:root{color:#f7f1ff;font-synthesis:none;text-rendering:geometricprecision;--violet:#8974ff;--lime:#bfff80;--glass:#0d0b16ad;background:#08070d;font-family:Segoe UI,Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#08070d;min-width:320px}button{font:inherit}#app{isolation:isolate;background:radial-gradient(circle at 44% 44%,#694eae38,#0000 34rem),#08070d;position:relative}#game-canvas{touch-action:none;cursor:grab;outline:none;width:100vw;height:100vh;display:block}#game-canvas.is-grabbing{cursor:grabbing}#game-canvas.is-interactive{cursor:pointer}#chrome{top:max(20px, env(safe-area-inset-top));right:max(22px, env(safe-area-inset-right));left:max(22px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.brand-lockup{color:#f7f1fff0;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 16px #0000007a;gap:1px;display:grid}.brand-lockup strong{font-size:clamp(1rem,1.5vw,1.35rem);font-weight:800}.brand-kicker{color:#f7f1ff8a;font-size:.61rem;font-weight:700}#state-strip{color:#f7f1ffc2;letter-spacing:.08em;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:8px;min-width:132px;font-size:.7rem;font-weight:700;display:flex}.status-led{background:#34313c;border:1px solid #ffffff4d;border-radius:50%;width:7px;height:7px;transition:all .22s;box-shadow:0 0 0 3px #ffffff09}#state-strip.is-on .status-led{background:var(--lime);box-shadow:0 0 12px #bfff80b8}#interaction-hint{bottom:max(26px, env(safe-area-inset-bottom));color:#f7f1ffe0;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.025em;text-align:center;pointer-events:none;border:1px solid #ffffff1f;border-radius:999px;max-width:min(620px,100vw - 330px);padding:8px 13px 9px;font-size:clamp(.68rem,1vw,.78rem);font-weight:650;transition:opacity .18s,transform .18s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000057}#interaction-hint.is-pulsing{animation:1.15s ease-in-out infinite alternate hint-pulse}#utility-controls{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));gap:7px;display:flex;position:absolute}#utility-controls button,#help-panel button{color:#f7f1ffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#0d0b169e;border:1px solid #ffffff24;border-radius:9px;min-height:34px;padding:7px 10px;font-size:.66rem;font-weight:700;transition:all .15s;box-shadow:0 8px 24px #0000003d}#utility-controls button:hover,#utility-controls button:focus-visible,#help-panel button:hover,#help-panel button:focus-visible{color:#fff;background:#281f44d1;border-color:#bfff807a;outline:none;transform:translateY(-1px)}#utility-controls button:active,#help-panel button:active{transform:translateY(1px)}#help-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:3;background:linear-gradient(145deg,#231c39f5,#0c0a13f5);border:1px solid #a68eff57;border-radius:20px;width:min(430px,100vw - 36px);max-height:min(560px,100vh - 42px);padding:26px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 34px 90px #0000009e}#help-panel h2{color:#fff;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;font-size:1rem}#help-panel dl{gap:0;margin:0;display:grid}#help-panel dl div{border-top:1px solid #ffffff14;grid-template-columns:92px 1fr;gap:16px;padding:11px 0;display:grid}#help-panel dt{color:var(--lime);letter-spacing:.08em;text-transform:uppercase;font-size:.69rem;font-weight:800}#help-panel dd{color:#f7f1ffb3;margin:0;font-size:.78rem}#help-close{width:34px;position:absolute;top:12px;right:12px;padding:0!important;font-size:1.2rem!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes hint-pulse{0%{box-shadow:0 12px 36px #00000057}to{box-shadow:0 12px 44px #8465ff47}}@media (width<=760px),(pointer:coarse){#chrome{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left))}#interaction-hint{bottom:max(64px, calc(env(safe-area-inset-bottom) + 54px));max-width:calc(100vw - 24px)}#utility-controls{right:50%;bottom:max(12px, env(safe-area-inset-bottom));transform:translate(50%)}#utility-controls button{min-height:40px}#camera-reset{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}