@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Inter:wght@500;700;900&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#f5f8ff;background:#080d18;font-synthesis:none}*{box-sizing:border-box}html,body,#app,#canvas-host{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}canvas{display:block}.hidden{display:none!important}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 55%,rgba(5,9,18,.38));z-index:2}.overlay{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(115deg,#050a13e6,#060f1b6b);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-overlay:before{content:"";position:absolute;width:68vw;height:68vw;max-width:900px;max-height:900px;border:1px solid rgba(73,233,255,.12);border-radius:50%;box-shadow:0 0 100px #17cdff14 inset;animation:spin 28s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:#48e7ff;font:700 12px/1 Chakra Petch,sans-serif;letter-spacing:.32em;text-transform:uppercase;margin-bottom:14px}h1{position:relative;margin:0;font:900 clamp(56px,9vw,124px)/.86 Inter,sans-serif;letter-spacing:-.085em;filter:drop-shadow(0 12px 30px rgba(0,0,0,.3))}h1 span{color:#48e7ff}.tagline{color:#b3bed1;margin:22px 0 32px;font-size:14px}.primary,.secondary{position:relative;z-index:1;border:0;cursor:pointer;min-width:280px;transition:transform .16s ease,box-shadow .16s ease}.primary{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 17px 25px;color:#07111c;background:#48e7ff;clip-path:polygon(0 0,94% 0,100% 35%,100% 100%,6% 100%,0 65%);box-shadow:0 0 40px #48e7ff40}.primary:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 0 55px #48e7ff6b}.primary span{font:900 18px/1 Chakra Petch;letter-spacing:.1em}.primary small{font:700 10px/1 Chakra Petch;opacity:.65}.secondary{margin-top:12px;padding:14px;color:#c7d0df;border:1px solid rgba(255,255,255,.16);background:#ffffff0d}.controls-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:35px}.controls-grid div{display:flex;flex-direction:column;gap:5px;align-items:center;min-width:74px}.controls-grid b{color:#f5f8ff;font:700 13px Chakra Petch}.controls-grid span{color:#667188;font:700 8px Chakra Petch;letter-spacing:.13em}.coming{position:relative;z-index:1;margin-top:38px;color:#4d5a70;font:600 9px Chakra Petch;letter-spacing:.16em}.coming b{color:#7a879d;margin-left:8px}.menu-shell{position:relative;z-index:1;width:min(940px,calc(100vw - 42px));display:grid;grid-template-columns:1.15fr .85fr;gap:18px 34px;align-items:end}.brand-block{grid-column:1}.brand-block .tagline{margin-bottom:0}.racer-card{grid-column:2;grid-row:1;align-self:center;padding:17px 18px;border:1px solid rgba(118,222,255,.22);background:#0913208f;box-shadow:0 15px 45px #00000029}.card-kicker{color:#48e7ff;font:700 9px Chakra Petch;letter-spacing:.16em;margin-bottom:13px}.racer-card label{display:block;color:#98a8bd;font:700 9px Chakra Petch;letter-spacing:.12em;margin-bottom:6px}.profile-edit{display:flex}.profile-edit input{min-width:0;flex:1;padding:9px 10px;color:#f5f8ff;border:1px solid rgba(255,255,255,.16);background:#0b1422;outline:none;font:700 14px Chakra Petch}.profile-edit input:focus{border-color:#48e7ff}.profile-edit button{color:#07111c;border:0;padding:0 11px;background:#48e7ff;cursor:pointer;font:900 9px Chakra Petch}.racer-card b{display:block;margin-top:9px;color:#ffd84b;font:700 11px Chakra Petch;letter-spacing:.08em}.racer-card p{margin:7px 0 0;color:#76869b;font-size:10px;line-height:1.45}.select-title{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;color:#dbe5f5;font:700 13px Chakra Petch;letter-spacing:.12em}.select-title small{color:#74849a;font-size:9px}.track-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.track-choice{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:3px 10px;text-align:left;padding:17px 18px;color:#e6edfa;border:1px solid rgba(255,255,255,.14);background:linear-gradient(120deg,#0b1727e3,#1323399e);cursor:pointer;overflow:hidden;transition:transform .17s ease,border-color .17s ease,background .17s ease}.track-choice:after{content:"";position:absolute;inset:auto -15% -95% auto;width:160px;height:160px;border-radius:50%;background:var(--accent);opacity:.13}.track-choice:hover,.track-choice.selected{transform:translateY(-2px);border-color:var(--accent);background:linear-gradient(120deg,#0d1f31f2,#192f48c7)}.track-choice.selected{box-shadow:0 0 28px color-mix(in srgb,var(--accent) 30%,transparent)}.track-index{grid-row:span 3;align-self:center;color:var(--accent);font:900 25px Chakra Petch}.track-choice b{font:900 18px Chakra Petch;letter-spacing:.03em}.track-choice small{color:#9aa9bd;font:700 9px Chakra Petch;letter-spacing:.1em}.track-choice em{grid-column:2 / 4;color:var(--accent);font:700 11px Chakra Petch;font-style:normal;letter-spacing:.05em;margin-top:6px}.menu-shell .primary{grid-column:1 / -1;justify-self:center;margin-top:7px}.menu-shell #leaderboard-open{grid-column:1 / -1;justify-self:center;min-width:280px;margin-top:-6px}.menu-shell .controls-grid{grid-column:1 / -1;justify-self:center;margin-top:0}.leaderboard-card{width:min(560px,calc(100vw - 36px));text-align:center}.leaderboard-card h2{margin-bottom:19px}.leaderboard-tabs{display:flex;gap:8px;margin-bottom:14px}.leaderboard-tabs button{flex:1;min-width:0;padding:10px;color:#92a4bb;border:1px solid rgba(255,255,255,.13);background:#ffffff0a;cursor:pointer;font:800 10px Chakra Petch;letter-spacing:.07em}.leaderboard-tabs button.selected{color:#07111c;border-color:#48e7ff;background:#48e7ff}.leaderboard-list{min-height:273px;border:1px solid rgba(112,219,255,.2);background:#050e199e}.leaderboard-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;min-height:45px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row b{color:#48e7ff;font:800 16px Chakra Petch}.leaderboard-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px Chakra Petch}.leaderboard-row time{color:#ffd84b;font:700 13px Chakra Petch}.leaderboard-notice{display:grid;place-items:center;min-height:273px;margin:0;padding:25px;color:#8393a8;font:700 11px/1.6 Chakra Petch;letter-spacing:.09em}.hud{position:fixed;inset:0;pointer-events:none;z-index:4;font-family:Chakra Petch,sans-serif}.track-card,.best-card{position:absolute;top:28px;display:flex;flex-direction:column;gap:4px;padding-left:13px;border-left:3px solid #48e7ff;text-shadow:0 2px 8px rgba(0,0,0,.55)}.track-card{left:32px}.best-card{right:32px;border-left:0;border-right:3px solid #ff4967;padding-left:0;padding-right:13px;text-align:right}.track-card span,.best-card span{color:#ffffffa1;font-size:10px;font-weight:700;letter-spacing:.16em}.track-card b,.best-card b{font-size:17px;letter-spacing:.03em}.timer{position:absolute;top:25px;left:50%;transform:translate(-50%);font:700 30px/1 Chakra Petch;letter-spacing:.03em;text-shadow:0 3px 12px rgba(0,0,0,.5)}.event{position:absolute;top:16%;left:50%;transform:translate(-50%,-10px) scale(.92);opacity:0;padding:9px 18px;color:#48e7ff;border-top:1px solid currentColor;border-bottom:1px solid currentColor;background:#050e198c;font:700 15px Chakra Petch;letter-spacing:.08em}.event[data-tone=gold]{color:#ffd84b}.event[data-tone=red]{color:#ff4967}.event.show{animation:flash 1.7s ease forwards}.minimap{position:absolute;right:32px;top:104px;width:142px;padding:8px;border:1px solid rgba(102,232,255,.4);background:#050e1999;box-shadow:0 0 26px #29cbff1c}.minimap span{display:block;margin:0 0 5px;color:#aab9cb;font:700 8px Chakra Petch;letter-spacing:.16em}.minimap svg{display:block;width:100%;height:auto}.minimap polyline{fill:none;stroke:#8eeeff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #26bde8)}.minimap circle{fill:#ffda55;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 0 3px #ffda55)}@keyframes flash{0%{opacity:0;transform:translate(-50%,-10px) scale(.92)}12%,75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,8px) scale(.98)}}.drift{--drift-power:0%;position:absolute;left:50%;bottom:145px;min-width:210px;padding-bottom:9px;text-align:center;transform:translate(-50%) skew(-8deg) scale(.84);opacity:0;color:#ffd84b;font:900 19px Chakra Petch;letter-spacing:.22em;text-shadow:0 0 18px rgba(255,216,75,.65);transition:opacity .16s,transform .16s}.drift:after{content:"";position:absolute;left:0;bottom:0;width:var(--drift-power);height:3px;background:linear-gradient(90deg,#ff8b45,#fff3a8);box-shadow:0 0 12px #ffbd5f;transition:width .07s linear}.drift:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff38}.drift.visible{opacity:1;transform:translate(-50%) skew(-8deg) scale(1);animation:driftPulse .34s ease-in-out infinite alternate}@keyframes driftPulse{to{text-shadow:0 0 28px rgba(255,191,67,1),0 0 54px rgba(255,104,44,.7)}}.bottom-hud{position:absolute;left:50%;bottom:31px;transform:translate(-50%);display:flex;align-items:flex-end;gap:22px}.boost-block{width:min(360px,48vw)}.boost-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.boost-title span{color:#48e7ff;font-weight:900;letter-spacing:.15em}.boost-title b{font-size:14px}.boost-bar{height:13px;padding:2px;transform:skew(-10deg);border:1px solid rgba(255,255,255,.48);background:#030a127a;overflow:hidden}.boost-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#1abde2,#60f4ff);box-shadow:0 0 16px #48e7ff;transition:width .07s linear}.boost-bar.active{border-color:#fff;animation:boostPulse .2s ease infinite alternate}@keyframes boostPulse{to{box-shadow:0 0 23px #48e7ffcc}}.speed{display:flex;align-items:baseline;min-width:112px;text-shadow:0 3px 12px rgba(0,0,0,.55)}.speed b{font-size:36px;line-height:.8;letter-spacing:-.05em}.speed span{margin-left:5px;color:#a4afc0;font-size:9px}.hints{position:absolute;left:32px;bottom:25px;color:#ffffff73;font:600 9px Chakra Petch;letter-spacing:.1em}.hints i{display:inline-block;width:3px;height:3px;margin:0 8px 2px;border-radius:50%;background:#48e7ff}.text-button{margin-top:17px;color:#9eacbd;border:0;background:transparent;cursor:pointer;font:700 10px Chakra Petch;letter-spacing:.12em}.text-button:hover{color:#48e7ff}.speed-lines{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .1s;background:repeating-linear-gradient(108deg,transparent 0 6%,rgba(123,245,255,.22) 6.2% 6.45%,transparent 6.7% 13%);mix-blend-mode:screen;transform:scale(1.18)}.speed-lines.active{opacity:.72;animation:lines .19s linear infinite}.hud.falling .hints,.hud.falling .speed{color:#ff7188}@keyframes lines{0%{background-position:0 0}to{background-position:120px 260px}}.compact{background:#050a13ad}.compact h2{margin:0 0 30px;font:900 clamp(38px,6vw,72px)/1 "Chakra Petch";letter-spacing:-.04em}.gold-text,.finish-delta.faster{color:#ffd84b}.finish-delta.slower{color:#ff7188}.finish-delta{height:18px;margin:-18px 0 28px;font:700 13px Chakra Petch;letter-spacing:.08em}@media(max-width:640px){.best-card{top:78px;right:18px}.track-card{top:78px;left:18px}.timer{top:25px}.minimap{top:130px;right:18px;width:105px}.hints{display:none}.controls-grid{grid-template-columns:repeat(2,1fr)}.coming{text-align:center;width:280px;line-height:1.6}.speed b{font-size:28px}.bottom-hud{width:calc(100% - 36px);gap:12px}.boost-block{width:auto;flex:1}.menu-shell{grid-template-columns:1fr;width:calc(100vw - 34px);gap:15px;max-height:94vh;overflow-y:auto;padding:20px 0}.brand-block,.racer-card{grid-column:1;grid-row:auto}.racer-card{padding:12px}.track-grid{grid-template-columns:1fr}.track-choice{padding:12px}.track-choice b{font-size:15px}.menu-shell .primary{margin-top:0}h1{font-size:62px}}