body{overscroll-behavior:none;background:#000;width:100%;height:100%;margin:0;padding:0;position:absolute;overflow:hidden}.container{width:100%;height:100%;position:relative;overflow:hidden}#threejs{display:block}.ui{width:100%;height:100%;font-family:IM Fell French Canon,serif;position:absolute;top:0;left:0;overflow:hidden}.quest-ui-layout{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.quest-ui{z-index:2;background:#010101bf;width:700px;padding:20px}.quest-title{color:#fff;text-shadow:4px 4px #000;font-size:3em}.quest-text-title{color:#fff;padding-bottom:10px;font-size:3em}.quest-text{color:#fff;font-size:1em}.icon-ui{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.icon-bar{z-index:1;justify-content:center;margin-bottom:10px;display:flex}.touch-controls{display:none}@media (pointer:coarse){body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-controls{display:block}body.panel-open .touch-controls{display:none}}@media (width<=900px),(height<=500px){.quest-ui{width:min(700px,85vw);max-height:70vh;padding:12px;overflow-y:auto}.quest-text-title{font-size:1.6em}}.damage-number{pointer-events:none;z-index:5;text-shadow:0 0 3px #000,0 0 3px #000;font:700 24px sans-serif;position:fixed;top:0;left:0}.damage-player{color:#ff3b30}.damage-monster{color:#ffe94d}.quest-marker{color:#fd0;text-shadow:2px 2px #000;pointer-events:none;z-index:1;font-size:40px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}#quest-tracker{color:#fd0;pointer-events:none;z-index:1;background:#0000008c;max-width:300px;padding:4px 10px;font-size:1.2em;position:absolute;top:300px;left:20px}@media (width<=900px),(height<=500px){.quest-marker{font-size:28px}}#shop-panel{z-index:30;color:#fff;text-align:center;background:#141414e0;border:2px solid #fff9;border-radius:10px;min-width:220px;max-width:90vw;padding:14px;font-family:sans-serif;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#shop-panel .shop-title{margin-bottom:6px;font-size:20px;font-weight:700}#shop-panel button{cursor:pointer;border:0;border-radius:6px;margin:6px 4px 0;padding:10px 14px;font-size:16px}#shop-msg{min-height:1.2em;margin-top:6px;font-size:14px}.context-lost{z-index:100;color:#fff;background:#000c;justify-content:center;align-items:center;font:700 20px sans-serif;display:flex;position:fixed;inset:0}.interact-hint{z-index:5;color:#fff;pointer-events:none;background:#0000008c;border-radius:6px;padding:4px 12px;font:700 16px sans-serif;display:none;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.interact-hint.show{display:block}@media (pointer:coarse){.interact-hint.show{display:none}}.toast{z-index:30;color:#fff;pointer-events:none;opacity:0;background:#000000a6;border-radius:6px;padding:6px 16px;font:700 16px sans-serif;transition:opacity .3s;position:absolute;top:70px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.sleep-fade{z-index:25;opacity:0;pointer-events:none;background:#000;transition:opacity 1s;position:absolute;inset:0}.sleep-fade.on{opacity:1}#shop-panel .shop-weapon:disabled{opacity:.45;cursor:default}@media (height<=500px){#shop-panel{padding:8px}}:root{--rim:#8e2a17;--ink:#9b2d1a;--u:clamp(.6px, calc(100vh / 440), 1px)}@supports (height:100svh){:root{--u:clamp(.6px, calc(100svh / 440), 1px)}}.touch-button,.skill,#mute-button,#fullscreen-button{box-sizing:border-box;border:calc(3 * var(--u)) solid var(--rim);box-shadow:0 calc(5 * var(--u)) 0 #6e1f10, inset 0 calc(-4 * var(--u)) 0 #c45c0c8c;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:radial-gradient(34% 20% at 36% 22%,#fffffff2,#fff0 100%),radial-gradient(circle at 50% 38%,#ffe46b 0%,#f7c12a 58%,#e99a12 100%);border-radius:50%;justify-content:center;align-items:center;font-size:0;transition:transform 50ms;display:flex;position:absolute}.touch-button:before,.skill:before,#mute-button:before,#fullscreen-button:before{content:"";background:var(--icon) center / contain no-repeat;pointer-events:none;width:54%;height:54%}.touch-button.pressed,.skill:active{transform:translateY(calc(4 * var(--u)));box-shadow:0 calc(1 * var(--u)) 0 #6e1f10, inset 0 calc(-2 * var(--u)) 0 #c45c0c8c;filter:brightness(1.08)}.touch-button[data-count]:after,.skill[data-count]:after,.inventory-item[data-count]:after{content:attr(data-count);right:calc(-5 * var(--u));top:calc(-5 * var(--u));min-width:calc(20 * var(--u));padding:0 calc(3 * var(--u));box-sizing:border-box;border-radius:calc(10 * var(--u));border:calc(2 * var(--u)) solid #fff3c4;color:#fff;font:bold calc(12 * var(--u)) / calc(16 * var(--u)) sans-serif;text-align:center;background:#c0392b;position:absolute}#btn-attack{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M21 2l1 1-10.5 12-2.5-2.5zM4.5 12.5l7 7-1.6 1.6-2.2-2.2L4.3 22 2 19.7l3.3-3.4-2.4-2.2z'/></svg>")}#btn-jump{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M12 2l8.5 9.5H15V21H9v-9.5H3.5z'/></svg>")}#btn-dodge{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M12 3a9 9 0 1 0 9 9h-3.2A5.8 5.8 0 1 1 12 6.2V10l5.5-5L12 0z'/></svg>")}#btn-run{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M1.5 5l9.5 7-9.5 7zM12 5l9.5 7-9.5 7z'/></svg>")}#btn-block{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M12 1.5l9 3.3v6.4c0 5.6-3.8 10.2-9 11.8-5.2-1.6-9-6.2-9-11.8V4.8z'/></svg>")}#btn-shoot{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M11 1h2v5h-2zM11 18h2v5h-2zM1 11h5v2H1zM18 11h5v2h-5z'/><circle cx='12' cy='12' r='6.5' fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-width='2.6'/><circle cx='12' cy='12' r='2.2'/></svg>")}#btn-potion{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M8.5 1.5h7v2.5h-1.2v4.3l5.6 9.6A3 3 0 0 1 17.3 22.5H6.7a3 3 0 0 1-2.6-4.6L9.7 8.3V4H8.5z'/></svg>")}#btn-lock{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><circle cx='12' cy='12' r='8' fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-width='3'/><circle cx='12' cy='12' r='3.2'/><path d='M12 0v5M12 19v5M0 12h5M19 12h5' stroke='%239b2d1a' stroke-linecap='round' stroke-width='2.4'/></svg>")}.skill[data-id=fire]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M12 1c1.2 4.6 7 6.8 7 13.2a7 7 0 0 1-14 0c0-3.6 2.3-5.8 3.5-7 0 2.4 1.2 3.6 2.4 3.6C10.9 6 9.8 3.8 12 1z'/></svg>")}.skill[data-id=heal]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M8.8 2h6.4v6.8H22v6.4h-6.8V22H8.8v-6.8H2V8.8h6.8z'/></svg>")}.skill[data-id=ice]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M12 1.5v21M2.9 6.75l18.2 10.5M2.9 17.25L21.1 6.75M9 3l3 3 3-3M9 21l3-3 3 3' fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-width='2.5'/></svg>")}.skill[data-id=meteor]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><circle cx='15.5' cy='8.5' r='6'/><path d='M10.5 13.5L2.5 21.5M8 10.5l-6.5 4M13.5 16l-4 6.5' fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-width='2.6'/></svg>")}.skill[data-id=bomb]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><circle cx='10.5' cy='14' r='8'/><path d='M15.5 8l2.5-2.5M18 5.5l1-3M19.2 6.8l3-1' fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-width='2.2'/></svg>")}.skill[data-id=kwave]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%239b2d1a' d='M3 21C14 20 20 13 21 3c2 11-6 20-18 18z'/></svg>")}.skill[data-id=kcharge]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%239b2d1a' d='M14 1L4 14h6.5L8 23l11-14h-6.5z'/></svg>")}.skill[data-id=kleap]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.6' d='M12 2v13M6.5 10l5.5 5.5 5.5-5.5M2.5 21h19M5 18l-2-2M19 18l2-2'/></svg>")}.skill[data-id=kholy]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%239b2d1a' d='M10.8 1h2.4v13h-2.4zM6.5 14h11v2.4h-11zM10.8 16.4h2.4V23h-2.4z'/><path fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.6' d='M4 4l2 2M20 4l-2 2M3 10h2.5M21 10h-2.5'/></svg>")}.skill[data-id=bthrow]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%239b2d1a' d='M13.5 2h2.2v20h-2.2zM15.7 3c5 .5 7 4 6.3 8.5-2.2-2-4.2-2.6-6.3-2z'/><path fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.6' d='M2 7h7M3 12h6M2 17h7'/></svg>")}.skill[data-id=bquake]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%239b2d1a' d='M1.5 22l4-10 3.5 10zM7.5 22l5-17 5 17zM15.5 22l3.5-9 3.5 9z'/></svg>")}.skill[data-id=bwhirl]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.6' d='M12 12a1.8 1.8 0 1 1 1.8 1.8M13.8 13.8a4.2 4.2 0 1 1-4.2-4.2 6 6 0 1 1 0 0M9.6 9.6a6.5 6.5 0 1 1 8.8 8.4M5 19.5a9.5 9.5 0 0 1-2-6'/></svg>")}.skill[data-id=brage]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.6' d='M5 3l5.5 18M11 2l5 17M17 3l4 13'/></svg>")}.skill[data-id=rfan]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.6' d='M12 22L4 6M12 22V3M12 22L20 6M2 9l2-3 3.3.8M9.5 5.5L12 3l2.5 2.5M16.7 6.8L20 6l2 3'/></svg>")}.skill[data-id=rrain]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.6' d='M6 2v12M12 5v14M18 2v12M3 11l3 3 3-3M9 16l3 3 3-3M15 11l3 3 3-3'/></svg>")}.skill[data-id=rstep]{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><ellipse fill='%239b2d1a' cx='8' cy='16' rx='3' ry='5'/><ellipse fill='%239b2d1a' cx='16' cy='7.5' rx='3' ry='5'/></svg>")}#fullscreen-button{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M2 2h8v3.4H5.4V10H2zM14 2h8v8h-3.4V5.4H14zM2 14h3.4v4.6H10V22H2zM18.6 14H22v8h-8v-3.4h4.6z'/></svg>")}#mute-button{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M2 8.5h4.5L12 3.5v17l-5.5-5H2z'/><path d='M15.5 8.5a5 5 0 0 1 0 7M18.5 5.5a9 9 0 0 1 0 13' fill='none' stroke='%239b2d1a' stroke-linecap='round' stroke-width='2.4'/></svg>")}.touch-buttons{pointer-events:none;z-index:10;position:absolute;inset:0}.touch-buttons>*{pointer-events:auto}.touch-button{width:calc(58 * var(--u));height:calc(58 * var(--u))}#btn-attack{width:calc(84 * var(--u));height:calc(84 * var(--u));right:calc(16 * var(--u) + env(safe-area-inset-right));bottom:calc(16 * var(--u) + env(safe-area-inset-bottom));border-width:calc(4 * var(--u));background:radial-gradient(34% 20% at 36% 22%,#fffffff2,#fff0 100%),radial-gradient(circle at 50% 38%,#ff9d6b 0%,#f2552c 58%,#c93413 100%)}#btn-attack:before{filter:brightness(0)invert()}#btn-jump{right:calc(129 * var(--u) + env(safe-area-inset-right));bottom:calc(29 * var(--u) + env(safe-area-inset-bottom))}#btn-dodge{right:calc(100 * var(--u) + env(safe-area-inset-right));bottom:calc(100 * var(--u) + env(safe-area-inset-bottom))}#btn-run{right:calc(29 * var(--u) + env(safe-area-inset-right));bottom:calc(129 * var(--u) + env(safe-area-inset-bottom))}#btn-block,#btn-shoot,.skill{width:calc(50 * var(--u));height:calc(50 * var(--u))}#btn-block,#btn-shoot{right:calc(201 * var(--u) + env(safe-area-inset-right));bottom:calc(69 * var(--u) + env(safe-area-inset-bottom))}.joystick{left:calc(24 * var(--u) + env(safe-area-inset-left));bottom:calc(24 * var(--u) + env(safe-area-inset-bottom));width:calc(130 * var(--u));height:calc(130 * var(--u));box-sizing:border-box;border:calc(4 * var(--u)) solid #8e2a17bf;box-shadow:0 calc(4 * var(--u)) 0 #6e1f1080;z-index:10;background:radial-gradient(circle,#ffe46b1f 0%,#ffe46b52 100%);border-radius:50%;position:absolute}.joystick-knob{left:calc(32 * var(--u));top:calc(32 * var(--u));width:calc(58 * var(--u));height:calc(58 * var(--u));box-sizing:border-box;border:calc(3 * var(--u)) solid var(--rim);box-shadow:0 calc(4 * var(--u)) 0 #6e1f10;pointer-events:none;background:radial-gradient(34% 20% at 36% 22%,#fffffff2,#fff0 100%),radial-gradient(circle at 50% 38%,#ffe46b 0%,#f7c12a 58%,#e99a12 100%);border-radius:50%;position:absolute}#btn-lock,#btn-potion{width:calc(46 * var(--u));height:calc(46 * var(--u));left:calc(166 * var(--u) + env(safe-area-inset-left))}#btn-lock{bottom:calc(24 * var(--u) + env(safe-area-inset-bottom))}#btn-potion{bottom:calc(86 * var(--u) + env(safe-area-inset-bottom))}#btn-context{width:auto;height:calc(44 * var(--u));padding:0 calc(18 * var(--u));border-radius:calc(22 * var(--u));font:bold calc(15 * var(--u)) sans-serif;white-space:nowrap;display:none;left:50%;transform:translate(-50%)}#btn-context:before{display:none}#btn-context.show{display:flex}#btn-context.pressed{transform:translateX(-50%) translateY(calc(4 * var(--u)))}.skillbar{z-index:10;position:absolute}.skill.disabled{filter:grayscale(.8);opacity:.6}.skill-label{display:none}.skill-key{color:#fff;text-shadow:0 0 3px #000;font:700 11px sans-serif;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.skill-cd{pointer-events:none;background:#3c140a8c;border-radius:0 0 50% 50%/0 0 30% 30%;height:0;position:absolute;bottom:0;left:0;right:0}@media (pointer:coarse){.skill-key{display:none}.skillbar{bottom:0;right:0}.skill:first-child{right:calc(176 * var(--u) + env(safe-area-inset-right));bottom:calc(129 * var(--u) + env(safe-area-inset-bottom))}.skill:nth-child(2){right:calc(129 * var(--u) + env(safe-area-inset-right));bottom:calc(176 * var(--u) + env(safe-area-inset-bottom))}.skill:nth-child(3){right:calc(69 * var(--u) + env(safe-area-inset-right));bottom:calc(201 * var(--u) + env(safe-area-inset-bottom))}.skill:nth-child(4){right:calc(201 * var(--u) + env(safe-area-inset-right));bottom:calc(69 * var(--u) + env(safe-area-inset-bottom))}}@media (pointer:fine){.skillbar{gap:10px;display:flex;bottom:30px;left:calc(50% + 140px)}.skill{position:relative}}#mute-button,#fullscreen-button{border:2px solid var(--rim)!important;background:radial-gradient(34% 20% at 36% 22%,#fffffff2,#fff0 100%),radial-gradient(circle at 50% 38%,#ffe46b 0%,#f7c12a 58%,#e99a12 100%)!important;border-radius:50%!important;width:36px!important;height:36px!important;padding:0!important;font-size:0!important;box-shadow:0 3px #6e1f10!important}#mute-button.muted:before{opacity:.35}.health-ui{left:calc(10 * var(--u) + env(safe-area-inset-left));top:calc(8 * var(--u) + env(safe-area-inset-top));align-items:center;gap:calc(8 * var(--u));z-index:1;display:flex;position:absolute}.health-ui .portrait{width:calc(66 * var(--u));height:calc(66 * var(--u));box-sizing:border-box;border:calc(3 * var(--u)) solid var(--rim);box-shadow:0 calc(4 * var(--u)) 0 #6e1f10;background:radial-gradient(circle at 50% 38%,#ffe46b 0%,#f7c12a 58%,#e99a12 100%);border-radius:50%;order:-1}.hud-bars{gap:calc(5 * var(--u));width:calc(150 * var(--u));flex-direction:column;display:flex}.hud-track{height:calc(12 * var(--u));box-sizing:border-box;border:calc(2 * var(--u)) solid var(--rim);border-radius:calc(8 * var(--u));box-shadow:0 calc(2 * var(--u)) 0 #6e1f1099;background:#280f0899;overflow:hidden}.hud-name+.hud-track{height:calc(18 * var(--u))}.hud-track>div{border-radius:calc(6 * var(--u));height:100%;transition:width .2s}.health-bar{background:linear-gradient(#c8ff8a 0 30%,#5dc11f 31% 100%)}#stamina-bar>div{background:linear-gradient(#ffe0a0 0 30%,#f39c12 31% 100%)}#mana-bar>div{background:linear-gradient(#bfe0ff 0 30%,#2f80ed 31% 100%)}#loot-hud{left:calc(10 * var(--u) + env(safe-area-inset-left));top:calc(82 * var(--u) + env(safe-area-inset-top));z-index:2;padding:calc(2 * var(--u)) calc(10 * var(--u));border-radius:calc(12 * var(--u));border:calc(2 * var(--u)) solid var(--rim);color:#ffe46b;font:bold calc(13 * var(--u)) / 1.35 sans-serif;white-space:pre;pointer-events:none;background:#280f0899;position:absolute}#quest-tracker{left:calc(10 * var(--u) + env(safe-area-inset-left));top:calc(128 * var(--u) + env(safe-area-inset-top));max-width:calc(230 * var(--u));padding:calc(3 * var(--u)) calc(10 * var(--u));border-radius:calc(10 * var(--u));border:calc(2 * var(--u)) solid var(--rim);color:#ffe46b;font:calc(13 * var(--u)) / 1.3 sans-serif;background:#280f0899}#minimap{top:calc(8 * var(--u) + env(safe-area-inset-top));right:calc(10 * var(--u) + env(safe-area-inset-right));z-index:19;width:calc(104 * var(--u));height:calc(104 * var(--u));box-sizing:border-box;border:calc(4 * var(--u)) solid var(--rim);box-shadow:0 0 0 calc(3 * var(--u)) #f7c12a, 0 calc(5 * var(--u)) 0 calc(3 * var(--u)) #6e1f10;pointer-events:none;background:radial-gradient(circle,#28461e8c,#14230fbf);border-radius:50%;position:absolute}#quality-button{top:calc(8px + env(safe-area-inset-top));z-index:20;box-sizing:border-box;border:2px solid var(--rim);height:36px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(34% 26% at 30% 25%,#ffffffe6,#fff0 100%),radial-gradient(circle at 50% 38%,#ffe46b 0%,#f7c12a 58%,#e99a12 100%);border-radius:18px;align-items:center;padding:0 12px;font:700 13px sans-serif;display:flex;position:absolute;right:calc(50% + 52px);box-shadow:0 3px #6e1f10}.icon-bar{gap:calc(12 * var(--u));margin-bottom:calc(14 * var(--u))}.icon-bar-item{width:calc(52 * var(--u));height:calc(52 * var(--u));box-sizing:border-box;border:calc(3 * var(--u)) solid var(--rim);background:var(--icon) center / 52% no-repeat, radial-gradient(ellipse 34% 20% at 36% 22%, #fffffff2, #fff0 100%), radial-gradient(circle at 50% 38%, #ffe46b 0%, #f7c12a 58%, #e99a12 100%);box-shadow:0 calc(5 * var(--u)) 0 #6e1f10, inset 0 calc(-4 * var(--u)) 0 #c45c0c8c;cursor:pointer;border-radius:50%;margin:0;position:relative}.icon-bar-item:active{transform:translateY(calc(4 * var(--u)));box-shadow:0 calc(1 * var(--u)) 0 #6e1f10}#icon-bar-stats{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path d='M2.5 21.5V13h5v8.5zM9.5 21.5V3h5v18.5zM16.5 21.5v-12h5v12z'/></svg>")}#icon-bar-inventory{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path fill-rule='evenodd' d='M9 4.5a3 3 0 0 1 6 0V6h1.5A3.5 3.5 0 0 1 20 9.5V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9.5A3.5 3.5 0 0 1 7.5 6H9zm2 1.5h2V4.5a1 1 0 0 0-2 0zM7 13.5V18h10v-4.5zm2.5 1.2h5v2h-5z'/></svg>")}#icon-bar-quests{--icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239b2d1a'><path fill-rule='evenodd' d='M5 2h12.5A3.5 3.5 0 0 1 21 5.5V7h-3v12.5A2.5 2.5 0 0 1 15.5 22H5.5A3.5 3.5 0 0 1 2 18.5V17h3zm3 5.5v2h7v-2zm0 4v2h7v-2zm0 4v2h5v-2z'/></svg>")}#btn-context{bottom:calc(80 * var(--u) + env(safe-area-inset-bottom))}.inventory-inner,.stats-inner,.quest-journal,#shop-panel,.quest-ui{z-index:60;box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100vh - 20px);padding:calc(12 * var(--u)) calc(18 * var(--u)) calc(16 * var(--u));border-radius:calc(18 * var(--u));border:calc(4 * var(--u)) solid var(--rim);box-shadow:0 calc(6 * var(--u)) 0 #6e1f10, 0 0 0 100vmax #0a0502b3;color:#5a2412;font:calc(14 * var(--u)) / 1.35 sans-serif;text-align:left;background:linear-gradient(#fff6dc,#f1d89c);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@supports (height:100svh){.inventory-inner,.stats-inner,.quest-journal,#shop-panel,.quest-ui{max-height:calc(100svh - 20px)}}body.panel-open .skillbar{display:none}.panel-title,#shop-panel .shop-title,.quest-text-title{margin:0 calc(40 * var(--u)) calc(8 * var(--u));text-align:center;font:bold calc(22 * var(--u)) / 1.2 "IM Fell English", serif;color:var(--rim);text-shadow:0 calc(2 * var(--u)) 0 #f7c12a}.quest-text{color:#5a2412;font-size:calc(14 * var(--u));white-space:pre-wrap}.panel-close{top:calc(8 * var(--u));right:calc(8 * var(--u));width:calc(36 * var(--u));height:calc(36 * var(--u));border:calc(3 * var(--u)) solid var(--rim);box-shadow:0 calc(3 * var(--u)) 0 #6e1f10;cursor:pointer;background:radial-gradient(34% 20% at 36% 22%,#ffffffe6,#fff0 100%),radial-gradient(circle at 50% 38%,#ff9d6b 0%,#f2552c 58%,#c93413 100%);border-radius:50%;padding:0;position:absolute}.panel-close:before,.panel-close:after{content:"";width:56%;height:calc(4 * var(--u));border-radius:calc(2 * var(--u));background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.panel-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.panel-close:active{transform:translateY(calc(2 * var(--u)));box-shadow:0 calc(1 * var(--u)) 0 #6e1f10}.stats-inner button:not(.panel-close),.stats-reset,#shop-panel button{box-sizing:border-box;padding:calc(7 * var(--u)) calc(12 * var(--u));border-radius:calc(16 * var(--u));border:calc(2 * var(--u)) solid var(--rim);box-shadow:0 calc(3 * var(--u)) 0 #6e1f10;color:var(--ink);font:bold calc(13 * var(--u)) sans-serif;text-align:center;cursor:pointer;background:radial-gradient(34% 26% at 30% 25%,#ffffffe6,#fff0 100%),radial-gradient(circle at 50% 38%,#ffe46b 0%,#f7c12a 58%,#e99a12 100%);margin:0}.stats-inner button:not(.panel-close):active,.stats-reset:active,#shop-panel button:active{transform:translateY(calc(2 * var(--u)))}.stats-inner button:disabled,#shop-panel button:disabled{filter:grayscale(.8);opacity:.5}.stats-reset{color:#fff;background:radial-gradient(circle at 50% 38%,#ff9d6b 0%,#f2552c 58%,#c93413 100%)}#shop-panel button{width:100%;margin-top:calc(6 * var(--u));display:block}#shop-panel #shop-coins{text-align:center;font-weight:700}#shop-msg{min-height:1.2em;margin-top:calc(6 * var(--u));text-align:center;font-size:calc(13 * var(--u))}.stats{display:block}.stats-inner{grid-template-columns:minmax(calc(190 * var(--u)), auto) minmax(calc(230 * var(--u)), auto);column-gap:calc(18 * var(--u));row-gap:calc(6 * var(--u));align-content:start;display:grid}.stats-inner>.panel-title{grid-column:1/-1}.stats-inner>.skills{grid-area:2/2/span 8}.stats-row{padding:calc(4 * var(--u)) calc(10 * var(--u));border-radius:calc(10 * var(--u));border:calc(2 * var(--u)) solid #e2c27c;background:#ffffff8c;justify-content:space-between;align-items:center;font-weight:700;display:flex}.stats-row:has(>button){background:0 0;border:0;padding:0}.stats-row>button{width:100%}.stats-tooltip .stats-tooltiptext{display:none}.skills{gap:calc(5 * var(--u));flex-direction:column;display:flex}.skills-title{font:bold calc(17 * var(--u)) "IM Fell English", serif;color:var(--rim)}.skills-points{font-weight:700}.skills-row{align-items:center;gap:calc(8 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));border-radius:calc(10 * var(--u));border:calc(2 * var(--u)) solid #e2c27c;background:#ffffff8c;display:flex}.skills-name{flex:1;font-weight:700}.skills-info{font-size:calc(11 * var(--u));opacity:.8;font-weight:400}.skills-rank{font-weight:700}.stats-inner .skills-plus{width:calc(30 * var(--u));height:calc(30 * var(--u));font-size:calc(18 * var(--u));border-radius:50%;padding:0;line-height:1}.quest-journal{width:calc(400 * var(--u));display:block}.quest-line{margin-top:calc(6 * var(--u));padding:calc(7 * var(--u)) calc(10 * var(--u));border-radius:calc(10 * var(--u));border:calc(2 * var(--u)) solid #e2c27c;white-space:pre-wrap;background:#ffffff8c}.quest-line-done{color:#2e7d32;font-weight:700}.quest-ui{width:calc(520 * var(--u))}#quality-button{top:calc(124 * var(--u) + env(safe-area-inset-top));right:calc(62 * var(--u) + env(safe-area-inset-right));height:calc(26 * var(--u));padding:0 calc(10 * var(--u));font-size:calc(11 * var(--u));white-space:nowrap;transform:translate(50%)}#char-select,#loading-screen{z-index:1100;box-sizing:border-box;justify-content:center;align-items:center;gap:calc(10 * var(--u));padding:calc(10 * var(--u) + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(10 * var(--u) + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));color:#5a2412;background:radial-gradient(70% 55% at 50% 38%,#ffd65a2e,#ffd65a00 70%),radial-gradient(circle at 50% 120%,#2f6b3a 0%,#17331f 55%,#0d1c12 100%);flex-direction:column;font-family:IM Fell English,serif;display:flex;position:fixed;inset:0;overflow-y:auto}#loading-screen{z-index:1200;transition:opacity .6s}#loading-screen.done{opacity:0;pointer-events:none}.cs-logo,.ls-title{text-align:center;font:bold calc(40 * var(--u)) / 1 "IM Fell English", serif;color:#ffe46b;text-shadow:0 calc(3 * var(--u)) 0 var(--rim), 0 calc(6 * var(--u)) 0 #4a1408, 0 0 calc(18 * var(--u)) #0009;-webkit-text-stroke:calc(1.5 * var(--u)) var(--rim)}.cs-logo span{margin-top:calc(4 * var(--u));-webkit-text-stroke:0;font-size:.45em;display:block}.ls-title{font-size:calc(30 * var(--u))}#char-select .cs-list{gap:calc(12 * var(--u));width:min(calc(860 * var(--u)), 100%);grid-template-columns:repeat(4,1fr);display:grid}#char-select .cs-card{padding:calc(6 * var(--u)) calc(8 * var(--u)) calc(10 * var(--u));border-radius:calc(16 * var(--u));border:calc(4 * var(--u)) solid var(--rim);box-shadow:0 calc(6 * var(--u)) 0 #4a1408;text-align:center;cursor:pointer;background:linear-gradient(#fff6dc,#f1d89c);flex-direction:column;align-items:center;transition:transform .15s,box-shadow .15s;display:flex;position:relative}#char-select .cs-card.sel{transform:translateY(calc(-6 * var(--u)));box-shadow:0 calc(10 * var(--u)) 0 #4a1408, 0 0 0 calc(4 * var(--u)) #ffe46b, 0 0 calc(24 * var(--u)) #ffe46bcc;background:linear-gradient(#fff9e6,#ffe07a)}#char-select .cs-card.sel:after{content:"✓";top:calc(-12 * var(--u));right:calc(-12 * var(--u));width:calc(30 * var(--u));height:calc(30 * var(--u));border:calc(3 * var(--u)) solid var(--rim);color:#fff;font:bold calc(17 * var(--u)) / calc(25 * var(--u)) sans-serif;background:radial-gradient(circle at 50% 38%,#8ef06a 0%,#3fae22 70%);border-radius:50%;position:absolute}#char-select .cs-card img{width:100%;height:min(24vh, calc(150 * var(--u)));object-fit:contain}#char-select .cs-card-name{font:bold calc(22 * var(--u)) / 1.1 "IM Fell English", serif;color:var(--rim)}#char-select .cs-info{margin-top:calc(3 * var(--u));font:calc(12 * var(--u)) / 1.25 sans-serif;color:#6b3a1c}#char-select .cs-bottom{align-items:center;gap:calc(14 * var(--u));margin-top:calc(4 * var(--u));display:flex}#char-select .cs-name{align-items:center;gap:calc(8 * var(--u));height:calc(48 * var(--u));box-sizing:border-box;padding:0 calc(6 * var(--u)) 0 calc(16 * var(--u));border-radius:calc(24 * var(--u));border:calc(3 * var(--u)) solid var(--rim);box-shadow:0 calc(4 * var(--u)) 0 #4a1408;color:var(--rim);font:bold calc(17 * var(--u)) sans-serif;background:linear-gradient(#fff6dc,#f1d89c);display:flex}#cs-name{width:calc(170 * var(--u));height:calc(34 * var(--u));box-sizing:border-box;padding:0 calc(12 * var(--u));border-radius:calc(17 * var(--u));border:calc(2 * var(--u)) solid #c39352;color:#5a2412;font:bold calc(16 * var(--u)) sans-serif;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#fffaf0;outline:none}#cs-name:focus{border-color:#f2552c}#char-select #cs-start{height:calc(56 * var(--u));padding:0 calc(46 * var(--u));border-radius:calc(28 * var(--u));border:calc(4 * var(--u)) solid var(--rim);box-shadow:0 calc(6 * var(--u)) 0 #4a1408;color:#fff;font:bold calc(26 * var(--u)) "IM Fell English", serif;text-shadow:0 calc(2 * var(--u)) 0 #8e2a17;cursor:pointer;background:radial-gradient(30% 24% at 30% 24%,#ffffffe6,#fff0 100%),radial-gradient(circle at 50% 38%,#ff9d6b 0%,#f2552c 58%,#c93413 100%)}#char-select #cs-start:active{transform:translateY(calc(4 * var(--u)));box-shadow:0 calc(2 * var(--u)) 0 #4a1408}.cs-load,#loading-screen{--bar:min(calc(360 * var(--u)), 80vw)}.ls-track{width:var(--bar);height:calc(16 * var(--u));box-sizing:border-box;border-radius:calc(9 * var(--u));border:calc(3 * var(--u)) solid var(--rim);background:#280f0899;overflow:hidden}.ls-fill{border-radius:calc(6 * var(--u));background:linear-gradient(#fff3a8 0 30%,#f7c12a 31% 100%);width:0;height:100%;transition:width .2s}.ls-note{margin-top:calc(5 * var(--u));text-align:center;color:#f3e9c6;font:calc(13 * var(--u)) sans-serif}@media (aspect-ratio<=1){#char-select .cs-list{grid-template-columns:repeat(2,1fr)}#char-select .cs-bottom{flex-direction:column}}.hud-name{margin-bottom:calc(-2 * var(--u));color:#ffe46b;font:bold calc(14 * var(--u)) / 1 "IM Fell English", serif;text-shadow:0 calc(1.5 * var(--u)) 0 var(--rim), 0 0 calc(4 * var(--u)) #000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inventory{display:block}.inventory-inner{grid-template-columns:auto auto calc(190 * var(--u));column-gap:calc(14 * var(--u));align-items:stretch;display:grid}.inventory-inner>.panel-title{grid-column:1/-1}.bag-hidden{display:none}.bag-hero{width:calc(170 * var(--u));padding:calc(8 * var(--u));box-sizing:border-box;border-radius:calc(14 * var(--u));border:calc(3 * var(--u)) solid var(--rim);color:#fff3c4;background:linear-gradient(#7a4a2a,#5a3420);flex-direction:column;align-items:center;display:flex}.bag-stage{width:100%;position:relative}.inventory-character{height:calc(150 * var(--u));background-color:#0000;background-position:bottom;background-repeat:no-repeat;background-size:contain}.bag-stage:after{content:"";left:15%;right:15%;bottom:calc(8 * var(--u));height:calc(16 * var(--u));z-index:-1;background:radial-gradient(at 50% 40%,#a0683c,#4a2a16);border-radius:50%;position:absolute}.bag-stage{z-index:0}.bag-stage #inventory-equip-1{position:absolute;top:0;left:0}.bag-stage #inventory-equip-1:before{content:"Senjata";margin-top:calc(2 * var(--u));font:bold calc(10 * var(--u)) sans-serif;color:#ffe46b;white-space:nowrap;position:absolute;top:100%;left:50%;transform:translate(-50%)}.bag-name{margin-top:calc(8 * var(--u));font:bold calc(19 * var(--u)) / 1.1 "IM Fell English", serif;color:#ffe46b;text-shadow:0 calc(2 * var(--u)) 0 #3a1a0a}.bag-class{font-size:calc(12 * var(--u));opacity:.85}.bag-level{align-items:center;gap:calc(6 * var(--u));width:100%;margin:calc(6 * var(--u)) 0;display:flex}.bag-lv{font:bold calc(13 * var(--u)) sans-serif;white-space:nowrap}.bag-xp{height:calc(8 * var(--u));border-radius:calc(4 * var(--u));background:#0006;flex:1;overflow:hidden}.bag-xp>div{background:linear-gradient(#bff3ff,#4fb6e8);width:0;height:100%}.bag-stats{gap:calc(3 * var(--u));width:100%;font-size:calc(12 * var(--u));flex-direction:column;display:flex}.bag-stats div{justify-content:space-between;display:flex}.bag-stats b{color:#ffe46b}.bag-main{gap:calc(6 * var(--u));flex-direction:column;display:flex}.bag-top{justify-content:space-between;align-items:center;gap:calc(8 * var(--u));display:flex}.bag-tabs{gap:calc(4 * var(--u));display:flex}.bag-tabs button{padding:calc(4 * var(--u)) calc(10 * var(--u));border-radius:calc(12 * var(--u)) calc(12 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u));border:calc(2 * var(--u)) solid #c39352;color:#8a5a2b;font:bold calc(12 * var(--u)) sans-serif;cursor:pointer;background:#f3dfae}.bag-tabs button.on{border-color:var(--rim);color:var(--ink);background:#ffe46b}.bag-coins{padding:calc(3 * var(--u)) calc(10 * var(--u));border-radius:calc(12 * var(--u));font:bold calc(13 * var(--u)) sans-serif;color:var(--ink);white-space:nowrap;background:#5a241226}.bag-grid{grid-template-columns:repeat(6, calc(46 * var(--u)));grid-auto-rows:calc(46 * var(--u));gap:calc(6 * var(--u));min-height:calc(202 * var(--u));align-content:start;display:grid}.bag-foot{justify-content:space-between;gap:calc(8 * var(--u));font-size:calc(11 * var(--u));opacity:.8;display:flex}.bag-count{white-space:nowrap;font-weight:700}.inventory-item{width:calc(46 * var(--u));height:calc(46 * var(--u));box-sizing:border-box;border-radius:calc(10 * var(--u));border:calc(2 * var(--u)) solid #c39352;box-shadow:inset 0 calc(2 * var(--u)) calc(4 * var(--u)) #5a241259;cursor:pointer;background-color:#e9cd92;background-position:50%;background-repeat:no-repeat;background-size:76%;position:relative}.inventory-item.equipped{border-color:var(--rim);box-shadow:0 0 calc(10 * var(--u)) #ffd23f;background-color:#ffe46b}.inventory-item.selected{box-shadow:0 0 0 calc(2 * var(--u)) #f2552c, 0 0 calc(10 * var(--u)) #f2552c99;border-color:#f2552c}.inventory-item[data-count]:after{right:calc(-6 * var(--u));top:auto;bottom:calc(-6 * var(--u))}.inventory-info{align-items:center;gap:calc(5 * var(--u));padding:calc(10 * var(--u));box-sizing:border-box;border-radius:calc(14 * var(--u));border:calc(2 * var(--u)) solid #e2c27c;text-align:center;background:#fff9;flex-direction:column;display:flex}.inventory-info.empty{opacity:.6;justify-content:center}.inventory-info.empty>:not(.inventory-info-desc){display:none}.inventory-info-icon{width:calc(70 * var(--u));height:calc(70 * var(--u));box-sizing:border-box;border-radius:calc(14 * var(--u));border:calc(3 * var(--u)) solid var(--rim);background-color:#ffe9a8;background-position:50%;background-repeat:no-repeat;background-size:78%}.inventory-info-name{font:bold calc(18 * var(--u)) / 1.1 "IM Fell English", serif;color:var(--rim)}.inventory-info-tag{padding:calc(1 * var(--u)) calc(8 * var(--u));border-radius:calc(8 * var(--u));color:#fff3c4;font:bold calc(10 * var(--u)) sans-serif;background:#8a5a2b}.inventory-info-desc{font-size:calc(12 * var(--u));line-height:1.3}.inventory-info-rows{gap:calc(3 * var(--u));width:100%;font-size:calc(12 * var(--u));flex-direction:column;display:flex}.inventory-info-rows div{padding:calc(2 * var(--u)) calc(6 * var(--u));border-radius:calc(6 * var(--u));background:#e2c27c59;justify-content:space-between;display:flex}.inventory-info-action{width:100%;padding:calc(8 * var(--u));border-radius:calc(16 * var(--u));border:calc(2 * var(--u)) solid var(--rim);box-shadow:0 calc(3 * var(--u)) 0 #6e1f10;color:var(--ink);font:bold calc(15 * var(--u)) sans-serif;cursor:pointer;background:radial-gradient(34% 26% at 30% 25%,#ffffffe6,#fff0 100%),radial-gradient(circle at 50% 38%,#ffe46b 0%,#f7c12a 58%,#e99a12 100%);margin-top:auto}.inventory-info-action:active{transform:translateY(calc(2 * var(--u)))}#hurt-vignette{z-index:3;pointer-events:none;opacity:0;background:radial-gradient(75% 70%,#c8000000 45%,#c8000073 75%,#960000d9 100%);position:fixed;inset:0}