@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800&family=DM+Sans:wght@500;600;700&display=swap";:root{color-scheme:dark;font-family:DM Sans,sans-serif;--ink:#12101f;--cream:#fff8ea;--yellow:#ffdb4d;--pink:#ff4f7b}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}button{font:inherit}.game-shell,.scene{position:absolute;inset:0}.scene canvas{width:100%;height:100%;display:block}.hidden{display:none!important}.menu-screen{position:absolute;inset:0;z-index:10;overflow:auto;background:linear-gradient(90deg,#0d0c1cf7,#12101fe0 43%,#0c0b140f 72%);padding:28px clamp(24px,4vw,72px) 44px}.menu-screen:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(13,11,25,.78),transparent 34%),radial-gradient(circle at 80% 22%,transparent 0 25%,rgba(13,11,25,.25) 62%);z-index:-1}.menu-topbar{display:flex;justify-content:space-between;align-items:center;max-width:1380px}.brand{display:flex;gap:12px;align-items:center;color:#fff}.brand-mark{width:46px;height:46px;display:grid;place-items:center;transform:skew(-8deg);background:var(--yellow);color:var(--ink);font:900 22px Barlow Condensed;box-shadow:7px 6px 0 var(--pink)}.brand div{display:grid;line-height:1}.brand strong{font:900 19px Barlow Condensed;letter-spacing:.08em}.brand small{margin-top:5px;color:var(--yellow);font:700 9px DM Sans;letter-spacing:.22em}.icon-button,.hud-button{width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#0f0d1c8c;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-copy{position:relative;margin:clamp(46px,7vh,84px) 0 24px}.eyebrow{color:var(--yellow);letter-spacing:.28em;font:800 11px DM Sans;margin:0 0 12px;animation:eyebrow-glow 2.4s ease-in-out infinite alternate}@keyframes eyebrow-glow{0%{text-shadow:0 0 0 transparent}to{text-shadow:0 0 18px rgba(255,219,77,.55)}}.hero-copy h1,.hero-title{color:#fff;font:900 clamp(44px,6vw,76px)/.83 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.035em;margin:0;text-shadow:0 5px 22px rgba(0,0,0,.25);animation:title-in .7s cubic-bezier(.2,1.2,.4,1) both}.hero-copy h1 em,.hero-title em{color:var(--yellow);font-style:italic;display:inline-block;animation:title-em 2.8s ease-in-out infinite alternate}@keyframes title-in{0%{opacity:0;transform:translateY(18px) skew(-6deg)}to{opacity:1;transform:none}}@keyframes title-em{0%{filter:brightness(1)}to{filter:brightness(1.25);text-shadow:0 0 22px rgba(255,219,77,.55)}}.hero-copy>p:last-child,.hero-tag{color:#ffffffb3;font-size:13px;margin:17px 0 0;animation:title-in .85s .12s both}.title-sparkles{position:absolute;inset:0;pointer-events:none;overflow:visible}.title-sparkles i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px var(--yellow);opacity:0;animation:sparkle 2.6s ease-in-out infinite}.title-sparkles i:nth-child(1){left:8%;top:18%;animation-delay:0s}.title-sparkles i:nth-child(2){left:42%;top:4%;animation-delay:.4s;background:var(--pink);box-shadow:0 0 10px var(--pink)}.title-sparkles i:nth-child(3){left:68%;top:28%;animation-delay:.9s}.title-sparkles i:nth-child(4){left:22%;top:72%;animation-delay:1.3s;background:#7dffb3;box-shadow:0 0 10px #7dffb3}.title-sparkles i:nth-child(5){left:55%;top:62%;animation-delay:1.8s;background:var(--pink);box-shadow:0 0 10px var(--pink)}@keyframes sparkle{0%,to{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.3)}70%{opacity:.4;transform:scale(.8)}}.setup-panel{width:min(760px,92vw)}.setup-section{margin-top:20px}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:10px}.section-title span{display:grid;place-items:center;width:23px;height:18px;background:var(--pink);font:900 10px Barlow Condensed;transform:skew(-8deg)}.section-title h2{font:800 13px Barlow Condensed;letter-spacing:.09em;text-transform:uppercase;margin:0;color:#fff}.car-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.car-card{position:relative;min-width:0;padding:11px 12px 12px;text-align:left;color:#fff;border:1px solid rgba(255,255,255,.13);background:#1b182dbf;border-radius:5px;cursor:pointer;transition:.18s ease;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.car-card:hover{transform:translateY(-2px);border-color:#ffffff59}.car-card.selected{border-color:var(--yellow);box-shadow:inset 0 -3px 0 var(--yellow),0 10px 28px #0000002e;background:#29233bed}.car-card.selected:after,.track-card.selected:after{content:"✓";position:absolute;right:8px;top:7px;background:var(--yellow);color:var(--ink);width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900}.kart-swatch{height:42px;position:relative;filter:drop-shadow(0 8px 6px rgba(0,0,0,.25))}.kart-swatch i{position:absolute;width:58px;height:24px;left:50%;top:11px;transform:translate(-50%) skew(-7deg);background:var(--car);border-radius:7px 12px 4px 4px;box-shadow:-22px 9px 0 -5px #151522,22px 9px 0 -5px #151522}.kart-swatch b{position:absolute;width:28px;height:13px;background:var(--accent);left:50%;top:3px;transform:translate(-50%);border-radius:50% 50% 4px 4px}.car-heading{display:flex;flex-direction:column;margin:4px 0 9px}.car-heading span{color:#ffffff80;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.car-heading strong{font:800 17px Barlow Condensed;text-transform:uppercase}.stat-grid{display:grid;grid-template-columns:22px 1fr;gap:4px 6px;align-items:center}.stat-grid>span{color:#ffffff8c;font:800 8px Barlow Condensed}.stat-grid>i{height:3px;background:#ffffff1c}.stat-grid>i>b{height:100%;display:block;background:var(--yellow)}.compact{width:100%}.track-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px}.track-card{position:relative;display:grid;grid-template-columns:88px 1fr;align-items:center;gap:11px;padding:7px;text-align:left;color:#fff;border:1px solid rgba(255,255,255,.13);background:#1b182dbf;border-radius:5px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.track-card.selected{border-color:var(--yellow);background:#29233bed}.track-art{height:52px;border-radius:3px;overflow:hidden;background:linear-gradient(var(--sky) 0 52%,var(--ground) 53%);position:relative}.track-art:before{content:"";position:absolute;left:24px;top:20px;width:35px;height:50px;background:#333543;transform:perspective(30px) rotateX(40deg);border-left:3px solid var(--yellow);border-right:3px solid var(--pink)}.track-art i{position:absolute;width:11px;height:11px;border-radius:50%;background:#fff3ae;right:10px;top:8px;box-shadow:0 0 12px #fff3ae}.track-art span{position:absolute;left:5px;bottom:4px;font:800 6px DM Sans;letter-spacing:.12em;color:#fff}.track-card strong{display:block;font:800 16px Barlow Condensed;text-transform:uppercase}.track-card small{display:block;color:#ffffff7a;font-size:8px;line-height:1.35;margin-top:3px;max-width:210px}.difficulty-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.difficulty{padding:8px 9px;text-align:left;color:#fff;border:1px solid rgba(255,255,255,.12);background:#1b182db8;border-radius:4px;cursor:pointer}.difficulty strong{display:block;font:800 12px Barlow Condensed;text-transform:uppercase}.difficulty span{color:#ffffff6b;font-size:7px}.difficulty.selected{border-color:var(--yellow);background:var(--yellow);color:var(--ink)}.difficulty.selected span{color:#12101fa6}.start-button{width:100%;height:47px;margin-top:15px;border:0;border-radius:3px;background:var(--yellow);color:var(--ink);font:900 17px Barlow Condensed;letter-spacing:.08em;cursor:pointer;box-shadow:6px 6px 0 var(--pink);transition:.16s}.start-button:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--pink)}.start-button kbd{float:right;margin-right:15px;background:#12101f1f;padding:1px 8px;border-radius:2px}.control-hint{text-align:center;color:#ffffff61;font-size:8px;letter-spacing:.05em;margin:12px}.control-hint span{color:#ffffffbf}.hud{position:absolute;inset:0;z-index:5;pointer-events:none;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5)}.hud-top{position:absolute;left:25px;right:25px;top:20px;display:flex;align-items:flex-start;justify-content:space-between}.position-box{display:flex;align-items:baseline;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.position-box strong{font:italic 900 58px/.8 Barlow Condensed;color:var(--yellow)}.position-box span{font:800 15px Barlow Condensed;margin-left:4px}.race-meta{position:absolute;left:50%;transform:translate(-50%);display:grid;text-align:center;gap:4px}.race-meta span{font:800 10px DM Sans;letter-spacing:.25em;color:#ffffffa6}.race-meta strong{font:900 21px Barlow Condensed;letter-spacing:.08em}.time-box{display:grid;text-align:right}.time-box span{color:var(--yellow);font:800 9px DM Sans;letter-spacing:.2em}.time-box strong{font:800 25px Barlow Condensed;font-variant-numeric:tabular-nums}.minimap{position:absolute;right:18px;top:70px;width:190px;height:145px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.speedometer{position:absolute;right:29px;bottom:25px;display:flex;align-items:flex-end;gap:8px}.boost-button{position:absolute;right:164px;bottom:31px;width:96px;height:57px;pointer-events:auto;border:1px solid rgba(255,255,255,.24);border-radius:5px;background:#0c0b1794;color:#ffffff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;padding:7px 9px;cursor:pointer;transition:.16s}.boost-button>span{font:900 16px Barlow Condensed;text-align:left}.boost-button>strong{font:800 7px DM Sans;letter-spacing:.08em;border:1px solid rgba(255,255,255,.24);padding:3px 4px;border-radius:2px}.boost-button>i{grid-column:1/-1;display:flex;gap:5px;font-style:normal}.boost-button>i>b{width:21px;height:5px;border-radius:4px;background:#ffffff29;transition:.15s}.boost-button>i>b.filled{background:var(--yellow);box-shadow:0 0 9px #ffdb4dcc}.boost-button.armed{color:#fff;border-color:#ffdb4db3}.boost-button.active{background:var(--yellow);color:var(--ink);transform:scale(1.06);box-shadow:0 0 24px #ffdb4da6}.boost-button.active>i>b.filled{background:var(--pink)}.boost-button.empty{animation:boost-shake .18s linear}.boost-button.fired{animation:boost-fire .42s ease-out}.boost-button.pickup-pop{animation:boost-pop .38s ease-out}@keyframes boost-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes boost-fire{0%{transform:scale(1);box-shadow:0 0 0 transparent}35%{transform:scale(1.14);box-shadow:0 0 36px #ffdb4de6}to{transform:scale(1.06);box-shadow:0 0 24px #ffdb4da6}}@keyframes boost-pop{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}.damage-meter{position:absolute;left:27px;bottom:28px;width:168px;display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:center;padding:9px 11px;background:#0c0b178c;border:1px solid rgba(255,255,255,.2);border-radius:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.damage-meter>span{font:900 10px Barlow Condensed;letter-spacing:.12em}.damage-meter>strong{font:800 9px DM Sans;color:#ffffffb3;font-variant-numeric:tabular-nums}.damage-meter>i{grid-column:1/-1;height:6px;background:#ffffff21;border-radius:8px;overflow:hidden;font-style:normal}.damage-meter>i>b{display:block;width:100%;height:100%;background:#72f1a8;box-shadow:0 0 8px #72f1a8a6;transition:width .2s,background .2s}.damage-meter>i>b.warning{background:var(--yellow);box-shadow:0 0 8px #ffdb4db3}.damage-meter>i>b.critical{background:var(--pink);box-shadow:0 0 10px #ff4f7bcc;animation:health-pulse .5s ease-in-out infinite alternate}@keyframes health-pulse{to{filter:brightness(1.65)}}.speed-ring{width:106px;height:106px;border:7px solid rgba(255,255,255,.25);border-right-color:var(--yellow);border-top-color:var(--yellow);border-radius:50%;display:grid;place-content:center;text-align:center;background:#0b0a155c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:rotate(-8deg)}.speed-ring>*{transform:rotate(8deg)}.speed-ring strong{font:900 42px/.8 Barlow Condensed;font-variant-numeric:tabular-nums}.speed-ring span{font:800 8px DM Sans;letter-spacing:.16em;color:#ffffffa6}#gear{width:29px;height:34px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font:900 20px Barlow Condensed;transform:skew(-6deg)}.race-message{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) scale(.6) rotate(-4deg);font:italic 900 clamp(70px,13vw,150px)/1 "Barlow Condensed";color:var(--yellow);text-shadow:7px 7px 0 var(--pink),0 10px 40px rgba(0,0,0,.35);opacity:0;transition:.18s;pointer-events:none}.race-message.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg);animation:msg-pop .45s cubic-bezier(.2,1.4,.4,1)}.race-message.msg-boost{color:#57e7ff;text-shadow:7px 7px 0 #ff4f7b,0 0 40px rgba(87,231,255,.55)}.race-message.msg-item{color:#7dffb3;text-shadow:7px 7px 0 #6b3d7a,0 0 36px rgba(125,255,179,.5)}.race-message.msg-repair{color:#72f1a8;text-shadow:7px 7px 0 #1a5c3a,0 0 36px rgba(114,241,168,.55)}@keyframes msg-pop{0%{transform:translate(-50%,-50%) scale(.4) rotate(-8deg);filter:blur(2px)}60%{transform:translate(-50%,-50%) scale(1.08) rotate(-3deg)}to{transform:translate(-50%,-50%) scale(1) rotate(-4deg);filter:none}}.hud-button{position:absolute;top:18px;pointer-events:auto}.pause-button{right:232px}.sound-button{right:281px}.touch-controls{display:none}.overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#0a0914a3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.overlay-card{width:min(430px,calc(100vw - 36px));padding:34px;background:#1c192f;border:1px solid rgba(255,255,255,.14);box-shadow:12px 12px #ff4f7bc7;text-align:center}.overlay-card h2{font:900 38px Barlow Condensed;text-transform:uppercase;margin:0 0 22px}.secondary-button{border:0;background:transparent;color:#ffffff8c;font:800 10px DM Sans;letter-spacing:.13em;margin-top:18px;cursor:pointer}.results-card{width:min(520px,calc(100vw - 32px));padding:28px}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:-7px 0 16px;background:#ffffff0b;padding:12px}.result-summary div{display:grid;gap:2px;border-right:1px solid rgba(255,255,255,.1)}.result-summary div:last-child{border:0}.result-summary span{font:800 8px DM Sans;letter-spacing:.15em;color:#ffffff73}.result-summary strong{font:900 22px Barlow Condensed;color:var(--yellow)}.standings{display:grid;gap:3px;text-align:left}.standing-row{display:grid;grid-template-columns:25px 1fr 1fr 40px;align-items:center;padding:6px 9px;background:#ffffff0a;font-size:11px}.standing-row.player{background:var(--yellow);color:var(--ink)}.standing-row b{font:900 16px Barlow Condensed}.standing-row small{opacity:.5}.standing-row>strong{text-align:right}@media(max-height:780px)and (min-width:701px){.menu-screen{padding-top:18px}.hero-copy{margin:28px 0 15px}.hero-copy h1{font-size:46px}.hero-copy>p:last-child{margin-top:10px}.setup-section{margin-top:12px}.kart-swatch{height:30px;transform:scale(.82)}.car-heading{margin:0 0 5px}}@media(max-width:700px){.menu-screen{padding:18px 16px 34px;background:linear-gradient(#0d0c1cdb,#0d0c1cf7)}.menu-topbar{position:sticky;top:0;z-index:4}.hero-copy{margin:50px 0 22px}.hero-copy h1{font-size:49px}.setup-panel{width:100%}.car-picker{grid-template-columns:1fr 1fr}.car-card{display:grid;grid-template-columns:1fr}.car-heading{margin:0}.track-picker,.difficulty-picker{grid-template-columns:1fr}.touch-controls{display:block;position:absolute;inset:0}.touch-controls button{pointer-events:auto;position:absolute;bottom:max(28px,env(safe-area-inset-bottom));width:67px;height:67px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#0f0d1c6b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;font-size:25px;touch-action:none}.touch-steer button:first-child{left:18px}.touch-steer button:last-child{left:94px}.touch-pedals button:first-child{right:94px}.touch-pedals button:last-child{right:18px}.touch-controls button.go{background:#ffdb4dab;color:var(--ink);border-color:var(--yellow)}.speedometer{right:15px;bottom:115px;transform:scale(.75);transform-origin:right bottom}.boost-button{left:50%;right:auto;bottom:116px;transform:translate(-50%);width:76px;height:55px;padding:6px}.boost-button.active{transform:translate(-50%) scale(1.06)}.boost-button.fired{animation:boost-fire-touch .42s ease-out}.boost-button.pickup-pop{animation:boost-pop-touch .38s ease-out}@keyframes boost-fire-touch{0%{transform:translate(-50%) scale(1)}35%{transform:translate(-50%) scale(1.14)}to{transform:translate(-50%) scale(1.06)}}@keyframes boost-pop-touch{0%{transform:translate(-50%) scale(1)}45%{transform:translate(-50%) scale(1.12)}to{transform:translate(-50%) scale(1)}}.boost-button>strong{display:none}.boost-button>i>b{width:18px}.damage-meter{left:14px;top:77px;bottom:auto;width:126px;padding:7px 8px}.minimap{width:130px;height:100px;right:8px;top:68px}.hud-top{left:14px;right:14px}.position-box strong{font-size:45px}.race-meta{top:3px}.race-meta span{display:none}.race-meta strong{font-size:16px}.time-box strong{font-size:18px}.hud-button{top:auto;bottom:195px;width:36px;height:36px}.pause-button{right:15px}.sound-button{right:58px}}@media(hover:none)and (pointer:coarse){.touch-controls{display:block}}