:root{--u:1;--sky:#f6c99a;--storm:#241c2b;--glow:#fff3b0;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{background:var(--sky);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}#scene{width:100vw;height:100vh;height:100dvh;display:block;position:fixed;inset:0}#hud{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none;font-size:calc(16 * var(--u) * 1px);position:fixed;inset:0}#rotate-overlay{z-index:100;background:var(--storm);color:var(--glow);justify-content:center;align-items:center;display:none;position:fixed;inset:0}#rotate-overlay svg{width:calc(96 * var(--u) * 1px);height:calc(96 * var(--u) * 1px);min-width:64px;min-height:64px}.is-landscape #rotate-overlay{display:flex}@media (orientation:landscape){#rotate-overlay{display:flex}}.hud{--hud-ink:#fff3b0;--hud-ink-dim:#fff3b073;--hud-shadow:#241c2b8c;color:var(--hud-ink)}.hud-top{left:var(--safe-left);right:var(--safe-right);top:var(--safe-top);padding:calc(10 * var(--u) * 1px) calc(14 * var(--u) * 1px);justify-content:space-between;align-items:center;display:flex;position:absolute}.hud-hp{gap:calc(8 * var(--u) * 1px);display:flex}.hud-pip{width:calc(12 * var(--u) * 1px);height:calc(12 * var(--u) * 1px);background:var(--hud-ink);min-width:8px;min-height:8px;box-shadow:0 0 calc(6 * var(--u) * 1px) var(--hud-shadow);transition:opacity .4s,transform .4s;transform:rotate(45deg)}.hud-pip.lost{opacity:.18;transform:rotate(45deg)scale(.7)}.hud-top-right{gap:calc(8 * var(--u) * 1px);display:flex}.hud-btn{pointer-events:auto;width:max(44px, calc(46 * var(--u) * 1px));height:max(44px, calc(46 * var(--u) * 1px));padding:calc(11 * var(--u) * 1px);color:var(--hud-ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#241c2b52;border:0;border-radius:50%}.hud-btn:active{background:#241c2b8c}.hud-reticle{width:calc(64 * var(--u) * 1px);height:calc(64 * var(--u) * 1px);min-width:44px;min-height:44px;filter:drop-shadow(0 0 calc(3 * var(--u) * 1px) var(--hud-shadow));transition:opacity .35s;position:fixed;transform:translate(-50%,-50%)}.hud-reticle svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.hud-reticle circle{fill:none}.ring-track{stroke:var(--hud-ink-dim);stroke-width:1.2px}.ring-stamina{stroke:var(--hud-ink);stroke-width:2.4px;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.ring-charge{stroke:#e8b76a;stroke-width:3px;stroke-linecap:round;opacity:0}.ring-dot{fill:var(--hud-ink)!important}.hud-reticle.quiet{opacity:.35}.hud-reticle.aiming .ring-charge{opacity:1}.hud-reticle.ready .ring-charge,.hud-reticle.locked .ring-track{stroke:var(--hud-ink)}.hud-lock{width:calc(30 * var(--u) * 1px);height:calc(30 * var(--u) * 1px);border:2px solid var(--hud-ink);min-width:22px;min-height:22px;box-shadow:0 0 calc(10 * var(--u) * 1px) var(--hud-ink);border-radius:50%;display:none;position:fixed;top:0;left:0}.hud-trail{width:100vw;height:100vh;opacity:0;height:100dvh;transition:opacity .2s;position:fixed;inset:0}.hud-trail.on{opacity:1}.hud-trail polyline{fill:none;stroke:var(--hud-ink);stroke-width:calc(5 * var(--u) * 1px);stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #fff3b0cc)}.hud-hint{left:50%;bottom:calc(var(--safe-bottom) + 72 * var(--u) * 1px);gap:calc(26 * var(--u) * 1px);opacity:.85;transition:opacity 1.2s;animation:2.4s ease-in-out infinite hud-breathe;display:flex;position:absolute;transform:translate(-50%)}.hud-hint.gone{opacity:0}.hint-item{width:calc(48 * var(--u) * 1px);height:calc(48 * var(--u) * 1px);min-width:36px;min-height:36px;filter:drop-shadow(0 0 4px var(--hud-shadow))}.hint-item svg{width:100%;height:100%}@keyframes hud-breathe{50%{transform:translateX(-50%) translateY(calc(-6 * var(--u) * 1px))}}.hud.resonance .hud-reticle{filter:drop-shadow(0 0 calc(10 * var(--u) * 1px) var(--hud-ink))}.hud-ending{z-index:40;justify-content:center;align-items:center;gap:calc(40 * var(--u) * 1px);padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);color:#7a4e6b;opacity:0;pointer-events:auto;background:linear-gradient(#8fb8de 0%,#f6c99a 62%,#f3d3c4 100%);flex-direction:column;transition:opacity 3s;display:flex;position:fixed;inset:0}.hud-ending[hidden]{display:none}.hud-ending.on{opacity:1}.hud-ending-glyph{width:calc(64 * var(--u) * 1px);height:calc(96 * var(--u) * 1px)}.hud-ending-glyph svg{width:100%;height:100%}.hud-replay{width:max(56px, calc(64 * var(--u) * 1px));height:max(56px, calc(64 * var(--u) * 1px));padding:calc(16 * var(--u) * 1px);color:#7a4e6b;touch-action:manipulation;background:#ffffff40;border:2px solid;border-radius:50%}