:root{--neon-blue: #00f3ff;--neon-pink: #ff00ff;--neon-green: #39ff14;--bg-dark: #050505;--bg-card: rgba(20, 20, 20, .8)}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{font-family:system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:#fff;overflow:hidden;width:100%;min-height:100vh;min-height:100dvh}body.mobile-mode.start-screen-active{overflow:auto}#game-container{position:relative;width:100%;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center}canvas{display:block;background:radial-gradient(circle at center,#1a1a1a,#050505);box-shadow:0 0 50px #00f3ff1a}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--neon-blue);padding:2rem;border-radius:1rem;text-align:center;pointer-events:all;box-shadow:0 0 30px #00f3ff33;z-index:100;display:none;max-height:95vh;width:90vw;max-width:500px;overflow-y:auto}.modal-subtitle{margin-top:.5rem}.home-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:none;pointer-events:all;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at top,rgba(0,243,255,.14),transparent 42%),linear-gradient(180deg,#03080ef5,#050505fa)}.home-screen.active{display:block}.home-screen__panel{width:min(100%,34rem);min-height:100dvh;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) max(.9rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.9rem,env(safe-area-inset-left));display:flex;flex-direction:column;gap:.85rem}.home-screen__body{display:flex;flex-direction:column;gap:.85rem}.home-screen__column{display:contents}.home-screen__hero{display:grid;gap:.35rem;text-align:center}.home-screen__eyebrow{font-size:clamp(.64rem,2vw,.78rem);letter-spacing:.18em;text-transform:uppercase;color:#ffffff9e}.home-screen__title{font-family:"Exo 2",Eurostile,Bank Gothic,sans-serif;font-size:clamp(1.8rem,8vw,3rem);line-height:.95;letter-spacing:.14em;font-weight:900;text-transform:uppercase;color:var(--neon-blue);text-shadow:0 0 12px rgba(0,243,255,.7),0 0 28px rgba(0,243,255,.35),0 0 46px rgba(255,0,255,.18)}.home-screen__subtitle{font-size:clamp(.78rem,2.5vw,.92rem);line-height:1.35;color:#ffffffc2}.home-screen__section{display:grid;gap:.55rem;padding:.8rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:1rem}.home-screen__section-title{font-size:clamp(.68rem,2.1vw,.82rem);letter-spacing:.14em;text-transform:uppercase;color:var(--neon-blue)}.home-screen__swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;align-items:center;width:100%}.home-screen__swatch{width:clamp(2.3rem,8vw,3.1rem);aspect-ratio:1;min-width:0;padding:0;margin:0;border-radius:999px;border:2px solid transparent}.home-screen__fields{display:grid;gap:.55rem}.home-screen__field{display:grid;gap:.3rem;text-align:left}.home-screen__label{font-size:clamp(.72rem,2.2vw,.84rem);color:#ffffffd1}.home-screen__field select{width:100%;min-width:0;padding:.72rem .78rem;border-radius:.8rem;border:1px solid rgba(0,243,255,.45);background:#030a12f0;color:#fff;font-size:clamp(.84rem,2.8vw,.96rem)}.home-screen__controls{display:grid;gap:.45rem}.home-screen__controls--desktop,.home-screen__controls--mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.home-screen__control{display:flex;align-items:center;gap:.45rem;min-width:0;padding:.6rem .65rem;border-radius:.85rem;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.home-screen__control--wide{grid-column:1 / -1}.home-screen__keys{display:flex;align-items:center;gap:.18rem;flex-wrap:wrap}.home-screen__key{display:inline-flex;align-items:center;justify-content:center;min-width:1.9rem;min-height:1.65rem;padding:.16rem .42rem;border-radius:.45rem;border:1px solid rgba(0,243,255,.55);background:#00f3ff1a;color:var(--neon-blue);font-size:clamp(.58rem,1.9vw,.72rem);font-family:Courier New,Courier,monospace;font-weight:700}.home-screen__slash{color:#ffffff73}.home-screen__control-text{min-width:0;font-size:clamp(.66rem,2vw,.8rem);letter-spacing:.04em;text-transform:uppercase;color:#ffffffc7}.home-screen__footer{display:flex;justify-content:center;padding-top:.2rem}.home-screen__start{width:min(100%,18rem);min-height:3rem;margin-top:0;border-radius:999px;font-size:clamp(.82rem,2.8vw,1rem)}@media(max-width:768px){body.mobile-mode.start-screen-active #game-container{height:auto;min-height:100dvh;align-items:flex-start}.home-screen__panel{width:100%;max-width:32rem;min-height:100dvh;gap:.7rem}.home-screen__body{gap:.7rem}.home-screen__section{padding:.72rem}.home-screen__controls--mobile{grid-template-columns:1fr}.home-screen__control{padding:.55rem .6rem}.home-screen__footer{position:sticky;bottom:0;padding-top:.5rem;padding-bottom:max(.2rem,env(safe-area-inset-bottom));background:linear-gradient(to top,#050505f5,#05050500)}}@media(max-width:768px)and (orientation:landscape){body.mobile-mode.start-screen-active #game-container{min-height:100dvh}.home-screen__panel{padding:max(.45rem,env(safe-area-inset-top)) max(.7rem,env(safe-area-inset-right)) max(.85rem,env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left));gap:.5rem}.home-screen__body{gap:.5rem}.home-screen__hero{gap:.2rem}.home-screen__eyebrow{display:none}.home-screen__title{font-size:clamp(1.2rem,3.8vw,1.7rem)}.home-screen__subtitle{font-size:clamp(.64rem,1.8vw,.74rem)}.home-screen__section{gap:.4rem;padding:.5rem}.home-screen__section-title{font-size:clamp(.56rem,1.5vw,.66rem)}.home-screen__fields{gap:.45rem}.home-screen__field select{padding:.52rem .62rem;font-size:clamp(.72rem,1.9vw,.82rem)}.home-screen__controls--mobile{grid-template-columns:1fr}.home-screen__control{padding:.45rem .5rem}.home-screen__key{min-width:1.65rem;min-height:1.42rem;font-size:clamp(.5rem,1.35vw,.58rem)}.home-screen__control-text{font-size:clamp(.54rem,1.45vw,.64rem)}.home-screen__start{width:100%;min-height:2.55rem;font-size:clamp(.72rem,1.9vw,.82rem)}}@media(min-width:769px){.home-screen__panel{width:min(92vw,46rem);min-height:100vh;min-height:100dvh;justify-content:center}.home-screen__fields{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.modal{padding:1.25rem;width:95vw}h1{font-size:1.5rem}p{font-size:.8rem}}@media(max-width:768px){body.mobile-mode .main-menu{position:absolute;inset:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));top:auto;left:auto;transform:none;width:auto;max-width:none;height:auto;max-height:none;margin:auto;padding:0;display:none;place-items:center;overflow:hidden;background:#050505d1}body.mobile-mode .main-menu-panel{display:grid;width:min(100%,34rem);max-height:100%;overflow-y:auto;gap:clamp(.55rem,2vh,1rem);padding:clamp(.9rem,3.5vw,1.35rem) clamp(.85rem,3vw,1.25rem) clamp(1rem,3.2vw,1.5rem);background:var(--bg-card);border:1px solid var(--neon-blue);border-radius:1rem;box-shadow:0 0 30px #00f3ff33}body.mobile-mode .main-menu.active{display:grid!important}body.mobile-mode .main-menu h1{font-size:clamp(1.45rem,7vw,2.2rem);line-height:1}body.mobile-mode .main-menu .modal-subtitle{margin-top:0;font-size:clamp(.72rem,2.8vw,.92rem);max-width:36ch}body.mobile-mode .main-menu .car-customization,body.mobile-mode .main-menu .setup-grid,body.mobile-mode .main-menu .controls-mobile,body.mobile-mode .main-menu .start-actions{width:100%}body.mobile-mode .main-menu .car-customization{margin:0;padding:clamp(.65rem,2.5vw,.95rem);border-radius:clamp(.4rem,1.5vw,.65rem)}body.mobile-mode .main-menu .section-label,body.mobile-mode .main-menu .setup-field label{font-size:clamp(.65rem,2.4vw,.8rem)}body.mobile-mode .main-menu .color-options{gap:clamp(.45rem,2vw,.75rem)}body.mobile-mode .main-menu .color-opt{width:clamp(1.85rem,8vw,2.35rem);height:clamp(1.85rem,8vw,2.35rem)}body.mobile-mode .main-menu .setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.5rem,2vw,.8rem);margin-top:0}body.mobile-mode .main-menu .setup-field{gap:.25rem}body.mobile-mode .main-menu .setup-field select{padding:clamp(.38rem,1.6vh,.55rem) clamp(.45rem,2vw,.6rem);font-size:clamp(.72rem,2.8vw,.88rem)}body.mobile-mode .main-menu .controls-mobile{gap:clamp(.35rem,1.8vw,.55rem);margin:0;max-width:none}body.mobile-mode .main-menu .control-item{min-width:0;padding:clamp(.32rem,1.4vh,.5rem) clamp(.5rem,2vw,.75rem);gap:clamp(.35rem,1.8vw,.6rem)}body.mobile-mode .main-menu .key{min-width:clamp(1.2rem,8vw,1.8rem);font-size:clamp(.58rem,2.2vw,.72rem)}body.mobile-mode .main-menu .control-label{font-size:clamp(.56rem,2.1vw,.72rem)}body.mobile-mode .main-menu .start-actions{margin-top:0;padding-top:0;display:flex;justify-content:center}body.mobile-mode .main-menu #start-btn{width:clamp(10rem,42vw,14rem);min-height:clamp(2.8rem,7vh,4rem);padding:clamp(.7rem,2vh,.95rem) clamp(1rem,4vw,1.4rem);font-size:clamp(.8rem,3vw,1rem);margin-top:0}}@media(max-width:768px)and (orientation:landscape){body.mobile-mode .main-menu{inset:max(.5rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}body.mobile-mode .main-menu-panel{width:min(100%,46rem);max-height:100%;padding:clamp(.65rem,1.8vw,.9rem) clamp(.8rem,2vw,1.15rem) clamp(.75rem,1.8vw,1rem);gap:clamp(.35rem,1vh,.55rem)}body.mobile-mode .main-menu .setup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.mobile-mode .main-menu .controls-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}body.mobile-mode .main-menu #start-btn{width:clamp(9rem,26vw,12rem);min-height:clamp(2.4rem,12vh,3.2rem)}}.modal.active{display:block;animation:fadeIn .3s ease-out}button{background:transparent;border:1px solid var(--neon-blue);color:var(--neon-blue);padding:.75rem 1.5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;margin-top:1rem;transition:all .2s;border-radius:.25rem}button:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 15px var(--neon-blue)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;font-weight:900;color:var(--neon-blue);text-shadow:0 0 30px var(--neon-blue);pointer-events:none;z-index:200;opacity:0;transition:all .2s}@media(max-width:768px){.countdown{font-size:4rem}}.countdown.active{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.car-customization{margin:1.5rem 0;padding:1rem;border:1px solid rgba(0,243,255,.2);border-radius:.5rem}.section-label{font-size:.8rem;margin-bottom:.5rem;color:var(--neon-blue)}@media(max-width:480px){.car-customization{margin:.75rem 0;padding:.5rem}}.color-options{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.color-opt{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;margin:0;transition:all .2s}@media(max-width:480px){.color-opt{width:2rem;height:2rem}}.color-opt:hover{transform:scale(1.1);box-shadow:0 0 10px currentColor}.color-opt.active{border-color:#fff;box-shadow:0 0 15px currentColor}.controls-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:.4rem;margin:1rem auto;max-width:420px;padding:.5rem}.controls-mobile{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem auto;max-width:300px}.mobile-action-buttons{display:none;position:absolute;left:0;right:0;bottom:max(.65rem,env(safe-area-inset-bottom));padding:0 max(.65rem,env(safe-area-inset-left));justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:160}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1rem;align-items:end}.setup-field{display:flex;flex-direction:column;gap:.35rem;text-align:left}.setup-field label{font-size:.8rem;color:var(--neon-blue)}.setup-field select{width:100%;min-width:0;background:#111;color:#fff;border:1px solid var(--neon-blue);padding:.45rem .55rem;border-radius:.3rem}.start-actions{margin-top:1.25rem;padding-top:.25rem}@media(max-width:480px){.controls-mobile{gap:.25rem}}.mobile-only,body.mobile-mode .desktop-only{display:none!important}body.mobile-mode .mobile-only{display:flex!important}body.mobile-mode .controls-mobile.mobile-only,body.mobile-mode .home-screen__section.mobile-only{display:grid!important}body.mobile-mode .mobile-action-buttons,body.mobile-mode .mobile-utility-buttons{display:flex!important}body.mobile-mode .mobile-dpad.mobile-only{display:block!important}.control-item{display:flex;align-items:center;gap:.75rem;background:#0003;padding:.4rem .8rem;border-radius:.25rem;border:1px solid rgba(0,243,255,.05);justify-content:flex-start}.mobile-dpad{display:none;position:absolute;left:max(.65rem,env(safe-area-inset-left));bottom:max(.65rem,env(safe-area-inset-bottom));width:clamp(7.6rem,30vw,9.6rem);height:clamp(7.6rem,30vw,9.6rem);pointer-events:all;touch-action:none;z-index:160}.mobile-dpad__surface{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,#00f3ff24,#05050585 70%),#05050561;border:1px solid rgba(0,243,255,.28);box-shadow:inset 0 0 20px #00f3ff14,0 0 18px #00f3ff1f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-dpad.active .mobile-dpad__surface{box-shadow:inset 0 0 24px #00f3ff24,0 0 24px #00f3ff2e}.mobile-dpad__cross{position:absolute;left:50%;top:50%;background:#00f3ff29;transform:translate(-50%,-50%);border-radius:999px}.mobile-dpad__cross--h{width:76%;height:1px}.mobile-dpad__cross--v{width:1px;height:76%}.mobile-dpad__thumb{position:absolute;left:50%;top:50%;width:34%;height:34%;border-radius:50%;background:#00f3ff2e;border:1px solid rgba(0,243,255,.65);box-shadow:0 0 12px #00f3ff47;transform:translate(-50%,-50%);transition:transform .04s linear}.mobile-dpad__label{position:absolute;font-size:clamp(.48rem,1.7vw,.6rem);font-weight:700;letter-spacing:.08em;color:#ffffffa3;pointer-events:none}.mobile-dpad__label--up{top:10%;left:50%;transform:translate(-50%)}.mobile-dpad__label--left{left:11%;top:50%;transform:translateY(-50%)}.mobile-dpad__label--right{right:9%;top:50%;transform:translateY(-50%)}.mobile-dpad__label--down{bottom:9%;left:50%;transform:translate(-50%)}.mobile-action-btn{width:clamp(3rem,13vw,4rem);height:clamp(3rem,13vw,4rem);margin-top:0;padding:0;border-radius:999px;background:#0505056b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:clamp(.56rem,2.3vw,.74rem);font-weight:700;letter-spacing:.08em;box-shadow:0 0 10px #00f3ff1f;touch-action:manipulation;pointer-events:all}.mobile-utility-buttons{display:none;position:absolute;bottom:calc(max(.65rem,env(safe-area-inset-bottom)) + clamp(3.4rem,15vw,4.4rem));right:max(.9rem,env(safe-area-inset-right));flex-direction:column;gap:.45rem;pointer-events:none;z-index:160}.mobile-utility-btn{width:clamp(2.35rem,10vw,2.9rem);height:clamp(2.35rem,10vw,2.9rem);margin-top:0;padding:0;border-radius:999px;background:#0505058c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:clamp(.7rem,2.4vw,.86rem);font-weight:800;letter-spacing:.08em;box-shadow:0 0 10px #00f3ff24;touch-action:manipulation;pointer-events:all}.mobile-action-btn:active,.mobile-action-btn.active{background:#00f3ff38;box-shadow:0 0 20px #00f3ff59}.mobile-brake-btn{border-color:#ff005abf;color:#ff6d8c}.mobile-boost-btn{border-color:#ffffffb3;color:#fff}.mobile-action-buttons{right:max(.9rem,env(safe-area-inset-right));left:auto;width:auto;padding:0;justify-content:flex-end}.control-item.full{grid-column:span 2}.control-keys{display:flex;gap:.15rem;align-items:center}.key{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .4rem;background:#00f3ff1a;border:1px solid var(--neon-blue);color:var(--neon-blue);border-radius:.2rem;font-size:.7rem;font-family:Courier New,Courier,monospace;font-weight:700;box-shadow:0 0 5px #00f3ff33;min-width:1.5rem;text-align:center;flex-shrink:0}.key-sep{font-size:.7rem;opacity:.5;margin:0 .15rem}.control-label{font-size:.7rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em;color:#fff}.settings-panel{display:flex;gap:.5rem;pointer-events:all;z-index:150;flex-wrap:wrap;justify-content:center}@media(max-width:480px){.settings-panel{gap:.25rem}}.icon-btn{width:2.5rem;height:2.5rem;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:1rem;background:#00000080}@media(max-width:480px){.icon-btn{width:2rem;height:2rem;font-size:.8rem}.mobile-utility-btn{width:clamp(2.1rem,12vw,2.55rem);height:clamp(2.1rem,12vw,2.55rem);font-size:clamp(.64rem,2.6vw,.76rem)}}.icon-btn.off{opacity:.5;border-color:#555;color:#555}@media(max-width:768px){.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}@media(max-width:480px){.setup-grid{grid-template-columns:1fr;gap:.6rem}.setup-field label,.section-label{font-size:.75rem}.start-actions{margin-top:1rem}.mobile-action-buttons{padding:0 max(.5rem,env(safe-area-inset-left))}.mobile-dpad{width:clamp(6.7rem,34vw,8rem);height:clamp(6.7rem,34vw,8rem)}.mobile-action-btn{width:clamp(2.9rem,16vw,3.4rem);height:clamp(2.9rem,16vw,3.4rem)}}@media(max-width:768px)and (orientation:landscape){.mobile-dpad{left:max(.45rem,env(safe-area-inset-left));bottom:max(.45rem,env(safe-area-inset-bottom));width:clamp(5.8rem,18vw,7.2rem);height:clamp(5.8rem,18vw,7.2rem)}.mobile-utility-buttons{bottom:calc(max(.45rem,env(safe-area-inset-bottom)) + clamp(3.1rem,10vw,3.8rem));right:max(.55rem,env(safe-area-inset-right))}.mobile-action-buttons{bottom:max(.45rem,env(safe-area-inset-bottom));right:max(.55rem,env(safe-area-inset-right));width:auto}.mobile-action-btn{width:clamp(2.7rem,8vw,3.2rem);height:clamp(2.7rem,8vw,3.2rem);font-size:clamp(.5rem,1.6vw,.64rem)}.mobile-dpad__label{font-size:clamp(.42rem,1.2vw,.52rem)}.mobile-utility-btn{width:clamp(2rem,7vw,2.4rem);height:clamp(2rem,7vw,2.4rem);font-size:clamp(.58rem,1.5vw,.72rem)}}.mobile-race-controls{display:none}body.mobile-mode .mobile-race-controls{display:grid!important;position:absolute;left:max(.65rem,env(safe-area-inset-left));right:max(.65rem,env(safe-area-inset-right));bottom:max(.65rem,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto;align-items:end;gap:clamp(.45rem,2.4vmin,.8rem);z-index:170;pointer-events:none}body.mobile-mode .mobile-race-controls__utility{position:static;grid-row:1;align-self:end;display:flex;flex-direction:row;gap:.45rem;pointer-events:none}body.mobile-mode .mobile-race-controls__utility--left{grid-column:1;justify-self:start}body.mobile-mode .mobile-race-controls__utility--right{grid-column:3;justify-self:end}body.mobile-mode .mobile-steer-buttons{position:static;grid-column:1;grid-row:2;justify-self:start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:clamp(.45rem,2.4vmin,.8rem);width:min(100%,clamp(8rem,38vmin,13rem));pointer-events:none}body.mobile-mode .mobile-action-buttons{position:static;grid-column:3;grid-row:2;justify-self:end;left:auto;width:min(100%,clamp(8rem,38vmin,12.2rem));padding:0;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:flex-end;gap:clamp(.45rem,2.4vmin,.8rem);pointer-events:none}.mobile-steer-btn,.mobile-action-btn,.mobile-utility-btn{touch-action:none;-webkit-tap-highlight-color:transparent}.mobile-steer-btn{width:100%;max-width:clamp(4rem,17vmin,6rem);justify-self:center;height:auto;aspect-ratio:1;margin:0;padding:0;display:grid;place-items:center;border-radius:999px;border-color:#00f3ffa3;background:#05050575;color:#fff;letter-spacing:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 16px #00f3ff24;pointer-events:all}.mobile-steer-icon{width:58%;height:58%;display:block;fill:none;stroke:currentColor;stroke-width:3.25;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(0,243,255,.35))}.mobile-steer-icon--left{transform:translate(-.16rem)}.mobile-steer-icon--right{transform:translate(.16rem)}body.mobile-mode .mobile-action-btn{width:100%;justify-self:center;min-width:0;max-width:clamp(4rem,17vmin,5.7rem);height:auto;aspect-ratio:1;font-size:clamp(.58rem,2.4vmin,.78rem);pointer-events:all}body.mobile-mode .mobile-utility-btn{width:clamp(2.35rem,8.5vmin,3rem);height:clamp(2.35rem,8.5vmin,3rem);pointer-events:all}.mobile-toggle-btn{font-size:clamp(.46rem,1.65vmin,.62rem);letter-spacing:0;line-height:1}.mobile-toggle-btn.active{background:#39ff142e;border-color:#39ff14c7;color:var(--neon-green);box-shadow:0 0 16px #39ff1438}.mobile-steer-btn:active,.mobile-steer-btn.active{background:#00f3ff3d;box-shadow:0 0 22px #00f3ff57}@media(max-width:768px)and (orientation:landscape){body.mobile-mode .mobile-race-controls{left:max(.5rem,env(safe-area-inset-left));right:max(.5rem,env(safe-area-inset-right));bottom:max(.45rem,env(safe-area-inset-bottom))}body.mobile-mode .mobile-steer-buttons{width:clamp(8rem,29vmin,10rem)}.mobile-steer-btn,body.mobile-mode .mobile-action-btn{max-width:clamp(3.5rem,15vmin,4.7rem)}}@media(orientation:landscape){body.mobile-mode .mobile-race-controls{--landscape-control-size: clamp(3.15rem, 14.5vmin, 4.25rem);--landscape-utility-size: clamp(2rem, 8.8vmin, 2.45rem);left:max(.55rem,env(safe-area-inset-left));right:max(.55rem,env(safe-area-inset-right));bottom:max(.5rem,env(safe-area-inset-bottom));grid-template-columns:minmax(8rem,1fr) auto minmax(8rem,1fr);gap:clamp(.5rem,2vmin,.85rem)}body.mobile-mode .mobile-steer-buttons,body.mobile-mode .mobile-action-buttons{width:calc((var(--landscape-control-size) * 2) + clamp(.4rem,1.6vmin,.65rem));gap:clamp(.4rem,1.6vmin,.65rem)}body.mobile-mode .mobile-steer-buttons{justify-self:start}body.mobile-mode .mobile-action-buttons{justify-self:end}body.mobile-mode .mobile-race-controls__utility{align-self:end;gap:clamp(.35rem,1.4vmin,.55rem);padding-bottom:0}body.mobile-mode .mobile-steer-btn,body.mobile-mode .mobile-action-btn{width:var(--landscape-control-size);max-width:var(--landscape-control-size)}body.mobile-mode .mobile-utility-btn{width:var(--landscape-utility-size);height:var(--landscape-utility-size);font-size:clamp(.58rem,2vmin,.72rem)}body.mobile-mode .mobile-action-btn{font-size:clamp(.5rem,1.9vmin,.66rem)}}.hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:space-between;z-index:150}.hud.hud-hidden{opacity:0;visibility:hidden}@media(max-width:768px){.hud{padding:max(.35rem,env(safe-area-inset-top)) max(.35rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left))}}@media(hover:none)and (pointer:coarse){.hud{padding-bottom:max(5rem,calc(env(safe-area-inset-bottom) + 4.25rem))}}.hud-top{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;align-items:stretch}@media(max-width:768px){.hud-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}}.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:.75rem}@media(max-width:768px){.hud-bottom{align-items:flex-end;gap:.35rem;flex-wrap:wrap}}.hud-left-stack{display:flex;flex-direction:column;gap:.5rem;flex:0 0 auto}@media(max-width:768px){.hud-left-stack{flex-direction:row;gap:.35rem;flex-wrap:wrap}}.stat-box{background:var(--bg-card);border:1px solid rgba(0,243,255,.3);padding:.75rem 1rem;border-radius:.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:0;min-height:84px;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:768px){.stat-box{padding:.35rem .45rem;min-height:50px;border-radius:.35rem}}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--neon-blue);opacity:.8;margin-bottom:.25rem}@media(max-width:768px){.stat-label{font-size:.45rem;margin-bottom:.05rem;letter-spacing:.06em}}.stat-value{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:1.25rem;font-weight:600;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}@media(max-width:768px){.stat-value{font-size:.74rem}}.mini-map{width:150px;height:150px;background:#00000080;border:1px solid var(--neon-blue);border-radius:.5rem;position:relative;overflow:hidden;flex-shrink:0}@media(max-width:768px){.mini-map{width:60px;height:60px}}@media(max-width:480px){.hud-top .stat-box:nth-child(2){display:none}.hud-top{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.stat-box{padding:.28rem .36rem;min-height:44px}.stat-label{font-size:.4rem;letter-spacing:.05em}.stat-value{font-size:.66rem}.mini-map{width:52px;height:52px;border-radius:.35rem}}@media(max-height:900px){.mini-map{width:120px;height:120px}}@media(max-height:760px){.hud{gap:.5rem}.hud-top,.hud-bottom{gap:.4rem}.stat-box{min-height:44px;padding:.28rem .4rem}.stat-value{font-size:.66rem}.stat-label{font-size:.4rem;margin-bottom:.05rem}.lap-counter{font-size:.8rem}.speed-value{font-size:.92rem}.speed-unit{font-size:.46rem}.mini-map{width:52px;height:52px}.boost-meter{min-height:44px}.boost-bar-container{height:7px}.icon-btn{width:1.65rem;height:1.65rem;font-size:.62rem}}@media(max-width:430px)and (max-height:950px){.hud-top{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-bottom{align-items:flex-end}}body.mobile-mode .hud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto 1fr;align-content:start;justify-content:stretch;gap:.38rem .65rem;padding:max(.65rem,env(safe-area-inset-top)) max(.7rem,env(safe-area-inset-right)) max(5.4rem,calc(env(safe-area-inset-bottom) + 4.6rem)) max(.7rem,env(safe-area-inset-left))}body.mobile-mode .hud-top,body.mobile-mode .hud-bottom{display:contents}body.mobile-mode .hud-top .stat-box,body.mobile-mode .hud-left-stack .stat-box,body.mobile-mode .hud-right-stack{display:none}body.mobile-mode .hud-top .stat-box:first-child,body.mobile-mode .hud-top .speedometer,body.mobile-mode .hud-left-stack .stat-box:last-child,body.mobile-mode .hud-top .boost-meter{display:flex;width:100%;justify-self:stretch;background:#0505058f;border:1px solid rgba(0,243,255,.22);border-radius:.45rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 14px #00f3ff14;min-height:clamp(3.25rem,11vw,4.15rem);min-width:0;padding:clamp(.42rem,1.7vw,.62rem) clamp(.5rem,2vw,.75rem);align-self:start}body.mobile-mode .hud-top .stat-box:first-child{grid-column:1;grid-row:1;align-items:flex-start;text-align:left}body.mobile-mode .hud-left-stack .stat-box:last-child{grid-column:1;grid-row:2;align-items:flex-start;text-align:left}body.mobile-mode .hud-top .speedometer{grid-column:2;grid-row:1;align-items:flex-end;text-align:right;min-width:0;max-width:none}body.mobile-mode .hud-top .boost-meter{grid-column:2;grid-row:2;align-self:start;min-width:0;max-width:none;gap:.18rem}body.mobile-mode .hud-top .boost-meter .stat-label{text-align:right}body.mobile-mode .hud-top .boost-meter .boost-bar-container{height:.42rem;background:#ffffff1f;border-radius:999px;overflow:hidden}body.mobile-mode .stat-label{font-size:clamp(.58rem,2.35vw,.72rem);letter-spacing:.07em;margin-bottom:.12rem;opacity:.82}body.mobile-mode .stat-value{font-size:clamp(1.02rem,4vw,1.38rem);text-shadow:none}body.mobile-mode .speedometer .stat-value{font-size:clamp(1.32rem,5.4vw,1.9rem)}body.mobile-mode .speed-unit{font-size:clamp(.56rem,2.25vw,.72rem)}body.mobile-mode .lap-counter{font-size:clamp(1.05rem,4vw,1.38rem);text-shadow:none}body.mobile-mode .wrong-way-warning{font-size:clamp(1rem,5vw,1.5rem)}@media(max-width:768px)and (orientation:landscape){body.mobile-mode .hud{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:.24rem .5rem;padding-bottom:max(4.6rem,calc(env(safe-area-inset-bottom) + 4rem))}body.mobile-mode .hud-top .boost-meter{width:min(38vw,8.5rem)}body.mobile-mode .stat-label{font-size:clamp(.48rem,1.55vw,.62rem)}body.mobile-mode .stat-value{font-size:clamp(.86rem,2.4vw,1.12rem)}body.mobile-mode .speedometer .stat-value{font-size:clamp(1.05rem,3.4vw,1.45rem)}}@media(orientation:landscape){body.mobile-mode .hud{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto 1fr;align-items:start;gap:clamp(.35rem,1.4vmin,.6rem);padding:max(.42rem,env(safe-area-inset-top)) max(.65rem,env(safe-area-inset-right)) max(4.15rem,calc(env(safe-area-inset-bottom) + 3.6rem)) max(.65rem,env(safe-area-inset-left))}body.mobile-mode .hud-top .stat-box:first-child,body.mobile-mode .hud-left-stack .stat-box:last-child,body.mobile-mode .hud-top .speedometer,body.mobile-mode .hud-top .boost-meter{width:100%;justify-self:stretch;min-height:clamp(2.35rem,9.6vmin,3rem);padding:clamp(.3rem,1.25vmin,.45rem) clamp(.45rem,1.7vmin,.65rem)}body.mobile-mode .hud-top .stat-box:first-child{grid-column:1;grid-row:1}body.mobile-mode .hud-left-stack .stat-box:last-child{grid-column:2;grid-row:1}body.mobile-mode .hud-top .speedometer{grid-column:3;grid-row:1;min-width:0;max-width:none;align-items:flex-start;text-align:left}body.mobile-mode .hud-top .boost-meter{grid-column:4;grid-row:1;min-width:0;max-width:none}body.mobile-mode .stat-label{font-size:clamp(.52rem,1.85vmin,.66rem);margin-bottom:.06rem}body.mobile-mode .stat-value,body.mobile-mode .lap-counter{font-size:clamp(.95rem,3.35vmin,1.18rem)}body.mobile-mode .speedometer .stat-value{font-size:clamp(1.08rem,3.95vmin,1.45rem)}body.mobile-mode .speed-unit{font-size:clamp(.48rem,1.8vmin,.62rem)}body.mobile-mode .hud-top .boost-meter .boost-bar-container{height:clamp(.38rem,1.45vmin,.5rem)}}.mini-map canvas{width:100%;height:100%;background:transparent;box-shadow:none}.speedometer{text-align:right}@media(max-width:768px){.speedometer{text-align:center}}.speed-value{font-size:2rem;color:var(--neon-pink);text-shadow:0 0 15px var(--neon-pink)}@media(max-width:768px){.speed-value{font-size:.95rem}}.speed-unit{font-size:.8rem;opacity:.6}@media(max-width:768px){.speed-unit{font-size:.48rem}}.boost-meter{min-height:84px}@media(max-width:768px){.boost-meter{min-height:50px}}.boost-bar-container{width:100%;height:12px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-top:.35rem;align-self:stretch}@media(max-width:768px){.boost-bar-container{height:8px;margin-top:.2rem}}.boost-bar{height:100%;width:100%;background:linear-gradient(90deg,var(--neon-blue),#fff);box-shadow:0 0 10px var(--neon-blue);transition:width .1s linear}.lap-counter{font-size:1.5rem;color:var(--neon-green);text-shadow:0 0 10px var(--neon-green)}.hud-right-stack{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:0 0 auto}@media(max-width:768px){.lap-counter{font-size:.88rem}.hud-right-stack{gap:.35rem}}.wrong-way-warning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:900;color:#f009;text-shadow:0 0 10px rgba(255,0,0,.4);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:100;text-transform:uppercase;letter-spacing:.2em;animation:pulse-red 1.5s infinite;display:none}@media(max-width:768px){.wrong-way-warning{font-size:1.5rem}}.leaderboard{margin:1rem 0;text-align:left;background:#0000004d;padding:1rem;border-radius:.5rem;border:1px solid rgba(0,243,255,.2)}@media(max-width:768px){.leaderboard{padding:.5rem;margin:.5rem 0}.leaderboard h3{font-size:.6rem}.leaderboard ul{font-size:.75rem}}.leaderboard h3{font-size:.8rem;text-transform:uppercase;color:var(--neon-blue);margin-bottom:.5rem}.leaderboard ul{list-style:none;font-family:monospace;font-size:.9rem}.leaderboard li{padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.wrong-way-warning.active{display:block;opacity:1}@keyframes pulse-red{0%{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.6}to{transform:translate(-50%,-50%) scale(1);opacity:.4}}@keyframes drift-smoke{0%{transform:scale(.5);opacity:.8}to{transform:scale(2);opacity:0}}.drift-particle{position:absolute;width:10px;height:10px;background:#ffffff4d;border-radius:50%;pointer-events:none;animation:drift-smoke .5s ease-out forwards}@keyframes neon-pulse{0%,to{opacity:.8;box-shadow:0 0 10px var(--neon-blue)}50%{opacity:1;box-shadow:0 0 25px var(--neon-blue)}}.pulse{animation:neon-pulse 2s infinite ease-in-out}@keyframes speed-blur{0%{filter:blur(0px)}to{filter:blur(2px)}}.high-speed{animation:speed-blur .1s infinite alternate}@keyframes lap-complete{0%{transform:scale(1);color:var(--neon-green)}50%{transform:scale(1.5);color:#fff;text-shadow:0 0 20px var(--neon-green)}to{transform:scale(1);color:var(--neon-green)}}.lap-anim{animation:lap-complete .8s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-2px,-2px)}}.shake{animation:shake .2s ease-in-out}