:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf7fb;background:#070c11;font-synthesis:none;--bg: #070c11;--panel: #0d151d;--line: #22313c;--muted: #788995;--attack: #f4a340;--defense: #49c7ff;--green: #61e294}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:var(--bg)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:3px}.landing{--mode-accent: var(--attack);--mode-soft: rgba(244,163,64,.12);--mode-faint: rgba(244,163,64,.045);min-height:100vh;display:grid;grid-template-columns:minmax(350px,.76fr) minmax(650px,1.24fr);align-items:center;gap:clamp(38px,5vw,92px);padding:clamp(42px,6vh,78px) clamp(36px,5.5vw,112px);position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 10% 88%,var(--mode-soft),transparent 31%),radial-gradient(circle at 76% 4%,rgba(73,199,255,.07),transparent 25%),linear-gradient(112deg,transparent 46%,var(--mode-faint) 46.1%,transparent 74%),#060b10}.landing--tanks{--mode-accent: #72e59a;--mode-soft: rgba(114,229,154,.13);--mode-faint: rgba(114,229,154,.045)}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.31;pointer-events:none;z-index:-2;background-image:linear-gradient(rgba(92,123,143,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(92,123,143,.12) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.65) 36%,transparent 82%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.65) 36%,transparent 82%)}.landing:after{content:"SUETARIUM ONLINE PLAYGROUND  /  BUILD 2.0.26";position:absolute;left:clamp(26px,3vw,58px);bottom:22px;color:#33454f;font:10px monospace;letter-spacing:2.3px}.landing-orbit{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--mode-accent) 16%,transparent);border-radius:50%;pointer-events:none}.landing-orbit:before,.landing-orbit:after{content:"";position:absolute;border-radius:50%;background:var(--mode-accent);box-shadow:0 0 18px var(--mode-accent)}.landing-orbit-one{width:min(46vw,720px);aspect-ratio:1;left:-17vw;bottom:-45%}.landing-orbit-one:before{width:5px;height:5px;right:12%;top:22%}.landing-orbit-two{width:300px;height:300px;right:20%;top:-230px;opacity:.55}.landing-orbit-two:after{width:3px;height:3px;left:8%;bottom:22%}.landing-copy,.join-panel{position:relative;z-index:1}.landing-copy{max-width:660px}.eyebrow{color:#95a8b4;font:700 12px/1.4 monospace;letter-spacing:2.8px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--green);border-radius:50%;box-shadow:0 0 13px var(--green)}.status-dot.offline{background:var(--attack);box-shadow:0 0 13px var(--attack);animation:blink 1s infinite}.landing-copy h1{margin:24px 0 18px;font-size:clamp(65px,7vw,122px);line-height:.79;letter-spacing:-.082em;font-weight:950;text-shadow:0 22px 50px rgba(0,0,0,.5)}.landing-copy h1>span:last-child{color:transparent;-webkit-text-stroke:1px #899ba5;font-weight:850}.landing-copy h1 .title-bang{color:var(--mode-accent);-webkit-text-stroke:0;text-shadow:0 0 34px color-mix(in srgb,var(--mode-accent) 25%,transparent)}.lead{max-width:590px;margin:0;color:#9dabb4;font-size:clamp(15px,1.35vw,19px);line-height:1.6}.mode-dossier{max-width:620px;min-height:150px;margin-top:28px;display:grid;grid-template-columns:175px 1fr;overflow:hidden;background:linear-gradient(112deg,var(--mode-soft),rgba(10,17,23,.9) 52%);border:1px solid color-mix(in srgb,var(--mode-accent) 42%,#263943);box-shadow:inset 0 1px #ffffff06,0 24px 50px #0000002e;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.mode-dossier-art{min-height:150px;display:grid;place-items:center;position:relative;overflow:hidden;background:repeating-linear-gradient(-38deg,transparent 0 12px,rgba(255,255,255,.018) 13px 14px);border-right:1px solid color-mix(in srgb,var(--mode-accent) 25%,#263943)}.mode-dossier-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%);background-size:100% 9px;opacity:.28;pointer-events:none}.mode-dossier-art>span{position:absolute;left:11px;bottom:8px;color:color-mix(in srgb,var(--mode-accent) 65%,#6c7f89);font:800 10px monospace;letter-spacing:1.4px}.mode-dossier-copy{align-self:center;padding:20px 25px}.mode-dossier-copy>span{color:var(--mode-accent);font:800 10px monospace;letter-spacing:1.5px}.mode-dossier-copy h3{margin:5px 0 7px;font-size:21px;letter-spacing:-.03em}.mode-dossier-copy p{margin:0;color:#8fa0a9;font-size:13px;line-height:1.5}.mode-dossier-copy>div{display:flex;gap:5px;margin-top:13px}.mode-dossier-copy b{padding:5px 8px;color:#91a3ac;background:#050a0e73;border:1px solid #2d414b;font:700 10px monospace;letter-spacing:.6px}.mode-logo{display:block;width:min(88%,132px);height:132px;object-fit:contain;position:relative;z-index:1;-webkit-user-select:none;user-select:none;image-rendering:auto;filter:drop-shadow(0 5px 4px rgba(0,0,0,.72)) drop-shadow(0 1px 0 rgba(255,255,255,.12))}.mode-logo--shooter{filter:drop-shadow(0 5px 4px rgba(0,0,0,.72)) drop-shadow(0 0 7px rgba(73,199,255,.1))}.mode-logo--tanks{filter:drop-shadow(0 5px 4px rgba(0,0,0,.74)) drop-shadow(0 0 7px rgba(114,229,154,.09))}.feature-row{display:flex;gap:clamp(22px,3vw,48px);margin-top:25px;padding-top:18px;border-top:1px solid #22323c;max-width:620px}.feature-row div{display:flex;align-items:center;gap:9px}.feature-row b{color:var(--mode-accent);font-size:27px}.feature-row span{color:#71838d;font:700 10px/1.45 monospace;letter-spacing:.8px}.join-panel{width:100%;max-width:850px;padding:clamp(25px,2.5vw,38px);background:linear-gradient(155deg,#101b23f7,#080f14f6);border:1px solid #2b414d;box-shadow:0 35px 110px #0000008c,inset 0 1px #ffffff08}.join-panel:before{content:"";position:absolute;left:0;top:0;width:37%;height:2px;background:linear-gradient(90deg,var(--mode-accent),transparent);box-shadow:0 0 20px var(--mode-accent)}.panel-cut{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,16px 100%,0 calc(100% - 16px))}.join-panel-header{display:flex;justify-content:space-between;align-items:start;gap:20px}.join-panel-header>div>span{color:var(--mode-accent);font:800 10px monospace;letter-spacing:1.8px}.join-panel-header h2{margin:7px 0 0;font-size:clamp(27px,2.35vw,39px);line-height:1;letter-spacing:-.05em}.join-panel-header>b{max-width:150px;padding:8px 11px;color:var(--mode-accent);text-align:center;background:var(--mode-soft);border:1px solid color-mix(in srgb,var(--mode-accent) 50%,#2c404a);font:800 10px monospace;letter-spacing:.8px}.join-panel-intro{margin:11px 0 20px;color:#81939d;font-size:13px;line-height:1.5}.game-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.game-choice{--card-accent: var(--attack);min-width:0;min-height:132px;padding:0;display:grid;grid-template-columns:37px 94px minmax(0,1fr);grid-template-rows:1fr 27px;position:relative;overflow:hidden;color:#71838e;text-align:left;background:#081016;border:1px solid #253842;cursor:pointer;transition:border-color .2s,transform .2s,background .2s,box-shadow .2s}.game-choice.tanks{--card-accent: #72e59a}.game-choice:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(118deg,color-mix(in srgb,var(--card-accent) 10%,transparent),transparent 52%);opacity:0;transition:opacity .2s}.game-choice:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--card-accent) 60%,#536a77)}.game-choice.selected{border-color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 7%,#081016);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-accent) 20%,transparent),0 10px 28px color-mix(in srgb,var(--card-accent) 8%,transparent)}.game-choice.selected:after{opacity:1}.game-choice-number{grid-row:1 / 3;display:grid;place-items:center;color:#566b76;background:#0c171e;border-right:1px solid #233640;writing-mode:vertical-rl;font:800 10px monospace;letter-spacing:1.7px}.game-choice.selected .game-choice-number{color:var(--card-accent)}.game-choice-art{align-self:stretch;display:grid;place-items:center;overflow:hidden;border-right:1px solid #22343e}.game-choice-art .mode-logo{width:76px;height:76px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.78))}.game-choice-copy{min-width:0;align-self:center;padding:10px 11px;display:grid;gap:2px}.game-choice-copy span{color:var(--card-accent);font:900 10px monospace;letter-spacing:.8px}.game-choice-copy b{overflow:hidden;color:#e8f1f5;white-space:nowrap;text-overflow:ellipsis;font-size:16px}.game-choice-copy em{overflow:hidden;color:#71838d;white-space:nowrap;text-overflow:ellipsis;font:10px monospace;font-style:normal}.game-choice>i{grid-column:2 / 4;z-index:1;padding:8px 11px;color:#60747f;text-align:right;background:#050a0e80;border-top:1px solid #22343e;font:800 10px monospace;font-style:normal;letter-spacing:.7px}.game-choice.selected>i{color:var(--card-accent)}.identity-row{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.2fr);gap:9px;margin-bottom:14px}.identity-row label{display:grid;grid-template-rows:auto 1fr;padding:9px 12px 8px;background:#081016;border:1px solid #263a45}.identity-row label:focus-within{border-color:var(--mode-accent);box-shadow:inset 0 -2px color-mix(in srgb,var(--mode-accent) 55%,transparent)}.identity-row label>span{color:#71848f;font:700 10px monospace;letter-spacing:1.1px}.identity-row input{height:34px;margin:1px 0 0;padding:0;font-size:16px;background:transparent;border:0}.identity-row input:focus{background:transparent}.identity-row .button.primary{height:63px;margin:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;text-align:left;background:var(--mode-accent);box-shadow:0 10px 32px color-mix(in srgb,var(--mode-accent) 15%,transparent)}.identity-row .button.primary small{grid-column:1;opacity:.65;font:800 10px monospace;letter-spacing:1px}.identity-row .button.primary span{grid-column:1;font-size:12px}.identity-row .button.primary i{grid-column:2;grid-row:1 / 3;align-self:center;font-size:23px}.community-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:9px}.community-panel{min-width:0;margin:0;padding:11px;background:#070e13bd;border:1px solid #223640}.community-panel>header{min-height:31px;display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:9px}.community-panel>header>div{min-width:0;display:grid;gap:3px}.community-panel>header span{overflow:hidden;color:#b4c2c9;white-space:nowrap;text-overflow:ellipsis;font:800 10px monospace;letter-spacing:.8px}.community-panel>header small{overflow:hidden;color:#5d717c;white-space:nowrap;text-overflow:ellipsis;font:700 10px monospace;letter-spacing:.4px}.community-panel>header>b{min-width:27px;padding:4px;color:var(--mode-accent);text-align:center;background:var(--mode-soft);border:1px solid color-mix(in srgb,var(--mode-accent) 35%,#29404a);font:900 12px monospace}.server-list{height:180px;display:grid;align-content:start;gap:6px;overflow-y:auto;scrollbar-color:#38505d #0a1117}.server-empty,.leaderboard-empty{min-height:92px;padding:20px;display:grid;place-items:center;color:#6e818c;text-align:center;background:#0912188c;border:1px dashed #293e48;font-size:11px;line-height:1.55}.server-card{min-height:97px;padding:9px;display:grid;grid-template-columns:minmax(90px,1fr) auto;align-items:center;gap:7px 10px;background:#0b151c;border:1px solid #263b45;transition:border-color .18s,background .18s}.server-card:hover{border-color:#3a525f;background:#0d1921}.server-main{min-width:0;display:grid;gap:3px}.server-main strong{color:var(--mode-accent);font:900 17px monospace;letter-spacing:2.5px}.server-main span,.server-main em{overflow:hidden;color:#81939d;white-space:nowrap;text-overflow:ellipsis;font:10px monospace;font-style:normal;letter-spacing:.25px}.server-main em{color:#4d606a}.server-population{min-width:47px;display:grid;text-align:center}.server-population b{font:900 17px monospace}.server-population small{color:#71838d;font-size:10px}.server-population span,.server-population em{color:#71848f;font:10px monospace;font-style:normal}.server-population em{margin-top:3px;color:var(--green)}.server-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:4px}.server-actions button{min-width:0;min-height:31px;padding:5px 7px;color:#a5b6be;background:#14212a;border:1px solid #304550;cursor:pointer;font:800 10px monospace;letter-spacing:.25px}.server-actions button:first-child{color:var(--mode-accent);border-color:color-mix(in srgb,var(--mode-accent) 38%,#304550)}.server-actions button:hover:not(:disabled){background:#1a2a34}.server-actions button:disabled{opacity:.3;cursor:not-allowed}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:minmax(76px,1fr) 55px 65px 33px;align-items:center;gap:4px}.leaderboard-head{padding:0 6px 6px;color:#5b6f79;font:700 10px monospace;letter-spacing:.1px;text-align:right}.leaderboard-head span:first-child{text-align:left}.leaderboard-list{height:156px;display:grid;align-content:start;gap:3px;overflow-y:auto;scrollbar-color:#38505d #0a1117}.leaderboard-row{min-height:34px;padding:5px 6px;background:#0b151c;border-left:2px solid #293b45;font:10px monospace;text-align:right}.leaderboard-row>div{min-width:0;display:flex;align-items:center;gap:5px;text-align:left}.leaderboard-row>div b{width:18px;flex:0 0 auto;color:#71848f;font-size:10px}.leaderboard-row strong{overflow:hidden;color:#dce8ed;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.leaderboard-row em{color:var(--mode-accent);font-style:normal;font-weight:900}.leaderboard-row>span{color:#81939d}.leaderboard-row small{color:#647681;font-size:10px}.leaderboard-row.rank-1{border-color:#f5bd4f;background:#f5bd4f11}.leaderboard-row.rank-1>div b{color:#f5bd4f}.leaderboard-row.rank-2>div b{color:#b8c8d0}.leaderboard-row.rank-3>div b{color:#c68154}.leaderboard-panel footer{margin-top:8px;color:#586b76;font:10px monospace;letter-spacing:.2px;text-align:right}.quick-join{margin-top:9px;padding:10px;display:grid;grid-template-columns:minmax(122px,.7fr) minmax(180px,.9fr) minmax(230px,1.25fr);align-items:center;gap:9px;background:linear-gradient(90deg,#070e13c7,#0b141be0);border:1px solid #263b45}.quick-join-heading{min-width:0;display:grid;gap:4px}.quick-join-heading span{color:var(--mode-accent);font:800 10px monospace;letter-spacing:.8px}.quick-join-heading small{color:#637681;font:600 10px/1.35 monospace}.join-role-picker{display:grid;grid-template-columns:1fr 1fr;gap:4px}.join-role-picker button{height:39px;padding:0 7px;color:#748791;background:#0b1319;border:1px solid #293b45;cursor:pointer;font:800 10px monospace}.join-role-picker button:hover{color:#a5b6be;border-color:#425965}.join-role-picker button.active{color:var(--green);border-color:#3f7654;background:#61e2940f}label{display:block;color:#80919b;font:700 10px monospace;letter-spacing:1.8px}input{width:100%;height:58px;margin-top:9px;padding:0 17px;color:#edf7fb;background:#080e14;border:1px solid #2a3b47;transition:border .2s,background .2s}input:focus{border-color:var(--defense);background:#0b141b;outline:none}input::placeholder{color:#43525c}.button{height:58px;border:0;padding:0 21px;text-transform:uppercase;font:800 12px monospace;letter-spacing:1.2px;cursor:pointer;transition:transform .18s,filter .18s,border-color .18s}.button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12)}.button:disabled{opacity:.36;cursor:not-allowed}.button.primary{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:#071015;background:var(--attack);box-shadow:0 10px 32px #f4a34021}.button.primary i{font-style:normal;font-size:21px}.button.secondary{min-width:115px;background:#17232c;border:1px solid #344956}.divider{height:48px;display:flex;align-items:center;gap:12px;color:#647781;font:10px monospace;letter-spacing:1.5px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#23333d}.code-row{display:flex;gap:10px}.code-input{margin:0;text-align:center;font:800 20px monospace;letter-spacing:5px}.quick-join .code-row{min-width:0;gap:4px}.quick-join .code-input{min-width:0;height:39px;padding-inline:10px;font-size:17px}.quick-join .button.secondary{min-width:104px;height:39px;padding-inline:11px;color:#b5c5cc;font-size:10px}.quick-join .button.secondary i{margin-left:7px;color:var(--mode-accent);font-style:normal;font-size:14px}.form-error{margin-top:16px;padding:11px 13px;color:#ff9189;background:#ff574b14;border-left:2px solid #ff6b62;font-size:13px}.connection-note{margin-top:15px;color:#8ba1ae;font-size:12px}.connection-note span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--attack);animation:blink 1s infinite}.microcopy{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;color:#586b76;text-align:center;font:10px monospace;letter-spacing:1px}.microcopy span{width:18px;height:1px;background:#30444f}.lobby{min-height:100vh;padding:0 clamp(25px,5vw,84px) 30px;background:radial-gradient(circle at 50% 50%,rgba(31,52,65,.28),transparent 44%),#080e13}.lobby-top{height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #1e2c35}.mini-logo{display:flex;align-items:center;gap:10px;font:900 16px monospace;letter-spacing:.8px}.mini-logo .mode-logo{width:54px;height:54px;flex:0 0 54px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.78))}.mini-logo span{color:#647681;font-weight:500}.room-code{height:86px;display:flex;align-items:center;gap:17px;padding:0 30px;border-inline:1px solid #1e2c35}.room-code>span{color:#71848f;font:700 11px monospace;letter-spacing:1.1px}.room-code strong{color:var(--attack);font:800 22px monospace;letter-spacing:4px}.room-code button,.text-button,.host-actions>button{border:0;background:none;cursor:pointer;color:#96a8b1;font:700 11px monospace;letter-spacing:.7px}.room-code button:hover,.text-button:hover{color:#fff}.text-button{justify-self:end}.lobby-heading{max-width:1260px;margin:42px auto 24px;display:flex;justify-content:space-between;align-items:end}.lobby-heading h1{margin:8px 0 0;font-size:clamp(36px,5vw,66px);letter-spacing:-.06em;line-height:1}.lobby-count{display:flex;align-items:center;gap:11px}.lobby-count strong{font-size:40px}.lobby-count span{color:#71848f;font:700 11px/1.4 monospace;letter-spacing:1px}.lobby-count em{margin-left:10px;color:var(--green);font:800 10px monospace;font-style:normal}.teams-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:1fr 56px 1fr;gap:13px;align-items:center}.team-column{min-height:453px;padding:26px;border:1px solid #263640;background:#0d151cd1;position:relative;overflow:hidden}.team-column:after{content:"";position:absolute;width:140px;height:140px;right:-50px;top:-50px;border:1px solid currentColor;opacity:.09;transform:rotate(45deg)}.team-column.attackers{color:var(--attack)}.team-column.defenders{color:var(--defense)}.team-column>header{display:flex;align-items:center;justify-content:space-between}.team-column header>div{display:flex;gap:12px;align-items:center}.team-column header span{font:800 11px monospace;opacity:.8}.team-column h2{margin:0;color:#eef7fb;font-size:25px;letter-spacing:-.03em}.team-column header>b{font-size:28px}.team-column header small{font:10px monospace;color:#52636e}.team-column>p{margin:8px 0 20px;color:#748791;font-size:13px}.player-list{display:grid;gap:7px}.player-card{height:58px;padding:7px 12px 7px 8px;display:flex;align-items:center;gap:11px;color:#edf7fb;background:#111c24;border:1px solid #253640}.player-card.current{border-color:currentColor;background:#15232c}.player-card.offline{opacity:.42}.avatar{width:40px;height:40px;display:grid;place-items:center;color:#0b1217;background:currentColor;font:900 12px monospace;clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,0 100%)}.player-meta{min-width:0;flex:1;display:grid;gap:3px}.player-meta strong{color:#eaf3f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.player-meta span{color:#71848f;font:10px monospace;letter-spacing:.7px}.ready-mark{width:21px;height:21px;display:grid;place-items:center;color:#556670;border:1px solid #32434d;font:800 11px monospace}.ready-mark.on{color:#07110c;background:var(--green);border-color:var(--green)}.kick-player{width:25px;height:25px;flex:0 0 auto;color:#9d6265;background:#a0363c14;border:1px solid #633a3d;cursor:pointer;font:18px/1 monospace}.kick-player:hover{color:#fff;background:#9f3f45}.empty-slot{height:58px;display:grid;place-items:center;color:#4e626d;border:1px dashed #263640;font:10px monospace;letter-spacing:1.2px}.versus{color:#52646f;font:900 15px monospace;text-align:center}.spectator-lounge{max-width:1260px;margin:10px auto 0;padding:8px;display:flex;align-items:center;gap:7px;overflow-x:auto;background:#0b1319;border:1px solid #24343d}.spectator-lounge>span{flex:0 0 auto;padding:0 10px;color:var(--green);font:800 10px monospace;letter-spacing:.8px}.spectator-lounge .player-card{min-width:210px;max-width:260px;flex:1 0 210px}.lobby-actions{max-width:1260px;margin:16px auto 0;min-height:77px;padding:12px 14px;display:flex;align-items:center;gap:18px;background:#0d151c;border:1px solid #263640}.role-switch{display:flex;gap:4px;padding-right:14px;border-right:1px solid #293a44}.role-switch button{height:43px;padding:0 12px;color:#748791;background:#0d171e;border:1px solid #293b45;cursor:pointer;font:800 11px monospace}.role-switch button.active{color:var(--green);border-color:#427155}.team-switch{display:flex;align-items:center;gap:6px}.team-switch span{margin:0 8px;color:#71848f;font:10px monospace;letter-spacing:.7px}.team-switch button,.ready-button{height:43px;padding:0 15px;color:#8497a2;border:1px solid #2b3c47;background:#101a21;cursor:pointer;font:800 11px monospace;letter-spacing:.55px}.team-switch button:disabled,.ready-button:disabled{opacity:.32;cursor:not-allowed}.team-switch button.active.attack{color:var(--attack);border-color:var(--attack)}.team-switch button.active.defense{color:var(--defense);border-color:var(--defense)}.ready-button{margin-left:auto}.ready-button.active{color:var(--green);border-color:var(--green)}.host-actions{display:flex;align-items:center;gap:8px}.host-actions>button{height:36px;padding:0 8px;border:1px solid #263640}.host-actions .launch{width:auto;min-width:175px;height:48px;margin:0 0 0 5px}.controls-strip{max-width:1260px;margin:18px auto 0;color:#627681;text-align:center;font:10px monospace;letter-spacing:.55px}.controls-strip>span{margin-right:18px;color:#71838e}kbd{margin:0 4px 0 10px;padding:3px 5px;color:#a4b5bd;background:#111b22;border:1px solid #2a3a44;font:10px monospace;box-shadow:none}.game-screen,.game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#071018}.game-canvas canvas{display:block}.game-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#718590;background:#071018;font:800 11px monospace;letter-spacing:2px}.game-leave-button{position:fixed;top:20px;left:20px;z-index:70;min-height:42px;padding:0 15px 0 8px;display:flex;align-items:center;gap:9px;color:#a4b4bc;background:#080e13e6;border:1px solid #344751;box-shadow:0 9px 25px #00000057;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font:800 10px monospace;letter-spacing:.7px}.game-leave-button:hover{color:#fff;background:#172229f5;border-color:#71858f;transform:translateY(-1px)}.game-leave-button kbd{margin:0;color:#a9bbc4;background:#17242b;border-color:#455963}.game-leave-button--tanks{color:#b9c3ac;background:#1a2018f0;border:2px solid #586353;box-shadow:inset 0 0 0 1px #111710,0 9px 25px #0006}.game-leave-button--tanks:hover{background:#30392b;border-color:#95a486}.game-leave-button--tanks kbd{color:#d5dccb;background:#394233;border-color:#697660}.game-audio-button{position:fixed;top:70px;left:20px;z-index:70;min-height:36px;padding:0 11px;display:flex;align-items:center;gap:8px;color:#9eb0b8;background:#080e13db;border:1px solid #344751;box-shadow:0 7px 20px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font:800 9px monospace;letter-spacing:.7px}.game-audio-button:hover{color:#fff;border-color:#71858f;transform:translateY(-1px)}.game-audio-button span{font-size:14px;filter:saturate(.72)}.game-audio-button.muted{opacity:.72}.game-audio-button--tanks{color:#b9c3ac;background:#1a2018e6;border-color:#586353}.game-audio-button--tanks:hover{border-color:#95a486}.leave-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#03070acc;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.leave-confirm-card{width:min(460px,calc(100vw - 32px));padding:32px;background:#0b151c;border:1px solid #40545f;box-shadow:0 30px 100px #000;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.leave-confirm-card>span{color:var(--attack);font:800 10px monospace;letter-spacing:1.7px}.leave-confirm-card h2{margin:7px 0 8px;font-size:34px;letter-spacing:-.04em}.leave-confirm-card p{margin:0;color:#91a2aa;font-size:13px;line-height:1.6}.leave-confirm-card>div{margin-top:24px;display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.leave-confirm-card button{min-height:46px;cursor:pointer;font:900 11px monospace;letter-spacing:.5px}.leave-stay{color:#9badb6;background:#131f26;border:1px solid #344852}.leave-stay:hover{color:#fff;border-color:#718590}.leave-now{color:#fff;background:#96333a;border:1px solid #d65c64}.leave-now:hover{background:#b13d45}.leave-confirm-card--tanks{background:radial-gradient(circle at 12px 12px,#75806e 0 2px,#171d17 2.5px 4px,transparent 4.5px),linear-gradient(150deg,#303a2c,#111711 72%);border:3px solid #5b6755;box-shadow:inset 0 0 0 2px #121812,0 30px 100px #000}.leave-confirm-card--tanks>span{color:#b5cc69}.leave-confirm-card--tanks .leave-stay{background:#20291e;border-color:#52604d}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.match-bar{position:absolute;top:18px;left:50%;transform:translate(-50%);height:66px;display:flex;align-items:stretch;filter:drop-shadow(0 9px 18px rgba(0,0,0,.4))}.match-team{min-width:128px;display:flex;align-items:center;gap:13px;padding:0 18px;background:#080e13ed;border:1px solid #2b3a44}.match-team b{font-size:27px}.match-team span{font:800 10px monospace;letter-spacing:.8px}.match-team.attack{justify-content:flex-end;color:var(--attack);border-right:0}.match-team.defense{color:var(--defense);border-left:0}.match-clock{min-width:105px;padding:8px 12px;display:grid;place-items:center;color:#edf7fb;background:#17242c;border-block:1px solid #40515c;clip-path:polygon(10% 0,90% 0,100% 16%,100% 100%,0 100%,0 16%)}.match-clock span{color:#8a9ba4;font:10px monospace;letter-spacing:.7px}.match-clock b{font:800 24px monospace}.match-clock.urgent{background:#7a292b;animation:alarm .8s infinite alternate}.objective-status{position:absolute;top:95px;left:50%;transform:translate(-50%);min-width:340px;padding:11px 17px;overflow:hidden;color:#f5c763;text-align:center;background:#0d1215e8;border:1px solid #705a2d;font:800 11px monospace;letter-spacing:.55px}.objective-status.urgent{color:#fff;background:#762426ed;border-color:#e15c60}.objective-status i{position:absolute;left:0;bottom:0;height:3px;background:currentColor;transition:width .1s linear}.base-hud{position:absolute;top:93px;left:50%;transform:translate(-50%);min-width:410px;padding:9px 15px;display:flex;justify-content:space-between;align-items:center;color:#c8d5cf;background:#090f0be0;border:1px solid #405244;font:800 11px monospace;letter-spacing:.55px}.base-hud span:first-child{color:var(--attack)}.base-hud span:last-child{color:var(--defense)}.base-hud i{color:#839487;font-style:normal;font-size:10px}.killfeed{position:absolute;top:105px;right:25px;display:grid;gap:5px}.killfeed>div{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:240px;padding:7px 9px;background:#080e13cc;border-right:2px solid #8094a0;font-size:11px}.killfeed b{color:var(--attack)}.killfeed span{padding:3px 6px;color:#afbec5;background:#21303a;font:10px monospace}.killfeed em{font-style:normal;color:#dfeaf0}.team-status{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:grid;gap:4px}.team-status>div{width:165px;height:32px;padding:0 10px;display:flex;align-items:center;gap:7px;color:#c5d1d7;background:#080e13b8;border-left:2px solid var(--defense);font-size:11px}.team-status>div.dead{opacity:.35}.team-status>div.self{background:#2d4552d9}.team-status i{width:5px;height:5px;border-radius:50%;background:var(--green)}.team-status span{flex:1;overflow:hidden;text-overflow:ellipsis}.team-status b{font:800 10px monospace}.player-hud{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:7px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.42))}.health,.weapon{position:relative;height:72px;padding:10px 15px;display:grid;background:#080e13eb;border:1px solid #354550;overflow:hidden}.health{min-width:115px}.health span,.weapon span{color:#7f929c;font:10px monospace;letter-spacing:1px}.health b{font:900 29px monospace}.health i{position:absolute;left:0;bottom:0;height:4px;background:var(--green)}.weapon{min-width:225px;grid-template-columns:1fr auto}.weapon span{grid-column:1 / -1}.weapon b{font:800 26px monospace}.weapon small{color:#647681;font-size:13px}.weapon em{align-self:end;color:#7b8e98;font:10px monospace;font-style:normal}.spectator-note{position:absolute;bottom:112px;left:50%;transform:translate(-50%);padding:10px 15px;color:#9fb0b8;background:#080e13d6;font:11px monospace}.spectator-note span{margin-right:12px;color:#fff;font-weight:800}.match-entry-panel{position:absolute;right:24px;bottom:24px;width:min(330px,calc(100vw - 32px));padding:18px;display:grid;gap:7px;pointer-events:auto;background:#080f13f0;border:1px solid #3b525d;box-shadow:0 18px 60px #00000073}.match-entry-panel>span{color:var(--green);font:800 10px monospace;letter-spacing:1.2px}.match-entry-panel>strong{font-size:17px}.match-entry-panel p{margin:0 0 4px;color:#8799a2;font-size:12px;line-height:1.5}.match-entry-panel button{min-height:39px;color:#07120c;background:var(--green);border:0;cursor:pointer;font:900 11px monospace}.match-entry-panel em{color:#7d9099;text-align:center;font:10px monospace;font-style:normal}.match-entry-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.match-entry-panel>div button{color:#8b9ca5;background:#142029;border:1px solid #30434d}.match-entry-panel>div button.active.attackers{color:var(--attack);border-color:var(--attack)}.match-entry-panel>div button.active.defenders{color:var(--defense);border-color:var(--defense)}.match-entry-panel .watch-only{color:#7f929c;background:transparent;border:1px solid #30434d}.round-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:520px;padding:28px 45px;display:grid;text-align:center;background:#070d12eb;border-block:2px solid var(--defense);box-shadow:0 20px 80px #000;animation:banner-in .3s ease both}.round-banner span{color:#8799a3;font:10px monospace;letter-spacing:1.7px}.round-banner b{margin:8px 0;font-size:30px;letter-spacing:-.02em}.round-banner em{color:#adbbc2;font-style:normal;font-size:13px}.round-banner.attackers{border-color:var(--attack)}.round-banner.defenders{border-color:var(--defense)}.round-banner.countdown{min-width:250px;background:#070d12a6;border:0;box-shadow:none}.round-banner.countdown b{color:var(--attack);font:900 72px monospace}.scoreboard-overlay,.result-overlay,.reconnect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#04080bb8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto}.buy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;pointer-events:auto;background:#03070a9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.buy-menu{width:min(990px,calc(100vw - 36px));padding:25px;background:#091016f7;border:1px solid #3a4d58;box-shadow:0 30px 100px #000;clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px))}.buy-menu>header{display:grid;grid-template-columns:1fr auto 35px;align-items:start;gap:25px}.buy-menu header span{color:var(--attack);font:800 10px monospace;letter-spacing:1.7px}.buy-menu h2{margin:6px 0 0;font-size:clamp(25px,4vw,40px);letter-spacing:-.05em}.buy-wallet{padding:8px 18px;display:grid;gap:3px;text-align:right;border-right:2px solid var(--green);background:#101d24}.buy-wallet span{color:#607580!important}.buy-wallet b{color:var(--green);font:800 21px monospace}.buy-menu>header>button{width:34px;height:34px;color:#80939e;background:transparent;border:1px solid #30424d;cursor:pointer;font-size:20px}.buy-timer{margin:19px 0 13px;color:#7f929c;font:10px monospace;letter-spacing:1px}.buy-timer b{color:#fff}.weapon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.weapon-grid>button{min-width:0;min-height:285px;padding:14px;display:flex;flex-direction:column;align-items:stretch;color:#dfeaf0;text-align:left;background:#0e1920;border:1px solid #293b45;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.weapon-grid>button:hover:not(:disabled){transform:translateY(-4px);border-color:var(--gun-accent);background:#13222a}.weapon-grid>button:disabled{opacity:.38;cursor:not-allowed}.weapon-grid>button.owned{border-color:color-mix(in srgb,var(--gun-accent),#263640 45%)}.weapon-grid>button.equipped{background:color-mix(in srgb,var(--gun-accent) 10%,#0e1920);box-shadow:inset 0 0 0 1px var(--gun-accent)}.weapon-grid>button>span{color:#82949e;font:10px monospace;letter-spacing:1px;text-transform:uppercase}.weapon-grid>button>strong{color:#f2f7f9;font-size:17px;letter-spacing:-.02em}.weapon-grid>button>p{min-height:42px;margin:6px 0 10px;color:#82949e;font-size:12px;line-height:1.45}.weapon-grid>button>div:not(.weapon-sketch){display:flex;gap:9px;color:#8497a1;font:10px monospace}.weapon-grid>button>div em{font-style:normal}.weapon-grid>button>b{margin-top:auto;padding-top:12px;color:var(--gun-accent);font:800 12px monospace;border-top:1px solid #263741}.weapon-sketch{height:96px;margin:8px 0 11px;display:grid;place-items:center;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--gun-accent) 19%,transparent),transparent 67%)}.weapon-sketch:before{content:"";position:absolute;top:12px;right:0;bottom:12px;left:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(132,157,170,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(132,157,170,.14) 1px,transparent 1px);background-size:14px 14px;-webkit-mask-image:radial-gradient(circle,#000,transparent 72%);mask-image:radial-gradient(circle,#000,transparent 72%)}.weapon-sketch img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 7px rgba(0,0,0,.72)) drop-shadow(0 0 9px color-mix(in srgb,var(--gun-accent) 20%,transparent));transition:transform .16s ease}.weapon-grid>button:hover:not(:disabled) .weapon-sketch img{transform:translateY(-2px) scale(1.025)}.weapon-sketch.sidearm img{transform:scale(1.42)}.weapon-grid>button:hover:not(:disabled) .weapon-sketch.sidearm img{transform:translateY(-2px) scale(1.46)}.tank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.tank-grid>button{min-width:0;min-height:300px;padding:14px;display:flex;flex-direction:column;align-items:stretch;color:#dfeae0;text-align:left;background:#101b14;border:1px solid #314337;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.tank-grid>button:hover,.tank-grid>button.equipped{transform:translateY(-4px);border-color:var(--gun-accent);background:color-mix(in srgb,var(--gun-accent) 9%,#101b14)}.tank-grid>button>span{color:#87978b;font:10px monospace;letter-spacing:1px;text-transform:uppercase}.tank-grid>button>strong{font-size:18px}.tank-grid>button>p{min-height:48px;color:#879389;font-size:12px;line-height:1.45}.tank-grid>button>div:not(.tank-sketch){display:flex;justify-content:space-between;color:#9ba99e;font:10px monospace}.tank-grid>button em{font-style:normal}.tank-grid>button>b{margin-top:auto;padding-top:12px;color:var(--gun-accent);border-top:1px solid #324039;font:800 12px monospace}.tank-sketch{height:108px;margin:7px 0 10px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 48% 58%,color-mix(in srgb,var(--gun-accent) 15%,rgba(255,255,255,.035)),transparent 66%);transition:transform .18s ease}.tank-sketch:after{content:"";position:absolute;left:13%;right:10%;bottom:10px;height:13px;z-index:-1;background:#0000009e;border-radius:50%;filter:blur(6px);transform:skew(-8deg)}.tank-sketch-hull,.tank-sketch-turret,.tank-sketch-turret>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.tank-sketch-hull{filter:drop-shadow(0 7px 6px rgba(0,0,0,.65))}.tank-sketch-turret{transform:translate(var(--tank-turret-shift)) rotate(-5deg);transform-origin:var(--tank-turret-origin);transition:transform .18s ease}.tank-sketch-turret>img{filter:drop-shadow(1px 3px 2px rgba(0,0,0,.62))}.tank-grid>button:hover .tank-sketch{transform:translateY(-2px) scale(1.025)}.tank-grid>button:hover .tank-sketch-turret{transform:translate(var(--tank-turret-shift)) rotate(-2deg)}.tank-sketch-eye{position:absolute;left:var(--tank-face-x);width:var(--tank-eye-size);height:var(--tank-eye-size);z-index:2;background:#f8f1d2;border:1px solid color-mix(in srgb,var(--gun-accent),#182018 52%);border-radius:50%;box-shadow:inset -2px -2px 2px #5c451547,0 1px 2px #000000b3;transform:translate(-50%,-50%)}.tank-sketch-eye:after{content:"";position:absolute;width:43%;height:43%;left:39%;top:29%;background:#101713;border-radius:50%;box-shadow:2px -2px 0 -1px #fff}.tank-sketch-eye--top{top:calc(50% - var(--tank-face-gap))}.tank-sketch-eye--bottom{top:calc(50% + var(--tank-face-gap))}.tank-weapon{border-color:#526b57}.buy-menu>footer{margin-top:15px;color:#70838e;text-align:center;font:10px monospace;letter-spacing:.7px}.reopen-shop{position:absolute;bottom:110px;left:50%;transform:translate(-50%);padding:11px 17px;color:var(--attack);background:#080e13e6;border:1px solid var(--attack);pointer-events:auto;cursor:pointer;font:800 10px monospace;letter-spacing:.7px}.scoreboard{width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 40px);padding:25px;overflow-y:auto;background:#0b131a;border:1px solid #344751;box-shadow:0 30px 100px #000}.scoreboard-title{display:flex;justify-content:space-between;align-items:center;padding:0 5px 18px}.scoreboard-title span{color:#82949e;font:10px monospace;letter-spacing:1.7px}.scoreboard-title b{font:800 26px monospace}.score-team{margin-top:8px;border-top:2px solid var(--attack)}.score-team.defenders{border-color:var(--defense)}.score-team header,.score-team>div{height:36px;padding:0 12px;display:flex;justify-content:space-between;align-items:center;background:#111c24;border-bottom:1px solid #1f2d36}.score-team header{color:var(--attack);background:#15222b;font:800 10px monospace;letter-spacing:.7px}.score-team.defenders header{color:var(--defense)}.score-team header span{color:#5f727d}.score-team>div{font-size:12px}.score-team>div.you{background:#1a2a34}.score-team>div b{color:#9eafb7;font:700 11px monospace}.score-team>div b{margin-left:auto}.score-kick{margin-left:12px;padding:6px 8px;color:#dc858a;background:#96333a14;border:1px solid #6a3d40;cursor:pointer;font:800 10px monospace}.score-kick:hover{color:#fff;background:#96333a}.score-spectators{margin-top:12px;border-top:2px solid var(--green)}.score-spectators header,.score-spectators>div{min-height:34px;padding:7px 12px;display:flex;align-items:center;gap:10px;background:#101b20;border-bottom:1px solid #213038}.score-spectators header{color:var(--green);font:800 10px monospace;letter-spacing:.7px}.score-spectators>div span{flex:1;font-size:12px}.score-spectators>div b{color:#8799a2;font:10px monospace}.result-overlay{position:fixed;z-index:60}.result-card{width:min(690px,calc(100vw - 40px));padding:42px;text-align:center;background:#0b141b;border:1px solid #354954;clip-path:polygon(0 0,calc(100% - 35px) 0,100% 35px,100% 100%,35px 100%,0 calc(100% - 35px))}.result-card>span{color:#8799a3;font:10px monospace;letter-spacing:2px}.result-card h1{margin:8px 0 0;color:var(--attack);font-size:64px;line-height:1;letter-spacing:-.06em}.result-card.defeat h1{color:#dd6970}.result-card.observing h1{color:var(--green)}.final-score{margin:22px auto 6px;display:flex;justify-content:center;align-items:center;gap:22px;font:800 32px monospace}.final-score i{color:#526570;font-style:normal}.result-card>p{margin:0 0 27px;color:#90a1aa;font-size:13px}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:25px;text-align:left}.podium>div{min-width:0;padding:14px;display:grid;gap:5px;background:#111e26;border-top:2px solid #3a505d}.podium em{color:#748791;font:10px monospace;font-style:normal}.podium strong{overflow:hidden;text-overflow:ellipsis}.podium span{color:#82949d;font-size:11px}.result-card .button{width:auto;min-width:270px;display:inline-flex;margin-top:0}.waiting-host{color:#82949e;font:10px monospace;letter-spacing:1.1px}.reconnect-overlay{z-index:80;align-content:center;gap:9px;text-align:center}.reconnect-overlay b{font:800 13px monospace;letter-spacing:2px}.reconnect-overlay span{color:#8799a3;font-size:13px}.spinner{width:28px;height:28px;margin:0 auto 8px;border:2px solid #30434e;border-top-color:var(--attack);border-radius:50%;animation:spin .8s linear infinite}@keyframes blink{50%{opacity:.28}}@keyframes alarm{to{filter:brightness(1.32)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-44%) scale(.96)}}@media(max-width:1180px){.landing{grid-template-columns:1fr;align-items:start;gap:38px;padding:58px max(7vw,28px) 72px}.landing-copy,.join-panel{width:100%;max-width:850px;margin-inline:auto}.landing-copy h1{font-size:clamp(65px,13vw,112px)}.landing-copy .lead{max-width:690px}.mode-dossier,.feature-row{max-width:850px}.landing-orbit-one{left:-32vw;bottom:auto;top:280px}.landing:after{bottom:18px}}@media(max-width:900px){.landing{grid-template-columns:1fr;padding:55px 7vw}.landing-copy h1{font-size:clamp(52px,15vw,90px)}.join-panel{max-width:850px;width:100%}.quick-join{grid-template-columns:1fr 1.3fr}.quick-join-heading{grid-column:1 / -1;grid-template-columns:1fr auto;align-items:center}.lobby-top{grid-template-columns:1fr auto}.room-code{grid-row:2;grid-column:1 / -1;height:60px;justify-content:center;border-block:1px solid #1e2c35}.lobby-top{height:130px}.teams-grid{grid-template-columns:1fr}.versus{padding:5px}.lobby-actions{flex-wrap:wrap}.role-switch{border-right:0}.host-actions{width:100%;justify-content:flex-end}.controls-strip{display:none}.weapon-grid{grid-template-columns:repeat(2,1fr);max-height:55vh;overflow:auto}.tank-grid{grid-template-columns:repeat(2,1fr);max-height:58vh;overflow:auto}.weapon-grid>button{min-height:245px}}@media(max-width:720px){.community-grid{grid-template-columns:1fr}.server-list,.leaderboard-list{height:auto;max-height:220px;min-height:102px}.leaderboard-head,.leaderboard-row{grid-template-columns:minmax(95px,1fr) 64px 76px 38px}}@media(max-width:600px){.feature-row{gap:20px;flex-wrap:wrap}.landing-copy h1{font-size:49px}.landing{gap:28px;padding:39px 16px 58px}.landing:after{display:none}.eyebrow{font-size:11px;letter-spacing:1.3px}.mode-dossier{grid-template-columns:115px 1fr}.mode-dossier-art{min-height:165px}.mode-dossier-copy{padding:16px 14px}.mode-dossier-copy h3{font-size:17px}.mode-dossier-copy>div{flex-wrap:wrap}.feature-row{justify-content:space-between}.feature-row div{gap:6px}.feature-row b{font-size:22px}.feature-row span{font-size:10px}.join-panel{padding:25px 18px}.join-panel-header>b{display:none}.game-picker{grid-template-columns:1fr}.game-choice{grid-template-columns:32px 86px minmax(0,1fr);min-height:116px}.game-choice-art .mode-logo{width:70px;height:70px}.mini-logo .mode-logo{width:44px;height:44px;flex-basis:44px}.identity-row,.quick-join{grid-template-columns:1fr}.quick-join-heading{grid-column:auto;grid-template-columns:1fr}.quick-join .code-row{width:100%}.server-card{grid-template-columns:1fr auto}.server-actions{grid-column:1 / -1;grid-template-columns:1fr 1fr}.room-code{padding:0 8px;gap:9px}.room-code button{display:none}.lobby-heading{align-items:start}.lobby-count{display:none}.team-switch>span{display:none}.lobby-actions{justify-content:center}.role-switch{width:100%;justify-content:center;padding:0}.ready-button{margin:0}.host-actions{justify-content:center;flex-wrap:wrap}.match-team{min-width:82px;padding:0 8px}.match-team span{display:none}.objective-status{min-width:250px}.team-status{display:none}.match-entry-panel{right:16px;bottom:16px}.round-banner{min-width:calc(100vw - 30px);padding-inline:15px}.round-banner b{font-size:23px}.podium{grid-template-columns:1fr}.buy-menu{padding:18px}.buy-menu>header{grid-template-columns:1fr auto}.buy-menu>header>button{position:absolute;right:42px}.buy-wallet{margin-right:43px}.weapon-grid,.tank-grid{grid-template-columns:1fr}}@media(max-width:390px){.landing-copy h1{font-size:43px}.lead{font-size:14px}.mode-dossier{grid-template-columns:96px 1fr}.mode-dossier-copy p{font-size:12px}.mode-dossier-copy b{padding-inline:6px;font-size:10px}.leaderboard-head,.leaderboard-row{grid-template-columns:minmax(82px,1fr) 53px 65px 30px}.quick-join .button.secondary{min-width:88px;padding-inline:7px}.mini-logo{gap:7px}.mini-logo .mode-logo{width:42px;height:42px;flex-basis:42px}.mini-logo span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.lobby--tanks{--attack: #dfa04a;--defense: #83bdce;--green: #b5cc69;background:repeating-linear-gradient(0deg,transparent 0 54px,rgba(188,203,153,.025) 55px 56px),radial-gradient(circle at 50% 44%,rgba(94,112,69,.2),transparent 46%),linear-gradient(145deg,#111811,#070b08 70%)}.lobby--tanks .lobby-top,.lobby--tanks .room-code{border-color:#354133}.lobby--tanks .team-column{background:radial-gradient(circle at 11px 11px,#6f7968 0 2px,#151b15 2.5px 4px,transparent 4.5px),linear-gradient(155deg,#2d3729f2,#101611f2);border-width:2px;border-color:#4e5b49;box-shadow:inset 0 0 0 2px #090d09b3,0 18px 42px #00000042;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.lobby--tanks .team-column:after{border-radius:50%;border-width:6px}.lobby--tanks .player-card{background:linear-gradient(90deg,#202a20,#121a13);border-color:#3e4b3b}.lobby--tanks .player-card.current{background:#293529;box-shadow:inset 3px 0 currentColor}.lobby--tanks .avatar{background:color-mix(in srgb,currentColor 70%,#5d674f);clip-path:polygon(8% 0,92% 0,100% 18%,100% 82%,92% 100%,8% 100%,0 82%,0 18%)}.lobby--tanks .empty-slot{border-color:#354233;color:#52604e}.lobby--tanks .lobby-actions,.lobby--tanks .spectator-lounge{background:#171f17f0;border:2px solid #414e3e}.lobby--tanks .launch{background:#b5cc69}.hud--shooter .match-bar,.hud--shooter .player-hud,.hud--shooter .killfeed{filter:drop-shadow(0 10px 24px rgba(0,0,0,.52))}.hud--shooter .match-team,.hud--shooter .health,.hud--shooter .weapon{background:linear-gradient(145deg,#111d26f5,#060c11eb);box-shadow:inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.hud--tanks{--attack: #dfa04a;--defense: #83bdce;--green: #b5cc69;font-family:Arial Narrow,Roboto Condensed,Inter,sans-serif}.hud--tanks:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(183,197,143,.1);clip-path:polygon(0 0,92px 0,92px 1px,calc(100% - 92px) 1px,calc(100% - 92px) 0,100% 0,100% 92px,calc(100% - 1px) 92px,calc(100% - 1px) calc(100% - 92px),100% calc(100% - 92px),100% 100%,calc(100% - 92px) 100%,calc(100% - 92px) calc(100% - 1px),92px calc(100% - 1px),92px 100%,0 100%,0 calc(100% - 92px),1px calc(100% - 92px),1px 92px,0 92px);pointer-events:none}.hud--tanks .match-bar{height:70px;filter:drop-shadow(0 9px 0 rgba(0,0,0,.22)) drop-shadow(0 15px 25px rgba(0,0,0,.45))}.hud--tanks .match-team{min-width:150px;position:relative;background:radial-gradient(circle at 9px 9px,#76806e 0 2px,#1a201b 2.5px 4px,transparent 4.5px),linear-gradient(180deg,#374131fa,#171d17fa);background-size:100% 100%;border:2px solid #586354;box-shadow:inset 0 0 0 2px #0a0d0ab3,inset 0 1px #dae4c41f}.hud--tanks .match-team.attack{border-right:0}.hud--tanks .match-team.defense{border-left:0}.hud--tanks .match-team span{font-size:11px;letter-spacing:1.4px;text-shadow:0 2px #10140f}.hud--tanks .match-team b{font-family:monospace;font-size:31px;text-shadow:0 3px #10140f}.hud--tanks .match-clock{min-width:120px;background:linear-gradient(#262e25,#111611);border:2px solid #6b7562;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px);box-shadow:inset 0 0 0 2px #111711}.hud--tanks .match-clock span{color:#99a38d;letter-spacing:1.5px}.hud--tanks .match-clock b{color:#e5eadc;text-shadow:0 0 12px rgba(196,211,156,.25)}.hud--tanks .base-hud{top:100px;width:min(590px,calc(100vw - 36px));min-width:0;padding:9px 12px;display:grid;grid-template-columns:1fr 48px 1fr;gap:12px;background:linear-gradient(180deg,#262e23f5,#101510f0);border:2px solid #596453;box-shadow:inset 0 0 0 1px #151b15,0 10px 28px #0006}.base-meter{min-width:0;display:grid;gap:5px}.base-meter>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.base-meter span{color:#b9c2ae!important;font:800 10px monospace;letter-spacing:.7px}.base-meter b{color:#e6eadf;font:900 13px monospace}.base-meter small{color:#82907a;font-size:10px}.base-track{height:8px;overflow:hidden;position:relative;background:#090d09;border:1px solid #515b4d;box-shadow:inset 0 1px 3px #000}.base-track i{display:block;height:100%;background:repeating-linear-gradient(135deg,var(--attack) 0 7px,#b77a34 7px 10px);transition:width .25s ease}.base-meter.defenders{text-align:right}.base-meter.defenders .base-track i{margin-left:auto;background:repeating-linear-gradient(135deg,var(--defense) 0 7px,#548b9b 7px 10px)}.base-hud-mark{display:grid;place-items:center;align-content:center;border-inline:1px solid #505a4b}.base-hud-mark b{color:#d4dec5;font:950 15px/1 monospace;transform:skew(-7deg)}.base-hud-mark span{margin-top:3px;color:#899582!important;font:700 10px monospace;letter-spacing:.6px}.hud--tanks .team-status>div{width:160px;height:32px;background:linear-gradient(90deg,#262f24f0,#121812cc);border:1px solid #4c5848;border-left:4px solid var(--defense);box-shadow:inset 0 1px #ffffff0a}.hud--tanks .team-status i{border-radius:1px;background:#b7cf68;box-shadow:0 0 7px #b7cf6873}.hud--tanks .killfeed>div{background:linear-gradient(90deg,#11161180,#2b3327f0);border-right-color:#77836f}.hud--tanks .killfeed span{color:#d4d9ca;background:#4a5544}.hud--tanks .player-hud{gap:5px;filter:drop-shadow(0 10px 0 rgba(0,0,0,.2)) drop-shadow(0 16px 28px rgba(0,0,0,.45))}.hud--tanks .health,.hud--tanks .tank-weapon{height:78px;background:radial-gradient(circle at 9px 9px,#717c69 0 2px,#161c16 2.5px 4px,transparent 4.5px),linear-gradient(160deg,#313b2cfa,#111611f7);border:2px solid #5b6755;box-shadow:inset 0 0 0 2px #0a0e0a9e,inset 0 1px #ffffff14}.hud--tanks .health{min-width:130px}.hud--tanks .health span,.hud--tanks .tank-weapon>span{color:#a8b49d;font-weight:900}.hud--tanks .health b{color:#edf0e7;text-shadow:0 2px #111510}.hud--tanks .health>i{height:6px;background:repeating-linear-gradient(90deg,#aec867 0,#aec867 12px,#748b42 12px,#748b42 15px)}.hud--tanks .tank-weapon{min-width:265px}.hud--tanks .tank-weapon>b{display:flex;align-items:center;gap:8px;color:#eef1e8}.hud--tanks .tank-weapon>em{color:#8f9a86;letter-spacing:1px}.shell-icon{width:10px;height:27px;display:inline-block;position:relative;background:linear-gradient(90deg,#8b7035,#f0d278 50%,#7b602b);border-radius:5px 5px 2px 2px;transform:rotate(90deg);box-shadow:0 0 8px #eac96f40}.shell-icon:after{content:"";position:absolute;left:1px;right:1px;bottom:-4px;height:6px;background:#78602e;border-radius:1px}.hud--tanks .tank-buy-overlay{background:radial-gradient(circle at 50% 42%,rgba(91,108,66,.17),transparent 42%),#060906d1}.hud--tanks .tank-garage{background:linear-gradient(115deg,transparent 48%,rgba(181,204,105,.025) 48.2%,transparent 68%),linear-gradient(180deg,#1f281dfc,#0c110dfc);border:3px solid #596653;clip-path:polygon(0 13px,13px 13px,13px 0,calc(100% - 13px) 0,calc(100% - 13px) 13px,100% 13px,100% calc(100% - 13px),calc(100% - 13px) calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,13px calc(100% - 13px),0 calc(100% - 13px));box-shadow:inset 0 0 0 2px #131b13,0 34px 110px #000}.hud--tanks .tank-garage header span{color:#bdcf7d}.hud--tanks .tank-garage h2{font-family:Impact,Arial Black,sans-serif;font-weight:500;letter-spacing:.01em;text-transform:uppercase}.hud--tanks .tank-grid>button{position:relative;overflow:hidden;background:linear-gradient(145deg,#1d281c,#0e160f);border:2px solid #3f4d3d;box-shadow:inset 0 1px #ffffff0a,0 8px 22px #0003}.hud--tanks .tank-grid>button:after{content:"";position:absolute;width:50px;height:50px;right:-27px;top:-27px;border:1px solid rgba(190,205,170,.14);transform:rotate(45deg)}.hud--tanks .tank-grid>button:hover,.hud--tanks .tank-grid>button.equipped{background:color-mix(in srgb,var(--gun-accent) 12%,#122014);box-shadow:inset 0 0 0 1px var(--gun-accent),0 13px 30px #00000052}.hud--tanks .tank-sketch{overflow:visible}.hud--tanks .tank-sketch-hull{filter:drop-shadow(0 8px 5px rgba(0,0,0,.58)) saturate(.94)}.hud--tanks .tank-sketch-turret>img{filter:drop-shadow(1px 4px 3px rgba(0,0,0,.68)) saturate(.96)}.scoreboard--tanks,.result-card--tanks{background:radial-gradient(circle at 12px 12px,#75806e 0 2px,#171d17 2.5px 4px,transparent 4.5px),linear-gradient(150deg,#303a2c,#111711 72%);border:3px solid #5b6755;box-shadow:inset 0 0 0 2px #121812,0 30px 100px #000}.scoreboard--tanks .scoreboard-title span,.result-card--tanks>span{color:#b5c78a}.scoreboard--tanks .score-team header{background:#343c2bf2}.scoreboard--tanks .score-team>div{background:#181f17eb;border-bottom-color:#354132}.result-card--tanks h1{font-family:Impact,Arial Black,sans-serif;font-weight:500;letter-spacing:.01em;text-shadow:0 4px #111711}.result-card--tanks .podium>div{background:#1d281c;border-top-color:#6a795e}@media(max-width:600px){.hud--tanks .base-hud{grid-template-columns:1fr 34px 1fr;gap:7px;padding-inline:7px}.base-meter small,.base-hud-mark span{display:none}.hud--tanks .match-team{min-width:88px}.hud--tanks .tank-weapon{min-width:205px}}