:root{color:#fff8e9;font-synthesis:none;text-rendering:optimizelegibility;--surface-deep:#0d2525;--surface:#143b3b;--surface-raised:#1e5250;--ink:#fff8e9;--muted:#c9ddd6;--accent:#ffc857;--accent-hot:#f27b53;--success:#6fcf97;--panel-open-dur:.4s;--panel-close-dur:.35s;--panel-translate-y:100px;--panel-blur:2px;--panel-ease:cubic-bezier(.22, 1, .36, 1);background:#0d2525;font-family:Inter,ui-rounded,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 30%, #3d6f66b3, transparent 48%), var(--surface-deep);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:0;min-height:0}#game-shell,#game-container{width:100%;height:100%;position:relative}#game-container{overflow:hidden}#game-container:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}#game-container canvas{display:block}.t-panel-slide{transform:translateY(var(--panel-translate-y));opacity:0;filter:blur(var(--panel-blur));pointer-events:none;transition:transform var(--panel-close-dur) var(--panel-ease), opacity var(--panel-close-dur) var(--panel-ease), filter var(--panel-close-dur) var(--panel-ease);will-change:transform, opacity, filter}.t-panel-slide[data-open=true]{opacity:1;filter:blur();pointer-events:auto;transition:transform var(--panel-open-dur) var(--panel-ease), opacity var(--panel-open-dur) var(--panel-ease), filter var(--panel-open-dur) var(--panel-ease);transform:translateY(0)}#loading-panel,#orientation-panel{z-index:100;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));text-align:center;background:linear-gradient(155deg,#0d2525fa,#143b3bfa);place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#orientation-panel{z-index:120}#loading-panel h1,#orientation-panel h2{letter-spacing:.02em;color:var(--ink);margin:0;font-size:clamp(30px,6vw,54px);line-height:1}#loading-panel p,#orientation-panel p{max-width:34rem;color:var(--muted);margin:0;font-size:clamp(16px,2vw,20px);line-height:1.45}.loading-mark{background:var(--accent);border:4px solid #132a2a;border-radius:14px;width:82px;height:58px;padding:7px;box-shadow:0 10px #0003}.loading-mark span{background:repeating-linear-gradient(90deg,#143b3b 0 8px,#0000 8px 15px);border-radius:7px;width:100%;height:100%;animation:.9s ease-in-out infinite alternate tool-scan;display:block}.loading-track{background:#0000003d;border:2px solid #ffffff3d;border-radius:999px;width:min(300px,70vw);height:12px;overflow:hidden}#loading-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-hot));transform-origin:0;width:100%;height:100%;transition:transform .22s ease-out;transform:scaleX(.12)}@keyframes tool-scan{0%{opacity:.65;transform:translate(-3px)}to{opacity:1;transform:translate(3px)}}.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}@media (prefers-reduced-motion:reduce){.t-panel-slide{transition:none!important}.loading-mark span{animation:none}#loading-fill{transition:none}}@media (orientation:portrait){#orientation-panel[data-open=true]{display:grid}}