*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input{-webkit-user-select:text;user-select:text}html,body{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#05060a;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#e8e9ee}#app{position:relative;width:100vw;height:100vh;height:100dvh}canvas{display:block}.menu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:radial-gradient(ellipse at 50% 26%,#10131c6b,#05060ae0 78%);z-index:20;text-align:center;padding:1rem;overflow-y:auto}@media (max-height: 700px){.menu{gap:.6rem;justify-content:flex-start;padding-top:1.5rem}}.menu-title{font-size:clamp(2rem,9vw,3.6rem);font-weight:900;font-style:italic;letter-spacing:.01em;margin:0;color:#f2f2f4;text-shadow:0 0 30px rgba(255,70,60,.5),0 4px 24px rgba(0,0,0,.6);text-align:center;max-width:100%}.menu-title.small{font-size:clamp(1.4rem,6vw,2rem)}.menu-title span{color:#ff4a3c;background:linear-gradient(90deg,#ff4a3c,#ff9a3c 40%,#ffd27a,#ff9a3c 60%,#ff4a3c);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:title-shimmer 3.5s linear infinite}@keyframes title-shimmer{to{background-position:220% center}}.menu>*{animation:menu-in .5s cubic-bezier(.2,.8,.2,1) both}.menu>*:nth-child(1){animation-delay:.03s}.menu>*:nth-child(2){animation-delay:.09s}.menu>*:nth-child(3){animation-delay:.15s}.menu>*:nth-child(4){animation-delay:.21s}.menu>*:nth-child(5){animation-delay:.27s}.menu>*:nth-child(6){animation-delay:.33s}.menu>*:nth-child(7){animation-delay:.39s}.menu>*:nth-child(8){animation-delay:.45s}@keyframes menu-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.menu>*,.menu-title span{animation:none}}.menu-sub{color:#a7abb6;max-width:32rem;margin:0}.mode-toggle{display:flex;gap:.5rem;background:#14161c99;padding:.3rem;border-radius:.7rem;max-width:95vw}.mode-btn{padding:.55rem 1.3rem;border:none;border-radius:.5rem;background:transparent;color:#a7abb6;font-weight:800;letter-spacing:.04em;font-size:clamp(.75rem,3.2vw,1rem);white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease,transform .12s ease}.mode-btn:active{transform:scale(.94)}.mode-btn.active{background:#ff4a3c;color:#fff;box-shadow:0 0 14px #ff4a3c80}.menu-buttons{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem;width:min(90vw,22rem)}.menu-btn{position:relative;padding:1rem 1.4rem;font-size:1.05rem;font-weight:800;font-style:italic;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:.7rem;background:linear-gradient(180deg,#ff6a52,#ff4a3c 45%,#d6301f);color:#fff;cursor:pointer;overflow:hidden;box-shadow:0 4px #8a1f14,0 10px 24px #ff3c2859,0 8px 16px #00000073;transition:transform .08s ease,filter .12s ease}.menu-btn:before{content:"";position:absolute;inset:1px 1px 55%;border-radius:.6rem .6rem 0 0;background:linear-gradient(180deg,#ffffff59,#fff0);pointer-events:none}.menu-btn:hover{filter:brightness(1.08)}.menu-btn:active{transform:translateY(3px);box-shadow:0 1px #8a1f14,0 4px 10px #0006}.menu-btn-small{padding:.7rem 1rem}.menu-btn-ghost:before{display:none}.menu-btn-ghost{background:#1e212a99;color:#cfd2da;box-shadow:0 3px #00000059,0 6px 14px #00000059;font-weight:600;font-size:.9rem}.menu-btn-ghost:active{box-shadow:0 1px #00000059,0 4px 10px #00000059}.menu-online{display:flex;flex-direction:column;gap:.5rem;padding:.7rem;border-radius:.6rem;background:#00000040}.menu-extra{display:flex;flex-direction:column;align-items:center;gap:.7rem}.menu-join-row{display:flex;gap:.5rem}.menu-input{flex:1;padding:.9rem;border-radius:.6rem;border:2px solid #3a3e4a;background:#12141c;color:#f2f2f4;font-size:1.1rem;text-align:center;letter-spacing:.15em;text-transform:uppercase}.lobby-code{font-size:clamp(2rem,12vw,3rem);font-weight:900;letter-spacing:.3em;color:#40e0a0;display:none}.lobby-status{color:#a7abb6}.hud{position:absolute;inset:0;pointer-events:none;z-index:10}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.2rem;gap:1rem}.hud-player{flex:1;max-width:32%}.hud-player.right{text-align:right}.hud-name{font-weight:800;font-size:.85rem;letter-spacing:.05em;color:#d7d9e0;text-shadow:0 2px 4px rgba(0,0,0,.8);margin-bottom:.25rem}.hud-hpbar{height:.9rem;background:#14161cbf;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;overflow:hidden}.hud-player.right .hud-hpbar{direction:rtl}.hud-hpfill{height:100%;width:100%;background:linear-gradient(90deg,#35d07f,#7ee666);transition:width .15s ease}.hud-hpfill.low{background:linear-gradient(90deg,#ff5c3c,#ffb020)}.hud-score{margin-top:.3rem;font-weight:900;font-size:1.1rem;color:#ff4a3c}.hud-center{min-width:8rem;text-align:center}.hud-center-text{font-weight:900;font-style:italic;font-size:1.7rem;color:#fff;text-shadow:0 0 24px rgba(255,70,60,.8),0 2px 10px rgba(0,0,0,.8)}.hud-center-text.countdown{font-size:5rem;letter-spacing:-.03em;text-shadow:0 0 40px rgba(64,200,255,.9),0 0 14px rgba(255,255,255,.7)}.hud-center-text.countdown.pulse{animation:countdown-pop .9s ease-out}@keyframes countdown-pop{0%{transform:scale(1.9);opacity:0}25%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.hud-center-text.countdown.go-flash{color:#4dffb0;text-shadow:0 0 44px rgba(64,255,160,1),0 0 16px rgba(255,255,255,.8);animation:go-flash .7s ease-out}@keyframes go-flash{0%{transform:scale(.6);opacity:0}30%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}#app,canvas{touch-action:none}.touch-controls{position:absolute;inset:0;z-index:15;pointer-events:none}.touch-btn{display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;font-weight:800;color:#f2f2f4;background:#1e212a80;border:2px solid rgba(255,255,255,.16);box-shadow:0 4px 12px #00000059;transition:transform .05s ease,background .08s ease}.touch-btn.active{transform:scale(.93)}.touch-steer{position:absolute;left:1rem;bottom:1.3rem;display:flex;gap:.7rem;pointer-events:none}.touch-arrow{width:5.8rem;height:5.8rem;border-radius:1.6rem;font-size:3rem;line-height:1;padding-bottom:.35rem}.touch-arrow.active{background:#ff4a3c80;border-color:#ff7864bf}.touch-actions{position:absolute;right:1.15rem;bottom:1.3rem;display:flex;flex-direction:column-reverse;gap:.75rem;pointer-events:none}.touch-actions .touch-btn{width:5.4rem;height:5.4rem;border-radius:50%;font-size:.78rem}.touch-brake.active{background:#ff4a3c8c}.touch-gas{background:#14502880;border-color:#50dc8280;color:#b7f5cf}.touch-gas.active{background:#1eaa50b8;color:#fff}.touch-actions .touch-gas-race{width:6.4rem;height:6.4rem;font-size:.9rem}.touch-reverse.active{background:#ffaa2899}.touch-actions-parking{flex-direction:row;align-items:flex-end;gap:.9rem}.touch-actions-parking .touch-gas{width:6rem;height:6rem;border-radius:50%;font-size:.85rem}.touch-gears{pointer-events:none;display:flex;flex-direction:column;gap:.45rem}.touch-actions-parking .touch-gear{width:3.2rem;height:2.8rem;border-radius:.8rem;font-size:1.05rem;letter-spacing:.05em}.touch-actions-parking .touch-gear.active{background:#40d0ffc7;border-color:#78e6ffe6;color:#04121a}.race-place{font-weight:900;font-size:1.4rem;color:#d7d9e0}.race-place.leader{color:#40e0a0}.race-laps{font-size:.8rem;color:#a7abb6;font-weight:700}.speed-gauge{position:absolute;right:7.2rem;bottom:1.6rem;z-index:12;pointer-events:none;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.6)}.speed-value{font-size:2.6rem;font-weight:900;color:#f2f2f4;line-height:1;font-variant-numeric:tabular-nums}.speed-unit{font-size:.7rem;font-weight:700;color:#a7abb6;letter-spacing:.08em}@media (max-width: 600px){.speed-gauge{right:auto;left:50%;transform:translate(-50%);bottom:6rem}}.arcade-top{display:flex;align-items:flex-start;justify-content:space-between;padding:.9rem 1.2rem}.arcade-pos{font-size:2.8rem;font-weight:900;font-style:italic;color:#fff;letter-spacing:-.02em;text-shadow:0 0 16px rgba(255,90,60,.5),0 2px 8px rgba(0,0,0,.8);min-width:3.4rem}.arcade-pos.leader{color:#4dffb0;text-shadow:0 0 18px rgba(64,255,160,.7),0 2px 8px rgba(0,0,0,.8)}.arcade-right{padding:.4rem .7rem;border-radius:.7rem;background:#0c101866;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(4px)}.arcade-topleft{display:flex;align-items:center;gap:.7rem}.arcade-topright{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.hud-cambtn{pointer-events:auto;padding:.4rem .7rem;border-radius:.6rem;background:#14161e8c;border:1.5px solid rgba(255,255,255,.22);color:#f2f2f4;font-weight:800;font-size:.72rem;letter-spacing:.06em;cursor:pointer}.hud-cambtn:hover{background:#282c38b3}.hud-pause{position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:20;pointer-events:auto;width:2.4rem;height:2.4rem;border-radius:.7rem;background:#14161e80;border:1.5px solid rgba(255,255,255,.2);color:#f2f2f4;font-weight:900;font-size:.8rem;letter-spacing:.12em;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0006}.hud-pause:hover{background:#282c38b3}.pause-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:#04050ac7;z-index:26}.pause-overlay h2{font-size:2rem;font-weight:900;color:#f2f2f4;margin:0;letter-spacing:.1em;text-shadow:0 0 20px rgba(255,70,60,.6)}.pause-overlay .results-buttons{flex-direction:column;align-items:stretch;min-width:12rem}.arcade-right{text-align:right}.arcade-lap{font-weight:800;font-size:.95rem;color:#d7d9e0;text-shadow:0 2px 6px rgba(0,0,0,.7)}.arcade-time{font-weight:700;font-size:.9rem;color:#a7abb6;font-variant-numeric:tabular-nums}.arcade-bottom{position:absolute;left:50%;transform:translate(-50%);bottom:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none}.arcade-speed{font-size:3.1rem;font-weight:900;font-style:italic;color:#fff;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(80,200,255,.55),0 3px 12px rgba(0,0,0,.8)}.arcade-speed small{font-size:.8rem;font-style:normal;font-weight:800;letter-spacing:.12em;color:#8fd4ff;margin-left:.35rem;text-shadow:none}.nitro-bar{position:relative;width:15rem;max-width:44vw;height:1rem;border-radius:.6rem;background:#0a0e16b3;border:1px solid rgba(120,200,255,.35);box-shadow:inset 0 1px 3px #0009,0 0 0 1px #0000004d;overflow:hidden;backdrop-filter:blur(3px)}.nitro-fill{height:100%;width:0%;background:linear-gradient(90deg,#0a70e0,#40d8ff 70%,#a8f0ff);box-shadow:0 0 12px #40d0ffb3;transition:width .1s linear}.nitro-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);background-size:220% 100%;animation:nitro-shine 2.4s linear infinite}.nitro-fill.full{background:linear-gradient(90deg,#22e05a,#90ffb0);box-shadow:0 0 18px #40ff70e6}@keyframes nitro-shine{0%{background-position:120% 0}to{background-position:-120% 0}}.nitro-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;letter-spacing:.25em;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.7)}.wrong-way{position:absolute;left:50%;top:30%;transform:translate(-50%);padding:.5rem 1.2rem;border-radius:.6rem;background:#8c140abf;border:2px solid rgba(255,90,60,.9);color:#ffe6e0;font-weight:900;font-style:italic;font-size:1.15rem;letter-spacing:.08em;text-shadow:0 1px 4px rgba(0,0,0,.8);animation:wrong-way-pulse .7s ease-in-out infinite alternate;pointer-events:none;z-index:14}@keyframes wrong-way-pulse{0%{opacity:.65;transform:translate(-50%) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1.03)}}.result-row{display:flex;align-items:center;gap:.7rem;padding:.35rem .9rem;border-radius:.6rem;list-style:none}.result-medal{width:2rem;text-align:center;font-size:1.25rem}.result-name{flex:1;min-width:9rem}.result-time{font-variant-numeric:tabular-nums;color:#a7abb6}.result-row.podium-1{background:#ffc83c24;border:1px solid rgba(255,200,60,.4)}.result-row.podium-2{background:#c8d2e11a;border:1px solid rgba(200,210,225,.3)}.result-row.podium-3{background:#d28c501f;border:1px solid rgba(210,140,80,.35)}.result-row.me .result-name{color:#4dffb0;font-weight:900}.race-results{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#04050ad1;z-index:25}.race-results h2{font-size:2rem;font-weight:900;color:#f2f2f4;margin:0;text-shadow:0 0 20px rgba(255,70,60,.6)}.race-results ol{margin:0;padding-left:0;list-style:none;font-size:1.15rem;font-weight:700;color:#d7d9e0;line-height:1.9}.race-results li.me{color:#40e0a0}.results-buttons{display:flex;gap:.8rem}.parking-hint{font-weight:800;font-size:clamp(.8rem,3vw,1.05rem);color:#f2f2f4;text-shadow:0 2px 8px rgba(0,0,0,.8);text-align:center;max-width:60vw}.parking-hits{font-size:1.2rem;letter-spacing:.1em}.touch-nitro{background:#103c5a9e;border-color:#40d0ff80;color:#aee6ff}.touch-nitro.active{background:#1090ffbf;color:#fff}.menu-sub.small{font-size:.75rem;opacity:.8}button,input,.mode-btn,.menu-btn{touch-action:manipulation}.rotate-hint{display:none;position:absolute;inset:0;z-index:40;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;background:#04050aeb;color:#f2f2f4;font-weight:700;font-size:1.1rem;line-height:1.5}.rotate-hint-icon{font-size:3.4rem;animation:rotate-hint-spin 2.2s ease-in-out infinite}.rotate-hint-sub{font-size:.85rem;font-weight:600;opacity:.75}@keyframes rotate-hint-spin{0%,to{transform:rotate(-18deg)}50%{transform:rotate(72deg)}}@media (max-width: 900px) and (orientation: portrait){body.playing .rotate-hint{display:flex}}.vignette{position:absolute;inset:0;pointer-events:none;z-index:8;background:radial-gradient(ellipse at center,transparent 52%,rgba(0,0,5,.5) 100%)}@media (max-width: 760px){.arcade-bottom{bottom:9.5rem}.arcade-speed{font-size:2rem}.nitro-bar{width:10rem}}.speedlines{position:absolute;inset:-12%;pointer-events:none;z-index:9;opacity:0;transition:opacity .25s ease;background:repeating-conic-gradient(from 0deg at 50% 50%,#fff0 0deg 9deg,#bee1ff24 9.6deg 10.4deg,#fff0 11deg 14deg);-webkit-mask-image:radial-gradient(circle at center,transparent 42%,black 80%);mask-image:radial-gradient(circle at center,transparent 42%,black 80%)}.speedlines.on{opacity:1}.minimap{position:absolute;top:4.6rem;right:.9rem;z-index:11;pointer-events:none;opacity:.92}@media (max-width: 760px){.minimap{width:96px;height:96px;top:5rem}}