@font-face{font-family:Archivo;src:url('assets/archivo-black.woff2') format('woff2');font-weight:900;font-display:block}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}body{font-family:Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}
#stage,#scene{position:fixed;inset:0;width:100%;height:100%;height:100dvh}#stage{touch-action:none}#scene{display:block;outline:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#replay{position:fixed;z-index:10;right:max(28px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 6px;border:0;background:transparent;color:#fff;font-size:9px;letter-spacing:2.8px;line-height:1;cursor:pointer;opacity:0;transition:opacity .5s,color .4s;outline-offset:6px}
#replay svg{width:17px;height:17px;transition:transform .5s}#replay:hover svg{transform:rotate(-45deg)}#replay:hover{opacity:1!important}#replay:focus-visible{outline:2px solid #17b6c8;border-radius:2px;opacity:1!important}body[data-phase=ready] #replay{color:#111;opacity:.55}
#fallback{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:white;opacity:0}#fallback span{position:absolute;font-family:Archivo,Arial,sans-serif;font-size:22vw;letter-spacing:-.065em;line-height:1;color:black}#fallback img{position:relative;height:69%;max-width:74%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(0)}
@media(max-width:600px){#replay{right:18px;bottom:max(14px,env(safe-area-inset-bottom));font-size:8px;gap:7px}#fallback img{width:70.5%;height:auto;max-height:64%}}
@media(prefers-reduced-motion:reduce){#replay,#replay svg{transition:none}}

#tilt-prompt{position:fixed;z-index:11;left:50%;bottom:max(76px,calc(env(safe-area-inset-bottom) + 64px));transform:translateX(-50%);display:flex;gap:4px;padding:6px;background:#fff;border:1px solid #e4e4e4;border-radius:30px;box-shadow:0 5px 24px #0000000d;white-space:nowrap}
#tilt-prompt[hidden]{display:none}#tilt-prompt button{min-height:44px;padding:0 18px;border:0;border-radius:24px;font:12px Arial,sans-serif;cursor:pointer}#enable-tilt{background:#111;color:white}#dismiss-tilt{background:transparent;color:#666}#tilt-prompt button:focus-visible{outline:2px solid #17b6c8;outline-offset:2px}
