:root{--lime:#d5ff43;--white:#eff2ef;--muted:#85918f;--line:rgba(194,214,210,.18);--mono:"IBM Plex Mono",monospace;--display:"Barlow Condensed",Impact,sans-serif;--body:"Manrope",sans-serif;color-scheme:dark;font-family:var(--body);color:var(--white);background:#080e14;font-synthesis:none}*{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:2px solid var(--lime);outline-offset:6px}button{color:inherit}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button svg{width:21px;height:21px}#app{position:relative;width:100%;height:100svh;min-height:540px;overflow:hidden}#world{position:absolute;inset:0}#world canvas{display:block;width:100%;height:100%}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,11,16,.97) 0%,rgba(6,11,16,.79) 24%,rgba(6,11,16,.18) 50%,transparent 70%),linear-gradient(0deg,rgba(6,11,16,.8),transparent 27%,transparent 70%,rgba(6,11,16,.65));transition:background 1s}.grain{position:absolute;inset:0;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23noise)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 4.2%;height:105px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-family:var(--display);font-size:28px;font-weight:800;font-style:italic;letter-spacing:1.6px;line-height:1}.brand-mark{width:37px;height:37px;color:var(--lime)}.brand-sub{display:block;font-family:var(--mono);font-weight:400;font-style:normal;letter-spacing:1.8px;font-size:7px;margin-top:8px;color:#a2aaa6}.nav{display:flex;gap:31px;height:100%;align-items:center}.nav-item{position:relative;display:flex;gap:9px;align-items:center;background:none;border:0;padding:15px 0;font-family:var(--mono);font-size:10px;letter-spacing:1px;color:#99a4a2;height:100%}.nav-item span{font-size:8px;color:#54635f;align-self:center;margin-top:-8px}.nav-item.active{color:var(--lime)}.nav-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--lime)}.nav-item:hover{color:var(--white)}.header-actions{display:flex;gap:15px;align-items:center}.live-badge{font-family:var(--mono);font-size:8px;letter-spacing:1px;white-space:nowrap;display:flex;gap:8px;align-items:center;margin-right:12px}.live-badge i,.status-dot{height:5px;width:5px;background:var(--lime);display:inline-block;border-radius:50%;box-shadow:0 0 8px #d5ff4370}.icon-button{display:grid;place-items:center;background:none;border:0;width:29px;height:32px;color:#b3bdb8}.icon-button:hover{color:var(--lime)}.sound-waves{display:none}.sound-on .sound-waves{display:block}.sound-on .sound-slash{display:none}.intro{position:absolute;z-index:2;left:6.7%;top:50%;transform:translateY(-46%);animation:reveal .9s ease both}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--lime);font:9px var(--mono);letter-spacing:2px}.little-line{height:1px;width:26px;background:var(--lime)}h1{font:900 clamp(94px,9.5vw,156px)/.83 var(--display);letter-spacing:-1px;margin:31px 0 27px;font-style:italic}h1>span:not(.title-period){color:var(--lime)}.title-period{color:var(--lime);font-style:normal;display:inline-block;margin-left:6px;transform:translateY(-8px);font-size:.75em}.intro-copy{font-size:12px;line-height:1.95;letter-spacing:.25px;color:#a9b3af;margin:0 0 31px}.start-row{display:flex;align-items:center;gap:19px}.primary-button{display:flex;align-items:center;justify-content:center;gap:13px;border:0;clip-path:polygon(0 0,100% 0,100% 75%,94% 100%,0 100%);background:var(--lime);color:#0c130a;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:1px;padding:19px 23px;min-height:56px;min-width:208px;transition:background .2s,transform .2s}.primary-button:hover{background:#eaff99;transform:translateY(-2px)}.primary-button>span{font:24px var(--body);margin-left:16px;line-height:1}.primary-button svg{width:16px;height:16px}.start-note{font:8px/1.85 var(--mono);letter-spacing:1.1px;color:#a5ada6}.start-note b{font-size:7px;font-weight:400;color:#616d68;letter-spacing:.6px}.intro-controls{margin-top:38px;display:flex;gap:22px;align-items:center;font:8px var(--mono);letter-spacing:1px;color:#7e8b86}.intro-controls>span{display:flex;align-items:center;gap:5px}.intro-controls kbd:last-of-type{margin-right:6px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:22px;border:1px solid #69777055;border-bottom:2px solid #69777055;border-radius:3px;padding:3px 6px;font:9px var(--mono);color:#b7c0ba;background:#141f2270}.intro-controls button{background:none;padding:0;border:0;font:7px var(--mono);letter-spacing:.6px;color:#a5b0a8}.intro-controls button span{color:var(--lime);margin-left:3px}.district-info{position:absolute;right:4.4%;top:152px;text-align:right;color:#a1b4ae;animation:reveal 1.1s ease both}.district-top{font:7px var(--mono);letter-spacing:1.9px;display:flex;align-items:center;justify-content:flex-end;gap:20px}.crosshair{font:25px var(--mono);font-weight:400;color:var(--lime)}.district-name{font-size:27px;font-weight:500;letter-spacing:9px;margin-top:13px;color:#d7e3dc}.district-name span{display:block;font:10px var(--mono);letter-spacing:4.4px;margin-top:8px;color:#b9c9c3}.district-coordinate{font:7px var(--mono);letter-spacing:1px;margin-top:17px;color:#6b817c}.weather-line{display:flex;align-items:center;justify-content:flex-end;gap:13px;font:8px var(--mono);letter-spacing:1px;margin-top:23px}.weather-line svg{width:26px;height:24px;color:#7b9691}.weather-line span:last-child{padding-left:13px;border-left:1px solid var(--line);color:#dae7df}.car-caption{position:absolute;right:9%;bottom:115px;display:flex;align-items:center;gap:15px}.caption-rule{width:37px;height:1px;background:var(--lime)}.caption-number{font:9px var(--mono);color:var(--lime);margin-right:2px}.car-caption b{font:11px var(--mono);letter-spacing:2px;font-weight:500}.car-caption small{display:block;font:7px var(--mono);letter-spacing:1px;color:#70857e;margin-top:8px}.car-class{align-self:start;color:#c8d2c8;border:1px solid #69877566;font:7px var(--mono);letter-spacing:1px;padding:5px 7px;margin-left:12px}.status-bar{position:absolute;z-index:5;bottom:0;height:61px;left:4.2%;right:4.2%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:7px var(--mono);letter-spacing:1px;color:#75887e}.status-bar>span{display:flex;gap:8px;align-items:center}.status-bar b{font-weight:400;color:#b7c5ba}.status-bar>span:first-child>b{color:#485b51;margin:0 2px}.status-center{display:flex;gap:13px;font:9px var(--display);font-weight:500;letter-spacing:2.7px;color:#87988c}.status-center span:last-child{color:#53695e}.footer-plus{font:24px var(--mono);color:#afbdab;margin-left:18px}.hidden{display:none!important}.playing .scene-shade{background:linear-gradient(0deg,rgba(5,10,15,.75),transparent 27%,transparent 75%,rgba(5,10,15,.45))}.playing .nav{display:none}.playing .header{height:85px}.playing .live-badge{color:var(--lime)}.hud{position:absolute;inset:114px 6.2% 83px;pointer-events:none}.hud-top{display:flex;justify-content:space-between}.score-stat>span,.distance-stat>span{display:block;font:9px var(--mono);letter-spacing:2px;color:#98b5ac}.score-stat>strong{display:block;font:600 45px var(--display);letter-spacing:3px;margin-top:5px}.score-stat>small{display:block;font:8px var(--mono);letter-spacing:1px;margin-top:7px;color:var(--lime)}.distance-stat{text-align:right}.distance-stat>strong{font:500 29px var(--display);letter-spacing:1px;display:block;margin-top:9px}.distance-stat>strong small{font:9px var(--mono);color:#92a59c}.pause-button{pointer-events:auto;display:flex;gap:8px;align-items:center;background:#0d171c60;border:1px solid #69777044;padding:7px 10px;margin:17px 0 0 auto;font:8px var(--mono);letter-spacing:.8px;color:#a2b3a8}.pause-button kbd{height:18px;font-size:7px}.hud-bottom{position:absolute;bottom:12px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between}.car-health{width:235px;padding-bottom:5px}.meter-label{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1.2px;color:#9caf9d;margin-bottom:10px}.meter-label b{color:var(--lime);font-weight:400}.meter-track{height:5px;width:100%;background:#74896e30;transform:skew(-18deg)}.meter-track>div{height:100%;width:100%;background:var(--lime);transition:width .15s}.health-track>div{background:var(--lime)}.run-stats{display:flex;gap:22px;margin-top:19px;font:7px var(--mono);letter-spacing:.5px;color:#93a399}.run-stats b{color:#e3e9de;font-size:10px;margin-right:6px}.speed-cluster{width:249px}.speed-readout{display:flex;align-items:baseline;gap:12px;justify-content:flex-end}.speed-readout strong{font:700 italic 99px/.9 var(--display);letter-spacing:-1px;font-variant-numeric:tabular-nums}.speed-readout span{font:8px var(--mono);letter-spacing:1.5px;color:#8faba2}.speed-scale{display:flex;gap:4px;margin:16px 0}.speed-scale i{flex:1;height:7px;background:#7d936030;transform:skew(-25deg)}.speed-scale i.lit{background:var(--lime)}.nitro-row{display:flex;gap:12px;align-items:center}.nitro-row>span{font:14px var(--display);color:#65ddec;letter-spacing:1px}.nitro-track>div{background:#65ddec}.nitro-row kbd{height:20px;font-size:7px}.nitro-active .speed-readout{color:var(--lime);text-shadow:0 0 30px #c3fd4c50}.nitro-active .nitro-track>div{box-shadow:0 0 12px #65ddec}.event-message{position:absolute;left:50%;top:20%;transform:translate(-50%);font:700 italic 44px var(--display);letter-spacing:2px;color:var(--lime);text-align:center;opacity:0;transition:opacity .2s;white-space:nowrap;text-shadow:0 2px 25px #111}.event-message.visible{opacity:1}.event-message small{display:block;font:10px var(--mono);margin-top:9px;color:#dae7cf;letter-spacing:2px}#impact-flash{position:absolute;z-index:8;pointer-events:none;inset:0;background:radial-gradient(ellipse at center,transparent 25%,#ff224788);opacity:0}.modal-backdrop{position:absolute;z-index:12;inset:0;background:#0309109c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;padding:22px}.modal{position:relative;width:min(530px,100%);max-height:90svh;overflow-y:auto;background:#0b131aed;border:1px solid #91a8a144;padding:42px;box-shadow:0 30px 140px #0008}.modal:before{content:"";height:2px;width:70px;position:absolute;left:42px;top:-1px;background:var(--lime)}.modal-close{position:absolute;right:17px;top:16px;font-size:19px}.modal .eyebrow{font-size:8px}.modal h2{font:800 italic 60px/.95 var(--display);letter-spacing:1px;margin:25px 0 15px}.modal-copy{font-size:11px;line-height:1.9;color:#a1b2a8}.control-list{padding:19px 0;margin:0}.control-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.control-list dt{font:9px var(--mono);letter-spacing:1px;color:#b2c0b7}.control-list dd{margin:0;display:flex;gap:5px}.control-list dd span{font:8px var(--mono);color:#627569;align-self:center;margin:0 4px}.help-tip{border-left:2px solid var(--lime);padding-left:15px;color:#9daf9f;font-size:10px;line-height:1.9;margin:18px 0 25px}.help-tip b{color:var(--lime);font-weight:500}.modal .primary-button{width:100%;margin-top:18px}.secondary-button{width:100%;background:none;border:1px solid var(--line);padding:14px;color:#a9bbaf;font:9px var(--mono);letter-spacing:1px;margin-top:12px}.secondary-button:hover{border-color:var(--lime);color:var(--lime)}.result-score{font:700 80px var(--display);color:var(--lime);letter-spacing:3px;margin:18px 0 8px}.result-label{font:8px var(--mono);letter-spacing:2px;color:#8ba697}.result-grid{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:22px 0}.result-grid span{font:8px var(--mono);color:#79958c;letter-spacing:1px}.result-grid b{display:block;color:#e4eae1;font:500 26px var(--display);margin-top:9px}.score-table{width:100%;border-collapse:collapse;margin:25px 0;font:10px var(--mono)}.score-table td,.score-table th{padding:14px 4px;text-align:left;border-bottom:1px solid var(--line)}.score-table th{font-size:7px;color:#7a9b8b;font-weight:400;letter-spacing:1px}.score-table td:first-child{color:var(--lime)}.score-table td:last-child{text-align:right;color:#e0eadb}.score-table th:last-child{text-align:right}.empty-scores{border:1px dashed var(--line);padding:25px;text-align:center;font-size:11px;color:#89a390;margin:28px 0}.touch-controls{position:absolute;z-index:6;left:5%;right:5%;bottom:155px;display:none;gap:12px;pointer-events:auto}.touch-controls button{width:56px;height:48px;border:1px solid #a8d19c55;background:#101b22b0;border-radius:4px;font:24px var(--mono);color:#d5dfd0;touch-action:none;-webkit-user-select:none;user-select:none}.touch-controls button:nth-child(3){margin-left:auto;font-size:9px}.touch-controls button:last-child{color:var(--lime);font-size:18px}.touch-controls button:active{background:#d5ff4355}.loading{position:absolute;z-index:20;inset:0;background:#080e14;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px;color:#91a38b;font:9px var(--mono);letter-spacing:3px;transition:opacity .5s}.loading-mark{font:800 italic 80px var(--display);color:var(--lime);letter-spacing:-8px}.loading-bar{width:150px;height:2px;background:#243423;overflow:hidden}.loading-bar:after{content:"";display:block;width:60%;height:100%;background:var(--lime);animation:load 1s ease-in-out infinite}.loading.done{opacity:0;pointer-events:none}.fatal-message{font-size:12px;max-width:390px;line-height:2;letter-spacing:.5px;text-align:center;padding:20px}.fatal-message button{display:block;margin:20px auto;background:var(--lime);color:#131b10;border:0;padding:15px 28px;cursor:pointer}@keyframes reveal{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(170%)}}@media(min-width:1600px){.intro-copy{font-size:14px}.eyebrow{font-size:10px}.primary-button{padding:21px 28px;font-size:12px}.intro-controls{font-size:9px}.car-caption{bottom:140px}.header{height:119px}}@media(max-width:1100px){.header{gap:20px;margin:0 4%;height:91px}.nav{gap:21px}.nav-item{font-size:9px}.live-badge{display:none}.intro{left:6%}.intro-copy{font-size:11px}.district-info{right:4.5%;top:129px}.car-caption{right:5%;bottom:103px}.car-caption b{font-size:9px}.car-caption small{font-size:6px}.car-class,.status-center,.start-note{display:none}}@media(max-width:760px){#app{min-height:500px}.header{height:79px;margin:0 5%;gap:10px}.brand{font-size:24px;gap:7px}.brand-mark{width:29px}.brand-sub{font-size:6px;letter-spacing:1.2px}.nav{gap:15px}.nav-item{font-size:8px;letter-spacing:.5px}.nav-item span,.nav-item:first-child{display:none}.header-actions{gap:6px}.header-actions .icon-button{width:24px}.header-actions #fullscreen-button{display:none}.intro{left:7%;top:46%;transform:translateY(-35%)}h1{font-size:110px;margin:24px 0}.intro-copy{font-size:11px}.eyebrow{font-size:7px;letter-spacing:1.4px}.little-line{width:18px}.primary-button{min-height:50px;min-width:188px;padding:16px 19px;font-size:10px}.intro-controls{gap:15px;margin-top:26px;font-size:7px}.intro-controls button{display:none}.district-info{top:99px;right:6%}.district-top,.district-coordinate,.district-name{display:none}.weather-line{font-size:7px;margin-top:0;gap:8px}.weather-line svg{width:22px}.car-caption{bottom:90px;right:6%;gap:10px}.caption-rule{width:22px}.status-bar{left:5%;right:5%;height:53px;font-size:6px;letter-spacing:.5px}.footer-plus{display:none}.footer-right{gap:5px!important}.playing .header{height:69px}.playing .brand{font-size:22px}.hud{inset:93px 7% 69px}.score-stat>strong{font-size:36px}.distance-stat>strong{font-size:25px}.hud-bottom{bottom:0;gap:35px}.car-health{width:42%;padding-bottom:4px}.speed-cluster{width:45%}.speed-readout strong{font-size:74px}.speed-readout span{font-size:7px}.run-stats{gap:12px;font-size:6px;flex-wrap:wrap;margin-top:13px}.run-stats b{font-size:9px}.meter-label{font-size:6px;letter-spacing:.3px}.nitro-row{gap:8px}.speed-scale{gap:3px;margin:12px 0}.speed-scale i{height:5px}.event-message{font-size:35px;top:26%}.modal{padding:31px 26px}.modal:before{left:26px}.modal h2{font-size:52px}.modal-copy{font-size:10px}.touch-controls{display:flex;bottom:182px}.scene-shade{background:linear-gradient(90deg,#060b10d9 0%,#060b109c 40%,transparent 100%),linear-gradient(0deg,#060b10aa,transparent 35%)}.intro-controls kbd{font-size:8px;min-width:19px;height:20px}.car-caption small{letter-spacing:.5px}}@media(max-width:420px){h1{font-size:94px}.nav-item{font-size:7px}.header{gap:6px}.nav{gap:10px}.brand{font-size:21px}.brand-sub{font-size:5px}.header-actions{gap:0}.district-info{top:94px}.intro{top:43%}.intro-copy{font-size:10px}.intro-controls{gap:14px}.car-caption{bottom:75px}.caption-rule{display:none}.status-bar>span:first-child{gap:5px}.footer-right{font-size:5px}.score-stat>strong{font-size:31px}.touch-controls{bottom:171px}.touch-controls button{width:49px;height:43px}.speed-readout strong{font-size:65px}.speed-cluster{width:47%}.nitro-row kbd{display:none}}@media(max-height:670px)and (min-width:761px){.header{height:79px}.intro{top:51%}h1{font-size:105px;margin:22px 0}.intro-copy{font-size:10px;margin-bottom:22px}.intro-controls{margin-top:24px}.primary-button{min-height:48px;padding:14px 20px}.district-info{top:103px}.car-caption{bottom:83px}.status-bar{height:49px}.hud{top:99px;bottom:68px}.playing .header{height:72px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.modal:focus{outline:none}