:root{--background:#120d2d;--foreground:#fff8dc;--panel:#18103ab8;--accent:#ffd45c;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit}.game-shell{min-height:100svh}.scene{background:radial-gradient(circle at 48% 36%,#f47c5b3d,#0000 38%),linear-gradient(160deg,#211554,#0b0920 78%);min-height:100svh;position:relative;overflow:hidden}.scene__canvas{position:absolute;inset:0}.scene__canvas canvas{width:100%;height:100%;display:block}.scene__webgl{cursor:grab;touch-action:none}.scene__webgl:active{cursor:grabbing}.scene__hud{z-index:2;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff24;border-radius:.85rem;max-width:min(20rem,100vw - 1.5rem);padding:.7rem .9rem;position:absolute;top:clamp(.75rem,2.5vw,1.25rem);left:clamp(.75rem,2.5vw,1.25rem);box-shadow:0 .5rem 2rem #0503143d}.scene__location{color:#fff8dcf2;letter-spacing:-.01em;margin:0 0 .3rem;font-size:1rem;font-weight:650}.scene__copy{color:#fff8dcc7;max-width:38ch;margin:.75rem 0 0;font-size:clamp(.88rem,2vw,1rem);line-height:1.5}.scene__objective{color:#fff8dcb8;margin:0;font-size:.84rem;line-height:1.4}.scene__status{z-index:3;color:var(--foreground);text-align:center;background:#120d2d;place-items:center;padding:1.5rem;transition:opacity .3s,visibility .3s;display:grid;position:absolute;inset:0}.loading{justify-items:center;gap:.9rem;width:min(20rem,70vw);display:grid}.loading__label{letter-spacing:.02em;color:#fff8dcdb;margin:0;font-size:.95rem}.loading__track{background:#fff8dc24;border-radius:999px;width:100%;height:4px;overflow:hidden}.loading__bar{transform-origin:0;background:linear-gradient(90deg,#7debe3,#ffd06a);border-radius:999px;height:100%}.scene__status[data-hidden=true]{visibility:hidden;opacity:0}.scene__status[data-error=true]{color:#ffe2db}.perf{z-index:4;color:#fff8dce6;background:#0c091ed1;border:1px solid #fff8dc29;border-radius:.5rem;min-width:9.5rem;padding:.6rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.5;position:absolute;top:1rem;right:1rem}.perf__headline{margin:0 0 .35rem;font-size:.95rem}.perf__headline strong{font-size:1.3rem;font-weight:600}.perf__grid{grid-template-columns:auto 1fr;gap:0 .75rem;margin:0;display:grid}.perf__grid dt{opacity:.6}.perf__grid dd{text-align:right;margin:0}.perf__grid dd[data-bad=true]{color:#ffb08a}.touch{z-index:3;pointer-events:none;position:absolute;inset:0}.touch__pad{left:max(1.5rem, env(safe-area-inset-left));bottom:max(1.75rem, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#120d2d52;border:2px solid #fff8dc47;border-radius:50%;width:124px;height:124px;transition:background .14s;position:absolute}.touch__pad[data-active=true]{background:#120d2d80}.touch__knob{background:#fff8dcb8;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000059}.touch__actions{right:max(1.5rem, env(safe-area-inset-right));bottom:max(1.75rem, env(safe-area-inset-bottom));justify-items:end;gap:.75rem;display:grid;position:absolute}.touch__button{color:#fff8dceb;width:92px;height:92px;font:inherit;letter-spacing:.04em;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#120d2d6b;border:2px solid #fff8dc47;border-radius:50%;font-size:.85rem}.touch__button--guard{width:76px;height:76px}.touch__button--jump{background:#2d1e569e}.touch__button[data-held=true],.touch__button:active{background:#7eebe352;border-color:#7eebe399}.scene__controls{z-index:2;color:#fff8dcb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#18103aad;border:1px solid #ffffff29;border-radius:1rem;flex-wrap:wrap;justify-content:flex-end;gap:.55rem .8rem;max-width:min(32rem,100vw - 2rem);padding:.75rem .9rem;font-size:.72rem;display:flex;position:absolute;bottom:clamp(1rem,4vw,2.5rem);right:clamp(1rem,4vw,2.5rem)}.scene__controls span{white-space:nowrap}.scene__controls kbd{color:var(--foreground);font-family:var(--font-mono);background:#ffffff1a;border:1px solid #ffffff3d;border-radius:.35rem;margin-right:.2rem;padding:.14rem .34rem;font-size:.68rem;display:inline-block}.scene__interaction-prompt{z-index:3;color:var(--foreground);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18103ae0;border:1px solid #ffffff3d;border-radius:999px;padding:.72rem 1rem;position:absolute;bottom:clamp(5.2rem,12vw,6.5rem);left:50%;transform:translate(-50%);box-shadow:0 .8rem 2.5rem #0503144d}.scene[data-touch=true] .scene__controls{display:none}.scene[data-touch=true] .scene__interaction-prompt{padding:.95rem 1.4rem;font-size:1.05rem;bottom:10.5rem}.scene__interaction-prompt:hover,.scene__interaction-prompt:focus-visible{border-color:var(--accent);outline:none}.scene__interaction-prompt kbd,.dialogue kbd{font-family:var(--font-mono);background:#ffffff1a;border:1px solid #ffffff47;border-radius:.35rem;padding:.14rem .36rem;font-size:.72em;display:inline-block}.scene__notice{z-index:3;max-width:min(20rem,100vw - 2rem);color:var(--accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18103ae0;border:1px solid #ffd45c73;border-radius:.9rem;padding:.75rem .9rem;font-size:.78rem;line-height:1.35;animation:.22s ease-out notice-in;position:absolute;top:clamp(1rem,4vw,2.5rem);right:clamp(1rem,4vw,2.5rem);box-shadow:0 .8rem 2.5rem #0503144d}@keyframes notice-in{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:none}}.dialogue{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#18103af0;border:1px solid #ffffff38;border-radius:1.35rem;grid-template-columns:auto minmax(0,1fr);gap:1rem;width:min(43rem,100vw - 2rem);padding:1rem;display:grid;position:absolute;bottom:clamp(1rem,4vw,2.5rem);left:50%;transform:translate(-50%);box-shadow:0 1.2rem 4rem #05031485}.dialogue__portrait{color:#211544;background:linear-gradient(145deg,#d7ff9c,#75cf67);border-radius:1.2rem;place-items:center;width:4.4rem;height:4.4rem;font-size:1.8rem;font-weight:800;display:grid}.dialogue__speaker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.dialogue__text{min-height:3rem;margin:.35rem 0 .9rem;font-size:clamp(.95rem,2.4vw,1.08rem);line-height:1.5}.dialogue__actions{justify-content:flex-end;gap:.65rem;display:flex}.dialogue__actions button{color:var(--foreground);cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:.7rem;padding:.58rem .8rem}.dialogue__actions button:hover,.dialogue__actions button:focus-visible{border-color:var(--accent);outline:none}.dialogue__actions .dialogue__continue{background:var(--accent);color:#211544;border-color:#0000;font-weight:750}@media (max-width:640px){.scene__hud{padding:.85rem 1rem}.perf{z-index:4;color:#fff8dce6;background:#0c091ed1;border:1px solid #fff8dc29;border-radius:.5rem;min-width:9.5rem;padding:.6rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.5;position:absolute;top:1rem;right:1rem}.perf__headline{margin:0 0 .35rem;font-size:.95rem}.perf__headline strong{font-size:1.3rem;font-weight:600}.perf__grid{grid-template-columns:auto 1fr;gap:0 .75rem;margin:0;display:grid}.perf__grid dt{opacity:.6}.perf__grid dd{text-align:right;margin:0}.perf__grid dd[data-bad=true]{color:#ffb08a}.touch{z-index:3;pointer-events:none;position:absolute;inset:0}.touch__pad{left:max(1.5rem, env(safe-area-inset-left));bottom:max(1.75rem, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#120d2d52;border:2px solid #fff8dc47;border-radius:50%;width:124px;height:124px;transition:background .14s;position:absolute}.touch__pad[data-active=true]{background:#120d2d80}.touch__knob{background:#fff8dcb8;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000059}.touch__actions{right:max(1.5rem, env(safe-area-inset-right));bottom:max(1.75rem, env(safe-area-inset-bottom));justify-items:end;gap:.75rem;display:grid;position:absolute}.touch__button{color:#fff8dceb;width:92px;height:92px;font:inherit;letter-spacing:.04em;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#120d2d6b;border:2px solid #fff8dc47;border-radius:50%;font-size:.85rem}.touch__button--guard{width:76px;height:76px}.touch__button--jump{background:#2d1e569e}.touch__button[data-held=true],.touch__button:active{background:#7eebe352;border-color:#7eebe399}.scene__controls{justify-content:center;left:1rem;right:1rem}.dialogue{grid-template-columns:1fr}.dialogue__portrait{border-radius:.85rem;width:3rem;height:3rem;font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.scene__status{transition:none}.scene__notice{animation:none}}.scene__carrying{z-index:3;color:var(--foreground);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18103ad1;border:1px solid #ffd45c59;border-radius:999px;margin:0;padding:.5rem .85rem;font-size:.74rem;position:absolute;bottom:clamp(8.5rem,18vw,10rem);left:50%;transform:translate(-50%)}.scene__carrying strong{color:var(--accent)}