@font-face{font-family:Mulish;src:url('/assets/fonts/mulish-latin.woff2')}@font-face{font-family:Ubuntu;font-weight:700;src:url('/assets/fonts/ubuntu-700-latin.woff2')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101b29;color:#fff;font-family:Mulish,Arial,sans-serif}button{font:700 12px Mulish,sans-serif;cursor:pointer;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:2px solid #f2b257;outline-offset:3px}#hero,#app{width:100%;height:100%;position:relative}canvas{display:block;touch-action:pan-y;cursor:grab}canvas:active{cursor:grabbing}.scene-heading{position:absolute;left:0;right:0;top:0;padding:24px 25px 34px;background:linear-gradient(#101b29d9,transparent);pointer-events:none}.scene-heading>span{font-size:8px;letter-spacing:.18em;color:#c5d5e4}.scene-heading h2{font-size:22px;font-weight:600;letter-spacing:-.04em;margin:9px 125px 0 0}.view-tools{position:absolute;right:18px;top:90px;display:flex;flex-direction:column;gap:8px}.view-tools button{width:42px;height:42px;background:#182c40e8;border:1px solid #ffffff45;border-radius:8px;color:#fff;font-size:21px}.view-tools button span{display:none}.view-tools button:hover{background:#31536c}.view-tools button:active{transform:scale(.94)}#pause-scene{position:absolute;right:19px;top:27px;padding:10px 12px;border:1px solid #ffffff50;border-radius:6px;background:#182c40e8;color:white;font-size:10px}#controls{position:absolute;left:20px;right:20px;bottom:19px}#ctlrow{display:flex;justify-content:center;align-items:center;gap:16px}#rail{display:flex;padding:5px;gap:5px;background:#172b3feF;border:1px solid #ffffff40;border-radius:9px}#rail button{border:0;background:none;color:#fff;border-radius:5px;min-height:46px;padding:12px 20px}#rail button small{font-size:8px;margin-right:9px;color:#b9ccdc}#rail button:hover{background:#2a485f}#rail button.active{background:#f2b257;color:#2a3a4d}#rail button.active small{color:#34475a}#modecap{font-size:10px;text-align:center;margin-top:13px;color:#d3dfeb;min-height:16px}#stick{display:none;width:62px;height:62px;position:relative;border:1px solid #ffffff50;background:#172b3feF;border-radius:50%;touch-action:none;flex-shrink:0}body[data-scene-mode=drive] #stick{display:block}.sdir{position:absolute;font-size:11px}#knob{position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px;border-radius:50%;background:#f2b257}.telemetry{position:absolute;left:25px;top:102px;display:none;pointer-events:none}.telemetry>span{display:block;font-size:7px;letter-spacing:.15em;color:#cfdae5}.telemetry strong{font-size:36px;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.telemetry small{font-size:9px;margin-left:7px;color:#cfdae5}body[data-scene-mode=drive] .telemetry{display:block}.drive-pad{display:none;position:absolute;left:18px;right:18px;bottom:110px;justify-content:space-between;pointer-events:none}.drive-pad>div{display:flex;gap:7px}.drive-pad button{min-width:45px;height:45px;background:#172b3feF;color:#fff;border:1px solid #ffffff50;border-radius:7px;pointer-events:auto;touch-action:none;padding:0 10px}.drive-pad .accelerator{color:#2a3a4d;background:#f2b257;border-color:#f2b257}.drive-pad button.held{background:#0194d0;color:white}#loader{position:absolute;inset:0;background:#101b29;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;z-index:5}#loader{transition:opacity .7s}#loader.hide{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){#loader{transition:none}}#bar{height:2px;width:180px;background:#34475a}#bar i{display:block;background:#f2b257;height:100%}#lp{font-size:10px;color:#c5d5e4}#fallback{display:none;position:absolute;inset:0;background:#1f4160;padding:35px;text-align:center}#fallback.show{display:block}#fallback img{width:100%;height:70%;object-fit:contain}#fallback p{font-size:13px}body:has(#fallback.show) #controls,body:has(#fallback.show) .view-tools,body:has(#fallback.show) #pause-scene{display:none}@media(pointer:coarse),(max-width:600px){body[data-scene-mode=drive] .drive-pad{display:flex}#stick,body[data-scene-mode=drive] #stick{display:none}.scene-heading{padding:21px 18px 30px}.scene-heading h2{font-size:18px;margin-right:100px}.scene-heading>span{font-size:7px}.view-tools{right:14px;top:100px;gap:6px}.view-tools button{width:38px;height:38px}#pause-scene{right:14px;top:24px;font-size:9px;padding:9px}#rail{width:100%}#rail button{flex:1;padding:12px 7px;font-size:11px}#rail button small{display:none}#controls{left:16px;right:16px;bottom:18px}#modecap{font-size:9px;line-height:1.5;min-height:28px}.telemetry{left:20px;top:105px}}

@media(pointer:coarse),(max-width:600px){.drive-pad{bottom:139px}.drive-pad button{height:44px}.view-tools{top:104px}.telemetry{top:104px}}
#modecap:has(#drivehint:empty){display:none}
#drivehint .arrow-keys{display:inline-block;height:1.9em;width:auto;margin:-.35em .3em -.25em;vertical-align:middle;overflow:visible}#drivehint .arrow-keys rect{fill:none;stroke:currentColor;stroke-width:1.2}#drivehint .arrow-keys path{fill:currentColor}
