*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;background:#12203a;width:100%;height:100%;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#game{position:fixed;display:block;touch-action:none;width:100%;height:100%;inset:0}.hidden{display:none!important}#hud{position:fixed;top:env(safe-area-inset-top,0);display:flex;pointer-events:none;z-index:5;justify-content:space-between;align-items: flex-start;padding:10px 12px;left:0;right:0}.hud-group{display:flex;flex-wrap:wrap;gap:8px;max-width:70%}.hud-group.right{pointer-events:auto}.hud-chip{color:#f2f5fa;letter-spacing:.02em;backdrop-filter:blur(4px);background:#0a1222b8;border:1px solid #ffffff24;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:600}.hud-chip.streak{background:#b4460acc}.hud-chip.wind{background:#145a82cc}#menu-btn{color:#f2f5fa;cursor:pointer;backdrop-filter:blur(4px);background:#0a1222b8;border:1px solid #ffffff2e;border-radius:12px;width:42px;height:42px;font-size:20px}#menu-btn:active{transform:scale(.92)}#hint{position:fixed;bottom:max(4vh,env(safe-area-inset-bottom,0));color:#ffffffd9;z-index:5;pointer-events:none;white-space:nowrap;background:#0a12228c;border-radius:999px;padding:8px 18px;transition:opacity .4s;font-size:14px;left:50%;transform:translate(-50%)}#feedback{position:fixed;color:#fff;letter-spacing:.04em;text-shadow:0 3px 14px #0009;z-index:6;pointer-events:none;animation:feedback-pop 1.1s ease-out forwards;white-space:nowrap;font-size:clamp(26px,6vw,44px);font-weight:800;top:22%;left:50%;transform:translate(-50%)}#feedback.good{color:#7dffa8}#feedback.bad{color:#ffb0a0}@keyframes feedback-pop{0%{opacity:0;transform:translate(-50%)scale(.5)}15%{opacity:1;transform:translate(-50%)scale(1.12)}30%{transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-18px)scale(1)}}#popups{position:fixed;pointer-events:none;z-index:6;inset:0}.popup{position:absolute;color:#ffd75e;text-shadow:0 2px 8px #0009;animation:popup-rise .9s ease-out forwards;font-size:22px;font-weight:800}@keyframes popup-rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-56px)}}#power{position:fixed;right:max(14px,env(safe-area-inset-right,0));overflow:hidden;z-index:5;pointer-events:none;background:#0a122299;border:1px solid #fff3;border-radius:999px;width:18px;height:34vh;bottom:16vh}#power-fill{position:absolute;background:linear-gradient(#ff7d4d,#7dffa8 42% 52%,#3fa9ff);height:0%;transition:height 30ms linear;bottom:0;left:0;right:0}.power-sweet{position:absolute;background:#fff;height:3px;bottom:50%;left:-3px;right:-3px;box-shadow:0 0 6px #fff}.overlay{position:fixed;display:flex;color:#f2f5fa;text-align:center;z-index:10;backdrop-filter:blur(5px);background:#080e1cc7;flex-direction:column;justify-content:center;align-items: center;gap:14px;padding:24px;inset:0}.overlay h1{font-size:clamp(30px,7vw,52px)}.overlay p{opacity:.85;max-width:30em;font-size:17px}.overlay button.primary{cursor:pointer;color:#0c1526;background:linear-gradient(#8dffb2,#4fd07d);border:none;border-radius:14px;margin-top:10px;padding:14px 34px;font-size:19px;font-weight:700;box-shadow:0 6px 20px #3cdc8259}.overlay button:active{transform:scale(.95)}.overlay h2{text-transform:uppercase;letter-spacing:.12em;opacity:.7;margin-top:8px;font-size:16px}.menu-buttons{display:flex;flex-direction:column;gap:10px;width:min(320px,84vw)}.menu-item{color:#f2f5fa;cursor:pointer;text-align:left;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;padding:14px 18px;font-size:17px;font-weight:600}.menu-item:active{background:#ffffff29}.menu-version{opacity:.5;font-size:13px}.carousel{position:relative;width:min(440px,94vw)}.car-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding:6px calc(50% - 75px)}.car-track::-webkit-scrollbar{display:none}.car-card{position:relative;scroll-snap-align:center;color:#f2f5fa;cursor:pointer;background:#ffffff0f;border:2px solid #ffffff29;border-radius:14px;flex:0 0 150px;padding:6px 6px 9px;transition:transform .2s,border-color .2s,background .2s}.car-card img{display:block;object-fit:cover;pointer-events:none;background:linear-gradient(#1c2a45,#0d1626);border-radius:9px;width:100%;height:86px}.car-card .car-name{display:block;margin-top:7px;font-size:14px;font-weight:600}.car-card.selected{background:#7dffa81f;border-color:#7dffa8;transform:scale(1.05)}.car-card.selected:after{content:"✓";position:absolute;color:#0c1526;background:#7dffa8;border-radius:50%;width:22px;height:22px;font-size:13px;font-weight:800;line-height:22px;top:10px;right:10px;box-shadow:0 2px 8px #00000059}.car-arrow{position:absolute;z-index:1;color:#f2f5fa;cursor:pointer;background:#0a1222bf;border:1px solid #fff3;border-radius:50%;width:36px;height:36px;font-size:22px;line-height:1;top:50%;transform:translateY(-50%)}.car-arrow.prev{left:2px}.car-arrow.next{right:2px}.car-arrow:active{background:#fff3}.car-dots{display:flex;gap:7px;margin-top:-4px}.car-dot{cursor:pointer;background:#ffffff40;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:background .2s}.car-dot.active{background:#7dffa8}.hud-chip.timer{text-align:center;background:#285a32d9;min-width:64px}.hud-chip.timer.urgent{animation:timer-pulse 1s infinite;background:#aa2d19e6}@keyframes timer-pulse{50%{transform:scale(1.08)}}body.in-match #menu-restart{display:none}#scoreboard{position:fixed;top:calc(env(safe-area-inset-top,0px) + 62px);right:max(12px,env(safe-area-inset-right,0));display:flex;z-index:5;pointer-events:none;flex-direction:column;gap:4px;min-width:130px;max-width:44vw}.score-row{display:flex;color:#e6ecf5;backdrop-filter:blur(4px);overflow:hidden;white-space:nowrap;background:#0a1222a8;border:1px solid #ffffff1f;border-radius:9px;justify-content:space-between;gap:10px;padding:5px 10px;font-size:13px}.score-row span{overflow:hidden;text-overflow:ellipsis}.score-row.me{background:#1e462dbf;border-color:#7dffa8}.score-row.scored{animation:score-flash .7s ease-out}@keyframes score-flash{0%{background:#ffd75ed9;color:#14203a}}#mp-countdown{position:fixed;display:flex;color:#fff;text-shadow:0 6px 30px #000000a6;z-index:8;pointer-events:none;justify-content:center;align-items: center;font-size:clamp(90px,26vw,180px);font-weight:800;inset:0}#mp-status{position:fixed;top:calc(env(safe-area-inset-top,0px) + 60px);color:#fff;z-index:7;pointer-events:none;background:#aa2d19e6;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;left:50%;transform:translate(-50%)}.mp-input{color:#f2f5fa;text-align:center;outline:none;background:#ffffff1a;border:1px solid #ffffff40;border-radius:12px;width:min(300px,80vw);padding:12px 16px;font-size:18px}.mp-input:focus{border-color:#7dffa8}.mp-input.code{text-transform:uppercase;letter-spacing:.3em;width:120px;font-weight:700}.mp-join-row{display:flex;align-items:stretch;gap:10px}.mp-join-row button.primary{margin-top:0;padding:12px 22px}.mp-error{color:#ffb0a0;font-weight:600}.room-code{color:#ffd75e;letter-spacing:.14em}#lobby-players{display:flex;flex-direction:column;gap:8px;width:min(300px,80vw)}.lobby-player{background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;padding:10px 14px;font-size:16px;font-weight:600}.lobby-player.away{opacity:.45}.lobby-connecting{opacity:.7}#results-list{display:flex;flex-direction:column;gap:8px;width:min(340px,86vw)}.result-row{display:grid;grid-template-columns:34px 1fr auto;text-align:left;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;align-items: center;gap:8px;padding:10px 14px;font-size:16px}.result-row.me{background:#7dffa81f;border-color:#7dffa8}.result-rank{font-size:20px}.result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.result-detail{opacity:.75;font-size:14px}