:root{--ink: #f6f2e8;--dim: #a9adc0;--bg: #12141c;--panel: rgba(20, 22, 36, .86);--line: rgba(255, 255, 255, .12);--yellow: #ffd21a;--orange: #ff8a2a;--pink: #ff4d8a;--cyan: #3dd8ff;--green: #4dff7a;--display: "Arial Black", "Segoe UI Black", "Helvetica Neue", Impact, system-ui, sans-serif;--body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:none}#game{position:fixed;left:0;top:0;width:100%;height:100%;display:block}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--cyan)}h2,h3,p{margin:0}#ui{position:fixed;inset:0;bottom:var(--deck-h, 0px);overflow-y:auto;overflow-x:hidden;touch-action:pan-y;display:flex;flex-direction:column}#ui.s-none{display:none}#ui:not(.s-none):not(.s-title):not(.s-pause){background:linear-gradient(180deg,#0e101ce6,#0e101cc7);backdrop-filter:blur(7px) saturate(1.2)}#ui.s-title{background:radial-gradient(ellipse at center,#0a0c1840,#0a0c18d1);align-items:center;justify-content:center}#ui.s-pause{background:#0a0c18b8;backdrop-filter:blur(5px);align-items:center;justify-content:center}.logo{font-family:var(--display);font-style:italic;line-height:.82;letter-spacing:-.02em;transform:rotate(-4deg) skew(-6deg);display:inline-flex;flex-direction:column;filter:drop-shadow(0 6px 0 #1b1030) drop-shadow(0 10px 24px rgba(0,0,0,.6))}.logo span{font-size:clamp(64px,15vw,190px);background:linear-gradient(180deg,#fff,#dfe9f4 28%,#8fa3b8 46%,#fff 52%,#ffe07a 60%,#ff9a2a 82%,#d0421a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px rgba(20,10,40,.55);padding:0 .12em}.logo span:last-child{margin-left:.5em;background:linear-gradient(180deg,#fff,#ffd0e4 26%,#ff5c9c 48%,#fff 53%,#ff9ac8 60%,#ff2f7a 84%,#a8104a);-webkit-background-clip:text;background-clip:text}.logo.small span{font-size:34px;-webkit-text-stroke:1px rgba(20,10,40,.55)}.logo.small{filter:drop-shadow(0 3px 0 #1b1030)}.title-box{text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;padding:24px;animation:rise .6s cubic-bezier(.2,1.4,.4,1)}.tag{font-size:clamp(16px,2.2vw,22px);font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}.fine{font-size:13px;color:var(--dim)}@keyframes rise{0%{transform:translateY(30px) scale(.92);opacity:0}}.btn{border:0;border-radius:14px;padding:12px 22px;font-family:var(--display);font-size:15px;letter-spacing:.04em;background:linear-gradient(180deg,#3a3f58,#2a2e44);color:#fff;box-shadow:0 4px #14162a,0 8px 18px #00000059;transition:transform .08s,filter .12s;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn:active{transform:translateY(3px);box-shadow:0 1px #14162a}.btn.go{background:linear-gradient(180deg,#ffe45c,#ffb21a 55%,#ff8a1a);color:#2a1600;box-shadow:0 4px #a8500a,0 8px 22px #ff961459}.btn.big{font-size:22px;padding:16px 44px;border-radius:18px;font-style:italic}.btn.ghost{background:#ffffff12;box-shadow:inset 0 0 0 1.5px var(--line)}.btn.small{font-size:12px;padding:8px 14px;border-radius:10px}.btn.disabled{filter:grayscale(.8) brightness(.75)}.btn:disabled{opacity:.5;pointer-events:none}.link{background:none;border:0;color:var(--cyan);text-decoration:underline;padding:6px 0;font-size:14px}.bolts{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);color:var(--yellow);font-size:16px}.bolt-ico{width:14px;height:14px;display:inline-block;background:linear-gradient(135deg,#fff6c0,#ffc21a 45%,#b87400);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);position:relative}.btn .bolts{color:inherit;font-size:inherit}.head,.menu-top{display:flex;align-items:center;gap:16px;padding:14px clamp(14px,3vw,34px);position:sticky;top:0;z-index:5;background:linear-gradient(180deg,#0e101cf2,#0e101c00)}.head h2{font-family:var(--display);font-style:italic;font-size:clamp(22px,3vw,34px);letter-spacing:.02em;flex:1;background:linear-gradient(180deg,#fff,#ffd21a);-webkit-background-clip:text;background-clip:text;color:transparent}.head-right{display:flex;align-items:center;gap:14px;margin-left:auto}.chip{border:0;border-radius:999px;padding:7px 16px;background:#ffffff14;box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.chip b{font-size:13px}.chip small{font-size:10.5px;color:var(--dim)}.chip.in{box-shadow:inset 0 0 0 1.5px var(--green)}.chip.in small{color:var(--green)}.chip:hover{background:#ffffff24}.page{flex:1;padding:6px clamp(14px,3vw,34px) 30px;width:100%;max-width:1280px;margin:0 auto}.page.narrow{max-width:520px}.foot{position:sticky;bottom:0;padding:16px;display:flex;gap:12px;justify-content:center;background:linear-gradient(0deg,#0e101cf5,#0e101c00);z-index:4}.card{background:var(--panel);border-radius:18px;padding:18px;box-shadow:inset 0 0 0 1.5px var(--line),0 10px 30px #0000004d;text-align:left}.card h3{font-family:var(--display);font-size:16px;letter-spacing:.03em;margin-bottom:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card+.card{margin-top:14px}.muted{color:var(--dim);font-size:13.5px}.lead{color:var(--dim);font-size:15px;margin:2px 0 14px}.grid{display:grid;gap:12px}.menu-cols{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:22px;padding:4px clamp(14px,3vw,34px) 30px;max-width:1180px;width:100%;margin:0 auto;align-items:start}.menu-list{display:flex;flex-direction:column;gap:10px}.menu-item{text-align:left;border:0;border-radius:16px;padding:14px 20px;background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column;gap:2px;transition:transform .1s,box-shadow .12s,background .12s}.menu-item b{font-family:var(--display);font-style:italic;font-size:22px;letter-spacing:.03em}.menu-item span{color:var(--dim);font-size:13.5px}.menu-item:hover{transform:translate(8px);box-shadow:inset 0 0 0 2px var(--yellow);background:#282414e6}.menu-item.primary{background:linear-gradient(100deg,#ffd21a,#ff8a1a);color:#2a1600;box-shadow:0 5px #a8500a}.menu-item.primary b{font-size:28px}.menu-item.primary span{color:#5a3000;font-weight:600}.menu-item.primary:hover{background:linear-gradient(100deg,#ffe45c,#ffa02a);box-shadow:0 5px #a8500a}.profile{display:flex;flex-direction:column;gap:10px}.profile-row{display:flex;gap:14px;align-items:center}.profile-row>div{display:flex;flex-direction:column}.profile-row small{color:var(--dim);font-size:10.5px;letter-spacing:.12em;font-weight:700}.profile-row b{font-family:var(--display);font-size:18px}.profile-row span{color:var(--yellow);font-size:12.5px}.profile-car{display:flex;justify-content:center;background:radial-gradient(ellipse at center,rgba(255,255,255,.1),transparent 68%);border-radius:14px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;border-top:1.5px solid var(--line);padding-top:12px}.profile-stats b{display:block;font-family:var(--display);font-size:19px}.profile-stats small{color:var(--dim);font-size:10px;letter-spacing:.1em}.portrait{border-radius:16px;box-shadow:0 0 0 2.5px #fff3,0 6px 14px #0006;flex:none}.steps{display:flex;gap:8px;padding:0 clamp(14px,3vw,34px) 10px;flex-wrap:wrap}.steps span{font-family:var(--display);font-size:12px;padding:6px 14px;border-radius:999px;background:#ffffff12;color:var(--dim)}.steps .on{background:var(--yellow);color:#2a1600}.steps .done{color:var(--green)}.drivers{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.driver{border:0;display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:1px;align-items:start;transition:transform .1s,box-shadow .12s}.driver .portrait{grid-row:span 3}.driver b{font-family:var(--display);font-size:17px;align-self:end}.driver small{color:var(--dim);font-size:12px}.driver .perk{color:var(--yellow);font-size:12.5px;font-weight:700}.driver p{grid-column:1 / -1;color:var(--dim);font-size:12.5px;margin-top:8px;line-height:1.35}.driver .tagline{grid-column:1 / -1;margin-top:8px}.card.on{box-shadow:inset 0 0 0 2.5px var(--yellow),0 0 0 4px #ffd21a2e,0 10px 30px #0000004d}.card.locked{filter:saturate(.6)}button.card:hover{transform:translateY(-3px)}.tagline{font-style:normal;font-family:var(--display);font-size:11px;letter-spacing:.08em;color:var(--dim)}.tagline.on{color:var(--green)}.tagline.price .bolts{font-size:13px}.veh-pick,.garage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}.veh-stage{position:sticky;top:80px;display:flex;flex-direction:column;align-items:center;gap:12px}.veh-big{width:min(100%,380px);aspect-ratio:1;background:radial-gradient(ellipse at 50% 55%,rgba(255,255,255,.16),rgba(255,255,255,.03) 55%,transparent 70%),conic-gradient(from 0deg,#ffffff08,#ffffff14,#ffffff08,#ffffff14,#ffffff08);border-radius:50%;box-shadow:inset 0 0 0 2px var(--line),inset 0 -30px 60px #00000059}.veh-side{display:flex;flex-direction:column;gap:14px}.veh-info,.detail{background:var(--panel);border-radius:18px;padding:18px;box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column;gap:10px;align-items:flex-start;width:100%}.veh-info h3,.detail h3{font-family:var(--display);font-style:italic;font-size:26px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.veh-info p,.detail p{color:var(--dim);font-size:14px}.weapon b{color:var(--pink)}.stat-bars{width:100%;display:grid;gap:6px}.stat{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:10px}.stat label{font-size:11px;letter-spacing:.1em;font-weight:700;color:var(--dim);text-transform:uppercase}.stat i{height:9px;border-radius:6px;background:#ffffff1a;overflow:hidden;display:block}.stat i b{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width .25s}.veh-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.veh-chip{border:0;border-radius:14px;padding:6px 4px 8px;background:#ffffff0f;box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column;align-items:center}.veh-chip small{font-size:11px;font-weight:700}.veh-chip.on{box-shadow:inset 0 0 0 2.5px var(--yellow);background:#ffd21a1f}.veh-chip.locked canvas{filter:brightness(.35) saturate(.2)}.veh-chip.locked small{color:var(--dim)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.tab{border:0;border-radius:999px;padding:8px 16px;font-family:var(--display);font-size:12.5px;background:#ffffff12;color:var(--dim)}.tab.on{background:var(--yellow);color:#2a1600}.items{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.item{border:0;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;transition:transform .1s}.item b{font-size:12.5px}.item small{font-size:11px;color:var(--dim)}.item .price .bolts{font-size:12px}.item.locked canvas{filter:saturate(.75) brightness(.8)}.swatch{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:26px;box-shadow:inset 0 -8px 14px #0000004d,inset 0 6px 10px #fff6;margin:8px 0}.swatch.horn{background:linear-gradient(135deg,#5a6078,#2a2e44)}.garage-side{min-width:0}.cups{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tracks{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:16px}.cup,.track{border:0;display:flex;flex-direction:column;gap:6px}.cup b,.track b{font-family:var(--display);font-style:italic;font-size:19px}.cup p,.track p{color:var(--dim);font-size:13px}.track small{color:var(--yellow);font-size:12px}.cup-tracks{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.cup-tracks>div{display:flex;flex-direction:column;gap:3px}.cup-tracks small{color:var(--dim);font-size:11px}.cup canvas,.track canvas{background:#0000004d;border-radius:10px}.setup{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.setup .card+.card{margin-top:0}.seed-card{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.seed-card small{font-size:10.5px;letter-spacing:.12em;font-weight:700;color:var(--dim)}.seed-row{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.city-name{font-family:var(--display);font-style:italic;font-size:22px;color:var(--yellow)}.seed-card p{color:var(--dim);font-size:13px;margin-top:4px}.rounds{display:flex;flex-direction:column;gap:6px}.round-pill{font-family:var(--display);font-size:11.5px;padding:6px 14px;border-radius:999px;white-space:nowrap}.round-pill.r0{background:linear-gradient(90deg,#ffb46a,#ffe2a8);color:#4a2200}.round-pill.r1{background:linear-gradient(90deg,#5ac8ff,#c8f0ff);color:#00304a}.round-pill.r2{background:linear-gradient(90deg,#2a2466,#6a4ac8);color:#e8dcff}input{font:inherit;color:var(--ink);background:#00000059;border:0;border-radius:12px;padding:11px 14px;box-shadow:inset 0 0 0 1.5px var(--line);outline:none;user-select:text;-webkit-user-select:text}input:focus{box-shadow:inset 0 0 0 2px var(--yellow)}input.seed{width:170px;font-family:var(--display);letter-spacing:.06em}.row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.6fr) auto;gap:12px;align-items:center;padding:7px 0}.row+.row{border-top:1px solid rgba(255,255,255,.06)}.row label{font-weight:700;font-size:14px;display:flex;flex-direction:column}.row label small{font-weight:400;color:var(--dim);font-size:11.5px;margin-top:2px}.seg{display:flex;gap:4px;flex-wrap:wrap;grid-column:2 / -1}.seg button{border:0;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;background:#ffffff12;color:var(--dim);flex:1 1 auto}.seg button.on{background:var(--yellow);color:#2a1600}.seg button:hover:not(.on){background:#ffffff24;color:#fff}input[type=range]{padding:0;height:26px;accent-color:var(--yellow);box-shadow:none;background:none;width:100%}output{font-family:var(--display);font-size:13px;min-width:44px;text-align:right;color:var(--yellow)}.controls .keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px 16px}.controls .keys>div{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--dim)}kbd{font:700 11.5px var(--body);background:#2a2e44;border-radius:6px;padding:4px 8px;box-shadow:0 2px #14162a;color:#fff;white-space:nowrap}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;align-items:start}.options .card+.card{margin-top:0}.danger{box-shadow:inset 0 0 0 1.5px #ff505059;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.records{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;align-items:start}dl.stats{display:grid;grid-template-columns:1fr auto;gap:7px 16px;margin:0}dl.stats dt{color:var(--dim);font-size:14px}dl.stats dd{margin:0;font-family:var(--display);font-size:14px;text-align:right}dl.tight{gap:4px 16px}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:10px}.badge{background:#ffffff0d;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;opacity:.75}.badge b{font-size:13px}.badge span{font-size:11.5px;color:var(--dim)}.badge i{height:5px;border-radius:4px;background:#ffffff1a;overflow:hidden;margin-top:5px;display:block}.badge u{display:block;height:100%;background:var(--cyan)}.badge em{font-style:normal;font-size:10.5px;font-weight:800;color:var(--green);letter-spacing:.1em;margin-top:3px}.badge.got{opacity:1;background:linear-gradient(135deg,#ffd21a38,#ff4d8a24);box-shadow:inset 0 0 0 1.5px #ffd21a80}.badge.new{margin-top:10px;animation:rise .5s}.top ol{margin:0;padding:0;list-style:none;counter-reset:n;display:grid;gap:4px}.top li{counter-increment:n;display:grid;grid-template-columns:28px 1fr auto;font-size:14px;padding:5px 8px;border-radius:8px}.top li:before{content:counter(n);color:var(--dim);font-family:var(--display);font-size:12px}.top li span{font-family:var(--display);color:var(--yellow)}.top li.me{background:#ffd21a24}.auth{display:flex;flex-direction:column;gap:10px;margin:14px 0}.error{color:#ff8a8a;font-size:13.5px;min-height:1.2em}.sync{font-size:14px;margin-bottom:8px}.sync.synced{color:var(--green)}.sync.error{color:#ff8a8a}#ui.s-account .card{display:flex;flex-direction:column;gap:8px;align-items:stretch}.pause-box{display:flex;flex-direction:column;gap:10px;min-width:min(92vw,420px);max-width:560px;animation:rise .3s}.pause-box h2{font-family:var(--display);font-style:italic;font-size:38px;text-align:center;margin-bottom:6px}.pause-box .controls{margin-top:8px;background:#00000040;box-shadow:none}.results{flex:1;display:flex;flex-direction:column;max-width:1240px;width:100%;margin:0 auto;padding:0 clamp(12px,2.5vw,30px)}.results>header{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px 0 12px;column-gap:20px}.results>header small{color:var(--dim);font-weight:700;letter-spacing:.08em;font-size:12px;text-transform:uppercase}.results>header h2{font-family:var(--display);font-style:italic;font-size:clamp(26px,4.4vw,50px);grid-column:1}.place-big{grid-row:1 / span 2;grid-column:2;font-family:var(--display);font-style:italic;font-size:clamp(54px,9vw,110px);line-height:1;color:#fff;text-shadow:0 5px 0 rgba(0,0,0,.4);animation:rise .6s cubic-bezier(.2,1.6,.4,1)}.place-big sup{font-size:.4em}.place-big.gold{color:var(--yellow)}.place-big.silver{color:#d8e2ec}.place-big.bronze{color:#f0a060}.results-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;align-items:start;flex:1}.order{list-style:none;margin:0;padding:0;display:grid;gap:5px}.order li{display:grid;grid-template-columns:22px 30px 1fr auto auto auto;gap:9px;align-items:center;padding:5px 8px;border-radius:10px;font-size:14px}.order li.me{background:#ffd21a24;box-shadow:inset 0 0 0 1.5px #ffd21a73}.order .pos{font-family:var(--display);color:var(--dim)}.order .portrait{border-radius:8px;box-shadow:none}.order .time,.order .tk{color:var(--dim);font-size:12.5px;font-variant-numeric:tabular-nums}.order .pts{font-family:var(--display);color:var(--yellow);font-size:13px}.chaos-card{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(135deg,#ff4d8a4d,#ff8a2a38),var(--panel)}.chaos-card small{letter-spacing:.16em;font-weight:800;font-size:11px}.chaos-num{font-family:var(--display);font-style:italic;font-size:clamp(40px,6vw,64px);line-height:1;background:linear-gradient(180deg,#fff,#ffd21a 60%,#ff8a2a);-webkit-background-clip:text;background-clip:text;color:transparent}.chaos-card>span{color:var(--dim);font-size:13px}.highlights{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;width:100%;font-size:13px;color:var(--dim)}.highlights b{color:#fff;font-family:var(--display);margin-right:6px}.bolt-total{margin-top:10px;padding-top:10px;border-top:1.5px solid var(--line);text-align:right}.bolt-total .bolts{font-size:26px}.champ{margin-top:14px;text-align:center;font-family:var(--display);font-style:italic;font-size:20px;color:var(--yellow);animation:rise .8s}#hud{position:fixed;inset:0;bottom:var(--deck-h, 0px);pointer-events:none;font-family:var(--display);text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 12px rgba(0,0,0,.5)}#hud>div{position:absolute}.hud-tl{left:18px;top:14px}.hud-place{font-style:italic;line-height:.9}.hud-place b{font-size:72px;background:linear-gradient(180deg,#fff,#ffd21a 70%,#ff8a2a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5));padding-right:6px}.hud-place sup{font-size:26px;vertical-align:top;position:relative;top:8px}.hud-place span{font-size:20px;color:var(--dim);margin-left:4px}.hud-lap{font-size:18px;letter-spacing:.06em;margin-top:2px}.hud-time{font-size:15px;color:var(--dim);font-variant-numeric:tabular-nums}.hud-tr{right:18px;top:14px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.hud-score{text-align:right;line-height:1}.hud-score small{display:block;font-size:11px;letter-spacing:.22em;color:var(--pink)}.hud-score b{font-size:40px;font-style:italic;font-variant-numeric:tabular-nums}.hud-combo{opacity:0;transition:opacity .2s;text-align:right}.hud-combo.on{opacity:1}.hud-combo span{font-size:15px;color:var(--yellow);font-style:italic;white-space:pre}.hud-combo.hot span{color:var(--pink);font-size:18px}.hud-combo i{display:block;width:150px;height:6px;background:#00000080;border-radius:4px;overflow:hidden;margin-top:3px;margin-left:auto}.hud-combo i b{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),var(--pink))}.hud-map{width:168px;height:168px;background:#0a0c1880;border-radius:16px;box-shadow:inset 0 0 0 1.5px var(--line);margin-top:4px}.hud-top{left:50%;top:12px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.hud-nav{opacity:0;transition:opacity .2s;display:flex;align-items:center;gap:10px;background:#0a0c188c;border-radius:14px;padding:2px 16px 4px}.hud-nav.on{opacity:1}.nav-arrow{font-size:40px;line-height:1;color:var(--yellow)}.hud-nav.soon .nav-arrow{color:var(--pink);animation:pulse .35s infinite alternate}.hud-nav span:last-child{font-size:17px}@keyframes pulse{to{transform:scale(1.25)}}.hud-feed{font-family:var(--body);font-weight:700;font-size:13.5px;text-align:center;display:flex;flex-direction:column;gap:1px}.hud-center{left:50%;top:30%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;width:90vw}.hud-count{font-size:clamp(110px,20vw,220px);font-style:italic;line-height:1;color:#fff;-webkit-text-stroke:4px rgba(20,10,40,.6)}.hud-count:empty{display:none}.hud-banner{display:none;flex-direction:column;align-items:center;--c: #ffe14a}.hud-banner.on{display:flex;animation:bang .35s cubic-bezier(.2,1.8,.4,1)}.hud-banner b{font-size:clamp(34px,6.4vw,78px);font-style:italic;color:var(--c);-webkit-text-stroke:2px rgba(20,10,40,.7);line-height:1;letter-spacing:.01em}.hud-banner span{font-size:clamp(14px,2vw,21px);color:#fff;font-family:var(--body);font-weight:800}@keyframes bang{0%{transform:scale(2.2) rotate(-5deg);opacity:0}}.hud-warn{font-size:26px;color:#ff5a5a;font-style:italic;animation:pulse .4s infinite alternate}.hud-warn:empty{display:none}.hud-bl{left:18px;bottom:34px;display:flex;align-items:flex-end;gap:14px}.hud-item{width:76px;height:76px;border-radius:18px;background:#0a0c1899;box-shadow:inset 0 0 0 2.5px var(--line);display:grid;place-items:center;position:relative;--c: #555}.hud-item.has{box-shadow:inset 0 0 0 3px var(--c),0 0 22px var(--c);background:#0a0c18bf}.hud-item b{font-size:36px;color:var(--c);text-shadow:none}.hud-item span{position:absolute;bottom:-19px;left:50%;transform:translate(-50%);font-size:10.5px;white-space:nowrap;letter-spacing:.08em;color:var(--dim)}.hud-item.has span{color:#fff}.hud-item em{position:absolute;top:4px;right:8px;font-style:normal;font-size:14px}.hud-bars{display:flex;flex-direction:column;gap:6px;padding-bottom:2px}.bar{display:grid;grid-template-columns:62px 190px;align-items:center;gap:8px}.bar label{font-size:10.5px;letter-spacing:.14em}.bar i{height:14px;border-radius:8px;background:#0a0c18a6;box-shadow:inset 0 0 0 1.5px var(--line);overflow:hidden;display:block}.bar i b{display:block;height:100%;border-radius:8px;transition:width .12s}.bar.armor i b{background:linear-gradient(180deg,#8dffa8,#2fd05a)}.bar.armor i b.low{background:linear-gradient(180deg,#ff9a8a,#ff3a3a);animation:pulse .3s infinite alternate;transform-origin:left}.bar.ammo i{height:9px}.bar.ammo i b{background:linear-gradient(180deg,#fff3a0,#ffb21a)}.bar.ammo i b.low{background:#ff5a3a}.hud-lives{color:#ff5a7a;font-size:18px;letter-spacing:3px;min-height:0}.hud-br{right:20px;bottom:16px;text-align:right;line-height:.95}.hud-br b{font-size:46px;font-style:italic;font-variant-numeric:tabular-nums}.hud-br small{display:block;font-size:11px;letter-spacing:.2em;color:var(--dim)}#touch{position:fixed;inset:0;pointer-events:none}#touch>*{pointer-events:auto;position:absolute}.t-stick{left:26px;bottom:96px;width:150px;height:150px;border-radius:50%;background:#ffffff1a;box-shadow:inset 0 0 0 2px #ffffff40;display:grid;place-items:center;touch-action:none}.t-knob{width:64px;height:64px;border-radius:50%;background:#ffffff80;pointer-events:none}.t-right{right:16px;bottom:96px;display:grid;grid-template-columns:repeat(3,76px);gap:10px;justify-items:stretch}.t-btn{border:0;border-radius:20px;height:70px;font-family:var(--display);font-size:12px;background:#ffffff24;box-shadow:inset 0 0 0 2px #ffffff40;color:#fff}.t-btn.on{background:#ffd21a99}.t-small{height:44px;font-size:10.5px}.t-fire{background:#ff4d8a59}.t-gas{background:#4dff7a4d}.t-pause{right:200px;top:14px;width:46px;height:46px;border-radius:14px}@media (max-width: 860px){.menu-cols,.veh-pick,.garage{grid-template-columns:1fr}.veh-stage{position:static}.veh-big{width:min(70vw,260px)}.seed-card{grid-template-columns:1fr}.rounds{flex-direction:row;flex-wrap:wrap}.hud-place b{font-size:48px}.hud-score b{font-size:28px}.hud-map{width:110px;height:110px}.bar{grid-template-columns:54px 120px}.hud-br{display:none}.hud-bl{bottom:200px}.row{grid-template-columns:1fr}.seg{grid-column:1}}@media (max-height: 520px){.hud-map{width:104px;height:104px}.hud-place b{font-size:46px}}#ui.s-gate{align-items:center;justify-content:center}.gate-box{width:min(92vw,440px);display:flex;flex-direction:column;gap:10px;align-items:stretch;animation:rise .4s}.gate-box .logo{align-self:center;margin-bottom:6px}.gate-box h3{font-size:20px}.lobby-cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.9fr);gap:14px;align-items:start}.room-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.95fr);gap:14px;align-items:start}.lobby-cols .card+.card,.room-cols .card+.card{margin-top:0}.net-status{font:600 12px var(--body);color:var(--orange);margin-left:auto}.lobby-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.lobby-actions .seed-row{margin:0}.lobby-actions input.seed{width:132px}.room-list{display:grid;gap:8px;min-height:60px}.room-card{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center;background:#ffffff0d;border-radius:12px;padding:10px 12px}.room-card>div{display:flex;flex-direction:column;min-width:0}.room-card b{font-family:var(--display);font-size:15px}.room-card span{color:var(--dim);font-size:12.5px}.room-card em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--dim)}.room-card em.open{color:var(--green)}.room-card .count{font-family:var(--display);color:var(--yellow);font-size:14px}.create{margin-top:14px;padding-top:12px;border-top:1.5px solid var(--line);display:flex;flex-direction:column;gap:8px;align-items:flex-start}.create small{font-size:10.5px;letter-spacing:.12em;font-weight:700;color:var(--dim)}.create .seg{grid-column:auto}.chat{display:flex;flex-direction:column;gap:8px}.chat-lines{height:min(46vh,380px);overflow-y:auto;background:#00000040;border-radius:12px;padding:10px 12px;font-size:14px;display:flex;flex-direction:column;gap:4px;user-select:text;-webkit-user-select:text;touch-action:pan-y}.chat-lines p{overflow-wrap:anywhere}.chat-lines b{color:var(--yellow)}.chat-lines .sys{color:var(--dim);font-style:italic;font-size:12.5px}.room-side .chat-lines{height:min(30vh,250px)}.friend-list{display:grid;gap:6px;margin-bottom:10px}.friend{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#ffffff0a;font-size:13.5px;opacity:.6}.friend.on,.friend.req{opacity:1}.friend b{font-size:13.5px}.friend small{color:var(--dim);font-size:11.5px;margin-right:auto}.friend.req span{margin-right:auto}.friend .portrait{border-radius:6px;box-shadow:none}.dot{width:9px;height:9px;border-radius:50%;background:#555a70;flex:none}.friend.on .dot{background:var(--green);box-shadow:0 0 8px var(--green)}.x{border:0;width:26px;height:26px;border-radius:8px;background:#ffffff14;color:var(--dim);font-size:16px;line-height:1;flex:none}.x:hover{background:#ff50504d;color:#fff}.x.add:hover{background:#4dff7a4d}.card h3.sub{margin-top:14px}.invites{display:grid;gap:8px;margin-bottom:10px}.invites:empty{display:none}.invite{display:flex;gap:12px;align-items:center;background:linear-gradient(100deg,#ffd21a40,#ff4d8a2e);border-radius:14px;padding:10px 14px;box-shadow:inset 0 0 0 1.5px #ffd21a80;animation:rise .3s}.invite span{margin-right:auto}.head h2 small{font:700 13px var(--body);color:var(--dim);margin-left:14px;-webkit-text-fill-color:var(--dim);letter-spacing:.06em}.room-settings h3 em,.member em{font:800 10px var(--body);letter-spacing:.1em;color:var(--yellow);font-style:normal;margin-left:8px}.seg .fixed{padding:8px 12px;font-size:13px;font-weight:700;color:#fff}.code-row{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1.5px solid var(--line)}.code-row small{font-size:10.5px;letter-spacing:.12em;font-weight:700;color:var(--dim)}.code-row b{font-family:var(--display);font-size:24px;letter-spacing:.16em;color:var(--yellow);margin-right:auto;user-select:text;-webkit-user-select:text}.room-players{display:grid;gap:8px}.room-players.teams{grid-template-columns:1fr 1fr;gap:12px;align-items:start}.team{display:grid;gap:8px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--c) 12%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 55%,transparent)}.team header{display:flex;align-items:center;gap:8px}.team header b{font-family:var(--display);font-style:italic;color:var(--c);font-size:15px}.team header span{color:var(--dim);font-size:12px;margin-right:auto}.member{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;background:#ffffff0d;box-shadow:inset 0 0 0 1.5px transparent;min-width:0}.member.me{box-shadow:inset 0 0 0 1.5px #ffffff59}.member.ready{background:#4dff7a1f}.member.talking{box-shadow:inset 0 0 0 2px var(--green),0 0 14px #4dff7a66}.member .portrait{border-radius:10px;box-shadow:none}.member .who{display:flex;flex-direction:column;min-width:0;margin-right:auto}.member .who b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member .who small{color:var(--dim);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member .tick{font:800 10.5px var(--body);letter-spacing:.1em;color:var(--green);min-width:46px;text-align:right}.mic{border:0;background:none;font-size:16px;padding:2px}.mic.off{opacity:.5}.slots{margin-top:4px}.voice-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}.voice-bar small{flex-basis:100%}.room-foot{align-items:center;flex-wrap:wrap}.room-note{color:var(--dim);font-size:14px;font-weight:600}.order.online li{grid-template-columns:22px 1fr auto auto auto}.team-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}.team-totals div{border-radius:12px;padding:10px;background:color-mix(in srgb,var(--c) 16%,transparent)}.team-totals small{display:block;font-size:10.5px;letter-spacing:.1em;font-weight:800;color:var(--c)}.team-totals b{font-family:var(--display);font-size:34px;color:var(--c)}.hud-board{margin-top:8px;font-family:var(--body);font-weight:700;font-size:12.5px;display:grid;gap:1px;min-width:190px}.hud-board>div{display:grid;grid-template-columns:18px 1fr auto;gap:6px;padding:1px 6px;border-radius:6px}.hud-board>div.me{background:#ffffff29}.hud-board>div.gone{opacity:.4}.hud-board span{color:var(--dim)}.hud-board i{font-style:normal;color:var(--yellow)}.hud-board .teams{display:flex;justify-content:space-between;gap:12px;font-family:var(--display);font-size:12px;padding-bottom:3px}#chatline{position:fixed;left:50%;bottom:calc(var(--deck-h, 0px) + 96px);transform:translate(-50%);width:min(90vw,520px);z-index:20;background:#0a0c18e6}#deck{--hit: .6;--ring-w: clamp(5px, calc(5px + (100vw - 360px)*.15) , 22px);--ring: calc(var(--ring-w) * .55);position:fixed;left:0;right:0;bottom:0;height:var(--deck-h);z-index:15;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 90% at 50% 0%,#1b1838,#07061a 55%,#040312);font-family:var(--display)}#deck[data-mode=controller]{--ring: var(--ring-w)}.deckEdge{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 var(--ring) 0 0 #ffd21ae6,inset 0 0 0 var(--ring) #ff4d8a8c,inset 0 0 34px #ff4d8a40}#deck.flash .deckEdge{animation:deckhit .45s ease-out}@keyframes deckhit{0%{box-shadow:inset 0 0 0 calc(var(--ring) * 2) rgba(255,255,255,var(--hit)),inset 0 0 70px rgba(255,90,90,var(--hit))}}.deckPad{flex:1;position:relative}#deck[data-mode=controller] .deckPad{display:none}.deckCtl{display:none;flex:1;align-items:flex-end;justify-content:center;padding:14px;color:#a99fc9;font:600 12px var(--body);text-align:center}#deck[data-mode=controller] .deckCtl{display:flex}.dk{position:absolute;font-family:inherit;color:#f3eaff;border:0;padding:0;touch-action:none}.dk.shoulder{top:calc(var(--ring) + 8px);width:26%;height:30px;border-radius:14px 14px 8px 8px;font-size:10px;background:linear-gradient(#3a3550,#211d33);box-shadow:0 3px #07060d}.dk.shoulder.l{left:calc(var(--ring) + 13px)}.dk.shoulder.r{right:calc(var(--ring) + 13px)}.dpad,.abxy{position:absolute;top:50%;width:clamp(64px,min(40vw,calc(var(--deck-h) - 150px)),190px);aspect-ratio:1;transform:translateY(-46%)}.dpad{left:5%;touch-action:none}.abxy{right:5%}.dpad i{position:absolute;background:linear-gradient(145deg,#2d2a3c,#15131f);box-shadow:0 4px #07060d}.dpad .arm.up,.dpad .arm.down{left:34%;width:32%;height:36%}.dpad .arm.left,.dpad .arm.right{top:34%;height:32%;width:36%}.dpad .arm.up{top:0;border-radius:8px 8px 0 0}.dpad .arm.down{bottom:0;border-radius:0 0 8px 8px}.dpad .arm.left{left:0;border-radius:8px 0 0 8px}.dpad .arm.right{right:0;border-radius:0 8px 8px 0}.dpad .hub{left:33%;top:33%;width:34%;height:34%;box-shadow:none}.dpad.up .arm.up,.dpad.down .arm.down,.dpad.left .arm.left,.dpad.right .arm.right{background:linear-gradient(145deg,#3dd8ff,#2a6f7a);box-shadow:0 0 22px #3dd8ff}.dk.face{width:34%;height:34%;border-radius:50%;font-size:12px;background:radial-gradient(circle at 35% 30%,#d4549a,#8f1f5e 60%,#5e1240);box-shadow:0 4px #3a0a27,0 0 16px #e646a073}.dk.face.x{left:33%;top:0}.dk.face.y{left:0;top:33%}.dk.face.a{right:0;top:33%}.dk.face.b{left:33%;bottom:0}.dk.face.down,.dk.shoulder.down{transform:translateY(3px);filter:brightness(1.5);box-shadow:0 1px #000,0 0 26px #ff4d8a}.menuBtns{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:flex;gap:30px}.menuBtns span{display:flex;flex-direction:column;align-items:center;gap:13px}.menuBtns em{font-style:normal;font-size:7px;color:#a99fc9;letter-spacing:1px}.dk.pill{position:static;width:52px;height:16px;border-radius:9px;transform:rotate(-24deg);background:linear-gradient(#4a4560,#2a2638)}.dk.pill.down{transform:rotate(-24deg) translateY(2px);filter:brightness(1.5)}.deckHint{position:absolute;left:50%;top:calc(var(--ring) + 46px);transform:translate(-50%);font:600 9px var(--body);color:#8f86b3;white-space:nowrap;letter-spacing:.04em}@media (max-width: 820px),(pointer: coarse){.menuBtns em{font-size:8px;color:#c9c2e8}}body.with-deck .hud-bl{bottom:26px}body.with-deck .hud-map{width:96px;height:96px}@media (max-width: 1000px){.lobby-cols,.room-cols,.room-players.teams{grid-template-columns:1fr}}.room-players.teams{grid-template-columns:1fr}.page.room,.page.lobby{max-width:1500px}#toast{position:fixed;left:50%;top:14px;transform:translate(-50%);z-index:30;display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;background:linear-gradient(100deg,#4a3d0a,#4a1630);box-shadow:inset 0 0 0 1.5px #ffd21a99,0 10px 30px #00000080;font-weight:700;font-size:14px;max-width:94vw;animation:rise .3s}.logo-art{display:block;width:min(96vw,1000px,calc((100vh - var(--deck-h, 0px) - 190px) * 1.695));height:auto;aspect-ratio:1000 / 590;margin-bottom:-18px}.title-box{gap:14px;padding:10px}