:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1017;--panel:#161a23;--text:#e6e9f0;--muted:#8b93a7;--accent:#4f9dff}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer;background:var(--accent);color:#06101f;border:0;border-radius:8px;padding:.7rem 1.4rem;font-weight:600}button:disabled{opacity:.6;cursor:default}.error{color:#ff8a70}
.game{flex-direction:column;height:100%;display:flex}.hud{background:var(--panel);z-index:3;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;min-height:3rem;padding:.35rem 1rem;font-size:.95rem;display:grid;position:relative}.hud-left{align-items:center;gap:1rem;min-width:0;display:flex}.hud .actions{justify-self:end}.hud-center{justify-content:center;align-self:stretch;width:min(32rem,44cqw);min-width:0;height:2.4rem;display:flex}.hud .hint{color:var(--muted)}.stage{flex:1;min-height:0}.game{position:relative;container-type:size}.notice{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.score{font-variant-numeric:tabular-nums;font-weight:600}.score .hint{font-weight:400}.me{color:#4f9dff}.ally{color:#45bd62}.enemy{color:#ff6b4a}.overlay{pointer-events:none;text-shadow:0 2px 12px #000;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.overlay button{pointer-events:auto}.overlay.match-over{justify-content:safe center;gap:.6rem;padding:3.4rem 0 1rem}.overlay.match-over .banner{font-size:2.6rem}.overlay p{margin:0}.overlay.below-bar{justify-content:safe center;padding:3.4rem 1rem 1rem}.overlay.below-bar>*{max-height:100%}.tank-picker.compact .tank-strip{margin-bottom:.2rem}.banner{font-size:3.5rem;font-weight:700}.notice{background:var(--bg)}.actions{gap:.5rem;display:flex}.weapon{color:#ffd166;font-variant-numeric:tabular-nums;font-weight:600}.overlay.respawn-layer{justify-content:flex-end;padding-bottom:16cqh}.respawn-card{pointer-events:auto;border:1px solid var(--line);text-shadow:none;background:#0d1017e6;border-left:4px solid #ff6b4a;align-items:center;gap:.9rem;padding:.6rem .8rem .6rem .7rem;display:flex}.respawn-ring{flex-shrink:0;width:3.2rem;height:3.2rem}.respawn-ring-base{fill:#d8dde80f;stroke:#262c3a;stroke-width:4px}.respawn-ring-arc{fill:none;stroke:var(--amber);stroke-width:4px;transform-origin:24px 24px;transition:stroke-dashoffset 1s linear;transform:rotate(-90deg)}.respawn-ring text{fill:var(--text);font-family:var(--mono);font-size:15px;font-weight:700}.respawn-text{flex-direction:column;gap:.1rem;min-width:11rem;display:flex}.respawn-kind{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#ff6b4a;font-size:.68rem}.respawn-text strong{font-size:.95rem}.respawn-when{color:var(--muted);font-size:.8rem}
input:not([type=checkbox]):not([type=radio]):not([type=range]){border:1px solid var(--line);background:linear-gradient(var(--amber), var(--amber)) left bottom / 10px 2px no-repeat, linear-gradient(var(--amber), var(--amber)) left bottom / 2px 10px no-repeat, #0d1017;min-width:15rem;color:var(--text);font:inherit;font-family:var(--mono);border-radius:0;outline:none;padding:.55rem .8rem;transition:border-color .12s,box-shadow .12s}input::placeholder{color:#5d667c}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible{border-color:var(--amber);box-shadow:0 0 0 3px #f2b84b2e}input:disabled{opacity:.55}input[type=checkbox]{appearance:none;border:1px solid var(--line);cursor:pointer;vertical-align:-.15em;background:#0d1017;flex-shrink:0;place-content:center;width:1.05rem;height:1.05rem;margin:0;display:inline-grid}input[type=checkbox]:after{content:"";border:2px solid #14110a;border-width:0 2px 2px 0;width:.32rem;height:.58rem;margin-top:-.12rem;transition:transform .1s;transform:rotate(45deg)scale(0)}input[type=checkbox]:checked{border-color:var(--amber);background:var(--amber)}input[type=checkbox]:checked:after{transform:rotate(45deg)scale(1)}input[type=checkbox]:focus-visible{outline-offset:2px;outline:2px solid #f2b84b80}input[type=range]{appearance:none;background:repeating-linear-gradient(-45deg, var(--amber) 0 5px, #d9a23d 5px 10px) left / var(--fill,0%) 100% no-repeat, #262c3a;border:1px solid var(--line);cursor:pointer;height:8px;margin:.5rem 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:2px solid var(--amber);width:10px;height:18px}input[type=range]::-moz-range-thumb{background:var(--text);border:2px solid var(--amber);border-radius:0;width:6px;height:14px}input[type=range]:focus-visible{outline-offset:3px;outline:2px solid #f2b84b80}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}form.notice label{color:var(--text);font-size:1.1rem}
.match-bar{width:100%;height:100%;font-family:var(--mono);pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0 1rem;display:grid}.mb-side{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label score""track score";align-items:center;gap:.2rem .6rem;min-width:0;display:grid}.mb-side.mirrored{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"score label""score track"}.mb-label{letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);grid-area:label;font-size:.62rem;overflow:hidden}.mb-side.mirrored .mb-label{text-align:right}.mb-score{font-variant-numeric:tabular-nums;grid-area:score;font-size:1.55rem;line-height:1;animation:.45s ease-out mb-bump}.mb-side.ally .mb-score{color:#5fd27a}.mb-side.enemy .mb-score{color:#ff7a5c}.mb-side.me .mb-score{color:#6aaeff}.mb-track{background:#232a38;grid-area:track;height:.35rem;overflow:hidden}.mb-track span{background:currentColor;height:100%;transition:width .4s ease-out;display:block}.mb-side.ally .mb-track{color:#45bd62}.mb-side.enemy .mb-track{color:#ff6b4a}.mb-side.me .mb-track{color:#4f9dff}.mb-side.mirrored .mb-track span{margin-left:auto}.mb-pips{grid-area:track;gap:.25rem;display:flex}.mb-side.mirrored .mb-pips{justify-content:flex-end}.mb-pips span{background:#232a38;width:.7rem;height:.35rem}.mb-side.ally .mb-pips .won,.mb-side.me .mb-pips .won{background:#45bd62}.mb-side.enemy .mb-pips .won{background:#ff6b4a}.mb-center{align-items:center;gap:.45rem;display:flex}.mb-time{flex-direction:column;align-items:center;line-height:1.1;display:flex}.mb-clock{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.mb-clock.urgent{color:#ff8a70;animation:1s ease-in-out infinite mb-pulse}.mb-overtime{color:#0d1017;letter-spacing:.08em;text-transform:uppercase;background:#ff6b4a;padding:0 .35rem;font-size:.72rem;font-weight:700;animation:.8s steps(2,start) infinite mb-blink}.mb-status{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--muted);font-size:.6rem;font-weight:700;animation:.3s ease-out mb-in}.mb-status.ally{color:#7be08a}.mb-status.enemy{color:#ff8c70}.mb-status.contested{color:#ffd166;animation:.7s ease-in-out infinite mb-pulse}.mb-ring{flex-shrink:0;width:2.1rem;height:2.1rem;animation:.5s ease-out mb-flip}.mb-ring-base{fill:#d8dde814;stroke:#3a4256;stroke-width:4px}.mb-ring.ally .mb-ring-base{fill:#45bd6259;stroke:#45bd62}.mb-ring.enemy .mb-ring-base{fill:#ff6b4a59;stroke:#ff6b4a}.mb-ring.contested .mb-ring-base{stroke:#ffd166;animation:.7s ease-in-out infinite mb-pulse}.mb-ring.locked .mb-ring-base{stroke-dasharray:4 4}.mb-ring-arc{fill:none;stroke-width:4px;stroke-linecap:round;transform-origin:24px 24px;transition:stroke-dashoffset .25s linear;transform:rotate(-90deg)}.mb-ring-arc.ally{stroke:#7be08a}.mb-ring-arc.enemy{stroke:#ff8c70}.mb-ring-arc.neutral{stroke:#d8dde8}.mb-ring-flag{fill:#e6e9f0;stroke:#e6e9f0;stroke-width:2px;stroke-linejoin:round}.mb-ring text{fill:#e6e9f0;font-family:var(--mono);font-size:14px;font-weight:700}@keyframes mb-bump{0%{filter:brightness(1.8);transform:scale(1.5)}to{filter:none;transform:scale(1)}}@keyframes mb-pulse{50%{opacity:.45}}@keyframes mb-blink{50%{opacity:.3}}@keyframes mb-in{0%{opacity:0;transform:translateY(-.2rem)}}@keyframes mb-flip{0%{filter:brightness(2);transform:scale(1.35)}to{filter:none;transform:scale(1)}}.next-vote{border:1px solid var(--line);width:min(40rem,100cqw - 2rem);text-shadow:none;background:#0d1017e0;flex-direction:column;gap:.5rem;padding:.7rem .8rem .8rem;display:flex}.next-vote header{font-family:var(--mono);flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;display:flex}.next-vote header strong{color:var(--amber);letter-spacing:.06em;text-transform:uppercase}.next-vote header .hint{font-size:.8rem}.next-vote-offers{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.offer{border:1px solid var(--line);color:var(--text);font-family:var(--mono);text-align:left;background:#11151d;border-radius:0;flex-direction:column;align-items:stretch;gap:.25rem;padding:.45rem;font-weight:400;transition:border-color .15s,transform .15s;display:flex}.offer:hover{border-color:var(--amber)}.offer.chosen{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber), 0 0 18px #f2b84b40;transform:translateY(-2px)}.offer-map{width:100%;height:auto;image-rendering:pixelated;background:#0d1017}.offer-mode{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:flex}.offer-mode img{width:1.8rem;height:1.8rem}.offer-theme{color:var(--muted);font-size:.75rem}.offer-votes{align-items:center;gap:.25rem;min-height:.6rem;display:flex}.offer-votes span{background:var(--amber);border-radius:50%;width:.6rem;height:.6rem;animation:.4s ease-out mb-bump}.offer-votes em{color:var(--muted);font-size:.7rem;font-style:normal}.settings{position:relative}.settings-menu,.settings-menu.bay{z-index:40;background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:.7rem;min-width:14rem;padding:.8rem;display:flex;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 10px 30px #00000080}.settings-menu .volume{justify-content:space-between}.hud-ping{flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.settings-menu .volume input{width:8rem}@container (max-width:700px){.hud{gap:.5rem;padding:.3rem .6rem}.hud-center{width:min(24rem,54cqw)}.hud-ping:not(.bad),.hud-ping.bad span+span{display:none}.match-bar{gap:0 .5rem}.mb-label{display:none}.mb-side{gap:0 .4rem}.mb-score{font-size:1.2rem}}.zone-note{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:#0d1017e0;border-left-width:4px;margin:0;padding:.35rem .9rem;font-size:.9rem;animation:2.5s ease-out forwards zone-note;position:absolute;top:3.8rem;left:50%;transform:translate(-50%)}.zone-note.ally{color:#7be08a;border-color:#45bd62}.zone-note.enemy{color:#ff8c70;border-color:#ff6b4a}@keyframes zone-note{0%{opacity:0;transform:translate(-50%,-.4rem)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.feed{pointer-events:none;flex-direction:column;gap:.25rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex;position:absolute;top:3.4rem;left:1rem}.feed li{border:1px solid var(--line);width:fit-content;color:var(--muted);text-shadow:none;background:#0d1017d9;border-left-width:3px;align-items:center;gap:.35rem;padding:.15rem .6rem .15rem .5rem;display:flex}.feed li.mine{border-left-color:var(--accent);background:#4f9dff29}.feed li.lost{background:#ff6b4a24;border-left-color:#ff6b4a}.feed-tank{flex-shrink:0;width:1.7rem;height:1.7rem;position:relative}.feed-tank img{width:88%;height:88%;position:absolute;inset:6%}.feed-tank img+img{width:128%;height:128%;inset:-14%}.feed-arrow{color:var(--muted);font-size:.8rem}.countdown{text-shadow:none;flex-direction:column;align-items:center;gap:.4rem;display:flex}.countdown-label{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--amber);background:#0d1017e0;padding:.15rem .6rem;font-size:.75rem}.countdown-number{border:2px solid var(--amber);width:6rem;height:6rem;font-family:var(--mono);background:#0d1017e6;place-items:center;font-size:3.6rem;font-weight:700;animation:.9s ease-out countdown-pop;display:grid}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.35)}25%{opacity:1;transform:scale(1)}}.end-result.round-strip{text-shadow:none;grid-template-columns:auto auto}.feed span{font-weight:600}.scoreboard{border-collapse:collapse;text-shadow:none;font-variant-numeric:tabular-nums;background:#0d1017e6;border:1px solid #3a4256;border-radius:10px;min-width:22rem;overflow:hidden}.scoreboard th,.scoreboard td{text-align:right;padding:.35rem .9rem}.match-summary{max-width:52rem;text-shadow:none;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.match-summary li{border:1px solid #3a4256;border-top:2px solid var(--amber);text-align:left;background:#0d1017e6;flex-direction:column;gap:.15rem;min-width:8.5rem;padding:.45rem .7rem;font-size:.78rem;display:flex}.match-summary-title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);font-size:.6rem}.match-summary strong{font-size:.95rem}.match-summary span:last-child{color:var(--muted)}.scoreboard th:first-child,.scoreboard td:first-child{text-align:left}.scoreboard th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #3a4256;font-size:.75rem;font-weight:400}.scoreboard td:first-child{font-weight:600}@container (max-width:700px){.scoreboard .sb-minor{display:none}.scoreboard th,.scoreboard td{padding:.3rem .55rem}}.scoreboard tr.out td{opacity:.5}.crosshair-settings{border-top:1px solid var(--line);flex-direction:column;gap:.6rem;padding-top:.7rem;display:flex}.crosshair-looks{gap:.35rem;display:flex}.crosshair-look{border:1px solid var(--line);cursor:pointer;background:#2a3140;place-items:center;padding:.15rem;display:grid}.crosshair-look.selected{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.crosshair-line{cursor:pointer;align-items:center;gap:.5rem;display:flex}
.game-panel,.game-lobby .bay{pointer-events:auto;text-align:left;text-shadow:none;background:#161a23f5}.game-panel{touch-action:pan-y;width:min(34rem,100%);overflow:hidden auto}.score-panel{width:min(56rem,100%)}.bay.game-panel:before{top:0;left:0}.bay.game-panel:after{bottom:0;right:0}.scoreboard td:first-child{white-space:nowrap}.score-panel .scoreboard{border-radius:0;width:100%;min-width:0}.bay-close{margin-left:auto}.bay-hint+.bay-close{margin-left:.8rem}.game-panel .hint{color:var(--muted);margin:0;font-size:.8rem}.game-lobby{pointer-events:auto;touch-action:pan-y;width:min(62rem,100%);text-shadow:none;flex-direction:column;gap:.7rem;padding:2px;display:flex;overflow:hidden auto}.game-lobby-head{border:1px solid var(--line);border-left:4px solid var(--amber);background:#0d1017eb;flex-wrap:wrap;align-items:center;gap:.2rem 1rem;padding:.55rem 1rem;display:flex}.game-lobby-head strong{font-size:1.4rem}.game-lobby-head strong,.game-lobby-head span{line-height:1.1}.game-lobby-head span{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.game-lobby-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:1rem;display:grid}@container (max-width:760px){.game-lobby-grid{grid-template-columns:minmax(0,1fr)}}@container (max-height:500px){.game-lobby{gap:.45rem}.game-lobby-head{padding:.35rem .8rem}.game-lobby-head strong{font-size:1.1rem}.game-lobby-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:.6rem}.lobby-teams{gap:.5rem}.game-lobby .end-bar{z-index:2;background:#0d1017f2;flex-wrap:nowrap;padding:.35rem 0;position:sticky;bottom:0}.game-lobby .end-bar .plate{padding:.4rem .8rem;font-size:.75rem}.game-lobby .end-bar .end-cta{min-width:0}}.game-lobby-controls{border:1px dashed var(--line);color:var(--muted);background:#0d1017d9;margin:0;padding:.45rem .8rem;font-size:.78rem}.game-lobby-controls .field-label{color:var(--amber);margin-right:.4rem}.game-lobby .end-bar{text-shadow:none}.game-lobby .room-code{align-items:baseline;gap:.6rem;display:inline-flex}.game-lobby .room-code span{font-family:var(--mono);letter-spacing:.06em;color:var(--amber);font-size:.68rem}.game-lobby .room-code strong{font-family:var(--mono);letter-spacing:.18em;font-size:1.15rem;line-height:1}@container (max-height:500px){.game-lobby .room-code:not(.copied) span,.game-lobby .room-code.copied strong{display:none}.game-lobby .room-code strong{letter-spacing:.12em;font-size:.95rem}}.lobby-teams{gap:1rem;display:flex}.lobby-team{flex-direction:column;flex:1;gap:.45rem;min-width:0;display:flex}.lobby-team h3{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:400}.lobby-team h3.ally{color:#45bd62}.lobby-team h3.enemy{color:#ff6b4a}.lobby-team ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.lobby-team li{border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#11151d;align-items:baseline;gap:.3rem;padding:.3rem .6rem;font-size:.9rem;display:flex;overflow:hidden}.lobby-team li.me{border-color:var(--accent);background:#4f9dff1f;font-weight:600}.lobby-team li.free{color:var(--muted);background:0 0;border-style:dashed}.bot-tag{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;vertical-align:.12em;margin-left:.35rem;padding:0 .25rem;font-size:.58rem;font-weight:400}.lobby-host{border:1px solid var(--amber);color:var(--amber);font-family:var(--mono);text-transform:uppercase;margin-left:auto;padding:0 .3rem;font-size:.6rem}.version{color:var(--muted);opacity:.7;pointer-events:none;font-variant-numeric:tabular-nums;font-size:.75rem;position:fixed;bottom:.4rem;right:.6rem}.volume{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.volume input{width:5.5rem}.actions{align-items:center}.clock{font-variant-numeric:tabular-nums}.clock.urgent{color:#ff8a70;font-weight:600}.hud .actions,.hud .score{white-space:nowrap;flex-shrink:0}.hud>.hint,.hud>.weapon{text-align:center}
.touch-controls{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:flex;position:absolute;inset:2.6rem 0 0}.stick-zone{touch-action:none;flex:1;position:relative}.stick{opacity:.35;pointer-events:none;background:#0d101740;border:2px solid #ffffff59;border-radius:50%;width:104px;height:104px;margin:-52px 0 0 -52px;position:absolute}.stick-zone.move .stick{top:70%;left:18%}.stick-zone.aim .stick{top:70%;left:82%}.stick.held{opacity:.9}.stick-knob{background:#ffffff8c;border-radius:50%;position:absolute;inset:27px}.stick-knob.firing{background:#ff6b4a}.stick-label{text-align:center;color:#ffffff73;text-shadow:0 1px 4px #000;pointer-events:none;font-size:.7rem;position:absolute;bottom:.4rem;left:0;right:0}@media (pointer:coarse){html,body{overscroll-behavior:none}}.game.touch{touch-action:none;-webkit-user-select:none;user-select:none}.game.touch .hud{gap:.5rem;padding:.3rem .6rem;font-size:.8rem}.game.touch .hud .plate:not(.icon){padding:.4rem .7rem}.game.touch .stage{justify-content:center;align-items:center;display:flex}.game.touch .hud .volume,.game.touch .hud .keys{display:none}.game.touch .overlay.respawn-layer{padding-bottom:30cqh}@media (pointer:coarse) and (orientation:portrait) and (max-width:600px){.turnable{transform-origin:0 0;width:100dvh;height:100vw;position:fixed;top:0;left:0;transform:translate(100vw)rotate(90deg)}}@container (max-height:500px){.game.touch .game-panel,.game.touch .game-lobby .bay{padding:.7rem .8rem .8rem}.game.touch .banner{font-size:2.2rem}.game.touch .scoreboard{font-size:.8rem}}
:root{--steel:#1a202b;--line:#36415a;--amber:#f2b84b;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}.garage{background:linear-gradient(#4f9dff12 1px, transparent 1px) 0 0 / 120px 120px, linear-gradient(90deg, #4f9dff12 1px, transparent 1px) 0 0 / 120px 120px, linear-gradient(#4f9dff09 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, #4f9dff09 1px, transparent 1px) 0 0 / 24px 24px, var(--bg);min-height:100%;padding:1.25rem clamp(.75rem,3vw,2.5rem) 2.5rem}.garage-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;max-width:1180px;margin:0 auto 1.25rem;padding-bottom:.9rem;display:flex}.brand{flex-wrap:wrap;align-items:baseline;gap:.8rem;display:flex}.brand h1{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1.7rem;font-weight:800}.brand-tag,.field-label,.bay h2,.bay-hint,.tank-stage-tag,.tank-key,.specs-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.brand-tag{color:var(--muted);font-size:.72rem}.field-label{color:var(--muted);font-size:.68rem}.garage-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:1.25rem;max-width:1180px;margin:0 auto;display:grid}.bay{border:1px solid var(--line);background:#161a23eb;flex-direction:column;gap:.85rem;padding:1.1rem 1.2rem 1.3rem;display:flex;position:relative}.bay:before,.bay:after{content:"";border:2px solid var(--amber);pointer-events:none;width:14px;height:14px;position:absolute}.bay:before{border-bottom:0;border-right:0;top:-2px;left:-2px}.bay:after{border-top:0;border-left:0;bottom:-2px;right:-2px}.bay h2{border-bottom:1px dashed var(--line);align-items:baseline;gap:.6rem;margin:0;padding-bottom:.6rem;font-size:.85rem;font-weight:600;display:flex}.bay-index{color:var(--amber)}.bay-hint{color:var(--muted);margin-left:auto;font-size:.65rem;font-weight:400}.field{flex-direction:column;gap:.3rem;display:flex}.field-note{color:var(--muted);min-height:1.2em;margin:-.45rem 0 0;font-size:.8rem}.field-note.warn{color:var(--amber);margin-top:0}.segments{border:1px solid var(--line);display:flex}.segment{color:var(--text);background:0 0;border-radius:0;flex:1;padding:.5rem .4rem;font-size:.9rem;font-weight:400}.segment+.segment{border-left:1px solid var(--line)}.segment.selected{background:var(--amber);color:#14110a;font-weight:700}.segment:disabled{opacity:.35}.segments.wrap{flex-wrap:wrap}.segments.wrap .segment{border-left:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex:135px}.format{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.format-card{border:1px solid var(--line);color:var(--text);text-align:left;background:0 0;border-radius:0;grid-template-rows:auto 1fr;grid-template-columns:3rem 1fr;align-items:start;gap:.2rem .7rem;padding:.7rem .8rem;font-weight:400;display:grid}.format-card img{grid-row:1/3;align-self:center;width:3rem;height:3rem}.format-card strong{letter-spacing:.06em;text-transform:uppercase;font-size:1.15rem}.format-card span{color:var(--muted);font-size:.78rem}.format-card.selected{border-color:var(--amber);box-shadow:inset 4px 0 0 var(--amber);background:#f2b84b1a}.themes{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;display:grid}.theme-tile{border:1px solid var(--line);height:3.6rem;color:var(--text);background-color:#161b25;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0;padding:0;position:relative;overflow:hidden}.theme-tile span{background:#0d1017c7;padding:.15rem .2rem;font-size:.72rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.theme-tile.selected{border-color:var(--amber);box-shadow:0 0 0 2px var(--amber)}.theme-tile.selected span{background:var(--amber);color:#14110a}.advanced{border:1px dashed var(--line);padding:.5rem .7rem}.advanced summary{cursor:pointer;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.advanced .field{margin-top:.7rem}.briefing{border-left:3px solid var(--amber);background:#11151d;padding:.6rem .75rem}.briefing p{font-family:var(--mono);margin:.2rem 0 0;font-size:.82rem}.launch{flex-wrap:wrap;gap:.6rem;display:flex}.launch .plate{flex:12rem}
.plate{--cut:12px;--edge:var(--amber);isolation:isolate;background:var(--amber);color:#14110a;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-shadow:none;cursor:pointer;pointer-events:auto;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));border:0;border-radius:0;justify-content:center;align-items:center;gap:.45rem;padding:.85rem 1.4rem;font-family:inherit;font-size:.85rem;font-weight:800;text-decoration:none;transition:filter .12s,transform .12s;display:inline-flex;position:relative}.plate:hover:not(:disabled){filter:brightness(1.1)}.plate:active:not(:disabled){transform:translateY(1px)}.plate:focus-visible{filter:brightness(1.25);outline:none}.plate:disabled{opacity:.5;cursor:default}.plate.steel{color:var(--text);background:#2a3344}.plate.ghost{background:var(--edge);color:var(--amber)}.plate.ghost:before{content:"";z-index:-1;clip-path:polygon(0 0, calc(100% - var(--cut) + .5px) 0, 100% calc(var(--cut) - .5px), 100% 100%, calc(var(--cut) - .5px) 100%, 0 calc(100% - var(--cut) + .5px));background:#0d1017f0;position:absolute;inset:1px}.plate.ghost:hover:not(:disabled):before{background:#1e2431f5}.plate.small{--cut:9px;padding:.55rem 1rem;font-size:.75rem}.plate.icon{--cut:7px;padding:.45rem .55rem;line-height:0}
.tank-picker{text-shadow:none;flex-direction:column;align-self:stretch;gap:.7rem;display:flex}.tank-stage{aspect-ratio:336/150;border:1px solid var(--line);flex-shrink:0;line-height:0;position:relative;container-type:inline-size}.tank-preview{width:100%;height:100%;position:absolute;inset:0}.tank-stage-tag{color:#ffffff73;font-size:.6rem;line-height:1;position:absolute;bottom:.9rem;right:1rem}.skin-corner{z-index:2;flex-direction:column;align-items:flex-start;gap:.2rem;line-height:normal;display:flex;position:absolute;bottom:.55rem;left:.55rem}.skin-corner-title{color:var(--amber);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 6px #f2b84b73;background:linear-gradient(90deg,#f2b84b38,#0d1017e0 75%);border:1px solid #f2b84b8c;border-radius:0;align-items:center;gap:.35rem;padding:.18rem .5rem .18rem .4rem;font-size:.64rem;font-weight:600;display:flex}.skin-corner-title:hover{border-color:var(--amber);background:linear-gradient(90deg,#f2b84b57,#0d1017e6 80%)}.skin-corner-spark{font-size:.7rem}.skin-corner-title .slot-caret{color:var(--amber)}.skin-corner-looks{gap:.25rem;display:flex}.skin-corner-look{border:1px solid var(--line);background:#0d1017e0;border-radius:0;padding:0}.skin-corner-look:hover{border-color:var(--amber)}.skin-corner-look.locked{border-style:dashed;border-color:var(--amber)}.skin-corner-look .skin-picture{border:0;width:2.4rem;height:2.4rem}@media (max-width:560px){.skin-corner{gap:.12rem;bottom:.25rem;left:.25rem}.skin-corner-title{letter-spacing:.1em;gap:.2rem;padding:.04rem .25rem .04rem .2rem;font-size:.46rem}.skin-corner-spark{font-size:.5rem}.skin-corner-looks{gap:.12rem}.skin-corner-look .skin-picture{width:1.2rem;height:1.2rem}}.skin-corner-note{color:var(--amber);background:#0d1017d9;padding:0 .3rem;font-size:.6rem}.tank-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid;container-type:inline-size}.tank-slot{border:1px solid var(--line);color:var(--text);background:#11151d;border-radius:0;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem .3rem .4rem;font-size:.78rem;font-weight:400;display:flex;position:relative}.tank-slot.selected{border-color:var(--amber);box-shadow:inset 0 -3px 0 var(--amber);background:#f2b84b1a;font-weight:700}.tank-key{color:var(--muted);font-size:.62rem;position:absolute;top:.25rem;right:.4rem}.tank-picture{width:3.3rem;height:3.3rem;position:relative}.tank-picture img{width:100%;height:100%;position:absolute;inset:0}.tank-picture img+img{width:136%;height:136%;inset:-18%}.tank-sheet{text-align:left;flex-direction:column;gap:.5rem;display:flex}.tank-sheet p{color:var(--muted);margin:0;font-size:.85rem}.specs-drop{flex-direction:column;display:flex}.specs-toggle{border:1px solid var(--line);width:100%;color:var(--amber);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#11151d;border-radius:0;justify-content:space-between;align-items:center;padding:.35rem .6rem;font-size:.65rem;font-weight:400;display:flex}.specs-toggle:hover,.specs-toggle[aria-expanded=true]{border-color:var(--amber)}.specs-table{border:1px solid var(--line);background:#11151d;border-top:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 .4rem;padding:.1rem 0 .5rem;display:grid}.specs-label{color:var(--muted);border-bottom:1px dotted #36415acc;grid-column:1/-1;margin-top:.45rem;padding:0 .6rem .1rem;font-size:.56rem}.specs-cell{font-family:var(--mono);text-align:center;padding:.2rem .35rem;font-size:.8rem;font-weight:600}.specs-cell.chosen{color:var(--amber);background:#f2b84b1a}.specs-cell.text,.specs-cell.note{text-align:left;color:var(--muted);font-family:inherit;font-size:.7rem;font-weight:400}.specs-cell.note{font-family:var(--mono);color:var(--amber);font-size:.64rem}@media (max-width:700px){.garage-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.themes{grid-template-columns:repeat(3,minmax(0,1fr))}}.garage-tools{align-items:center;gap:.4rem;margin-left:auto;display:flex}.brand h1{line-height:0}.logo{width:auto;height:2.9rem}.about{border-top:1px solid var(--line);max-width:1180px;color:var(--muted);margin:1.5rem auto 0;padding-top:1rem}.about h2{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .3rem;font-size:.75rem;font-weight:600}.about .contact{font-family:var(--mono);margin-top:.6rem;font-size:.75rem}.about a{color:var(--amber)}.about p{max-width:62rem;margin:0;font-size:.85rem;line-height:1.5}.private-toggle{border:1px dashed var(--line);cursor:pointer;align-items:flex-start;gap:.6rem;padding:.55rem .7rem;display:flex}.private-toggle input{margin-top:.15rem}.private-toggle span{color:var(--muted);flex-direction:column;gap:.1rem;font-size:.78rem;display:flex}.private-toggle strong{color:var(--text);font-size:.9rem}.briefing .online{color:var(--amber);margin-top:.5rem}.ping{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem}.ping.bad{color:#ff8a70}.legal{max-width:46rem;margin:0 auto;padding:2rem 1.25rem 4rem;line-height:1.6}.legal h1{font-size:1.6rem}.legal h2{margin-top:1.8rem;font-size:1.05rem}.legal a{color:var(--amber)}.legal li{margin:.25rem 0}.stage canvas{cursor:none}.level{font-family:var(--mono);grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;font-size:.72rem;display:grid}.level-number{color:var(--amber);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.level-bar{border:1px solid var(--line);background:#262c3a;height:6px}.level-bar span{background:repeating-linear-gradient(-45deg, var(--amber) 0 5px, #d9a23d 5px 10px);height:100%;display:block}.level-xp{color:var(--muted);font-variant-numeric:tabular-nums}.tank-slot-loadout{flex-direction:column;gap:2px;display:flex;position:absolute;top:4px;left:4px}.tank-slot-loadout img{width:20px;height:20px}.tank-slot-name{white-space:nowrap;align-items:center;gap:.3rem;display:flex}.tank-slot-dot{background:var(--amber);border-radius:50%;width:5px;height:5px}.tank-slot-code{font-family:var(--mono);color:var(--amber);font-size:.68rem;font-weight:700}@container (max-width:440px){.tank-slot{padding:.3rem .15rem .35rem;font-size:.72rem}.tank-slot-name{flex-direction:column;gap:0;line-height:1.15}.tank-slot-dot{display:none}.tank-slot-code{font-size:.62rem}.tank-slot .tank-picture{width:2.7rem;height:2.7rem}.tank-slot-loadout img{width:15px;height:15px}.tank-key{font-size:.55rem;top:.15rem;right:.25rem}}.unlocks ul{background:var(--line);border:1px solid var(--line);flex-direction:column;gap:1px;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.unlocks li{color:var(--muted);opacity:.75;background:#11151d;grid-template-columns:3.2rem 4rem 6rem 1fr;align-items:center;column-gap:.5rem;padding:.3rem .5rem;font-size:.8rem;display:grid}.unlocks li.open{opacity:1;color:var(--text)}.unlocks li.open .unlock-level{color:var(--amber)}.unlock-level{font-family:var(--mono)}.unlock-group{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:.66rem}.unlocks strong{font-weight:600}@media (max-width:560px){.unlocks li{grid-template-columns:2.8rem 4rem 1fr}.unlock-group{display:none}}.match-xp{pointer-events:auto;border:1px solid var(--line);border-left:3px solid var(--amber);min-width:22rem;text-shadow:none;background:#0d1017eb;flex-direction:column;gap:.45rem;padding:.8rem 1rem;display:flex}.match-xp header{font-family:var(--mono);justify-content:space-between;display:flex}.match-xp header strong{color:var(--amber);font-size:1.1rem}.match-xp .parts{font-family:var(--mono);color:var(--muted);margin:0;font-size:.72rem}.match-xp .parts strong{color:var(--text)}.match-xp .news{color:var(--amber);margin:0;font-weight:700}.unlocks-head{justify-content:space-between;align-items:baseline;display:flex}button.link{color:var(--amber);font-family:var(--mono);background:0 0;border:0;padding:0;font-size:.7rem;font-weight:400;text-decoration:underline}.loadout{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.slot{flex-direction:column;gap:.25rem;min-width:0;display:flex;position:relative}.slot-current,.slot-list button{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#11151d;border-radius:0;grid-template-columns:3.4rem 1fr auto;align-items:center;gap:.55rem;padding:.4rem .55rem;font-weight:400;display:grid}.slot-current:hover,.slot-list button:not(:disabled):hover{border-color:var(--amber)}.slot-current.empty{opacity:.7}.slot-icon{border:1px solid var(--line);background:#0d1017;place-items:center;width:3.4rem;height:3.4rem;display:grid}.slot-icon img{width:92%;height:92%}.slot-icon.small{width:1.5rem;height:1.5rem}.slot-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.slot-text strong{font-size:.85rem}.slot-text span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.slot-caret{color:var(--muted)}.skin-picture{border:1px solid var(--line);background:#0d1017;width:3.4rem;height:3.4rem;display:block;position:relative;overflow:hidden}.skin-picture img{width:84%;height:84%;position:absolute;inset:8%}.skin-picture img+img{width:112%;height:112%;inset:-6%}.skin-picture.look-trail{background-color:#2a2e33;background-position:50%;background-repeat:repeat-x;background-size:auto 90%}.skin-picture.look-blast img{width:92%;height:92%;inset:4%}.skin-dialog{width:min(40rem,100vw - 2rem)}.skin-group h3{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem;font-size:.7rem;font-weight:600}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:.4rem;display:grid}.skin-grid button{border:1px solid var(--line);color:var(--text);background:#11151d;border-radius:0;flex-direction:column;align-items:center;gap:.25rem;padding:.35rem .25rem;font-weight:400;display:flex}.skin-grid button:hover{border-color:var(--amber)}.skin-grid button.selected{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.skin-grid button.locked .skin-picture{opacity:.55}.skin-grid .skin-picture{width:4.2rem;height:4.2rem}.skin-name{text-align:center;font-size:.72rem;line-height:1.15}.skin-grid .slot-lock{font-size:.6rem;position:static}.lab-skins tbody tr{cursor:pointer}.lab-skins tbody tr.selected td{background:#f2b84b14}.lab-skin-thumb{width:2.4rem;height:2.4rem;display:inline-block;position:relative}.lab-skin-thumb .skin-picture{background-color:#0000;border:0;width:100%;height:100%}.lab-skin-thumb .look-trail{background-color:#2a2e33}.lab-skin-thumb img{width:100%;height:100%;position:absolute;inset:0}.lab-skin-thumb img+img{width:136%;height:136%;inset:-18%}.slot-list{z-index:30;border:1px solid var(--amber);background:#0d1017;max-height:18rem;margin:.2rem 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000080}.game .loadout:has(.slot-list){padding-bottom:18.6rem}.slot-list button{border-width:0 0 1px;grid-template-columns:3.4rem 1fr}.slot-list button.selected{box-shadow:inset 3px 0 0 var(--amber);background:#f2b84b1f}.slot-list button:disabled{opacity:.45;cursor:not-allowed}.slot-list .slot-text span{white-space:normal}.slot-current,.slot-list button{position:relative}.slot-lock{font-family:var(--mono);color:var(--amber);white-space:nowrap;align-items:center;gap:.25rem;font-size:.62rem;display:inline-flex;position:absolute;top:.35rem;right:.5rem}.slot-current .slot-lock{right:1.8rem}.slot-current.locked strong,.slot-list button.locked strong{padding-right:6.5rem}.slot-list button.locked .slot-icon,.slot-current.locked .slot-icon{opacity:.55}.slot-list button.locked .slot-text strong{color:var(--muted)}.unlocks .slot-icon.small{width:2.8rem;height:2.8rem}.unlocks li.look .slot-icon.small{width:4rem;height:4rem}.unlock-tank{position:relative;overflow:hidden}.unlock-tank img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.1)}.unlock-tank img+img{transform:scale(1.45)}@media (max-width:560px){.loadout{grid-template-columns:1fr}}.field-note.xp-note{color:var(--amber);margin:-.3rem 0 0}.xp-row{font-family:var(--mono);grid-template-columns:6.5rem 1fr 4.5rem;align-items:center;gap:.6rem;font-size:.75rem;display:grid}.xp-row .level-bar{height:9px}.xp-level{text-align:right;color:var(--amber);font-weight:700}.xp-row.flash .level-bar{animation:.6s ease-out level-flash}.xp-row.flash .xp-level{animation:.6s ease-out level-pop;display:inline-block}@keyframes level-flash{0%{border-color:var(--amber);box-shadow:0 0 #f2b84be6}to{box-shadow:0 0 0 10px #f2b84b00}}@keyframes level-pop{0%{color:#fff;transform:scale(1.6)}to{transform:scale(1)}}.level-up-banner{transform-origin:0;color:var(--amber);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;margin:0;font-weight:800;animation:.6s ease-out level-pop}kbd{border:1px solid var(--line);min-width:1.15rem;color:var(--text);font-family:var(--mono);text-align:center;text-transform:none;letter-spacing:0;background:#0d1017;border-bottom-width:2px;padding:0 .25rem;font-size:.66rem;line-height:1.2;display:inline-block}.social-link{border:1px solid var(--line);width:2.1rem;height:2.1rem;color:var(--muted);place-items:center;display:grid}.social-link:hover{border-color:var(--amber);color:var(--amber)}
.action-bar{z-index:4;gap:.5rem;display:flex;position:absolute;bottom:.9rem;left:50%;transform:translate(-50%)}.action{border:1px solid var(--line);touch-action:none;background:#0d1017d1;border-radius:0;width:4rem;height:4rem;padding:0;position:relative;overflow:hidden}.action img{width:88%;height:88%;position:absolute;inset:6%}.action kbd{font-size:.6rem;position:absolute;bottom:2px;right:2px}.action.ready{border-color:var(--amber)}.action.active{box-shadow:0 0 0 2px var(--amber), 0 0 14px #f2b84b99;border-color:#fff}.action.empty,.action.spent{opacity:.55}.action.passive{border-color:var(--line)}.action.jammed{opacity:.6;border-color:#7fe3ff}.action-charges{font-family:var(--mono);color:#fff;text-shadow:0 1px 2px #000;font-size:.6rem;position:absolute;top:2px;left:3px}.action-shade{background:#0000009e;position:absolute;top:0;left:0;right:0}.action-time{color:#fff;font-family:var(--mono);text-shadow:0 1px 3px #000;place-items:center;font-size:1.05rem;font-weight:700;display:grid;position:absolute;inset:0}.action-tag{font-family:var(--mono);color:var(--muted);text-transform:uppercase;font-size:.55rem;position:absolute;top:2px;left:0;right:0}.action-bar.range{gap:.35rem;line-height:normal;bottom:.5rem}.action-bar.range .action{width:3rem;height:3rem}.action-bar.range .action-time{font-size:.85rem}@container (max-width:440px){.action-bar.range{bottom:.45rem;left:auto;right:.45rem;transform:none}.action-bar.range .action{width:2.6rem;height:2.6rem}.tank-stage-tag{display:none}}@media (hover:none) and (pointer:coarse){.action-bar.range kbd,.slot .field-label kbd,.tank-key,.keys-hint,.version{display:none}.keys-hint+.bay-close{margin-left:auto}}.plate.tank-button{--cut:7px;gap:.4rem;padding:.35rem .6rem .35rem .5rem}.tank-button-code{font-family:var(--mono);letter-spacing:.02em;font-size:.8rem;font-weight:700}.tank-status-next{border:1px dashed var(--line);color:var(--muted);white-space:nowrap;padding:.05rem .35rem;font-size:.72rem}.boost{border:1px solid var(--line);background:#0d1017d9;align-items:center;gap:.2rem;padding:.1rem .3rem .2rem .15rem;display:inline-flex;position:relative}.boost img{width:1.3rem;height:1.3rem}.boost-time{font-family:var(--mono);color:var(--amber);font-size:.72rem;font-weight:700}.boost-bar{background:var(--amber);height:2px;transition:width 1s linear;position:absolute;bottom:0;left:0}.tank-state{z-index:4;text-shadow:none;flex-direction:column;align-items:flex-end;gap:.3rem;display:flex;position:absolute;bottom:.9rem;right:calc(50% + 4.85rem)}.boosts{gap:.3rem;display:flex}.health{border:1px solid var(--line);text-shadow:none;background:#0d1017d9;grid-template-columns:auto 9rem auto;align-items:center;gap:.45rem;padding:.35rem .55rem;display:grid}.health-label{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);font-size:.62rem}.health-bars{flex-direction:column;gap:2px;display:flex}.health-bar{border:1px solid var(--line);background:#262c3a;height:9px}.health-fill{background:#45bd62;height:100%;transition:width .2s ease-out;display:block}.health-armor{background:#262c3a;height:5px}.health-armor span{background:repeating-linear-gradient(-45deg, var(--amber) 0 4px, #d9a23d 4px 8px);height:100%;display:block}.health-value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.health-plus{color:var(--amber)}.health.low .health-fill{background:#ff6b4a;animation:.8s ease-in-out infinite health-blink}.health.low .health-value{color:#ff6b4a}.health.shielded{border-color:#6fb4ff;box-shadow:0 0 0 1px #6fb4ff66,0 0 12px #6fb4ff59}.health.shielded .health-bar{border-color:#6fb4ff;box-shadow:0 0 6px #6fb4ff99}.health.shielded .health-label{color:#6fb4ff}@keyframes health-blink{50%{opacity:.45}}.game.touch .tank-state .health{display:none}.game.touch .tank-state{align-items:center;bottom:.6rem;left:50%;right:auto;transform:translate(-50%)}.game.touch .tank-status-next{display:none}.action-bar.touch{width:0;height:0;inset:auto 0 0 auto;transform:none}.action-bar.touch .action{border-radius:50%;width:3.2rem;height:3.2rem;position:absolute}.action-bar.touch .action:first-child{bottom:7.5rem;right:6.8rem}.action-bar.touch .action:last-child{bottom:8.8rem;right:1.9rem}.action-bar.touch .action-time{font-size:.9rem}.action-bar.touch kbd{display:none}
.lab{max-width:76rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.lab.wide{max-width:calc(1282px + 2.5rem)}.lab-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.lab-head h1{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .4rem;font-size:1.3rem}.lab-head p{max-width:44rem;color:var(--muted);margin:0}.lab-head-side{align-items:center;gap:1rem;display:flex}.lab-head-side a{color:var(--amber)}.range-sound-toggle{z-index:2;border:1px solid var(--line);width:2rem;height:2rem;color:var(--muted);background:#0d1017bf;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;top:.5rem;right:.5rem}.range-sound-toggle.in-bar{background:0 0;width:2.1rem;height:2.1rem;position:static}.range-sound-toggle.on{border-color:var(--amber);color:var(--amber)}.lab-tabs{flex-wrap:wrap;gap:.4rem;margin:1rem 0;display:flex}.lab-tabs button{border:1px solid var(--line);background:var(--steel);color:var(--text);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border-radius:0;padding:.5rem .9rem;font-size:.8rem}.lab-tabs button.selected{border-color:var(--amber);box-shadow:inset 0 -3px 0 var(--amber)}.lab-group h2{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;margin:1.6rem 0 .6rem;font-size:.95rem}.lab-group h2 small{color:var(--muted);text-transform:none;margin-left:.5rem;font-size:.75rem}.lab-section .field-note{margin:.6rem 0}.lab-section .field{margin-bottom:.8rem}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.6rem;display:grid}.lab-card{border:1px solid var(--line);background:#11151d;margin:0}.lab-card.missing{border-style:dashed}.lab-card figcaption{flex-direction:column;gap:.15rem;padding:.4rem .5rem;font-size:.7rem;display:flex}.lab-card code,.lab-sound code{font-family:var(--mono);overflow-wrap:anywhere}.lab-status{color:var(--muted)}.present>figcaption .lab-status,.lab-sound.present .lab-status{color:#7be08a}.missing>figcaption .lab-status,.lab-sound.missing .lab-status{color:var(--amber)}.lab-picture{aspect-ratio:1;background:repeating-conic-gradient(#1a1f2a 0 25%, #232a37 0 50%) 0 0 / 16px 16px;color:var(--muted);place-items:center;font-size:.75rem;display:grid}.lab-picture img{max-width:80%;max-height:80%}.lab-grid.wide{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr))}.lab-tier-scroll{overflow-x:auto}.lab-tier-grid{grid-template-columns:repeat(4,minmax(13.5rem,1fr))}.lab-tier-head{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.lab-tanks{justify-content:center;align-items:center;gap:.5rem;padding:.5rem;display:flex;overflow:hidden}.lab-tank{background-size:64px 64px;flex-shrink:0;display:inline-block;position:relative}.lab-tank img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lab-range{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:1.2rem;display:grid}@media (max-width:760px){.lab-range{grid-template-columns:1fr}}.lab-picks{flex-wrap:wrap;gap:.35rem;display:flex}.lab-pick{border:1px solid var(--line);color:var(--text);background:#11151d;border-radius:0;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.78rem;font-weight:400;display:flex}.lab-pick img{width:26px;height:26px}.lab-pick.selected{border-color:var(--amber);background:#f2b84b1f}.lab-sounds{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.4rem;display:grid}.lab-sound{border:1px solid var(--line);background:#11151d;grid-template-columns:1fr auto;align-items:center;gap:.1rem .6rem;padding:.45rem .6rem;font-size:.78rem;display:grid}.lab-sound.missing{border-style:dashed}.lab-sound{grid-template-columns:auto 1fr auto}.lab-sound.approved{border-color:#7be08a}.lab-sound button{padding:.35rem .7rem;font-size:.75rem}.lab-sound-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.lab-sound-text code{font-size:.7rem}.lab-shared{color:var(--amber);font-size:.72rem}.lab-approve input{accent-color:#7be08a;width:1.1rem;min-width:0;height:1.1rem}.lab-calc{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.6rem;display:grid}.lab-calc .field{min-width:0}.lab-calc input{width:100%;min-width:0}.lab-result strong{font-family:var(--mono);color:var(--amber);font-size:1.5rem;display:block}.lab-result span{color:var(--muted);font-size:.85rem}.lab-levels{border-collapse:collapse;width:100%;font-size:.82rem}.lab-levels th,.lab-levels td{border-bottom:1px solid var(--line);text-align:left;font-family:var(--mono);padding:.3rem .5rem}.lab-metrics-table{margin-bottom:1rem;overflow-x:auto}.lab-metrics-table h3,.lab-group h3{color:var(--muted);margin:.8rem 0 .4rem;font-size:.8rem;font-weight:600}.lab-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:0 1.2rem;display:grid}.lab-funnel{gap:.35rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.lab-funnel li{grid-template-columns:minmax(8rem,12rem) 1fr minmax(5rem,auto);align-items:center;gap:.6rem;display:grid}.lab-funnel strong{font-family:var(--mono);text-align:right}.lab-bar{border:1px solid var(--line);background:#11151d;height:.7rem}.lab-bar span{background:var(--amber);height:100%;display:block}.lab-unlocks img{vertical-align:middle;width:26px;height:26px;margin-right:.2rem}.lab-look{color:var(--amber);font-size:.7rem}
.training{max-width:76rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.training-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.training-head h1{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .4rem;font-size:1.3rem}.training-head p{color:var(--muted);margin:0}.training-head-side{align-items:center;gap:1rem;display:flex}.training-head-side a{color:var(--amber)}.training-layout{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);align-items:start;gap:1.25rem;margin-top:1.25rem;display:grid}.training-brief{border:1px solid var(--line);border-top:2px solid var(--amber);background:#11151d;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.training-brief h2{margin:0;font-size:1.15rem}.training-brief p{margin:0;line-height:1.5}.training-brief .link{align-self:flex-start}.training-steps{color:var(--muted);margin:.2rem 0;padding-left:1.2rem;font-size:.85rem}.training-steps li.current{color:var(--amber);font-weight:600}.training-steps li.done{text-decoration:line-through}.training-part{flex-direction:column;gap:.15rem;display:flex}.training-skips{flex-wrap:wrap;gap:.4rem 1rem;display:flex}.training-score{border:1px solid var(--line);background:#0d1017e6;height:3.2rem;padding:.35rem .8rem;line-height:1.2}.training-notice{border:1px solid var(--line);border-left:3px solid var(--amber);max-width:calc(100% - 2rem);font-family:var(--mono);text-align:center;pointer-events:none;background:#0d1017e0;margin:0;padding:.35rem .8rem;font-size:.8rem;line-height:1.35;animation:.3s ease-out mb-in;position:absolute;bottom:.8rem;left:50%;transform:translate(-50%)}.training-notice.won{color:#8fe3a4;border-left-color:#45bd62}.training-notice.lost{color:#ffb3a1;border-left-color:#ff7a5c}.training-ground{flex-direction:column;gap:.6rem;min-width:0;display:flex}.training-stage{aspect-ratio:768/448;border:1px solid var(--line);line-height:0;position:relative}.training-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.training-stage .touch-controls{top:0}.training-bar{justify-content:center;gap:.5rem;display:flex}.training-slot{display:inline-flex;position:relative}.training-slot.goal .action{animation:1.1s ease-in-out infinite training-goal}.training-slot.goal:before{content:"";background:var(--amber);clip-path:polygon(30% 0,70% 0,70% 45%,100% 45%,50% 100%,0 45%,30% 45%);pointer-events:none;width:.9rem;height:1.1rem;animation:.9s ease-in-out infinite training-arrow;position:absolute;bottom:calc(100% + .35rem);left:50%;transform:translate(-50%)}@keyframes training-arrow{0%,to{translate:0 -.15rem}50%{translate:0 .15rem}}@keyframes training-goal{0%,to{box-shadow:0 0 0 2px var(--amber), 0 0 .4rem #f2b84b59}50%{box-shadow:0 0 0 3px var(--amber), 0 0 1.1rem #f2b84bbf}}@media (prefers-reduced-motion:reduce){.training-slot.goal .action,.training-slot.goal:before{animation:none}.training-slot.goal .action{box-shadow:0 0 0 3px var(--amber)}}.training-link{color:var(--muted);margin:.2rem 0 0;font-size:.8rem}.training-link a{color:var(--amber)}.training-link.fresh{border:1px dashed var(--amber);color:var(--text);padding:.5rem .7rem}.training-briefing{z-index:3;background:#080a0f9e;place-items:center;padding:1rem;line-height:1.45;display:grid;position:absolute;inset:0}.training-briefing-card{border:1px solid var(--line);border-top:2px solid var(--amber);background:#11151d;flex-direction:column;gap:.7rem;width:min(28rem,100%);max-height:100%;padding:1.1rem 1.2rem 1.2rem;animation:.3s ease-out mb-in;display:flex;overflow-y:auto}.training-briefing-card header{align-items:center;gap:.8rem;display:flex}.training-briefing-card img{object-fit:contain;width:3rem;height:3rem}.training-briefing-card h2{margin:.1rem 0 0;font-size:1.3rem}.training-briefing-card p{margin:0}.training-briefing-card dl{grid-template-columns:auto 1fr;gap:.35rem .8rem;margin:0;font-size:.9rem;display:grid}.training-briefing-card dt{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:.2rem;font-size:.7rem}.training-briefing-card dd{margin:0}.training-briefing-card dd:first-of-type{color:var(--amber);font-weight:600}.training-briefing-card .plate{align-self:stretch;margin-top:.2rem}.training-caption{margin:0;font-size:.85rem;line-height:1.4;display:none}@media (max-width:860px){.training-layout{grid-template-columns:1fr}.training-caption{display:block}.training-ground{order:-1}.training-briefing{z-index:50;position:fixed}}.training.phone{z-index:10;background:var(--bg);flex-direction:column;max-width:none;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.training-top{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:.6rem;min-height:3rem;padding:.3rem .6rem;display:flex}.training-top-task{min-width:0;color:var(--text);text-align:left;background:0 0;border:0;flex-direction:column;flex:1;padding:0;font-weight:400;line-height:1.25;display:flex}.training-top-task .field-label{font-size:.6rem}.training-top-task strong{font-size:.85rem}.training-top-text{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;display:-webkit-box;overflow:hidden}.training.phone .training-ground{flex:1;order:0;place-items:center;gap:0;min-height:0;display:grid;position:relative;container-type:size}.training.phone .training-stage{border:0;width:min(100cqw,171.429cqh)}.training.phone .training-ground>.touch-controls{z-index:1;top:0}.training.phone .range-sound-toggle{z-index:2}.training.phone .training-score{z-index:2;pointer-events:none;height:2.8rem;padding:.25rem .6rem;position:absolute;top:.3rem;left:50%;transform:translate(-50%)}.training.phone .training-bar{z-index:2;width:0;height:0;position:absolute;bottom:0;right:0}.training.phone .training-slot{position:absolute}.training.phone .training-slot:first-child{bottom:7.5rem;right:6.8rem}.training.phone .training-slot:last-child{bottom:8.8rem;right:1.9rem}.training.phone .training-slot .action{border-radius:50%;width:3.2rem;height:3.2rem}.training.phone .training-slot kbd{display:none}.training.phone .training-briefing{z-index:50;position:fixed}.training.phone .training-tasks{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:.6rem 1.2rem;width:min(42rem,100%);display:grid}.training-tasks-now,.training-tasks-list{flex-direction:column;gap:.5rem;min-width:0;display:flex}.training-tasks h2{margin:0;font-size:1.1rem}.training-tasks p{font-size:.85rem}.training-tasks .training-steps{font-size:.8rem}.training-tasks-now .plate{flex:none;margin-top:auto}
.auth-dialog{border:1px solid var(--line);border-top:2px solid var(--amber);width:min(28rem,100vw - 2rem);color:var(--text);background:#11151d;padding:0}.auth-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05070bbf}.auth-panel{flex-direction:column;gap:.4rem;padding:1.4rem 1.4rem 1.2rem;display:flex;position:relative}.auth-panel h2{margin:.1rem 2rem .4rem 0;font-size:1.2rem}.auth-panel p{color:var(--muted);margin:0 0 .8rem;line-height:1.5}.auth-panel form{flex-direction:column;display:flex}.auth-close{border:1px solid var(--line);width:2rem;height:2rem;color:var(--muted);background:0 0;border-radius:0;padding:0;font-size:1.2rem;line-height:1;position:absolute;top:.6rem;right:.6rem}.auth-field{flex-direction:column;gap:.3rem;margin-bottom:.8rem;display:flex}.auth-field input{border-color:var(--line);border-radius:2px;padding:.6rem .75rem;font-size:1rem}.auth-field input.auth-code{font-family:var(--mono);letter-spacing:.5em;text-align:center;font-size:1.6rem}.auth-problem{font-size:.85rem;color:#ff8a73!important}.auth-links{justify-content:space-between;gap:1rem;margin-top:.8rem;font-size:.85rem;display:flex}.account-control{gap:.4rem;display:flex;position:relative}.lab-button{text-decoration:none}.lab-button:hover{border-color:var(--amber)}.account-button{border:1px solid var(--line);color:var(--amber);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:0 0;border-radius:0;padding:.45rem .8rem;font-size:.75rem}.account-button.signed-in{max-width:15rem;color:var(--text);text-transform:none;letter-spacing:0;align-items:center;gap:.45rem;display:flex}.account-icon{display:none}@media (max-width:560px){.account-button.signed-in{place-items:center;width:1.85rem;height:1.85rem;padding:0;display:grid;position:relative}.account-button.signed-in .account-email{display:none}.account-button.signed-in .account-icon{display:block}.account-button.signed-in .account-dot{width:.4rem;height:.4rem;position:absolute;top:.15rem;right:.15rem}.account-menu{min-width:min(15rem,100vw - 2rem)}.account-menu strong{overflow-wrap:anywhere}}@media (hover:none) and (pointer:coarse){.lab-button{display:none}}.account-dot{background:#7be08a;border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.account-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu{z-index:40;border:1px solid var(--amber);background:#0d1017;flex-direction:column;gap:.5rem;min-width:15rem;padding:.8rem;font-size:.85rem;display:flex;position:absolute;top:calc(100% + .3rem);right:0;box-shadow:0 10px 30px #00000080}.account-menu a{color:var(--amber)}.account-menu .link{align-self:flex-start}.save-notice{border:1px solid #f2b84b80;border-left:3px solid var(--amber);background:#f2b84b12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.2rem;max-width:1180px;margin:0 auto 1.1rem;padding:.7rem .9rem;display:flex}.save-notice p{margin:0;line-height:1.45}.save-notice-actions{align-items:center;gap:1rem;display:flex}.save-notice.compact{text-align:center;margin:0;padding:.45rem .7rem;font-size:.85rem;display:block}.save-notice-short{display:none}@media (max-width:560px){.save-notice{flex-wrap:nowrap;gap:.6rem;margin-bottom:.8rem;padding:.45rem .6rem;font-size:.8rem}.save-notice-long{display:none}.save-notice-short{display:inline}.save-notice-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem}}
.lab-email-meta{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0 0 .6rem;font-size:.85rem;display:grid}.lab-email-meta dt{color:var(--muted)}.lab-email-meta dd{margin:0}.lab-email iframe{border:1px solid var(--line);background:#e9edf2;width:min(640px,100%);height:640px;display:block}.lab-email pre{border:1px solid var(--line);white-space:pre-wrap;background:#11151d;max-width:640px;padding:.8rem;font-size:.8rem}.lab-match-controls{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:0 1.2rem;display:grid}.lab-match-groups{flex-direction:column;gap:.45rem;display:flex}.lab-match-columns{grid-template-columns:repeat(auto-fit,minmax(21rem,1fr));align-items:stretch;gap:.45rem;display:grid}.lab-match-split{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:.45rem;display:grid}.lab-match-group{border:1px solid var(--line);background:#11151d99;flex-direction:column;gap:.4rem;min-width:0;margin:0;padding:.2rem .6rem .5rem;display:flex}.lab-match-group legend{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);padding:0 .3rem;font-size:.68rem;font-weight:700}.lab-match-group:disabled{opacity:.4}.lab-match-groups .segment,.lab-match-loadout .segment{white-space:nowrap;padding:.3rem .45rem;font-size:.82rem}.lab-match-groups .field,.lab-match-loadout .field{gap:.2rem}.lab-match-row{flex-wrap:wrap;align-items:flex-end;gap:.4rem 1rem;display:flex}.lab-match-stack{flex-direction:column;gap:.4rem;display:flex}.lab-match-note{color:var(--muted);margin:0;font-size:.78rem}.lab-match-loadout{margin-top:.6rem}.lab-match-loadout-columns{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:start;gap:.6rem;display:grid}@media (max-width:1100px){.lab-match-split,.lab-match-loadout-columns{grid-template-columns:minmax(0,1fr)}}.lab-match-checks{flex-wrap:wrap;align-items:center;gap:.3rem .9rem;font-size:.88rem;display:flex}.lab-match-checks label{align-items:center;gap:.35rem;display:inline-flex}.lab-match-frame{justify-content:center;margin-top:.45rem;display:flex;overflow:hidden}.lab-match-stage{border:1px solid var(--line);background:linear-gradient(#080a0eb8,#080a0eb8),url(/assets/floor.png) 0 0/128px 128px,#0d1017;flex-shrink:0;position:relative;overflow:hidden;container-type:size}.lab-match-stage.lab-shot{inset:0;border:0;position:fixed;inset:0}
.overlay.match-end{pointer-events:auto;touch-action:pan-y;background:#080a0ed6;gap:.8rem;padding:3.4rem 1rem 1rem;overflow-y:auto}@container (max-height:500px){.overlay.match-end{gap:.5rem}.match-end .end-result{padding:.4rem .8rem}.match-end .end-result .banner{font-size:1.5rem}.match-end .end-score{font-size:1.2rem}.match-end .reward-pictures{min-height:4rem}.match-end .reward-tank{width:4rem;height:4rem}.match-end>.end-bar{z-index:2;background:#0d1017f2;padding:.4rem 0 1rem;position:sticky;bottom:-1rem}.offer-map{align-self:center;width:auto;max-width:100%;max-height:30cqh}}.match-end>*{width:min(62rem,100%)}.match-end .bay,.match-end .end-result,.match-end .end-bar{text-shadow:none}.end-result{border:1px solid var(--line);border-left:4px solid var(--muted);background:#0d1017e6;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:baseline;gap:.2rem 1.2rem;padding:.7rem 1.1rem;display:grid}.end-result.won{border-left-color:var(--amber)}.end-result.lost{border-left-color:#ff6b4a}.end-result .banner{font-size:2.1rem;line-height:1.1}.end-result.won .banner{color:var(--amber)}.end-score{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700}.end-meta,.end-countdown{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.end-countdown{color:var(--amber);text-align:right}.end-rewards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.end-panel{pointer-events:auto;text-align:left}.match-end .match-xp{background:0 0;border:0;gap:.9rem;min-width:0;padding:0}.xp-class{flex-direction:column;gap:.45rem;display:flex}.xp-parts{font-family:var(--mono);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.15rem .9rem;margin:0;font-size:.72rem;display:grid}.xp-parts div{border-bottom:1px dotted #36415ab3;justify-content:space-between;gap:.5rem;display:flex}.xp-parts dt{color:var(--muted)}.xp-parts dd{font-variant-numeric:tabular-nums;margin:0}.xp-parts .xp-total{border-bottom-style:solid;grid-column:1/-1}.xp-parts .xp-total dd{color:var(--amber);font-weight:700}.rewards{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.reward{border:1px solid var(--line);border-top:2px solid var(--amber);text-align:center;background:#0d1017d9;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .6rem .8rem;animation:.45s ease-out both reward-in;display:flex}@keyframes reward-in{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:none}}.reward-pictures{align-items:center;gap:.4rem;min-height:6.4rem;display:flex}.reward-tank{width:6.4rem;height:6.4rem;display:block;position:relative}.reward-tank img{width:92%;height:92%;position:absolute;inset:4%}.reward-tank img+img{width:128%;height:128%;inset:-14%}.reward-pictures .reward-tank:first-child:not(:last-child){opacity:.55;width:4.2rem;height:4.2rem}.reward-arrow{color:var(--amber);font-family:var(--mono)}.reward-icon{width:4.6rem;height:4.6rem}.reward-kind{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);font-size:.68rem}.reward strong{font-size:.95rem}.reward-note{color:var(--muted);font-size:.75rem}.end-next{font-family:var(--mono);color:var(--muted);font-size:.8rem}.end-stats .match-summary{justify-content:flex-start;max-width:none}.end-stats .match-summary li{flex:8.5rem}.end-stats .scoreboard{border-radius:0;width:100%;min-width:0}.scoreboard tr.mine td{background:#4f9dff1f}.scoreboard tr.gone td{opacity:.55}.scoreboard .team-heading th{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--line);padding-top:.55rem;font-size:.72rem}.scoreboard .team-heading.ally th{color:#45bd62}.scoreboard .team-heading.enemy th{color:#ff6b4a}.team-score{color:var(--text);margin-left:.4rem;font-size:.85rem}.end-bar{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.end-bar p{margin:0}.end-bar .end-cta{min-width:18rem}.match-end .end-vote-layer{z-index:5;pointer-events:auto;background:#080a0eb8;justify-content:center;align-items:center;width:auto;padding:1rem;display:flex;position:absolute;inset:0}.end-vote{text-shadow:none;flex-direction:column;align-items:center;gap:.6rem;display:flex}@container (max-width:760px){.end-rewards{grid-template-columns:1fr}.end-result{grid-template-columns:auto auto}}
.notice.connection{z-index:20;background:linear-gradient(#4f9dff12 1px, transparent 1px) 0 0 / 120px 120px, linear-gradient(90deg, #4f9dff12 1px, transparent 1px) 0 0 / 120px 120px, linear-gradient(#4f9dff09 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, #4f9dff09 1px, transparent 1px) 0 0 / 24px 24px, var(--bg);gap:1.6rem;padding:1rem}.notice.connection .logo{width:min(26rem,80cqw);height:auto}.loader{flex-direction:column;gap:.5rem;width:min(26rem,80cqw);display:flex}.loader-bar{border:1px solid var(--amber);background:#0d1017;height:16px;padding:2px}.loader-fill{background:repeating-linear-gradient(-45deg, var(--amber) 0 8px, #14110a 8px 16px);background-size:22.6px 22.6px;height:100%;transition:width .25s ease-out;animation:.6s linear infinite loader-run;display:block}.loader-fill.running{opacity:.6}@keyframes loader-run{to{background-position:22.6px 0}}.loader-text{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.loader-text strong{color:var(--amber);font-variant-numeric:tabular-nums}.connection-panel{text-align:left;align-items:stretch;width:min(26rem,92cqw)}.connection-panel .error{margin:0}.connection-panel input{min-width:0}.connection-panel .end-bar{justify-content:flex-end}
.lab-map-controls{flex-wrap:wrap;align-items:flex-end;gap:.6rem 1.2rem;margin-bottom:.8rem;display:flex}.lab-map-seed{gap:.4rem;display:flex}.lab-map-seed input{width:7rem}.lab-map-stage{aspect-ratio:3/2;border:1px solid var(--line);background:#161a23;width:100%;max-width:1280px}.lab-map-stage.drag{cursor:grab}.lab-map-layout{grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:.8rem;display:grid}.lab-map-tune{flex-direction:column;gap:.45rem;max-height:85vh;display:flex;overflow-y:auto}.lab-map-tune .segment{padding:.3rem .45rem;font-size:.82rem}.lab-map-slider{grid-template-columns:7.5rem minmax(0,1fr) 2.6rem;align-items:center;gap:.4rem;font-size:.82rem;display:grid}.lab-map-slider output{font-family:var(--mono);text-align:right}.lab-map-actions{flex-wrap:wrap;gap:.4rem;display:flex}.lab-map-code pre{border:1px solid var(--line);background:#11151d;padding:.6rem;font-size:.72rem;overflow-x:auto}@media (max-width:900px){.lab-map-layout{grid-template-columns:minmax(0,1fr)}.lab-map-tune{max-height:none}}.lab-map-sliders{flex-direction:column;gap:.3rem;min-width:18rem;display:flex}
.garage-side{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.online-now{color:#7ee08a;align-items:center;gap:.4rem;margin-left:auto;font-size:.7rem;font-weight:600;display:inline-flex}.online-dot{background:#4fd162;border-radius:50%;width:.5rem;height:.5rem;position:relative;box-shadow:0 0 6px #4fd162}.online-dot:after{content:"";border:1px solid #4fd162;border-radius:50%;animation:1.8s ease-out infinite online-ping;position:absolute;inset:0}@keyframes online-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@media (prefers-reduced-motion:reduce){.online-dot:after{animation:none}}.format{grid-template-columns:repeat(3,minmax(0,1fr));container-type:inline-size}.format-card{text-align:center;grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:center;row-gap:.15rem;padding:.7rem .4rem .6rem;position:relative}.format-card img{grid-row:auto;width:2.8rem;height:2.8rem}.format-card strong{letter-spacing:.02em;text-overflow:ellipsis;max-width:100%;font-size:min(.92rem,3.3cqi);overflow:hidden}.format-card.selected{box-shadow:inset 0 -3px 0 var(--amber)}.format-card .format-size{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);font-size:.66rem;position:absolute;top:.3rem;right:.4rem}.format-live{color:var(--muted);align-items:center;gap:.45rem;margin:-.3rem 0 0;font-size:.8rem;display:flex}.format-live.on{color:#7ee08a}.driver-rank{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}.driver-top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.driver-name-grade{flex-direction:column;gap:.4rem;min-width:0;display:flex}.driver-name{flex-direction:column;gap:.3rem;min-width:0;display:flex}.driver-grade{flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;margin:0;display:flex}.driver-grade strong{font-size:.9rem}.driver-grade .driver-rank{font-size:.66rem}.driver-next{color:var(--muted);font-size:.7rem}.driver-grade .link{font-size:.7rem}.grades-dialog{width:min(30rem,100vw - 2rem)}.grades-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.grades-list li{border:1px dashed var(--line);color:var(--muted);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.6rem;padding:.35rem .5rem;display:grid}.grades-list .rank-badge{opacity:.45;grid-row:1/3;width:2.2rem;height:2.2rem}.grades-list strong{font-size:.85rem}.grades-list span:last-child{font-family:var(--mono);font-size:.66rem}.grades-list li.reached{color:var(--text)}.grades-list li.reached .rank-badge,.grades-list li.mine .rank-badge{opacity:1}.grades-list li.mine{border:1px solid var(--amber);color:var(--text);background:#f2b84b14}.rank-badge{border:1px solid var(--line);width:3.4rem;height:3.4rem;color:var(--amber);background:#f2b84b0f;flex:none;place-items:center;display:inline-grid}.rank-badge svg,.rank-badge img{width:78%;height:78%}.bay h2 .rank-badge{align-self:center;width:1.5rem;height:1.5rem}.driver-name input{width:100%;min-width:0;padding:.5rem .7rem;font-size:1rem}.driver-name input#player-name{min-width:0}.driver-name.missing input{border-color:var(--amber);box-shadow:0 0 0 3px #f2b84b2e}.driver-stats{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.4rem;margin:0;display:grid}.driver-detail .driver-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.driver-stats div{border:1px solid var(--line);padding:.4rem .55rem}.driver-stats dt{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.driver-stats dd{margin:.1rem 0 0;font-size:1.05rem;font-weight:600}.driver-open{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.card-dialog{width:min(44rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--text);background:0 0;border:0;padding:0;overflow:hidden}.card-dialog>.bay{overscroll-behavior:contain;width:100%;max-height:calc(100dvh - 2rem);overflow:hidden auto}html:has(dialog[open]){overflow:hidden}.card-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05070bbf}.driver-detail{width:100%}.driver-table{border-collapse:collapse;width:100%;font-size:.82rem}.driver-table th{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.06em;text-align:left;text-transform:uppercase;color:var(--muted);padding:.3rem .4rem;font-size:.62rem;font-weight:400}.driver-table td{border-bottom:1px solid var(--steel);padding:.3rem .4rem}.driver-table td.won{color:var(--amber)}.driver-tanks th:nth-child(n+2),.driver-tanks td:nth-child(n+2),.driver-recent th:nth-child(n+5),.driver-recent td:nth-child(n+5){text-align:right;font-family:var(--mono)}.driver-tank{align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.driver-tank .tank-picture{width:2.2rem;height:2.2rem}.driver-achievements{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.driver-achievements li{border:1px dashed var(--line);color:var(--muted);flex-direction:column;gap:.15rem;padding:.45rem .55rem;display:flex}.driver-achievements img{width:2rem;height:2rem}.driver-achievements li:not(.done) img{filter:grayscale();opacity:.5}.driver-achievements strong{font-size:.85rem}.driver-achievements span{font-size:.72rem;line-height:1.35}.driver-achievements li.done{border:1px solid var(--amber);color:var(--text);background:#f2b84b14}.driver-achievements li.done strong:before{content:"★ ";color:var(--amber)}.driver-meter{background:var(--steel);height:3px;margin-top:.25rem}.driver-meter span{background:var(--amber);height:100%;display:block}@media (max-width:560px){.format-card{padding:.9rem .15rem .5rem}.format-card img{width:2.2rem;height:2.2rem}.format-card .format-size{font-size:.58rem;top:.2rem;right:.3rem}.driver-open .plate{letter-spacing:.02em;padding-inline:.2rem;font-size:.66rem}.driver-detail .driver-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grades-list{grid-template-columns:minmax(0,1fr)}.driver-top .rank-badge{width:2.6rem;height:2.6rem}.driver-recent td:nth-child(3),.driver-recent th:nth-child(3){display:none}.garage-bar{flex-wrap:nowrap;align-items:center;gap:.5rem;margin-bottom:.8rem;padding-bottom:.6rem}.garage-bar .logo{height:1.9rem}.garage-bar .brand-tag{display:none}.garage-tools{gap:.25rem}.garage-tools .social-link,.garage-tools .range-sound-toggle.in-bar{width:1.85rem;height:1.85rem}.garage-tools .account-button{padding:.4rem .5rem;font-size:.68rem}.garage-tools .account-button.signed-in{padding:0}}.play-dock{display:none}@media (max-width:700px){.play-dock{z-index:20;padding:.55rem 1rem calc(.55rem + env(safe-area-inset-bottom));border-top:1px solid var(--amber);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1017f2;justify-content:space-between;align-items:center;gap:.8rem;display:flex;position:fixed;bottom:0;left:0;right:0}.play-dock>span{flex-direction:column;min-width:0;display:flex}.play-dock strong{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}.play-dock small{font-family:var(--mono);color:var(--muted);font-size:.68rem}.play-dock .plate{flex:none;min-width:9rem}.garage{padding-bottom:4.5rem}}.join-code{flex-direction:column;gap:.35rem;display:flex}.join-code-row{gap:.5rem;display:flex}.join-code-row input{min-width:0;font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;flex:1}.join-code-row input::placeholder{letter-spacing:.15em}