.hk-shell{--hk-gold:#dbb66c;--hk-line:#3e4d43;--hk-muted:#b6c2b5;grid-template-rows:58px minmax(0,1fr) 50px 62px 94px 26px;background:#121b17}
.hk-top{background:linear-gradient(180deg,#26342b,#121c17);gap:12px}.hk-nav{gap:3px}.hk-nav button,.hk-nav a{font-size:13px;padding:9px 12px}.hk-wallet{white-space:normal;max-width:240px;text-align:right}.hk-workspace{grid-template-columns:minmax(280px,38%) minmax(0,1fr)}
.hk-stage{padding:16px 20px 12px;background:radial-gradient(ellipse at 40% 38%,#58664d55,transparent 65%),linear-gradient(150deg,#25362d,#101a15)}.hk-role{max-height:36px;overflow:hidden}.hk-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.hk-slots .ap-slot{display:flex;align-items:center;flex-direction:column;gap:4px;min-height:76px;padding:5px;position:relative}.ap-slot .in-icon{width:52px!important;height:40px!important;flex:none}.ap-slot span.ap-slot-title{font-size:11px;line-height:1.2}.ap-slot[aria-pressed=true]{border-color:#e1bb75;background:#44513b}.ap-slot-empty{border-style:dashed!important}.ap-slot-index{position:absolute;top:4px;right:5px;color:#ead394;font-size:10px}.hk-quick-facts{padding:4px 0 8px}
.hk-tabs{height:42px;padding:0 6px}.hk-tabs button{font-size:12px}.hk-panel{overflow:auto;overscroll-behavior:contain;padding:16px 20px;gap:12px;scrollbar-color:#728366 #1b261e;scrollbar-width:thin}.hk-panel h2{font-size:20px}.hk-panel h3{font-size:15px;margin:0}.ap-subtabs{display:flex;gap:5px;flex-wrap:wrap}.ap-subtabs button{font-size:12px}.ap-subtabs button.active{border-color:#d9b777;background:#354732;color:#ffe0a0}.ap-section-note{font-size:12px;color:#bac9b7;margin:0}.ap-equipped{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #607353;background:#26372a;border-radius:6px}.ap-equipped .in-icon{width:64px!important;height:52px!important}.ap-equipped strong,.ap-equipped small{display:block}.ap-equipped small{color:#bfccb9;margin-top:4px}.ap-equipped button{font-size:12px}.ap-owned-list{display:grid;gap:10px}.ap-owned-list .vm-offer{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:12px;border:1px solid #4d604e;background:#202f24;border-radius:6px}.ap-owned-list .vm-offer>.in-icon{grid-row:1/4;width:64px!important;height:58px!important}.ap-owned-list .vm-offer>strong{grid-column:2;font-size:15px}.ap-owned-list .vm-offer>.hk-help{grid-column:2}.ap-owned-list .vm-offer>.vm-owned{grid-column:2}.ap-owned-list .vm-offer>button{grid-column:3;grid-row:1/4}.ap-owned-list .vm-offer>.vm-reason{grid-column:2/4}.ap-shop-cta{display:flex;gap:12px;align-items:center;padding:12px;border:1px dashed #75856a;border-radius:6px;font-size:12px}.ap-shop-cta button{margin-left:auto;white-space:nowrap}.ap-section-context{display:flex;align-items:center;gap:14px;padding:10px 20px;background:#253529;border-bottom:1px solid #53664f}.ap-section-context img{width:90px;height:45px;object-fit:contain}.ap-section-context div{flex:1}.ap-section-context strong,.ap-section-context small{display:block}.ap-section-context small{color:#bbcbb2;font-size:12px}.ap-section-context button{font-size:12px}
.hk-shell.ap-wide{grid-template-rows:58px minmax(0,1fr) 26px}.hk-shell.ap-wide .hk-workspace{grid-template-columns:1fr}.hk-shell.ap-wide .hk-stage,.hk-shell.ap-wide .hk-supplies,.hk-shell.ap-wide .hk-battle,.hk-shell.ap-wide .hk-roster{display:none}.hk-shell.ap-wide .hk-workshop{display:flex}.ap-wide .hk-panel{padding:18px 24px}.ap-wide .cm-barracks-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));overflow:visible;flex:none}.cm-member .ap-assignment{font-size:11px;color:#e0cb96;display:block;margin-top:3px}.cm-member .cm-portrait{object-fit:cover}.ap-wide .vm-shop-body{overflow:visible}.ap-wide .vm-offers{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ap-wide .vm-offer{border-radius:7px}.ap-wide .tr-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);min-height:0;flex:1;overflow:visible}.ap-wide .tr-detail{overflow:auto}.tr-tree{overflow:auto;min-height:260px}.ap-tech-tree{display:flex;gap:40px;padding:15px 20px;position:relative;min-height:100%;overflow:visible;align-items:flex-start}.ap-tier-column{display:flex;flex-direction:column;gap:16px;flex:0 0 170px;z-index:1}.ap-tier-label{text-align:center;color:#c5b88b;font-size:12px}.ap-tier-column .tr-tank{position:relative;width:170px;min-height:138px;background:#233829}.ap-tier-column .tr-tank[aria-current=true]{border:2px solid #e2c17e;background:#374b33}.ap-tech-lines{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:0}.ap-tech-lines path{stroke:#748463;stroke-width:2;fill:none}.ap-tech-lines path.ap-known{stroke:#d6bb80;stroke-width:3}.ap-tech-tree .tr-tank img{height:68px;object-fit:contain}.ap-tree-legend{display:flex;gap:12px;font-size:11px;color:#bdcbb4}.ap-stock-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ap-stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.ap-stock-card{display:grid;grid-template-columns:64px 1fr;gap:8px 12px;border:1px solid #4a604b;border-radius:6px;padding:14px;background:#233329}.ap-stock-card .in-icon{width:60px!important;height:52px!important}.ap-stock-card strong,.ap-stock-card small{display:block}.ap-stock-card small{color:#bdcbbb;font-size:12px;margin-top:4px}.ap-stock-card button,.ap-stock-card .ap-stock-counts{grid-column:1/-1}.ap-stock-counts{display:flex;gap:15px;border-top:1px solid #4b5e48;padding-top:9px;font-size:12px}.ap-stock-counts b{color:#e4c488}.ap-empty{padding:20px;border:1px dashed #6a795e;border-radius:7px;color:#c7d5be}.ap-tooltip{position:fixed;z-index:10000;display:flex;gap:12px;max-width:min(380px,calc(100vw - 16px));padding:14px;background:#0e1914f5;border:1px solid #b5a477;border-radius:7px;box-shadow:0 6px 24px #0009;color:#e8eddf;font:13px/1.45 system-ui;pointer-events:none}.ap-tooltip[hidden]{display:none}.ap-tooltip p{margin:5px 0 0;color:#c9d5c4}.ap-tooltip .in-icon{flex:0 0 64px;width:64px!important;height:64px!important}.ap-tooltip img{width:48px;height:64px;object-fit:cover}.hk-dialog{max-height:calc(100dvh - 28px);overflow:auto}.hk-dialog button{min-height:36px}.hk-shell button:disabled{cursor:default}.hk-shell .hk-roster{padding:6px 16px}.hk-supplies{gap:10px;padding:5px 16px}.hk-battle{gap:12px;padding:6px 16px}.hk-battle .hk-primary{width:200px}.hk-ammo-row{grid-template-columns:minmax(180px,1fr) 58px 58px 112px}.hk-status{padding:4px 16px;font-size:11px}.ap-stock-filters{display:flex;gap:6px;flex-wrap:wrap}.ap-stock-filters button.active{border-color:#d4b570;background:#3d5035}
@media(max-width:1100px){.hk-brand{display:none}.hk-wallet{max-width:165px;font-size:11px}.hk-nav button,.hk-nav a{padding:7px 9px}.hk-workspace{grid-template-columns:minmax(260px,34%) minmax(0,1fr)}.hk-stage{padding:14px 12px}.hk-slots{grid-template-columns:repeat(5,minmax(0,1fr))}.hk-slots .ap-slot{min-height:68px}.ap-slot .in-icon{width:42px!important;height:35px!important}.hk-panel{padding:12px}.hk-panel h2{font-size:17px}.hk-quick-facts strong{font-size:15px}.hk-battle-status{font-size:11px}.ap-wide .tr-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-height:760px){.hk-shell{grid-template-rows:50px minmax(0,1fr) 44px 56px 80px 24px}.hk-shell.ap-wide{grid-template-rows:50px minmax(0,1fr) 24px}.hk-top{padding:0 14px!important}.hk-stage{padding-top:10px}.hk-tank-image{margin:0}.hk-role{display:none}.hk-panel{gap:8px;padding-top:10px}.hk-slots .ap-slot{min-height:62px}.ap-slot .in-icon{height:32px!important}.hk-supplies .hk-field{font-size:11px}.hk-battle .hk-primary{height:40px}.cm-assigned .cm-member{min-height:68px}.ap-section-context{padding:5px 20px}}
@media(max-width:760px){.hk-top{flex-wrap:wrap;gap:2px}.hk-nav{overflow-x:auto;width:100%;flex:none}.hk-wallet{display:none}.hk-shell{grid-template-rows:50px minmax(0,1fr) 58px 70px 78px 24px}.hk-workspace{grid-template-columns:1fr}.hk-stage{display:none}.hk-battle{flex-wrap:wrap;gap:5px}.hk-battle-status{display:none}.hk-battle .hk-primary{flex:1;min-width:120px}.hk-battle .hk-field>select{min-width:130px}.hk-supplies{flex-wrap:wrap;gap:4px}.hk-supplies>div{flex-basis:100%}.hk-supplies .hk-refill{min-width:140px;margin-left:auto}.ap-wide .tr-layout{display:flex;flex-direction:column}.ap-wide .tr-detail{overflow:visible}.ap-wide .hk-panel{padding:12px}.ap-wide .tr-tree{min-height:220px;max-height:400px;overflow:auto}.ap-owned-list .vm-offer{grid-template-columns:50px 1fr}.ap-owned-list .vm-offer>button{grid-column:1/-1;grid-row:auto}.ap-section-context{padding:7px}.ap-section-context img{width:55px}.hk-ammo-row{grid-template-columns:minmax(120px,1fr) 38px 42px 92px;gap:3px}.ap-equipped{grid-template-columns:48px 1fr}.ap-equipped button{grid-column:1/-1}}

/* The battle action stays visible from every preparation screen. */
.hk-shell.ap-wide{grid-template-rows:58px minmax(0,1fr) 62px 26px}.hk-shell.ap-wide .hk-battle{display:flex}.hk-shell.ap-wide .hk-supplies,.hk-shell.ap-wide .hk-roster{display:none}
.cm-assigned .cm-card-actions button:last-child{display:inline-flex!important}.cm-card-actions{flex-wrap:wrap;gap:5px}.cm-card-actions button{padding:5px 9px;font-size:12px}.cm-member{min-height:154px;height:auto!important;overflow:visible}.cm-member-body{min-width:0}.cm-member-body>*{max-width:100%;overflow-wrap:anywhere}.cm-role{display:block}.cm-member-body progress{width:100%;max-width:160px}.cm-barracks-list{align-items:stretch}.ap-stock-card>small{grid-column:1/-1}.vm-offer .vm-research-cost{font-size:12px;color:#d3bc80}
.hk-shell.ap-wide .hk-panel{display:flex;flex-direction:column}.ap-slot:focus-visible{outline:3px solid #eac774}.vm-shop-body{min-height:0;flex:1;overflow:auto}
@media(max-height:760px){.hk-shell.ap-wide{grid-template-rows:50px minmax(0,1fr) 56px 24px}}
@media(max-width:760px){.hk-shell.ap-wide{grid-template-rows:50px minmax(0,1fr) 70px 24px}.hk-shell.ap-wide .hk-battle{display:flex}}

.as-tech-controls{display:flex;gap:6px;justify-content:space-between;margin-bottom:8px}.as-tech-controls button{font-size:12px;padding:7px}.as-tech-viewport{min-height:210px;flex:1;overflow:auto;background:radial-gradient(ellipse,#34403266,transparent 70%),#122019;border:1px solid #405745;border-radius:8px;scrollbar-color:#9b8e60 #17231a}.as-tech-graph{position:relative}.as-tech-edges{position:absolute;inset:0;pointer-events:none}.as-tech-edges path{fill:none;stroke:#657263;stroke-width:2}.as-tech-edges path.as-tech-known{stroke:#b7c886;stroke-width:3}.as-tech-tank{position:absolute!important;width:166px;height:105px;display:grid;grid-template-columns:1fr;grid-template-rows:15px 43px 20px 16px;gap:0;background:#273529!important;border:1px solid #64785c;border-radius:7px;padding:5px 8px;text-align:center;overflow:hidden}.as-tech-tank img{height:43px!important;width:100%;object-fit:contain}.as-tech-tank strong{font-size:13px}.as-tech-tank small{font-size:10px}.as-tech-tank.as-owned{background:#345039!important;border-color:#9eaf7b}.as-tech-tank[aria-current=true]{outline:3px solid #e9c878;outline-offset:2px}.tr-tree{display:flex;flex-direction:column;min-width:0;overflow:hidden}.tr-detail{padding:8px 12px;min-height:0;overflow:auto!important}.tr-selected{max-height:110px}.tr-tradeoff{font-size:12px;color:#d5bd94;line-height:1.4}.as-tank-deltas{font-size:12px;padding-left:19px;line-height:1.6}.as-research-modules{display:grid;gap:6px}.as-research-module{display:grid;grid-template-columns:38px 1fr;gap:4px 8px;padding:8px;background:#1c2b20;border:1px solid #3c533e;border-radius:5px;font-size:12px}.as-research-module small{grid-column:2;color:#c8c28f}.as-research-module .in-icon{width:34px!important;height:34px!important}
/* Reviewed at 1024x768 and 1280x720. Keep decisions outside the detail scroller. */
.hk-shell .tr-detail{overflow:hidden!important;min-width:0;gap:10px;padding:0 0 0 12px}
.as-tank-content{min-height:0;flex:1;overflow:auto;padding-right:8px;overscroll-behavior:contain;scrollbar-color:#9b8e60 #17231a}
.as-tank-content>*{margin-bottom:10px!important}
.as-tank-content>h3{margin-top:16px!important}
.as-tank-content .tr-selected{display:block;height:90px;min-height:90px;max-height:90px;margin:0 auto 10px!important}
.as-tank-content .tr-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hk-shell .tr-actions{flex:0 0 auto;margin:0;padding-top:10px;border-top:1px solid #59694e;gap:7px}
.tr-actions>strong{font-size:13px;line-height:1.4}
.tr-actions>.tr-reason{font-size:12px;line-height:1.4}
.tr-secondary-actions{display:flex;gap:6px;flex-wrap:wrap}
.tr-secondary-actions button{flex:1;font-size:11px;padding:7px;min-height:34px}
.hk-shell .as-tech-tank{box-sizing:border-box;position:absolute;width:176px;height:128px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:14px 44px 36px 16px;gap:2px;background:#273529;border:1px solid #64785c;border-radius:7px;padding:5px 8px;text-align:center;overflow:hidden}
.hk-shell .as-tech-tank>*{grid-column:1;min-width:0;margin:0}
.hk-shell .as-tech-tank>small:first-child{grid-row:1}
.hk-shell .as-tech-tank>strong{grid-row:3}
.hk-shell .as-tech-tank>small:last-child{grid-row:4}
.hk-shell .as-tech-tank img{display:block;grid-row:2;min-height:0;max-height:none;height:44px!important;width:100%;object-fit:contain}
.hk-shell .as-tech-tank strong{font-size:12px;line-height:16px;align-self:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hk-shell .as-tech-tank small{font-size:10px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-shell .as-tech-tank.as-owned{background:#345039;border-color:#9eaf7b}
.hk-shell .as-tech-graph{isolation:isolate}
.hk-shell .as-tech-tank{z-index:1}
.hk-shell .as-tech-edges{display:block;z-index:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible}
.as-tech-controls,.tr-tree>.ap-section-note{flex:none}
.as-tech-controls{margin-bottom:0}
.hk-shell .tr-tree{min-height:0;overflow:hidden}
.as-tech-viewport{min-height:140px;position:relative}
.tr-tree>.ap-section-note{font-size:11px;line-height:1.4}
.hk-shell .hk-panel-heading,.hk-shell .cm-barracks-tabs,.hk-shell .cm-filters{flex-shrink:0}
.hk-shell.ap-wide{grid-template-rows:58px minmax(0,1fr) 80px 26px}
.hk-shell.ap-wide .hk-battle{min-height:0;align-items:center;overflow:visible}
.hk-shell.ap-wide .hk-battle .hk-field{flex-direction:row;gap:7px}
.ap-battle-vehicle{display:block;font-size:11px;color:#d6c596;margin-bottom:5px}
.ap-battle-vehicle span{display:block;margin-top:4px;color:#b6c2b5;font-size:10px}
@media(max-height:760px){.hk-shell.ap-wide{grid-template-rows:50px minmax(0,1fr) 80px 24px}}
@media(max-width:760px){
 .hk-shell.ap-wide .tr-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:210px minmax(340px,1fr);overflow:visible;flex:none}
 .hk-shell[data-section=store] .hk-panel{overflow:auto}
 .hk-shell .tr-detail{min-height:340px;padding:0;border:0}
 .hk-shell.ap-wide .tr-tree{min-height:0;max-height:none}
 .as-tank-content{min-height:140px}
 .hk-shell.ap-wide{grid-template-rows:50px minmax(0,1fr) 80px 24px}
}

/* Explicit warehouse destination */
.as-stock-focus{outline:2px solid #e1c57d;outline-offset:-2px;background:#e1c57d12}

/* Crew and selected equipment shortcuts */
.ap-slot-portrait{width:36px;height:42px;object-fit:cover;border-radius:3px}.ap-slot[aria-pressed=true]{border-color:#e1c57d;background:#403e2b}