:root{--ink:#21162f;--paper:#fff0cf;--mint:#76e4d6;--amber:#ffbf51}
.asset-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#443259 url('../assets/cartoon/race-direction.webp') center/cover;isolation:isolate}
.asset-loader:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,18,44,.85),rgba(25,18,44,.15));z-index:-1}
.asset-loader[hidden]{display:none}.loader-card{width:min(480px,90vw);padding:32px;background:#241b39ec;border:3px solid var(--paper);box-shadow:9px 9px 0 var(--ink);transform:rotate(-1deg);color:var(--paper)}
.loader-kicker{font-weight:900;letter-spacing:.18em;color:var(--mint)}.loader-card h1{font:900 clamp(28px,5vw,48px)/1.05 Arial,sans-serif;letter-spacing:-.045em;margin:18px 0}.loader-card p{line-height:1.5}.loader-card progress{width:100%;height:15px;accent-color:var(--amber)}.loader-card button{margin-top:16px;padding:10px 20px;background:var(--amber);color:var(--ink);border:3px solid var(--ink);font-weight:900}
.scanlines{display:none}.overlay{border:3px solid #21162f;box-shadow:8px 8px 0 #21162f;background:#f8e8cadf;color:#282039;border-radius:8px}.overlay h1,.overlay h2{color:#282039;text-shadow:none}.panel-eyebrow,.machine-pick,.control-copy,.practice-note,.machine-tuning-title,.settings-help,.tutorial-copy,.tutorial-location,.tutorial-control{color:#564363}.overlay .primary{background:#ffbd4f;color:#21162f;border:3px solid #21162f;box-shadow:3px 3px 0 #21162f;font-weight:900}.overlay .secondary,.overlay .menu-actions button,.overlay select,.overlay .binding-list button{background:#33243f;color:#fff0cf;border:2px solid #21162f}.overlay .machine-stats,.overlay #machine-stats,.overlay .record-tag,.overlay .practice-records,.overlay .menu-scroll-cue{color:#423053}.overlay .machine-tuning-list small,.overlay .assist-option small{color:#564363}.overlay .machine-tuning-list button{color:#21162f;background:#f4cd86;border:2px solid #21162f}.overlay .machine-tuning-list output{color:#21162f}.race-hud{filter:drop-shadow(0 2px 1px #21162f)}
.visual-debugger{position:fixed;z-index:20;right:14px;bottom:28px;max-width:320px;max-height:70vh;overflow:auto;color:#fff0cf;background:#21162ff5;border:2px solid #70ddd2;padding:10px;font:12px Arial,sans-serif}.visual-debugger summary{cursor:pointer;font-weight:800}.visual-debug-controls{display:grid;gap:12px;margin-top:16px}.visual-debug-controls label{display:grid;gap:5px}.visual-debug-controls select{background:#423057;color:#fff0cf;min-height:44px}.visual-debug-controls pre{white-space:pre-wrap;font-size:11px}.visual-debug-controls a{color:#ffd17e}.visual-debug-controls input[type=range]{width:100%}
@media(min-width:1000px){#intro-panel{left:32px;transform:translateY(-50%);width:350px;max-height:84vh;overflow:auto}}@media(max-width:600px){.overlay{box-shadow:4px 4px 0 #21162f}.loader-card{padding:22px}.visual-debugger{max-width:260px}}

.overlay{clip-path:none;backdrop-filter:none;background:#fff0d9f5;padding:24px}.overlay .subtitle,.overlay p{color:#514059}.overlay h1 em{color:#b04659}.machine-tuning{background:#ead7b9;border:1px solid #ac937c;padding:8px}.machine-tuning summary{font-size:11px;font-weight:800;min-height:44px;display:flex;align-items:center;cursor:pointer}.machine-tuning-heading,.machine-tuning-heading span,.machine-tuning p{color:#514059}.machine-tag{margin-bottom:12px}.machine-tag span{color:#3e6d74}.overlay select{font-size:12px}.overlay .menu-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.overlay .menu-actions button{font-size:10px}.overlay #practice-button{background:#ffbd4f;color:#21162f;font-weight:900;font-size:13px;border:3px solid #21162f}.result-panel{left:26px;transform:translateY(-50%)}
@media(min-width:1800px){#intro-panel,.result-panel{width:460px;max-width:460px;padding:30px}.overlay p{font-size:15px}.overlay select,.overlay button{font-size:14px}.race-hud{font-size:125%;padding:24px 36px}.telemetry b{font-size:20px}.telemetry{font-size:12px}.speed b{font-size:48px}.power-meter{width:180px;font-size:11px}}
@media(max-width:600px) and (orientation:portrait){#intro-panel,.result-panel{left:12px;right:12px;width:auto;top:auto;bottom:12px;transform:none;max-height:54vh;padding:18px}.overlay h1{font-size:34px}.overlay .subtitle{margin:6px 0 12px}.machine-tag{margin-bottom:8px}}
@media(max-height:520px) and (orientation:landscape){#intro-panel,.result-panel{left:12px;width:36vw;min-width:280px;top:50%;transform:translateY(-50%);max-height:88vh;padding:16px}.overlay h1{font-size:32px}}

.audio-settings{border:2px solid #433449;margin:14px 0;padding:12px;display:flex;gap:14px;flex-wrap:wrap}.audio-settings label{display:flex;align-items:center;gap:7px;font-size:13px}.audio-settings input{accent-color:#c35c30;width:19px;height:19px}
.route-briefing{position:fixed;inset:0;z-index:100;background:#211c2d;overflow:auto;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;padding:clamp(14px,3vw,54px);gap:clamp(20px,4vw,60px)}.route-briefing[hidden]{display:none}.briefing-art{width:100%;height:auto;max-height:85vh;object-fit:contain;border:3px solid #100f19;box-shadow:8px 8px 0 #ef8c4b}.briefing-copy{color:#fff0d4;max-width:650px}.briefing-copy h2{font-size:clamp(27px,4vw,64px);line-height:1.02;text-transform:uppercase;margin:15px 0}.briefing-copy p{font:clamp(15px,1.25vw,21px)/1.6 system-ui,sans-serif}.briefing-copy button{color:#211c2d;display:block;width:100%;margin:12px 0;min-height:46px}.briefing-copy .secondary{color:#fff0d4;border-color:#fff0d4;background:transparent}@media(max-width:700px),(max-height:500px){.route-briefing{grid-template-columns:1fr;align-content:start}.briefing-art{max-height:38vh}.briefing-copy{max-width:none}.briefing-copy h2{font-size:28px}}

.machine-tuning:not([open]) > :not(summary){display:none}
.fallout-warning{position:fixed;top:140px;left:50%;transform:translateX(-50%);z-index:15;max-width:calc(100% - 28px);padding:11px 18px;background:#ffd17e;color:#21162f;border:3px solid #21162f;box-shadow:3px 3px 0 #21162f;font:900 15px/1.25 system-ui,sans-serif;text-align:center;pointer-events:none}.fallout-warning[hidden]{display:none}
.wrong-way-warning{position:fixed;left:50%;transform:translateX(-50%);z-index:15;max-width:calc(100% - 28px);padding:9px 20px;background:#ffb285;color:#21162f;border:3px solid #21162f;box-shadow:3px 3px 0 #21162f;text-align:center;pointer-events:none;font:900 clamp(18px,2vw,27px)/1.2 system-ui,sans-serif}.wrong-way-warning strong{display:block;letter-spacing:.14em}.wrong-way-warning span{display:block;font-size:12px;font-weight:800;margin-top:3px;white-space:nowrap}.wrong-way-warning[hidden]{display:none}
@media(max-width:600px) and (orientation:portrait){.fallout-warning{top:184px;width:calc(100% - 34px);font-size:13px;padding:9px}}
@media(max-height:520px) and (orientation:landscape){.fallout-warning{top:88px;font-size:12px;padding:7px 12px}}