#speedFx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.inspector{display:none}body.inspect .inspector{display:block}body.inspect .boost-controls,body.inspect .leaderboard,body.inspect .race-info,body.inspect .map-panel{display:none}.race-info{position:fixed;top:27px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;text-shadow:0 2px 13px #193b5299}.race-info>div:first-child>b{font-size:43px;font-style:italic;line-height:1}.race-info small{font-size:12px;opacity:.75}.race-lap{border-left:1px solid #ffffff45;padding-left:20px;display:flex;flex-direction:column;gap:6px}.race-lap span{font-size:10px;letter-spacing:1.5px}.race-lap strong{font:500 17px 'Segoe UI',sans-serif;letter-spacing:1px;font-variant-numeric:tabular-nums}.leaderboard{position:fixed;left:34px;top:149px;width:172px;background:#173f5352;backdrop-filter:blur(12px);padding:15px;border:1px solid #ffffff2c;border-radius:12px}.leaderboard .eyebrow{font-size:9px}.leaderboard ol{list-style:none;padding:0;margin:10px -7px -7px}.leaderboard li{display:flex;align-items:center;gap:8px;padding:8px 7px;font-size:11px;border-radius:5px}.leaderboard li b{font:italic 700 13px 'Segoe UI';width:12px}.leaderboard li i{width:5px;height:5px;border-radius:50%}.leaderboard li small{margin-left:auto;font-size:9px;opacity:.55}.leaderboard li.you{background:#d6f1f125;color:#dbfbac}.map-panel{position:fixed;right:33px;top:93px;width:210px;padding:8px;background:#1b405342;border:1px solid #ffffff24;border-radius:12px;backdrop-filter:blur(10px);text-align:center}.map-panel small{display:block;font-size:9px;letter-spacing:1px;opacity:.65;padding-bottom:6px}.boost-controls{position:fixed;right:33px;bottom:58px;display:flex;align-items:flex-end;gap:13px;z-index:2}.boost-controls>button{width:89px;height:89px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:radial-gradient(circle at 40% 30%,#245675d4,#112f49e8);border:2px solid #82e2ff87;box-shadow:0 0 0 5px #8de8ff12,inset 0 0 20px #72d8ff25;backdrop-filter:blur(10px);transition:all .18s}.boost-controls button b{font:italic 850 29px 'Segoe UI',sans-serif;line-height:1}.boost-controls kbd{border:0;font-size:8px;letter-spacing:.6px;opacity:.8;padding:0}.boost-controls button span{font-size:9px}.boost-controls #miniBoost{width:70px;height:70px;border-color:#ffffff55;background:#153c52bb;box-shadow:none}.boost-controls #miniBoost b{font-size:18px;font-style:normal}.boost-controls>small{position:absolute;right:0;bottom:-23px;font-size:9px;opacity:.65;white-space:nowrap}#miniBoost:disabled{opacity:.4;cursor:default}#miniBoost.ready{opacity:1;background:#cc8730c9;border-color:#ffe895;box-shadow:0 0 27px #ffb746aa;animation:pulse .45s infinite alternate}#boost.firing{background:#18a6dabb;border-color:#d1fbff;box-shadow:0 0 40px #43c7ff8c,inset 0 0 22px #5adeff66;animation:pulse .18s infinite alternate}#boost.empty:not(.firing){opacity:.55;border-color:#aec1ca44}#countdown{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%) skew(-7deg);font-size:120px;line-height:1;font-weight:850;font-style:italic;color:#f0ffd0;text-shadow:0 6px 0 #26596e,0 0 60px #94edff90;pointer-events:none;z-index:3}#results{position:fixed;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;background:#143144ad;backdrop-filter:blur(12px)}#results[hidden]{display:none}.result-card{width:350px;background:#16394cea;border:1px solid #d8f6ff33;border-radius:18px;padding:32px}.result-card h1{font-size:46px;margin:15px 0 0}.result-card>p{font:26px 'Segoe UI',sans-serif;color:#d9f697;margin:10px 0 20px}.result-card #resultList>div{display:flex;justify-content:space-between;padding:9px 0;font-size:12px;border-top:1px solid #ffffff15}.result-card button{width:100%;margin-top:22px;background:#def4a7;color:#153442;font-weight:700}body.intro .leaderboard,body.intro .race-info,body.intro .boost-controls,body.intro .map-panel{visibility:hidden}@keyframes pulse{to{filter:brightness(1.25);transform:scale(1.025)}}@media(max-width:1000px){.race-info{top:90px;left:50%}.leaderboard{left:18px;top:132px;width:152px}.map-panel{right:18px;top:90px;width:185px}.map-panel canvas{width:165px}.boost-controls{right:20px}.race-info>div:first-child>b{font-size:33px}.race-info{gap:12px}.race-lap{padding-left:12px}}@media(max-width:650px){.race-info{top:122px;left:88px;gap:10px}.race-info>div:first-child>b{font-size:30px}.race-lap strong{font-size:12px}.race-lap span{font-size:9px}.leaderboard{top:188px;left:18px;width:115px;padding:9px}.leaderboard li{font-size:10px;padding:6px 6px;gap:5px}.leaderboard li small{display:none}.leaderboard .eyebrow{font-size:8px;letter-spacing:1px}.map-panel{top:81px;right:18px;width:145px;padding:3px}.map-panel canvas{width:135px;height:64px}.map-panel small{font-size:8px}.boost-controls{right:20px;bottom:63px;gap:10px}.boost-controls>button{width:78px;height:78px}.boost-controls #miniBoost{width:61px;height:61px}.dash{bottom:180px;left:105px}.boost-controls>small{bottom:-20px}.controls{display:none}#countdown{font-size:85px}#welcome{top:28%}.session{font-size:9px;gap:6px;padding:7px 10px;max-width:230px}.session #fps{margin-left:2px}}
.boost-controls>button{padding:0}.boost-controls button span{white-space:nowrap;font-size:8px}@media(max-width:650px){.leaderboard{display:none}}

/* Race setup: the same three difficulty levels shown in the reference. */
#welcome{top:50%;transform:translateY(-44%);left:6%;width:375px;padding:28px 30px 26px;background:linear-gradient(110deg,#172a2ced,#1a2f2bbd);border:1px solid #d9e0ce28;border-radius:16px;box-shadow:0 22px 75px #111c2038;backdrop-filter:blur(18px)}
#welcome h1{font-size:37px;line-height:1.35;letter-spacing:1px;margin:14px 0;color:#f4f3e9}#welcome p{font-size:11px;margin:15px 0 23px;color:#ccd5ce}#welcome .eyebrow{color:#d2ed98;font-size:9px;letter-spacing:2px}
.race-facts{display:flex;align-items:center;gap:22px;margin-bottom:18px;color:#c6cec8;font-size:10px}.race-facts span{white-space:nowrap}.race-facts b{font-size:26px;letter-spacing:-1px;font-style:italic;color:#fff;margin-right:5px}
.difficulty-options{display:flex;background:#101f2066;border:1px solid #d8edcf32;overflow:hidden;border-radius:5px}.difficulty-options button{flex:1;border:0;border-radius:0;background:transparent;padding:12px 5px;font-size:12px;color:#cbd5cd;backdrop-filter:none}.difficulty-options button+button{border-left:1px solid #c7e5cf20}.difficulty-options button.selected{background:#dcf79e17;color:#d8f695;font-weight:800;box-shadow:inset 0 -2px #d4ec98}.difficulty-options button:hover{transform:none;background:#d0edce20}
#difficultyDescription{color:#b8c5b9;min-height:38px;padding:10px 0 8px;font-size:10px;line-height:1.6}#start{width:100%;padding:17px 19px;border-radius:5px;background:#d9f58b;font-size:14px}#start span{font-size:21px;line-height:18px}#welcome small{font-size:9px;text-align:center;color:#cfdbcc;opacity:.6}
.result-card #changeDifficulty{margin-top:8px;background:transparent;border:1px solid #ffffff30;color:#dfe8da;font-size:12px}body.intro .vignette{background:linear-gradient(90deg,#10282566,transparent 65%)}.session{background:#f1f2e9c9;color:#344741}.live{background:#6e854b}nav button{background:#132e3580}body.intro #raceSettings{display:none}
@media(max-width:650px){#welcome{left:18px;right:18px;width:auto;max-width:360px;padding:23px;top:52%;transform:translateY(-42%)}#welcome h1{font-size:28px;margin:8px 0}#welcome p{margin:10px 0 15px}.race-facts{margin-bottom:13px;padding-top:11px}#welcome .eyebrow{font-size:8px}.race-facts b{font-size:23px}#welcome small{font-size:8px}#raceSettings{font-size:9px}.bottom-note{letter-spacing:.7px}}
@media(max-height:620px){#welcome{padding:17px 24px;top:53%;transform:translateY(-46%)}#welcome h1{font-size:25px;line-height:1.2;margin:9px 0}#welcome p{margin:9px 0 11px;font-size:10px}.race-facts{padding-top:9px;margin-bottom:10px}.race-facts b{font-size:22px}.difficulty-options button{padding:9px}#welcome small{margin-top:10px}#start{padding:13px 19px}}
#welcome .race-facts:first-child{padding-top:0;border-top:0}