:root{color:#f6e9d5;font-synthesis:none;--orange:#f36b34;--cream:#f6e9d5;--ink:#151714;--panel:#10120fb8;--line:#f6e9d533;background:#0d0e0c;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}button{font:inherit}#game-canvas{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.boot-screen{z-index:20;background:radial-gradient(circle at 72% 42%,#d25c2c3d,#0000 35%),linear-gradient(120deg,#080908fa,#12110ded);place-items:center;transition:opacity .7s,visibility .7s;display:grid;position:fixed;inset:0;overflow:hidden}.boot-screen:before{content:"";opacity:.13;background:repeating-linear-gradient(112deg,#0000 0 7%,#db6939 7.15% 7.3%,#0000 7.45% 15%);position:absolute;inset:-15%;transform:rotate(-7deg)}.boot-noise{opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");position:absolute;inset:0}.boot-screen.is-gone{opacity:0;visibility:hidden;pointer-events:none}.boot-content{z-index:1;text-align:center;width:min(620px,100vw - 48px);position:relative}.brand-mark{justify-content:center;gap:5px;margin-bottom:24px;display:flex}.brand-mark span{background:var(--orange);width:5px;height:33px;transform:skew(-16deg)}.eyebrow{color:var(--orange);letter-spacing:.32em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.boot-content h1{color:var(--cream);letter-spacing:-.065em;text-shadow:0 12px 50px #00000073;margin:0;font-size:clamp(64px,10vw,136px);font-style:italic;line-height:.82}.boot-content h1 span{color:#0000;-webkit-text-stroke:2px var(--cream)}.boot-copy{color:#f6e9d5a8;letter-spacing:.16em;text-transform:uppercase;margin:26px 0 32px;font-family:Arial,sans-serif;font-size:13px}.load-status{color:#f6e9d57a;letter-spacing:.17em;text-align:left;text-transform:uppercase;width:min(360px,80vw);margin:0 auto 18px;font-family:Arial,sans-serif;font-size:10px}.load-status i{background:#ffffff24;width:100%;height:2px;margin-bottom:10px;display:block;overflow:hidden}.load-status i:after{content:"";background:var(--orange);width:45%;height:100%;animation:1.2s ease-in-out infinite load;display:block}.load-status.is-ready{display:none}@keyframes load{0%{transform:translate(-110%)}to{transform:translate(250%)}}.start-button{min-width:220px;height:56px;color:var(--cream);background:var(--orange);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;border:1px solid #ffffff40;justify-content:space-between;align-items:center;gap:30px;padding:0 11px 0 24px;font-size:14px;font-weight:900;transition:filter .2s,transform .2s;display:inline-flex;transform:skew(-5deg);box-shadow:0 12px 38px #b1421940}.start-button>*{transform:skew(5deg)}.start-button:hover:not(:disabled){filter:brightness(1.12);transform:skew(-5deg)translateY(-2px)}.start-button:disabled{opacity:0;pointer-events:none}kbd{color:#fffc;text-align:center;text-transform:uppercase;background:#0000002e;border:1px solid #fff3;border-bottom-width:2px;min-width:25px;padding:5px 7px;font-family:Arial,sans-serif;font-size:9px}.support-message{color:#f3a37f;letter-spacing:.06em;min-height:16px;font-family:Arial,sans-serif;font-size:11px}.boot-footer{color:#f6e9d559;letter-spacing:.22em;text-transform:uppercase;justify-content:space-between;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:26px;left:30px;right:30px}.hud{z-index:5;pointer-events:none;transition:opacity .35s;position:fixed;inset:0}.is-hidden{visibility:hidden;opacity:0!important;pointer-events:none!important}.glass-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0d0f0dd9,#191a1587);box-shadow:0 12px 44px #0000002e}.race-panel{min-width:480px;height:82px;display:flex;position:absolute;top:24px;left:24px}.race-brand{border-right:1px solid var(--line);width:148px;padding:19px 20px}.race-brand b{color:var(--cream);letter-spacing:-.03em;font-size:18px;font-style:italic;display:block}.race-brand b:first-letter{color:var(--orange)}.race-brand span,.race-stats span{color:#f6e9d570;letter-spacing:.16em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:8px;font-weight:700}.race-stats{grid-template-columns:80px 95px 140px;align-items:center;display:grid}.race-stats>div{border-right:1px solid #ffffff1a;height:46px;padding:2px 16px}.race-stats>div:last-child{border:0}.race-stats span{margin-bottom:7px;display:block}.race-stats strong{letter-spacing:.03em;font-size:21px;font-style:italic}.race-stats strong small{color:#f6e9d566;margin-left:3px;font-size:11px}#time-value{font-size:17px}.controls-panel{pointer-events:auto;align-items:center;gap:9px;height:56px;padding:0 8px;display:flex;position:absolute;top:24px;right:24px}.icon-button{border:0;border-right:1px solid var(--line);color:#f6e9d58c;cursor:pointer;letter-spacing:.12em;background:0 0;min-width:59px;height:38px;font-size:8px;font-weight:700}.icon-button b{color:var(--cream);margin-top:4px;font-size:10px;display:block}.control-hint{align-items:center;gap:7px;padding:0 5px;display:flex}.control-hint>span{grid-template-columns:repeat(3,15px);gap:2px;display:grid}.control-hint kbd{min-width:15px;padding:2px;font-size:7px}.control-hint kbd:first-child{grid-column:2}.control-hint em{color:#f6e9d58c;text-transform:uppercase;font-family:Arial,sans-serif;font-size:8px;font-style:normal}.control-hint:nth-last-child(2) span,.control-hint:last-child span{display:block}.objective{min-width:285px;position:absolute;top:130px;left:28px}.objective p{color:#f6e9d57a;letter-spacing:.17em;text-transform:uppercase;margin:0 0 5px;font-family:Arial,sans-serif;font-size:9px;font-weight:700}.objective-row{align-items:baseline;gap:5px;display:flex}.objective strong{color:var(--orange);font-size:31px;font-style:italic}.objective span{color:#f6e9d559;font-size:13px}.objective i{background:linear-gradient(90deg, var(--orange), transparent);width:80px;height:1px;margin:0 7px}.objective em{color:var(--cream);font-family:Arial,sans-serif;font-size:10px;font-style:normal}.minimap-wrap{width:188px;height:210px;padding:12px;position:absolute;bottom:24px;right:24px;overflow:hidden}.map-title{color:#f6e9d573;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;font-family:Arial,sans-serif;font-size:8px;font-weight:700;display:flex}.map-title b{color:var(--orange)}#minimap{width:176px;height:176px;margin:5px -6px}.telemetry{filter:drop-shadow(0 8px 18px #0006);grid-template-columns:62px 145px 1fr;align-items:end;width:430px;height:110px;display:grid;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.gear{border-left:2px solid var(--orange);background:#0f110eb8;height:65px;padding:10px 12px}.gear span,.tach-labels span,.tach-labels small{color:#f6e9d573;letter-spacing:.15em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:7px;font-weight:700;display:block}.gear strong{color:var(--orange);margin-top:4px;font-size:29px;font-style:italic;line-height:1;display:block}.speed{align-items:baseline;gap:8px;padding:0 0 2px 14px;display:flex}.speed strong{letter-spacing:-.06em;font-size:68px;font-style:italic;line-height:.8}.speed span{color:#f6e9d580;text-transform:uppercase;font-family:Arial,sans-serif;font-size:8px;font-weight:700}.tachometer{padding:0 0 6px 12px}.tach-labels{align-items:baseline;gap:7px;display:flex}.tach-labels b{color:var(--orange);font-size:17px;font-style:italic}.tach-labels small{display:inline}.tach-track{background:repeating-linear-gradient(90deg,#ffffff29 0 2px,#0000 2px 13px);height:7px;margin-top:7px;position:relative;overflow:hidden}.tach-track i{background:linear-gradient(90deg, #e3d2af, var(--orange));width:10%;height:100%;transition:width 80ms linear;display:block}.tach-track em{background:#fff;width:2px;height:100%;position:absolute;top:0;right:12%}.surface-indicator{color:#f6e9d599;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-family:Arial,sans-serif;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:28px;left:26px}.surface-indicator i{border:2px solid var(--orange);width:8px;height:8px;transform:rotate(45deg)}.countdown{z-index:8;color:var(--cream);text-shadow:0 20px 80px #00000080;pointer-events:none;place-items:center;font-size:clamp(120px,22vw,280px);font-style:italic;font-weight:900;display:grid;position:fixed;inset:0}.countdown.pop{animation:.8s ease-out count-pop}.countdown.go{color:var(--orange);letter-spacing:-.06em;font-size:clamp(80px,16vw,190px)}@keyframes count-pop{0%{opacity:0;transform:scale(1.5)}22%{opacity:1;transform:scale(1)}78%{opacity:1}to{opacity:0;transform:scale(.85)}}.result-screen{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#231c1394,#080908ed);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.result-screen h2{letter-spacing:-.05em;text-transform:uppercase;margin:0 0 25px;font-size:clamp(48px,8vw,92px);font-style:italic}.result-position{align-items:baseline;gap:18px;display:flex}.result-position span,.result-grid span{color:#f6e9d57a;letter-spacing:.16em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:9px;font-weight:700}.result-position strong{color:var(--orange);font-size:58px;font-style:italic}.result-position small{font-size:18px}.result-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,170px);margin:12px 0 28px;display:grid}.result-grid div{text-align:center;padding:16px}.result-grid div+div{border-left:1px solid var(--line)}.result-grid span{margin-bottom:8px;display:block}.result-grid b{font-size:17px}.webgpu-badge{z-index:4;color:#f6e9d566;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;font-family:Arial,sans-serif;font-size:7px;font-weight:800;display:flex;position:fixed;bottom:244px;right:27px}.webgpu-badge i{background:#7ecc69;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #7ecc69}@media (width<=850px){.race-panel{min-width:0;height:66px;top:12px;left:12px}.race-brand{display:none}.race-stats{grid-template-columns:66px 78px 115px}.race-stats>div{height:42px;padding:3px 10px}.controls-panel{height:44px;inset:auto auto 12px 12px}.control-hint{display:none}.objective{top:92px;left:14px}.minimap-wrap{width:132px;height:150px;top:12px;bottom:auto;right:12px}#minimap{width:120px;height:120px}.telemetry{grid-template-columns:50px 120px 1fr;width:330px;bottom:73px}.speed strong{font-size:54px}.surface-indicator,.webgpu-badge{display:none}}@media (width<=560px){.minimap-wrap{display:none}.objective{top:88px}.telemetry{left:12px;transform:none}.boot-footer{display:none}}