: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:grid;place-items:center;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;padding:24px}#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}.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}@media (max-width: 900px){.mode-cards{grid-template-columns:1fr}}