:root{color-scheme:dark;--bg0: #0d1218;--bg1: #17202b;--panel: rgba(14, 20, 28, .88);--line: #314055;--text: #e7eef7;--muted: #93a4b8;--accent: #d86b5a;--vein: #5b8fd4;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg0);color:var(--text)}.app{display:grid;grid-template-columns:300px 1fr;height:100%}.panel{border-right:1px solid var(--line);background:linear-gradient(180deg,var(--bg1),var(--bg0));padding:14px 14px 24px;overflow:auto}.panel h1{font-family:"IBM Plex Serif",Georgia,serif;font-size:1.15rem;margin:0 0 4px;letter-spacing:.01em}.panel p{margin:0 0 14px;color:var(--muted);font-size:.85rem;line-height:1.35}.swatch{width:.7rem;height:.7rem;border-radius:2px;display:inline-block;flex-shrink:0;font-style:normal}.group{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.group h2{margin:0 0 8px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}label.row{display:flex;gap:8px;align-items:center;font-size:.9rem;margin:4px 0;cursor:pointer}select,button,input[type=search],input[type=text]{width:100%;margin-top:6px;background:#223142;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font:inherit}button:hover{border-color:#5d7a99}.warn{color:#e0b15a;font-size:.8rem;margin:6px 0 0;line-height:1.35}.meta{font-size:.78rem;color:var(--muted);white-space:pre-wrap;line-height:1.35;margin-top:8px}.vessel-list{max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:2px;margin-top:6px}.vessel-list button{width:100%;margin-top:0;text-align:left;padding:6px 8px;background:transparent;border-color:transparent;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.vessel-list button:hover{background:#1c2a38;border-color:#3a5268}.vessel-list button.selected{background:#2a3d52;border-color:#5d7a99}.vessel-circuit{color:var(--muted);font-size:.72rem;flex-shrink:0}.attribution{margin:8px 0 0;font-size:.68rem;color:var(--muted);line-height:1.4}.viewport{position:relative;min-width:0;background:radial-gradient(1200px 700px at 70% 20%,#24344a 0%,transparent 55%),linear-gradient(165deg,#101821,#1a1412 55%,#0d1218)}.viewport canvas{display:block;width:100%;height:100%}.stage>canvas{position:absolute;inset:0;z-index:0}.view{position:absolute;z-index:1}.stage[data-layout=full] .view-overview,.stage[data-layout=inset] .view-ride{inset:0}.stage[data-layout=inset] .view-overview{z-index:2;right:16px;bottom:16px;width:min(36%,480px);height:min(42%,380px);border:1px solid #5d7a99;box-shadow:0 10px 30px #0000008c}.stage[data-layout=left] .view-overview,.stage[data-layout=right] .view-ride{left:0;top:0;bottom:0;width:50%}.stage[data-layout=left] .view-ride,.stage[data-layout=right] .view-overview{right:0;top:0;bottom:0;width:50%}.stage[data-layout=left] .view-overview{border-right:1px solid var(--line)}.stage[data-layout=right] .view-overview{border-left:1px solid var(--line)}.view-label{position:absolute;top:6px;left:8px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);pointer-events:none}.ride-surface{position:absolute;inset:0;cursor:grab;outline:none;touch-action:none}.ride-surface:active{cursor:grabbing}.ride-hud{position:absolute;top:14px;left:14px;max-width:min(70%,520px);padding:8px 12px;background:#080c129e;border:1px solid rgba(93,122,153,.5);border-radius:8px;pointer-events:none}.ride-hud .meta{margin-top:4px;white-space:normal}.ride-location-code strong{color:#ffd166;font-variant-numeric:tabular-nums}.fork-readout{color:#5fd8ff;font-variant-numeric:tabular-nums}.flow-readout{font-variant-numeric:tabular-nums}.mission-readout{color:#ffd54a}.mission-readout.done{color:#7ee2a8}.ride-location{margin-bottom:10px}.ride-location .button-row{margin-bottom:6px}.ride-location input[type=text]{flex:2;min-width:0}.ride-progress{position:absolute;left:14px;right:14px;bottom:10px;height:3px;background:#ffffff1f;pointer-events:none}.ride-progress span{display:block;height:100%;background:#ffd54a}.ride-help{position:absolute;left:14px;bottom:20px;font-size:.72rem;color:#e7eef799;pointer-events:none}.stage[data-layout=inset] .ride-help{right:auto}.button-row{display:flex;gap:6px}.button-row button{flex:1;padding:6px 4px}button.primary{background:#6b4a16;border-color:#c5963c}button.selected{background:#2a3d52;border-color:#5d7a99}label.slider{display:block;font-size:.85rem;margin-top:8px}label.slider input{width:100%}.ride-legs{list-style:none;padding:0;margin:10px 0 0;max-height:260px}.ride-legs li{display:block}@media(max-width:860px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.panel{border-right:0;border-bottom:1px solid var(--line);max-height:42vh}.viewport{min-height:58vh}}.run-hud{position:absolute;top:12px;right:12px;width:220px;padding:8px 10px;background:#090e14c7;border:1px solid rgba(93,122,153,.5);border-radius:8px;pointer-events:none}.run-bar{position:relative;height:16px;margin-bottom:6px;background:#ffffff14;border-radius:4px;overflow:hidden}.run-bar span{position:absolute;inset:0 auto 0 0;background:#c8242c;transition:width .2s}.run-bar.energy span{background:#5fd8ff}.run-bar.hull.low span{background:#ff7043;animation:run-pulse .6s infinite alternate}.run-bar em{position:relative;display:block;font-style:normal;font-size:10px;line-height:16px;padding-left:6px;color:#fff}.run-score{font-size:12px;font-variant-numeric:tabular-nums}.run-score strong{color:#ffd166;font-size:15px}.run-end{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:240px;padding:16px 20px;background:#090e14eb;border:1px solid rgba(255,209,102,.6);border-radius:10px;pointer-events:auto;text-align:center}.run-end ul{list-style:none;padding:0;margin:8px 0;text-align:left}.run-end li{display:flex;justify-content:space-between;gap:16px;font-variant-numeric:tabular-nums}@keyframes run-pulse{0%{opacity:.6}to{opacity:1}}.hint-arrow{position:absolute;transform:translate(-50%,-50%);font-size:34px;color:#ffd54a;text-shadow:0 0 10px rgba(0,0,0,.8);pointer-events:none;animation:run-pulse .5s infinite alternate}.tutorial-prompt{position:absolute;left:50%;top:14px;transform:translate(-50%);padding:10px 16px;background:#090e14d9;border:1px solid rgba(255,213,74,.7);border-radius:8px;font-size:15px;pointer-events:none;text-align:center;max-width:38%}.hint-arrow.target{pointer-events:auto;cursor:pointer;padding:6px 10px;border-radius:50%}.touch-controls{position:absolute;inset:auto 0 28px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 20px;pointer-events:none}.touch-stick{position:relative;width:132px;height:132px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);pointer-events:auto;touch-action:none}.touch-stick span{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ffd54a99}.touch-buttons{position:absolute;right:20px;bottom:420px;display:flex;flex-direction:column;gap:10px;pointer-events:auto}.touch-buttons button{width:64px;height:64px;border-radius:50%;font-size:24px;touch-action:none;background:#090e14b3}