*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#05080e;color:#e9edf4;font:16px system-ui;overflow:hidden}
main{position:fixed;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}
#loading{position:absolute;inset:0;background:#05080e;opacity:1;transition:opacity 220ms ease;overflow:hidden}
#loading.handoff{opacity:0;pointer-events:none}
#loading[hidden],[hidden]{display:none!important}
#intro-video,#intro-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#intro-controls{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:10px;justify-content:space-between}
#intro-controls button{min-height:48px;padding:10px 16px;background:#07111ee0;border:1px solid #779aaf;border-radius:4px;color:#eaf6ff;font:14px system-ui;cursor:pointer}
#intro-controls button:focus-visible{outline:2px solid #b2e4fa;outline-offset:3px}
#intro-status:empty{display:none}
.accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#load-state{position:absolute;left:50%;bottom:max(26px,5vh);transform:translateX(-50%);width:min(280px,74vw);display:grid;gap:10px;text-align:center;text-shadow:0 1px 6px #000;color:#a8bfcd;font-size:12px;letter-spacing:.12em}
progress{appearance:none;border:0;width:100%;height:2px;background:#33475280;color:#80cfe7}
progress::-webkit-progress-bar{background:#33475280}
progress::-webkit-progress-value{background:#80cfe7;box-shadow:0 0 10px #66bbdc}
progress::-moz-progress-bar{background:#80cfe7}
.failed #load-state{width:min(400px,88vw);padding:22px;background:#070e18ed;border:1px solid #4d606c;border-radius:4px;font-size:14px;letter-spacing:.02em;line-height:1.5}
#retry{padding:12px 20px;border:1px solid #6b9db4;border-radius:3px;color:#e8f8ff;background:#163346;cursor:pointer;font:inherit}
#retry:focus-visible,#fullscreen:focus-visible{outline:2px solid #b2e4fa;outline-offset:3px}
#fullscreen{position:absolute;right:6px;top:2px;min-height:28px;border:1px solid #637083;color:white;background:#111c2d;font:12px system-ui;padding:3px 8px;cursor:pointer}
#fullscreen-status{position:absolute;right:6px;top:38px;max-width:min(340px,90vw);padding:9px 12px;background:#111c2df2;border:1px solid #637083;color:#fff;font:13px/1.4 system-ui;pointer-events:none}
canvas:fullscreen{width:100vw;height:100vh}
canvas:-webkit-full-screen{width:100vw;height:100vh}
@media(prefers-reduced-motion:reduce){#loading{transition:none}}

html,body,main{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}
@supports(height:100dvh){html,body{height:100dvh}}

@media (orientation:portrait),(max-width:600px){
  #fullscreen{top:auto;right:8px;bottom:8px;width:44px;min-height:44px;padding:0;font-size:0;border-radius:8px}
  #fullscreen::after{content:"\26F6";font:26px system-ui}
  #fullscreen-status{top:auto;bottom:60px;right:8px}
}