/* A quiet arcade interface. Original artwork is reserved for tanks, terrain,
   small status icons and the outcome banners, rather than every container. */
:root{--bg:#0b1219;--panel:#131e27;--edge:#293c49;--ink:#e3ebee;--muted:#91a6b3;--gold:#edc56e;--cyan:#73d2e8}
.g-equipped-armor{display:flex;align-items:center;width:100%;gap:12px!important;text-align:left;margin:10px 0 17px;padding:9px 12px!important;background:#162730!important}.g-equipped-armor canvas{width:34px;height:34px}.g-equipped-armor>span:nth-child(2){display:grid;gap:3px;flex:1}.g-equipped-armor small{font:8px monospace;color:#9eb7c3}.g-equipped-armor b,.g-equipped-armor strong{font-size:11px!important}.g-equipped-armor strong{color:#93d6e5}.depot-next{font:10px/1.7 monospace;color:#a9d7bc;border-left:2px solid #527967;padding-left:10px}.mission-payout{color:#d0ba85}.mission-payout small{display:block;color:#96acb9}
.shop-economy{display:flex;gap:20px;padding:14px 0 18px;margin-bottom:8px;border-bottom:1px solid var(--edge);font-size:11px;color:var(--muted)}.shop-economy b{white-space:nowrap;color:var(--gold)}.shop-grid.depot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.depot-item{border:1px solid var(--edge);background:#13212a}.depot-art{display:flex;align-items:center;justify-content:space-between;padding:14px 17px 0}.depot-art canvas{width:70px;height:70px;object-fit:contain}.depot-art span{font-size:10px;color:var(--muted)}.depot-value{display:block;font:11px monospace;color:var(--cyan);margin:8px 0}.depot-lock,.g-unlock-note{font-size:11px;color:#dabd7f;background:#332e21;padding:8px 10px}.depot-item .item-description{min-height:54px}.depot-item .item-actions{display:grid;grid-template-columns:1fr;width:100%}.depot-item .item-actions button{width:100%}.depot-item .price{margin-bottom:10px}.shop-toolbar input{max-width:240px}.g-detail-stats.is-armor{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1050px){.shop-grid.depot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.shop-grid.depot-grid{grid-template-columns:1fr!important}.shop-economy{gap:10px;flex-direction:column}.depot-item .item-description{min-height:0}.g-detail-stats.is-armor{grid-template-columns:1fr}}
body{background:linear-gradient(125deg,#15212b 0,#0b1219 65%);font-size:13px;line-height:1.65}
button,.btn,button:hover,button:active,button:disabled{border-image:none!important;border-radius:2px}
button,.btn{min-height:38px;padding:8px 13px;border:1px solid #3a505e;border-bottom:2px solid #253a48;background:#1c2c37;color:#cbdbe3;box-shadow:none;font-size:11px;gap:8px;transition:background .12s,transform .08s}
html[lang=en] button{font:600 11px/1.5 TankGeo,monospace;letter-spacing:.2px}
button:hover:not(:disabled){background:#283e4b;color:#f3f8fb;border-color:#6b8593}
button:active:not(:disabled),button.is-pressed:not(:disabled){transform:translateY(2px);background:#14212a;box-shadow:inset 0 2px 0 #0005}
button:disabled{opacity:.4;background:#192630;color:#81949e;box-shadow:none}
button.gold,button.brick{background:#e6be6b;border-color:#f7d98f;border-bottom-color:#967036;color:#181b1e;box-shadow:none}
button.gold:hover:not(:disabled),button.brick:hover:not(:disabled){background:#f5d48d;color:#10151a}
button.selected,button.active,button[aria-pressed=true]{background:#243744;border-color:#75bed3;color:#9de5f5;box-shadow:none}
button.danger{background:#322329;border-color:#70454b;color:#e5a5a6}
button.small{min-height:34px;padding:6px 10px;font-size:10px}
html[lang=en] h1,html[lang=en] .g-header h1,html[lang=en] .shop-head h1{font:18px/1.65 Arcade,monospace!important;letter-spacing:-.4px}
html[lang=en] h2{font:11px/1.8 Arcade,monospace!important}html[lang=en] h3{font:600 13px/1.6 TankGeo,sans-serif!important}
h1{font-size:27px}h2{font-size:19px}h3{font-size:15px}h1,h2,h3{overflow-wrap:break-word}p{font-size:12px;line-height:1.8}
input,select{min-height:38px;border:1px solid #3e5665;border-radius:2px;padding:8px 10px;background:#0c1720;font-size:12px}
input:focus,select:focus{outline:2px solid #79c6dc;outline-offset:2px}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:#74c9dd}input[type=range]{min-height:24px;accent-color:#74c9dd}
kbd,.key{font:10px/1.5 monospace;background:#0c1922;border:1px solid #4a616f;border-bottom-width:2px;padding:3px 5px;color:#c8dbe4;border-image:none!important;white-space:nowrap}
.eyebrow,.g-kicker,.small-label{font:7px/1.9 Arcade,TankGeo,monospace;letter-spacing:.5px;color:#77b9ca;margin-bottom:9px}
.panel,.brick-panel,.team-card,.g-tank-panel,.g-paint,.g-supplies,.g-detail,.item,.loadout-strip{border:1px solid var(--edge);border-image:none!important;border-radius:3px;box-shadow:none;background:var(--panel)}
.brick-panel::before,.hero::before{display:none}.panel,.brick-panel,.team-card{padding:18px}.divider{margin:16px 0;background:#2a3c48}
.shell{display:block;min-height:100dvh}.shell>div{max-width:1240px;margin:auto}
.sidebar{position:relative;top:auto;height:auto;border:0;border-bottom:1px solid #314552;display:flex;flex-direction:row;align-items:center;gap:24px;padding:12px max(20px,calc((100vw - 1200px)/2));background:#0f1b24}
.sidebar .brand{width:148px;flex-shrink:0}.sidebar .brand small{display:none}.game-logo{max-width:170px}.sidebar .language-switch{position:static;order:3;margin:0 0 0 auto;gap:3px}.language-switch button{min-width:31px;min-height:28px;padding:3px 6px;border:1px solid transparent;font:10px monospace;background:transparent}.language-switch button[aria-pressed=true]{border-color:#426271}
.sidebar .nav{display:flex;gap:4px;margin:0;overflow-x:auto}.sidebar .nav button,.sidebar .nav button:hover:not(:disabled),.sidebar .nav button.selected{min-height:36px;white-space:nowrap;border:1px solid transparent;padding:7px 12px;font-size:11px;color:#a1b7c4;background:transparent;box-shadow:none}.sidebar .nav button b{display:none}.sidebar .nav button.selected{color:#ebd195;background:#24313a;border-color:#51616a}.sidebar .nav button:hover:not(:disabled){color:#e5f4fa;background:#1e303c}.side-bottom{display:none}
.topbar{min-height:49px;padding:10px 24px;border:0;border-bottom:1px solid #263c49;background:transparent;gap:12px}.profile-line{gap:10px}.level{font:9px/1.5 monospace;min-height:24px;padding:4px 7px;border:1px solid #465764;background:#1c2c35;color:#b5d7df}.profile-line strong{font-size:11px}.wallet{gap:20px}.currency{font:9px/1.8 Arcade,monospace;padding:0;gap:8px}.currency img{width:20px;height:20px}
.content{max-width:1240px;padding:26px 24px 40px}.pagehead,.g-header{margin-bottom:22px;gap:16px}.pagehead h1,.g-header h1{margin-bottom:7px}.pagehead p,.g-header p{font-size:12px;margin:0}.actions{gap:9px}.pagehead .eyebrow{margin-bottom:8px}
.command-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,1fr);gap:18px}.operation{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #385362;background:#152530;min-width:0;overflow:hidden;border-radius:3px}.operation-map{position:relative;padding:18px 8px 18px 14px;display:flex;align-items:center;background:#0b151e}.map-preview{display:block;width:100%;height:auto;aspect-ratio:600/410;object-fit:contain}.map-stamp{position:absolute;bottom:10px;left:15px;font:9px monospace;color:#91b4c3}.operation-copy{padding:32px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.operation-copy h2{margin:0 0 12px}.primary-play{margin-top:9px;min-height:43px;font-size:12px}.mission-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#a3bdc9;font:10px/1.8 monospace;margin:16px 0}.operation-copy .mission-meta{margin-bottom:0}
.command-side{display:flex;flex-direction:column;gap:12px}.loadout-summary{display:flex;align-items:center;gap:15px;padding:19px 14px;border:1px solid #304451;background:#131f29;flex:1}.loadout-summary canvas{width:86px;height:86px;flex-shrink:0}.loadout-summary h3{margin:0 0 5px}.loadout-summary h3 small{color:#7bbdcd;font-size:10px;white-space:nowrap}.loadout-summary p{margin-bottom:10px}.destination{display:flex;justify-content:flex-start;gap:16px;min-height:75px;padding:13px 19px;text-align:left;border-color:#304451;background:#14222c}.destination>span:last-child{margin-left:auto}.destination-symbol{color:#7fd3e5;font-size:25px}.destination b{font-size:12px;display:block;margin-bottom:4px}.destination small{display:block;font-size:10px;color:#97b0bd;font-weight:400}.survival-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0;padding:22px 0;border-block:1px solid #2b404e}.survival-strip>div{display:grid;gap:9px}.survival-strip b{font:9px/1.9 Arcade,TankGeo;color:#e2c276}.survival-strip span{font-size:11px;color:#95adb9}.command-footer{display:flex;justify-content:space-between;gap:15px;color:#7e99a9;font-size:10px}.command-footer b{color:#b7d1dd}.command-footer kbd{margin-left:12px}
.mission-route{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.mission-route .mission-node{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0;min-height:59px;padding:9px 3px;background:#15252f;border:1px solid #3b535f;box-shadow:none;border-radius:2px;color:#d5e3e9}.mission-node b{font:11px/1.4 Arcade,monospace}.mission-node small{font:10px/1 monospace;color:#9eacb4;height:10px}.mission-route .mission-node.locked{background:#101d26;color:#718995;border-color:#293e4a}.mission-route .mission-node.cleared small{color:#d4b268}.mission-route .mission-node:hover{border-color:#b99d62;background:#21313a}.mission-route .mission-node.selected{border-color:#ebc56b;color:#ffe096;background:#2e342b;box-shadow:inset 0 -2px #b99d62}.mission-node:focus-visible{outline:2px solid #f5d479;outline-offset:3px}.mission-node:active{transform:translateY(1px)}
@media(min-width:781px) and (max-width:1050px){.mission-route{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:520px){.mission-route{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.mission-route .mission-node{min-height:49px;padding:7px 3px}.mission-node b{font-size:10px}}
.campaign-board{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr);gap:28px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-line h2{margin:0}.section-line>span{color:#8eabb9;font-size:10px}.mission-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mission-tile{display:block;min-width:0;padding:0;background:#0d1821;overflow:hidden;text-align:left;border:1px solid #304653;box-shadow:none}.mission-tile .map-preview{padding:5px;filter:saturate(.7);transition:filter .15s}.mission-tile.selected .map-preview{filter:none}.mission-tile.locked .map-preview{opacity:.45;filter:saturate(.2)}.mission-tile.selected{border-color:#efc86a;background:#28362e}.mission-tile>span{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:8px;border-top:1px solid #2a404e}.mission-tile b{font:11px Arcade,monospace;color:#d2e1e8}.mission-tile small{font:8px monospace;color:#bba66f}.mission-picker>.hint{margin-top:16px;font-size:11px}.mission-brief{background:#121f29;border:1px solid #324956;padding:18px;border-radius:3px}.brief-heading{display:flex;justify-content:space-between;align-items:center}.brief-heading .eyebrow{margin:0}.brief-heading>b{font:10px monospace;color:#a3bbc8}.mission-brief .map-preview{max-height:225px;margin-top:10px}.mission-brief .mission-meta{margin:12px 0 17px;padding-bottom:12px;border-bottom:1px solid #293f4c;justify-content:space-between}.mission-brief .difficulty{display:flex;gap:5px;margin:0 0 12px}.difficulty button{min-height:34px;padding:6px 9px;font-size:10px;flex:1}.mission-brief h3{margin:0 0 10px}.mission-brief p{font-size:11px}.mission-brief .actions>button{flex:1;font-size:11px}.field-note{margin-top:24px;padding:15px 18px;border-left:2px solid #af995d;background:#14202a;display:flex;gap:20px;align-items:center;color:#9db4bf;font-size:11px}.field-note>b{font:8px/2 Arcade,TankGeo;color:#dfc178;flex-shrink:0}.field-note span{max-width:850px}
.online-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px}.room-creator{border:1px solid #354b59;background:#14222b;padding:20px}.room-creator>h2{padding-bottom:15px;margin-bottom:0;border-bottom:1px solid #304450}.room-creator article{padding:18px 0;border-bottom:1px solid #304450}.room-creator article:last-child{border:0;padding-bottom:0}.room-creator h3{margin:0 0 7px}.room-creator p{font-size:11px}.room-creator button,.room-creator select{width:100%}.room-creator select{margin-bottom:9px}.rooms-list{border-top:1px solid #304854}.room-row{padding:15px 10px;border-bottom:1px solid #304854;background:transparent;box-shadow:none}.room-row h3{font-size:13px;margin-bottom:4px}.room-row p{font-size:10px;margin:0}.empty{padding:32px 20px;font-size:12px;border:1px dashed #344d5c;background:transparent}.join-room{margin-top:24px;padding:18px;background:#15232d;border:1px solid #324956}.join-room h3{margin-bottom:12px}#room-code{width:180px;text-transform:uppercase;letter-spacing:3px;font:15px monospace}.team-grid{gap:14px}.team-card{border-top:2px solid var(--team);padding:18px}.team-card h3{margin-bottom:16px}.member{padding:10px 0;font-size:11px}.code{font:20px/1.5 Arcade,monospace;gap:7px;margin-top:10px}.code span{border:1px solid #3d5868;background:#0c1922;padding:8px 9px;box-shadow:none;border-image:none!important}.team-card button{font-size:10px}
.preferences{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:20px}.preferences-panel{padding:20px;background:#14212b;border:1px solid #304754}.preferences-panel h2{margin-bottom:22px}.preferences-panel>label{margin-bottom:15px}.preferences-panel>button{margin-bottom:18px}.setting-toggle{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #293e4b;padding-bottom:13px}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:12px;border-top:1px solid #2c4350}.record-grid span{font:8px/1.8 monospace;color:#819eae}.record-grid b{display:block;font:12px/2 monospace;color:#d7c38e}.control-list{margin:0}.control-list>div{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:12px;border-bottom:1px solid #293f4c;padding:12px 0}.control-list>div:first-child{padding-top:0}.control-list dd{margin:0;color:#afc2cc;font-size:11px}.control-list kbd{font-size:10px}.preferences-panel>.hint{margin-top:18px;margin-bottom:0;font-size:10px}.account-area{margin-top:22px}.account-card{padding:22px}.account-card h2,.account-welcome h2{font-size:12px!important}.account-card p,.account-welcome p{font-size:12px}.account-card .actions{gap:8px}.account-card .actions>*{flex:0 1 auto}.account-card input{font-size:13px}
.shop-head .loadout-strip{width:auto;max-width:380px;margin:0;padding:9px 12px;border:0;border-left:1px solid #304956;background:transparent}.loadout-strip canvas{width:45px;height:45px}.loadout-strip .small-label{font-size:6px}.loadout-strip p{font-size:9px;margin:0}.loadout-strip strong{font-size:11px}.loadout-strip button{padding:5px 8px;border:1px solid #425e6c;min-height:32px;font-size:10px}.shop-tabs{gap:4px;border-bottom:1px solid #36505e;padding-bottom:10px;margin-bottom:16px}.shop-tabs button,.g-tabs button{min-height:38px;padding:7px 14px;border:1px solid transparent;background:transparent;color:#8fabb9;box-shadow:none;font-size:11px}.shop-tabs button.selected,.g-tabs button.active{background:#253945;border-color:#4f788b;color:#9ce2f3}.shop-tabs button:hover:not(:disabled),.g-tabs button:hover:not(:disabled){background:#243844;color:#d6eff8}.shop-toolbar{gap:20px;align-items:center;margin-bottom:14px}.shop-toolbar p{font-size:11px;margin:0}.shop-toolbar .hint{font-size:10px}.shop-search{width:230px}.shop-search input{width:100%}.shop-filters{margin-bottom:16px}.filter-buttons button,.g-inventory-head button,.g-groups button{min-height:29px;padding:4px 9px;border:1px solid transparent;background:transparent;font-size:10px}.filter-buttons button.selected,.g-inventory-head button[aria-pressed=true],.g-groups button.active{border-color:#476879;color:#89d5e9;background:#213440}
.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.item{overflow:hidden}.item-art,.supply-item .item-art{height:116px;border:0;border-bottom:1px solid #304653;background:radial-gradient(ellipse,#213f4c,#10202b);display:flex;align-items:center;justify-content:center}.item-art canvas,.supply-item .item-art canvas{width:90px;height:90px;aspect-ratio:1}.item-badge{font:8px/1.5 monospace;top:7px;right:7px;background:#10212b;padding:3px 5px}.item-code{top:7px;left:8px;font-size:7px}.item-info{padding:16px}.item-info h3{font-size:14px;margin-bottom:8px}.item-description{min-height:38px;font-size:11px}.item-stats{gap:16px;margin:12px 0;padding:10px 0;border-block:1px solid #263e4b}.item-stats b{font:12px monospace}.item-stats small{font-size:9px}.item-purchase{gap:8px}.item-purchase button,.item-actions button{border-width:1px;border-bottom-width:2px;font-size:10px;padding:7px 11px;min-height:35px}.price{font-size:11px}.item-actions{gap:6px}.purchase-hint{font-size:9px}.sound-preview{border-width:1px!important;font-size:9px!important;padding:6px 9px;min-height:29px}.sound-details,.upgrade-preview{border-top:1px solid #2b414d;padding-top:10px;margin-top:12px;font-size:10px}.upgrade-preview summary,.sound-details summary{color:#8fabbb}.shop-note{margin-top:20px}.weapon-progression{min-width:0}
.g-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.g-bay{position:static;display:flex;flex-direction:column;gap:14px;align-items:stretch}.g-tank-panel{display:block;padding:14px;overflow:hidden}.g-bay-label{padding:0;display:flex;justify-content:space-between;font:8px monospace;color:#7dbbd0;border:0}.g-preview-stage{display:flex;position:relative;align-items:center;justify-content:center;height:164px;min-height:0;margin:12px -14px;border:0;border-block:1px solid #294450;background:repeating-linear-gradient(0deg,transparent 0 19px,#29435030 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,#29435030 19px 20px),#0d1b25}.g-tank-canvas{width:160px;height:160px;max-width:100%;object-fit:contain}.g-rotate{position:absolute;bottom:8px;right:8px;width:28px;min-height:28px;padding:0;border:1px solid #426274;font:18px monospace!important}.g-tank-panel>h2{margin:14px 0;font-size:11px!important}.g-build-stats{display:flex;flex-direction:column;gap:13px;padding:0}.g-stat>div:first-child{min-height:0;display:flex;align-items:baseline;gap:7px;margin-bottom:5px}.g-stat span{font-size:10px}.g-stat strong{font:12px monospace!important;white-space:nowrap}.g-stat strong small{display:inline;font-size:9px}.g-stat em{font-size:9px}.g-segments{height:5px;border:0;background:#07141d}.g-segments i,.g-build-stats .g-stat:nth-child(2) .g-segments i{background:repeating-linear-gradient(90deg,#71c3d6 0 10px,#162c38 10px 12px);box-shadow:none}.g-build-note{margin:13px 0 0;padding:0;font-size:10px;border:0;background:transparent}.g-star-rule{display:grid;gap:7px;padding-top:13px;margin-top:13px;border-top:1px solid #2c4352}.g-star-rule b{font:12px monospace;color:#efce7b}.g-star-rule span{font-size:10px;color:#8eaeba}.g-paint,.g-supplies{padding:13px}.g-paint h3,.g-supplies h3{margin:0 0 10px}.g-paint p{font-size:9px;margin:10px 0 0}.g-swatches{gap:6px}.g-swatches button{min-height:25px;height:25px;border:1px solid #476574;padding:0;background:var(--paint);color:#fff;font:12px monospace}.g-swatches button span{display:none}.g-swatches button[aria-pressed=true]{outline:1px solid #f9dda1;outline-offset:2px;background:var(--paint)}.g-section-title{margin:0}.g-section-title h3{margin:0}.g-section-title>button{min-height:27px;padding:4px 7px;font-size:9px}.g-supply-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}.g-supply-list>div,.g-supply-list>div.empty{display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;text-align:center}.g-supply-list canvas{width:30px;height:30px}.g-supply-list strong{font-size:11px}.g-supply-list span{font-size:8px}.g-supply-list small{font-size:9px}
.g-workbench{min-width:0}.g-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.g-slot{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 8px;padding:10px;min-height:77px;text-align:left;border:1px solid #324c5a;background:#152630}.g-slot canvas{width:32px;height:32px;grid-column:1;grid-row:2}.g-slot>span{grid-column:2;grid-row:2;align-self:center}.g-slot kbd{grid-column:1/-1;grid-row:1;justify-self:start;position:static;padding:1px 4px;font:8px monospace}.g-slot strong{font:10px/1.5 TankGeo,sans-serif!important;overflow-wrap:normal}.g-slot small{font-size:8px;margin:0}.g-slot.active{border-color:#71b4c8;background:#223c49}.g-tabs{margin-top:18px;gap:4px;overflow-x:auto;display:flex;border:0;border-bottom:1px solid #344e5c;padding-bottom:8px}.g-tabs button{flex:1;white-space:nowrap}.g-category-help{font-size:11px;line-height:1.8;margin:12px 0;color:#99b4c1;min-height:40px}.g-inventory-head{margin:13px 0 10px}.g-inventory-head>span{font:10px TankGeo,sans-serif}.g-inventory-head b{margin-left:6px}.g-selection{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:14px}.g-inventory{display:flex;flex-direction:column;gap:5px;max-height:485px;padding:0 5px 0 0;overflow-y:auto}.g-item{display:flex;flex-direction:row;gap:10px;padding:8px 10px;min-height:65px;border:1px solid #2a414f;background:#13232f;box-shadow:none;text-align:left;align-items:center;justify-content:start;flex-shrink:0}.g-item.selected{background:#223d49;border-color:#72bbd0;box-shadow:inset 2px 0 #8dd9ec}.g-item canvas{width:38px;height:38px;flex-shrink:0}.g-item>span{display:grid;gap:4px;min-width:0}.g-item strong{font:600 11px/1.5 TankGeo,sans-serif!important;overflow-wrap:normal}.g-item small,.g-item .g-price{font:9px/1.5 monospace;color:#a1b7c0}.g-item.not-owned{opacity:.85}.g-item.not-owned canvas{filter:none}.g-detail{margin:0;padding:17px;min-width:0;border-top:2px solid #698a99}.g-detail-title{gap:10px;flex-wrap:wrap}.g-detail-title canvas{width:48px;height:48px}.g-detail-title>div{flex:1;min-width:120px}.g-detail-title h3{font-size:15px!important;margin:4px 0 0}.g-detail-title .g-kicker{font-size:6px}.g-detail-title>.g-item-state{margin:0;font-size:9px}.g-description{font-size:12px;line-height:1.8;margin:18px 0}.g-detail-stats,.g-detail-stats.is-armor{display:flex;flex-direction:column;gap:14px}.g-detail-note{font-size:11px;line-height:1.9;margin:17px 0;color:#91aeba}.g-detail-actions{gap:7px}.g-detail-actions>button{font-size:11px;min-height:38px;padding:8px 10px;border-width:1px;border-bottom-width:2px;min-width:115px}.g-detail-actions .g-sound{min-width:35px;max-width:35px}.g-price{font:10px/1.7 monospace}.g-price span{font-size:9px}.g-shortfall{font-size:10px}.g-upgrade-level{flex-wrap:wrap;gap:12px}.g-upgrade-level strong{font-size:12px}.g-level-pips{margin:0}.g-next-upgrade{font-size:10px;margin-top:12px}.g-groups{gap:3px}.g-groups button{font-size:9px;padding:4px 7px}.g-footer{margin-top:20px;padding-top:14px;gap:16px}.g-footer a{font:8px/1.9 Arcade,TankGeo}.g-footer>span{font-size:10px}.g-inventory-empty{font-size:11px}
.battle-top{height:54px;border-bottom:1px solid #35505f;background:#111e28}.battle-top button{border-width:1px;min-height:32px;font-size:10px;padding:6px 10px}.battle-top .game-logo{width:125px}.battle-main{grid-template-columns:minmax(0,1fr) 220px}.hud{border-left:1px solid #35515f;padding:12px;background:#101e27}.hud h3{font:8px/1.8 Arcade,TankGeo;margin:10px 0 7px}.meter{height:12px;border:1px solid #4c697a;border-image:none!important;padding:1px;background:#07131c}.meter>i{box-shadow:none}.meter-text{font-size:10px}.weapon-panel{border-block:1px solid #2c4758;margin:12px 0;padding:12px 0}.hud .weapon-panel b{font:600 11px/1.7 TankGeo,sans-serif}.hud .weapon-panel canvas{width:38px;height:38px}.hud #star-value{font-size:13px;letter-spacing:2px}.hud-map #minimap{border:1px solid #3b5b6d;max-width:156px;border-image:none!important}.wave-clock{border:1px solid #4c6876;min-height:28px;padding:2px 8px}.round-label{font-size:9px}.battle-bottom{border-top:1px solid #344e5d;padding:9px 16px;min-height:82px;background:#12212c}.battle-bottom .skill-buttons{width:min(660px,100%);gap:8px}.battle-bottom .skill-button{border:1px solid #3a5a6c;min-height:64px;padding:9px 12px;grid-template-columns:34px minmax(0,1fr) 22px;background:#182c38;gap:9px}.battle-bottom .skill-button canvas{width:34px;height:34px}.battle-bottom .skill-button .ability-copy strong{font:600 11px/1.5 TankGeo,sans-serif}.battle-bottom .skill-button .key{border:1px solid #4b6c80;padding:1px 4px;font:10px monospace;min-width:22px}.ability-copy small{font-size:9px}.battle-bottom .skill-button.is-ready{border-color:#668f7a}.battle-bottom .skill-button.is-active{border-color:#65d4ec;box-shadow:inset 0 0 0 1px #65d4ec}.battle-bottom .skill-button:disabled{opacity:.6}.controls-tip{font-size:10px}
.stage-message>div,dialog.pause-dialog,.battle-result-card{border:1px solid #506573;border-top:3px solid #d9b864;border-image:none!important;box-shadow:0 12px 50px #0009;background:#10202bf5;border-radius:3px}.stage-message>div{width:min(340px,100%);padding:20px}.stage-number{font-size:18px}.stage-mission{padding:12px 0}.stage-tank{width:49px}.stage-caption{font-size:7px}.stage-heading{padding-bottom:10px}.stage-mission h2{font-size:12px!important}.stage-mission p{font-size:10px}.stage-deploy{font-size:9px}dialog.pause-dialog{width:min(350px,calc(100% - 24px));padding:21px}.pause-dialog .actions button{border-width:1px;border-bottom-width:2px;min-height:38px;font-size:11px;padding:8px;background:#1b303c}.pause-dialog .actions button.gold{background:#e6be6b;color:#181b1e}.pause-dialog h2{font-size:15px!important}.battle-result-card{padding:22px}.battle-result .reward{border:0;border-left:1px solid #38505c;background:none;border-image:none!important;padding:12px 8px}.battle-result .reward:first-child{border-left:0}.battle-result .result-actions button{font-size:11px}.result-heading::before{height:75px}.build-banner{border:1px solid #b49a5d;border-image:none!important;background:#142630;padding:13px}#toast{border:1px solid #6b8491;border-image:none!important;padding:13px 19px;font-size:12px;background:#213744}.connection{border:1px solid #7c545c;border-image:none!important;font:11px/1.8 TankGeo,sans-serif}
@media(min-width:1400px){.content{padding-top:30px}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.g-selection{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:1050px){.sidebar{gap:16px;padding:12px 18px;flex-wrap:wrap}.sidebar .brand{width:125px}.sidebar .nav{order:4;width:100%;justify-content:center}.sidebar .language-switch{order:3}.command-grid{grid-template-columns:1.65fr 1fr}.operation{grid-template-columns:1fr}.operation-map{padding:12px;max-height:240px}.operation-map canvas{height:215px}.operation-copy{padding:20px}.operation-copy .primary-play{margin-top:0}.campaign-board{gap:20px;grid-template-columns:minmax(0,1fr) 340px}.mission-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.g-layout{grid-template-columns:200px minmax(0,1fr);gap:16px}.g-selection{grid-template-columns:180px minmax(0,1fr);gap:10px}.g-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.g-slot{min-height:65px;grid-template-columns:32px minmax(0,1fr) 40px;grid-template-rows:auto}.g-slot canvas{grid-row:1}.g-slot>span{grid-row:1}.g-slot kbd{grid-row:1;grid-column:3;justify-self:end;align-self:start}.g-tabs button{font-size:10px;padding-inline:8px}.g-detail{padding:13px}.g-detail-title>.g-item-state{font-size:8px}.preferences{grid-template-columns:1fr 1fr}.preferences-panel:last-child{grid-column:1/-1}.control-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.control-list>div:first-child{padding-top:12px}.shop-head .loadout-strip{width:auto;max-width:none;margin-left:auto}.g-item strong{font-size:10px!important}}
@media(max-width:780px){.content{padding:22px 16px 35px}.topbar{padding:10px 16px}.command-grid{grid-template-columns:1fr}.operation{grid-template-columns:1fr 1fr}.operation-map{max-height:none}.operation-copy{padding:20px 14px}.command-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.loadout-summary{grid-column:1/-1}.destination{padding:12px;min-height:70px}.survival-strip{gap:17px}.survival-strip b{font-size:7px}.survival-strip span{font-size:10px}.campaign-board{grid-template-columns:1fr}.mission-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.mission-brief .map-preview{max-height:270px}.region-tabs{margin-bottom:20px}.region-tabs button{min-width:170px;flex-shrink:0}.field-note{align-items:start;gap:12px}.online-layout{grid-template-columns:1fr}.room-creator{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px}.room-creator>h2{grid-column:1/-1}.room-creator article{padding:0;border:0}.room-creator button{font-size:10px}.g-layout{display:flex;flex-direction:column;gap:22px}.g-bay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.g-tank-panel{grid-row:span 2;display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:12px}.g-bay-label{grid-column:1/-1}.g-preview-stage{grid-column:1;grid-row:2/4;height:115px;width:90px;margin:0;border:0;background:none;align-self:center}.g-tank-canvas{width:90px;height:90px}.g-rotate{bottom:-4px;right:30px;min-height:23px;height:23px;width:24px}.g-tank-panel>h2{grid-column:2;margin:0;align-self:center;font-size:9px!important}.g-build-stats{grid-column:2;gap:8px}.g-build-stats .g-stat span{font-size:8px}.g-build-stats .g-stat strong{font-size:10px!important}.g-build-note{display:none}.g-star-rule{grid-column:1/-1;margin:0;padding-top:10px}.g-star-rule span{font-size:9px}.g-paint,.g-supplies{padding:12px}.g-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.g-slot{display:grid;grid-template-columns:27px minmax(0,1fr);grid-template-rows:auto auto;padding:8px;gap:4px;min-height:70px}.g-slot kbd{grid-row:1;grid-column:1/-1;justify-self:start}.g-slot canvas{grid-row:2;width:27px;height:27px}.g-slot>span{grid-row:2}.g-slot strong{font-size:9px!important}.g-selection{grid-template-columns:210px minmax(0,1fr)}.g-tabs{gap:4px}.g-detail-stats{gap:13px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-head .loadout-strip{display:none}.shop-toolbar{flex-direction:row}.shop-search{width:190px;flex-shrink:0}.g-header>button{min-height:35px}.battle-main{grid-template-columns:minmax(0,1fr) 175px}.hud{padding:10px}.battle-bottom{padding:7px 10px}.battle-bottom .skill-button{padding:8px;gap:6px}.battle-bottom .skill-button .ability-copy strong{font-size:10px}.battle-top .game-logo{width:105px}}
@media(max-width:520px){.sidebar{padding:10px 12px;gap:10px}.sidebar .brand{width:116px}.sidebar .nav{justify-content:flex-start;gap:2px}.sidebar .nav button{padding:7px 10px;min-height:33px;font-size:10px}.topbar{min-height:44px;padding:9px 13px}.currency{font-size:8px;gap:4px}.currency img{width:17px;height:17px}.wallet{gap:13px}.profile-line strong{font-size:10px}.profile-line .level{font-size:8px}.content{padding:21px 13px 30px}.pagehead,.g-header{margin-bottom:20px;align-items:flex-start}.pagehead h1,.g-header h1,html[lang=en] h1,html[lang=en] .g-header h1,html[lang=en] .shop-head h1{font-size:15px!important;line-height:1.8!important}.pagehead p,.g-header p{font-size:11px}.pagehead .eyebrow{font-size:6px}.operation{grid-template-columns:1fr}.operation-map{padding:12px;height:225px}.operation-map canvas{height:210px}.operation-copy{padding:20px}.operation-copy h2{font-size:13px!important}.operation-copy .primary-play{width:100%}.command-side{gap:9px}.loadout-summary{padding:15px;gap:15px}.loadout-summary canvas{width:68px;height:68px}.destination-symbol{display:none}.destination{min-height:83px;gap:7px;padding:12px 10px}.destination b{font-size:11px}.destination small{font-size:9px}.survival-strip{grid-template-columns:1fr;gap:16px;padding:19px 0;margin:19px 0}.survival-strip>div{grid-template-columns:115px 1fr;gap:15px}.survival-strip b{font-size:7px}.survival-strip span{font-size:11px}.command-footer{flex-direction:column;font-size:9px}.command-footer kbd:first-child{margin-left:0}.mission-tiles{gap:7px;grid-template-columns:repeat(4,minmax(0,1fr))}.mission-tile>span{padding:7px 5px;gap:2px}.mission-tile b{font-size:9px}.mission-tile small{font-size:6px}.mission-tile .map-preview{padding:2px}.section-line h2{font-size:10px!important}.section-line>span{font-size:9px}.mission-brief{padding:14px}.mission-brief .difficulty button{font-size:9px;padding:6px}.mission-meta{font-size:9px;gap:8px}.field-note{flex-direction:column;gap:8px;padding:13px;font-size:11px}.room-creator{grid-template-columns:1fr;gap:0;padding:17px}.room-creator article{padding:17px 0;border-bottom:1px solid #304450}.room-creator article:last-child{padding-bottom:0}.join-room .row{flex-wrap:nowrap}#room-code{width:100%;flex:1;min-width:0}.preferences{grid-template-columns:1fr;gap:14px}.preferences-panel{padding:18px}.preferences-panel:last-child{grid-column:auto}.control-list{display:block}.account-card{padding:18px}.account-card .actions>*{flex:1 1 120px}.g-bay{grid-template-columns:1fr 1fr;gap:10px}.g-tank-panel{grid-column:1/-1;grid-row:auto;grid-template-columns:120px minmax(0,1fr);padding:14px;gap:9px 18px}.g-preview-stage{height:145px;width:120px;grid-row:2/4}.g-tank-canvas{width:120px;height:120px}.g-rotate{right:46px;bottom:0}.g-tank-panel>h2{font-size:11px!important}.g-build-stats .g-stat span{font-size:10px}.g-build-stats .g-stat strong{font-size:11px!important}.g-star-rule{grid-template-columns:80px 1fr;gap:12px}.g-star-rule span{font-size:10px}.g-swatches{gap:5px;grid-template-columns:repeat(3,1fr)}.g-swatches button{height:22px;min-height:22px}.g-paint p{font-size:8px}.g-supply-list{gap:4px;margin-top:15px}.g-supply-list canvas{width:26px;height:26px}.g-section-title h3,.g-paint h3{font-size:11px!important}.g-section-title>button{font-size:8px;padding:3px 5px}.g-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.g-slot{min-height:64px;grid-template-columns:32px minmax(0,1fr) 36px;grid-template-rows:auto;padding:9px}.g-slot kbd{grid-column:3;grid-row:1;justify-self:end}.g-slot canvas{grid-row:1;width:32px;height:32px}.g-slot>span{grid-row:1}.g-slot strong{font-size:10px!important}.g-tabs{margin-top:17px;gap:0}.g-tabs button{font-size:9px;padding:7px;min-height:36px}.g-category-help{font-size:11px;min-height:0}.g-selection{display:flex;flex-direction:column;gap:15px}.g-inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:215px;width:100%;padding:0 3px 0 0}.g-item{min-height:62px;padding:7px;gap:7px}.g-item canvas{width:32px;height:32px}.g-item strong{font-size:10px!important}.g-detail{width:100%;padding:17px}.g-detail-title h3{font-size:14px!important}.g-detail-stats{gap:14px}.g-footer{align-items:flex-start}.shop-toolbar{flex-direction:column;align-items:stretch;gap:12px}.shop-search{width:100%}.shop-grid{gap:10px}.shop-tabs{gap:1px}.shop-tabs button{padding:7px;font-size:10px;min-height:36px}.shop-tabs button span{display:none}.item-art,.supply-item .item-art{height:110px}.item-art canvas,.supply-item .item-art canvas{width:79px;height:79px}.item-info{padding:12px}.item-info h3{font-size:12px!important}.item-description{font-size:10px;min-height:0}.item-stats{display:flex;flex-wrap:wrap;gap:8px}.item-stats small{font-size:8px}.item-stats b{font-size:11px}.item-actions{flex-direction:column;width:100%;gap:6px}.item-actions button{width:100%;font-size:10px}.price{font-size:10px}.item-badge{font-size:6px;top:5px;right:4px}.item-code{display:none}.upgrade-preview,.sound-details{font-size:9px}.team-grid{grid-template-columns:1fr}.team-card{padding:15px}.code{font-size:16px;gap:4px}.code span{padding:7px}.row.between{gap:15px}.battle-main{display:flex;flex-direction:column}.battle-top{height:48px;padding:5px 8px}.battle-top .game-logo,.battle-top .brand{width:78px}.battle-top button{font-size:8px;padding:5px 7px;min-height:29px}.round-label{font-size:8px}.hud{border-left:0;border-top:1px solid #35515f;max-height:157px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:9px;gap:6px 10px}.hud h3{font-size:6px;margin:0 0 5px}.hud #hud-name{font-size:9px}.hud .meter-text{font-size:8px}.hud .weapon-panel{padding:0;border:0;margin:0}.hud .weapon-panel canvas{width:29px;height:29px}.hud .weapon-panel b{font-size:9px}.hud .weapon-panel small{font-size:8px}.hud #star-value{font-size:10px}.hud .hud-map{display:none}.hud .hud-base{grid-column:3;grid-row:2}.hud .hud-health{grid-column:1;grid-row:2}.hud .hud-armor{grid-column:2;grid-row:2}.hud #enemy-count{font-size:8px;margin:0}.hud .combat-compare,.hud .killfeed,.hud .divider{display:none}.battle-bottom{padding:7px;min-height:86px}.battle-bottom .skill-button{grid-template-columns:25px minmax(0,1fr);min-height:70px;padding:6px;gap:4px}.battle-bottom .skill-button canvas{width:25px;height:25px;grid-column:1;grid-row:1}.battle-bottom .skill-button .key{grid-column:2;grid-row:1;justify-self:end;font-size:9px;min-width:18px}.battle-bottom .skill-button .ability-copy{grid-column:1/-1;grid-row:2;text-align:left}.battle-bottom .skill-button .ability-copy strong{font-size:9px}.ability-copy small,.battle-bottom .skill-button .cool{font-size:8px}.stage-message{position:absolute;inset:0;padding:12px}.stage-message>div{padding:18px}.controls-tip{display:none}}
@media(prefers-reduced-motion:reduce){button,.map-preview{transition:none}}

/* Keep the equipment comparison readable without a tall wall of meters. */
@media(min-width:1051px){.g-detail-stats,.g-detail-stats.is-armor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.g-detail-stats>.g-next-upgrade{grid-column:1/-1}.g-category-help{min-height:0}.g-inventory-head{margin-top:10px}.g-tabs{margin-top:12px}.g-detail-note{font-size:10px}.g-description{margin:14px 0}.g-detail .weapon-evolution{margin-block:12px}}
.g-stat>div:first-child{flex-direction:row;flex-wrap:wrap}.g-stat strong{margin-left:auto}

@media(max-width:520px){.g-bay>.g-paint{grid-column:1;grid-row:auto}.g-bay>.g-supplies{grid-column:2;grid-row:auto}}

.topbar>.room-return{margin-left:auto;min-height:29px;padding:4px 8px;font-size:10px}.topbar:has(.room-return){flex-wrap:wrap}

/* A damage warning changes color, never size or visibility on each snapshot. */
.mission-route{position:relative;max-height:410px;overflow-y:auto;overscroll-behavior:contain;padding:3px 8px 3px 3px;scrollbar-color:#627b89 #13222c;scrollbar-width:thin}
.mission-layout-note{display:grid;gap:7px;margin:12px 0;padding:12px;border-left:3px solid #8ca9b1;background:#14242e;font-size:11px;color:#b5c9d3;line-height:1.6}
.mission-layout-note>b{font-size:12px;color:#e4d29f}.mission-layout-note.final-challenge{border-color:#e77b62;background:#302320}.mission-layout-note.final-challenge>b{color:#ffb58c}
.hud #base-label{min-height:30px;box-sizing:border-box;padding:5px 6px;border:1px solid transparent;display:flex;align-items:center;animation:none;transition:background-color .2s,color .2s}
.hud #base-label.base-warning{border-color:#d48160;background:#542623;color:#ffcfaa!important}
.enemy-intel{margin-top:16px;border-top:1px solid #314b59;padding-top:12px}.enemy-intel summary{cursor:pointer;font-size:12px;color:#bed1db}.enemy-intel ul{list-style:none;margin:12px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px}.enemy-intel li{font-size:12px}.enemy-intel li b{color:#edcd83}.enemy-intel p{font-size:11px;color:#9eb4c1;max-width:680px}

/* Use complete transparent atlas glyphs, with fixed proportions and clear edges. */
.resource-icon{display:block;flex-shrink:0;object-fit:contain;image-rendering:pixelated}
.battle-result .reward .resource-icon{width:32px;height:32px;margin:0 auto 7px}
.currency .resource-icon{width:20px;height:20px}
@media(max-width:700px){.currency .resource-icon{width:17px;height:17px}}