@import "../_vendor/fonts.css";:root{color:#fff3df;font-synthesis:none;background:#c99e6b;font-family:Barlow,Arial,sans-serif;font-weight:500}*{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-offset:5px;outline:2px solid #f7c46d}#world,.vignette{position:fixed;inset:0}#world canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;z-index:1;background:linear-gradient(90deg,#2b190ca6,#0000 51%),linear-gradient(#2e1a0c61,#0000 24% 70%,#28160ad4)}header{z-index:3;justify-content:space-between;align-items:center;display:flex;position:fixed;top:30px;left:3.3%;right:3.3%}.brand{color:inherit;letter-spacing:1.2px;align-items:center;gap:11px;font-size:21px;font-weight:800;line-height:1;text-decoration:none;display:flex}.brand-icon{color:#f2a65a;font-size:42px;line-height:1}.brand-light{font-weight:400}.brand small{letter-spacing:3.3px;opacity:.7;margin-top:9px;font-size:8px;display:block}.race-info{gap:35px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.race-info>div{min-width:65px}.race-info .time-block{border-left:1px solid #ffffff25;border-right:1px solid #ffffff25;padding:0 32px}.eyebrow{letter-spacing:2px;color:#ecedde9c;font-size:9px;font-weight:600;display:block}.race-info strong{font-variant-numeric:tabular-nums;margin-top:5px;font-size:25px;font-weight:600;display:block}.race-info strong i{color:#ffffff70;font-size:13px;font-style:normal}.race-info strong>span{color:#ffffff80;font-size:16px}.top-actions{align-items:center;gap:12px;display:flex}#renderer-status{letter-spacing:1.4px;color:#fff9e9bf;margin-right:10px;font-size:8px}#renderer-status b{background:#f2a65a;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.icon-button{color:#fff3df;background:#33211a35;border:1px solid #ffffff38;border-radius:50%;width:34px;height:34px;font-size:17px;position:relative}.sound-slash{color:#e8933f;position:absolute;top:6px;left:14px}main{z-index:2;pointer-events:none;width:100vw;height:100dvh;position:relative}main button{pointer-events:auto}.intro{transition:opacity .4s,transform .4s;position:absolute;top:23%;left:6%}.intro.dismissed{opacity:0;pointer-events:none;transform:translate(-30px)}.intro.dismissed button{pointer-events:none}.tag{letter-spacing:2.8px;align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}.tag>span{background:#e8933f;width:20px;height:1px}.tag>b{letter-spacing:1px;color:#e8933f;border:1px solid #ffffff40;margin-left:5px;padding:4px 6px;font-size:9px}h1{letter-spacing:-1px;margin:24px 0 22px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(55px,6.9vw,102px);font-weight:700;line-height:.91}h1 em{color:#f2a65a;font-style:normal}.intro p{letter-spacing:.3px;color:#fff9e3b3;margin:0 0 25px;font-size:12px;line-height:1.9}.primary{color:#3a2415;letter-spacing:1.7px;background:#f2a65a;border:0;justify-content:space-between;align-items:center;gap:35px;min-height:47px;padding:0 21px;font-size:10px;font-weight:800;transition:background .2s,transform .2s;display:flex}.primary:hover{background:#ffc98f;transform:translateY(-2px)}.primary>span{font-size:23px;font-weight:400}.route-facts{color:#fff9e584;letter-spacing:1.2px;gap:18px;margin-top:23px;font-size:8px;display:flex}.route-facts span+span{border-left:1px solid #ffffff25;padding-left:18px}.route-facts b{color:#fff3df;margin-right:3px;font-size:11px}.map-panel{width:235px;position:absolute;bottom:94px;left:3.3%}.location{align-items:center;gap:10px;display:flex}.location-marker{color:#e8933f;font-size:26px}.location strong{letter-spacing:1.6px;font-size:10px;display:block}.location div>span{letter-spacing:1px;color:#ffffec75;margin-top:6px;font-size:7px;display:block}#minimap{filter:drop-shadow(0 3px 5px #0003);width:180px;height:130px;margin:12px 20px 3px;display:block}.map-footer{letter-spacing:1px;color:#fff9e3a6;border-top:1px solid #ffffff20;justify-content:space-between;padding-top:10px;font-size:8px;display:flex}.map-footer i{background:#f2a65a;border-radius:50%;width:5px;height:5px;margin:0 5px 1px 0;display:inline-block}.map-footer b{color:#e8933f}.vehicle-label{text-align:center;position:absolute;bottom:114px;left:50%;transform:translate(-50%)}.vehicle-label strong{letter-spacing:2.3px;margin:8px 0;font-size:15px;display:block}.vehicle-label strong>span{color:#efc384;vertical-align:middle;background:#ffffff13;margin-left:5px;padding:4px 5px;font-size:9px}.vehicle-label>div{letter-spacing:1.5px;color:#fff9e57a;font-size:7px}.speed-panel{width:207px;position:absolute;bottom:97px;right:3.3%}.drive-mode{letter-spacing:1.6px;text-align:right;color:#fff9e5a0;font-size:8px}.drive-mode>span{background:#dfbd77;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.speed-readout{justify-content:flex-end;align-items:center;gap:12px;display:flex}.speed-readout>strong{letter-spacing:-2px;font-variant-numeric:tabular-nums;font-family:Barlow Condensed,sans-serif;font-size:91px;font-weight:500;line-height:1.2}.speed-readout>div{flex-direction:column;align-items:center;gap:11px;margin-top:19px;display:flex}.speed-readout span{letter-spacing:1px;color:#ffffff8c;font-size:9px}.speed-readout b{border:1px solid #ffffff36;padding:2px 7px;font-size:15px;font-weight:500}.rev-meter{gap:3px;height:12px;margin-top:4px;display:flex}.rev-meter i{background:#ffffff25;flex:1;transform:skew(-15deg)}.rev-meter i.active{background:#f2a65a}.rev-meter i:nth-last-child(-n+3).active{background:#d8784e}.speed-footer{letter-spacing:1px;color:#fff9e599;justify-content:space-between;margin-top:13px;font-size:7px;display:flex}footer{z-index:3;letter-spacing:1.3px;color:#ffffff7a;border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;height:65px;font-size:8px;display:flex;position:fixed;bottom:0;left:3.3%;right:3.3%}.controls{gap:24px;display:flex}.controls>span{align-items:center;gap:4px;display:flex}.controls kbd{color:#fff9debd;text-align:center;border:1px solid #ffffff30;border-radius:2px;min-width:16px;padding:4px;font:7px Barlow,sans-serif}.controls kbd:last-of-type{margin-right:6px}.edition{letter-spacing:2px;font-size:8px}.edition span{color:#e6bc7e;margin-left:12px;font-size:17px}#countdown{text-shadow:0 5px 40px #0006;color:#f6b96d;font-family:Barlow Condensed,sans-serif;font-size:120px;font-weight:700;position:absolute;top:33%;left:50%;transform:translate(-50%)}#notice{letter-spacing:2px;opacity:0;background:#2e1d13b8;border-left:2px solid #e8933f;padding:12px 20px;font-size:12px;transition:opacity .3s;position:absolute;top:20%;left:50%;transform:translate(-50%)}#notice.visible{opacity:1}.leaderboard{width:190px;position:absolute;top:145px;left:3.3%}.leaderboard ol{margin:16px 0;padding:0;list-style:none}.leaderboard li{color:#ffffffa1;background:#2e1d132a;border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:10px;font-size:11px;display:flex}.leaderboard li.you{color:#f8c98f;background:#f2a65a30;border-left:2px solid #f2a65a}.leaderboard li b{margin-right:4px;font-weight:500}.leaderboard li span{border-radius:50%;width:5px;height:5px;margin-left:auto}.modal{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#33211af2;border:1px solid #ffffff26;width:min(440px,90vw);padding:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 100px #0005}.modal h2{color:#f2a65a;margin:18px 0;font-family:Barlow Condensed,sans-serif;font-size:40px}.modal p{color:#ffffffa6;margin-bottom:25px;font-size:13px;line-height:1.7}.modal .primary{width:100%}.secondary{color:#ffffff9c;background:0 0;border:0;margin:20px 0 0;font-size:11px}.touch-controls{display:none}#loading{z-index:10;background:#2e1d13;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading strong{letter-spacing:3px;font-size:12px}#loading>span{color:#ffffff80;font-size:11px}.loading-line{background:#ffffff20;width:200px;height:2px;overflow:hidden}.loading-line:after{content:"";background:#f2a65a;width:80px;height:2px;animation:1s ease-in-out infinite alternate load;display:block}@keyframes load{to{transform:translate(120px)}}[hidden]{display:none!important}@media (height>=850px){.intro{top:21%}.map-panel{bottom:100px}}@media (height<=740px) and (width>=801px){.intro{top:21%;left:5%}h1{margin:17px 0;font-size:70px}.intro p{margin-bottom:18px}.route-facts{margin-top:17px}.map-panel{width:210px;bottom:79px}#minimap{width:140px;height:98px;margin-top:8px;margin-bottom:0}.speed-panel{bottom:87px}.vehicle-label{bottom:93px}}@media (width<=1000px){.race-info{gap:16px}.race-info .time-block{padding:0 16px}.brand{font-size:17px}.brand-icon{font-size:35px}#renderer-status,.vehicle-label,.edition{display:none}.intro{left:5%}h1{font-size:75px}.map-panel{width:210px}}@media (width<=600px){header{align-items:flex-start;top:20px;left:5%;right:5%}.brand{font-size:14px}.brand small{letter-spacing:2px;font-size:6px}.brand-icon{font-size:30px}.race-info{gap:16px;top:65px;left:0;transform:none}.race-info strong{font-size:20px}.race-info .eyebrow{font-size:7px}.race-info .time-block{padding:0 15px}.race-info>div{min-width:50px}.icon-button{width:30px;height:30px}.intro{top:25%;left:6%}h1{margin:17px 0;font-size:67px}.intro p{margin-bottom:20px;font-size:11px}.tag{font-size:8px}.route-facts{gap:10px;margin-top:18px;font-size:7px}.route-facts span+span{padding-left:10px}.map-panel{width:150px;bottom:75px;left:6%}.location-marker{display:none}.location strong{letter-spacing:1px;font-size:8px}.location div>span{font-size:5px}.map-footer{font-size:6px}#minimap{width:130px;height:98px;margin:4px 0}.speed-panel{width:137px;bottom:85px;right:6%}.speed-readout>strong{font-size:67px}.speed-footer{font-size:5px}.drive-mode{font-size:6px}.rev-meter{gap:2px;height:8px}footer{height:48px;left:6%;right:6%}.controls{gap:9px;font-size:6px}.controls kbd{min-width:12px;padding:2px;font-size:6px}.controls>span{gap:2px}.controls span:nth-child(3){display:none}.leaderboard{width:150px;top:165px;left:6%}.leaderboard li{font-size:9px}.touch-controls.visible{z-index:4;gap:10px;display:flex;position:fixed;bottom:12px;left:5%;right:5%}.touch-controls button{color:#fff;touch-action:none;background:#33211a99;border:1px solid #ffffff50;border-radius:7px;width:52px;height:48px;font-size:25px}.touch-controls button:nth-child(3){margin-left:auto}.playing footer{display:none}.playing .map-panel,.playing .speed-panel{bottom:88px}}@media (width>=801px){.intro{top:19%}h1{font-size:clamp(55px,6.3vw,88px)}.map-panel{bottom:85px}#minimap{width:155px;height:112px;margin-top:8px}.route-facts{margin-top:18px}}@media (height<=800px) and (width>=801px){.intro{top:19%}h1{margin:16px 0;font-size:60px}.intro p{margin-bottom:16px}.map-panel{bottom:76px}#minimap{width:125px;height:82px}.route-facts{margin-top:13px}}