:root{color:#fff;font-synthesis:none;--navy:#07162f;--cyan:#35e6f2;--coral:#ff5a55;--yellow:#ffda3e;--violet:#a94cf4;--glass:#041632d1;--sky-image:none;background:#0b80eb;font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none}button,kbd{font:inherit}button{-webkit-tap-highlight-color:transparent}#game{isolation:isolate;background-color:#0a89ef;background-image:var(--sky-image);background-position:50%;background-size:cover;position:relative}#game:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(#055db61a,#0000 32%),linear-gradient(#0000 71%,#03112c40);position:absolute;inset:0}#scene,#scene canvas{width:100%;height:100%;position:absolute;inset:0}#scene{z-index:0}.brand{z-index:3;filter:drop-shadow(0 5px #05142bcc);flex-direction:column;align-items:flex-start;line-height:.78;display:flex;position:absolute;top:clamp(16px,2vw,28px);left:clamp(18px,2.5vw,42px);transform:rotate(-2deg)}.brand-mark,.brand-word{letter-spacing:.045em;-webkit-text-stroke:1.5px var(--navy);font-family:Impact,Arial Black,sans-serif;font-style:italic}.brand-mark{color:#fff;margin-left:2px;font-size:clamp(13px,1.25vw,19px)}.brand-word{color:var(--yellow);font-size:clamp(28px,3.6vw,56px)}.hud{z-index:3;pointer-events:none;position:absolute;inset:0}.position-panel,.lap-panel,.leaderboard,.speed-panel,.item-panel,.controls-panel{position:absolute}.position-panel{filter:drop-shadow(0 6px 0 var(--navy));flex-direction:column;align-items:flex-start;display:flex;top:clamp(84px,12.5vh,126px);left:clamp(18px,2.8vw,46px)}#position-value{color:var(--yellow);letter-spacing:.015em;-webkit-text-stroke:clamp(2px, .28vw, 5px) var(--navy);font-family:Impact,Arial Black,sans-serif;font-size:clamp(49px,6.7vw,106px);font-style:italic;line-height:.88}.position-label{color:#d8faff;background:var(--navy);letter-spacing:.16em;border-radius:999px;align-self:center;margin-top:8px;padding:5px 12px 4px;font-size:clamp(9px,.8vw,12px);font-weight:900}.lap-panel{text-align:center;filter:drop-shadow(0 5px #04132be0);width:min(300px,32vw);top:clamp(16px,2.2vh,28px);left:50%;transform:translate(-50%)}#lap-value{letter-spacing:.03em;-webkit-text-stroke:clamp(1.5px, .2vw, 4px) var(--navy);font-family:Impact,Arial Black,sans-serif;font-size:clamp(30px,4.1vw,62px);font-style:italic}.lap-track{background:#041631b8;border:1px solid #ffffffa6;border-radius:999px;width:72%;height:7px;margin:8px auto 0;overflow:hidden}.lap-track span{background:linear-gradient(90deg, var(--cyan), #fff, var(--yellow));border-radius:inherit;width:0;height:100%;box-shadow:0 0 12px var(--cyan);transition:width .12s linear;display:block}.leaderboard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,#03122af0,#062648cf);border:3px solid #5ce0ffc7;border-radius:18px;width:clamp(180px,18vw,274px);margin:0;padding:12px 15px;list-style:none;top:clamp(18px,2.4vw,38px);right:clamp(18px,2.5vw,42px);overflow:hidden;box-shadow:0 11px 25px #04122c52,inset 0 1px #ffffff2e}.leaderboard li{color:#def7ff;letter-spacing:.055em;border-bottom:1px solid #90dbf847;grid-template-columns:24px 10px 1fr;align-items:center;gap:8px;min-height:32px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(13px,1.25vw,19px);font-style:italic;display:grid}.leaderboard li:last-child{border-bottom:0}.leaderboard li.is-player{color:#fff;text-shadow:0 0 10px #ff5a55b3}.leaderboard i,.final-ranking i{background:var(--racer-color);width:10px;height:10px;box-shadow:0 0 10px var(--racer-color);border-radius:50%}.rank-number{text-align:center}.speed-panel{flex-direction:column;align-items:center;display:flex;bottom:clamp(18px,3.2vh,42px);left:clamp(18px,2.7vw,44px)}.speed-ring{--speed:0deg;aspect-ratio:1;background:radial-gradient(circle at center, #071d3cfa 0 58%, transparent 59%), conic-gradient(from 220deg, var(--cyan) 0 var(--speed), #ffffff2e var(--speed) 280deg, transparent 280deg);border:5px solid #061935eb;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:clamp(122px,14vw,216px);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px #020f2566,inset 0 0 24px #2ce1ff2e}.speed-ring:before{content:"";border:1px solid #ffffff38;border-radius:50%;position:absolute;inset:8%}#speed-value{z-index:1;letter-spacing:-.02em;text-shadow:0 5px #010c1fcc;font-family:Impact,Arial Black,sans-serif;font-size:clamp(48px,6.2vw,94px);font-style:italic;line-height:.86}.speed-ring>span:last-child{z-index:1;color:var(--cyan);letter-spacing:.08em;margin-top:8px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(13px,1.4vw,22px);font-style:italic}.boost-label{color:#ffffff73;background:var(--navy);letter-spacing:.16em;text-align:center;border:2px solid #fff3;border-radius:999px;width:72%;margin-top:-11px;padding:5px 10px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(11px,1vw,16px);font-style:italic;transition:all .16s}.boost-label.active{color:#fff;box-shadow:0 0 20px var(--cyan);background:linear-gradient(90deg,#00bee9,#cb46f2);border-color:#fff;transform:scale(1.06)}.item-panel{aspect-ratio:1;color:#e4f4ff;cursor:default;pointer-events:auto;background:radial-gradient(circle at 50% 35%,#214d72f5,#04142ff2);border:4px solid #7fd5ed8c;border-radius:50%;grid-template-rows:minmax(42px,1fr) auto auto;place-items:center;width:clamp(112px,11vw,166px);padding:9px;transition:all .18s;display:grid;bottom:clamp(22px,3.8vh,48px);right:clamp(182px,16vw,256px);box-shadow:0 12px 25px #020f2566,inset 0 0 22px #2ce1ff33}.item-panel.ready{border-color:var(--cyan);cursor:pointer;box-shadow:0 0 24px #35e6f2b3,inset 0 0 26px #35e6f23d}.item-panel.ready:hover{transform:translateY(-4px)scale(1.03)}.item-panel:focus-visible,.results button:focus-visible,.touch-controls button:focus-visible{outline-offset:4px;outline:4px solid #fff}.item-icon{align-self:end;font-family:Impact,Arial Black,sans-serif;font-size:clamp(32px,4vw,58px);line-height:1}#item-value{letter-spacing:.07em;font-family:Impact,Arial Black,sans-serif;font-size:clamp(11px,1vw,16px);font-style:italic}.item-panel kbd{color:#92e9f3;letter-spacing:.08em;background:#010a1bb8;border:1px solid #ffffff3d;border-radius:5px;margin-bottom:4px;padding:2px 6px;font-size:9px;font-weight:900}.controls-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04132bc7;border:3px solid #ffffff61;border-radius:16px;flex-direction:column;align-items:center;gap:6px;width:clamp(132px,12vw,184px);padding:13px 12px 11px;display:flex;bottom:clamp(24px,4vh,50px);right:clamp(18px,2.2vw,34px);box-shadow:0 10px 22px #020f2559}.key-row{gap:7px;display:flex}.controls-panel kbd{aspect-ratio:1;background:#081935e6;border:2px solid #fff;border-radius:7px;place-items:center;width:clamp(28px,2.5vw,38px);font-family:Impact,Arial Black,sans-serif;font-size:clamp(13px,1.25vw,20px);display:grid;box-shadow:0 3px #0000006b}.controls-panel>span{color:#dcecff;letter-spacing:.08em;margin-top:3px;font-size:clamp(8px,.72vw,11px);font-weight:900}.countdown{z-index:5;color:#fff;filter:drop-shadow(0 12px 0 var(--navy));-webkit-text-stroke:clamp(5px, .7vw, 11px) var(--navy);font-family:Impact,Arial Black,sans-serif;font-size:clamp(110px,19vw,290px);font-style:italic;line-height:1;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.countdown.visible{display:block}.countdown.pop{animation:.7s cubic-bezier(.2,.85,.26,1) both countdown-pop}.toast{z-index:6;color:#fff;letter-spacing:.06em;text-align:center;opacity:0;pointer-events:none;background:#051631e0;border:2px solid #37e6f4b8;border-radius:999px;max-width:min(90vw,560px);padding:10px 24px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(14px,1.8vw,25px);font-style:italic;transition:all .22s;position:absolute;bottom:28%;left:50%;transform:translate(-50%,18px);box-shadow:0 8px 26px #010e2266,0 0 24px #35e6f233}.toast.visible{opacity:1;transform:translate(-50%)}.results[hidden]{display:none!important}.results{z-index:10;opacity:0;background:radial-gradient(circle at 50% 45%,#0000 0 12%,#04132c73 80%);place-items:center;padding:24px;transition:opacity .28s;display:grid;position:absolute;inset:0}.confetti{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{top:8%;left:var(--x);background:var(--c);opacity:.92;width:11px;height:24px;transform:rotate(var(--r));border-radius:2px;position:absolute;box-shadow:0 0 10px #ffffff40}.confetti i:nth-child(3n){top:36%}.confetti i:nth-child(4n){top:67%}.confetti i:nth-child(5n){top:84%}.results.visible{opacity:1}.results-card{z-index:1;border:3px solid var(--cyan);text-align:center;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(150deg,#041733f2,#05274aed);border-radius:28px;width:min(680px,92vw);padding:clamp(24px,3.7vw,48px);transition:transform .42s cubic-bezier(.2,.9,.24,1);position:relative;transform:translateY(28px)scale(.96);box-shadow:0 28px 90px #00091c8c,inset 0 1px #ffffff26}.results.visible .results-card{transform:translateY(0)scale(1)}.results h1{letter-spacing:.025em;text-shadow:0 7px #020d20d1;white-space:nowrap;-webkit-text-stroke:clamp(1px, .15vw, 3px) #07162f;margin:0 0 22px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(42px,5vw,76px);font-style:italic;line-height:.92}.results-divider{color:var(--cyan);letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-bottom:18px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(16px,2.3vw,28px);display:grid}.results-divider span{background:linear-gradient(90deg, transparent, var(--cyan));height:2px}.results-divider span:last-child{background:linear-gradient(90deg, var(--cyan), transparent)}.final-ranking{gap:6px;margin:0;padding:0;list-style:none;display:grid}.final-ranking li{color:#fff;text-align:left;background:#010d2285;border:1px solid #8adcf626;border-radius:10px;grid-template-columns:14px 48px 1fr auto;align-items:center;gap:14px;min-height:58px;padding:7px 18px;display:grid}.final-ranking li:first-child{background:linear-gradient(90deg,#ff595159,#010d228c 70%);border-color:#ff7867b3}.final-ranking strong,.final-ranking span{letter-spacing:.05em;font-family:Impact,Arial Black,sans-serif;font-size:clamp(21px,2.6vw,36px);font-style:italic}.final-ranking time{color:#bcecf5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(13px,1.35vw,18px);font-weight:800}.results-actions{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.results button{color:#fff;letter-spacing:.05em;cursor:pointer;background:linear-gradient(#ff7168,#ef423f);border:0;border-bottom:5px solid #a52b32;border-radius:12px;min-height:62px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(16px,2vw,26px);font-style:italic;transition:transform .14s,filter .14s;box-shadow:0 10px 22px #010b1e52}.results button.secondary{background:linear-gradient(#32dfd4,#16aeb7);border-bottom-color:#087a86}.results button:hover{filter:brightness(1.12);transform:translateY(-3px)}.results button:active{transform:translateY(2px)}.touch-controls{z-index:7;right:14px;bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;grid-template-columns:72px 1fr 72px;gap:12px;display:none;position:absolute;left:14px}.touch-controls button{color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041733c7;border:3px solid #ffffffbf;border-radius:18px;min-height:62px;font-family:Impact,Arial Black,sans-serif;font-size:22px;box-shadow:0 8px #020c1da6}.touch-controls button[data-control=drive]{color:#07162f;background:linear-gradient(#ffe66b,#ffc929);border-color:#fff4b5 #fff4b5 #b37805}@keyframes countdown-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)rotate(-5deg)}28%{opacity:1;transform:translate(-50%,-50%)scale(.92)rotate(2deg)}to{opacity:.92;transform:translate(-50%,-50%)scale(1)rotate(0)}}@media (max-width:840px),(pointer:coarse){.brand{top:12px;left:14px}.position-panel{top:72px;left:14px}.leaderboard,.controls-panel{display:none}.lap-panel{width:44vw;top:12px}.speed-panel{bottom:92px;left:14px}.speed-ring{width:clamp(102px,22vw,142px)}.item-panel{width:clamp(96px,20vw,128px);bottom:98px;right:16px}.touch-controls{display:grid}.toast{bottom:29%}.results{padding:12px}.results-card{border-radius:20px;padding:22px 18px}.results h1{margin-bottom:15px}.final-ranking li{grid-template-columns:11px 30px 1fr auto;gap:8px;min-height:48px;padding:5px 10px}.results-actions{gap:10px;margin-top:15px}.results button{min-height:54px}}@media (max-height:650px){.leaderboard{padding-block:7px}.speed-ring{width:115px}.item-panel{width:105px}.results-card{padding-block:20px}.results h1{margin-bottom:12px;font-size:48px}.final-ranking li{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}