:root{--charcoal:#242a30;--slate:#182b38;--steel:#68727b;--safety:#d6a44c;--concrete:#a5957b;--amber:#ef9e3a;--text:#eef1f4;--text-dim:#b9c2ca;--panel:#182b38db;--gutter:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));--font:system-ui, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Devanagari", "Nirmala UI", "Mangal", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:var(--slate);height:100%;color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;overflow:hidden}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.ui{pointer-events:none;padding:max(16px, env(safe-area-inset-top)) var(--gutter) max(16px, env(safe-area-inset-bottom));position:fixed;inset:0}.screen{pointer-events:auto;padding:inherit;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;display:flex;position:absolute;inset:0}.screen[hidden]{display:none}.title{background:linear-gradient(90deg,#182b38d1 0%,#182b3859 55%,#182b3800 100%)}.title__name{letter-spacing:.06em;max-width:14ch;margin:0;font-size:clamp(28px,5.4vw,64px);font-weight:800;line-height:1.05}.title__sub{color:var(--amber);letter-spacing:.08em;margin:0 0 12px;font-size:clamp(16px,2.2vw,24px)}.menu{flex-direction:column;gap:10px;display:flex}button,select{font:inherit;color:var(--text);border:1px solid var(--steel);cursor:pointer;background:#242a30eb;border-radius:6px;min-width:48px;min-height:48px;padding:10px 20px}.menu button{text-align:left;min-width:220px;font-size:18px}button:hover{border-color:var(--safety)}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--safety);outline-offset:2px}.panel{background:var(--panel);border:1px solid #68727b99;border-radius:10px;justify-content:flex-start;align-items:stretch;width:min(560px,100% - 32px);max-height:calc(100% - 32px);padding:20px;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%)}.panel h2{margin:0 0 4px}.panel a{color:var(--amber)}.settings{flex-direction:column;gap:10px;display:flex}.settings label{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings label.check{justify-content:flex-start;min-height:44px}.settings input[type=checkbox]{width:24px;height:24px;accent-color:var(--safety)}.notice{border-left:4px solid var(--amber);background:#242a30e6;max-width:46ch;margin:8px 0 0;padding:10px 14px}.notice[hidden],.hint[hidden]{display:none}.hint{color:var(--text-dim);margin:0;font-size:14px}.disclaimer{color:var(--text-dim);max-width:52ch;margin-top:16px;font-size:13px}.disclaimer--privacy{margin-top:6px}.loading{color:var(--text-dim);font-size:32px}.error-detail{white-space:pre-wrap;color:var(--text-dim);max-height:30vh;font-size:12px;overflow:auto}.debug{top:max(8px, env(safe-area-inset-top));right:var(--gutter);white-space:pre;background:#0009;border-radius:4px;padding:6px 8px;font:12px/1.4 ui-monospace,Consolas,monospace;position:absolute}.debug[hidden]{display:none}.menu--stretch button{width:100%}input[type=range]{width:min(220px,45vw);accent-color:var(--safety);min-height:44px}.hud-host{pointer-events:none;position:fixed;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.hud[hidden]{display:none}.hud__hint,.hud__toast{text-align:center;opacity:0;background:#182b38d1;border:1px solid #68727b80;border-radius:8px;max-width:min(760px,100% - 32px);margin:0;padding:8px 14px;font-size:15px;transition:opacity .4s;position:absolute;left:50%;transform:translate(-50%)}.hud__hint{bottom:max(20px, env(safe-area-inset-bottom))}.hud__toast{top:max(88px, calc(env(safe-area-inset-top) + 76px));border-left:4px solid var(--amber);font-weight:600}.hud__hint.is-on,.hud__toast.is-on{opacity:1}.hud__fade{opacity:0;background:#000;position:absolute;inset:0}.hud__status{left:var(--gutter);top:max(14px, env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:absolute}.hud__hp{background:#182b38cc;border:1px solid #eef1f473;border-radius:6px;width:min(220px,34vw);height:12px;overflow:hidden}.hud__hp-fill{background:linear-gradient(90deg,#c9cfd4,#eef1f4);width:100%;height:100%;transition:width .15s}.hud__hp.is-low .hud__hp-fill{background:linear-gradient(90deg,#d6a44c,#ef9e3a)}.hud__pip{width:34px;height:34px;color:var(--amber);background:conic-gradient(#182b38d9 var(--cd,0%), #ef9e3a59 0);border:2px solid #ef9e3ad9;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:relative}.hud__pip.is-cooling{color:var(--text-dim);border-color:#68727bcc}.hud__hurt{pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:0;box-shadow:inset 0 0 90px 30px #140a04d9}.hud__hurt.is-on{opacity:1;transition:none}.hud__objective{left:var(--gutter);top:max(56px, calc(env(safe-area-inset-top) + 44px));opacity:.6;text-shadow:0 1px 3px #000c;max-width:min(420px,60vw);margin:0;font-size:15px;font-weight:600;transition:opacity .4s;position:absolute}.hud__objective.is-fresh{opacity:1;color:var(--amber)}.hud__prompt{left:50%;bottom:max(150px, calc(env(safe-area-inset-bottom) + 132px));text-align:center;opacity:0;background:#182b38d9;border:1px solid #ef9e3ab3;border-radius:8px;max-width:min(640px,100% - 32px);margin:0;padding:8px 14px;font-size:17px;font-weight:600;transition:opacity .3s;position:absolute;transform:translate(-50%)}.hud__prompt.is-on{opacity:1}.hud__prompt.is-raised{bottom:max(250px, calc(env(safe-area-inset-bottom) + 232px))}.hud__subs{left:50%;bottom:max(84px, calc(env(safe-area-inset-bottom) + 68px));text-align:center;opacity:0;background:#000000b8;border-radius:6px;max-width:min(820px,100% - 32px);padding:8px 14px;font-size:clamp(16px,2.1vw,21px);line-height:1.4;transition:opacity .2s;position:absolute;transform:translate(-50%)}.hud__subs.is-on{opacity:1}.hud__subs-speaker{letter-spacing:.08em;text-transform:uppercase;color:var(--amber);font-size:.72em;font-weight:700;display:block}.hud__bars{pointer-events:none;display:none;position:absolute;inset:0}.hud__bars i{background:#000;height:9vh;position:absolute;left:0;right:0}.hud__bars i:first-child{top:0}.hud__bars i:last-child{bottom:0}.hud__skip{right:var(--gutter);bottom:max(18px, env(safe-area-inset-bottom));pointer-events:auto;z-index:2;display:none;position:absolute}.hud--cinematic .hud__bars{display:block}.hud--cinematic .hud__skip{display:inline-block}.hud--cinematic .hud__status,.hud--cinematic .hud__objective,.hud--cinematic .hud__prompt,.hud--cinematic .hud__hint{display:none}.hud__card{background:var(--panel);pointer-events:auto;z-index:3;border:1px solid #ef9e3a99;border-radius:10px;width:min(520px,100% - 32px);padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud__card[hidden]{display:none}.hud__card h2{color:var(--amber);margin:0 0 8px}.hud__card-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.touch__btn--interact{right:calc(var(--gutter) + 10px);bottom:max(118px, calc(env(safe-area-inset-bottom) + 102px));border-color:var(--safety);color:var(--safety);display:none}.touch__btn--interact.is-on{display:block}.touch--left .touch__btn--interact{right:auto;left:calc(var(--gutter) + 6px)}.title .menu button[hidden]{display:none}.hud__top{left:50%;top:max(14px, env(safe-area-inset-top));text-align:center;letter-spacing:.06em;text-shadow:0 1px 3px #000;width:min(520px,56vw);font-weight:700;position:absolute;transform:translate(-50%)}.hud__top[hidden]{display:none}.hud__top-bar{background:#182b38d9;border:1px solid #eef1f480;border-radius:6px;height:12px;margin-top:4px;position:relative;overflow:hidden}.hud__top-fill{background:linear-gradient(90deg,#d6a44c,#ef9e3a);position:absolute;top:0;bottom:0;left:0}.hud__top-mark{background:#eef1f4;width:2px;position:absolute;top:-2px;bottom:-2px}.hud__top-mark[hidden]{display:none}.hud__top-state{min-width:1em;margin-left:6px;display:inline-block}.hud__top[data-state=shield] .hud__top-fill{background:linear-gradient(90deg,#8fa3b8,#b9c4cf)}.hud__top[data-state=exposed] .hud__top-fill{background:linear-gradient(90deg,#ef9e3a,#ffd28a)}.hud__choice{pointer-events:auto;z-index:3;flex-direction:column;gap:10px;width:min(460px,100% - 32px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud__choice[hidden]{display:none}.hud__choice button{text-align:left;border-color:var(--amber);background:#182b38eb;font-size:18px}.hud__card-line{margin:0 0 8px;display:block}.hud__card-line:first-child{font-style:italic}.hud--cinematic .hud__top{display:none}.hud[data-subs=small] .hud__subs{font-size:clamp(14px,1.7vw,17px)}.hud[data-subs=large] .hud__subs{max-width:min(980px,100% - 32px);font-size:clamp(20px,2.8vw,28px)}.touch{pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.touch[hidden]{display:none}.touch__stick-zone,.touch__look-zone{pointer-events:auto;touch-action:none;position:absolute;top:0;bottom:0}.touch__stick-zone{width:45%;left:0}.touch__look-zone{width:55%;right:0}.touch--left .touch__stick-zone{left:auto;right:0}.touch--left .touch__look-zone{left:0;right:auto}.touch__stick{pointer-events:none;background:#182b3859;border:2px solid #eef1f473;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;display:none;position:absolute}.touch__knob{background:#eef1f4b3;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch__btn{pointer-events:auto;touch-action:none;letter-spacing:.04em;background:#242a30b8;border:2px solid #eef1f480;border-radius:50%;min-width:64px;min-height:64px;padding:0 6px;font-size:12px;font-weight:700;position:absolute}.touch__btn--attack{right:calc(var(--gutter) + 6px);bottom:max(22px, env(safe-area-inset-bottom));border-color:#ef9e3acc;width:84px;height:84px;font-size:13px}.touch__btn--jump{right:calc(var(--gutter) + 104px);bottom:max(16px, env(safe-area-inset-bottom))}.touch__btn--dodge{right:calc(var(--gutter) + 92px);bottom:max(96px, calc(env(safe-area-inset-bottom) + 80px))}.touch__btn--pulse{right:calc(var(--gutter) + 182px);bottom:max(52px, calc(env(safe-area-inset-bottom) + 36px));color:var(--amber)}.touch__btn--echo{right:calc(var(--gutter) + 170px);bottom:max(132px, calc(env(safe-area-inset-bottom) + 116px));color:var(--amber);font-size:11px}.touch__btn--sprint{left:calc(var(--gutter) + 6px);bottom:max(170px, calc(env(safe-area-inset-bottom) + 154px));width:56px;min-width:56px;height:56px;min-height:56px;font-size:11px}.touch__btn.is-cooling{opacity:.45}.touch__btn.is-pressed{background:#ef9e3a73;transform:scale(.94)}.touch__btn--sprint.is-on{border-color:var(--safety);color:var(--safety)}.touch__btn--pause{right:var(--gutter);top:max(12px, env(safe-area-inset-top));width:48px;min-width:48px;height:48px;min-height:48px;font-size:16px}.touch--left .touch__btn--attack{right:auto;left:calc(var(--gutter) + 6px)}.touch--left .touch__btn--jump{right:auto;left:calc(var(--gutter) + 104px)}.touch--left .touch__btn--dodge{right:auto;left:calc(var(--gutter) + 92px)}.touch--left .touch__btn--pulse{right:auto;left:calc(var(--gutter) + 182px)}.touch--left .touch__btn--echo{right:auto;left:calc(var(--gutter) + 170px)}.touch--left .touch__btn--sprint{left:auto;right:calc(var(--gutter) + 6px)}.rotate{text-align:center;pointer-events:auto;z-index:10;background:#182b38f5;justify-content:center;align-items:center;padding:24px;font-size:20px;display:flex;position:fixed;inset:0}.rotate[hidden]{display:none}@media (max-height:520px){.screen{justify-content:safe center;gap:6px;overflow-y:auto}.title__name{max-width:22ch;font-size:clamp(22px,7vh,34px)}.title__sub{margin:0 0 4px;font-size:15px}.menu{gap:6px}.menu button{min-width:200px;min-height:44px;padding:6px 16px;font-size:16px}.disclaimer{margin-top:4px;font-size:11px}.panel{padding:12px 16px}.hud__prompt{bottom:auto;top:max(92px, calc(env(safe-area-inset-top) + 80px));max-width:min(520px,100% - 300px);font-size:15px}.hud__prompt.is-raised{bottom:auto}.hud__toast{top:max(132px, calc(env(safe-area-inset-top) + 120px))}.hud__subs{bottom:max(12px, env(safe-area-inset-bottom));max-width:calc(100% - 420px);font-size:15px}}@media (max-height:400px){.title__name{font-size:clamp(20px,8vh,28px)}.menu button{min-height:40px;padding:4px 14px;font-size:15px}.disclaimer{margin-top:2px;font-size:10px}}@media (max-width:900px){.hud__top{width:min(320px,38vw);font-size:13px;left:auto;right:72px;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.bench{z-index:50;max-width:min(640px,100% - 24px);color:var(--text);border:1px solid var(--amber);background:#0a0e12eb;border-radius:8px;padding:12px;font:13px/1.4 ui-monospace,Consolas,monospace;position:fixed;bottom:12px;right:12px}.bench table{border-collapse:collapse;width:100%;margin:6px 0}.bench th,.bench td{text-align:left;border-bottom:1px solid #68727b80;padding:3px 6px}.bench h2{color:var(--amber);margin:0 0 4px;font-size:15px}