@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#eff6ec;background:#162c29;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;border:0;border-radius:12px;background:#304641;color:#fff;padding:12px 20px}button:focus-visible{outline:3px solid #fff;outline-offset:3px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #ffffff20}header>span{font-size:12px;letter-spacing:3px}.logo{font-size:35px;font-style:italic;letter-spacing:-3px}.logo span{color:#ffd44c;padding-left:8px}.menu{max-width:1200px;margin:60px auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:0 35px}.eyebrow{font-size:11px;letter-spacing:2px;color:#bdd280;font-weight:800}h1{font-size:clamp(40px,5vw,70px);line-height:1.08;letter-spacing:-3px;margin:25px 0}em{color:#ffd44c;font-style:normal}p{color:#b7c9bf;line-height:1.7;max-width:490px}.characters{display:flex;gap:10px;margin:28px 0}.character{font-size:26px;padding:12px;background:var(--c);border:3px solid transparent}.selected{border-color:#fff;transform:translateY(-5px)}.primary{background:#ffd44c;color:#20332f;font-weight:800;padding:18px 35px;box-shadow:0 5px #bb971e}.hint{font-size:12px;color:#96afa3;margin-top:26px}.poster{border-radius:28px;background:#c5df83;color:#20332f;padding:40px;position:relative;overflow:hidden;min-height:490px;transform:rotate(2deg)}.poster h2{font-size:60px;line-height:.95;letter-spacing:-3px;margin:0 0 20px}.cart{font-size:130px;transform:rotate(-12deg);margin:20px 0}.sticker{position:absolute;right:25px;top:25px;border-radius:50%;background:#ff774c;width:100px;height:100px;padding:27px;text-align:center;font-weight:800;transform:rotate(12deg)}footer{display:flex;justify-content:space-between;padding:25px 6%;font-size:12px;color:#96afa3}.game{max-width:1000px;margin:20px auto;position:relative}canvas{width:100%;display:block;border-radius:0 0 18px 18px}#hud{display:flex;justify-content:space-between;gap:12px;padding:18px 25px;background:#29443d;border-radius:18px 18px 0 0}#hud small{display:block;font-size:10px;letter-spacing:1px;color:#a7bcaf}#hud strong{display:block;font-size:24px;margin-top:7px}#hud i{font-size:12px;font-style:normal;color:#a7bcaf}#hud span{margin-right:10px}.collected{opacity:.4}.controls{max-width:1000px;margin:auto;display:flex;justify-content:space-between;padding:0 15px;touch-action:none}.pad{display:flex;gap:8px}.controls button{-webkit-user-select:none;user-select:none;touch-action:none}.center{text-align:center;max-width:none}.result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#162c29f5;border:1px solid #ffffff30;border-radius:20px;padding:28px;width:min(430px,90%);box-shadow:0 20px 100px #0007}.result h2{font-size:38px;margin:10px 0}.result ol{padding-left:25px;font-size:13px}.result li{padding:4px}.result li span{float:right;color:#a7bcaf}.result button{margin:5px}details{font-size:13px;max-width:460px}summary{cursor:pointer}@media(max-width:720px){header{height:72px}header>span{display:none}.menu{grid-template-columns:1fr;margin:35px auto;gap:30px;padding:0 22px}.poster{min-height:300px}.cart{font-size:90px}.poster h2{font-size:46px}.characters{gap:5px}.character{padding:9px}footer{display:block}footer span{display:block;margin-top:8px}#hud{padding:12px 10px;gap:5px}#hud strong{font-size:17px}#hud small{font-size:8px}#hud span{margin-right:3px}.game{margin:15px 5px}.result{padding:15px}.result h2{font-size:28px}.result li{padding:1px}}.feature-strip{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}.feature-strip span{font-size:11px;border:1px solid #ffffff25;padding:7px 12px;border-radius:30px;color:#c9dabf}.race-shell{max-width:1030px;margin:0 auto;padding:0 15px}.race-topline{display:flex;justify-content:space-between;gap:10px;margin:22px 0 12px;font-size:11px;font-weight:800;letter-spacing:1px;color:#c4d799}.race-shell .game{margin:0 auto 16px}canvas{touch-action:none;outline-offset:4px}.order-panel{flex:1}.order-panel strong{display:flex;flex-wrap:wrap;gap:7px}#hud .order-item{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ffffff30;border-radius:8px;font-size:22px;margin:0}#hud .order-item b{font-size:12px;font-weight:600}#hud .order-item i{font-size:15px;color:#ffdc51}.order-item.collected{opacity:1;background:#bdd58120;border-color:#bdd58155!important}.order-item.collected b{text-decoration:line-through;color:#b6cba8}.race-shell #hud{align-items:center}#hud>div:not(.order-panel){min-width:78px}#hud>div:not(.order-panel) strong{font-variant-numeric:tabular-nums}#boost.ready{background:#ffd44c;color:#20332f;font-weight:800;box-shadow:0 3px #b19029}.controls button{min-height:50px;min-width:50px}.controls button:active{transform:translateY(2px);background:#506c54}.race-shell .center{min-height:34px;margin:18px 0 12px;color:#d0ddbb;font-size:13px}.race-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:10px;color:#8caa99;padding-bottom:24px}#result:not(:empty){position:fixed;inset:72px 0 0;background:#0b1c19cc;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px}.result{position:relative;top:auto;left:auto;transform:none;background:#1e3933;border:1px solid #aac18e55;padding:28px;width:min(460px,100%);max-height:calc(100dvh - 108px);overflow:auto;text-align:center}.result h2{font-size:42px;margin:12px 0}.result-time{font-size:55px;font-weight:800;line-height:1.1;color:#ffd44c;font-variant-numeric:tabular-nums}.result-time span{display:block;color:#a7bcaf;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-top:6px}.comparison{font-size:13px;margin:18px 0;color:#d0ddbb}.result-stats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:11px;margin:18px 0}.race-table{margin:15px 0;text-align:left}.race-table summary{color:#a7bcaf;text-align:center;font-size:12px}.result .primary{display:block;width:100%;margin:0 0 10px}.result #new-order{width:100%;margin:0;background:#40564a}.result .text-button{padding:10px;background:transparent;color:#adbeaa;font-size:12px}button{transition:background .12s,transform .12s}.primary:hover{background:#ffe374}button:disabled{cursor:default}.race-table li{font-size:12px;padding:5px}#record-label{letter-spacing:0;color:#9ab99f}.menu>section,.poster{min-width:0}.characters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:420px}.character{min-width:0;padding:12px 4px}.menu p{max-width:100%}@media(max-width:720px){.race-shell{padding:0 6px}.race-topline{margin:15px 4px 10px;font-size:9px}.race-shell #hud{padding:10px;flex-wrap:wrap;gap:12px}.order-panel{flex-basis:100%;border-bottom:1px solid #ffffff20;padding-bottom:10px}.order-panel strong{flex-wrap:nowrap;justify-content:space-between}#hud .order-item{flex:1;justify-content:center;font-size:18px;gap:5px;padding:7px 4px}#hud .order-item b{font-size:10px}#hud>div:not(.order-panel){display:flex;align-items:center;gap:7px;flex:1}#hud>div:not(.order-panel) strong{margin:0;font-size:20px}#hud>div:not(.order-panel)>small:last-child:not(:first-child){display:none}.controls{padding:0 4px;gap:7px}.pad{gap:5px}.controls button{padding:12px;min-width:44px;min-height:48px}.controls #boost{padding:12px 15px;flex:1;max-width:155px;font-size:12px}.race-shell .center{font-size:12px;margin:15px 10px 10px}.race-legend{gap:8px;font-size:9px}.result{padding:22px}.result h2{font-size:36px}.result-time{font-size:48px}.result-stats{gap:9px}.feature-strip{gap:6px}.feature-strip span{font-size:10px}.poster{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){button{transition:none}}.three-shell{max-width:1400px}.three-game{height:clamp(420px,72dvh,800px);position:relative;overflow:hidden;border-radius:20px;background:#9fbab0}.world3d{width:100%;height:100%;display:block;border-radius:20px}.three-game #hud{position:absolute;top:12px;left:12px;right:12px;border-radius:14px;background:#183d35df;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;pointer-events:none}.three-game #hud .order-item{background:#16352b80}.three-game #radar{position:absolute;right:15px;top:110px;width:130px;height:91px;border:1px solid #fff5;border-radius:10px;box-shadow:0 4px 20px #0004}.three-game #collection{position:absolute;bottom:18px;left:50%;transform:translate(-50%);width:max-content;max-width:95%;pointer-events:none}.collect-card{display:flex;align-items:center;gap:14px;background:#16382ded;border:1px solid #ffe58a80;border-radius:18px;padding:12px 20px;box-shadow:0 10px 35px #0004}.collect-card strong{display:block;font-size:15px}.collect-card small{display:block;font-size:11px;color:#c8d7b4;margin-top:5px}.progress-ring{width:58px;height:58px;flex:none;border-radius:50%;background:conic-gradient(#ffda58 var(--progress),#456254 0);display:grid;place-items:center}.progress-ring span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#193e31;font-size:13px;font-weight:800;color:#ffdf7c}.three-game #countdown:not(:empty),.three-game #pause:not(:empty){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#13362cc9;z-index:4}.lobby{text-align:center;padding:25px;max-width:700px}.lobby-players{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:20px 0}.lobby-players>span{background:var(--c);border-radius:12px;font-size:30px;display:block;padding:10px 5px;color:#21392c}.lobby-players small{display:block;font-size:10px;font-weight:800;margin-top:5px}.lobby>b{font-size:90px;font-weight:800;color:#ffda58;line-height:1}.lobby p{font-size:13px;max-width:none}.pause-card{padding:30px;text-align:center}.pause-card h2{font-size:38px}.webgl-error{padding:35px;text-align:center;background:#203e34}.three-shell .controls{max-width:none}.menu-links{display:flex;gap:12px;margin-top:20px}.menu-links button{font-size:12px}.info-screen{max-width:850px;margin:40px auto;padding:20px}.info-screen h1{font-size:48px}.tabs{display:flex;gap:8px;margin:25px 0}.tabs .active{background:#ffd44c;color:#243a2e}.ranking{padding-left:35px}.ranking li{padding:12px 20px;border-bottom:1px solid #fff2}.ranking li span{float:right;color:#b6ce94}.ranking .you{background:#bdd58125;border-radius:8px}.roadmap-list li{padding:15px 0;color:#cfdfbd}.controls #pause-button{font-size:18px;padding:10px 16px}.race-header{height:80px}#pause-button:focus-visible{outline:3px solid #ffd44c}@media(max-width:720px){.race-header{height:64px}.three-game{height:clamp(400px,62dvh,620px)}.three-game #hud{top:8px;left:8px;right:8px;padding:8px;gap:8px}.three-game .order-panel{padding-bottom:6px}.three-game #hud>div:not(.order-panel){min-width:60px}.three-game #radar{width:88px;height:62px;top:125px;right:10px}.lobby-players{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lobby-players>span{font-size:24px;padding:8px}.lobby{padding:18px}.lobby>b{font-size:70px}.collect-card{padding:10px 12px;gap:10px}.collect-card strong{font-size:12px}.collect-card small{font-size:9px}.progress-ring{width:48px;height:48px}.progress-ring span{width:38px;height:38px;font-size:11px}.three-shell .controls{gap:5px}.controls #pause-button{padding:9px;min-width:35px}.three-shell .controls #boost{max-width:125px;padding:12px 10px}.three-shell .center{min-height:38px}.info-screen{margin:15px auto;padding:20px}.info-screen h1{font-size:36px}}.collecting{border-color:#72edbb}.pickup-success{border-color:#72edbb;background:#183e32f2}.pickup-check,.parking-symbol{font-size:32px;line-height:1;color:#7bf0bd;min-width:35px;text-align:center}.parking-symbol{color:#ffda58}.parking-cue{border-color:#ffda58}#threat:not(:empty){position:absolute;left:50%;bottom:110px;transform:translate(-50%);width:max-content;max-width:90%;background:#632d21f5;color:#fff3d2;border:2px solid #ffc07a;border-radius:12px;padding:10px 14px;font-weight:800;font-size:13px;z-index:3;pointer-events:none;text-align:center}@media(max-width:720px){#threat:not(:empty){bottom:100px;font-size:11px;padding:8px 10px}}.podium{margin:16px 0;padding:12px;background:#bbd38515;border-radius:12px;text-align:left}.podium h3{margin:0 0 8px;font-size:14px}.podium ol{list-style:none;padding:0;margin:0}.podium li{display:flex;justify-content:space-between;padding:6px;font-size:13px}.podium small,.xp-progress small{font-size:10px;color:#c8d7b4}.xp-progress{display:grid;gap:6px;text-align:left;margin:15px 0;font-size:12px}.xp-progress progress{width:100%;height:12px;accent-color:#ffda58}.result{max-height:95%;overflow-y:auto}.three-game .order-item i{min-width:24px;font-style:normal}@media(max-width:720px){.three-game .order-panel strong{flex-wrap:wrap;gap:4px}.three-game .order-item{font-size:12px}.three-game .order-item b{font-size:9px}}@media(max-width:720px){.three-game #radar{top:200px}}.practice-button{display:block;margin-top:10px;font-size:13px;border:1px solid #90bb9c;color:#d3ecc8}.impact-flash:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 45px #ff774eaa;pointer-events:none;z-index:3}.pickup-success{animation:purchase-pop .22s ease-out}@keyframes purchase-pop{0%{transform:scale(.95)}to{transform:scale(1)}}.controls #sound{font-size:11px;padding:9px;min-width:65px}.three-shell .controls{flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.pickup-success{animation:none}.impact-flash:after{box-shadow:inset 0 0 0 3px #ffb789}}#navigation{margin:12px auto 0;padding:10px 16px;background:#213e34;border:1px solid #9dbd7344;border-radius:12px;max-width:520px;text-align:center;color:#ffe190;font-weight:800;font-size:14px}#go:not(:empty){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(28px,5vw,64px);font-weight:900;color:#ffda58;text-shadow:0 3px 0 #153c31,0 0 20px #153c31;pointer-events:none;z-index:3}.game-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.game-options label,.online-screen label{display:grid;gap:7px;font-size:11px;color:#bcd0c7}.game-options select,.online-screen input{width:100%;min-width:0;background:#253f39;color:#eef8f0;border:1px solid #729082;border-radius:10px;padding:12px;font:inherit}.game-options select{font-size:12px}.menu #online-play{display:block;margin:12px 0;border:1px solid #8dcfa7}.online-screen label{margin:16px 0}.online-screen input{font-size:15px}.join-row{display:flex;gap:10px;margin:20px 0}.join-row input{flex:1;min-width:0}.online-screen #room-status{color:#ffdf72;margin:18px 0;font-size:13px}.online-screen #room-lobby{border-top:1px solid #ffffff25;margin-top:20px;padding-top:10px}.online-screen #room-lobby li{margin:10px 0}.online-screen #room-start{margin-left:10px}#sale-banner:not(:empty){position:absolute;left:16px;top:110px;max-width:55%;background:#842d62ed;color:#fff3fc;border:1px solid #ffacd7;border-radius:10px;padding:10px;font-size:12px;font-weight:800;pointer-events:none}.finish-sprint{outline:2px solid #70e8a4}.controls #drift{font-size:11px;border:1px solid #85cbd3}#room-lobby button{margin:5px}@media(max-width:720px){.game-options{grid-template-columns:1fr}.game-options label{grid-template-columns:80px 1fr;align-items:center}.game-options select{padding:10px}.join-row{flex-wrap:wrap}.join-row input{flex-basis:100%}#sale-banner:not(:empty){top:160px;left:10px;max-width:65%;font-size:10px;padding:7px}.controls #drift{min-width:55px;font-size:10px;padding:10px}.online-screen #room-start{margin-left:0}}#network-status:not(:empty){position:absolute;z-index:8;top:50%;left:50%;transform:translate(-50%,-50%);width:min(85%,440px);padding:22px;background:#18342ff5;border:2px solid #ffd45a;border-radius:16px;text-align:center;font-weight:700;color:#fff2bf;box-shadow:0 12px 40px #0006}.online-screen #network-status:not(:empty){position:static;transform:none;width:auto;margin-top:20px}#track-hint:not(:empty){position:absolute;bottom:18px;left:18px;max-width:min(65%,540px);padding:12px 16px;border:1px solid #ffdd76;background:#243d35ed;color:#fff1ba;border-radius:12px;font-size:13px;font-weight:700;pointer-events:none;z-index:2}@media(max-width:720px){#track-hint:not(:empty){bottom:10px;left:10px;max-width:85%;font-size:11px;padding:9px}}.settings-screen label{display:flex;justify-content:space-between;margin-top:28px;font-weight:700}.settings-screen input[type=range]{width:100%;margin:20px 0;accent-color:#ffd45a}.settings-screen output{color:#ffd45a}.settings-screen button{margin:16px 8px 0 0}.controls #brake{font-size:11px;border:1px solid #ffa281}.controls #brake.held{background:#ffb08a;color:#18342f}@media(max-width:720px){.controls #brake{padding:10px;min-width:55px;font-size:10px}}.series-choice{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:14px}.series-choice input{accent-color:#ffd45a;width:18px;height:18px}#series-bar{text-align:center;color:#ffe18a;padding:10px;font-weight:800;font-size:13px}