:root{--abyss: #05121f;--deep: #0a2038;--lagoon: #0f6f83;--teal: #2ee6d6;--cyan: #7cf9ff;--coral: #ff6f9c;--amber: #ffc857;--lime: #b9ff4f;--ink: #e9f6ff;--muted: #8fb4c9;--panel: rgba(6, 22, 38, .72);--panel-solid: rgba(7, 26, 44, .95);--edge: rgba(124, 249, 255, .28);--edge-hot: rgba(124, 249, 255, .75);--shadow: 0 18px 60px rgba(0, 0, 0, .55);--font: "Trebuchet MS", "Segoe UI", "DejaVu Sans", system-ui, sans-serif;--mono: "DejaVu Sans Mono", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#03080f;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;user-select:none;cursor:default}#app{position:fixed;inset:0}#gl{position:absolute;inset:0;width:100%;height:100%;display:block}#ui{position:absolute;inset:0;pointer-events:none}#ui button,#ui .clickable{pointer-events:auto}#boot{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,#0d2b47,#03080f 70%);color:var(--cyan);font-size:20px;letter-spacing:.28em;text-transform:uppercase;z-index:50;transition:opacity .5s ease}#boot.hidden{opacity:0;pointer-events:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px;opacity:0;visibility:hidden;transition:opacity .42s ease,transform .42s ease;transform:translateY(14px);pointer-events:none}.screen.visible{opacity:1;visibility:visible;transform:none}.screen.visible button{pointer-events:auto}.screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 14%,rgba(46,230,214,.1),transparent 58%),linear-gradient(180deg,#030a149e,#030a1429 34%,#030a14a8);pointer-events:none}.screen>*{position:relative;z-index:1}.title__logo{font-size:clamp(40px,8.4vw,116px);line-height:.86;letter-spacing:.08em;font-weight:900;text-transform:uppercase;text-align:center;background:linear-gradient(180deg,#ffffff 0%,var(--cyan) 42%,var(--lagoon) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 26px rgba(46,230,214,.45))}.title__logo span{display:block;font-size:.36em;letter-spacing:.44em;margin-top:.32em;background:linear-gradient(180deg,var(--amber),#ff8f4d);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}.title__tag{max-width:720px;text-align:center;color:var(--muted);font-size:16px;line-height:1.6;letter-spacing:.02em}.title__actions,.select__actions,.overlay__actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.title__foot{position:absolute;bottom:26px;left:0;right:0;text-align:center;color:var(--muted);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}.title__foot kbd{font-family:var(--mono);background:#7cf9ff1a;border:1px solid var(--edge);border-radius:4px;padding:1px 6px;margin:0 2px;color:var(--cyan);font-size:11.5px}.btn{font-family:var(--font);font-size:15px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ink);background:linear-gradient(180deg,#143654eb,#081a2ceb);border:1px solid var(--edge);border-radius:10px;padding:13px 30px;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;box-shadow:0 6px #00000059,inset 0 1px #ffffff14}.btn:hover{border-color:var(--edge-hot);box-shadow:0 6px #00000059,0 0 26px #2ee6d659,inset 0 1px #ffffff1f;transform:translateY(-1px)}.btn:active{transform:translateY(2px);box-shadow:0 2px #0006}.btn--primary{background:linear-gradient(180deg,#ffd77a,#ff8f2e);color:#2a1200;border-color:#ffdc96e6;box-shadow:0 6px #78340080,0 0 34px #ffa83c59}.btn--primary:hover{box-shadow:0 6px #78340080,0 0 48px #ffbe5a99;border-color:#fff2cf}.btn--ghost{background:#06162680}.select__head{font-size:clamp(24px,3.4vw,42px);letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--ink);text-shadow:0 0 30px rgba(46,230,214,.35)}.select__grid{display:grid;grid-template-columns:repeat(6,minmax(112px,156px));gap:14px;max-width:1060px;justify-content:center}.card{position:relative;background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:12px 10px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .16s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;overflow:hidden}.card:hover{transform:translateY(-4px);border-color:var(--edge-hot)}.card.selected{border-color:var(--amber);background:#1e3e5cd9;box-shadow:0 0 0 2px #ffc85759,0 14px 40px #00000080}.card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--teal),var(--coral));opacity:0;transition:opacity .2s ease}.card.selected:after{opacity:1}.card__swatch{width:100%;aspect-ratio:1 / 1;border-radius:10px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.16),transparent 65%)}.card__swatch canvas{width:100%;height:100%;display:block}.card__name{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-align:center;line-height:1.25;text-transform:uppercase}.card__arch{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);opacity:.85}.select__detail{display:grid;grid-template-columns:minmax(0,520px);gap:12px;background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:16px 22px;min-width:min(560px,90vw)}.select__tagline{color:var(--muted);font-size:14px;font-style:italic;text-align:center}.stat{display:grid;grid-template-columns:84px 1fr 42px;align-items:center;gap:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.stat__bar{height:8px;border-radius:4px;background:#ffffff17;overflow:hidden}.stat__fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--teal),var(--cyan));transition:width .3s ease}.stat--speed .stat__fill{background:linear-gradient(90deg,#ff7a5a,var(--amber))}.stat--accel .stat__fill{background:linear-gradient(90deg,var(--lime),#4ad6a0)}.stat--handling .stat__fill{background:linear-gradient(90deg,var(--cyan),#6a9cff)}.stat--weight .stat__fill{background:linear-gradient(90deg,var(--coral),#ff9ad5)}.stat__val{text-align:right;color:var(--muted);font-family:var(--mono)}.hud{position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.hud.visible{opacity:1}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:12px;backdrop-filter:blur(6px);box-shadow:var(--shadow)}.hud__pos{position:absolute;top:18px;left:18px;display:flex;align-items:stretch;gap:10px}.hud__rank{width:116px;padding:10px 12px 12px;display:flex;flex-direction:column;align-items:center}.hud__rank-num{font-size:54px;font-weight:900;line-height:1;color:var(--amber);text-shadow:0 0 24px rgba(255,200,87,.55)}.hud__rank-num small{font-size:20px;color:var(--muted)}.hud__rank-label{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:2px}.hud__lap{padding:10px 14px;min-width:108px;display:flex;flex-direction:column;justify-content:center}.hud__lap-num{font-size:30px;font-weight:800;line-height:1}.hud__lap-num small{font-size:15px;color:var(--muted)}.hud__lap-label{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:4px}.hud__timers{position:absolute;top:18px;left:50%;transform:translate(-50%);padding:8px 18px;display:flex;gap:22px;align-items:center;font-family:var(--mono);font-size:13px}.hud__timers div{display:flex;flex-direction:column;align-items:center;gap:1px}.hud__timers span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.hud__timers b{font-weight:600;font-size:15px}.hud__delta.better{color:var(--lime)}.hud__delta.worse{color:var(--coral)}.hud__standings{position:absolute;top:18px;right:18px;width:214px;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.hud__standings h4{margin:0 0 4px;font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);font-weight:700}.row{display:grid;grid-template-columns:18px 1fr auto;gap:7px;font-size:12px;align-items:center}.row__rank{color:var(--muted);font-family:var(--mono);font-size:11px}.row__dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:middle}.row__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__gap{font-family:var(--mono);font-size:11px;color:var(--muted)}.row--player{color:var(--amber);font-weight:700}.row--player .row__gap{color:var(--amber);opacity:.8}.hud__minimap{position:absolute;bottom:22px;right:18px;width:208px;height:208px;padding:8px}.hud__minimap canvas{width:100%;height:100%;display:block}.hud__item{position:absolute;top:18px;right:250px;width:90px;height:90px;display:grid;place-items:center;overflow:hidden}.hud__item-ico{width:54px;height:54px;transition:transform .2s ease}.hud__item.empty .hud__item-ico{opacity:.18}.hud__item.rolling .hud__item-ico{animation:roll .16s linear infinite}@keyframes roll{0%{transform:translateY(-6px) scale(.9);opacity:.4}50%{transform:translateY(4px) scale(1.06);opacity:1}to{transform:translateY(-6px) scale(.9);opacity:.4}}.hud__item.flash{animation:itemflash .4s ease}@keyframes itemflash{0%{box-shadow:0 0 #ffffffe6}to{box-shadow:0 0 0 26px #fff0}}.hud__speed{position:absolute;bottom:22px;left:18px;padding:12px 16px 14px;width:246px}.hud__speed-num{font-family:var(--mono);font-size:40px;font-weight:700;line-height:1}.hud__speed-num small{font-size:13px;color:var(--muted);margin-left:4px}.hud__bar{margin-top:10px;height:9px;border-radius:5px;background:#ffffff17;overflow:hidden;position:relative}.hud__bar i{display:block;height:100%;width:0%;border-radius:5px;background:linear-gradient(90deg,var(--teal),var(--cyan));transition:width .08s linear}.hud__boost{margin-top:7px;height:9px;border-radius:5px;background:#ffffff17;overflow:hidden}.hud__boost i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--amber),var(--coral))}.hud__boost.active i{animation:boostpulse .18s ease-in-out infinite alternate}@keyframes boostpulse{0%{filter:brightness(1)}to{filter:brightness(1.85)}}.hud__coins{position:absolute;bottom:148px;left:18px;display:flex;align-items:center;gap:12px;padding:10px 16px}.hud__coins-num{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--amber)}.hud__coins-bonus{font-size:12px;color:var(--lime);letter-spacing:.06em}.hud__coins-label{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.coin-glyph{width:22px;height:22px}.hud__drift{position:absolute;bottom:22px;left:50%;transform:translate(-50%);width:240px;height:16px;padding:3px;opacity:0;transition:opacity .15s ease}.hud__drift.active{opacity:1}.hud__drift i{display:block;height:100%;width:0%;border-radius:4px;background:linear-gradient(90deg,#6a9cff,var(--cyan));transition:width .06s linear}.hud__drift.t1 i{background:linear-gradient(90deg,#5aa0ff,#7cf9ff)}.hud__drift.t2 i{background:linear-gradient(90deg,var(--amber),#ff8f2e)}.hud__drift.t3 i{background:linear-gradient(90deg,var(--coral),#ff42c8)}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(90px,20vw,260px);font-weight:900;letter-spacing:.02em;color:#fff;text-shadow:0 0 60px rgba(46,230,214,.75),0 10px 40px rgba(0,0,0,.6);opacity:0;pointer-events:none}.countdown.show{animation:cdpop .6s ease-out}@keyframes cdpop{0%{opacity:0;transform:scale(1.9)}22%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(.86)}}.countdown.go{color:var(--lime);text-shadow:0 0 80px rgba(185,255,79,.9)}.warn{position:absolute;top:26%;left:50%;transform:translate(-50%);padding:12px 30px;color:var(--coral);font-weight:900;letter-spacing:.24em;text-transform:uppercase;font-size:26px;opacity:0;transition:opacity .2s ease}.warn.show{opacity:1;animation:warnblink .5s steps(2) infinite}@keyframes warnblink{50%{opacity:.25}}.speedlines{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 50% 50%,transparent 42%,rgba(180,245,255,.28) 88%,rgba(255,255,255,.34) 100%);mix-blend-mode:screen;transition:opacity .2s ease}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#030a14b8;backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}.overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.overlay__card{min-width:min(460px,90vw);padding:30px 40px 34px;display:flex;flex-direction:column;gap:18px;align-items:center}.overlay__title{font-size:34px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.overlay__hint{color:var(--muted);font-size:13px;text-align:center;line-height:1.7}.results__head{font-size:clamp(30px,5vw,64px);font-weight:900;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(180deg,#fff,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}.results__sub{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:13px}.results__table{width:min(760px,94vw);padding:8px 6px}.results__row{display:grid;grid-template-columns:46px 1fr 92px 96px;gap:8px;padding:9px 14px;font-size:14px;align-items:center;border-bottom:1px solid rgba(124,249,255,.1)}.results__row:last-child{border-bottom:none}.results__row.head{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.results__row.player{background:#ffc8571f;color:var(--amber);font-weight:700;border-radius:8px}.results__rank{font-family:var(--mono);font-weight:700}.results__time{font-family:var(--mono);text-align:right}.results__podium{display:flex;gap:26px;justify-content:center;align-items:flex-end}.podium__step{display:flex;flex-direction:column;align-items:center;gap:6px}.podium__block{width:80px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#7cf9ff59,#7cf9ff14);border:1px solid var(--edge);border-top:none}.podium__block.p1{height:92px;background:linear-gradient(180deg,#ffc85780,#ffc8571a)}.podium__block.p2{height:64px}.podium__block.p3{height:44px}.podium__name{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.toast{position:absolute;left:50%;top:22%;transform:translate(-50%,-10px);padding:12px 26px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:18px;color:var(--cyan);opacity:0;transition:opacity .25s ease,transform .25s ease;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%)}.hud__quality{position:absolute;bottom:20px;right:240px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-family:var(--mono)}@media (max-width: 1180px){.select__grid{grid-template-columns:repeat(3,minmax(104px,150px))}.hud__standings{width:178px}.hud__item{right:206px}}.title__settings{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:center;padding:14px 26px;max-width:900px}.title__settings label{display:flex;align-items:center;gap:9px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.chip{font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);background:#2ee6d61a;border:1px solid var(--edge);border-radius:7px;padding:5px 12px;cursor:pointer;transition:background .16s ease,border-color .16s ease}.chip:hover{background:#2ee6d638;border-color:var(--edge-hot)}.title__settings input[type=range]{-webkit-appearance:none;appearance:none;width:104px;height:5px;border-radius:3px;outline:none;background:linear-gradient(90deg,var(--teal),rgba(255,255,255,.14));cursor:pointer}.title__settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--teal);box-shadow:0 0 10px #2ee6d6b3;cursor:pointer}.title__settings input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid var(--teal);cursor:pointer}.screen--select{align-items:flex-start;justify-content:flex-start;padding:38px 0 34px 56px;gap:14px}.screen--select .select__head{font-size:clamp(22px,2.6vw,34px)}.screen--select .select__grid{grid-template-columns:repeat(3,minmax(104px,138px));max-width:none;justify-content:flex-start;gap:11px}.screen--select .select__detail{width:min(492px,44vw);min-width:0;grid-template-columns:minmax(0,1fr);padding:14px 18px}.screen--select .select__actions{justify-content:flex-start}.screen--select .card{padding:9px 8px 11px}.screen--select .card__name{font-size:11px}@media (max-width: 1180px){.screen--select{padding:26px 0 22px 28px}.screen--select .select__detail{width:min(420px,56vw)}}.title__tag{color:#dceaf5;text-shadow:0 2px 14px rgba(2,8,16,.95),0 1px 3px rgba(2,8,16,.9);background:radial-gradient(ellipse at 50% 50%,rgba(3,12,22,.62),transparent 72%);padding:10px 26px;border-radius:14px}.hud.dimmed{opacity:.3}.hud.dimmed .countdown,.hud.dimmed .warn,.hud.dimmed .toast{display:none}