:root{--pr-red:#ed1c24;--pr-blue:#0050a4;--sun:#ffd23f;--ink:#10141c}*{box-sizing:border-box}html,body{color:#fff;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#05070c;height:100%;margin:0;padding:0;font-family:Rubik,system-ui,sans-serif;overflow:hidden}button,a,input,label,canvas,#app,#app *,#boot,#boot *,#touch,#touch *,#steerPad,canvas#scene{touch-action:none}#app{height:100dvh;position:fixed;inset:0}#scene{width:100%;height:100%;display:block}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;height:100dvh;position:fixed;inset:0}#ui .hidden{display:none!important}#ui button{pointer-events:auto;cursor:pointer;border:none;font-family:Bungee,system-ui,sans-serif}@keyframes floatUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes shine{0%{background-position:-300% 0}to{background-position:300% 0}}#title{pointer-events:auto;background:radial-gradient(120% 90% at 50% 20%,#040a1826,#03060edb);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.titleInner{text-align:center;animation:.8s both floatUp}.flagbar{filter:drop-shadow(0 4px #0006)drop-shadow(0 12px 26px #ffffff47);border-radius:3px;width:148px;height:auto;margin:0 auto 16px;display:block;overflow:visible}.flagWave{transform-origin:0 100px;animation:4.6s ease-in-out infinite luff}@keyframes luff{0%,to{transform:perspective(420px)rotateY(0)skewY(0)}30%{transform:perspective(420px)rotateY(-13deg)skewY(-1.6deg)}65%{transform:perspective(420px)rotateY(9deg)skewY(1.2deg)}}@media (prefers-reduced-motion:reduce){.flagWave{animation:none}}#title h1{letter-spacing:.02em;background:linear-gradient(#fff 30%,#ffd9a1 70%,#f5a04a 100%);color:#0000;filter:drop-shadow(0 6px #00000073)drop-shadow(0 18px 40px #ff963c59);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Bungee,sans-serif;font-size:clamp(44px,8.5vw,108px);line-height:.92}#title h1 span{letter-spacing:.34em;background:linear-gradient(#7fe3ff,#1f7ad6);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:.1em;font-size:.62em;display:block}#title .tag{letter-spacing:.3em;color:#b9c7dd;text-transform:uppercase;margin:14px 0 30px;font-size:13px}#playBtn{letter-spacing:.12em;color:#24160a;background:linear-gradient(#ffe07a,#f2a327);border-radius:999px;padding:16px 46px;font-size:20px;transition:transform .12s,box-shadow .12s;animation:2.2s ease-in-out infinite pulse;box-shadow:0 10px #a45f10,0 22px 40px #00000080}#playBtn:hover{transform:translateY(-2px);box-shadow:0 12px #a45f10,0 26px 46px #0000008c}#playBtn:active{transform:translateY(6px);box-shadow:0 4px #a45f10}.controls{color:#9fb0c8;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:34px;font-size:12px;display:flex}.controls kbd{color:#fff;background:#ffffff1a;border:1px solid #ffffff38;border-radius:5px;min-width:20px;margin:0 2px;padding:2px 6px;font-family:inherit;display:inline-block}#courseSelect,#select{pointer-events:auto;background:linear-gradient(#0307108c,#030710e6);flex-direction:column;justify-content:center;align-items:center;animation:.5s both floatUp;display:flex;position:absolute;inset:0}#courseSelect h2,#select h2{letter-spacing:.18em;margin:0 0 26px;font-family:Bungee,sans-serif;font-size:26px}#charGrid{grid-template-columns:repeat(4,168px);gap:16px;display:grid}.char{color:#fff;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff1a,#ffffff08);border-radius:16px;padding:14px 12px 12px;font-family:Rubik,sans-serif;transition:transform .14s,border-color .14s,box-shadow .14s;position:relative;border:2px solid #ffffff24!important}.char:hover,.char.on{box-shadow:0 14px 34px #00000080, 0 0 26px color-mix(in srgb, var(--a) 55%, transparent);transform:translateY(-6px)scale(1.03);border-color:var(--a)!important}.charFace{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 70%, #fff), var(--c) 60%, color-mix(in srgb, var(--c) 60%, #000));border:3px solid var(--a);border-radius:50%;width:62px;height:62px;margin:0 auto 10px;display:block;box-shadow:inset 0 -6px 14px #0006,0 6px 14px #0006}.charName{letter-spacing:.04em;font-family:Bungee,sans-serif;font-size:15px;display:block}.charTag{color:#a9bad0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;display:block}.charStats{gap:3px;display:grid}.stat{align-items:center;gap:6px;display:flex}.stat u{color:#8fa2ba;text-align:left;letter-spacing:.06em;width:22px;font-size:8px;text-decoration:none}.stat b{background:#ffffff21;border-radius:3px;flex:1;height:5px;overflow:hidden}.stat i{background:linear-gradient(90deg, var(--a), #fff);border-radius:3px;height:100%;display:block}#courseSelect .hint,#select .hint{letter-spacing:.2em;color:#8fa2ba;text-transform:uppercase;margin-top:22px;font-size:12px}#courseGrid{grid-template-columns:repeat(2,300px);gap:20px;display:grid}.course{color:#fff;text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:linear-gradient(#ffffff1a,#ffffff08);border-radius:18px;padding:20px 20px 16px;font-family:Rubik,sans-serif;transition:transform .14s,border-color .14s,box-shadow .14s;position:relative;border:2px solid #ffffff24!important}.course:hover,.course.on{transform:translateY(-6px)scale(1.02);box-shadow:0 14px 34px #00000080,0 0 26px #38c7ff73;border-color:#38c7ff!important}.courseFlag{margin-bottom:10px;font-size:34px;line-height:1;display:block}.courseName{letter-spacing:.03em;font-family:Bungee,sans-serif;font-size:18px;display:block}.courseSub{color:#9fd7ff;letter-spacing:.1em;text-transform:uppercase;margin-top:3px;font-size:11px;display:block}.courseBlurb{color:#b9c6d8;margin-top:10px;font-size:12px;line-height:1.45;display:block}.courseMeta{color:#8fa2ba;letter-spacing:.14em;text-transform:uppercase;margin-top:12px;font-size:10px;display:block}#hud{font-family:Bungee,sans-serif;position:absolute;inset:0}#hud>div,#hud>canvas{position:absolute}#topLeft{text-shadow:0 4px #00000080,0 10px 26px #0009;bottom:24px;left:26px}#pos{align-items:baseline;line-height:.85;display:flex}#pos .value{background:linear-gradient(#fff 40%,#ffd66b 100%);color:#0000;filter:drop-shadow(0 4px #0000008c);-webkit-background-clip:text;background-clip:text;font-size:96px}#pos .suffix{color:#ffd66b;margin-left:4px;font-size:34px}#lap{letter-spacing:.12em;color:#dfe9f6;margin-top:6px;font-size:20px}#lap .value{color:#fff;font-size:26px}#lap .slash,#lap .total{color:#9fb2c9}#topRight{text-align:right;top:22px;right:26px}#time{letter-spacing:.04em;text-shadow:0 3px #00000080,0 10px 24px #0009;font-size:26px}#standings{margin:12px 0 0;padding:0;font-family:Rubik,sans-serif;list-style:none}#standings li{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060a126b;border-radius:7px;justify-content:flex-end;align-items:center;gap:7px;margin-bottom:2px;padding:2px 8px;font-size:12px;transition:background .2s;display:flex}#standings li.me{background:#ffd23f38;font-weight:600}#standings b{color:#a9bccf;text-align:right;width:12px;font-size:11px}#standings i{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1.5px #0006}#itemSlot{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff29,#ffffff0a);border:3px solid #ffffff4d;border-radius:22px;justify-content:center;align-items:center;width:106px;height:106px;display:flex;top:22px;left:50%;transform:translate(-50%);box-shadow:inset 0 -8px 20px #00000059,0 12px 30px #00000073}#itemSlot.has{border-color:#ffd23f;box-shadow:inset 0 -8px 20px #00000059,0 0 34px #ffd23f8c}#itemSlot.rolling{border-color:#fff;animation:.28s ease-in-out infinite pulse}#itemIcon{filter:drop-shadow(0 5px 8px #0000008c);font-size:58px;line-height:1}#itemSlot:after{content:attr(data-charges);color:#ffd23f;text-shadow:0 2px #0009;font-size:18px;position:absolute;bottom:2px;right:6px}#bottomRight{width:130px;height:130px;bottom:24px;right:26px}#speedo{width:130px;height:130px;transform:rotate(135deg)}#speedo circle{fill:none;stroke-width:9px;stroke-linecap:round}#speedo .track{stroke:#080e188c;stroke-dasharray:245;stroke-dashoffset:0}#speedArc{stroke:#4fd6ff;stroke-dasharray:245;stroke-dashoffset:245px;filter:drop-shadow(0 0 8px);transition:stroke .2s}#speedText{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#speedValue{text-shadow:0 3px #00000080;font-size:36px;line-height:1}#speedText small{letter-spacing:.16em;color:#9fb2c9;font-family:Rubik,sans-serif;font-size:10px}#muteBtn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;opacity:.8;background:#0a122075;border:1px solid #ffffff38;border-radius:12px;place-items:center;width:40px;height:40px;padding:0;font-size:19px;line-height:1;transition:background .15s,opacity .15s;display:grid;position:absolute;top:220px;left:24px}#muteBtn:hover{opacity:1;background:#101e36b8}#muteBtn.off{opacity:.55}#minimap{opacity:.95;filter:drop-shadow(0 8px 20px #00000080);width:190px;height:190px;top:22px;left:24px}#boostMeter{background:#060a1280;border-radius:6px;width:190px;height:9px;bottom:168px;left:26px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff29}#boostFill{transform-origin:0;background:#6cf;width:100%;height:100%;transition:background .15s;transform:scaleX(0);box-shadow:0 0 14px}#countdown{text-align:center;opacity:0;color:#fff;text-shadow:0 8px #00000080,0 0 60px #ffd23fcc;font-size:150px;transition:opacity .25s;top:34%;left:0;right:0}#countdown.shown{opacity:1}#countdown.go{color:#ffd23f;font-size:92px}#countdown.pop{animation:.6s cubic-bezier(.2,1.5,.4,1) both countPop}@keyframes countPop{0%{opacity:0;transform:scale(2.4)}45%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.92)}}#toast,#lapFlash{text-align:center;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;left:0;right:0;transform:translateY(10px)}#toast{color:#fff;text-shadow:0 4px #0000008c;font-size:26px;top:62%}#toast.shown,#lapFlash.shown{opacity:1;transform:none}#toast.good{color:#8dffb0}#toast.bad{color:#ff7a7a}#lapFlash{background:linear-gradient(100deg,#fff 20%,#ffd23f 45%,#fff 70%) 0 0/300% 100%;color:#0000;filter:drop-shadow(0 6px #00000080);-webkit-background-clip:text;background-clip:text;font-size:66px;animation:1.6s linear shine;top:46%}#results{pointer-events:auto;background:radial-gradient(90% 80% at 50% 40%,#060c1a8c,#02050ceb);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.resultsInner{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff17,#ffffff08);border:2px solid #ffffff29;border-radius:22px;width:min(560px,90vw);padding:30px 34px;animation:.5s both floatUp;box-shadow:0 30px 80px #0009}.resultsInner h2{letter-spacing:.24em;margin:0 0 6px;font-family:Bungee,sans-serif}.resultsInner .big{color:#ffd23f;margin-bottom:18px;font-family:Bungee,sans-serif;font-size:28px}#resultsBody{margin:0 0 16px;padding:0;list-style:none}#resultsBody li{background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;margin-bottom:4px;padding:7px 12px;font-family:Rubik,sans-serif;display:flex}#resultsBody li.me{background:#ffd23f33}#resultsBody b{text-align:left;color:#ffd66b;width:42px;font-family:Bungee,sans-serif;font-size:13px}#resultsBody i{border-radius:50%;width:12px;height:12px}#resultsBody span{text-align:left;flex:1;font-size:14px}#resultsBody em{color:#a9bccf;font-size:12px;font-style:normal}.resultsInner .best{letter-spacing:.16em;color:#9fb2c9;text-transform:uppercase;margin-bottom:20px;font-size:12px}#againBtn{letter-spacing:.12em;color:#24160a;background:linear-gradient(#ffe07a,#f2a327);border-radius:999px;padding:13px 38px;font-size:15px;box-shadow:0 8px #a45f10}#againBtn:active{transform:translateY(5px);box-shadow:0 3px #a45f10}@media (max-width:900px){#charGrid{grid-template-columns:repeat(2,150px)}#courseGrid{grid-template-columns:1fr}#minimap{width:130px;height:130px}#muteBtn{top:160px}#pos .value{font-size:64px}#itemSlot{width:78px;height:78px}#itemIcon{font-size:42px}}:root{--sa-l:env(safe-area-inset-left,0px);--sa-r:env(safe-area-inset-right,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-t:env(safe-area-inset-top,0px)}.touchControls,html.touch .controls{display:none}html.touch .touchControls{letter-spacing:.06em;color:#9fb2c9;text-transform:uppercase;flex-direction:column;gap:6px;margin-top:22px;font-family:Rubik,sans-serif;font-size:12px;display:flex}#touch{position:absolute;inset:0}html:not(.touch) #touch{display:none!important}#steerPad{pointer-events:auto;touch-action:none;width:46%;height:62%;position:absolute;bottom:0;left:0}#steerTrack{left:calc(20px + var(--sa-l));bottom:calc(18px + var(--sa-b));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff24,#ffffff0a);border:2px solid #ffffff42;border-radius:999px;justify-content:center;align-items:center;width:168px;height:62px;transition:border-color .15s,background .15s;display:flex;position:absolute;box-shadow:0 8px 22px #0006}#touch.steering #steerTrack{background:#ffd23f1f;border-color:#ffd23fd9}#steerKnob{will-change:transform;background:linear-gradient(#fff,#cfe0f2);border-radius:50%;width:54px;height:54px;box-shadow:0 4px 12px #00000080,inset 0 -4px 8px #0000002e}#steerTrack:before,#steerTrack:after{content:"‹";color:#ffffff80;font-family:Bungee,sans-serif;font-size:26px;line-height:1;position:absolute;left:12px}#steerTrack:after{content:"›";left:auto;right:12px}#touchRight{right:calc(16px + var(--sa-r));bottom:calc(16px + var(--sa-b));pointer-events:none;grid-template-columns:repeat(2,auto);place-items:end center;gap:12px;display:grid;position:absolute}.tBtn{pointer-events:auto;touch-action:none;letter-spacing:.04em;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c142280;border-radius:50%;width:68px;height:68px;font-family:Bungee,sans-serif;font-size:11px;transition:transform 70ms,background 70ms;box-shadow:0 6px 16px #0000006b;border:2px solid #ffffff4d!important}.tBtn.on{background:#ffffff57;transform:scale(.92)}.tBtn.gas{color:#17300f;background:linear-gradient(#b9ff7a,#57c02a);width:104px;height:104px;font-size:19px;border-color:#ffffff8c!important}.tBtn.gas.on{background:linear-gradient(#d6ffb0,#78dd45)}#btnItem{grid-area:1/2}#btnBrake{grid-area:2/1}#btnGas{grid-area:2/2}.tBtn.gas.armed{background:linear-gradient(#ffe9a8,#f0b93c);box-shadow:0 6px 16px #0000006b,0 0 18px #ffcd5ab3}.tBtn.gas.drift{color:#06263f;background:linear-gradient(#9adcff,#2b8ede);box-shadow:0 6px 16px #0000006b,0 0 22px #5abeffbf}#rotate{display:none}html.mobile #rotate{z-index:50;pointer-events:auto;text-align:center;background:#05070c;justify-content:center;align-items:center;position:absolute;inset:0}@media (orientation:portrait){html.mobile #rotate{display:flex}}#rotate svg{fill:none;stroke:#ffd23f;stroke-width:3px;width:62px;height:62px}#rotate p{letter-spacing:.08em;color:#fff;max-width:220px;margin-top:18px;font-family:Bungee,sans-serif;font-size:15px}@keyframes tipOver{0%,to{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}}#rotate svg{animation:2.4s ease-in-out infinite tipOver}@media (orientation:landscape) and (max-height:500px){#minimap{width:96px;height:96px;left:calc(10px + var(--sa-l));top:10px}#muteBtn{top:10px;left:calc(114px + var(--sa-l));width:38px;height:38px}#topLeft{left:calc(118px + var(--sa-l));top:8px;bottom:auto}#pos .value{font-size:40px}#pos .suffix,#lap{font-size:15px}#boostMeter{left:calc(118px + var(--sa-l));width:120px;height:7px;top:62px;bottom:auto}#topRight{right:calc(10px + var(--sa-r));top:8px}#time{font-size:17px}#standings{display:none}#itemSlot{border-radius:14px;width:60px;height:60px;top:8px}#itemIcon{font-size:34px}#bottomRight{right:calc(140px + var(--sa-r));bottom:calc(12px + var(--sa-b));width:72px;height:72px}.touch #bottomRight{left:50%;right:auto;bottom:calc(16px + var(--sa-b));width:64px;height:64px;transform:translate(-50%)}.touch #speedo{width:64px;height:64px}#speedo{width:72px;height:72px}#speedText{font-size:13px}#countdown{font-size:84px;top:26%}#countdown.go{font-size:54px}#lapFlash{font-size:38px}#toast{font-size:17px;top:68%}}@media (max-height:500px){.titleInner{transform:scale(.72)}#select{padding:12px 0 calc(12px + var(--sa-b));touch-action:pan-y;-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-y:auto}#select h2{margin:0 0 10px;font-size:18px}#charGrid{grid-template-columns:repeat(4,104px);gap:8px}#courseGrid{grid-template-columns:repeat(2,210px);gap:10px}.course{border-radius:14px;padding:12px 14px 10px}.courseFlag{margin-bottom:6px;font-size:24px}.courseName{font-size:14px}.courseBlurb{display:none}.courseMeta{margin-top:6px}.char{border-radius:12px;padding:9px 7px 8px}.charFace{border-width:2px;width:40px;height:40px;margin-bottom:6px}.charName{font-size:12px}.charTag{margin-bottom:5px;font-size:8px}.charStats{display:none}#select .hint{margin-top:12px;font-size:10px}.resultsInner{transform:scale(.78)}}#boot{z-index:100;background:radial-gradient(120% 90% at 50% 30%,#0d1830,#05070c 70%);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#boot.done{opacity:0;pointer-events:none}.bootInner{text-align:center;padding:0 24px}.bootFlag{border-radius:3px;width:116px;height:auto;margin:0 auto 20px;animation:2s ease-in-out infinite bootPulse;display:block;box-shadow:0 10px 30px #0009}@keyframes bootPulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.bootTitle{letter-spacing:.16em;color:#fff;margin-bottom:20px;font-family:Bungee,system-ui,sans-serif;font-size:19px}.bootBar{background:#ffffff21;border-radius:999px;width:min(260px,68vw);height:7px;margin:0 auto 12px;overflow:hidden}.bootBar i{background:linear-gradient(90deg,#0050a4,#4fd6ff,#ffd23f);border-radius:999px;width:0%;height:100%;transition:width .3s;display:block;box-shadow:0 0 14px #4fd6ffb3}.bootLabel{letter-spacing:.14em;text-transform:uppercase;color:#8fa2ba;font-family:Rubik,system-ui,sans-serif;font-size:11px}