:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#101820;background:#d8ebf4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;min-height:100%;margin:0;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}button,input{font:inherit}button{touch-action:manipulation}.app-shell{background:linear-gradient(#bce4fb 0%,#eef9ff 42%,#8dbb5e 43%,#30432d 100%);place-items:center;min-height:100dvh;padding:12px;display:grid}.game-stage{background:#dbeef8;border:1px solid #0b17203d;border-radius:8px;width:min(1180px,100%);height:min(740px,100dvh - 24px);min-height:560px;position:relative;overflow:hidden;box-shadow:0 24px 90px #0f191259}.game-canvas{opacity:0;width:100%;height:100%;position:absolute;inset:0}.game-canvas.live{opacity:1}.race-canvas{display:block;inset:0;width:100%!important;height:100%!important;position:absolute!important}.intro-backdrop{background:linear-gradient(#8fd7ff 0%,#eaf8ff 48%,#6fa04e 49%,#233822 100%);position:absolute;inset:0;overflow:hidden}.intro-art{object-fit:cover;object-position:62% 40%;width:100%;height:100%;position:absolute;inset:0}.intro-scrim{position:absolute;inset:0}.intro-scrim--panel{background:linear-gradient(90deg,#090e13b8 0%,#090e1347 46%,#090e130d 70%),linear-gradient(#090e1340 0%,#0000 30% 70%,#090e1359 100%)}.intro-scrim--title{background:radial-gradient(90% 62% at 50% 44%,#090e136b 0%,#090e132e 55%,#0000 78%),linear-gradient(#090e134d 0%,#0000 22% 72%,#090e138c 100%)}.title-screen{grid-template-rows:1fr auto;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.title-center{text-align:center;justify-items:center;display:grid}.title-logo{justify-items:center;line-height:.8}.title-logo .brand-chop{font-size:clamp(64px,13vw,128px)}.title-logo .brand-first{font-size:clamp(70px,14.5vw,142px)}.logo-pop{animation:.65s cubic-bezier(.2,1.4,.4,1) both logo-pop}@keyframes logo-pop{0%{opacity:0;filter:blur(6px);transform:translateY(46px)scale(1.3)}60%{opacity:1;filter:blur()}to{opacity:1;transform:translateY(0)scale(1)}}.title-strip{width:196px;margin-top:16px;animation:.5s ease-out .35s both strip-slide}@keyframes strip-slide{0%{opacity:0;transform:skew(-30deg)translate(-70px)}to{opacity:.9;transform:skew(-30deg)translate(0)}}.title-fade{animation:.55s ease-out both title-fade}@keyframes title-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.title-tagline{color:#eef3f8;text-shadow:0 1px 10px #090e13cc;max-width:30rem;margin:14px 0 0;font-size:15px;font-weight:600;line-height:1.5}.title-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090f169e;border:1px solid #ffd15c59;margin:14px 0 0}.title-start{letter-spacing:.14em;border-radius:10px;width:auto;min-width:230px;min-height:54px;margin-top:22px;font-size:17px;animation:.55s ease-out both title-fade,2.2s ease-in-out 1.6s infinite start-pulse}@keyframes start-pulse{0%,to{box-shadow:0 10px 34px #ffca3a40}50%{box-shadow:0 10px 44px #ffca3a99}}.title-links{gap:22px;margin-top:12px;display:flex}.challenge-inbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#090f16ad;border:1px solid #ffffff29;border-radius:10px;gap:5px;width:min(400px,100%);margin-top:14px;padding:9px 11px;display:grid}.challenge-inbox small{color:#8c9aa8;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:900}.inbox-row{color:#e8eef4;align-items:center;gap:8px;padding:3px 0;font-size:13px;text-decoration:none;display:flex}.inbox-row:hover .inbox-text{color:#ffd15c}.inbox-dot{background:#ffffff40;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.inbox-dot.live{background:#ff3b4e;animation:1.2s steps(2,end) infinite wrong-way-flash;box-shadow:0 0 10px #ff3b4ee6}.inbox-dot.chopped{background:#ffb12e;box-shadow:0 0 9px #ffb12ecc}.inbox-row.dormant{opacity:.72}.inbox-row.dormant .inbox-meta{color:#ffd15c}.inbox-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.inbox-text b{color:#ffd15c}.inbox-meta{color:#8c9aa8;flex:none;font-size:11px;font-weight:700}.board-meta{color:#b9c6d8;margin:4px 0 12px;font-size:14px}.board-meta b{color:#ffd15c}.title-guide{color:#e8eef4;letter-spacing:.04em;text-underline-offset:4px;text-shadow:0 1px 8px #090e13cc;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:800;text-decoration:underline}.title-guide:hover{color:#ffd15c}.title-credits{color:#cfdae5;text-shadow:0 1px 8px #090e13d9;align-items:center;gap:8px;padding-bottom:4px;font-size:12px;font-weight:700;display:flex}.title-credits a{color:#ffd15c;text-decoration:none}.title-credits a:hover{text-decoration:underline}.version-chip{color:#cfdae5;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-weight:700;position:relative}.version-chip:hover{color:#ffd15c}.version-dot{background:#ffca3a;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite version-pulse;position:absolute;top:-2px;right:-4px;box-shadow:0 0 8px #ffca3ae6}@keyframes version-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.35)}}.landing{-webkit-overflow-scrolling:touch;color:#eaf1f7;scroll-behavior:smooth;background:#0c1119;position:fixed;inset:0;overflow:hidden auto}.landing-nav{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#070b12d1,#070b1200);justify-content:space-between;align-items:center;padding:12px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.nav-mark{letter-spacing:-.02em;color:#f4f7fa;font-size:18px;font-style:italic;font-weight:950}.nav-mark i{background:linear-gradient(100deg,#ffd45e,#ff7a2e);color:#0000;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:6px;display:flex}.nav-links button{color:#cdd9e4;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700;transition:color .15s,background .15s}.nav-links button:hover{color:#fff;background:#ffffff14}.nav-links .nav-cta{color:#2a1a05;background:linear-gradient(#ffd45e,#ff9b2e);font-weight:900}.nav-links .nav-cta:hover{filter:brightness(1.07);color:#2a1a05;background:linear-gradient(#ffd45e,#ff9b2e)}.hero{text-align:center;place-items:center;min-height:100dvh;padding:80px 20px 60px;display:grid;position:relative;overflow:hidden}.hero-art{object-fit:cover;object-position:60% 42%;width:100%;height:100%;position:absolute;inset:0}.hero-scrim{background:radial-gradient(85% 60% at 50% 42%,#070b1259 0%,#070b121f 50%,#0000 78%),linear-gradient(#070b1259 0%,#0000 26% 58%,#0c1119f5 100%);position:absolute;inset:0}.hero-inner{justify-items:center;max-width:720px;display:grid;position:relative}.hero-logo{margin-top:6px}.hero-logo .brand-chop{font-size:clamp(58px,12vw,118px)}.hero-logo .brand-first{font-size:clamp(64px,13vw,132px)}.hero-strip{width:180px;margin-top:14px;animation:.5s ease-out .3s both strip-slide}.hero-tagline{color:#eef3f8;text-shadow:0 1px 12px #070b12d9;max-width:33rem;margin:18px 0 0;font-size:clamp(15px,2.2vw,18px);font-weight:600;line-height:1.55}.hero-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090f169e;border:1px solid #ffd15c59;margin:18px 0 0}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.hero-start{letter-spacing:.04em;border-radius:12px;min-width:220px;min-height:56px;font-size:17px;animation:2.4s ease-in-out 1.4s infinite start-pulse}.hero-secondary{border-radius:12px;min-height:56px}.scroll-cue{color:#cdd9e4;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;font-size:10px;font-weight:800;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.scroll-cue i{font-size:18px;font-style:normal;animation:1.6s ease-in-out infinite cue-bounce}@keyframes cue-bounce{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.value-strip{color:#9fb0bf;background:#0a0e15;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:22px clamp(16px,4vw,40px);font-size:13.5px;display:flex}.value-strip b{color:#ffd15c;font-weight:800}.features{gap:clamp(48px,9vw,110px);max-width:1080px;margin:0 auto;padding:clamp(40px,8vw,96px) clamp(16px,4vw,40px);display:grid}.feature-row{opacity:0;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,60px);transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.3,1);display:grid;transform:translateY(28px)}.feature-row.in{opacity:1;transform:none}.feature-row.flip .feature-copy{order:2}.feature-eyebrow{color:#ff9b2e;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.feature-title{letter-spacing:-.01em;color:#f4f8fb;margin:0 0 14px;font-size:clamp(24px,4vw,38px);font-weight:950;line-height:1.08}.feature-body{color:#aebccb;margin:0;font-size:clamp(14px,1.7vw,16px);line-height:1.65}.feature-media{display:grid}.mock-card{background:linear-gradient(#141c26e6,#0d131beb);border:1px solid #ffffff1a;border-radius:16px;padding:18px;box-shadow:0 24px 60px #0006}.mock-inbox small{color:#8c9aa8;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:900}.mock-row{color:#e8eef4;border-bottom:1px solid #ffffff0f;align-items:center;gap:9px;padding:10px 0;font-size:14px;display:flex}.mock-row i{color:#8c9aa8;font-style:normal}.mock-row b{color:#ffd15c;margin-left:auto}.mock-row .d{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.mock-row .d.chopped{background:#ffb12e;box-shadow:0 0 9px #ffb12ecc}.mock-row .d.live{background:#ff3b4e;box-shadow:0 0 9px #ff3b4ecc}.mock-share{gap:8px;margin-top:14px;display:flex}.mock-share span{text-align:center;color:#cdd9e4;background:#ffffff0f;border-radius:8px;flex:1;padding:9px 0;font-size:12px;font-weight:800}.mock-share span:first-child{color:#2a1a05;background:linear-gradient(#ffd45e,#ff9b2e)}.mock-trio{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mock-trio img{border:1px solid #ffffff1a;border-radius:12px;width:100%;display:block}.mock-trio img:first-child{grid-column:1/-1}.mock-gap{justify-items:center;gap:18px;padding:32px 18px;display:grid}.gap-pill{font-variant-numeric:tabular-nums;color:#51e08f;background:#0d131bcc;border:1px solid #51e08f66;border-radius:999px;padding:8px 22px;font-size:30px;font-weight:950}.medal-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.medal-row .m{border:1px solid #ffffff1f;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:800}.medal-row .bronze{color:#e8a36b}.medal-row .silver{color:#d9e2ea}.medal-row .gold{color:#ffd45e;background:#ffd45e1a;border-color:#ffd45e73}.mock-media-img{border:1px solid #ffffff1a;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0006}.mock-media-img img{width:100%;display:block}.ghost-tag{color:#04222e;background:#61d4ffe6;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:900;position:absolute;top:14px;left:14px}.closer{text-align:center;background:radial-gradient(70% 80% at 50% 0,#ff9b2e1f,#0000 70%),#0a0e15;justify-items:center;gap:16px;padding:clamp(50px,9vw,100px) 20px;display:grid}.closer-logo .brand-chop{font-size:clamp(40px,7vw,64px)}.closer-logo .brand-first{font-size:clamp(44px,7.6vw,72px)}.closer p{color:#aebccb;margin:0;font-size:15px}.closer-links{gap:18px;margin-top:6px;display:flex}.closer-links button{color:#cdd9e4;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.closer-links button:hover{color:#ffd15c}.landing-footer{color:#7e8c99;background:#0a0e15;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:26px 20px 36px;font-size:13px;display:flex}.landing-footer a{color:#aebccb;text-decoration:none}.landing-footer a:hover{color:#ffd15c}.changelog-entry h3 small{color:#8c9aa8;letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:700;display:block}.setup-title{margin-bottom:6px;font-size:clamp(34px,5.2vw,50px)}.setup-lede{color:#aebccb;margin:0 0 4px;font-size:14px;line-height:1.5}.field-label{color:#8c9aa8;letter-spacing:.14em;text-transform:uppercase;margin:18px 0 9px;font-size:11px;font-weight:900}.verdict-stack{gap:8px;margin:14px 0 4px;display:grid}.verdict{letter-spacing:.06em;border-radius:10px;gap:2px;padding:11px 14px;font-size:18px;font-style:italic;font-weight:950;animation:.5s cubic-bezier(.2,1.4,.4,1) both verdict-pop;display:grid}.verdict span{letter-spacing:.02em;opacity:.85;font-size:12px;font-style:normal;font-weight:700}.verdict.chopped{color:#7df0ae;background:#2ec56e29;border:1px solid #2ec56e8c;box-shadow:0 0 28px #2ec56e40}.verdict.missed{color:#ff9d94;background:#ff5c501f;border:1px solid #ff5c5073}.verdict.pb{color:#ffd98c;background:#ffca3a24;border:1px solid #ffca3a80;animation-delay:.15s;box-shadow:0 0 28px #ffca3a38}@keyframes verdict-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.pb-line{color:#8c9aa8;margin:0;font-size:13px;font-weight:700}.back-button{margin-top:8px}.button-row{gap:10px;margin-top:8px;display:flex}.button-row .ghost-button{flex:1}.feedback-link{color:#b9c6d8;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:12px auto 0;font-size:12px;font-weight:700;text-decoration:underline;display:block}.feedback-link:hover{color:#ffd15c}.feedback-types{gap:10px;margin:16px 0 4px;display:flex}.feedback-type{color:#d5deea;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:8px;flex:1;min-height:44px;font-size:13px;font-weight:800}.feedback-type.selected{color:#ffe8a1;background:#ffd15c24;border-color:#ffd15c}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#090f16e6,#090f16e6) padding-box padding-box,linear-gradient(100deg,#ffd45e,#ff9b2e 55%,#ff3b4e) border-box;border:1px solid #ffffff24;border-top:3px solid #0000;border-radius:14px;width:min(440px,100% - 32px);padding:24px;animation:.4s cubic-bezier(.2,.8,.3,1) both panel-in;position:absolute;top:50%;left:clamp(16px,5vw,56px);transform:translateY(-50%);box-shadow:0 24px 70px #0000006b}@keyframes panel-in{0%{opacity:0;transform:translateY(-50%)translate(-16px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.panel.wide{width:min(620px,100% - 32px)}.eyebrow{color:#ffcf42;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2{margin:0;line-height:.95}.panel h1,.panel h2,.guide-card h2,.pause-card h2{color:#f4f7fa}h1{letter-spacing:0;max-width:9ch;font-size:clamp(54px,11vw,104px)}h2{font-size:clamp(38px,7vw,68px)}.lede{color:#d5deea;max-width:34rem;line-height:1.55}.field,.photo-field{color:#b9c6d8;gap:8px;margin:16px 0;font-size:14px;font-weight:700;display:grid}input,textarea{color:#fff;width:100%;font:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:8px;outline:none;padding:13px 14px}textarea{resize:vertical;min-height:96px}input:focus,textarea:focus{border-color:#ffd15c}.photo-field{cursor:pointer;border:1px dashed #ffffff42;border-radius:8px;grid-template-columns:1fr 52px;align-items:center;min-height:56px;padding:12px}.photo-field input{display:none}.photo-field img,.leaderboard img,.avatar{object-fit:cover;background:#172033;border-radius:50%;width:46px;height:46px}.primary,.secondary,.ghost-button,.link-button{cursor:pointer;letter-spacing:.02em;border:0;border-radius:10px;place-items:center;min-height:50px;padding:0 20px;font-weight:900;text-decoration:none;transition:transform .12s,filter .15s,background .15s,box-shadow .15s;display:inline-grid}.primary{color:#2a1a05;background:linear-gradient(#ffd45e 0%,#ff9b2e 100%);width:100%;box-shadow:0 10px 30px #ff9b2e42}.primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 38px #ff9b2e6b}.primary:active{transform:translateY(0)scale(.985)}.secondary,.ghost-button{color:#f8fafc;background:#ffffff17;border:1px solid #ffffff24}.secondary:hover,.ghost-button:hover{background:#ffffff29}.secondary:active,.ghost-button:active{transform:scale(.985)}.challenge-pill,.status{color:#ffe8a1;background:#ffd15c21;border-radius:8px;padding:10px 12px}.speed-fx{pointer-events:none;opacity:0;background:repeating-conic-gradient(at 50% 46%,#fff0 0deg 9deg,#fff4d629 9.5deg 10.5deg,#fff0 11deg 20deg);transition:opacity .12s ease-out;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 46%,#0000 0 34%,#000 78%);mask-image:radial-gradient(circle at 50% 46%,#0000 0 34%,#000 78%)}.speed-fx.on{opacity:1}.speed-vignette{pointer-events:none;background:radial-gradient(at 50% 48%,#0000 0 52%,#080c128c 100%);transition:opacity .25s ease-out;position:absolute;inset:0}.hud-top{pointer-events:none;gap:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.delta-timer{color:#cfd8df;font-variant-numeric:tabular-nums;letter-spacing:.03em;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d131bb8;border:1px solid #ffffff24;border-radius:999px;padding:3px 12px 4px;font-size:15px;font-weight:900;position:absolute;top:108px;left:50%;transform:translate(-50%)}.delta-timer.ahead{color:#51e08f;border-color:#51e08f59}.delta-timer.behind{color:#ff6b5e;border-color:#ff6b5e59}.hud-chip{color:#8c9aa8;text-align:center;letter-spacing:.14em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0d131be0,#0d131bb8);border:1px solid #ffffff1f;border-radius:10px;gap:1px;min-width:86px;padding:7px 14px 8px;font-size:9px;font-weight:800;display:grid;box-shadow:0 8px 26px #050a1059}.hud-chip b{color:#f4f7fa;font-variant-numeric:tabular-nums;letter-spacing:0;font-size:19px;font-weight:900}.hud-chip b i{color:#76838f;font-size:13px;font-style:normal}.lap-chip{border-color:#ffd15c73}.lap-chip small{color:#ffd98c}.lap-chip b{background:linear-gradient(#fff 20%,#ffd45e 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:21px;font-style:italic}.lap-chip b i{background:0 0;-webkit-background-clip:initial;background-clip:initial;color:#76838f}.hud-chip .drift-live{color:#ffce4a;text-shadow:0 0 14px #ffce4acc}.minimap{aspect-ratio:1;width:100%;margin-bottom:7px;display:block}.minimap-road-casing{fill:none;stroke:#ffffff24;stroke-width:5px;stroke-linejoin:round}.minimap-road{fill:none;stroke:#aebdc9;stroke-width:2px;stroke-linejoin:round}.minimap-start{fill:#fff;stroke:#14181d;stroke-width:.8px}.minimap-car{fill:#ff3b4e;filter:drop-shadow(0 0 4px #ff3b4ee6)}.wrong-way{color:#fff;letter-spacing:.1em;pointer-events:none;background:#be1220eb;border-radius:10px;padding:8px 22px;font-size:clamp(20px,4vw,34px);font-style:italic;font-weight:950;animation:.6s steps(2,end) infinite wrong-way-flash;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:0 0 40px #be122099}@keyframes wrong-way-flash{0%{opacity:1}to{opacity:.35}}.message-prompts{flex-wrap:wrap;gap:6px;margin:-6px 0 14px;display:flex}.message-prompt{color:#ffe8a1;cursor:pointer;background:#ffd15c14;border:1px solid #ffd15c4d;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.message-prompt:hover{background:#ffd15c2e}.challenge-pill .countdown{color:#ffd15c;letter-spacing:.06em;text-transform:uppercase;margin-top:3px;font-size:12px;font-weight:900;display:block}.challenge-pill .countdown.expired{color:#ff8d85}.progress-map{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:linear-gradient(#0d131be0,#0d131bb8);border:1px solid #ffffff1f;border-radius:10px;width:132px;padding:9px 11px;position:absolute;top:14px;right:14px;box-shadow:0 8px 26px #050a1059}.progress-track{background:linear-gradient(90deg,#0000 32.5%,#ffffff40 32.5% 34%,#0000 34% 66%,#ffffff40 66% 67.5%,#0000 67.5%),#ffffff1a;border-radius:999px;height:12px;position:relative}.progress-track span{background:#ff3b4e;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #ff3b4ecc}.speedo{pointer-events:none;filter:drop-shadow(0 10px 30px #050a1073);width:138px;height:138px;position:absolute;bottom:18px;left:18px}.speedo-ring{border-radius:50%;transition:background .1s linear;position:absolute;inset:0;transform:rotate(180deg);-webkit-mask-image:radial-gradient(circle,#0000 0 56%,#000 57%);mask-image:radial-gradient(circle,#0000 0 56%,#000 57%)}.speedo-ring.boosting{filter:drop-shadow(0 0 12px #ffb12ee6)}.speedo-core{text-align:center;background:radial-gradient(circle at 50% 36%,#202a36f5,#0a0f16f5);border:1px solid #ffffff1a;border-radius:50%;place-content:center;gap:0;display:grid;position:absolute;inset:11px}.speedo-core b{color:#fff;font-variant-numeric:tabular-nums;font-size:34px;font-weight:950;line-height:1}.speedo-core small{color:#8c9aa8;letter-spacing:.14em;font-size:10px;font-weight:800}.speedo-core .gear{color:#c6d2dd;background:#ffffff1a;border-radius:5px;justify-self:center;min-width:22px;margin-top:3px;padding:1px 5px;font-size:11px;font-weight:900}.speedo-core .gear.rev{color:#fff;background:#ff3b4e;box-shadow:0 0 14px #ff3b4ebf}.boost-meter{pointer-events:none;justify-items:end;gap:5px;display:grid;position:absolute;bottom:108px;right:18px}.boost-meter small{color:#ffd98c;letter-spacing:.18em;text-shadow:0 1px 6px #0009;font-size:9px;font-weight:900}.boost-pips{gap:6px;display:flex}.boost-pips .pip{background:#0d131bb3;border:1px solid #ffffff2e;border-radius:4px;width:26px;height:11px;transform:skew(-18deg)}.boost-pips .pip.full{background:linear-gradient(#ffd45e,#ff9b2e);border-color:#ffd45ecc;box-shadow:0 0 12px #ffb12e8c}.boost-pips .pip.firing{animation:.4s ease-out pip-fire}@keyframes pip-fire{0%{background:#fff1c4;box-shadow:0 0 22px #ffb12e}to{box-shadow:none}}.boost-cooldown{background:#0d131bb3;border-radius:999px;width:90px;height:4px;overflow:hidden}.boost-cooldown span{background:#ffb12e;border-radius:999px;height:100%;display:block}.race-countdown{pointer-events:none;place-items:center;font-size:clamp(110px,24vw,250px);font-style:italic;font-weight:950;display:grid;position:absolute;inset:0}.race-countdown span{background:linear-gradient(#fff 12%,#ffd45e 52%,#ff6a2e 95%);color:#0000;filter:drop-shadow(0 6px #1018208c)drop-shadow(0 0 46px #ff82288c);-webkit-background-clip:text;background-clip:text}.race-countdown.go{background:linear-gradient(#eafff0 10%,#7df0ae 55%,#1d9d55 95%);color:#0000;filter:drop-shadow(0 6px #1018208c)drop-shadow(0 0 52px #60e06eb3);-webkit-background-clip:text;background-clip:text;font-size:clamp(90px,19vw,200px);animation:.9s ease-out forwards go-pop}@keyframes go-pop{0%{opacity:1;transform:scale(.7)}60%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(1.2)}}.vehicle-debug{color:#cfdae5;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1218b8;border:1px solid #0e1d2433;border-radius:8px;grid-template-columns:repeat(2,minmax(76px,1fr));gap:4px 8px;width:178px;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;display:grid;position:absolute;top:86px;right:14px}.vehicle-debug span{justify-content:space-between;gap:6px;display:flex}.vehicle-debug b{color:#fff;font-weight:800}.touch-controls{padding:0 10px calc(10px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}@media (hover:hover) and (pointer:fine){.touch-controls{display:none}}.corner-cluster,.center-cluster{pointer-events:auto;flex-direction:column;align-items:center;gap:14px;display:flex}.touch-controls button{color:#f9fbfb;letter-spacing:.08em;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d141b99;border:1px solid #ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:900;display:flex;box-shadow:0 10px 28px #00000040}.touch-controls button.pressed{filter:brightness(1.3);transform:scale(.95)}.t-steer{border-radius:24px;width:86px;height:112px}.t-drift{background:#181f28c7;border-radius:50%;width:58px;height:58px}.t-boost{color:#ffb12e;background:#1a12058c;border-color:#ffb12e8c;border-radius:16px;width:62px;height:76px}.t-boost b{font-size:11px}.t-boost.empty{opacity:.45}.t-brake{color:#fff8f7;background:#ff453ad1;border-color:#fff6;border-radius:999px;flex-direction:row;gap:7px;width:118px;height:50px;font-size:11px}.reverse-hint{left:50%;bottom:calc(160px + env(safe-area-inset-bottom,0px));color:#f4f7fa;white-space:nowrap;pointer-events:none;background:#090f16e0;border:1px solid #ffffff40;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;animation:.3s hint-pop;position:absolute;transform:translate(-50%)}@keyframes hint-pop{0%{opacity:0;transform:translate(-50%)translateY(8px)}}@media (hover:none){.app-shell{padding:0}.game-stage{border:0;border-radius:0;width:100%;height:100dvh;min-height:0}.speedo{left:10px;bottom:calc(200px + env(safe-area-inset-bottom,0px));width:92px;height:92px}.speedo-core b{font-size:26px}.boost-meter{display:none}}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.stats-grid span{color:#b9c6d8;border:1px solid #ffffff24;border-radius:8px;padding:12px}.stats-grid b{color:#fff;font-size:24px;display:block}.leaderboard{gap:8px;max-height:300px;margin:18px 0;padding:0;list-style:none;display:grid;overflow:auto}.leaderboard li{background:#ffffff0f;border:1px solid #ffffff21;border-radius:8px;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.leaderboard strong,.leaderboard li>span:not(.avatar){color:#f4f7fa}.leaderboard small{color:#aab7c8;grid-column:2/4}.avatar{color:#ffd15c;place-items:center;font-weight:900;display:grid}.mode-row{gap:8px;display:flex}.mode-chip{color:#cfd8df;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:999px;flex:1;padding:9px 10px;font-size:13px;font-weight:700;transition:border-color .12s,background .12s}.mode-chip:hover{border-color:#ffffff73}.mode-chip.selected{color:#ffe6a8;background:#ffd45e24;border-color:#ffd45e}.share-nudge{color:#b9c6d8;text-align:center;margin:14px 0 8px;font-size:13px;line-height:1.4}.share-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ghost-button{width:100%;margin-top:10px}.brand{margin-bottom:12px}.brand-logo{letter-spacing:-.02em;-webkit-user-select:none;user-select:none;font-style:italic;font-weight:950;line-height:.82;display:grid;transform:skew(-6deg)}.brand-chop{color:#f4f7fa;text-shadow:0 3px #080c12e6,0 10px 30px #00000073;font-size:clamp(48px,9vw,84px)}.brand-first{background:linear-gradient(100deg,#ffd45e 8%,#ff9b2e 45%,#ff3b4e 90%);color:#0000;filter:drop-shadow(0 3px #080c12e6)drop-shadow(0 10px 30px #ff5a3c4d);-webkit-background-clip:text;background-clip:text;font-size:clamp(52px,10vw,94px)}.brand-strip{opacity:.9;background:repeating-linear-gradient(90deg,#f4f7fa 0 10px,#14181d 10px 20px);border-radius:2px;width:152px;height:10px;margin-top:12px;transform:skew(-30deg)}.road-notes{background:#ffd15c12;border:1px solid #ffd15c40;border-radius:8px;gap:5px;margin:12px 0;padding:10px 12px;display:grid}.road-notes small{color:#ffd98c;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:900}.road-notes p{color:#d5deea;align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.road-notes p img{object-fit:cover;border-radius:50%;width:22px;height:22px}.road-notes b{color:#ffe8a1}.swatch-field{gap:8px}.swatch-row{gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #fff3;border-radius:50%;width:40px;height:40px;transition:transform .12s,border-color .12s,box-shadow .12s;box-shadow:inset 0 -4px 8px #00000047,inset 0 3px 6px #ffffff40}.swatch:hover{transform:scale(1.08)}.swatch.selected{border-color:#ffd15c;transform:scale(1.12);box-shadow:0 0 0 3px #ffd15c59,inset 0 -4px 8px #00000047}.credits{color:#8c9aa8;border-top:1px solid #ffffff1f;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;font-size:12px;font-weight:700;display:flex}.credits a{color:#ffd15c;text-decoration:none}.credits a:hover{text-decoration:underline}.guide-overlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05090e9e;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.guide-card{background:#090f16f5;border:1px solid #ffffff2e;border-radius:12px;width:min(680px,100%);max-height:min(86vh,720px);padding:24px 26px;position:relative;overflow:auto;box-shadow:0 24px 80px #00000080}.guide-close{color:#f4f7fa;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;width:38px;height:38px;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.guide-title{letter-spacing:-.01em;font-style:italic}.guide-lede{color:#d5deea;line-height:1.55}.guide-section{margin-top:18px}.guide-section h3{color:#ffd15c;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900}.guide-section h4{color:#f4f7fa;margin:0 0 6px;font-size:14px}.guide-controls{grid-template-columns:1fr 1fr;gap:14px;display:grid}.guide-controls ul,.guide-tips{color:#b9c6d8;gap:7px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.guide-tips b{color:#f4f7fa}kbd{color:#f4f7fa;text-align:center;background:#ffffff14;border:1px solid #ffffff47;border-bottom-width:2px;border-radius:5px;min-width:22px;padding:1px 6px;font-family:inherit;font-size:12px;font-weight:800;display:inline-block}.guide-credits{color:#8c9aa8;border-top:1px solid #ffffff1f;justify-content:space-between;gap:10px;margin-top:22px;padding-top:14px;font-size:12px;font-weight:700;display:flex}.guide-credits a{color:#ffd15c;text-decoration:none}.guide-credits a:hover{text-decoration:underline}.hud-corner{align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:14px}.driver-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:linear-gradient(#0d131be0,#0d131bb8);border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 12px 0 6px;display:flex;box-shadow:0 8px 26px #050a1059}.driver-chip img,.driver-chip span{object-fit:cover;border-radius:50%;width:32px;height:32px}.driver-chip span{color:#1d1305;background:linear-gradient(160deg,#ffd45e,#ff9b2e);place-items:center;font-weight:950;display:grid}.driver-chip b{text-overflow:ellipsis;white-space:nowrap;color:#f4f7fa;max-width:110px;font-size:12px;overflow:hidden}.hud-mute{font-size:15px}.hud-pause{color:#f4f7fa;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0d131be0,#0d131bb8);border:1px solid #ffffff24;border-radius:10px;width:44px;height:44px;font-size:13px;font-weight:900;box-shadow:0 8px 26px #050a1059}.medal-verdict{align-items:baseline;gap:10px;margin:2px 0 4px;font-size:14px;display:flex}.medal-verdict b{letter-spacing:.04em;color:#aeb9c2;font-weight:900}.medal-verdict.gold b{color:#ffd45e}.medal-verdict.silver b{color:#d9e2ea}.medal-verdict.bronze b{color:#e8a36b}.medal-verdict span{color:#93a1ad;font-size:12.5px;font-weight:700}.ghost-toggle{color:#93a1ad;cursor:pointer;background:0 0;border:0;width:100%;margin-top:10px;padding:8px 0;font-size:12.5px;font-weight:700}.ghost-toggle:hover{color:#e8edf2}.pause-overlay{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05090e8c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.pause-card{text-align:center;background:#090f16f0;border:1px solid #ffffff2e;border-radius:12px;width:min(380px,100%);padding:22px;box-shadow:0 24px 80px #00000080}.pause-title{margin-bottom:6px;font-style:italic}.pause-hints{color:#b9c6d8;gap:6px;margin:0 0 16px;padding:0;font-size:13px;list-style:none;display:grid}.pause-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.lap-banner{color:#fff7df;letter-spacing:.04em;text-shadow:0 4px #10182073,0 0 36px #ffb12e80;pointer-events:none;font-size:clamp(34px,6vw,58px);font-style:italic;font-weight:950;animation:2.4s ease-out forwards lap-banner;position:absolute;top:22%;left:50%}@keyframes lap-banner{0%{opacity:0;transform:translate(-50%)scale(.6)}12%{opacity:1;transform:translate(-50%)scale(1.05)}20%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1)}}.road-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:linear-gradient(#0d131beb,#0d131bcc);border:1px solid #ffd15c59;border-radius:999px;align-items:center;gap:10px;max-width:min(420px,100% - 32px);padding:10px 16px 10px 10px;animation:5s ease-out forwards road-toast;display:flex;position:absolute;bottom:178px;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #050a1073}@keyframes road-toast{0%{opacity:0;transform:translate(-50%)translateY(18px)}8%{opacity:1;transform:translate(-50%)translateY(0)}88%{opacity:1}to{opacity:0}}.road-toast-avatar{color:#1d1305;background:linear-gradient(160deg,#ffd45e,#ff9b2e);border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:950;display:grid}.road-toast-body{min-width:0}.road-toast-body b{color:#ffd98c;letter-spacing:.06em;text-transform:uppercase;font-size:11px;display:block}.road-toast-body p{color:#f4f7fa;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.pop-in{animation:.35s ease-out pop-in}@keyframes pop-in{0%{color:#ffd45e;transform:scale(1.5)}to{transform:scale(1)}}.race-countdown span{animation:.9s ease-out countdown-pop;display:inline-block}@keyframes countdown-pop{0%{opacity:.2;transform:scale(1.45)}35%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(.92)}}@media (max-width:760px){.feature-row,.feature-row.flip{grid-template-columns:1fr;gap:20px}.feature-row .feature-copy,.feature-row.flip .feature-copy{order:0}.nav-links button:not(.nav-cta){display:none}.value-strip{gap:8px 18px;font-size:12.5px}}@media (max-width:720px){.app-shell{padding:0}.game-stage{border:0;border-radius:0;width:100%;height:100dvh;min-height:100dvh}.intro-backdrop{background:linear-gradient(#070c1233,#070c12db),linear-gradient(165deg,#0000 0 36%,#4e856beb 37% 50%,#0000 51%),linear-gradient(#8fd7ff 0%,#eaf8ff 48%,#6fa04e 49%,#203521 100%)}h1{font-size:58px}.hud-top{flex-wrap:wrap;justify-content:center;gap:6px;top:60px;left:10px;right:10px;transform:none}.hud-corner{gap:6px;top:10px;left:10px}.hud-pause{width:40px;height:40px}.driver-chip b{display:none}.driver-chip{padding:0 6px}.road-toast{bottom:210px}.brand-chop{font-size:44px}.brand-first{font-size:50px}.guide-controls{grid-template-columns:1fr}.hud-chip{min-width:70px;padding:5px 10px 6px}.hud-chip b{font-size:15px}.speedo{width:92px;height:92px}.speedo-core b{font-size:26px}.boost-meter{bottom:188px;right:12px}.progress-map{width:92px;padding:6px 8px;top:112px;left:auto;right:10px;transform:none}.vehicle-debug{width:190px;top:156px;left:12px;right:auto}.stats-grid,.share-row{grid-template-columns:1fr}}@keyframes panel-in-mobile{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (hover:none),(max-width:720px){.panel{padding:18px;animation:.32s cubic-bezier(.2,.8,.3,1) both panel-in-mobile}.game-stage.panel-stage{padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;place-items:center;display:grid;overflow-y:auto}.game-stage.panel-stage>section.panel{width:min(440px,100%);max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));position:relative;inset:auto;overflow-y:auto}}
