@font-face{font-family:system;src:local(Arial)}:root{--neon-cyan:#33f0ff;--neon-pink:#ff3df0;--neon-amber:#ffb23d;--bg-deep:#05040d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg-deep);width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:#eaf6ff;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#app{position:fixed;inset:0;overflow:hidden}#scene{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}#backdrop{z-index:4;opacity:0;pointer-events:none;background-position:50%;background-size:cover;transition:opacity .9s;position:absolute;inset:0}#backdrop.on{opacity:1}#vignette{z-index:6;opacity:0;pointer-events:none;position:absolute;inset:0}#backdrop:after{content:"";background:linear-gradient(#05040d59 0%,#05040d8c 55%,#05040deb 100%);position:absolute;inset:0}#ui{z-index:10;pointer-events:none;position:absolute;inset:0}#ui.hidden,#hud.hidden{display:none}#ui .screen{pointer-events:auto;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4vh 4vw;display:flex;position:absolute;inset:0}.logo{letter-spacing:.14em;background:linear-gradient(90deg, var(--neon-cyan), var(--neon-pink));color:#0000;text-shadow:0 0 26px #33f0ff8c,0 0 60px #ff3df059;filter:drop-shadow(0 0 18px #ff3df066);-webkit-background-clip:text;background-clip:text;margin:0 0 1.2rem;font-size:clamp(2.4rem,8vw,5.2rem);font-weight:800}.subtitle{color:#9fb3d9;letter-spacing:.22em;text-transform:uppercase;margin-bottom:2.4rem;font-size:.85rem}.menu-col{flex-direction:column;gap:.9rem;width:min(360px,82vw);display:flex}.menu-row{flex-flow:wrap;justify-content:center;align-items:stretch;gap:1.1rem;display:flex}button.dw-btn{letter-spacing:.06em;cursor:pointer;color:#eaf6ff;text-transform:uppercase;background:#141228b8;border:1.5px solid #33f0ff66;border-radius:10px;padding:.85rem 1.6rem;font-family:inherit;font-size:1.02rem;font-weight:700;transition:box-shadow .15s,transform .1s,border-color .15s,background .15s;box-shadow:0 0 #33f0ff00}button.dw-btn:hover{border-color:var(--neon-cyan)}button.dw-btn.focused,button.dw-btn:focus-visible{border-color:var(--neon-cyan);outline:none;transform:translateY(-1px);box-shadow:0 0 18px #33f0ff8c,inset 0 0 12px #33f0ff2e}button.dw-btn:active{transform:translateY(0)}button.dw-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}button.dw-btn.locked:after{content:" 🔒"}.card{cursor:pointer;background:#0c0a1ab8;border:1.5px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;width:180px;padding:1.1rem 1.3rem;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.card img{aspect-ratio:4/3;object-fit:cover;filter:saturate(1.1);border-radius:8px;width:100%}.card .name{letter-spacing:.05em;font-weight:800}.card .tag{color:#9fb3d9;min-height:2.4em;font-size:.72rem;line-height:1.3}.card .stats{color:#7ee8ff;gap:.6rem;font-size:.68rem;display:flex}.card.focused,.card:hover{border-color:var(--neon-cyan);transform:translateY(-2px);box-shadow:0 0 16px #33f0ff66}.card.locked{filter:grayscale(.85)brightness(.55);cursor:not-allowed}.card .locktag{color:var(--neon-amber);font-size:.68rem}.card.track{width:200px}.card.track .medal{font-size:.75rem}.medal-bronze{color:#cd8a4e}.medal-silver{color:#cfd8e6}.medal-gold{color:#ffd76b}.circuit-group{flex-direction:column;align-items:center;gap:.6rem;display:flex}.card.track.variant{opacity:.92;width:170px;padding:.75rem .9rem}.card.track.variant .name{font-size:.85rem}.card.track.variant .tag{min-height:2em;font-size:.65rem}h2.title{letter-spacing:.1em;text-transform:uppercase;color:var(--neon-cyan);text-shadow:0 0 12px #33f0ff80;margin:0 0 1.4rem;font-size:1.5rem}.hint{color:#6c7ea8;letter-spacing:.05em;margin-top:1.6rem;font-size:.75rem}.toggle-row{justify-content:space-between;align-items:center;width:100%;padding:.4rem 0;display:flex}#hud{z-index:8;pointer-events:none;position:absolute;inset:0}.hud-top{top:max(10px, env(safe-area-inset-top));justify-content:space-between;padding:0 16px;display:flex;position:absolute;left:0;right:0}.hud-clock{text-shadow:0 0 10px;color:var(--neon-cyan);font-size:1.6rem;font-weight:800}.hud-clock.low{color:#f55;animation:.5s infinite alternate pulse}.hud-lap{color:#9fb3d9;text-align:right;font-size:.85rem}.hud-bottom{bottom:max(14px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:6px;max-width:58vw;padding:0 16px;display:flex;position:absolute;left:0}.hud-speed{color:#eaf6ff;text-shadow:0 0 10px #fff6;font-size:2rem;font-weight:800}.hud-speed small{color:#9fb3d9;font-size:.9rem}.boost-wrap{width:240px;max-width:50vw}.boost-head{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.boost-label{letter-spacing:.18em;color:#9fb3d9;font-size:.7rem;font-weight:800}.boost-count{color:var(--neon-cyan);text-shadow:0 0 10px #33f0ffb3;font-size:1.15rem;font-weight:800;line-height:1}.boost-count:before{content:"x";opacity:.65;margin-right:1px;font-size:.7rem}.boost-cells{gap:4px;display:flex}.boost-cells .cell{background:#ffffff0f;border:1.5px solid #ffffff38;border-radius:4px;flex:1;height:17px;overflow:hidden}.boost-cells .cell>i{background:linear-gradient(90deg, var(--neon-cyan), #a6f7ff);width:0%;height:100%;transition:width 80ms linear;display:block}.boost-cells .cell.full{border-color:#33f0fff2;box-shadow:0 0 9px #33f0ff8c}.boost-wrap.spending .boost-cells .cell>i{background:linear-gradient(90deg, var(--neon-pink), var(--neon-amber));filter:brightness(1.4)}.boost-wrap.spending .boost-count,.boost-wrap.low .boost-count{color:var(--neon-amber)}.boost-wrap.empty .boost-count,.boost-wrap.empty .boost-label{color:#f55}.boost-wrap.empty .boost-cells .cell{border-color:#ff5555a6}.boost-wrap.empty .boost-head{animation:.6s infinite alternate pulse}.mult{color:var(--neon-amber);text-align:right;text-shadow:0 0 8px #ffb23d99;margin-top:2px;font-size:.85rem;font-weight:800}.driftflag{letter-spacing:.14em;color:var(--neon-amber);opacity:0;text-shadow:0 0 14px #ffb23dcc;font-size:1.1rem;font-weight:800;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.driftflag.show{opacity:1;animation:.6s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,-40%)}30%{opacity:1;transform:translate(-50%,-55%)}to{opacity:0;transform:translate(-50%,-70%)}}@keyframes pulse{0%{opacity:1}to{opacity:.4}}.pause-overlay{z-index:20;pointer-events:auto;background:#03020ab8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.results-panel{background:#0a0916d9;border:1.5px solid #33f0ff59;border-radius:16px;max-width:420px;padding:2rem 2.4rem}.results-panel .time{color:var(--neon-cyan);text-shadow:0 0 16px #33f0ff99;font-size:2.4rem;font-weight:800}.results-panel .medal-line{margin:.6rem 0 1.2rem;font-size:1.1rem}.card .perk{letter-spacing:.04em;color:var(--neon-amber);text-transform:uppercase;font-size:.62rem;font-weight:700;line-height:1.25}#ui .screen{overscroll-behavior:contain;overflow-y:auto}#scr-circuits,#scr-vehicles{justify-content:flex-start}#scr-circuits #circuit-cards{max-width:1200px}@media (width<=980px){#scr-circuits h2.title{margin-bottom:.6rem;font-size:1.05rem}#circuit-cards{gap:.5rem}.circuit-group{gap:.35rem}.card.track{gap:.28rem;width:136px;padding:.5rem .55rem}.card.track .name{font-size:.8rem}.card.track .tag{min-height:1.9em;font-size:.58rem}.card.track .medal{font-size:.58rem}.card.track.variant{width:122px;padding:.4rem .5rem}.card.track.variant .name{font-size:.68rem}#scr-circuits .menu-col{margin-top:.7rem!important}#scr-circuits button.dw-btn{padding:.5rem 1.1rem;font-size:.85rem}}@media (width<=720px){.card{width:156px}.card .tag{font-size:.64rem}.boost-wrap{width:38vw}.boost-cells .cell{height:14px}.boost-count{font-size:1rem}.logo{letter-spacing:.08em}}