:root{color-scheme:dark;font:15px/1.5 system-ui,sans-serif;color:#edf0ec;background:#141918;--lime:#dbff6a}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:1px solid #65716e;background:#202b28;color:#fff;padding:12px 18px;border-radius:7px}button:disabled{opacity:.4;cursor:wait}button:hover:not(:disabled){border-color:var(--lime)}button.primary{background:var(--lime);color:#101912;border-color:var(--lime);font-weight:800}a{color:var(--lime)}[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%}#shade{position:fixed;inset:0;background:linear-gradient(90deg,#0d1615ed,#0d16151a 75%);pointer-events:none}header{position:fixed;left:4vw;right:4vw;top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:3}.brand{font-weight:1000;font-style:italic;font-size:23px;letter-spacing:-1px;text-decoration:none;color:white;line-height:1}.brand span{color:var(--lime);display:block}#connection{margin-left:auto;background:#111b19b8;padding:6px 12px;border-radius:6px;font-size:12px;color:#bccbc4}.panel{position:fixed;z-index:4;left:6vw;top:16vh;width:min(400px,88vw);max-height:80vh;overflow:auto}.eyebrow{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:2px}h1{font-size:clamp(42px,5vw,72px);font-weight:950;font-style:italic;line-height:1;letter-spacing:-3px;margin:22px 0}.intro{color:#b8c7c0;margin-bottom:24px}label{display:block;font-size:12px;color:#c5cfc9}input:not([type=range]){display:block;width:100%;padding:11px 14px;border:1px solid #5e7067;background:#14231de0;color:white;border-radius:6px;margin:7px 0 15px}.actions{display:grid;gap:10px}.actions button{display:flex;justify-content:space-between}.actions span{opacity:.7}details{font-size:12px;color:#c1cbc6;margin-top:20px}summary{cursor:pointer}details p{line-height:1.8}#load-status{font-size:12px;color:#acb9b2}#hud{position:fixed;inset:0;pointer-events:none;z-index:2}.race-top{position:absolute;top:105px;left:4vw;right:4vw;display:flex;justify-content:space-between;text-shadow:0 2px 5px black}.race-top small{display:block;letter-spacing:2px;font-size:10px}.race-top b{font-size:36px}.race-top i{font-size:18px;color:#b7c9bb;font-style:normal}.next{text-align:right}.bottom{position:absolute;bottom:30px;left:4vw;right:4vw;display:flex;align-items:end;gap:28px}.speed b{font-size:70px;font-weight:950;line-height:1}.speed span{display:block;color:#d6e2d8}.bars{width:240px;padding-bottom:3px}.bars label{display:flex;justify-content:space-between;margin:7px 0;gap:12px}.bars meter{width:160px}.bars small{font-size:10px;text-shadow:0 2px 5px black}#map{margin-left:auto;background:#0c171acd;border:1px solid #6a786d;border-radius:16px;width:150px;height:150px}#countdown{position:absolute;top:40%;width:100%;text-align:center;font-size:100px;font-weight:950;font-style:italic;text-shadow:0 4px 10px black;color:var(--lime)}#roster{position:absolute;top:225px;right:4vw;font-size:12px;background:#111b1bbd;padding:12px 16px;border-radius:8px;line-height:1.9;min-width:150px}#roster .me{color:var(--lime);font-weight:800}#invite{pointer-events:auto;position:absolute;bottom:205px;right:4vw;font-size:11px}#result{left:50%;top:30%;transform:translateX(-50%);background:#0e1b18f2;border:1px solid #50625a;padding:30px;border-radius:15px;text-align:center}#result h2{font-size:40px;margin:10px}#result button{margin:6px;width:100%}#toast{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);padding:8px 20px;background:#13271c;color:var(--lime);z-index:8;border-radius:6px}#toast:empty{display:none}@media(max-width:650px){header{top:15px}h1{font-size:46px}.panel{top:16vh}.race-top{top:85px}#roster{display:none}.bottom{gap:12px}.bars{width:150px}.bars meter{width:85px}#map{width:95px;height:95px}.speed b{font-size:44px}#invite{bottom:140px}#connection{max-width:180px;font-size:10px}#countdown{font-size:65px}}

body:has(#menu[hidden]) #shade{background:transparent}#shade.hit{box-shadow:inset 0 0 120px #ef332b99!important}
#hud:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#091419b8,transparent 28%)}#resume{background:var(--lime);color:#101912;font-weight:800}#invite:disabled{cursor:default;opacity:.75}
select{font:inherit;display:block;width:100%;padding:9px;border:1px solid #5e7067;background:#14231d;color:white;border-radius:6px;margin:7px 0 15px}
/* Original DASH1P dashboard with an independently improved navigation map. */
#original-hud{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body:has(#menu[hidden]) header{left:38%;right:38%;top:12px;gap:8px;justify-content:center}
body:has(#menu[hidden]) .brand{display:none}
body:has(#menu[hidden]) #connection{font-size:10px;white-space:nowrap;padding:4px 8px}
body:has(#menu[hidden]) #menu-button{padding:4px 8px;white-space:nowrap;font-size:10px}
#hud .race-top>div:first-child,#hud .speed,#hud .bars,#hud #roster,#hud #invite{display:none}
#hud:before{background:none}
#hud .race-top{inset:auto auto 10px 50%;transform:translateX(-50%);text-align:center}
#hud .next{text-align:center}#hud .next small{font-size:8px;letter-spacing:1px}#hud .next b{font-size:16px}
#hud .bottom{position:static}
#map-panel{position:absolute;right:24px;bottom:clamp(160px,25vh,240px);width:220px;background:#101a23dd;border:1px solid #9aa9b466;border-radius:12px;overflow:hidden;pointer-events:auto;box-shadow:0 3px 12px #0005}
#map-panel #map{display:block;width:220px;height:220px;margin:0;border:0;border-radius:0;background:transparent}
#map-mode{display:block;width:100%;padding:7px 8px;border:0;border-top:1px solid #ffffff25;border-radius:0;font-size:12px;background:#172833}
#map-panel small{display:block;text-align:center;font-size:10px;color:#eab77c;padding:3px 0 5px}#map-panel small span{color:#42dbea}
@media(max-width:700px){#map-panel{width:145px;right:10px;bottom:110px}#map-panel #map{width:145px;height:145px}#map-mode{font-size:10px;padding:5px}#map-panel small{font-size:8px}body:has(#menu[hidden]) header{left:40%;right:35%}body:has(#menu[hidden]) #connection{display:none}}

#menu{max-height:calc(100vh - 100px);overflow:auto}#menu h1{font-size:clamp(24px,3.4vw,48px);margin:8px 0}.race-choices{display:grid;gap:8px}.race-choices label{margin:0}.race-choices select{width:100%;padding:9px;color:#f5f5ed;background:#1c2929;border:1px solid #4c6060;border-radius:6px}#choice-info{font-size:12px;color:#b8ccbd}#music-next{padding:8px}

.voice-settings{margin:24px 0 0;padding:16px;border:1px solid #b873414d;border-radius:8px}.voice-settings legend{font-weight:800;color:#eaaa70}.voice-settings p,.voice-settings small{line-height:1.5}.voice-settings button{margin:5px 0;width:100%}#voice-status{font-size:13px;color:#edbe91}#voice-hud{position:fixed;left:50%;bottom:54px;transform:translateX(-50%);z-index:20;padding:8px 12px;background:#182a25e8;color:#d5fbdc;border:1px solid #6fba89;border-radius:8px;font-size:12px;max-width:75vw}#voice-hud[hidden]{display:none}

#network-status{position:fixed;bottom:10px;left:16px;z-index:6;color:#d0dbd5;background:#101815c9;border:1px solid #64756855;border-radius:5px;padding:5px 8px;font-size:10px;font-variant-numeric:tabular-nums;pointer-events:auto;max-width:calc(100vw - 32px)}@media(max-width:650px){#network-status{bottom:5px;left:8px;font-size:9px;padding:3px 5px}}
