*{box-sizing:border-box}html,body,#app{color:#fff;background:#17272b;width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif}canvas{touch-action:none;width:100%;height:100%;display:block}button,select,input{font:inherit}button,select{color:inherit;cursor:pointer}button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12242766;border:1px solid #ffffff48;border-radius:3px;min-height:42px;padding:10px 15px}button:hover{background:#ffffff28}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #f1d3a1}#loading{background:#132328;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#loading span{letter-spacing:-1px;font-size:28px}#loading p{color:#c2cacc;margin:22px 0 12px;font-size:14px}progress{accent-color:#e8d4b0;width:190px;height:2px}#intro{position:absolute;bottom:9vh;left:5vw}h1{letter-spacing:-.055em;text-shadow:0 2px 25px #0008;margin:0 0 26px;font-size:clamp(30px,4vw,64px);font-weight:400;line-height:1}#start{color:#213231;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left;background:#f8f3e9;border:0;min-width:166px;padding:14px 18px;font-size:15px}#start span{float:right;margin-left:25px}#controls{bottom:max(22px,env(safe-area-inset-bottom));background:#0c1a1cd9;border:1px solid #ffffff20;border-radius:5px;align-items:center;gap:6px;max-width:94vw;padding:8px;transition:opacity .7s;display:flex;position:absolute;left:50%;transform:translate(-50%)}#controls button{white-space:nowrap;background:0 0;border:0;padding:8px 11px;font-size:14px}#controls select{background:#203033;border:1px solid #ffffff28;border-radius:3px;padding:9px;font-size:14px}.quality-label{font-size:0}#time-label{align-items:center;gap:10px;padding:0 10px;display:flex}#clock{font-variant-numeric:tabular-nums;font-size:14px}input[type=range]{accent-color:#ead9b7;width:150px;height:3px}#show-controls{right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));opacity:.6;background:0 0;border:0;font-size:16px;position:absolute}#error{background:#102126e8;padding:25px;line-height:1.5;position:absolute;top:35%;left:5%;right:5%}#diagnostics{white-space:pre;background:#000b;padding:12px;font:12px/1.5 monospace;position:absolute;top:15px;left:15px}body.flying #controls{opacity:0;pointer-events:none}body.flying.controls-visible #controls{opacity:1;pointer-events:auto}body.capture #intro,body.capture #controls,body.capture #show-controls,body.capture #diagnostics,[hidden]{display:none!important}@media (max-width:700px){#intro{bottom:12vh;left:7vw}#controls{flex-wrap:wrap;justify-content:center;gap:1px;width:94vw;bottom:70px}#controls button{padding:8px}#time-label{width:100%;padding:12px}#timeline{flex:1}#fullscreen{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}body.flying #controls:focus-within{opacity:1;pointer-events:auto}body.flying #show-controls{opacity:0;transition:opacity .3s}body.flying #show-controls:hover,body.flying #show-controls:focus-visible,body.flying.controls-visible #show-controls{opacity:.6}button:disabled{cursor:default;opacity:.5}