:root{--red: #d80027;--red-hot: #ff2d4b;--yellow: #ffd24a;--green: #35e06a;--cyan: #37d5ff;--purple: #c56bff;--ink: #05070c;--glass: rgba(6, 9, 16, .55);--line: rgba(255, 255, 255, .14)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Segoe UI,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}canvas#scene{position:absolute;inset:0;width:100%;height:100%;display:block}.mono{font-variant-numeric:tabular-nums;font-family:Consolas,SF Mono,Roboto Mono,monospace}.hidden{opacity:0!important;pointer-events:none}#hud{position:absolute;inset:0;pointer-events:none;transition:opacity .4s ease;text-shadow:0 2px 8px rgba(0,0,0,.85)}.panel{position:absolute;background:linear-gradient(160deg,#0a0e169e,#04060b80);border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(9px) saturate(1.2);box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0f}.timing{top:22px;left:22px;padding:12px 16px 14px;min-width:226px}.timing .row{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.timing .headline .label{font-size:11px;letter-spacing:.22em;color:#9fb0c8}.timing .headline .value{font-size:20px;font-weight:800}.timing .big .value{font-size:34px;font-weight:700;letter-spacing:-.02em;margin:2px 0 8px}.timing .small{font-size:12px;color:#b9c6d8;margin-top:3px}.timing .small .label{letter-spacing:.18em;color:#7d8da3;font-size:10px}.timing .delta .value.up{color:var(--red-hot)}.timing .delta .value.down{color:var(--green)}.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.sector{background:#ffffff0d;border-top:3px solid rgba(255,255,255,.22);border-radius:5px;padding:4px 6px 5px;font-size:10px;color:#96a6bd}.sector b{display:block;font-size:13px;color:#fff;font-variant-numeric:tabular-nums;font-family:Consolas,monospace}.sector.green{border-top-color:var(--green)}.sector.purple{border-top-color:var(--purple)}.sector.yellow{border-top-color:var(--yellow)}.shiftlights{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:8px 12px;background:var(--glass);border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(8px)}.shiftlights i{width:13px;height:13px;border-radius:50%;background:#ffffff17;box-shadow:inset 0 0 3px #000c;transition:background .05s linear,box-shadow .05s linear}.shiftlights i.on-g{background:var(--green);box-shadow:0 0 12px var(--green)}.shiftlights i.on-r{background:var(--red-hot);box-shadow:0 0 12px var(--red-hot)}.shiftlights i.on-b{background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.cluster{bottom:22px;left:50%;transform:translate(-50%);padding:10px 18px 12px;width:420px}.rpmbar{height:7px;border-radius:4px;background:#ffffff17;overflow:hidden}.rpmfill{height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),var(--green) 45%,var(--yellow) 74%,var(--red-hot));transition:width .04s linear}.clusterrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:6px}.stack{text-align:center}.speed{font-size:44px;font-weight:800;line-height:1;letter-spacing:-.03em}.rpm{font-size:26px;font-weight:700;line-height:1;color:#cfe0f2;padding-top:12px}.unit{font-size:9.5px;letter-spacing:.28em;color:#8a9ab1;margin-top:4px}.gearbox{width:74px;height:74px;margin:0 8px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle at 50% 30%,#d8002759,#00000059);border:1px solid rgba(255,90,110,.35)}.gear{font-size:42px;font-weight:900;line-height:1}.pedals{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.pedal{height:5px;background:#ffffff17;border-radius:3px;overflow:hidden}.pedal i{display:block;height:100%;width:0%;transition:width .05s linear}.pedal .thr{background:var(--green)}.pedal .brk{background:var(--red-hot)}.map{top:22px;right:22px;padding:10px 10px 6px}#minimap{display:block;width:230px;height:230px}.maplabel{text-align:center;font-size:10px;letter-spacing:.2em;color:#93a3ba;padding:4px 0 2px}.driver{position:absolute;bottom:24px;left:24px;display:flex;align-items:center;gap:10px;background:linear-gradient(100deg,#d80027d9,#78001673);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px 14px 8px 10px;backdrop-filter:blur(6px)}.driver .num{font-size:30px;font-weight:900;font-style:italic;line-height:1}.driver .who b{display:block;font-size:15px;letter-spacing:.1em}.driver .who span{font-size:9px;letter-spacing:.2em;color:#ffffffbf}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:900;letter-spacing:.06em;opacity:0;transition:opacity .35s ease;text-align:center}.toast small{display:block;font-size:15px;letter-spacing:.24em;font-weight:600;color:var(--yellow)}#menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:radial-gradient(ellipse at 50% 0%,rgba(216,0,39,.25),transparent 60%),linear-gradient(180deg,#070a12,#01030a 60%);transition:opacity .7s ease;z-index:10}#menu.gone{opacity:0;pointer-events:none}.menu-inner{text-align:center;max-width:720px;width:100%;margin:auto;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.touch-help{display:none}#menu h1{font-size:76px;margin:0;font-weight:900;font-style:italic;letter-spacing:-.03em}#menu h1 span{color:var(--red);margin-left:10px}#menu h2{font-size:13px;font-weight:600;letter-spacing:.28em;color:#93a3ba;margin:0 0 26px}#loadbar{width:320px;height:4px;margin:0 auto;border-radius:3px;background:#ffffff1f;overflow:hidden}#loadbar i{display:block;height:100%;width:0%;background:var(--red);transition:width .25s ease}#loadtext{font-size:11px;letter-spacing:.2em;color:#7f8fa6;margin:10px 0 22px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:26px;text-align:left;margin:0 auto 24px;max-width:620px}.controls h3{font-size:10px;letter-spacing:.28em;color:var(--red);margin:0 0 10px}.controls ul{list-style:none;margin:0;padding:0;font-size:12.5px;color:#c2cede;line-height:2}kbd,.controls b{display:inline-block;min-width:20px;text-align:center;background:#ffffff17;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:5px;padding:1px 6px;margin-right:3px;font-size:11px;font-family:inherit;color:#fff}#startBtn{pointer-events:auto;cursor:pointer;font:inherit;font-weight:800;letter-spacing:.22em;font-size:15px;padding:15px 46px;border-radius:40px;border:0;color:#fff;background:linear-gradient(100deg,var(--red),#8a0018);box-shadow:0 12px 40px #d8002773;transition:transform .15s ease,filter .15s ease}#startBtn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12)}#startBtn:disabled{opacity:.35;cursor:default;box-shadow:none}#menu small{display:block;margin-top:16px;font-size:10.5px;letter-spacing:.16em;color:#6d7c92}.mode-selector{margin:18px 0 24px;text-align:center}.mode-selector h3{font-size:11px;letter-spacing:.28em;color:var(--yellow);margin:0 0 14px}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.mode-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 12px;color:#fff;cursor:pointer;text-align:center;transition:all .2s ease;font:inherit}.mode-card:hover{background:#ffffff14;border-color:#ffffff47;transform:translateY(-2px)}.mode-card.active{background:linear-gradient(145deg,#d8002759,#0a0e1699);border-color:var(--red-hot);box-shadow:0 0 20px #d8002759}.mode-icon{font-size:28px;margin-bottom:6px}.mode-name{font-size:13px;font-weight:800;letter-spacing:.1em;color:#fff}.mode-desc{font-size:10px;color:#93a3ba;margin-top:6px;line-height:1.3}.mode-options{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.mode-options label{font-size:11px;letter-spacing:.2em;color:#93a3ba}.lap-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;padding:4px 14px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.lap-btn:hover{background:#ffffff1f}.lap-btn.active{background:var(--red);border-color:var(--red-hot)}.leaderboard{top:220px;left:22px;padding:10px 14px;min-width:226px}.lb-title{font-size:10px;letter-spacing:.24em;color:var(--yellow);font-weight:700;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.lb-list{display:flex;flex-direction:column;gap:4px}.lb-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:3px 6px;border-radius:4px;background:#ffffff08}.lb-row.player{background:#d8002759;border-left:3px solid var(--red-hot);font-weight:800}.lb-rank{font-weight:800;width:22px;color:var(--yellow)}.lb-name{flex:1;letter-spacing:.08em;text-align:left}.lb-gap{font-family:Consolas,monospace;font-size:10px;color:#a0b2c6}.overtake-hud{top:220px;left:22px;padding:12px 16px;min-width:226px}.overtake-hud .headline .value{color:var(--yellow);font-size:24px;font-weight:800}.countdown-overlay{position:absolute;top:120px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;transition:opacity .3s ease}.lights-box{display:flex;gap:14px;padding:14px 22px;background:#0a0c12d9;border:2px solid rgba(255,255,255,.15);border-radius:16px;backdrop-filter:blur(12px);box-shadow:0 10px 40px #000c}.light{width:28px;height:28px;border-radius:50%;background:#1e222b;border:2px solid #323846;box-shadow:inset 0 0 6px #000;transition:background .08s ease,box-shadow .08s ease}.light.red-on{background:#f02;border-color:#f67;box-shadow:0 0 25px #f02,inset 0 0 8px #fff}.countdown-text{font-size:28px;font-weight:900;letter-spacing:.18em;text-shadow:0 0 15px rgba(255,255,255,.8)}.finish-modal{position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:#04070ed9;backdrop-filter:blur(14px);transition:opacity .5s ease}.finish-content{background:linear-gradient(160deg,#141a28eb,#080c14f2);border:1px solid var(--line);border-radius:20px;padding:36px 48px;text-align:center;max-width:540px;width:90%;box-shadow:0 20px 60px #000000b3;max-height:88vh;overflow-y:auto}.finish-content h1{font-size:42px;font-weight:900;font-style:italic;margin:0 0 4px;color:var(--yellow)}.finish-content h2{font-size:14px;letter-spacing:.28em;color:#a0b2c6;margin:0 0 24px}.finish-details{margin-bottom:28px;font-size:16px;line-height:1.8;color:#fff}.finish-details b{color:var(--green);font-size:22px}.action-btn{font:inherit;font-weight:800;letter-spacing:.2em;font-size:14px;padding:14px 38px;border-radius:30px;border:0;color:#fff;cursor:pointer;background:linear-gradient(100deg,var(--red),#8a0018);box-shadow:0 8px 30px #d8002766;transition:transform .15s ease}.action-btn:hover{transform:translateY(-2px)}.menu-extra{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:14px}.menu-extra .action-btn{padding:10px 24px;font-size:12px;text-decoration:none}.action-btn+.action-btn{margin-left:12px}.action-btn.ghost-btn{background:transparent;border:1px solid var(--line);color:#a0b2c6;box-shadow:none}.action-btn.ghost-btn:hover{color:#fff;border-color:#6d7a8d}.touch{position:absolute;inset:0;z-index:20;pointer-events:none;touch-action:none;transition:opacity .25s ease;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.touch>*{pointer-events:auto;touch-action:none}.touch.hidden{display:none}.tbtn{font:inherit;font-weight:800;letter-spacing:.12em;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:#0a0e168c;backdrop-filter:blur(8px);display:grid;place-items:center;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;transition:filter .1s ease,transform .1s ease}.tbtn small{display:block;font-size:9px;letter-spacing:.2em;opacity:.6;font-weight:700}.tbtn.held{filter:brightness(1.5);transform:scale(.96)}.touch-top{position:absolute;top:300px;right:max(12px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:8px}.tbtn.tiny{min-width:52px;height:40px;font-size:11px;border-radius:12px}.steerpad{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:min(42vw,260px);height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#0609106b;backdrop-filter:blur(8px);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.steer-track{position:relative;width:82%;height:10px;border-radius:6px;background:#ffffff1a;box-shadow:inset 0 0 6px #0009}.steer-knob{position:absolute;top:50%;left:50%;width:46px;height:46px;margin-top:-23px;transform:translate(-50%);border-radius:50%;background:linear-gradient(150deg,var(--red),#8a0018);border:2px solid rgba(255,255,255,.3);box-shadow:0 6px 18px #d8002780}.steer-label{font-size:9px;letter-spacing:.3em;color:#8fa0b7;margin-top:14px}.touch-pedals{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:10px;align-items:flex-end}.tbtn.gas,.tbtn.brake{width:92px;height:104px;font-size:15px}.tbtn.gas{background:linear-gradient(160deg,#35e06a59,#06091099);border-color:#35e06a80}.tbtn.brake{background:linear-gradient(160deg,#ff2d4b52,#06091099);border-color:#ff2d4b80;height:88px;width:82px}@media (pointer: coarse){.controls{display:none}.touch-help{display:block;text-align:left;max-width:460px;margin:0 auto 20px}.touch-help h3{font-size:10px;letter-spacing:.28em;color:var(--red);margin:0 0 10px}.touch-help ul{list-style:none;margin:0;padding:0;font-size:12.5px;color:#c2cede;line-height:1.9}.touch-help b{background:none;border:0;padding:0;margin:0;font-size:inherit;color:var(--yellow);min-width:0;display:inline}#startBtn{width:100%;max-width:340px;padding:18px 24px}.driver{display:none}}@media (max-width: 900px){.mode-cards{grid-template-columns:1fr}}@media (max-width: 780px),(max-height: 560px){.menu-inner{display:flex;flex-direction:column;padding-top:max(20px,env(safe-area-inset-top))}.controls,.touch-help{order:1}.menu-extra{order:2}#menu small{order:3}#menu h1{font-size:clamp(40px,13vw,68px)}#menu h2{font-size:10px;letter-spacing:.2em;margin-bottom:16px}#loadbar{width:min(280px,80vw)}#loadtext{margin:8px 0 14px}.mode-selector{margin:8px 0 16px}.mode-cards{gap:10px;margin-bottom:10px}.mode-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px 14px;text-align:left}.mode-icon{font-size:22px;margin:0;grid-row:span 2}.mode-desc{grid-column:2;margin-top:2px}.controls{grid-template-columns:1fr;gap:14px}.menu-extra{margin-top:16px}.finish-content{padding:26px 22px}.finish-content h1{font-size:30px}.finish-details{font-size:14px;margin-bottom:20px}.action-btn{padding:12px 24px;font-size:12px;letter-spacing:.14em}.action-btn+.action-btn{margin-left:0}}@media (max-height: 520px){#menu h1{font-size:clamp(30px,9vh,46px)}#menu h2{margin-bottom:10px}#loadtext{margin:6px 0 10px}.mode-selector{margin:6px 0 12px}.mode-selector h3{margin-bottom:8px}.mode-desc,.touch-help,#menu small{display:none}.menu-extra{margin-top:10px}#startBtn{padding:13px 30px}}@media (max-height: 520px) and (min-width: 560px){.mode-cards{grid-template-columns:repeat(3,1fr);gap:8px}.mode-card{display:block;text-align:center;padding:9px 8px}.mode-icon{font-size:18px;margin-bottom:2px}.mode-name{font-size:11px}}@media (max-width: 820px),(max-height: 520px){.timing{top:10px;left:10px;padding:8px 10px 9px;min-width:132px}.timing .headline .value{font-size:15px}.timing .big .value{font-size:22px;margin:1px 0 5px}.timing .small{font-size:10px}.sectors{gap:4px;margin-bottom:5px}.sector{font-size:8px;padding:2px 4px 3px}.sector b{font-size:10px}.map{top:10px;right:10px;padding:6px 6px 3px}#minimap{width:104px;height:104px}.maplabel{font-size:7px;letter-spacing:.12em}.leaderboard,.overtake-hud{top:176px;left:10px;min-width:132px;padding:7px 9px}.lb-row{font-size:9px;padding:2px 4px}.lb-title{font-size:8px;margin-bottom:5px}.overtake-hud .headline .value{font-size:17px}.cluster{width:min(190px,42vw);padding:6px 10px 8px;bottom:max(12px,env(safe-area-inset-bottom))}.touch-top{top:150px;right:max(10px,env(safe-area-inset-right));flex-direction:row}.speed{font-size:26px}.clusterrow{grid-template-columns:1fr auto}.stack:last-child{display:none}.gearbox{width:44px;height:44px;border-radius:10px;margin:0 0 0 8px}.gear{font-size:26px}.pedals{margin-top:5px}.shiftlights{display:none}.toast{font-size:24px}.toast small{font-size:11px}.countdown-overlay{top:96px}.light{width:18px;height:18px}.lights-box{gap:9px;padding:9px 14px}.countdown-text{font-size:18px}}@media (orientation: portrait) and (max-width: 820px){.cluster{bottom:calc(124px + env(safe-area-inset-bottom))}}@media (max-width: 400px){.steerpad{width:46vw;height:92px}.tbtn.gas{width:78px;height:92px}.tbtn.brake{width:70px;height:78px}}