@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=Barlow:wght@400;500;600;700;800&display=swap";:root{font-family:Barlow,Arial,sans-serif;color:#f5f1e6;background:#18272a;font-synthesis:none;--orange: #ff673e;--cream: #f5f1e6;--ink: #18272a}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffcc59;outline-offset:5px}button,a{color:inherit}#viewport{position:fixed;inset:0}#viewport canvas{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#0d1f22f0,#102123d9 27%,#13242647 58%,#1324260f),linear-gradient(0deg,rgba(15,30,32,.9),transparent 48%)}body:has(#hud:not(.hidden)) .vignette{background:linear-gradient(180deg,#14272b70,transparent 24%,transparent 65%,#14272b99)}.hidden{display:none!important}#header{position:relative;z-index:5;height:105px;margin:0 4.2%;display:flex;align-items:center;border-bottom:1px solid #ffffff26;gap:55px}.wordmark{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;letter-spacing:.7px;font-size:21px;line-height:.92;text-decoration:none;position:relative;padding-left:39px;display:flex;flex-direction:column;transform:skew(-5deg)}.wordmark>span:not(.brand-icon){color:var(--orange);font-size:24px}.wordmark sup{position:absolute;right:-12px;top:-1px;font:10px Arial}.brand-icon{position:absolute;left:0;top:12px;background:var(--cream);width:29px;height:18px;font-size:0;border-radius:2px}.brand-icon:before{content:"";position:absolute;right:2px;bottom:18px;width:4px;height:19px;background:var(--cream)}.brand-icon:after{content:"";position:absolute;right:2px;bottom:33px;width:17px;height:5px;background:var(--cream)}.brand-icon i:before,.brand-icon i:after{content:"";position:absolute;bottom:-6px;width:6px;height:4px;background:var(--orange)}.brand-icon i:before{left:2px}.brand-icon i:after{right:2px}nav{display:flex;gap:33px;height:100%;align-items:center}.nav-link{background:none;border:0;height:100%;padding:0;color:#c4cdca;font-size:11px;font-weight:700;letter-spacing:1.5px;position:relative}.nav-link.active{color:#fff}.nav-link.active:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--orange)}.nav-link span{color:var(--orange);font-size:15px}.sound{margin-left:auto;background:none;border:1px solid #ffffff35;padding:11px 14px;font-size:10px;font-weight:600;letter-spacing:1px}.sound span{color:#aebeb6;margin:0 9px 0 3px}#menu{position:relative;z-index:2;height:calc(100dvh - 156px);min-height:570px;margin:0 4.2%;display:flex;flex-direction:column;justify-content:space-between;padding-top:45px;padding-bottom:18px;pointer-events:none}#menu button{pointer-events:auto}.hero{max-width:690px}.eyebrow,.tiny{font-size:10px;letter-spacing:1.6px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:2px;color:#d4dfd7}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 14px #ff673e66}h1,h2{font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:-1px;line-height:.89;margin:24px 0}h1{font-size:clamp(60px,7.9vw,125px)}h1 em,h2 em{color:var(--orange);font-style:italic}h1 em{letter-spacing:-2px}.intro{font-size:14px;line-height:1.7;color:#c4cfc9;margin:23px 0 21px}.hero-meta{display:flex;gap:26px;font-size:8px;font-weight:700;letter-spacing:1.45px;color:#91a39c}.hero-meta span:first-child:before{content:"＋";color:var(--orange);margin-right:6px}.machine-label{position:absolute;right:4%;top:44%;display:flex;flex-direction:column;gap:7px;text-shadow:0 2px 12px #13282b}.machine-label .tiny{font-size:8px;letter-spacing:1.2px;color:#e2e7dc}.machine-label strong{font-family:Barlow Condensed,Impact,sans-serif;font-weight:700;font-size:27px;letter-spacing:1px}.machine-label strong span{color:var(--orange);font-size:17px;margin-left:12px}.machine-spec{font-size:8px;letter-spacing:1.3px;color:#e1e6dd}.label-line{position:absolute;left:-62px;top:21px;width:43px;height:1px;background:#f5f1e680}.label-line:before{content:"";position:absolute;left:-4px;top:-3px;width:5px;height:5px;border:1px solid var(--cream);border-radius:50%}.race-picker{width:100%;max-width:1100px;margin-top:30px}.section-label{display:flex;justify-content:space-between;margin-bottom:13px;font-size:9px;font-weight:700;letter-spacing:1.5px}.track-count{color:#a8b7af}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.track-card{display:flex;min-width:0;background:#1e3335d9;border:1px solid #68807c60;padding:0;text-align:left;height:104px;transition:background .15s,border .15s}.track-card:hover{background:#365151ed;border-color:#bac6b2}.track-card.selected{border-color:var(--orange);background:#263638ed}.track-art{position:relative;width:108px;flex-shrink:0;overflow:hidden;background:linear-gradient(140deg,#69817b60,#a8a78022),repeating-linear-gradient(0deg,transparent,transparent 13px,#d9e9dd0a 14px),repeating-linear-gradient(90deg,transparent,transparent 13px,#d9e9dd0a 14px);display:flex;align-items:center;justify-content:center}.art-1{background-color:#4f696b4a}.art-2{background-color:#53654a61}.track-art svg{width:95px;height:67px;transform:rotate(-12deg);overflow:visible}.track-art path{stroke:#d8e5d27d;stroke-width:6;fill:none;stroke-linejoin:round}.selected .track-art path{stroke:var(--orange)}.track-number{position:absolute;top:8px;left:9px;font-size:9px;color:#bfcac1}.selected-check{position:absolute;bottom:7px;right:8px;color:var(--orange);font-size:12px}.track-content{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:12px 13px;min-width:0}.track-content .tiny{font-size:7px;letter-spacing:1.4px;color:#a6b5ad}.track-content strong{font-family:Barlow Condensed,Impact,sans-serif;text-transform:uppercase;font-size:23px;white-space:nowrap;font-weight:700;letter-spacing:.1px}.track-details{font-size:7px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;display:flex;align-items:center;gap:7px;color:#b8c5be}.track-details i{width:2px;height:2px;border-radius:50%;background:#c7cdc1}.launch-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:17px}.keys-caption{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:1px;color:#aab8b1}.key{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a8bbb349;min-width:21px;height:22px;font-size:9px;border-radius:2px;color:#e0e6dc}.key.wide{padding:0 5px;margin-left:14px}.keys-caption>.key+span:not(.key){margin-left:4px}.primary{display:flex;align-items:center;justify-content:space-between;gap:45px;background:var(--orange);border:0;color:#17282b;min-width:240px;padding:17px 23px;font-size:13px;font-weight:800;letter-spacing:1.2px;box-shadow:0 6px 28px #121d2520;transition:background .15s,transform .15s}.primary:hover{background:#ff8759;transform:translateY(-2px)}.primary span{font-size:24px;line-height:20px;font-weight:500}#footer{height:51px;margin:0 4.2%;border-top:1px solid #ffffff23;position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;color:#92a49e;font-size:8px;font-weight:600;letter-spacing:1.15px}#footer b{font-size:18px;color:var(--orange);margin-left:17px}.panel{position:relative;z-index:3;height:calc(100dvh - 156px);padding:48px 0 30px;margin:0 4.2%;width:min(740px,90%);overflow:auto;scrollbar-width:thin}h2{font-size:clamp(44px,5vw,72px);line-height:.98}.panel>p{max-width:560px;font-size:14px;line-height:1.7;color:#c5d2c9}.setups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.setup{border:1px solid #a1b6a650;background:#21383aeb;padding:19px 16px;text-align:left}.setup.chosen{border-color:var(--orange)}.setup strong{display:block;font:700 27px Barlow Condensed,Impact,sans-serif;text-transform:uppercase;margin-top:14px}.setup .tiny{font-size:8px;color:#a9bcb2}.setup.chosen .tiny{color:var(--orange)}.setup p{font-size:11px;line-height:1.6;min-height:55px;color:#bacabe}.stat{display:flex;align-items:center;gap:12px;margin-top:10px}.stat span{font-size:7px;letter-spacing:1px;min-width:43px}.stat i{height:3px;flex:1;background:#607674}.stat b{display:block;height:100%;background:var(--orange)}.paint-row{display:flex;align-items:center;gap:30px;margin:25px 0 28px;font-size:10px;letter-spacing:1.3px}.paint-row>div{display:flex;gap:14px}.paint{width:24px;height:24px;border:0;border-radius:50%;background:var(--paint);outline:1px solid transparent;outline-offset:4px}.paint.chosen{outline-color:#fff}.school-panel{max-width:530px}.school-note{border-left:2px solid var(--orange);padding:8px 18px;margin:26px 0;background:#213538c9}.school-note strong{font-size:13px}.school-note p{font-size:12px;line-height:1.7;color:#b3c5b9}.source-links{display:flex;flex-direction:column;gap:13px;margin-bottom:28px}.source-links a{font-size:9px;font-weight:600;letter-spacing:1px;text-decoration:none;color:#e3e9de}.source-links a:hover{color:var(--orange)}#hud{position:fixed;inset:0;z-index:4;pointer-events:none;padding:32px 3.2%}.hud-top{display:flex;align-items:flex-start;gap:30px}.hud-top .tiny{text-transform:uppercase;font-size:10px}.position{display:flex;align-items:baseline;gap:10px}.position strong{font:800 italic 80px Barlow Condensed,Impact,sans-serif;line-height:1.1}.position span{font-size:20px;color:#d7e2d5}.timing{display:flex;flex-direction:column;margin-left:auto;gap:7px;text-align:right}.timing>strong{font:600 37px Barlow Condensed,monospace;font-variant-numeric:tabular-nums;letter-spacing:1px}.timing #best{font-size:8px;color:#d6e3d8}.hud-button{pointer-events:auto;border:1px solid #ffffff60;background:#19303575;width:40px;height:40px;font-size:19px}.hud-bottom{position:absolute;bottom:27px;left:3.2%;right:3.2%;display:flex;align-items:flex-end;justify-content:space-between}.map-block{display:flex;flex-direction:column;align-items:center;background:#13252970;border:1px solid #c0d3c32c;padding:0 10px 14px}.map-block .tiny{font-size:7px;letter-spacing:1px}.race-controls{display:flex;flex-direction:column;gap:7px;text-align:center;font-size:8px;letter-spacing:1.2px;color:#e0e6d8;padding-bottom:8px}.speedometer{text-align:right;width:220px}.speedometer>span:first-child{font-size:10px;font-weight:700;letter-spacing:2px;color:#c3d5c6}.speedometer .hot{color:var(--orange)!important}.speedometer>div:not(.boost-track){display:flex;align-items:baseline;justify-content:flex-end;gap:12px}.speedometer strong{font:800 italic 110px Barlow Condensed,Impact,sans-serif;line-height:1.1;font-variant-numeric:tabular-nums}.speedometer>div>span{font-size:11px;letter-spacing:2px}.boost-track{height:5px;background:#e3efdf40;margin:9px 0 12px}.boost-track>div{height:100%;background:var(--orange);transition:width .1s}.speedometer>.tiny{display:flex;justify-content:space-between;font-size:8px}#countdown{position:absolute;inset:34% 0 auto;text-align:center;font:800 italic 150px Barlow Condensed,Impact,sans-serif;color:var(--orange);text-shadow:0 8px 30px #18272a70}#race-message{position:absolute;inset:25% 0 auto;text-align:center;font-size:13px;letter-spacing:2px;font-weight:700;color:var(--cream);text-shadow:0 2px 12px #18272a}.overlay{position:fixed;inset:0;background:#10282bbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10}.dialog{width:min(480px,92vw);padding:40px;background:#1f3436;border:1px solid #92a39855;box-shadow:0 20px 100px #0b181a55}.dialog h2{font-size:62px}.dialog>p{color:#bac9bf;line-height:1.6;font-size:13px}.dialog .primary{width:100%;margin-top:25px}.secondary{background:transparent;border:1px solid #82978a80;width:100%;padding:14px;letter-spacing:1px;font-size:11px;font-weight:700;margin-top:12px}.text-button{display:block;margin:22px auto 0;background:none;border:0;font-size:9px;letter-spacing:1px;color:#bccbc1}.result-time{font:700 62px Barlow Condensed,monospace;color:var(--orange)}#results>p{font-size:10px;letter-spacing:1.3px}#error{position:fixed;inset:0;z-index:100;background:#18272a;padding:10vw}#touch-controls{display:none}@media(min-height:950px){#menu{padding-top:65px;padding-bottom:30px}.race-picker{margin-bottom:10px}.track-card{height:120px}.hero h1{font-size:clamp(100px,8.7vw,145px)}}@media(max-width:1100px){#header{height:85px}.hero h1{font-size:85px}#menu{height:calc(100dvh - 130px);padding-top:35px;min-height:570px}.track-art{width:78px}.track-content strong{font-size:21px}.track-content{padding:10px}.track-details{font-size:6px;gap:5px}.track-count{display:none}#footer{height:45px}.panel{height:calc(100dvh - 130px)}.machine-label{right:0;top:43%}.keys-caption{gap:3px}.key.wide{margin-left:8px}.primary{min-width:215px}.race-controls{display:none}}@media(max-width:760px){body{overflow:auto}#header{height:78px;gap:25px;margin:0 5%}.wordmark{font-size:15px;padding-left:31px}.wordmark>span:not(.brand-icon){font-size:18px}.brand-icon{transform:scale(.8);transform-origin:left;top:7px}nav{gap:15px}.nav-link{font-size:8px;letter-spacing:.7px}.sound{position:fixed;right:4%;bottom:12px;z-index:20;background:#1b3032;padding:8px;font-size:8px}.sound span{margin-right:2px}#menu{margin:0 5%;padding-top:26px;height:calc(100dvh - 121px);min-height:660px;padding-bottom:18px}.hero h1{font-size:clamp(58px,12.4vw,90px);margin:19px 0}.eyebrow{font-size:8px;letter-spacing:1.1px}.intro{font-size:12px;line-height:1.6;margin:18px 0}.hero-meta{font-size:6px;gap:18px}.machine-label{top:40%;right:2%}.machine-label strong{font-size:20px}.machine-label .tiny,.machine-spec{font-size:6px}.label-line{width:20px;left:-28px}.race-picker{margin-top:150px}.track-grid{gap:7px}.track-card{height:120px;display:flex;flex-direction:column}.track-art{height:45px;width:100%;flex-shrink:0}.track-art svg{width:65px;height:45px}.track-content{padding:9px 7px;gap:4px}.track-content .tiny{font-size:5px;letter-spacing:.7px}.track-content strong{font-size:18px}.track-details{font-size:5px;gap:3px;flex-wrap:wrap}.section-label{font-size:8px;letter-spacing:1px}.launch-row{flex-direction:column-reverse;gap:13px;margin-top:12px}.launch-row .primary{width:100%;padding:14px 18px}.keys-caption{font-size:6px}.key{font-size:7px;min-width:17px;height:18px}.key.wide{margin-left:10px}#footer{margin:0 5%;font-size:6px;height:43px}#footer>span:last-child{display:none}.vignette{background:linear-gradient(90deg,#13292ce8,#13292cb0 35%,#13292c14),linear-gradient(0deg,#13292c,#13292c00 80%)}.panel{height:calc(100dvh - 121px);margin:0 5%;padding-top:35px;width:90%}.panel h2{font-size:48px}.setups{grid-template-columns:1fr}.setup{padding:15px}.setup strong{margin-top:4px}.setup p{min-height:0}.stat{display:inline-flex;width:30%;margin-right:3%}.stat span{min-width:30px;font-size:6px}.paint-row{gap:16px;font-size:8px}#hud{padding:20px 5%}.position strong{font-size:62px}.timing>strong{font-size:29px}.hud-top{gap:17px}.hud-top .tiny{font-size:8px}.hud-bottom{bottom:100px;left:5%;right:5%}.map-block{padding:0;width:142px;height:118px}.map-block canvas{width:140px;height:100px}.map-block .tiny{font-size:4px}.speedometer{width:145px}.speedometer strong{font-size:80px}.speedometer>span:first-child{font-size:7px}.speedometer>.tiny{font-size:6px}.speedometer>div>span{font-size:9px}.dialog{padding:28px}.dialog h2{font-size:50px}#countdown{font-size:120px}#touch-controls{display:flex;position:absolute;bottom:25px;left:5%;right:5%;gap:9px;justify-content:space-between;pointer-events:auto}#touch-controls button{touch-action:none;-webkit-user-select:none;user-select:none;background:#173034bb;border:1px solid #d0ddc560;padding:16px 12px;font-size:12px;font-weight:700;min-width:45px}#touch-controls button:last-child{background:var(--orange);color:var(--ink);flex:1}#race-message{font-size:9px}}@media(max-height:780px)and (min-width:761px){#header{height:76px}#menu{height:calc(100dvh - 116px);min-height:510px;padding-top:25px}.hero h1{font-size:clamp(66px,7.3vw,100px);margin:18px 0}.intro{margin:14px 0;font-size:13px}.hero-meta{font-size:7px}.race-picker{margin-top:20px}.track-card{height:85px}.track-art{width:90px}.launch-row{margin-top:12px}.primary{padding:14px 20px}.machine-label{top:43%}#footer{height:40px}.panel{height:calc(100dvh - 116px);padding-top:30px}.panel h2{font-size:56px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:760px){.track-content strong{font-size:15px;letter-spacing:-.2px}.track-card{overflow:hidden}.track-content{max-width:100%}.track-content .tiny{white-space:nowrap;font-size:4.8px}}@media(max-width:760px){#touch-controls{gap:6px}#touch-controls button{padding:16px 9px;min-width:39px;font-size:10px}}.track-brief{font-size:10px;color:#c1d1c6;margin:11px 0 0;letter-spacing:.2px;line-height:1.5}.item-slot{--item-color: #abbfb5;position:absolute;left:50%;bottom:88px;transform:translate(-50%);display:flex;align-items:center;gap:14px;width:380px;min-height:77px;padding:14px 16px;border:1px solid #b2c6bc50;background:#132c30eb;box-shadow:0 8px 35px #152e3230;border-radius:5px}.item-slot.loaded{border-color:var(--item-color);box-shadow:0 0 30px #102c3240,inset 3px 0 0 var(--item-color)}#item-icon{display:grid;place-items:center;color:var(--item-color);font-size:33px;width:35px;flex-shrink:0}.item-slot>div{display:flex;flex-direction:column;gap:5px;flex:1}.item-slot .tiny{font-size:7px;letter-spacing:1.8px;color:#a0b8ae}#item-name{font-family:Barlow Condensed,Impact,sans-serif;font-size:22px;letter-spacing:.6px;color:var(--item-color)}#item-hint{font-size:9px;color:#c0d0c6}#item-key{border:1px solid #b7ccc278;padding:7px 10px;border-radius:3px;font-size:15px;color:var(--item-color)}.race-controls{position:fixed;bottom:24px;left:50%;transform:translate(-50%);font-size:7px;gap:5px}.standings{position:absolute;top:162px;left:3.2%;width:190px;display:flex;flex-direction:column;gap:5px}.standing{display:flex;align-items:center;gap:9px;padding:8px 10px;background:#142b2e99;border-left:2px solid #ffffff29;font-size:12px}.standing.you{border-color:var(--orange);background:#193033d9}.standing>b{font:600 18px Barlow Condensed,sans-serif;width:12px}.standing>i{height:6px;width:6px;border-radius:50%}.standing>span{flex:1;font-size:10px;font-weight:600}.standing small{display:block;color:#acc3b6;font-size:7px;font-weight:400;margin-top:3px;text-transform:uppercase;letter-spacing:1px}.race-sound{position:absolute;right:3.2%;top:144px;border:1px solid #c4d4cb66;background:#152e3299;padding:8px 12px;font-size:8px;letter-spacing:1.2px;pointer-events:auto}#status-badges{position:absolute;bottom:179px;left:50%;transform:translate(-50%);color:#b4ffee;font-size:11px;font-weight:700;letter-spacing:1.5px;text-shadow:0 2px 8px #183033}#hit-flash{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px 45px #ff375d;opacity:0}#hud .speedometer>span:first-child{text-shadow:0 2px 9px #14282b}.track-card:hover .track-art svg{transform:rotate(-5deg) scale(1.06)}.track-art svg{transition:transform .25s}.race-picker{max-width:1140px}@media(max-height:800px)and (min-width:761px){.track-brief{font-size:9px;margin-top:7px}.track-card{height:79px}.race-picker{margin-top:16px}.standings{top:135px}.standing{padding:6px 9px}.race-sound{top:130px}.item-slot{bottom:72px}}@media(max-width:760px){.track-brief{font-size:8px;line-height:1.5;min-height:24px;margin-top:8px}.race-picker{margin-top:130px}.item-slot{bottom:237px;width:290px;min-height:60px;padding:9px 12px;gap:9px}.item-slot .tiny{font-size:6px}#item-icon{font-size:27px;width:24px}#item-name{font-size:18px}#item-hint{font-size:7px}#item-key{font-size:12px;padding:6px 9px}#status-badges{bottom:308px;font-size:8px;white-space:nowrap}.standings{top:131px;left:5%;width:136px;gap:3px}.standing{padding:5px 6px;gap:6px}.standing>span{font-size:8px}.standing small{font-size:5px;letter-spacing:.6px}.standing>b{font-size:14px}.race-sound{right:5%;top:124px;font-size:7px;padding:7px}.race-controls{display:none}#touch-controls{gap:5px}#touch-controls button{min-width:34px;padding:16px 8px;font-size:9px}.track-content strong{font-size:16px}}.item-slot{pointer-events:auto;text-align:left;color:inherit}.item-slot.loaded:hover{background:#1c3b40}.item-slot:active{filter:brightness(1.12)}.item-slot{width:298px;min-height:65px;padding:10px 13px;bottom:70px;gap:10px}#item-name{font-size:20px}#item-hint{line-height:1.4}.speedometer .drift-meter{display:block;height:4px;width:100%;margin:7px 0;background:#172c3140;overflow:hidden}#drift-charge{height:100%;background:#75e8ee;transition:width .08s linear}#drift-charge.ready{background:#ffc360;box-shadow:0 0 12px #ffc36090}#hud .speedometer .drift-meter{display:block}.book-podium{display:flex;align-items:flex-end;justify-content:center;gap:9px;margin:25px auto 14px;max-width:390px}.podium-place{width:31%;text-align:center}.podium-place>span{display:block;font-size:9px;font-weight:800;margin:8px 0;color:var(--racer)}.book-stack{height:64px;border:3px solid var(--racer);background:repeating-linear-gradient(0deg,#e7dfc5 0px 3px,#c9c3aa 4px,#e7dfc5 5px);border-radius:3px 8px 8px 3px;color:#20373a;box-shadow:0 5px #12272a50;position:relative}.place-1 .book-stack{height:86px}.place-3 .book-stack{height:46px}.book-stack strong{display:block;font:italic 30px Impact,sans-serif}.book-stack small{font-size:5px;letter-spacing:.3px;font-weight:900}.podium-machine{height:47px;width:46px;position:relative;margin:auto;transform:rotate(-4deg)}.place-1 .podium-machine{animation:victory-wobble 1.8s ease-in-out infinite}.podium-machine:before{content:"";width:41px;height:23px;background:#eee4c9;border-bottom:7px solid var(--racer);position:absolute;left:0;bottom:3px;box-shadow:2px 3px #778783}.podium-machine:after{content:"";width:5px;height:30px;background:#849996;position:absolute;right:8px;top:0}.podium-machine i{position:absolute;top:0;right:0;width:24px;height:8px;background:#eadfc5;z-index:1;transform:rotate(-12deg)}.podium-machine b{position:absolute;bottom:0;left:5px;height:5px;width:6px;background:#142d31;box-shadow:24px 0 #142d31}.result-awards{display:flex;justify-content:center;gap:18px;border-top:1px solid #a0b8ae30;padding-top:13px}.result-awards span{font-size:7px;letter-spacing:.7px}.result-awards b{display:block;font:24px Impact,sans-serif;color:#ef8053;margin-bottom:3px}.book-podium~.result-time{font-size:42px;margin:15px 0 4px}@keyframes victory-wobble{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-4px)}}@media(max-width:760px){.item-slot{inset:165px 5% auto auto;transform:none;width:166px;min-height:58px;padding:8px;gap:7px}.item-slot .tiny,#item-key{display:none}#item-name{font-size:16px}#item-hint{font-size:7px}#item-icon{font-size:22px;width:20px}#status-badges{bottom:212px}.book-podium{margin-top:17px;max-width:300px}.book-podium~.result-time{font-size:35px}.result-awards{gap:11px}}@media(max-height:700px)and (min-width:761px){.book-podium{margin:14px auto 8px;max-width:330px}.book-stack{height:45px}.place-1 .book-stack{height:60px}.place-3 .book-stack{height:40px}.book-podium~.result-time{margin:9px 0 0;font-size:32px}.result-awards{padding-top:8px}}@media(prefers-reduced-motion:reduce){.place-1 .podium-machine{animation:none}}.crew-shortcut{display:block;margin-top:14px;border:0;border-bottom:1px solid #ef805380;background:#162c3070;padding:8px 10px;font-size:9px;letter-spacing:.8px;text-align:left;color:#f6c174;pointer-events:auto}.crew-picker{margin:24px 0 30px;padding:18px;border:1px solid #a1b6a635;border-radius:6px;background:#142c30df}.crew-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.crew-heading>.tiny{color:#c4d2c8;font-size:8px;letter-spacing:1.7px}.crew-modes{display:flex;gap:2px;padding:3px;background:#0e2226;border-radius:3px}.crew-modes button{padding:8px 11px;border:0;border-radius:2px;background:transparent;font-size:8px;font-weight:700;letter-spacing:.7px;color:#b2c7bd}.crew-modes button[aria-pressed=true]{color:#203438;background:#f1c16b}.rider-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.rider-card{position:relative;display:flex;align-items:center;gap:11px;min-width:0;padding:9px;border:1px solid #a1b6a63b;background:#1e383c;border-radius:4px;text-align:left;transition:border-color .15s,background .15s}.rider-card.selected{border-color:var(--crew);background:#2b4141;box-shadow:inset 3px 0 var(--crew)}.rider-card:hover{background:#2c4749;border-color:var(--crew)}.rider-card svg{width:49px;height:53px;flex-shrink:0}.rider-card>span{display:flex;flex-direction:column;gap:6px;min-width:0}.rider-card strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:20px;text-transform:uppercase;line-height:1.1}.rider-card small{color:#b5c8bd;font-size:6px;letter-spacing:1px}.rider-card>b{position:absolute;top:7px;right:7px;color:var(--crew);font-size:10px}.rider-bio{color:#dae1d3;font-size:12px;line-height:1.55;margin:14px 0 8px;min-height:37px}.crew-note{color:#94aca3;font-size:9px}.tuning-label{margin-top:20px;font-size:8px;color:#b8cbc0}#garage .setups{margin-top:12px}#garage-done{position:sticky;bottom:0;z-index:4;margin-top:18px;box-shadow:0 -6px 25px #142b30a0}.podium-rider{position:absolute;left:-9px;bottom:8px;width:12px;height:28px;background:var(--shirt);border-radius:5px 5px 2px 2px;transform:rotate(12deg);z-index:2}.podium-rider:before{content:"";position:absolute;width:12px;height:12px;border-radius:5px;background:var(--skin);top:-10px;left:1px}.podium-rider:after{content:"";position:absolute;width:19px;height:4px;border-radius:3px;top:6px;left:3px;background:var(--shirt);transform:rotate(18deg)}@media(max-width:760px){.crew-picker{margin-top:18px;padding:12px}.crew-heading{flex-wrap:wrap;gap:10px}.crew-heading>.tiny{font-size:7px}.crew-modes button{font-size:7px;padding:7px 9px}.rider-cards{gap:7px}.rider-card{gap:7px;padding:8px 6px}.rider-card svg{width:35px;height:39px}.rider-card strong{font-size:16px}.rider-card small{font-size:5px;letter-spacing:.4px}.rider-bio{font-size:10px}.crew-note{font-size:8px}#garage-done{width:100%}}@media(min-width:761px){#garage{width:min(560px,53vw);padding-top:30px}#garage h2{font-size:clamp(36px,4.1vw,57px)}#garage>p{font-size:12px}#garage .rider-card strong{font-size:17px}#garage .rider-card svg{width:38px;height:43px}#garage .crew-picker{padding:12px}#garage .crew-heading>.tiny{font-size:7px;letter-spacing:1px}#garage .crew-modes button{font-size:7px;padding:7px 8px}#garage .setup{padding:12px}#garage .setup strong{font-size:22px}#garage .setup p{font-size:10px}}@media(min-width:761px)and (max-width:1000px){#garage .rider-cards{grid-template-columns:1fr}#garage .rider-card{padding:6px 9px}#garage .rider-card svg{width:33px;height:37px}#garage .setups{grid-template-columns:1fr}#garage .setup p{min-height:0;margin:8px 0}#garage .stat{display:inline-flex;width:30%;margin-right:3%}#garage .stat span{min-width:30px;font-size:6px}}.podium-rider{width:4px;height:21px;left:-7px;bottom:13px;border-radius:3px}.podium-rider:before{width:11px;height:11px;border-radius:50%;left:-3px;top:-10px}.podium-rider:after{width:18px;height:3px;top:6px;left:0}.podium-rider>span{position:absolute;width:3px;height:13px;background:var(--shirt);bottom:-10px;left:-2px;border-radius:2px;transform:rotate(20deg)}.podium-rider>span:after{content:"";position:absolute;width:3px;height:13px;background:var(--shirt);top:-2px;left:5px;border-radius:2px;transform:rotate(-40deg)}.online-panel{max-width:1160px;width:calc(100% - 96px);padding-bottom:100px;z-index:12;background:#e8ede2f7;border:1px solid #bbc6b7;border-radius:18px;box-shadow:0 22px 90px #203c3926;margin:15px auto}.online-panel h2{font-size:clamp(36px,5vw,64px)}.online-panel>p{max-width:700px}.online-identity{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.online-identity label,.join-label,.online-filters label{font-size:10px;letter-spacing:1.2px;font-weight:800}.online-identity span{font-size:11px;color:#687a70}.online-panel input,.online-panel select{border:1px solid #9faf9e;border-radius:6px;background:#f9fbf5;color:#26392f;padding:11px 12px;font:inherit;min-width:0}.online-panel input:focus,.online-panel select:focus{outline:2px solid #ef744f;outline-offset:2px}.online-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.online-card{background:#f4f7ef;border:1px solid #b8c5b4;border-radius:10px;padding:24px}.online-card h3{font-size:30px;margin:8px 0 12px;letter-spacing:-1px}.online-card p{font-size:13px;line-height:1.6}.online-card .primary{width:100%;margin:14px 0 0}.online-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.online-filters label:last-child{grid-column:1/-1}.online-filters select{display:block;width:100%;margin-top:7px;font-size:12px;letter-spacing:0}.online-status{min-height:24px;font-size:13px;color:#336b5b;margin-bottom:12px}.online-status.is-error{color:#ab402c}.online-records,.online-players{list-style:none;padding:0;margin:8px 0 0}.online-records li{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #d4dccf;font-size:12px}.online-records li>span{flex:1;overflow-wrap:anywhere}.online-records li>b{color:#9aaa98}.online-records .text-button{font-size:9px;padding:5px}.online-join{display:flex;gap:8px;margin:10px 0 24px}.online-join input{flex:1;width:100%;font-size:12px}.online-join .secondary{margin:0}.join-label{display:block;margin-top:24px}.room-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;border-top:1px solid #b9c8b3;padding-top:15px}.online-players li{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:13px}.online-players i{width:12px;height:12px;border-radius:50%}.online-players span{flex:1;overflow-wrap:anywhere}.online-players small{font-size:9px;color:#718170}.online-panel button:disabled{opacity:.45;cursor:wait}.online-ghost-note{color:#5f7e75}#online-share{display:block;margin:12px auto}@media(max-width:760px){.online-panel{width:calc(100% - 24px);padding:24px 18px 80px}.online-grid{grid-template-columns:1fr}.online-card{padding:18px}.online-identity{align-items:flex-start;flex-direction:column}.online-identity input{width:100%}.online-records li{gap:7px}.online-records .text-button{max-width:58px}#header nav{gap:10px}#header .nav-link{font-size:9px}}.online-panel{color:#24382d;padding:32px 34px 80px}.online-panel>p{color:#607365}.online-panel .eyebrow,.online-panel .tiny{color:#647e6a}.online-panel .secondary{border-color:#adbea7}.online-panel .primary{color:#fdf8ed}.online-panel .text-button{color:#3f6b58}.online-panel em{color:#d8623f}.online-join .secondary{width:auto;flex:0 0 auto;padding:10px 18px}.online-panel{height:calc(100dvh - 126px)}.online-panel .online-card .primary{color:#fff}@media(max-width:760px){.online-panel{padding:26px 18px 60px;height:calc(100dvh - 118px)}.online-panel>h2{margin:20px 0}}.touch-caption,#touch-actions{display:none}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}#viewport,#hud,.overlay{height:100dvh}body:has(#hud:not(.hidden)){overflow:hidden;overscroll-behavior:none}#hud:not(.hidden)~.overlay,#hud button{touch-action:manipulation}.overlay{padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left))}.dialog{max-height:100%;overflow-y:auto;overscroll-behavior:contain}@media(any-pointer:coarse),(max-width:760px){body{overflow-y:auto}#header{margin-left:max(12px,var(--safe-left));margin-right:max(12px,var(--safe-right));padding-top:var(--safe-top);height:calc(78px + var(--safe-top));gap:12px}#header nav{margin-left:auto;gap:8px}#header .nav-link{min-height:44px;font-size:9px;letter-spacing:0}#menu,.panel{margin-left:max(16px,var(--safe-left));margin-right:max(16px,var(--safe-right))}.panel{width:auto;height:calc(100dvh - 122px - var(--safe-top) - var(--safe-bottom));padding-bottom:48px;overscroll-behavior:contain}.sound{position:absolute;top:100%;right:0;bottom:auto;min-height:44px;background:#1b3032;z-index:6}#footer{margin-bottom:var(--safe-bottom)}.keys-caption,.race-controls{display:none}.touch-caption{display:block;font-size:11px;line-height:1.5;color:#c1d1c6;margin:0;max-width:380px}#menu{padding-top:54px}input,select,.online-identity input,.online-identity select,.online-join input{font-size:16px}#hud{--control-bottom: calc(12px + var(--safe-bottom));padding:calc(12px + var(--safe-top)) max(16px,var(--safe-right)) 12px max(16px,var(--safe-left))}#hud button{min-height:44px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#pause{min-width:44px}#touch-actions{position:absolute;display:flex;gap:6px;top:calc(110px + var(--safe-top));right:max(16px,var(--safe-right))}#touch-actions button{width:auto;padding:8px;font-size:9px;font-weight:700}#touch-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,52px);gap:8px;position:absolute;left:max(16px,var(--safe-left));right:max(16px,var(--safe-right));bottom:var(--control-bottom);pointer-events:none}#touch-controls button{pointer-events:auto;touch-action:none;min-width:0;padding:8px;font-size:12px;font-weight:800;border-radius:8px;background:#173034df;border:1px solid #d0ddc580}#touch-controls [data-key=ArrowLeft]{grid-area:2 / 1}#touch-controls [data-key=ArrowRight]{grid-area:2 / 2}#touch-controls [data-key=ArrowDown]{grid-area:2 / 3}#touch-controls [data-key=Space]{grid-area:1 / 1}#touch-controls [data-key=ShiftLeft]{grid-area:1 / 4}#touch-controls [data-key=ArrowUp]{grid-area:2 / 4;background:var(--orange);color:var(--ink)}#touch-controls button.held{background:#f5cc65;border-color:#fff1bd;color:var(--ink);transform:translateY(2px)}.hud-bottom{bottom:calc(132px + var(--safe-bottom));left:max(16px,var(--safe-left));right:max(16px,var(--safe-right))}.item-slot{top:auto;left:50%;right:auto;transform:translate(-50%);bottom:calc(268px + var(--safe-bottom));width:min(290px,calc(100% - 32px));min-height:52px;padding:8px 12px}#item-key{display:none}#status-badges{bottom:calc(330px + var(--safe-bottom))}.standings{top:calc(120px + var(--safe-top));left:max(16px,var(--safe-left))}.race-sound{top:calc(160px + var(--safe-top));right:max(16px,var(--safe-right))}}@media(any-pointer:coarse)and (orientation:landscape){#menu{height:auto;min-height:0;padding-top:20px}.hero h1{font-size:64px;margin:12px 0}.hero-meta,.machine-label{display:none}.race-picker{margin-top:24px}.launch-row{flex-direction:row}.launch-row .primary{width:auto;flex-shrink:0}.hud-top{gap:12px}.position strong{font-size:44px}.timing>strong{font-size:26px}.timing #best,.map-block,.standings{display:none}#touch-controls{grid-template-columns:64px 64px 1fr 64px 64px;grid-template-rows:repeat(2,48px)}#touch-controls [data-key=ArrowDown]{grid-column:4}#touch-controls [data-key=ShiftLeft],#touch-controls [data-key=ArrowUp]{grid-column:5}#touch-actions{top:calc(68px + var(--safe-top))}.hud-bottom{top:calc(12px + var(--safe-top));bottom:auto;justify-content:center}.speedometer{width:130px}.speedometer strong{font-size:40px}.speedometer>span:first-child{font-size:7px}.speedometer .boost-track{margin:5px 0}.race-sound{top:calc(112px + var(--safe-top));right:max(16px,var(--safe-right));font-size:8px}.item-slot{bottom:var(--control-bottom);width:clamp(180px,30vw,270px);min-height:48px}#item-name{font-size:16px}#item-hint{font-size:8px}.item-slot .tiny{display:none}#status-badges{bottom:calc(72px + var(--safe-bottom))}#countdown{font-size:80px;top:30%}#race-message{top:36%;font-size:10px}}#tilt-status{display:none}@media(any-pointer:coarse),(max-width:760px){#touch-actions{flex-wrap:wrap;justify-content:flex-end;max-width:160px}#touch-tilt{flex-basis:100%}#touch-tilt[aria-pressed=true]{color:#f5cc65;border-color:#f5cc65}.race-sound{top:calc(210px + var(--safe-top))}#tilt-status{display:block;position:absolute;top:calc(258px + var(--safe-top));right:max(16px,var(--safe-right));width:160px;margin:0;font-size:10px;line-height:1.4;text-align:right;text-shadow:0 1px 4px #10282b}}@media(any-pointer:coarse)and (orientation:landscape){#touch-actions{max-width:none;flex-wrap:nowrap}#touch-tilt{flex-basis:auto}.race-sound{top:calc(112px + var(--safe-top))}#tilt-status{top:auto;bottom:calc(108px + var(--safe-bottom));left:50%;transform:translate(-50%);width:220px;text-align:center}}@media(any-pointer:coarse)and (min-width:761px)and (orientation:portrait){.hud-bottom{bottom:calc(148px + var(--safe-bottom))}.item-slot{bottom:calc(72px + var(--safe-bottom));min-height:52px;padding:8px 12px}.item-slot .tiny{display:none}#item-name{font-size:18px}#item-hint{font-size:9px}}@media(any-pointer:coarse)and (orientation:landscape)and (min-height:600px){.hud-bottom{top:auto;bottom:calc(132px + var(--safe-bottom));justify-content:space-between}.map-block,.standings{display:flex}.speedometer{width:180px}.speedometer strong{font-size:80px}}.race-classification{margin-top:18px;padding-top:8px;border-top:1px solid #a0b8ae30;font-size:10px;line-height:1.5;color:#c1d1c6}