@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
.player-name-field{display:block;margin:14px 0;font-size:12px;font-weight:700}.player-name-field input{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #b7c8bd;border-radius:8px;background:#fffdf6;color:#183d41;font-size:16px}.player-name-field small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#607274}#room-players li div{min-width:0}#room-players b,#standings li>span:nth-child(3){overflow-wrap:anywhere}#standings li>span:nth-child(3){min-width:0}#standings li>b{flex-shrink:0}
:root{font-family:'DM Sans',Arial,sans-serif;color:#192f33;background:#a8e3eb;font-synthesis:none;--ink:#192f33;--orange:#fa663a;--paper:#fffdf1}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}button,a,select,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #006b90;outline-offset:4px}button{color:inherit}button:disabled{opacity:.6;cursor:wait}#world{display:block;width:100vw;height:100dvh;position:fixed;inset:0;touch-action:none}button{transition:background .16s,transform .16s}button:active{transform:translateY(2px)}[hidden]{display:none!important}.screen{position:absolute;inset:0;background:linear-gradient(90deg,#f8faed 0%,#f8faed 25%,#f8faedef 34%,#f8faed00 61%)}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.wordmark{font:900 27px/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.8px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:5px}.wordmark>span:last-child{color:var(--orange)}.flag{font-size:36px;transform:rotate(-12deg);margin-right:5px}.header-actions{display:flex;align-items:center;gap:16px}.edition{font-size:12px;font-weight:800;letter-spacing:2px;margin-right:12px}.icon-button{border:1px solid #192f3326;background:#fffdf1b8;border-radius:50px;min-height:40px;min-width:40px;padding:7px 12px;font-size:18px;font-weight:700}.icon-button span{font-size:12px;vertical-align:middle}.setup{margin:8px 0 0 44px;width:420px;max-width:calc(100% - 40px)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;display:flex;gap:8px;align-items:center}.live-dot{width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font:900 clamp(46px,4.6vw,70px)/.97 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.6px;margin:14px 0 23px}h1 em{color:var(--orange);font-style:normal}.mode-tabs{display:flex;border-bottom:1px solid #192f332b;gap:20px;margin-bottom:21px}.mode-tabs button{padding:0 0 12px;border:0;border-bottom:3px solid transparent;background:none;font-weight:800;font-size:14px;color:#708081;white-space:nowrap}.mode-tabs button.active{border-color:var(--orange);color:var(--ink)}.section-label{display:flex;justify-content:space-between;margin:17px 0 10px;font-size:10px;letter-spacing:1.2px;font-weight:800}.section-label>span:last-child{color:#718081;letter-spacing:.5px}.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.course{position:relative;display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #1a323322;background:#ffffff8f;border-radius:9px;padding:8px;min-height:63px}.course.active{border:2px solid var(--orange);padding:7px;background:#fffdf8;box-shadow:0 3px 0 #ea7c3920}.course canvas{width:48px;height:43px;flex-shrink:0;border-radius:4px}.course strong{font-size:13px;display:block;line-height:1.2}.course small{display:block;font-size:9px;letter-spacing:1px;margin-top:5px;color:#657676}.course .check{position:absolute;right:5px;top:3px;color:var(--orange);font-size:12px}.driver-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.driver{border:1px solid #172c3225;border-radius:9px;background:#ffffff95;padding:7px 0;font-size:25px;line-height:1.1}.driver.active{border:2px solid var(--orange);padding:6px 0;background:#ffdccb;transform:translateY(-2px)}.settings-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 15px;font-size:12px}.settings-row label:first-child{color:#647575}.settings-row select{border:0;border-bottom:1px solid #192f3344;background:none;color:var(--ink);font-size:12px;font-weight:700;padding:3px 0;margin-left:5px}.assist{display:flex;gap:4px;align-items:center;font-weight:600}.assist input{accent-color:var(--orange);width:15px;height:15px}.start-button{border:0;background:var(--orange);color:#fffdf4;border-radius:9px;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;font-weight:900;font-size:16px;letter-spacing:1px;box-shadow:0 5px 0 #c84827}.start-button:hover{background:#f77942}.start-button span{font-size:25px;line-height:.8}.mode-description{text-align:center;font-size:11px;color:#677777;margin:13px 0 0}.scene-caption{position:absolute;right:46px;bottom:94px;text-align:right;color:#fffdf1;text-shadow:0 2px 12px #18363950}.scene-caption>span{font-size:11px;font-weight:800;letter-spacing:2px}.scene-caption h2{font:800 clamp(38px,4vw,62px)/1 'Barlow Condensed',Impact,sans-serif;margin:8px 0}.scene-caption p{font-size:14px;margin:8px 0 16px}.scene-tags{display:flex;justify-content:flex-end;gap:7px}.scene-tags span{border:1px solid #ffffff70;background:#17353842;backdrop-filter:blur(4px);padding:7px 10px;border-radius:4px;font-size:9px;letter-spacing:1px;font-weight:800}footer{position:absolute;left:44px;right:44px;bottom:23px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#365559}footer b{font-weight:500;margin-left:4px}footer i{display:inline-block;height:10px;border-left:1px solid #36555955;margin:0 10px;vertical-align:middle}footer>span:last-child{background:#ffffff6b;border-radius:40px;padding:7px 12px}#hud{position:absolute;inset:0;pointer-events:none;color:white;text-shadow:0 2px 3px #0003}.hud-top{position:absolute;top:26px;left:32px;right:32px;display:flex;align-items:flex-start;gap:25px}.position-panel{display:flex;flex-direction:column}.position-panel strong{font:900 84px/.85 'Barlow Condensed',Impact,sans-serif;font-style:italic}.position-panel strong span{font-size:27px;opacity:.7}.position-panel small{font-size:11px;font-weight:800;letter-spacing:2px;margin-top:7px}.lap-panel{display:flex;flex-direction:column;gap:8px;margin-top:3px;border-left:2px solid #ffffff66;padding-left:20px}.lap-panel b{font-size:17px}.lap-panel span{font-size:22px;font-variant-numeric:tabular-nums}.hud-top>button{margin-left:auto;pointer-events:auto;color:var(--ink)}.item-slot{position:absolute;right:33px;top:95px;width:135px;text-align:center;display:flex;align-items:center;flex-direction:column}.item-slot>span{height:86px;width:86px;border:3px solid #fff9;border-radius:21px;background:#18323abe;box-shadow:0 4px 0 #1230396b;display:grid;place-items:center;font-size:44px;font-weight:900}.item-slot b{font-size:11px;margin:11px 0 4px;letter-spacing:.7px}.item-slot small{font-size:9px;opacity:.8}.hud-bottom{position:absolute;bottom:23px;left:30px;right:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.map-panel{width:176px;text-align:center;background:#142c3966;border:1px solid #ffffff3b;border-radius:18px;padding:7px}.map-panel canvas{width:153px;height:140px;display:block}.map-panel span{display:block;font-size:11px;font-weight:800;letter-spacing:.5px;padding-bottom:3px}.speed-panel{text-align:right;width:135px}.speed-panel strong{font:800 76px/.95 'Barlow Condensed',Impact,sans-serif;font-style:italic}.speed-panel>span{display:block;font-size:13px;font-weight:800;letter-spacing:3px}.speed-panel small{display:block;margin-top:10px;font-size:10px;letter-spacing:1px}.drift-info{text-align:center;width:330px;max-width:35vw;align-self:flex-end;margin-bottom:20px}.drift-info>b{font-size:13px;letter-spacing:3px}.drift-meter{height:6px;border-radius:6px;margin:9px auto 16px;background:#ffffff40;width:180px;max-width:100%;overflow:hidden}.drift-meter>div{height:100%;width:0%;background:#6de4ff;transition:background .2s}#toast{font-size:17px;font-weight:800;display:block;min-height:22px}#countdown{position:absolute;inset:26% 0 auto;text-align:center;font:900 clamp(100px,17vw,220px)/1 'Barlow Condensed',Impact,sans-serif;font-style:italic;text-shadow:0 7px 0 #18404370}#wrong-way{position:absolute;top:21px;left:50%;transform:translateX(-50%);background:#ec533cd9;border-radius:8px;padding:12px 22px;font-size:15px;font-weight:800}.battle-lives{position:absolute;top:120px;left:30px;font-size:32px}.overlay{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#14272bbb;backdrop-filter:blur(10px);z-index:10}.dialog{background:var(--paper);padding:34px;border-radius:22px;width:440px;max-width:100%;max-height:94dvh;overflow:auto;box-shadow:0 20px 80px #0003}.dialog h2{font:800 44px/1 'Barlow Condensed',Impact,sans-serif;margin:17px 0}.dialog p{font-size:14px;line-height:1.65;color:#607274}.dialog .start-button{margin-top:23px}.secondary{width:100%;border:1px solid #192f3355;border-radius:8px;padding:13px;background:none;margin-top:16px;font-weight:700}.text-button{background:none;border:0;display:block;margin:20px auto 0;color:#576e71;text-decoration:underline;text-underline-offset:4px;font-size:13px}.help-dialog{width:570px}.help-dialog dl{display:grid;grid-template-columns:155px 1fr;gap:16px;font-size:13px;line-height:1.5}.help-dialog dt{font-weight:800}.help-dialog dd{margin:0;color:#586c6f}.results-dialog{width:480px}#standings{padding:0;margin:20px 0;list-style:none;display:flex;flex-direction:column;gap:3px}#standings li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;font-size:13px}#standings li.you{background:#ffdeca;font-weight:800}#standings li>span:first-child{color:#829394;width:16px}#standings li>b{margin-left:auto;font-variant-numeric:tabular-nums}#touch-controls{display:none;position:absolute;bottom:15px;left:12px;right:12px;justify-content:space-between;pointer-events:none}#touch-controls button{pointer-events:auto;touch-action:none;user-select:none;background:#152e3c9c;color:white;border:2px solid #ffffff8a;border-radius:16px;width:60px;height:57px;font-size:12px;font-weight:800;backdrop-filter:blur(3px)}.touch-left,.touch-right{display:flex;align-items:flex-end;gap:6px}#touch-controls .gas{height:74px;background:#fa663ac9}.touch-right{max-width:260px;flex-wrap:wrap;justify-content:flex-end}
@media(min-width:1400px){.setup{margin-top:20px;width:470px;margin-left:60px}header{padding:0 60px;height:108px}.course{min-height:71px}.course strong{font-size:14px}.driver{font-size:29px}.section-label{margin-top:23px}.mode-tabs{margin-bottom:25px}h1{margin-bottom:28px}footer{left:60px;right:60px}.settings-row{margin-top:22px}}
@media(max-height:760px) and (min-width:761px){header{height:70px}.setup{margin-top:0;width:398px}h1{font-size:51px;margin:10px 0 16px}.mode-tabs{margin-bottom:11px}.section-label{margin-top:12px}.settings-row{margin:13px 0}.course{min-height:57px}.driver{font-size:23px}.start-button{padding:14px 17px}.scene-caption{bottom:80px}}
@media(max-width:900px){.edition{display:none}.setup{width:385px;margin-left:28px}header{padding:0 28px}.scene-caption{right:25px}.screen{background:linear-gradient(90deg,#f8faed 0%,#f8faedea 35%,#f8faed00 80%)}footer{left:28px;right:28px}footer>span:last-child{display:none}}
@media(max-width:760px){body{overflow:hidden}.screen{overflow-y:auto;background:linear-gradient(180deg,#f8faed00 0,#f8faed1a 170px,#f8faedf2 265px,#f8faed 350px)}header{height:67px;padding:0 20px}.wordmark{font-size:23px}.header-actions{gap:7px}.setup{margin:185px auto 25px;width:460px;max-width:calc(100% - 36px)}.setup>.eyebrow{font-size:10px}h1{font-size:45px;margin:9px 0 19px}h1 br{display:none}h1 em{margin-left:7px}.mode-tabs{gap:22px}.mode-tabs button{font-size:13px}.scene-caption{right:21px;top:113px;bottom:auto}.scene-caption h2{font-size:35px}.scene-caption p,.scene-tags{display:none}.scene-caption>span{font-size:9px}.section-label{font-size:9px}.course{min-height:59px}.driver{font-size:24px}.settings-row{margin-top:15px}footer{position:static;margin:22px 18px;display:block;text-align:center;font-size:9px}.hud-top{top:17px;left:17px;right:17px;gap:15px}.position-panel strong{font-size:60px}.lap-panel{padding-left:12px;gap:5px}.lap-panel b{font-size:13px}.lap-panel span{font-size:17px}.item-slot{top:76px;right:15px;width:95px}.item-slot>span{width:65px;height:65px;font-size:34px}.item-slot b{font-size:9px}.hud-bottom{left:16px;right:18px;bottom:100px}.map-panel{width:115px}.map-panel canvas{width:98px;height:98px}.map-panel span{font-size:8px}.speed-panel{width:70px}.speed-panel strong{font-size:53px}.speed-panel>span{font-size:10px}.drift-info{margin-bottom:0;max-width:34vw}.drift-info>b{font-size:10px;letter-spacing:1px}#toast{font-size:12px}.battle-lives{top:100px;left:16px;font-size:24px}.help-dialog dl{grid-template-columns:1fr;gap:7px}.help-dialog dd{margin-bottom:8px}.dialog{padding:25px}.dialog h2{font-size:37px}#wrong-way{top:85px;font-size:11px;padding:8px;white-space:nowrap}}
@media(pointer:coarse){#touch-controls{display:flex}.hud-bottom{bottom:108px}}
@media(max-height:520px){.setup{margin-top:5px}.screen{background:linear-gradient(90deg,#f8faed 15%,#f8faeddd 50%,transparent)}.scene-caption{top:auto;bottom:70px}h1{font-size:37px}.setup>.eyebrow{display:none}.course{min-height:50px}.screen footer{position:static;margin:25px;text-align:left}.dialog{max-height:93dvh}header{height:58px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.driver small{display:block;font-size:9px;font-weight:800;margin-top:5px;letter-spacing:-.2px;line-height:1}.driver>span{display:block}

.device-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:10px 0 15px}.device-controls .secondary,.device-controls .text-button{width:auto;margin:0;padding:9px 12px;font-size:13px}.device-controls small{flex-basis:100%;font-size:12px;color:#516e70;line-height:1.4}.device-controls [aria-pressed=true]{background:#1d6268;color:#fffdf1}.steer-buttons{display:flex;gap:6px}.gyro-on .steer-buttons{display:none}.gyro-on #touch-controls{display:flex}#touch-controls .gas{width:86px}#touch-controls button:active{background:#ff844e;transform:none}.gyro-on .hud-bottom{bottom:110px}#player-status{position:absolute;top:140px;left:50%;transform:translateX(-50%);max-width:75vw;padding:8px 15px;border-radius:12px;background:#173c43e8;color:#fff8df;font-size:13px;text-align:center;pointer-events:none}#player-status.spectating{background:#874327ed}#player-status.disconnected{background:#a63826ed}@media(max-height:520px){#player-status{top:96px;max-width:55vw;font-size:12px}.hud-bottom{bottom:100px!important}.map-panel canvas{width:78px;height:78px}.battle-lives{top:72px!important;font-size:20px!important}.item-slot{top:65px!important}.hud-top{top:10px!important}}

.screen{overflow-y:auto}
/* Keep the 3D scene crisp beside the setup panel. */
.room-open{background:#1d6268;color:#fff9e7;font-size:14px;padding:9px 17px;border-color:#1d6268}
.room-dialog{position:relative;width:720px!important;max-width:calc(100vw - 28px);text-align:left;padding:28px 32px!important}
.room-dialog h2{margin:8px 0 18px;font-size:42px}.room-dialog p{font-size:14px;line-height:1.5}.room-dialog label{font-size:14px;font-weight:700}.room-close{position:absolute;right:17px;top:15px}
.room-identity{display:flex;align-items:center;gap:24px;margin-bottom:16px}.room-identity>label:first-child{flex:1}
.room-dialog select,.room-dialog input:not([type=checkbox]){display:block;width:100%;padding:10px 12px;border:1px solid #b7c8bd;border-radius:8px;background:#fffdf6;color:#183d41;font-size:16px;margin-top:6px}
.room-dialog button:disabled{cursor:default}.room-dialog .secondary{margin:0}.room-dialog .start-button{font-size:14px;padding:14px 17px}
#room-join-form{margin-top:22px}.room-join-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.room-join-row input{text-transform:uppercase;letter-spacing:4px;font-weight:800}.room-join-row button{height:44px}
.room-code-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cbd7c8;padding-top:13px;margin-top:12px}.room-code-row small{display:block;font-size:12px;letter-spacing:2px}.room-code-row strong{font:800 38px 'Barlow Condensed',sans-serif;letter-spacing:5px}.room-code-row>span{font-size:12px;max-width:155px;text-align:right;color:#567476}
.room-share{display:block;margin:12px 0;font-size:12px!important}.room-share>div{display:flex;gap:8px;align-items:end}.room-share input{font-size:13px!important}.room-share button{white-space:nowrap;font-size:12px;padding:11px!important}
.room-share input{flex:1;min-width:0}.room-share button{width:auto;flex:none}
#room-players{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}#room-players li{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #c5d3c8;border-radius:11px;background:#fffdf5}#room-players li.is-ready{background:#e2f4e6;border-color:#86b998}.room-avatar{font-size:29px}#room-players li div{flex:1}#room-players b{display:block;font-size:14px}#room-players small{font-size:11px;color:#577273}
.room-settings{display:grid;grid-template-columns:1fr 1.4fr .7fr;gap:10px}.room-settings select{font-size:14px}.room-settings select:disabled{opacity:.8}.room-buttons{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin:18px 0 8px}.room-buttons .is-ready{background:#1d6a57;color:white;border-color:#1d6a57}.room-message{color:#b44425;margin-bottom:0;min-height:1em}#room-hint{margin-bottom:0;color:#597475}#room-panel{z-index:30}
@media(max-width:760px){.room-dialog{padding:22px!important}.room-dialog h2{font-size:34px}.room-identity{gap:12px}.room-settings{grid-template-columns:1fr 1fr}.room-settings label:last-child{grid-column:1/-1}.room-buttons{grid-template-columns:1fr}.room-code-row strong{font-size:34px}.room-code-row>span{max-width:130px}.room-dialog .eyebrow{font-size:10px;letter-spacing:1px}.header-actions{gap:6px}.sound-toggle span{display:none}.room-open{padding:8px 10px;font-size:12px}.wordmark{font-size:21px}.wordmark .flag{font-size:28px;margin-right:0}}
@media(min-width:1000px){.screen{background:linear-gradient(90deg,#f8faed 0px,#f8faed 457px,#f8faedec 473px,#f8faed00 535px)}.edition{color:#f9f8e9;text-shadow:0 1px 5px #17343a}.scene-caption{text-shadow:0 2px 12px #102c38cc}}
.camera-control{margin:12px 0;font-size:12px}.camera-control label{display:block;font-size:12px;font-weight:700}.camera-control output{float:right;color:#b84520;font-variant-numeric:tabular-nums}.camera-control input[type=range]{display:block;width:100%;height:26px;margin:5px 0;padding:0;border:0;background:transparent;accent-color:#fa663a;touch-action:pan-y}.camera-control small{font-size:10px;color:#607274}