:root{--ink:#0d100d;--panel:#171b16;--panel2:#20251e;--line:#343a30;--hot:#f59e0b;--hot2:#f97316;--cream:#ece6d2;--muted:#9b9f90;--danger:#ef4444}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#10130f;color:var(--cream);font-family:Arial Narrow,Roboto Condensed,Impact,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}
#game{position:fixed;inset:0;width:100%;height:100%;background:#20251f;display:block;cursor:crosshair}#grain{pointer-events:none;position:fixed;inset:0;z-index:30;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.hidden{display:none!important}.screen{position:fixed;inset:0;z-index:10;display:none}.screen.active{display:grid;place-items:center}
.menu-shell{position:relative;width:min(900px,92vw);padding:34px 44px 24px;background:linear-gradient(135deg,rgba(15,18,14,.96),rgba(25,29,23,.91));border:1px solid #474c40;clip-path:polygon(0 0,96% 0,100% 8%,100% 100%,4% 100%,0 92%);box-shadow:0 28px 80px #000b,inset 0 0 0 2px #0a0c09}.menu-shell:before,.menu-shell:after{content:"";position:absolute;left:0;right:0;height:8px;background:repeating-linear-gradient(135deg,var(--hot) 0 12px,#191c17 12px 24px)}.menu-shell:before{top:0}.menu-shell:after{bottom:0}.brand-wrap{text-align:center;margin:10px 0 26px}.stencil{font:700 11px/1 monospace;letter-spacing:.28em;color:#b7b8aa}.logo{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-style:italic;font-size:clamp(76px,11vw,132px);line-height:.78;letter-spacing:-.035em;margin:17px 0 13px;color:#f2ead5;text-shadow:7px 7px 0 #080a08,10px 10px 0 #4a4d42}.logo span{color:var(--hot);text-shadow:7px 7px 0 #251700,10px 10px 0 #5f3a00}.logo-sub{display:flex;align-items:center;gap:12px;justify-content:center;font:800 11px monospace;letter-spacing:.25em;color:#a8ab9d}.logo-sub i{height:1px;width:70px;background:#5c6154}
.identity-strip{height:52px;border-top:1px solid #41473b;border-bottom:1px solid #41473b;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;background:rgba(0,0,0,.15)}.dogtag{display:flex;align-items:center;gap:12px;padding-left:14px}.tiny{font:800 10px monospace;letter-spacing:.2em;color:#777d6e}.dogtag input{width:180px;background:transparent;border:0;border-left:3px solid var(--hot);padding:5px 10px;color:#f3eedf;outline:none;font:bold 19px 'Arial Narrow',sans-serif;text-transform:uppercase}.status-light{padding-right:14px;display:flex;align-items:center;gap:8px;color:#7e8574;font:700 10px monospace;letter-spacing:.08em}.status-light b,#connectionDot{width:7px;height:7px;border-radius:50%;background:#70df72;box-shadow:0 0 10px #70df72}.main-nav{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}.nav-btn{position:relative;height:68px;border:1px solid #454b40;background:linear-gradient(90deg,#232820,#1a1e18);display:grid;grid-template-columns:44px 1fr auto;align-items:center;text-align:left;gap:12px;padding:0 18px;cursor:pointer;overflow:hidden;transition:.15s}.nav-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#54594d;transition:.15s}.nav-btn:hover{transform:translateX(4px);border-color:#747b68;background:#2a3026}.nav-btn:hover:before,.nav-btn.primary:before{background:var(--hot)}.nav-btn.primary{grid-column:1/-1;height:82px;background:linear-gradient(90deg,#3a2b10,#22261f 42%,#191d17);border-color:#6c5a31}.nav-btn .num{font:800 12px monospace;color:#70766a}.nav-btn>span:nth-child(2){font:900 25px 'Arial Narrow',Impact,sans-serif;letter-spacing:.05em}.nav-btn em{font:700 10px monospace;color:#767c6e;letter-spacing:.12em;font-style:normal}.nav-btn.primary>span:nth-child(2){font-size:31px;color:#ffc147}.menu-footer{display:flex;justify-content:center;gap:24px;margin:19px 0 2px;color:#6f7567;font:700 9px monospace;letter-spacing:.12em}
.panel{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,92vw);max-height:84vh;overflow:auto;background:#141813ee;border:1px solid #5b6152;box-shadow:0 30px 90px #000c;clip-path:polygon(0 0,96% 0,100% 30px,100% 100%,0 100%);padding:34px}.panel:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:repeating-linear-gradient(135deg,var(--hot) 0 10px,#1a1e18 10px 20px)}.close-btn{position:absolute;right:14px;top:13px;border:0;background:transparent;font-size:30px;color:#8b9182;cursor:pointer}.panel h2{font:italic 900 38px Impact,sans-serif;letter-spacing:.04em;margin:0 0 4px}.panel .eyebrow{font:800 10px monospace;color:var(--hot);letter-spacing:.18em}.panel hr{border:0;border-top:1px solid #394035;margin:19px 0}.panel-row{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;border-bottom:1px solid #2e342b}.panel-row small{color:#858b7c}.metal-button{border:1px solid #555c4e;background:linear-gradient(#2a3027,#1c211b);padding:13px 18px;font:900 14px 'Arial Narrow',sans-serif;letter-spacing:.1em;cursor:pointer;clip-path:polygon(0 0,92% 0,100% 28%,100% 100%,8% 100%,0 72%)}.metal-button:hover{filter:brightness(1.18)}.metal-button.hot{background:linear-gradient(#df9414,#9f6105);color:#171006;border-color:#f4b23b}.metal-button.danger{border-color:#6f2c2c;color:#ff9494}.skin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.skin{height:88px;border:1px solid #4b5146;background:#20241f;cursor:pointer;position:relative}.skin:before{content:"";position:absolute;width:50px;height:31px;border-radius:7px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--skin);box-shadow:0 0 0 8px #141713}.skin:after{content:"";position:absolute;width:42px;height:8px;background:var(--skin);left:50%;top:50%;transform:translate(-4px,-4px);transform-origin:left}.skin.selected{outline:2px solid var(--hot);box-shadow:0 0 20px #f59e0b33}.server-line{display:grid;grid-template-columns:1fr 80px 80px 120px;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #30362d}.server-line b{font-size:15px}.server-line span{color:#939a8a;font:12px monospace}.slider-row{display:grid;grid-template-columns:130px 1fr 50px;align-items:center;gap:12px;padding:12px 0}.slider-row input{accent-color:var(--hot);width:100%}
#gameUI{position:fixed;inset:0;z-index:6;pointer-events:none}#topHud{position:absolute;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-start;gap:12px}.room-chip,.score-chip,.timer-box{background:#121510e8;border:1px solid #495044;box-shadow:0 8px 24px #0007}.room-chip{display:flex;gap:10px;align-items:center;padding:10px 12px;font:800 10px monospace;color:#989f8e}.timer-box{min-width:158px;text-align:center;padding:7px 17px 9px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%,0 8px)}.timer-box small{display:block;font:700 8px monospace;color:#72796b;letter-spacing:.2em}.timer-box strong{display:block;font:900 30px Impact,sans-serif;letter-spacing:.08em;color:#f0ead9}.timer-box span{display:block;color:var(--hot);font:800 9px monospace;letter-spacing:.16em}.score-chip{display:flex;align-items:center;gap:10px;padding:10px 13px;font:800 11px monospace}.score-chip i{height:16px;width:1px;background:#454b40}.score-chip b{color:#fff;font-size:16px}
.hud-panel{position:absolute;right:18px;top:18px;width:220px;background:#11140fe3;border-left:3px solid var(--hot);padding:10px 12px}.leader-title{font:800 9px monospace;letter-spacing:.2em;color:#7f8677;padding-bottom:7px;border-bottom:1px solid #343a31}.leader-row{display:grid;grid-template-columns:22px 1fr 30px;gap:7px;padding:5px 0;font:800 11px monospace}.leader-row.me{color:#ffc04a}.leader-row .bot-tag{font-size:8px;color:#737a6c}.leader-row b{text-align:right}.leader-row span:first-child{color:#6f7667}#killfeed{position:absolute;left:18px;top:88px;width:300px}.feed-item{margin-bottom:5px;background:linear-gradient(90deg,#11140fe8,#11140f44);border-left:2px solid #d88913;padding:7px 10px;font:700 11px monospace;animation:feedin .18s ease}.feed-item b{color:#ffc356}.feed-item .victim{color:#d2d0c5}@keyframes feedin{from{transform:translateX(-20px);opacity:0}}
#bottomHud{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;align-items:flex-end}.health-module{width:min(330px,30vw);background:#11140fe8;border:1px solid #444b3f;padding:11px 13px}.health-row{display:flex;justify-content:space-between;font:800 9px monospace;letter-spacing:.1em;color:#8c9383}.health-row strong{font-size:17px;color:#eee8d7}.health-track{position:relative;height:10px;background:#272c25;margin-top:7px;overflow:hidden}.health-track div{height:100%;width:100%;background:linear-gradient(90deg,#cc6711,#e9a726);transition:width .12s}.health-track i{position:absolute;top:0;bottom:0;width:1px;background:#111;opacity:.6}.health-track i:nth-of-type(1){left:25%}.health-track i:nth-of-type(2){left:50%}.health-track i:nth-of-type(3){left:75%}.power-module{width:180px;text-align:center;background:#11140fe8;border:1px solid #555e4e;padding:10px 14px;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%,0 7px)}.power-module small,.ammo-module small{display:block;color:#767d6e;font:700 8px monospace;letter-spacing:.2em}.power-module strong{display:block;color:#ffbb3b;font:900 16px 'Arial Narrow',sans-serif;margin:3px 0}.power-module span{font:700 8px monospace;color:#777e70}.power-module.empty{opacity:.55}.ammo-module{display:flex;align-items:center;gap:10px;background:#11140fe8;border:1px solid #444b3f;padding:10px 13px;min-width:150px}.shell-icon{width:27px;height:27px;border:2px solid #b9b5a8;border-radius:50%;display:grid;place-items:center;color:#e3a72e}.ammo-module strong{font:900 15px 'Arial Narrow',sans-serif}
#crosshair{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);left:50%;top:50%;opacity:.8}#crosshair i{position:absolute;background:#f6d36b;box-shadow:0 0 3px #000}#crosshair i:nth-child(1),#crosshair i:nth-child(2){height:1px;width:9px;top:16px}#crosshair i:nth-child(1){left:0}#crosshair i:nth-child(2){right:0}#crosshair i:nth-child(3),#crosshair i:nth-child(4){width:1px;height:9px;left:16px}#crosshair i:nth-child(3){top:0}#crosshair i:nth-child(4){bottom:0}.center-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:#11140fe8;border-top:4px solid #bd401f;padding:18px 40px;font:900 20px 'Arial Narrow',sans-serif}.map-intro{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 4px 20px #000}.map-intro small{display:block;font:800 10px monospace;letter-spacing:.35em;color:#d69a35}.map-intro strong{display:block;font:italic 900 54px Impact,sans-serif;letter-spacing:.03em}.map-intro span{font:700 10px monospace;letter-spacing:.18em;color:#b2b3a7}.map-intro.show{animation:intro 3.2s both}@keyframes intro{0%{opacity:0;transform:translate(-50%,-42%) scale(.8)}15%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-58%) scale(1.08)}}#damageVignette{position:absolute;inset:0;box-shadow:inset 0 0 100px 20px transparent;transition:.1s}.damage-hit{animation:hit .3s}@keyframes hit{0%{box-shadow:inset 0 0 130px 45px #a80e0eaa}100%{box-shadow:inset 0 0 100px 20px transparent}}.pause-button{pointer-events:auto;position:absolute;right:20px;bottom:20px;width:38px;height:38px;border:1px solid #444b40;background:#11140fd9;color:#9da393;cursor:pointer}
.post,.pause-panel{position:fixed;inset:0;z-index:25;background:#070907b8;display:grid;place-items:center}.post-card,.pause-card{width:min(620px,90vw);background:linear-gradient(145deg,#1b2019,#111410);border:1px solid #5a6152;border-top:7px solid var(--hot);padding:30px;box-shadow:0 30px 90px #000}.post-card>small,.pause-card>small{color:#898f80;font:800 9px monospace;letter-spacing:.2em}.post-card h2,.pause-card h2{font:italic 900 46px Impact,sans-serif;margin:5px 0 20px}.result-row{display:grid;grid-template-columns:44px 1fr 80px 80px;gap:8px;padding:10px;border-bottom:1px solid #31372d;font:800 12px monospace}.result-row:first-child{background:#392a0e;color:#ffc14c}.result-row span:nth-child(n+3){text-align:right;color:#9ba291}.post-actions{display:flex;gap:10px;margin-top:22px}.pause-card{width:370px;display:grid;gap:10px}.pause-card h2{margin-bottom:8px}
@media(max-width:720px){.menu-shell{padding:28px 20px 20px}.main-nav{grid-template-columns:1fr}.nav-btn.primary{grid-column:auto}.identity-strip{flex-direction:column;height:auto;align-items:flex-start;gap:8px;padding:9px}.menu-footer{gap:9px;flex-wrap:wrap}.hud-panel{width:175px;right:8px}.health-module{width:42vw}.power-module{width:140px}.ammo-module{display:none}#bottomHud{left:8px;right:8px}.server-line{grid-template-columns:1fr 65px 90px}.server-line span:nth-of-type(2){display:none}}
.kill-reward{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;min-width:280px;padding:12px 28px 14px;background:linear-gradient(90deg,transparent,#13170fe8 14%,#13170ff2 86%,transparent);border-top:1px solid #e6a22b;border-bottom:1px solid #6e4b15;text-shadow:0 3px 12px #000;filter:drop-shadow(0 12px 20px #0009)}
.kill-reward:before,.kill-reward:after{content:"";position:absolute;top:-4px;width:44px;height:4px;background:repeating-linear-gradient(135deg,#f4ab27 0 8px,#22271f 8px 16px)}.kill-reward:before{left:18px}.kill-reward:after{right:18px}
.kill-reward strong{display:block;color:#ffc24b;font:italic 900 28px Impact,'Arial Narrow',sans-serif;letter-spacing:.07em}.kill-reward span{display:block;margin-top:2px;color:#d5d1c3;font:800 11px monospace;letter-spacing:.16em}.kill-reward span b{color:#fff}
.kill-reward.reward-pop{animation:killreward 1.4s cubic-bezier(.2,.8,.2,1) both}@keyframes killreward{0%{opacity:0;transform:translate(-50%,-45%) scale(.72)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}25%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-62%) scale(.96)}}

/* Social squad invite */
.invite-menu-button{border:1px solid #65562f;background:linear-gradient(180deg,#302812,#1a1e18);color:#e9dfc5;padding:9px 13px;font:900 10px monospace;letter-spacing:.10em;cursor:pointer;clip-path:polygon(0 0,92% 0,100% 25%,100% 100%,8% 100%,0 75%);transition:.15s;white-space:nowrap}.invite-menu-button span{color:#ffc044;font-size:15px;vertical-align:-1px}.invite-menu-button:hover{border-color:#d49425;box-shadow:0 0 18px #f59e0b24;transform:translateY(-1px)}
.invite-button{pointer-events:auto;position:absolute;left:18px;top:18px;border:1px solid #5c5439;background:linear-gradient(90deg,#211d10e8,#121510e8);color:#ddd7c6;padding:10px 13px;font:900 10px monospace;letter-spacing:.12em;cursor:pointer;clip-path:polygon(0 0,92% 0,100% 25%,100% 100%,8% 100%,0 75%);box-shadow:0 8px 22px #0007}.invite-button span{color:#ffc044;font-size:14px}.invite-button:hover{border-color:#d89b2f;color:#fff;filter:brightness(1.08)}
.share-toast{position:absolute;left:50%;bottom:112px;transform:translateX(-50%);background:#11150ff0;border:1px solid #a77622;border-left:4px solid #ffc044;padding:11px 17px;font:900 10px monospace;letter-spacing:.13em;color:#f1e6ca;box-shadow:0 12px 30px #0009}.share-toast.show{animation:sharetoast 1.8s ease both}@keyframes sharetoast{0%{opacity:0;transform:translate(-50%,10px)}10%,78%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-7px)}}
.nav-btn.invited{border-color:#977329;box-shadow:inset 0 0 26px #f59e0b12}.nav-btn.invited em{color:#e5ad46}

/* Tactical power-up presentation */
.power-module{display:flex;align-items:center;justify-content:center;gap:10px;width:220px;text-align:left;padding:8px 12px}.power-copy{text-align:left;min-width:105px}.power-hud-icon{--power-color:#6c7366;position:relative;flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--power-color) 55%,#343a30);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--power-color) 18%,transparent),#10140f 68%);clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%);opacity:.35;transition:.18s}.power-hud-icon svg{width:31px;height:31px;filter:drop-shadow(0 0 5px var(--power-color))}.power-hud-icon.charged{opacity:1;box-shadow:0 0 18px color-mix(in srgb,var(--power-color) 35%,transparent);animation:powerpulse 1.6s ease-in-out infinite}.power-hud-icon.electric:before,.power-hud-icon.electric:after{content:"";position:absolute;inset:3px;border:1px solid var(--power-color);clip-path:polygon(10% 0,28% 25%,18% 31%,43% 50%,31% 61%,59% 100%,50% 69%,72% 61%,59% 49%,84% 27%,69% 26%,91% 0);opacity:.58;filter:drop-shadow(0 0 5px var(--power-color));animation:electricflicker .3s steps(2,end) infinite}.power-hud-icon.electric:after{transform:rotate(180deg);animation-delay:.12s}@keyframes powerpulse{50%{filter:brightness(1.2);transform:scale(1.035)}}@keyframes electricflicker{50%{opacity:.15}}
@media(max-width:720px){.invite-menu-button{width:100%;margin:2px 0}.invite-button{top:auto;left:auto;right:54px;bottom:20px;padding:9px 10px}.power-module{width:170px}.power-hud-icon{width:38px;height:38px;flex-basis:38px}.power-hud-icon svg{width:26px;height:26px}.power-copy{min-width:88px}}

/* Custom callsign editor */
.dogtag input:focus{background:#1a1f18;box-shadow:inset 0 0 0 1px #59604f,0 0 18px #f59e0b18}.dogtag input::placeholder{color:#666d60}.callsign-editor{margin:18px 0 8px;padding:16px 18px;background:linear-gradient(90deg,#22271f,#171b16);border-left:3px solid var(--hot);border-top:1px solid #3e4539;border-bottom:1px solid #30362d}.callsign-editor label{display:block;margin-bottom:9px;color:#d39b37;font:800 10px monospace;letter-spacing:.18em}.callsign-editor>div{display:flex;gap:10px}.callsign-editor input{min-width:0;flex:1;background:#0e110d;border:1px solid #505849;border-left:4px solid var(--hot);padding:12px 14px;outline:none;color:#f2ead8;font:900 20px 'Arial Narrow',sans-serif;letter-spacing:.05em;text-transform:uppercase}.callsign-editor input:focus{border-color:#7d846f;box-shadow:0 0 20px #f59e0b18}.callsign-editor small{display:block;margin-top:8px;color:#72796b;font:700 9px monospace;letter-spacing:.08em}
@media(max-width:600px){.callsign-editor>div{flex-direction:column}.callsign-editor .metal-button{width:100%}}

/* Account, progression, shop, tanks, chat */
.account-corner{position:absolute;right:28px;top:22px;z-index:4}.account-corner button{min-width:178px;text-align:right;border:1px solid #5a604f;background:linear-gradient(135deg,#20251d,#11140f);padding:8px 11px 9px;color:#eee7d3;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% 78%,92% 100%,0 100%,0 22%);box-shadow:0 8px 24px #0008}.account-corner button:hover{border-color:#c88b24;box-shadow:0 0 18px #f59e0b22}.account-corner small{display:block;color:#777e6f;font:800 8px monospace;letter-spacing:.16em}.account-corner strong{display:block;color:#ffc24b;font:900 15px 'Arial Narrow',sans-serif;letter-spacing:.07em;margin:2px 0}.account-corner span{display:block;color:#a9ae9d;font:800 9px monospace;letter-spacing:.08em}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-box{border:1px solid #3d4438;background:#191e17;padding:16px}.account-box h3{margin:0 0 10px;font:900 19px 'Arial Narrow',sans-serif;letter-spacing:.08em}.account-box input{width:100%;margin:5px 0;background:#0c0f0b;border:1px solid #495043;color:#eee6d1;padding:11px 12px;outline:none}.account-box input:focus{border-color:#b77d23}.account-status{padding:14px 16px;border-left:3px solid var(--hot);background:#20251e;margin-bottom:16px}.account-status strong{color:#ffc24b}.account-error{min-height:18px;margin-top:8px;color:#ff8c7f;font:800 10px monospace}.progress-track{height:10px;background:#272d24;overflow:hidden;margin:8px 0}.progress-track>i{display:block;height:100%;background:linear-gradient(90deg,#d67416,#f4b83c)}
.tank-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tank-card{position:relative;border:1px solid #454c40;background:linear-gradient(145deg,#20261e,#121511);padding:14px;cursor:pointer;overflow:hidden}.tank-card:hover{border-color:#777f6b}.tank-card.selected{outline:2px solid #e6a431;box-shadow:0 0 22px #f59e0b22}.tank-card.locked{filter:saturate(.4);opacity:.66;cursor:not-allowed}.tank-card .tank-preview{height:170px;background:radial-gradient(circle at 50% 48%,#343b30,#121510 72%);border:1px solid #30362d;display:grid;place-items:center;margin-bottom:11px;overflow:hidden}.tank-card svg{width:96%;height:96%;filter:drop-shadow(0 12px 9px #000a)}.tank-card h3{margin:0;font:italic 900 25px Impact,sans-serif;letter-spacing:.05em}.tank-card p{margin:5px 0;color:#92998a;font:700 10px monospace;line-height:1.45}.tank-card .tank-stat{display:flex;justify-content:space-between;border-top:1px solid #30362d;padding-top:8px;font:800 10px monospace}.tank-card .tank-stat b{color:#ffc04a}.lock-badge{position:absolute;right:10px;top:10px;background:#0d100ddc;border:1px solid #6a5632;color:#e6ac46;padding:6px 8px;font:900 9px monospace;letter-spacing:.08em}.tank-card .rook-mark{color:#f1c159}
.shop-card{display:grid;grid-template-columns:180px 1fr auto;gap:16px;align-items:center;border:1px solid #41483c;background:linear-gradient(90deg,#1d221b,#131612);padding:15px}.shop-preview{height:135px;display:grid;place-items:center;background:radial-gradient(circle,#30362a,#10130f 70%);border:1px solid #333a30}.shop-preview .hat-big{position:relative;width:86px;height:78px}.hat-big:before{content:"";position:absolute;left:21px;top:5px;width:45px;height:48px;background:linear-gradient(90deg,#0b0b0b,#292929 55%,#090909);border:2px solid #444;border-radius:5px 5px 2px 2px;box-shadow:inset 8px 0 9px #0008}.hat-big:after{content:"";position:absolute;left:4px;bottom:13px;width:78px;height:14px;border-radius:50%;background:linear-gradient(#303030,#080808);border:2px solid #454545}.shop-card h3{font:italic 900 28px Impact,sans-serif;margin:0}.shop-card p{color:#92988a;font:700 10px monospace;line-height:1.5}.shells{color:#ffc24b;font-weight:900}.shop-owned{color:#71df80;font:900 10px monospace;letter-spacing:.1em}.duck-hat-preview{position:relative;width:84px;height:56px;border-radius:48% 48% 45% 45%;background:linear-gradient(145deg,#fff06b,#eab916);border:2px solid #a77e13;box-shadow:inset 9px 5px 8px #fff7,0 5px 7px #0008;transform:rotate(-7deg)}.duck-hat-preview:before{content:"";position:absolute;width:37px;height:37px;right:4px;top:-20px;border-radius:50%;background:linear-gradient(145deg,#fff16d,#edbd20);border:2px solid #a77e13;box-shadow:inset 5px 4px 5px #fff8}.duck-hat-preview:after{content:"";position:absolute;right:-15px;top:-5px;width:22px;height:13px;background:#f18a20;clip-path:polygon(0 0,100% 50%,0 100%);border:1px solid #9a5016}.duck-hat-preview i{position:absolute;z-index:1;right:21px;top:-9px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:1px 1px 0 #111}
.profile-hud{position:absolute;right:18px;top:225px;background:#11140fe3;border-right:3px solid #d78b18;padding:8px 11px;text-align:right}.profile-hud b{display:block;color:#ffc04a;font:900 12px monospace}.profile-hud span{display:block;color:#d6d0bc;font:800 10px monospace;margin-top:2px}.chat-panel{pointer-events:auto;position:absolute;left:18px;bottom:118px;width:330px;background:linear-gradient(180deg,#10130fe8,#10130fcf);border:1px solid #41483c;border-left:3px solid #d58b1e;box-shadow:0 12px 30px #0007}.chat-head{padding:6px 9px;color:#d7a241;font:900 8px monospace;letter-spacing:.16em;border-bottom:1px solid #2e342b}.chat-head span{float:right;color:#687062}.chat-messages{height:110px;overflow:hidden;padding:7px 9px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}.chat-line{font:700 10px/1.35 monospace;color:#cbc8ba;text-shadow:0 1px 4px #000}.chat-line b{color:#ffc154}.chat-line.system{color:#777f70;font-style:italic}.chat-panel form{border-top:1px solid #30362d}.chat-panel input{width:100%;border:0;background:#090b09;color:#eee6d3;padding:9px 10px;outline:none;font:800 11px monospace}.chat-panel input:focus{box-shadow:inset 0 0 0 1px #a36f20}.chat-panel.quiet{opacity:.58}.chat-panel.quiet input{display:none}
@media(max-width:720px){.account-corner{right:18px;top:14px}.account-corner button{min-width:145px}.brand-wrap{margin-top:54px}.account-grid,.tank-grid{grid-template-columns:1fr}.shop-card{grid-template-columns:1fr;text-align:center}.chat-panel{width:250px;left:8px;bottom:105px}.profile-hud{display:none}.tank-card .tank-preview{height:145px}}
.chat-panel.quiet input{display:block;opacity:.38}.chat-panel.quiet:hover input,.chat-panel:focus-within input{opacity:1}

/* Custom servers + Team Deathmatch */
.create-server{margin:14px 0 20px;border:1px solid #4b5145;border-left:4px solid #d68a1d;background:linear-gradient(135deg,#1b2119,#11140f);box-shadow:0 12px 30px #0005;overflow:hidden}
.create-server-title{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid #343a30;background:linear-gradient(90deg,#272d23,#171b15)}
.create-server-title b{font:900 14px 'Arial Narrow',sans-serif;letter-spacing:.12em;color:#f2e4c3}.create-server-title span{font:800 8px monospace;letter-spacing:.13em;color:#8a9280}
.server-form{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr auto;gap:10px;align-items:end;padding:14px}
.server-form label{display:flex;flex-direction:column;gap:6px;color:#a3aa98;font:800 8px monospace;letter-spacing:.12em}.server-form input,.server-form select{min-width:0;background:#0c0f0b;border:1px solid #485043;color:#eee5cf;padding:10px 11px;outline:none;font:800 11px monospace}.server-form input:focus,.server-form select:focus{border-color:#c8892b;box-shadow:0 0 16px #f59e0b16}.server-form .metal-button{height:38px;white-space:nowrap}
.server-line-expanded{grid-template-columns:minmax(250px,1.8fr) .6fr .45fr auto;align-items:center;gap:12px}.server-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.custom-server-tag,.quick-server-tag{font:900 7px monospace;letter-spacing:.08em;padding:3px 5px;border:1px solid #775a2e;color:#f0b84b;background:#2b2110}.quick-server-tag{border-color:#465348;color:#9eb09b;background:#172019}.team-counts{display:block;margin-top:5px;font:800 8px monospace}.red-team{color:#ff776d}.blue-team{color:#70b8ff}.team-join{display:flex;gap:6px}.red-join{border-color:#75413e!important}.blue-join{border-color:#365b78!important}.team-score-strip,.tdm-result-score{display:flex;justify-content:center;align-items:center;gap:13px;padding:8px 10px;margin:5px 0 8px;background:#0b0d0b;border-top:1px solid #333930;border-bottom:1px solid #333930;font:900 10px monospace;letter-spacing:.08em}.team-score-strip span,.tdm-result-score span{color:#676e62;font-size:8px}.team-dot{display:inline-block;width:7px;height:7px;margin-right:5px;vertical-align:1px;transform:rotate(45deg);border:1px solid #0008}.team-dot.red{background:#dd5148}.team-dot.blue{background:#4b98da}.leader-row.team-red{border-left:2px solid #8d3833}.leader-row.team-blue{border-left:2px solid #326a99}.result-row.team-red{box-shadow:inset 3px 0 #873934}.result-row.team-blue{box-shadow:inset 3px 0 #356e9e}
@media(max-width:900px){.server-form{grid-template-columns:1fr 1fr}.server-form .metal-button{grid-column:1/-1}.server-line-expanded{grid-template-columns:1fr auto}.server-line-expanded>span:nth-of-type(2){display:none}.team-join{grid-column:1/-1}.team-join .metal-button{flex:1}}
@media(max-width:600px){.server-form{grid-template-columns:1fr}.create-server-title{align-items:flex-start;gap:4px;flex-direction:column}.server-line-expanded{grid-template-columns:1fr}.server-line-expanded>span{justify-self:start}.team-join{width:100%}}

/* Game mode selector */
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.mode-card{border:1px solid #444b3f;background:linear-gradient(145deg,#1f251d,#11140f);padding:15px}.mode-card h3{margin:12px 0 5px;font:italic 900 24px Impact,sans-serif;letter-spacing:.06em}.mode-card p{min-height:42px;color:#939a89;font:700 10px/1.5 monospace}.mode-art{height:120px;display:flex;align-items:center;justify-content:center;gap:17px;border:1px solid #30362d;background:radial-gradient(circle,#33392f,#0f120e 72%);font:italic 900 34px Impact,sans-serif;letter-spacing:.05em;overflow:hidden}.ffa-art b{color:#f3b849;text-shadow:0 0 22px #f59e0b66}.tdm-art b:first-child{color:#ff746b;text-shadow:0 0 18px #d9362f55}.tdm-art b:last-child{color:#70b9ff;text-shadow:0 0 18px #3287d655}.tdm-art i{color:#777e70;font:900 12px monospace}.mode-team-buttons{display:flex;gap:8px}.mode-team-buttons button{flex:1}
@media(max-width:720px){.mode-grid{grid-template-columns:1fr}.mode-card p{min-height:0}}
.flag-shop-card{margin-top:12px}.usa-flag-big{position:relative;width:112px;height:92px}.usa-flag-big:before{content:"";position:absolute;left:14px;top:5px;width:5px;height:82px;border-radius:3px;background:linear-gradient(90deg,#74776f,#d9d8c7 48%,#6a6d66);box-shadow:0 2px 5px #0008}.usa-flag-big:after{content:"";position:absolute;left:11px;top:1px;width:11px;height:11px;border-radius:50%;background:#d3b36d;border:1px solid #5d5032}.usa-flag-big span{position:absolute;left:19px;top:13px;width:82px;height:47px;border:1px solid #252925;box-shadow:0 7px 14px #0007;background:repeating-linear-gradient(to bottom,#b51f2e 0,#b51f2e 3.62px,#f2efe4 3.62px,#f2efe4 7.24px)}.usa-flag-big span:before{content:"";position:absolute;left:0;top:0;width:36px;height:25px;background:#244a85}.usa-flag-big span:after{content:"✦  ✦  ✦\A ✦  ✦  ✦\A ✦  ✦  ✦";white-space:pre;position:absolute;left:4px;top:2px;color:#fff;font:7px/7px monospace;letter-spacing:1px;text-shadow:none}.usa-flag-big i{position:absolute;left:19px;top:60px;width:82px;height:9px;background:linear-gradient(180deg,#0005,transparent);filter:blur(4px);opacity:.45}

.equipped-mark{display:inline-block;margin-left:9px;color:#8af0a0;font:800 11px monospace;vertical-align:middle;white-space:nowrap}.skin.selected:after{content:'✓';color:white;font-size:22px;text-shadow:0 1px 4px #000}.guest-save-note{display:block;margin:12px auto;padding:10px 14px;background:#242a1c;border:1px solid #8e9c46;color:#e3edb9;font:700 11px monospace;cursor:pointer}.guest-save-hud{display:none!important;position:absolute;bottom:12px;left:50%;transform:translateX(-50%);margin:0;z-index:12;pointer-events:auto;max-width:80%;font-size:10px}.guest-save-note.hidden{display:none}
.admin-toolbar{display:flex;gap:10px;margin:16px 0}.admin-toolbar input{flex:1;min-width:0;background:#0f120e;border:1px solid #555c4e;color:#f4eed8;padding:12px;font:700 13px monospace}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-columns h3{font:900 14px monospace;letter-spacing:.08em}.admin-list{max-height:48vh;overflow:auto;padding-right:5px}.admin-account{margin:0 0 10px;padding:12px}.admin-account small,.admin-chat small{display:block;color:#929988;margin-top:5px;font:11px monospace}.admin-account-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.admin-account-head span{font:10px monospace;color:#c5cbb9}.admin-account .metal-button{padding:9px 12px;margin-top:10px;font-size:11px}.admin-chat{border-bottom:1px solid #343a31;padding:10px 3px}.admin-chat strong{font-size:13px}.admin-chat p{margin:7px 0 0;overflow-wrap:anywhere;color:#eee7d4}.admin-content{min-height:100px}@media(max-width:760px){.admin-columns{grid-template-columns:1fr}.admin-list{max-height:32vh}.admin-toolbar{flex-wrap:wrap}}

/* Daily challenges remain in the main menu; scroll keeps every control reachable. */
#menu.active{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:20px 0}.menu-shell{margin:auto 0;flex-shrink:0}
.daily-challenges{margin-top:20px;padding-top:17px;border-top:1px solid #41473b}.daily-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.daily-heading h2{margin:0;color:#ece6d2;font:900 12px monospace;letter-spacing:.1em}.daily-heading span{color:#9da68e;font:700 9px monospace}.daily-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.daily-card{padding:12px;background:#161c15;border:1px solid #434b3d;border-top:2px solid #6a7459}.daily-card-top{display:flex;align-items:start;justify-content:space-between;gap:6px}.daily-card h3{margin:0;font:800 12px/1.4 system-ui,sans-serif}.daily-card-top b{color:#ffc24b;white-space:nowrap;font:900 11px monospace;line-height:1.7}.daily-count{display:flex;justify-content:space-between;margin:12px 0 5px;gap:5px;font:700 8px monospace;color:#9da68e}.daily-count strong{color:#eee6d2;font-size:10px}.daily-card progress{display:block;width:100%;height:6px;border:0;border-radius:3px;overflow:hidden;background:#30372a;accent-color:#e9a832}.daily-card progress::-webkit-progress-bar{background:#30372a}.daily-card progress::-webkit-progress-value{background:#e9a832}.daily-card progress::-moz-progress-bar{background:#e9a832}.daily-claim{width:100%;margin-top:10px;padding:9px 4px;border:1px solid #887344;background:#33301e;color:#f6d384;font:900 9px monospace;letter-spacing:.04em;cursor:pointer}.daily-claim:disabled{cursor:default;opacity:.5}.daily-claim:not(:disabled):hover{background:#4f4227;border-color:#f5bb48}.daily-card.ready{border-top-color:#ffc24b}.daily-card.ready .daily-claim{background:#b47c1d;color:#fff7dc;border-color:#ffc65b}.daily-card.claimed{border-top-color:#79c589}.daily-card.claimed .daily-claim{color:#a0e4ac;background:#243728;border-color:#486b4e;opacity:1}.daily-message{min-height:14px;margin:9px 0 0;color:#a9b49c;font:10px/1.4 monospace}.daily-loading{grid-column:1/-1;color:#929c86;font:11px monospace}
@media(max-width:620px){.daily-grid{grid-template-columns:1fr}.daily-heading{align-items:flex-start;flex-direction:column}.daily-card{padding:12px}.daily-card h3{font-size:13px}.daily-claim{padding:12px}#menu.active{padding:12px 0}}

/* Combat medals and end-of-match MVP. */
.combat-award{position:absolute;z-index:16;left:50%;top:clamp(115px,22vh,180px);transform:translateX(-50%);width:min(450px,90vw);padding:12px 20px;text-align:center;pointer-events:none;background:linear-gradient(90deg,transparent,#15180ff0 18%,#15180ff0 82%,transparent);text-shadow:0 3px 8px #000;border-top:2px solid #f8be48;border-bottom:1px solid #806229}.combat-award small{display:block;font:800 9px monospace;letter-spacing:.18em;color:#c6b58e}.combat-award strong{display:block;margin:3px 0;color:#ffd064;font:italic 900 clamp(25px,4vw,39px) Impact,sans-serif;letter-spacing:.04em}.combat-award span{font:800 10px monospace;color:#f4e8c5}.award-pop{animation:awardpop 2.4s ease-out both}@keyframes awardpop{0%{opacity:0;transform:translateX(-50%) scale(.82)}10%,82%{opacity:1;transform:translateX(-50%) scale(1)}100%{opacity:0;transform:translateX(-50%) translateY(-12px)}}
.post{overflow-y:auto;padding:18px 0;align-items:safe center}.post-card{width:min(700px,94vw);margin:auto 0}.post-card h2{font-size:36px;margin-bottom:14px}.mvp-showcase{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;margin-bottom:16px;background:radial-gradient(ellipse at 20% 60%,#6f512b55,transparent 64%),linear-gradient(130deg,#2c291b,#171d18);border:1px solid #9e7940;border-top:3px solid #ebaf40;box-shadow:inset 0 0 35px #edb1300d}.mvp-you{border-color:#ffd16a;box-shadow:0 0 22px #e6a33622}.mvp-art{position:relative;min-width:0}.mvp-art canvas{display:block;width:100%;height:auto}.mvp-crown{position:absolute;left:20px;top:10px;color:#ffcb5f;font-size:20px}.mvp-info{padding:18px 16px 18px 0;min-width:0}.mvp-eyebrow{font:900 10px monospace;letter-spacing:.15em;color:#ffd166}.mvp-eyebrow b{display:inline-block;padding:3px 6px;background:#ffc448;color:#352b15;margin-left:8px;letter-spacing:.03em}.mvp-info h3{margin:6px 0;font:900 24px system-ui,sans-serif;overflow-wrap:anywhere;color:#fff1d4}.mvp-info h3 small{margin-left:7px;color:#99a087;font:10px monospace}.mvp-info p{margin:4px 0 13px;font:800 9px monospace;color:#a4af96;letter-spacing:.09em}.mvp-developer{display:block;color:#54baff;font:800 8px monospace;margin-top:7px}.mvp-stats{display:flex;gap:24px}.mvp-stats b{display:block;font:900 22px monospace;color:#ffcd62}.mvp-stats small{display:block;margin-top:3px;font:700 8px monospace;color:#adb49c}.result-mvp{display:inline-block;margin-left:6px;padding:2px 4px;color:#ffd16a;border:1px solid #9c7530;font-size:8px}.next-round-countdown{text-align:center;font:800 10px monospace;letter-spacing:.09em;color:#b8b296;margin:15px 0 0}.mvp-empty{padding:20px;border:1px solid #535a48;margin-bottom:15px;color:#c4c9b9;font:800 12px monospace;text-align:center}.mvp-empty span{display:block;margin-top:8px;font:11px monospace;color:#8b9580}
@media(max-width:620px){.post-card{padding:18px}.mvp-showcase{grid-template-columns:140px minmax(0,1fr)}.mvp-info{padding:12px 10px 12px 0}.mvp-info h3{font-size:18px}.mvp-stats{gap:12px}.mvp-stats b{font-size:19px}.mvp-stats small{font-size:7px}.result-row{grid-template-columns:24px 1fr 42px 42px;padding:9px 4px;font-size:10px}.post-card h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.award-pop{animation:none}}

.admin-shell-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;border-top:1px solid #394132;padding-top:12px;margin-top:12px}.admin-shell-form label{font:800 9px/1.5 monospace;color:#c6cdb9;overflow-wrap:anywhere}.admin-shell-form input{display:block;width:100%;min-width:0;margin:6px 0 0;padding:10px;color:#fff1d3}.admin-account .admin-shell-form button{margin:0;font-size:10px;min-height:39px}.admin-shell-status{grid-column:1/-1;margin:0;color:#c9df9f;font:11px/1.5 monospace;overflow-wrap:anywhere}.admin-shell-form button:disabled{opacity:.5;cursor:wait}@media(max-width:440px){.admin-shell-form{grid-template-columns:1fr}}

.extra-hat-preview{width:140px;max-width:100%;height:120px;filter:drop-shadow(0 6px 7px #0008)}

.tank-upgrade-button{margin-top:14px;width:100%}.upgrade-summary{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:center;border:1px solid #464d3f;padding:16px;background:#161d17}.upgrade-summary .tank-preview svg{width:100%}.upgrade-summary strong{color:#ffd06a}.upgrade-summary p,.upgrade-row p{color:#bac2b4;font-size:13px;line-height:1.5}.upgrade-summary small,.upgrade-row small{color:#9da895}.upgrade-list{display:grid;gap:12px;margin-bottom:18px}.upgrade-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #434e3c;background:linear-gradient(110deg,#242c21,#151b15)}.upgrade-row h3{margin:0;font-size:18px}.upgrade-row h3 small{margin-left:12px;font-size:11px}.upgrade-row p{margin:8px 0}.upgrade-pips{display:flex;gap:5px;margin-top:10px}.upgrade-pips span{width:34px;height:6px;background:#424b3b}.upgrade-pips .filled{background:#f7bd4b}.upgrade-status{min-height:20px;color:#ffd06a;font-size:13px}.upgrade-notice{color:#ffd06a}.upgrade-row button:disabled{opacity:.5;cursor:default}@media(max-width:640px){.upgrade-summary{grid-template-columns:1fr}.upgrade-summary .tank-preview{max-width:240px;margin:auto}.upgrade-row{align-items:stretch;flex-direction:column}.upgrade-row button{width:100%}}

/* Keep navigation titles on one line; put subtitles below instead of squeezing them beside titles. */
.main-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.nav-btn{grid-template-columns:24px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:10px;row-gap:2px;padding:10px 16px;height:76px;min-width:0}.nav-btn .num{grid-column:1;grid-row:1/3}.nav-btn>span:nth-child(2){grid-column:2;grid-row:1;align-self:end;font-size:clamp(15px,2.4vw,24px);white-space:nowrap;line-height:1.1;letter-spacing:.015em;min-width:0}.nav-btn em{grid-column:2;grid-row:2;align-self:start;white-space:nowrap;font-size:8px;letter-spacing:.08em}.nav-btn.primary>span:nth-child(2){font-size:32px}.nav-btn.primary{height:82px}.chat-head{display:grid;grid-template-columns:1fr auto;gap:4px 8px;letter-spacing:.04em}.chat-head b{font-size:11px}.chat-head small{grid-column:1/-1;grid-row:2;color:#b6bfac;font:10px/1.4 monospace;letter-spacing:0}.chat-head span{float:none;grid-column:2;grid-row:1;align-self:center}.server-form{grid-template-columns:repeat(2,minmax(0,1fr))}.server-form label{min-width:0}.server-form select,.server-form input{width:100%;min-width:0}.server-form .metal-button{grid-column:1/-1}.server-map-preview{margin:0 14px;border:1px solid #465247;background:#0f1712;padding:12px}.server-map-preview svg{display:block;width:100%;height:auto;max-height:225px;margin:10px auto}.map-preview-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.map-preview-heading b{color:#ffd06a}.map-preview-heading small,.map-preview-legend,.server-bot-hint{color:#a6b3a0;font:10px/1.5 monospace}.server-bot-hint,#serverCreateStatus{margin:10px 14px}.map-preview-legend{display:block;text-align:center}@media(max-width:720px){.main-nav{grid-template-columns:minmax(0,1fr)}.nav-btn>span:nth-child(2){font-size:22px}}@media(max-width:440px){.server-form{grid-template-columns:minmax(0,1fr)}.nav-btn>span:nth-child(2){font-size:19px}.nav-btn{padding-left:12px;padding-right:12px}}

/* Equipment thumbnails stay beside the item and its equip control. */
.panel-row.cosmetic-row{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:16px;padding:14px 0}
.cosmetic-thumbnail{width:80px;height:76px;display:grid;place-items:center;border:1px solid #424b3d;border-radius:8px;background:radial-gradient(ellipse at 50% 40%,#394431,#171d16 75%);overflow:hidden}
.cosmetic-thumbnail svg{display:block;width:72px;height:66px;filter:drop-shadow(0 3px 3px #0007)}
.cosmetic-description{min-width:0;line-height:1.45}.cosmetic-description b{font-size:14px}.cosmetic-description small{display:inline-block;margin-top:4px}
.cosmetic-row>.metal-button{min-width:112px;white-space:nowrap}
@media(max-width:480px){.panel-row.cosmetic-row{grid-template-columns:64px minmax(0,1fr);column-gap:12px;row-gap:8px}.cosmetic-thumbnail{width:64px;height:64px;grid-row:1 / span 2}.cosmetic-thumbnail svg{width:58px;height:58px}.cosmetic-row>.metal-button{grid-column:2;justify-self:start;padding:10px 14px}.cosmetic-description .equipped-mark{display:inline-block}}

/* Post-MVP voting stays in the same room so parties and teams carry over. */
.map-vote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.map-vote-card{min-width:0;text-align:left;color:#eee7d5;background:#171e17;border:1px solid #4a5843;padding:12px;cursor:pointer;border-radius:6px;transition:border-color .15s,background .15s}
.map-vote-card:hover:not(:disabled){border-color:#ffe19a;background:#283025}.map-vote-card.selected{border:2px solid #f4bd4c;padding:11px;background:#342d1b}.map-vote-card.winner{box-shadow:0 0 20px #ffd24b44;border-color:#ffe7a0}.map-vote-card:disabled{cursor:default;opacity:1}.map-vote-card:focus-visible{outline:3px solid #fff0b8;outline-offset:3px}
.map-vote-card svg{display:block;width:100%;height:auto;border:1px solid #424c3a;margin:10px 0}.map-vote-card .map-preview-heading{display:block;min-height:38px}.map-vote-card .map-preview-heading b{font-size:15px}.map-vote-card .map-preview-heading small,.map-vote-card .map-preview-legend{display:none}
.vote-card-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font:800 10px monospace;color:#aaa}.vote-card-footer strong{color:#ffda80}.vote-hint{font:12px/1.5 monospace;color:#b4baa8;text-align:center}
.power-icon.golden{filter:drop-shadow(0 0 10px #ffd35b)}
@media(max-width:560px){.map-vote-grid{grid-template-columns:1fr}.map-vote-card{display:grid;grid-template-columns:108px minmax(0,1fr);column-gap:12px;align-items:center}.map-vote-card svg{grid-column:1;grid-row:1 / span 2;margin:0}.map-vote-card .map-preview-heading{grid-column:2;min-height:0}.vote-card-footer{grid-column:2}}

/* Tankz community link */
.discord-nav{text-decoration:none;color:inherit;border-color:#5160a6;background:linear-gradient(90deg,#242948,#1a1e18)}.discord-nav:before{background:#5865f2}.discord-nav:hover{border-color:#7b86ff;box-shadow:inset 0 0 24px #5865f216}.discord-nav>span:nth-child(2){color:#dfe2ff}.discord-nav em{color:#9da5dc}


/* Mobile controls - enabled only for phones and tablets */
#mobileControls{display:none;position:fixed;inset:0;z-index:12;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}
.mobile-stick{position:absolute;width:132px;height:132px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:rgba(15,18,14,.38);box-shadow:inset 0 0 0 10px rgba(255,255,255,.03);pointer-events:auto;touch-action:none}
#moveStick{left:28px;bottom:28px}.mobile-stick#aimStick{right:28px;bottom:28px}
.mobile-stick .knob{position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(239,173,48,.78);border:2px solid rgba(255,230,166,.85);box-shadow:0 0 20px rgba(245,158,11,.35);pointer-events:none}
.mobile-stick .label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 10px monospace;letter-spacing:.12em;color:#fff7df;opacity:.75;pointer-events:none}
#mobilePower{position:absolute;right:40px;bottom:180px;width:68px;height:68px;border-radius:50%;border:2px solid #f2b13b;background:rgba(75,49,8,.78);color:#ffe4a6;font:900 18px Impact,sans-serif;letter-spacing:.04em;pointer-events:auto;touch-action:manipulation;box-shadow:0 0 22px rgba(245,158,11,.32)}
#mobileFireHint{position:absolute;right:34px;bottom:10px;width:108px;text-align:center;font:800 9px monospace;color:#fff1c9;letter-spacing:.08em;text-shadow:0 2px 5px #000}
body.mobile-mode #mobileControls{display:block}
body.mobile-mode #crosshair{display:none}
body.mobile-mode .pause-button{right:10px;top:10px;bottom:auto}
body.mobile-mode #bottomHud{bottom:170px}
body.mobile-mode .chat-panel{display:none}
@media(max-width:720px){body.mobile-mode .health-module{width:46vw}body.mobile-mode .power-module{width:34vw}body.mobile-mode #topHud{top:8px;transform:translateX(-50%) scale(.86);transform-origin:top center}}

/* Embedded games never expose ad slots. ads.js also prevents the network request. */
.embedded-game .adsbygoogle,.embedded-game [data-ad-slot]{display:none!important}
/* Phone layout: compact content, normal-size touch targets, scrollable dialogs. */
body.mobile-mode #menu.active{height:100dvh;overflow:auto;align-items:flex-start;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
body.mobile-mode .menu-shell{width:min(820px,100%);max-height:none;padding:14px 12px 18px;clip-path:none;margin:auto}
body.mobile-mode .account-corner{position:static;display:flex;justify-content:flex-end;margin:0 0 8px}
body.mobile-mode .account-corner button{min-width:140px;padding:6px 10px;min-height:44px}
body.mobile-mode .brand-wrap{margin:10px 0 16px}
body.mobile-mode .stencil{font-size:8px;letter-spacing:.12em}
body.mobile-mode .logo{font-size:clamp(58px,15vw,86px);margin:12px 0}
body.mobile-mode .logo-sub{font-size:9px;letter-spacing:.13em}
body.mobile-mode .identity-strip{height:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:8px;gap:8px;margin-bottom:8px}
body.mobile-mode .dogtag{padding:0;gap:6px;flex:1;min-width:0}
body.mobile-mode .dogtag .tiny{display:none}
body.mobile-mode .dogtag input{width:100%;min-width:80px;font-size:16px;min-height:44px}
body.mobile-mode .status-light{display:none}
body.mobile-mode .invite-menu-button{min-height:44px;font-size:9px;padding:7px}
body.mobile-mode .guest-save-note{font-size:10px;line-height:1.4;padding:8px;white-space:normal}
body.mobile-mode .main-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.mobile-mode .nav-btn{height:58px;grid-template-columns:1fr;gap:2px;padding:8px;min-width:0}
body.mobile-mode .nav-btn .num{display:none}
body.mobile-mode .nav-btn>span:nth-child(2){font-size:clamp(12px,3.6vw,18px);letter-spacing:0}
body.mobile-mode .nav-btn em{font-size:7px;letter-spacing:0;white-space:normal}
body.mobile-mode .nav-btn.primary{grid-column:1/-1;height:55px}
body.mobile-mode .nav-btn.primary>span:nth-child(2){font-size:22px}
body.mobile-mode .menu-footer{font-size:9px;line-height:1.7;text-align:center;letter-spacing:0;margin-top:12px}
body.mobile-mode .daily-challenges{margin-top:12px;padding-top:10px}
body.mobile-mode .daily-grid{grid-template-columns:1fr;gap:6px}
body.mobile-mode .daily-card{padding:9px}
body.mobile-mode .daily-card h3{font-size:11px}
body.mobile-mode .daily-claim{min-height:44px;padding:8px}
body.mobile-mode .panel{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:26px 14px 14px;clip-path:none;overscroll-behavior:contain}
body.mobile-mode .panel h2{font-size:28px;padding-right:30px}
body.mobile-mode .close-btn{width:44px;height:44px;right:4px;top:5px;z-index:2;background:#141813}
body.mobile-mode .panel input,body.mobile-mode .panel select{font-size:16px;max-width:100%;min-width:0}
body.mobile-mode .panel-row{gap:8px;flex-wrap:wrap;padding:10px 0}
body.mobile-mode .metal-button{min-height:44px;font-size:12px;padding:10px}
body.mobile-mode .account-grid,body.mobile-mode .tank-grid{grid-template-columns:1fr}
body.mobile-mode .shop-card{grid-template-columns:1fr;text-align:center}
body.mobile-mode .post-card,body.mobile-mode .pause-card{width:calc(100vw - 24px);max-width:500px;max-height:calc(100dvh - 24px);overflow:auto;padding:16px}
body.mobile-mode .post-card h2,body.mobile-mode .pause-card h2{font-size:28px}
body.mobile-mode .result-row{grid-template-columns:24px minmax(0,1fr) 45px 45px;font-size:10px;padding:7px 2px}
body.mobile-mode #topHud{top:max(6px,env(safe-area-inset-top));transform:translateX(-50%);gap:4px;max-width:calc(100vw - 110px)}
body.mobile-mode .room-chip{display:none}
body.mobile-mode .timer-box{min-width:80px;padding:4px 8px}
body.mobile-mode .timer-box strong{font-size:22px}
body.mobile-mode .timer-box small{display:none}
body.mobile-mode .score-chip{padding:5px;gap:5px;font-size:10px}
body.mobile-mode .score-chip b{font-size:13px}
body.mobile-mode #leaderboard{top:62px;right:max(6px,env(safe-area-inset-right));width:130px;padding:5px 7px}
body.mobile-mode .leader-title{font-size:7px;padding-bottom:3px}
body.mobile-mode .leader-row{font-size:9px;padding:3px 0;grid-template-columns:14px minmax(0,1fr) 22px;gap:3px}
body.mobile-mode .leader-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.mobile-mode #killfeed{top:62px;left:6px;width:calc(100vw - 155px);max-width:200px}
body.mobile-mode .feed-item{font-size:9px;padding:5px}
body.mobile-mode .feed-item:nth-child(n+3){display:none}
body.mobile-mode #inviteFriend{left:max(6px,env(safe-area-inset-left));top:max(6px,env(safe-area-inset-top));font-size:0;width:44px;height:44px;padding:6px}
body.mobile-mode #inviteFriend span{font-size:22px}
body.mobile-mode .pause-button{width:44px;height:44px;top:max(6px,env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right))}
body.mobile-mode .mobile-stick{width:100px;height:100px}
body.mobile-mode .mobile-stick .knob{width:42px;height:42px}
body.mobile-mode #moveStick{left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom))}
body.mobile-mode #aimStick{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
body.mobile-mode #mobilePower{right:max(34px,env(safe-area-inset-right));bottom:calc(124px + env(safe-area-inset-bottom));width:54px;height:54px;font-size:13px}
body.mobile-mode #mobileFireHint{display:none}
body.mobile-mode #bottomHud{left:8px;right:78px;bottom:calc(124px + env(safe-area-inset-bottom));gap:6px;align-items:stretch}
body.mobile-mode .health-module{width:50%;padding:6px}
body.mobile-mode .health-row{font-size:7px;letter-spacing:0}
body.mobile-mode .health-row strong{font-size:13px}
body.mobile-mode .health-track{height:7px;margin-top:4px}
body.mobile-mode .power-module{width:50%;padding:5px;min-width:0;gap:4px}
body.mobile-mode .power-hud-icon{width:26px;height:26px;flex:0 0 26px}
body.mobile-mode .power-module strong{font-size:10px;white-space:normal}
body.mobile-mode .power-module small{font-size:7px;letter-spacing:0}
body.mobile-mode .ammo-module{display:none}
body.mobile-mode .map-intro strong{font-size:32px}
body.mobile-mode .share-toast{max-width:90vw;font-size:9px;bottom:195px}
body.mobile-mode .center-message{width:85%;padding:12px;font-size:16px}
@media(orientation:landscape) and (max-height:540px){
 body.mobile-mode #leaderboard{display:none}
 body.mobile-mode #killfeed{top:60px;width:180px}
 body.mobile-mode #bottomHud{left:50%;right:auto;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom));width:250px}
 body.mobile-mode .daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.mobile-mode .brand-wrap{margin:6px 0 12px}
 body.mobile-mode .logo{font-size:60px}
}
body.mobile-mode .menu-shell{flex-shrink:0}
body.mobile-mode .nav-btn>span:nth-child(2),body.mobile-mode .nav-btn em{grid-column:1}
body.mobile-mode .invite-menu-button{width:auto}
body.mobile-mode .power-copy{min-width:0;overflow-wrap:anywhere}
body.mobile-mode .power-hud-icon svg{width:22px;height:22px}
body.mobile-mode .upgrade-row{padding:10px;gap:8px;flex-wrap:wrap}
body.mobile-mode .upgrade-row h3{font-size:14px}

/* A little more room across the menu on wider displays. */
@media(min-width:1000px){body:not(.mobile-mode) .menu-shell{width:min(960px,94vw)}}