:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #f5fbf8;--muted: #9ab1ad;--panel: rgba(8, 25, 25, .92);--line: rgba(198, 241, 229, .15);--mint: #70f6c9;--mint-deep: #1cb68b;--night: #071718;--danger: #ff7187}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:var(--night);color:var(--ink)}button,input,select{font:inherit}button{color:inherit}button,select{cursor:pointer}input{-webkit-user-select:text;user-select:text}.hidden{display:none!important}.app-shell{position:relative;width:100%;height:100%;min-height:670px;overflow:auto;background:#030e0f;isolation:isolate}.app-shell:after{content:"";position:absolute;inset:0;z-index:-2;background:url(../hero-bg.webp) center 40% / cover no-repeat;transform:scaleX(-1)}.app-shell:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.025) 25%),linear-gradient(270deg,#030e0ff5,#041112d1 30%,#040f1000 62%),linear-gradient(90deg,#030e0fc7,#030e0f52 22%,#030e0f00 42%),linear-gradient(0deg,rgba(4,14,15,.92) 0%,transparent 46%),linear-gradient(180deg,#0513144d,#05131480)}.mountain-glow{position:absolute;z-index:-1;top:12%;right:16%;width:32rem;height:32rem;border-radius:50%;background:#70f6c91f;filter:blur(80px)}.top-nav{display:flex;align-items:center;justify-content:space-between;width:min(1480px,calc(100% - 96px));height:92px;margin:0 auto;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{display:grid;width:42px;height:42px;place-items:center;color:var(--night);font-size:1.45rem;font-weight:1000;letter-spacing:-.08em;background:var(--mint);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.brand>span:last-child{display:grid;line-height:.88}.brand strong{font-size:1.35rem;font-weight:1000;letter-spacing:.05em}.brand small{margin-top:5px;color:var(--mint);font-size:.62rem;font-weight:900;letter-spacing:.42em}.nav-meta{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.16em}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}.beta-badge{padding:7px 10px;border:1px solid var(--line);color:var(--ink)}.menu-layout{display:grid;grid-template-columns:minmax(420px,1fr) 540px;gap:clamp(48px,8vw,140px);align-items:center;width:min(1340px,calc(100% - 96px));min-height:calc(100vh - 186px);margin:0 auto;padding:48px 0 80px}.hero-copy{position:relative;max-width:690px}.hero-copy:before{content:"";position:absolute;z-index:-1;inset:-70px -120px -40px -70px;background:radial-gradient(120% 105% at 10% 30%,#030e0feb,#030e0fb3 34%,#030e0f47 58%,#030e0f00 78%)}.eyebrow,.section-kicker,.field-label,.environment-fieldset legend,.track-label{margin:0;color:var(--mint);font-size:.66rem;font-weight:900;letter-spacing:.24em}.eyebrow{display:flex;gap:16px;align-items:center}.eyebrow:before{content:"";width:38px;height:2px;background:var(--mint)}.hero-copy h1{margin:22px 0 20px;font-size:clamp(4.4rem,6.8vw,7.5rem);font-weight:1000;line-height:.81;letter-spacing:-.075em;text-transform:uppercase;text-shadow:0 10px 50px rgba(0,0,0,.42)}.hero-copy h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(223,255,246,.7)}.hero-description{max-width:540px;margin:0;color:#c6d4d1;font-size:1rem;line-height:1.7}.feature-row{display:flex;gap:36px;margin-top:32px}.feature-row span{display:flex;gap:8px;align-items:baseline;color:var(--muted);font-size:.66rem;font-weight:900;letter-spacing:.13em}.feature-row b{color:var(--ink);font-size:1.45rem;letter-spacing:-.05em}.race-console{width:100%;border:1px solid var(--line);background:linear-gradient(145deg,#102a29b8,#051415c7);box-shadow:0 28px 80px #0000006b;backdrop-filter:blur(22px) saturate(120%)}.console-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px}.console-head h2{margin:5px 0 0;font-size:1.3rem;letter-spacing:-.03em}.connection-pill{padding:7px 10px;border:1px solid rgba(112,246,201,.25);color:var(--mint);font-size:.58rem;font-weight:900;letter-spacing:.16em}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mode-tab{position:relative;padding:18px;border:0;background:#ffffff04;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.12em}.mode-tab+.mode-tab{border-left:1px solid var(--line)}.mode-tab span{margin-right:8px;color:#ffffff4d}.mode-tab.active{color:var(--ink);background:#70f6c912}.mode-tab.active:after{content:"";position:absolute;right:20px;bottom:-1px;left:20px;height:2px;background:var(--mint)}.console-panel{padding:24px 28px 28px}.field-label,.environment-fieldset legend{display:block;margin-bottom:9px;color:#8ba6a0}.select-wrap{position:relative}.select-wrap select,.text-input{width:100%;height:50px;padding:0 44px 0 14px;border:1px solid var(--line);border-radius:0;outline:none;background:#010c0dad;color:var(--ink);font-size:.78rem;font-weight:800}.select-wrap select{appearance:none}.select-wrap>span{position:absolute;top:11px;right:16px;color:var(--mint);font-size:1.2rem;pointer-events:none}.select-wrap select:focus,.text-input:focus{border-color:#70f6c9bf;box-shadow:0 0 0 3px #70f6c914}.track-card{display:grid;grid-template-columns:106px 1fr;gap:16px;align-items:center;margin:12px 0 20px;padding:10px;border:1px solid var(--line);background:#ffffff06}.track-thumbnail{position:relative;height:68px;overflow:hidden;background:linear-gradient(150deg,transparent 45%,rgba(112,246,201,.32) 46%,rgba(112,246,201,.06) 72%),#0b2728}.track-thumbnail span{position:absolute;top:8px;left:9px;color:#ffffffa6;font-size:.65rem;font-weight:900}.track-thumbnail i{position:absolute;right:-12px;bottom:-15px;width:82px;height:52px;transform:rotate(-24deg);border:1px solid rgba(112,246,201,.25)}.track-thumbnail i:nth-of-type(2){right:8px;bottom:-25px}.track-thumbnail i:nth-of-type(3){right:30px;bottom:-35px}.track-card strong{display:block;margin-top:3px;font-size:1rem}.track-card p{margin:4px 0 0;color:var(--muted);font-size:.7rem}.track-label{color:var(--mint);font-size:.53rem}.environment-fieldset{margin:0 0 20px;padding:0;border:0}.weather-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.weather-button{display:flex;gap:9px;align-items:center;justify-content:center;height:42px;border:1px solid var(--line);background:#ffffff05;color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.08em}.weather-button.active{border-color:#70f6c98c;background:#70f6c91a;color:var(--ink)}.weather-icon{position:relative;display:inline-block;width:14px;height:14px}.sunny-icon{border:2px solid var(--mint);border-radius:50%;box-shadow:0 0 8px #70f6c98c}.cloudy-icon:before,.cloudy-icon:after{content:"";position:absolute;border:2px solid currentColor;border-radius:50%}.cloudy-icon:before{width:9px;height:6px;bottom:1px;left:0;border-radius:8px}.cloudy-icon:after{width:6px;height:6px;top:1px;right:0;background:#113232}.night-icon{border:2px solid currentColor;border-top-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-25deg)}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:space-between;width:100%;height:54px;padding:0 18px;border:0;font-size:.72rem;font-weight:1000;letter-spacing:.14em}.primary-button{background:var(--mint);color:#061817;box-shadow:0 12px 30px #1cb68b24}.primary-button:hover:not(:disabled){background:#a2ffdf}.primary-button b{font-size:1.2rem}.primary-button:disabled{cursor:not-allowed;opacity:.35}.secondary-button{justify-content:center;border:1px solid rgba(112,246,201,.38);background:#70f6c914;color:var(--mint)}.text-input{margin-bottom:14px;padding-right:14px}.or-divider{display:flex;gap:12px;align-items:center;margin:18px 0 12px;color:#718985;font-size:.54rem;font-weight:900;letter-spacing:.18em}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--line)}.join-row{display:grid;grid-template-columns:1fr 118px;gap:8px}.join-row .text-input{margin:0}.join-row .secondary-button{height:50px}.code-input{text-align:center;font-size:1rem;letter-spacing:.26em;text-transform:uppercase}.status-line{min-height:18px;margin:12px 0 0;color:var(--muted);font-size:.66rem;line-height:1.45}.status-line.error{color:var(--danger)}.room-code-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.58rem;font-weight:900;letter-spacing:.18em}.room-code-button{display:flex;gap:10px;align-items:center;padding:0;border:0;background:transparent}.room-code-button b{color:var(--mint);font-size:1.05rem;letter-spacing:.22em}.room-code-button small{padding:5px 7px;border:1px solid var(--line);color:var(--muted);font-size:.48rem;letter-spacing:.1em}.room-players{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.room-player{display:flex;gap:10px;align-items:center;min-height:50px;padding:9px 10px;border:1px solid var(--line);background:#ffffff05}.room-player.empty{border-style:dashed;color:#60736f}.player-avatar{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:var(--player-color, #314846);color:#061817;font-size:.68rem;font-weight:1000}.room-player>div{min-width:0}.room-player strong{display:block;overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.room-player small{color:var(--muted);font-size:.52rem;letter-spacing:.08em}.room-player small.ready{color:var(--mint)}.room-panel>.secondary-button{margin-bottom:8px}.online-race-settings{margin:0 0 14px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.online-settings-row{display:grid;grid-template-columns:1.65fr 1fr;gap:8px}.online-settings-row select{height:42px;font-size:.67rem}.online-settings-row .select-wrap>span{top:7px}.text-button{display:block;margin:14px auto 0;padding:4px 8px;border:0;background:transparent;color:var(--muted);font-size:.67rem;text-decoration:underline;text-underline-offset:3px}.menu-footer{position:absolute;right:48px;bottom:24px;left:48px;display:flex;gap:28px;align-items:center;pointer-events:none}.menu-footer>div{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.55rem;font-weight:900;letter-spacing:.12em}kbd{min-width:28px;padding:5px 6px;border:1px solid var(--line);background:#0514148c;color:var(--ink);font:800 .58rem/1 system-ui;text-align:center;box-shadow:0 2px #ffffff1f}.menu-footer p{margin:0 0 0 auto;color:#667b77;font-size:.52rem;font-weight:800;letter-spacing:.12em}.game,.loading-screen,.modal-overlay{position:fixed;inset:0}.game{background:#071718;touch-action:none;overscroll-behavior:none}.game:after{content:"";position:absolute;z-index:3;inset:-20%;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 55%,transparent 30%,rgba(2,10,12,.46) 76%,rgba(2,10,12,.74) 100%),repeating-conic-gradient(from 90deg at 50% 55%,transparent 0deg 5deg,rgba(232,248,255,.13) 5.4deg 6deg);-webkit-mask-image:radial-gradient(circle at 50% 55%,transparent 26%,#000 66%);mask-image:radial-gradient(circle at 50% 55%,transparent 26%,#000 66%);transform:scale(.82);transition:opacity .18s ease,transform .26s ease}.game.rushing:after{opacity:1;transform:scale(1.14)}#game-canvas,#game-touch-stick-canvas{position:absolute;display:block;width:100%;height:100%}#game-touch-stick-canvas{z-index:4;pointer-events:none}.race-topbar{position:absolute;z-index:5;top:max(18px,env(safe-area-inset-top));right:24px;left:24px;display:grid;grid-template-columns:170px minmax(260px,460px) 170px;gap:16px;align-items:start;justify-content:space-between;pointer-events:none}.hud-card,.race-progress-card{border:1px solid rgba(255,255,255,.16);background:#051314b8;box-shadow:0 12px 35px #0003;backdrop-filter:blur(12px)}.hud-card{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 15px}.hud-card-label{color:#abc0bb;font-size:.5rem;font-weight:900;letter-spacing:.17em}.hud-card strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.hud-card small{margin-left:3px;color:var(--mint);font-size:.72rem}.hud-points{justify-self:end}.hud-points strong{display:flex;gap:8px;align-items:center}.hud-points img{width:24px;height:24px;object-fit:contain}.race-progress-card{width:100%;padding:12px 15px 14px}.race-progress-card>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px;font-size:.59rem;font-weight:900;letter-spacing:.13em}.race-progress-card b{color:var(--mint)}.race-progress-track{height:3px;overflow:hidden;background:#ffffff26}.race-progress-track i{display:block;width:0;height:100%;background:var(--mint);box-shadow:0 0 10px var(--mint);transition:width .15s linear}.race-position{position:absolute;z-index:5;top:100px;left:28px;display:flex;gap:7px;align-items:baseline;text-shadow:0 2px 12px rgba(0,0,0,.85)}.race-position strong{font-size:2.8rem;line-height:1}.race-position span{color:#ffffffbf;font-size:.58rem;font-weight:900;letter-spacing:.16em}.remote-racers{position:absolute;z-index:5;top:100px;right:28px;display:grid;gap:6px;width:190px}.checkbox-row{display:flex;gap:10px;align-items:flex-start;margin-top:12px;cursor:pointer}.checkbox-row input{width:16px;height:16px;margin-top:2px;flex:none;accent-color:var(--mint)}.checkbox-row span{display:grid;gap:2px}.checkbox-row strong{font-size:.68rem;font-weight:800}.checkbox-row small{color:var(--muted);font-size:.58rem}.lobby{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.lobby-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.58rem;font-weight:900;letter-spacing:.18em}.room-list{display:grid;gap:8px}.room-list:empty{display:none}.room-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.room-row>div{display:grid;gap:2px;flex:1 1 auto;min-width:0}.room-row strong,.room-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-row strong{font-size:.72rem;font-weight:800}.room-row small{color:var(--mint);font-size:.56rem;font-weight:800;letter-spacing:.1em}.room-row button{flex:0 0 auto;width:auto;height:38px;padding:0 16px;font-size:.58rem}.race-countdown{position:absolute;z-index:7;top:50%;left:50%;min-width:120px;transform:translate(-50%,-50%);color:#fff;font-size:clamp(4rem,9vw,8rem);font-weight:1000;line-height:1;text-align:center;text-shadow:0 5px 30px rgba(0,0,0,.65),0 0 35px rgba(112,246,201,.45)}.race-countdown.waiting{width:min(360px,80vw);color:var(--mint);font-size:.75rem;letter-spacing:.22em}.remote-racer{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;padding:7px 9px;background:#051314a6;color:#dce9e6;font-size:.62rem;font-weight:800;backdrop-filter:blur(8px)}.remote-racer i{width:7px;height:7px;border-radius:50%;background:var(--racer-color)}.remote-racer b{color:var(--mint);font-size:.58rem}#game-speed-wrapper{position:absolute;z-index:5;right:30px;bottom:22px;width:172px;height:172px;pointer-events:none}#game-speed-canvas{position:absolute;width:100%;height:100%}#game-speed-wrapper>div{position:absolute;inset:0;display:grid;align-content:center;justify-items:center}#game-speed-text{font-size:2.8rem;font-weight:1000;letter-spacing:-.06em;line-height:1;text-shadow:0 3px 12px rgba(0,0,0,.8)}#game-speed-wrapper small{margin-top:6px;color:var(--mint);font-size:.52rem;font-weight:900;letter-spacing:.18em}.nitro-meter{position:absolute;z-index:5;bottom:24px;left:50%;width:min(320px,36vw);padding:11px 14px 10px;transform:translate(-50%);border:1px solid rgba(255,255,255,.16);background:#051314b3;backdrop-filter:blur(10px);pointer-events:none}.nitro-meter>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;font-size:.55rem;font-weight:900;letter-spacing:.16em}.nitro-meter b{color:var(--mint)}.nitro-track{height:5px;overflow:hidden;background:#ffffff21}.nitro-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--mint-deep),#baffeb);box-shadow:0 0 12px var(--mint);transition:width .1s linear}.nitro-meter>small{display:block;margin-top:8px;color:var(--muted);font-size:.47rem;font-weight:800;letter-spacing:.12em;text-align:center}.nitro-meter kbd{padding:2px 4px;font-size:.42rem}.nitro-button{--nitro-level: 0deg;position:absolute;z-index:8;bottom:max(24px,env(safe-area-inset-bottom));left:22px;display:none;width:84px;height:84px;padding:0;touch-action:none;border:2px solid transparent;border-radius:50%;background:radial-gradient(circle,#70f6c940,#051314eb 68%) padding-box,conic-gradient(from -90deg,var(--mint) 0 var(--nitro-level),rgba(211,250,255,.18) var(--nitro-level) 360deg) border-box;box-shadow:0 0 0 7px #05131473,0 0 26px #70f6c92e;transition:transform .14s ease,opacity .18s ease,box-shadow .18s ease}.nitro-button span,.nitro-button small{display:block;pointer-events:none}.nitro-button span{color:var(--mint);font-size:1.2rem;font-weight:1000}.nitro-button small{margin-top:2px;color:#fff;font-size:.46rem;font-weight:900;letter-spacing:.13em}.nitro-button.pressed{transform:scale(.93);background:radial-gradient(circle,#caffee,var(--mint) 70%) padding-box,var(--mint) border-box;box-shadow:0 0 0 9px #70f6c92e,0 0 34px #70f6c96b}.nitro-button.empty{opacity:.48}.nitro-button.pressed span,.nitro-button.pressed small{color:var(--night)}.action-button{position:absolute;z-index:8;left:118px;display:none;padding:0;touch-action:none;border:2px solid rgba(213,250,255,.4);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(218,253,255,.18),transparent 30%),#051c24db;box-shadow:0 0 0 6px #0513146b,inset 0 1px #ffffff2e;transition:transform .14s ease,border-color .14s ease,background .14s ease}.action-button span,.action-button small{display:block;color:#fff;pointer-events:none}.action-button span{font-size:1.3rem;font-weight:900;line-height:1}.action-button small{margin-top:3px;color:var(--muted);font-size:.4rem;font-weight:900;letter-spacing:.12em}.action-button.pressed{transform:scale(.93);border-color:var(--ice-white);background:#9eeaff47}.jump-button{bottom:max(24px,env(safe-area-inset-bottom));width:72px;height:72px}.jump-button.airborne{border-color:#9eeaffb8;background:radial-gradient(circle at 50% 22%,rgba(200,248,255,.26),transparent 35%),#083848e6}.jump-button.airborne small{color:var(--ice-blue)}.respawn-button{bottom:calc(max(24px,env(safe-area-inset-bottom)) + 84px);width:54px;height:54px}.respawn-button span{font-size:1.05rem}.respawn-button small{font-size:.35rem}.steering-anchor{position:absolute;z-index:5;bottom:max(20px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));display:none;width:132px;height:132px;place-items:center;border:1px solid rgba(211,250,255,.28);border-radius:50%;background:radial-gradient(circle,rgba(3,25,33,.28) 0 38%,transparent 39%),conic-gradient(from 45deg,#70f6c91a,#9eeaff05,#70f6c91a);box-shadow:inset 0 0 28px #9eeaff14,0 0 0 7px #02111747;opacity:.72;pointer-events:none;transition:opacity .16s ease,transform .16s ease,border-color .16s ease}.steering-anchor.active{transform:scale(1.025);border-color:#70f6c994;opacity:1}.steering-anchor:before,.steering-anchor:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.steering-anchor:before{inset:21px;border:1px solid rgba(211,250,255,.22)}.steering-anchor:after{inset:51px;border:1px solid rgba(112,246,201,.48);background:#70f6c914;box-shadow:0 0 16px #70f6c929}.steering-anchor small{position:absolute;bottom:12px;color:#dafbffb8;font-size:.38rem;font-weight:900;letter-spacing:.17em}.steering-arrow{position:absolute;color:#d3faff8c;font-size:.8rem;line-height:1}.steering-arrow-up{top:12px}.steering-arrow-left{left:13px}.steering-arrow-right{right:13px}.respawn-flash{position:absolute;z-index:9;top:38%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:clamp(1rem,2.4vw,1.6rem);font-weight:1000;letter-spacing:.2em;text-shadow:0 4px 24px rgba(0,0,0,.75),0 0 28px rgba(112,246,201,.5);pointer-events:none;animation:respawn-flash 1.1s ease-out forwards}@keyframes respawn-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.86)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0}}.result-respawns{margin-top:-4px;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-align:center}.pause-button{position:absolute;z-index:6;right:30px;bottom:204px;width:34px;height:34px;border:1px solid rgba(255,255,255,.2);background:#0513149e;color:#fff;font-size:.72rem;backdrop-filter:blur(8px)}.loading-screen{z-index:20;display:grid;align-content:center;justify-items:center;background:radial-gradient(circle at 50% 42%,rgba(112,246,201,.15),transparent 26%),#061617;opacity:1;transition:opacity .35s ease}.loading-screen.faded-out{opacity:0;pointer-events:none}.loading-orbit{display:grid;width:140px;height:140px;place-items:center;border:1px solid rgba(112,246,201,.25);border-radius:50%;animation:pulse 1.6s ease-in-out infinite}.loading-orbit img{width:92px;height:92px;object-fit:contain}.loading-screen p{margin:26px 0 5px;font-size:.72rem;font-weight:1000;letter-spacing:.26em}.loading-screen>span{color:var(--muted);font-size:.67rem}.modal-overlay{z-index:30;display:grid;place-items:center;background:#020b0cbf;backdrop-filter:blur(12px)}.modal-card{width:min(410px,calc(100% - 32px));padding:34px;border:1px solid var(--line);background:#0a2323;box-shadow:0 30px 80px #00000073;text-align:center}.modal-card h2{margin:8px 0 28px;font-size:2rem;letter-spacing:-.05em}.result-time{display:grid;margin-bottom:24px;padding:22px;border:1px solid var(--line);background:#00000029}.result-time span{color:var(--muted);font-size:.55rem;font-weight:900;letter-spacing:.2em}.result-time strong{margin-top:4px;color:var(--mint);font-size:2.2rem;font-variant-numeric:tabular-nums}.result-standings{display:grid;gap:6px;margin:-10px 0 20px;text-align:left}.standing-row{display:grid;grid-template-columns:28px 10px 1fr auto;gap:8px;align-items:center;min-height:38px;padding:0 10px;border:1px solid var(--line);background:#0000001f;font-size:.66rem}.standing-row.local{border-color:#70f6c973}.standing-row>b:first-child{font-size:.85rem}.standing-row i{width:7px;height:7px;border-radius:50%;background:var(--standing-color)}.standing-row small{color:var(--muted);font-size:.56rem}.standing-row small.finished{color:var(--mint);font-variant-numeric:tabular-nums}.leaderboard-open-button,.result-leaderboard-button{margin-top:10px;letter-spacing:.1em}.result-leaderboard-summary{margin:-12px 0 20px;color:var(--mint);font-size:.58rem;font-weight:900;line-height:1.55;letter-spacing:.08em;text-align:center}.result-leaderboard-summary.error{color:#ff9ba9}.leaderboard-overlay{z-index:40;padding:16px}.leaderboard-card{display:grid;width:min(650px,100%);max-height:min(820px,calc(100dvh - 32px));padding:30px;text-align:left}.leaderboard-card h2{margin:5px 0 18px;padding-right:42px;font-size:clamp(1.55rem,4vw,2.25rem)}.leaderboard-close{position:absolute;z-index:2;top:20px;right:20px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(211,250,255,.2);border-radius:10px 2px;background:#000c126b;color:var(--ink);font-size:1.35rem}.leaderboard-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px;border:1px solid rgba(211,250,255,.16);border-radius:10px 2px;overflow:hidden}.leaderboard-tabs button{min-height:42px;border:0;background:#000c1252;color:var(--muted);font-size:.62rem;font-weight:1000;letter-spacing:.12em}.leaderboard-tabs button+button{border-left:1px solid rgba(211,250,255,.16)}.leaderboard-tabs button.active{background:linear-gradient(135deg,#70f6c92e,#6cc9dc14);color:var(--mint);box-shadow:inset 0 -2px var(--mint)}.leaderboard-status{margin:24px 0;color:var(--muted);font-size:.65rem;font-weight:800;text-align:center}.leaderboard-status.error{color:#ff9ba9}.leaderboard-list{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:rgba(112,246,201,.5) rgba(0,0,0,.2)}.leaderboard-row{display:grid;grid-template-columns:42px minmax(0,1fr) 76px 94px;gap:10px;align-items:center;min-height:44px;padding:0 12px;border:1px solid rgba(211,250,255,.12);border-bottom:0;background:#000c1247}.leaderboard-row:last-child{border-bottom:1px solid rgba(211,250,255,.12)}.leaderboard-row:nth-child(-n+3){border-color:#70f6c942;background:linear-gradient(90deg,#70f6c91a,#000c123d)}.leaderboard-row b{color:var(--mint);font-size:.83rem}.leaderboard-row span{overflow:hidden;font-size:.72rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row small{color:var(--muted);font-size:.5rem;font-weight:800;letter-spacing:.06em;text-align:right}.leaderboard-row strong{color:#dffcff;font-size:.75rem;font-variant-numeric:tabular-nums;text-align:right}.leaderboard-privacy{margin:14px 0 0;color:#78938f;font-size:.51rem;line-height:1.5;text-align:center}:root{--ice-white: #eaffff;--ice-blue: #9eeaff;--ice-deep: #0c4352;--ice-border: rgba(211, 250, 255, .5);--ice-shadow: rgba(1, 16, 24, .58);--snow-spark: rgba(255, 255, 255, .72)}.race-console{position:relative;overflow:hidden;border:1px solid transparent;border-radius:26px 7px;background:radial-gradient(circle at 88% 4%,rgba(158,234,255,.18),transparent 28%) padding-box,radial-gradient(circle at 14% 88%,rgba(112,246,201,.1),transparent 30%) padding-box,linear-gradient(145deg,#0e303ad1,#03131be6) padding-box,linear-gradient(135deg,#efffffe6,#7adef42e 28%,#70f6c980 62%,#efffff9e) border-box;box-shadow:0 34px 90px #0000007a,0 0 45px #66e1f114,inset 0 1px #ffffff5c,inset 0 0 42px #67dcec12;backdrop-filter:blur(28px) saturate(135%)}.race-console:before{content:"";position:absolute;z-index:2;top:-2px;right:-8px;left:-8px;height:13px;pointer-events:none;background:radial-gradient(ellipse at 12px 1px,#f7ffff 0 7px,transparent 7.7px) 0 0 / 34px 13px repeat-x,linear-gradient(180deg,#f5ffff,#bff2fa8c);filter:drop-shadow(0 4px 7px rgba(117,229,244,.24))}.race-console:after{content:"";position:absolute;z-index:0;inset:7px;border:1px solid rgba(220,252,255,.08);border-radius:20px 4px;pointer-events:none}.race-console>*{position:relative;z-index:1}.console-head{padding-top:30px;background:linear-gradient(180deg,#d2f8ff12,#04161d00)}.console-head h2{color:var(--ice-white);text-shadow:0 0 24px rgba(158,234,255,.18)}.connection-pill,.beta-badge{border:1px solid rgba(204,249,255,.34);border-radius:8px 2px;background:linear-gradient(145deg,#cbf7ff1f,#041e265c);box-shadow:inset 0 1px #ffffff29,0 0 18px #70f6c914}.mode-switch{gap:5px;margin:0 18px;padding:5px;border:1px solid rgba(203,247,255,.14);border-radius:13px 4px;background:#01101780;box-shadow:inset 0 2px 10px #00000047}.mode-tab,.mode-tab+.mode-tab{overflow:hidden;border:1px solid transparent;border-radius:9px 2px;background:transparent;transition:color .2s ease,background .2s ease,transform .2s ease}.mode-tab:hover{color:var(--ice-white);background:#9eeaff0f}.mode-tab.active{border-color:#d3faff4d;background:linear-gradient(135deg,rgba(215,251,255,.16),transparent 55%),#70f6c914;box-shadow:inset 0 1px #ffffff26,0 5px 16px #0003}.mode-tab.active:after{right:12px;bottom:3px;left:12px;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,var(--mint),transparent);box-shadow:0 0 10px var(--mint)}.console-panel{padding-top:22px}.select-wrap select,.text-input{border:1px solid rgba(199,244,250,.26);border-radius:11px 3px;background:linear-gradient(135deg,rgba(220,252,255,.08),transparent 48%),#011118ad;box-shadow:inset 0 1px #ffffff14,inset 0 -12px 24px #03232d2e,0 8px 20px #00000024;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.select-wrap select:hover,.text-input:hover{border-color:#d3faff6b;background:linear-gradient(135deg,rgba(220,252,255,.12),transparent 48%),#021921b8}.select-wrap select:focus,.text-input:focus{border-color:#70f6c9c7;box-shadow:0 0 0 3px #70f6c917,0 0 24px #67e1f11a,inset 0 1px #ffffff24}.select-wrap>span{display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(211,250,255,.2);border-radius:7px 2px;background:#abeff814;font-size:1rem}.track-card{position:relative;overflow:hidden;min-height:92px;padding:11px;border:1px solid rgba(210,249,255,.32);border-radius:15px 4px;background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.12) 0 1px,transparent 1.5px) 0 0 / 16px 16px,linear-gradient(125deg,rgba(186,243,252,.1),transparent 44%),#041c2494;box-shadow:inset 0 1px #ffffff26,0 12px 28px #0000002e}.track-card:after{content:"";position:absolute;right:-30px;bottom:-58px;width:150px;height:100px;transform:rotate(-13deg);border:1px solid rgba(112,246,201,.2);border-radius:50%;box-shadow:0 -15px #aeeff706,0 -30px #aeeff705}.track-thumbnail{height:70px;border:1px solid rgba(223,253,255,.24);border-radius:10px 2px;background:radial-gradient(circle at 72% 16%,rgba(255,255,255,.8) 0 1px,transparent 1.6px) 0 0 / 18px 18px,linear-gradient(155deg,transparent 44%,rgba(180,243,251,.2) 45% 52%,transparent 53%),linear-gradient(25deg,#0c3544 0 37%,#1b6071 38% 52%,#d8fbff 53% 58%,#164756 59%);box-shadow:inset 0 0 25px #05111759}.track-thumbnail span{display:grid;width:26px;height:24px;place-items:center;border-radius:7px 2px;background:#021319b8;color:var(--ice-white)}.track-thumbnail i{border-color:#e0fdff57;border-radius:50% 50% 0 0}.weather-button{position:relative;overflow:hidden;height:48px;border:1px solid rgba(204,248,253,.2);border-radius:10px 3px;box-shadow:inset 0 1px #ffffff1a,0 7px 18px #00000021;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.weather-button[data-environment=sunny]{background:linear-gradient(145deg,#b2eeff29,#14586929)}.weather-button[data-environment=cloudy]{background:linear-gradient(145deg,#bfd2dc21,#273d4833)}.weather-button[data-environment=night]{background:linear-gradient(145deg,#556fb62e,#06132d59)}.weather-button:hover{transform:translateY(-2px);border-color:#dcfcff7a}.weather-button.active{border-color:#cffef7bd;background:linear-gradient(135deg,rgba(226,255,255,.18),transparent 58%),#70f6c924;box-shadow:inset 0 1px #ffffff3d,0 0 0 2px #70f6c912,0 8px 24px #0411164d}.primary-button,.secondary-button{position:relative;overflow:hidden;border-radius:13px 3px;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.primary-button{border:1px solid rgba(239,255,255,.86);background:linear-gradient(180deg,rgba(255,255,255,.58),transparent 26%),linear-gradient(135deg,#a8ffe4,#56e7c1 52%,#26bfa0);box-shadow:0 12px 30px #1dc6a03b,inset 0 1px #ffffffd9,inset 0 -8px 15px #045b5226;text-shadow:0 1px rgba(255,255,255,.4)}.primary-button:before,.secondary-button:before{content:"";position:absolute;top:0;right:4px;left:4px;height:4px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),transparent);opacity:.8}.primary-button:after,.secondary-button:after{content:"";position:absolute;top:-45%;bottom:-45%;left:-30%;width:24%;transform:rotate(18deg);background:#ffffff47;filter:blur(6px);transition:left .45s ease}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.primary-button:hover:not(:disabled):after,.secondary-button:hover:not(:disabled):after{left:115%}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(1px) scale(.99)}.primary-button>*,.secondary-button>*{position:relative;z-index:1}.secondary-button{border:1px solid rgba(194,244,251,.34);background:linear-gradient(135deg,rgba(213,250,255,.14),transparent 48%),#0b3a446b;color:#c9fff0;box-shadow:inset 0 1px #ffffff29,0 8px 22px #0000002b}.checkbox-row{padding:11px 12px;border:1px solid rgba(200,246,252,.14);border-radius:10px 3px;background:#99e5f109}.checkbox-row input{appearance:none;display:grid;place-items:center;border:1px solid rgba(211,250,255,.42);border-radius:5px 1px;background:#011118b8;box-shadow:inset 0 1px #ffffff1f}.checkbox-row input:before{content:"";width:8px;height:8px;transform:scale(0) rotate(45deg);background:var(--mint);box-shadow:0 0 9px var(--mint);transition:transform .15s ease}.checkbox-row input:checked:before{transform:scale(1) rotate(45deg)}.lobby,.online-race-settings{border-color:#c8f6fc29}.lobby{padding:16px 14px 13px;border:1px solid rgba(200,246,252,.16);border-radius:14px 3px;background:linear-gradient(135deg,rgba(203,247,255,.07),transparent 45%),#01111857}.room-row,.room-player,.standing-row{border-color:#cdf8fd33;border-radius:10px 3px;background:linear-gradient(135deg,rgba(217,252,255,.07),transparent 46%),#05212a5c;box-shadow:inset 0 1px #ffffff12}.room-row:hover{border-color:#70f6c961;background:linear-gradient(135deg,rgba(217,252,255,.11),transparent 46%),#07313a75}.room-player.empty{border-color:#cdf8fd21;background:#051c2433}.player-avatar{border:1px solid rgba(235,255,255,.72);box-shadow:inset 0 1px #ffffff8c,0 0 16px color-mix(in srgb,var(--player-color, #70f6c9) 42%,transparent)}.room-code-row{padding:12px 13px;border:1px solid rgba(205,248,253,.18);border-radius:11px 3px;background:#01111859}.room-code-button small{border-radius:6px 2px;background:#9eeaff0f}.text-button{color:#a8d9d6;text-decoration-color:#70f6c952;transition:color .18s ease,text-decoration-color .18s ease}.text-button:hover{color:var(--ice-white);text-decoration-color:var(--mint)}kbd{border-color:#d6fbff4d;border-radius:6px 2px;background:linear-gradient(180deg,rgba(225,253,255,.13),transparent 45%),#031921a8;box-shadow:inset 0 1px #ffffff24,0 3px #00080c99}.hud-card,.race-progress-card,.nitro-meter{border:1px solid rgba(212,250,255,.32);border-radius:12px 3px;background:linear-gradient(135deg,rgba(222,253,255,.13),transparent 45%),#03181fb8;box-shadow:inset 0 1px #ffffff29,0 12px 35px #0000003d,0 0 22px #6ae3f10a;backdrop-filter:blur(14px) saturate(125%)}.race-progress-track,.nitro-track{height:5px;border:1px solid rgba(211,250,255,.12);border-radius:99px;background:#000a0f94;box-shadow:inset 0 2px 4px #0000006b}.race-progress-track i,.nitro-track i{border-radius:inherit;background:linear-gradient(90deg,#38cba6,#8fffdc,#d8fff4);box-shadow:0 0 12px #70f6c9bf,inset 0 1px #ffffffb8}.remote-racer{border:1px solid rgba(210,249,255,.18);border-radius:9px 2px;background:linear-gradient(135deg,rgba(218,252,255,.08),transparent 50%),#03171ea6;box-shadow:inset 0 1px #ffffff14}.modal-overlay{background:radial-gradient(circle at 50% 44%,rgba(118,223,239,.11),transparent 34%),#010b10cc;backdrop-filter:blur(17px) saturate(115%)}.modal-card{position:relative;overflow:hidden;border:1px solid transparent;border-radius:22px 5px;background:linear-gradient(145deg,rgba(200,246,252,.1),transparent 48%) padding-box,linear-gradient(#041f27f0,#041f27f0) padding-box,linear-gradient(135deg,#d8fbff,#70f6c947,#6cc9dc) border-box;box-shadow:0 32px 90px #0000008f,inset 0 1px #fff3}.modal-card:before{content:"";position:absolute;top:-2px;right:-8px;left:-8px;height:11px;background:radial-gradient(ellipse at 11px 0,#f3ffff 0 6px,transparent 6.7px) 0 0 / 31px 11px repeat-x;opacity:.9}.result-time{border-color:#cffaff38;border-radius:13px 3px;background:radial-gradient(circle at 50% 0,rgba(112,246,201,.1),transparent 58%),#000c1252;box-shadow:inset 0 1px #ffffff14}.standing-row.local{border-color:#70f6c994;box-shadow:inset 0 1px #ffffff1a,0 0 18px #70f6c914}@keyframes pulse{0%,to{box-shadow:0 0 #70f6c900;transform:scale(.96)}50%{box-shadow:0 0 0 18px #70f6c90a;transform:scale(1)}}@media(max-width:1050px){.app-shell{min-height:860px}.menu-layout{grid-template-columns:1fr 480px;gap:40px}.hero-copy h1{font-size:clamp(3.8rem,7vw,5.5rem)}.menu-footer{position:static;width:calc(100% - 96px);margin:-58px auto 0;padding-bottom:24px}}@media(max-width:800px){html,body{overflow:auto}.app-shell{min-height:100%;overflow:visible}.app-shell:after{background-position:66% center}.app-shell:before{background:linear-gradient(180deg,#04101180,#041011c7)}.top-nav{width:calc(100% - 36px);height:76px}.nav-meta>span:not(.beta-badge){display:none}.menu-layout{grid-template-columns:1fr;width:calc(100% - 36px);min-height:0;padding:56px 0 46px}.hero-copy h1{font-size:clamp(3.7rem,17vw,6rem)}.hero-description{font-size:.92rem}.race-console{max-width:540px;margin:0 auto}.menu-footer{display:none}.race-topbar{grid-template-columns:118px 1fr 100px;gap:6px;top:max(8px,env(safe-area-inset-top));right:8px;left:8px}.hud-card{height:48px;padding:0 9px}.hud-card-label{display:none}.hud-card strong{font-size:1rem}.race-progress-card{padding:8px 9px 10px}.race-progress-card>div:first-child{font-size:.5rem}.race-position{top:70px;left:12px}.race-position strong{font-size:2rem}.remote-racers{top:70px;right:10px;width:140px}#game-speed-wrapper{right:10px;bottom:max(8px,env(safe-area-inset-bottom));width:112px;height:112px}#game-speed-text{font-size:2rem}.pause-button{right:14px;bottom:128px}.nitro-meter{bottom:8px;width:190px}}@media(max-width:520px){.feature-row{gap:18px}.feature-row span{display:grid;gap:1px}.console-head,.console-panel{padding-right:18px;padding-left:18px}.track-card{grid-template-columns:86px 1fr}.room-players{grid-template-columns:1fr}.race-topbar{grid-template-columns:96px 1fr 74px}.hud-points img{display:none}.nitro-meter{top:124px;bottom:auto;width:160px}.leaderboard-card{max-height:calc(100dvh - 20px);padding:26px 16px 18px}.leaderboard-row{grid-template-columns:32px minmax(0,1fr) 82px;gap:7px;padding:0 8px}.leaderboard-row small{display:none}}@media(pointer:coarse){#game-touch-stick-canvas{z-index:7}.steering-anchor{display:grid}.nitro-button{display:block;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));left:auto;width:88px;height:88px}.action-button{display:block;left:auto}.jump-button{right:calc(max(18px,env(safe-area-inset-right)) + 104px);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 7px);width:72px;height:72px}.respawn-button{right:calc(max(18px,env(safe-area-inset-right)) + 18px);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 104px);width:50px;height:50px}.pause-button{right:calc(max(18px,env(safe-area-inset-right)) + 25px);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 170px);width:38px;height:38px;border-radius:10px 3px}#game-speed-wrapper{right:auto;bottom:max(12px,env(safe-area-inset-bottom));left:50%;width:96px;height:96px;transform:translate(-50%)}#game-speed-text{font-size:1.75rem}.nitro-meter{top:max(118px,calc(env(safe-area-inset-top) + 86px));bottom:auto;width:min(220px,42vw)}.nitro-meter>small{display:none}}@media(pointer:coarse)and (max-height:480px){.steering-anchor{bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));width:120px;height:120px}.nitro-button{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:78px;height:78px}.jump-button{right:calc(max(12px,env(safe-area-inset-right)) + 92px);bottom:calc(max(12px,env(safe-area-inset-bottom)) + 5px);width:66px;height:66px}.respawn-button{right:calc(max(12px,env(safe-area-inset-right)) + 14px);bottom:calc(max(12px,env(safe-area-inset-bottom)) + 90px);width:46px;height:46px}.pause-button{right:calc(max(12px,env(safe-area-inset-right)) + 19px);bottom:calc(max(12px,env(safe-area-inset-bottom)) + 146px)}.nitro-meter{top:max(76px,calc(env(safe-area-inset-top) + 60px));width:min(190px,34vw)}#game-speed-wrapper{width:82px;height:82px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}