@font-face{font-family:Kart;src:local("Trebuchet MS");font-display:swap}*{box-sizing:border-box}body{margin:0;color:#163e35;font-family:Kart,Segoe UI,sans-serif;background:#a3d9ce}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e78644;outline-offset:5px}#world{position:fixed;inset:0;display:block;width:100%;height:100%}#ui{position:relative;min-height:100vh}#ui[data-screen=home]{background:linear-gradient(90deg,#f0f2d8f0,#eff1d8c2 34%,#e9edd200 65%)}header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #163e3525;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:19px;font-weight:900;letter-spacing:-.6px}.brand-mark{background:#173e35;color:#fff5d6;border-radius:12px;width:40px;height:40px;font-size:31px;line-height:43px;text-align:center;font-style:italic;letter-spacing:-6px;padding-right:7px}.brand-mark span{color:#f2ca51}.brand-dot{font-size:10px;align-self:flex-start;margin-top:8px}nav{display:flex;align-items:center;gap:24px}.edition{font-size:10px;letter-spacing:2px;font-weight:700}.icon-button{border:1px solid #163e3540;background:#f7f4df99;border-radius:50%;width:42px;height:42px;font-size:21px;color:#163e35}.hero{padding:7vh 5% 130px;max-width:780px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.1px;display:flex;gap:10px;align-items:center}.eyebrow>span:empty{display:inline-block;background:#df7952;border-radius:50%;width:7px;height:7px}h1{font-size:clamp(65px,7.8vw,120px);font-weight:900;line-height:.96;letter-spacing:-6px;margin:30px 0 25px}h1>span{color:#ee8357}.hero-copy{font-size:16px;line-height:1.8;color:#4c6559;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary,.secondary{border:0;border-radius:9px;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-weight:800;transition:transform .18s,background .18s}.primary{background:#f8cc51;color:#213d31;box-shadow:0 5px #153e3510;min-width:195px}.primary:hover{background:#ffdc70;transform:translateY(-2px)}.primary span{font-size:22px}.secondary{background:#fbf9ea;color:#214439;border:1px solid #24483920}.secondary:hover{background:#fff}.hero-stats{display:flex;gap:35px;margin-top:45px}.hero-stats>div{display:flex;flex-direction:column;gap:9px;border-right:1px solid #143f3528;padding-right:30px}.hero-stats>div:last-child{border:0}.hero-stats b{font-size:32px;font-weight:900;letter-spacing:-1px}.hero-stats span{font-size:8px;letter-spacing:1.2px;font-weight:800}.destination{position:absolute;right:5%;bottom:105px;width:300px;color:#173d35;background:#fffae7e8;border-radius:12px;padding:24px;box-shadow:0 14px 50px #28433818;transform:rotate(-2deg)}.destination h2{font-size:25px;letter-spacing:-1px;margin:15px 0 10px}.destination .eyebrow{font-size:8px}.destination p{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1px}.destination p span{font-size:22px}footer{position:absolute;bottom:0;left:5%;right:5%;height:68px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #173e3530;font-size:9px;letter-spacing:1px;font-weight:800}footer i{margin:0 15px}.live-dot:before{content:"●";color:#4b9d69;margin-right:7px}.text-button{border:0;background:none;padding:12px;color:inherit;font-weight:700}.text-button:hover{text-decoration:underline}#ui[data-screen=characters],#ui[data-screen=tracks]{background:#f4f2e5f5;min-height:100vh}.selection{padding:30px 5%}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 30px}.section-heading h1{font-size:58px;letter-spacing:-3px;margin:20px 0 0}.section-heading p{font-size:13px;color:#698074;line-height:1.8}.characters{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.character{position:relative;display:flex;flex-direction:column;align-items:center;border:1px solid #254e3520;background:#fffef5;border-radius:14px;padding:20px;overflow:hidden;color:#214538;min-height:210px;transition:transform .2s}.character:before{content:"";position:absolute;background:var(--fruit);opacity:.14;width:150px;height:150px;border-radius:50%;top:24px}.character:hover{transform:translateY(-4px)}.character.selected{border:2px solid #254b3a;background:#f6efd6}.character-number{position:absolute;left:16px;top:16px;font-size:10px;color:#7d8c7d}.fruit{position:relative;font-family:"Segoe UI Emoji",sans-serif;font-size:74px;line-height:110px;filter:drop-shadow(0 8px 3px #25432c18);transition:transform .2s}.character:hover .fruit{transform:rotate(-8deg)}.character strong{font-size:19px;margin-bottom:12px}.pick{font-size:8px;letter-spacing:1.5px;font-weight:800;color:#6d8374}.selection-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.selection-bottom p{font-size:13px;color:#526a5d}.sep{margin:0 14px;color:#a7b1a3}.tracks{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.track{padding:0;background:#fffef6;border:1px solid #173e3520;border-radius:12px;overflow:hidden;text-align:left;color:#254638;transition:transform .2s}.track:hover{transform:translateY(-4px)}.track.selected{outline:2px solid #315746;outline-offset:2px}.track-art{height:130px;background:var(--track);position:relative;overflow:hidden;color:#294d4490}.track-art:before{content:"";position:absolute;inset:30% -20% -30%;border-radius:50%;background:#fff7cc36;transform:rotate(-15deg)}.track-art:after{content:"";position:absolute;right:13px;top:17px;width:28px;height:28px;border-radius:50%;background:#fff3c47a}.track-art svg{position:absolute;width:100%;height:100%;z-index:1;transform:rotate(-9deg)}.theme-cyber{color:#272448}.theme-cyber:before{border-radius:0;background:repeating-linear-gradient(90deg,#161d381f 0 13px,transparent 13px 22px)}.theme-jungle,.theme-forest{color:#f0f4d2}.track-number{position:absolute;left:12px;top:10px;font-size:10px;color:#203c37;z-index:2;font-weight:800}.theme-label{position:absolute;bottom:10px;left:12px;font-size:7px;letter-spacing:1.2px;color:#203c37;font-weight:900;z-index:2}.track-info{padding:13px}.difficulty{display:flex;justify-content:space-between;font-size:9px;color:#738573}.difficulty>span{color:#285640}.track h2{font-size:16px;letter-spacing:-.4px;margin:8px 0}.track p{font-size:10px;line-height:1.6;margin:0;color:#718170;min-height:30px}.track small{display:block;border-top:1px solid #214b3415;margin-top:9px;padding-top:9px;font-size:9px;color:#8b927f}.track-selection{padding-top:24px}.track-selection .section-heading{margin-bottom:24px}.track-selection .section-heading h1{font-size:52px}.hud{position:fixed;inset:0;pointer-events:none;color:#fff9e9;text-shadow:0 2px 8px #18383144}.hud button{pointer-events:auto}.hud-top{display:flex;align-items:center;gap:25px;padding:28px 3%;background:linear-gradient(#16383165,transparent)}.position{display:flex;gap:12px;align-items:center}.position strong{font-size:76px;font-weight:900;line-height:1}.position>span{font-size:12px;line-height:1.7;color:#fffbdfbb}.lap{border-left:1px solid #fff5;padding-left:25px;display:flex;flex-direction:column;gap:5px}.lap small,.race-clock small{font-size:10px;letter-spacing:1px}.lap strong{font-size:32px}.lap strong span{font-size:19px;opacity:.6}.race-clock{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.race-clock strong{font-size:27px;font-variant-numeric:tabular-nums}.hud-bottom{position:absolute;bottom:25px;left:3%;right:3%;display:flex;align-items:flex-end;justify-content:space-between}.minimap{background:#173f3970;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:18px;width:220px;height:160px}.race-help{font-size:10px;font-weight:900;word-spacing:8px;background:#214a3c66;padding:12px;border-radius:8px}.race-help span{font-size:8px;font-weight:400;color:#fff9}.telemetry{width:240px}.speed{display:flex;align-items:baseline;justify-content:flex-end;gap:9px}.speed strong{font-size:70px;line-height:1.2;font-weight:900;font-variant-numeric:tabular-nums}.speed span{font-size:10px}.boost{background:#173f39c9;border:1px solid #fff3;padding:17px;border-radius:13px}.boost>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.boost b{font-size:9px;letter-spacing:.5px}.boost kbd{border:1px solid #fff7;border-radius:3px;padding:3px;font-size:9px}.boost-meter{height:6px;background:#ffffff24;margin:12px 0 8px;border-radius:4px;overflow:hidden}.boost-meter i{display:block;height:100%;background:#f7d45a}.boost>span{font-size:9px;opacity:.75}.countdown{position:absolute;top:35%;left:0;right:0;text-align:center;font-size:100px;font-weight:900;font-style:italic;color:#ffdc63;text-shadow:0 6px 0 #21443c50}.scrim{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px;background:#1638316e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(450px,100%);background:#f8f4e7;border:1px solid #fff8;border-radius:20px;padding:35px;box-shadow:0 25px 100px #102b3440}.modal h1{font-size:52px;letter-spacing:-2px;line-height:1.1;margin:20px 0}.modal>p{font-size:13px;line-height:1.8;color:#6f8172}.modal>button{width:100%;margin-top:12px}.modal .eyebrow{font-size:9px}.setting{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#ebeada;border:0;border-radius:8px;padding:17px;text-align:left;color:#254839;font-size:13px}.setting b{font-size:9px;white-space:nowrap}.results{width:min(620px,100%)}.results h1{font-size:55px}.result-stats{display:flex;justify-content:space-between;border-block:1px solid #31503520;padding:15px 0}.result-stats>div{display:flex;flex-direction:column;gap:6px}.result-stats b{font-size:22px}.result-stats small{font-size:8px;letter-spacing:1px;color:#70816e}.standings{padding:0;list-style-position:inside;counter-reset:place}.standings li{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:12px;gap:12px;border-radius:7px;counter-increment:place}.standings li:before{content:counter(place,decimal-leading-zero);font-size:10px;color:#8a967e}.standings li>span:first-child{margin-right:auto}.standings .you{background:#ebe4bb}.standings b{font-size:8px;margin-left:6px}.standings li>span:last-child{font-size:11px;color:#6d7e6b}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);max-width:90%;padding:16px 24px;border-radius:12px;background:#173e35;color:#fff8de;box-shadow:0 5px 40px #0003;opacity:0;pointer-events:none;transition:.2s;z-index:10;font-size:13px}#toast.show{opacity:1;transform:translate(-50%)}@media(min-width:1600px){.hero{padding-top:10vh}.tracks{gap:22px}.track-art{height:170px}.track-info{padding:17px}.track h2{font-size:20px}.character{min-height:250px}.fruit{font-size:90px;line-height:145px}}@media(max-width:1100px){.tracks{grid-template-columns:repeat(3,1fr)}.edition{display:none}.destination{width:240px;right:3%}.hero h1{font-size:90px}.race-help{display:none}.section-heading h1{font-size:45px}.section-heading p{max-width:240px}.characters{gap:12px}.character{padding:14px}.hero-stats{gap:18px}}@media(max-width:700px){header{height:75px}.hero{padding-top:50px}.hero h1{font-size:76px}.hero-copy{font-size:13px}.destination{display:none}footer>span:first-child,footer>span:last-child{display:none}.hero-stats{gap:10px}.hero-stats>div{padding-right:15px}.characters,.tracks{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading h1,.track-selection .section-heading h1{font-size:40px}.section-heading p{max-width:none}.selection-bottom{align-items:stretch;flex-direction:column}.selection-bottom .sep{margin:0 5px}.hud-top{gap:12px}.position strong{font-size:52px}.lap{padding-left:12px}.race-clock small{max-width:110px;text-align:right}.minimap{transform:scale(.7);transform-origin:bottom left}.telemetry{width:190px}.hud-bottom{left:10px;right:10px}.speed strong{font-size:50px}.modal{padding:25px}.results h1{font-size:43px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.pilot-portrait{position:relative;width:160px;height:164px;overflow:visible;filter:drop-shadow(0 5px 3px #25432c10)}.character{padding-top:10px;padding-bottom:16px}.character strong{margin-top:3px;margin-bottom:9px}.character:before{top:32px;width:140px;height:140px}.pilot-body{transform-origin:100px 185px;animation:pilot-breathe 3.2s ease-in-out infinite;animation-delay:var(--pilot-delay)}.pilot-head{transform-origin:100px 104px;animation:pilot-look 5s ease-in-out infinite;animation-delay:var(--pilot-delay)}.pilot-eyes{transform-origin:100px 69px;animation:pilot-blink 4.8s infinite;animation-delay:var(--pilot-delay)}.pilot-wave{transform-origin:136px 143px;animation:pilot-wave 4s ease-in-out infinite;animation-delay:var(--pilot-delay)}.character:is(:hover,:focus-visible,.selected) .pilot-wave{animation-duration:1.2s}@keyframes pilot-breathe{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-2px) scaleY(1.015)}}@keyframes pilot-look{0%,to{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}@keyframes pilot-blink{0%,42%,46%,to{transform:scaleY(1)}44%{transform:scaleY(.08)}}@keyframes pilot-wave{0%,60%,to{transform:rotate(0)}70%,90%{transform:rotate(-13deg)}80%{transform:rotate(5deg)}}.race-help{display:block;max-width:430px;word-spacing:normal;padding:13px 16px;background:#173f39ed;border:1px solid #ffffff30;line-height:1.5;margin:0 12px}.control-keys{display:flex;flex-wrap:wrap;gap:4px 7px;align-items:center}.control-keys span{margin-right:7px}.drift-instruction{border-top:1px solid #ffffff25;margin-top:9px;padding-top:9px}.drift-instruction strong{color:#ffda65;font-size:10px;letter-spacing:.6px}.drift-instruction p{font-size:10px;font-weight:400;margin:5px 0;color:#fff5dd;line-height:1.6}.drift-instruction small{font-size:9px;font-weight:400;color:#d1dfd7}.drift-meter{height:7px;border-radius:5px;background:#ffffff24;overflow:hidden;margin:7px 0 5px}.drift-meter i{display:block;width:0;height:100%;background:#9dcabb}.drift-meter[data-ready=true] i{background:#ffda65;box-shadow:0 0 10px #ffdb67}.drift-status{font-size:10px;font-weight:700;color:#ffe080;min-height:30px}.boost-explanation{display:block;margin-top:8px;border-top:1px solid #ffffff25;padding-top:8px;font-size:9px;line-height:1.6;color:#e1eee5}.minimap{position:relative;height:180px}.map-legend{position:absolute;bottom:7px;left:15px;color:#ffdf72;font-size:9px;font-weight:800;letter-spacing:.6px}.map-legend i{display:inline-block;width:6px;height:6px;background:#ffda55;border-radius:50%;margin:0 4px 0 15px}@media(max-width:1100px){.race-help{max-width:360px;padding:10px}.minimap{display:none}.hud-bottom{gap:10px}}@media(max-width:700px){.pilot-portrait{width:140px;height:150px}.race-help{margin:0;max-width:calc(100% - 160px);padding:8px}.telemetry{width:150px}.control-keys{gap:2px 4px;font-size:9px}.control-keys span{font-size:7px;margin-right:1px}.drift-instruction p{font-size:9px}.drift-instruction small{display:none}.drift-instruction strong{font-size:9px}}@media(max-width:1100px){.minimap{display:block;position:fixed;top:105px;right:12px;width:150px;height:126px}.minimap canvas{width:150px;height:109px}.map-legend{font-size:8px;bottom:6px;left:10px}}