*{box-sizing:border-box;margin:0}html,body{height:100%;background:#0b0f0d;color:#e8f0ec;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}#app{height:100%;display:flex;flex-direction:column}#stage{position:relative;flex:1;min-height:0;background:#000}#stage video,#stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}#hud{position:absolute;top:env(safe-area-inset-top,0);left:0;right:0;padding:10px 14px;pointer-events:none}#status{display:inline-block;background:#0b0f0dbf;border:1px solid rgba(120,220,170,.35);border-radius:10px;padding:8px 12px;font-size:15px;font-weight:600}#checks{list-style:none;padding:8px 0 0;display:flex;flex-direction:column;gap:4px}#checks li{display:inline-block;align-self:flex-start;background:#0b0f0dbf;border-radius:8px;padding:4px 10px;font-size:13px}#checks li.ok:before{content:"✓ ";color:#43e08a}#checks li.bad:before{content:"✕ ";color:#ff7a6e}#checks li.info:before{content:"• ";color:#ffc400}#hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}#mode-btn{pointer-events:auto;padding:8px 12px;font-size:13px;white-space:nowrap}#replay-panel{background:#121a16;border-top:1px solid #23342b;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0))}#metrics{display:flex;flex-wrap:wrap;gap:8px 18px;padding-bottom:10px;font-size:14px}#metrics .metric b{color:#43e08a;font-variant-numeric:tabular-nums}#replay-controls{display:flex;align-items:center;gap:10px}#scrubber{flex:1;accent-color:#43e08a}button{background:#1d2b24;color:#e8f0ec;border:1px solid #35503f;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600}button:active{background:#2a4033}#start-btn{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0));transform:translate(-50%);background:#1f9d5b;border-color:#27c472;padding:14px 42px;font-size:18px}