html,body{color:#ddd;background:#050507;height:100%;margin:0;font:14px system-ui,sans-serif;overflow:hidden}#stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0 0 56px}#stage canvas{aspect-ratio:16/9;width:100%;max-width:100%;height:auto;max-height:100%;position:absolute}@media (aspect-ratio>=16/9){#stage canvas{width:auto;height:100%}}#start{z-index:3;color:#fff;cursor:pointer;letter-spacing:1px;background:#e0262bdd;border-radius:10px;padding:18px 34px;font:800 28px system-ui;position:absolute}#controls{box-sizing:border-box;background:#0d0d12;border-top:1px solid #222;align-items:center;gap:12px;height:56px;padding:0 14px;display:flex;position:absolute;bottom:0;left:0;right:0}#controls button{color:#eee;cursor:pointer;background:#1e1e28;border:1px solid #333;border-radius:6px;min-width:44px;height:36px;font-size:16px}#bar{flex:1;height:36px;position:relative}#marks{pointer-events:none;position:absolute;inset:0}#marks div{border-left:1px solid #fc06;position:absolute;top:4px;bottom:4px}#marks span{color:#998;white-space:nowrap;font-size:10px;position:absolute;top:-2px;left:3px}#scrub{accent-color:#e0262b;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}#time{font-variant-numeric:tabular-nums;min-width:130px}#scene{color:#fc6;min-width:160px}#error{z-index:5;color:#fdd;white-space:pre-wrap;background:#400;border:1px solid #a33;padding:12px;font:13px ui-monospace,monospace;position:absolute;top:10px;left:10px;right:10px}@font-face{font-family:Bangers;src:url(/bonsai-vid/fonts/Bangers-Regular.ttf)}@font-face{font-family:Oswald;src:url(/bonsai-vid/fonts/Oswald.ttf);font-weight:200 700}@font-face{font-family:JBMono;src:url(/bonsai-vid/fonts/JetBrainsMono.ttf);font-weight:100 800}@media (width<=700px){#scene,#marks span{display:none}#time{min-width:0;font-size:12px}#controls{gap:8px;padding:0 8px}}