/* Isolated important layer overrides legacy compact skins without changing their controls. */
@layer battlePowerV2 {
/* Reference Battle Power skin. Display-only; all trading controls stay in place. */
html body.portfolio-redesign .stage #battlePowerBar.bp-v2{height:clamp(110px,7.6vw,144px)!important;top:10px!important;width:48%!important;left:26%!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:0 8px 24px #0006!important;background:url('../assets/battle-power-frame-v2.svg') center/100% 100% no-repeat!important;overflow:visible!important;container-type:inline-size!important;color:#c2e7f4!important;font-family:F1Barlow,system-ui,sans-serif!important}
#battlePowerBar.bp-v2 .bp-heading{position:absolute!important;left:15%!important;right:15%!important;top:2.5%!important;height:11%!important;justify-content:center!important;display:flex!important;align-items:center!important}
html body.portfolio-redesign #battlePowerBar.bp-v2 .bp-heading>span{font:800 clamp(13px,2.45cqw,28px)/1.1 F1Barlow,Arial!important;letter-spacing:1px!important;color:#d6f5ff!important;text-shadow:0 0 12px #35dfff70!important}
#battlePowerBar.bp-v2 .bp-zone-labels{position:absolute!important;left:4%!important;right:4%!important;top:19%!important;height:18%!important;color:#56ffb2!important}
#battlePowerBar.bp-v2 .bp-kz-label{position:absolute!important;transform:translateX(-50%)!important;width:23%!important;min-width:0!important;text-align:center!important;font:700 clamp(8px,1.6cqw,16px)/1.25 F1Barlow,system-ui!important;color:#63ffae!important;white-space:nowrap!important}
#battlePowerBar.bp-v2 .bp-kz-label b{display:block!important;border:1px solid currentColor!important;clip-path:polygon(5% 0,95% 0,100% 25%,100% 75%,95% 100%,5% 100%,0 75%,0 25%)!important;border-radius:5px!important;background:#052a28!important;padding:2px 0!important;box-shadow:inset 0 0 8px #48ffbc35!important}
#battlePowerBar.bp-v2 .bp-kz-label small{display:block!important;font-size:.76em!important;color:#a3bcc9!important;padding-top:2px!important;font-variant-numeric:tabular-nums!important}
#battlePowerBar.bp-v2 .bp-kz-label.orange{color:#ffae32!important}#battlePowerBar.bp-v2 .bp-kz-label.orange b{background:#30200e!important}
html body.portfolio-redesign #battlePowerBar.bp-v2 .bp-rail{position:absolute!important;left:4%!important;right:4%!important;top:46%!important;height:7%!important;margin:0!important;border:1px solid #8ee8ed!important;border-radius:14px!important;background:linear-gradient(90deg,#0b6b48,#21d98b 37%,#657e70 50%,#f04c68 66%,#6d1837)!important;box-shadow:0 0 0 3px #073948,0 0 0 4px #2eb5cb66,inset 0 2px 5px #04182055!important}
#battlePowerBar.bp-v2 .bp-zone-leaders{position:absolute!important;left:0!important;bottom:50%!important;width:100%!important;height:440%!important;overflow:visible!important;pointer-events:none!important;z-index:1!important}
#battlePowerBar.bp-v2 .bp-zone-leaders polyline{fill:none!important;stroke:#3cf79e!important;stroke-width:1!important;vector-effect:non-scaling-stroke!important;stroke-dasharray:3 4!important;opacity:.6!important}
#battlePowerBar.bp-v2 .bp-zone-leaders .orange{stroke:#ffae32!important}
#battlePowerBar.bp-v2 .bp-kz-line{position:absolute!important;top:-25%!important;bottom:-25%!important;width:3px!important;transform:translateX(-50%)!important;background:#e1fff2!important;border-radius:2px!important;box-shadow:0 0 4px 2px #1aff80,0 0 11px #14ff74!important;z-index:2!important}
#battlePowerBar.bp-v2 .bp-kz-line.orange{background:#fff2c6!important;box-shadow:0 0 4px 2px #ff9c16,0 0 11px #ff9c16!important}
#battlePowerBar.bp-v2 .bp-rail:after{content:''!important;position:absolute!important;inset:-160% 0!important;background:repeating-linear-gradient(90deg,transparent 0 calc(5% - 1px),#80eaff32 calc(5% - 1px) 5%)!important;opacity:.45!important;z-index:-1!important;pointer-events:none!important}
#battlePowerBar.bp-v2 .bp-marker.market i{transform:translate(-50%,-80%)!important;width:clamp(30px,7.5cqw,76px)!important;height:clamp(30px,7.5cqw,76px)!important;filter:drop-shadow(0 0 6px #f78e3770)!important}
#battlePowerBar.bp-v2 .bp-marker.buy,#battlePowerBar.bp-v2 .bp-marker.sell{width:0!important;background:none!important;filter:none!important}
#battlePowerBar.bp-v2 .bp-marker.buy i,#battlePowerBar.bp-v2 .bp-marker.sell i{width:clamp(23px,4.6cqw,54px)!important;height:clamp(23px,4.6cqw,54px)!important;top:20%!important;left:0!important;transform:translate(-50%,0)!important;border:0!important;border-radius:0!important;background:url('../assets/battle-soldier-atlas-v2.png') left center/200% 100% no-repeat!important;filter:drop-shadow(0 0 2px currentColor)!important}
#battlePowerBar.bp-v2 .bp-marker.sell i{background-position:right center!important}
#battlePowerBar.bp-v2 .bp-marker.buy i:after,#battlePowerBar.bp-v2 .bp-marker.sell i:after{content:''!important;position:absolute!important;left:38%!important;bottom:-12%!important;width:24%!important;height:18%!important;background:currentColor!important;clip-path:polygon(0 0,100% 0,50% 100%)!important;filter:drop-shadow(0 0 3px currentColor)!important}
#battlePowerBar.bp-v2 .bp-marker[class*='-be']{display:none!important}
#battlePowerBar.bp-v2 .bp-legend{position:absolute!important;left:4%!important;right:4%!important;bottom:14%!important;height:26%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16%!important;align-items:stretch!important}
#battlePowerBar.bp-v2 .bp-side-summary{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:4%!important;min-width:0!important;white-space:normal!important;color:#4cffac!important}
html body.portfolio-redesign #battlePowerBar.bp-v2 .bp-summary-sell{justify-content:flex-start!important;text-align:left!important;color:#ff6b80!important}
#battlePowerBar.bp-v2 .bp-portrait{display:block!important;flex:0 0 21%!important;width:21%!important;height:100%!important;background:url('../assets/battle-soldier-atlas-v2.png') left center/200% 100% no-repeat!important;filter:drop-shadow(0 0 3px currentColor)!important;border-bottom:1px solid currentColor!important}
#battlePowerBar.bp-v2 .bp-portrait-sell{background-position:right center!important}
#battlePowerBar.bp-v2 .bp-troop-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;flex:1!important;min-width:0!important;gap:1px!important}
#battlePowerBar.bp-v2 .bp-team-label{font:800 clamp(10px,2cqw,22px)/1.1 F1Barlow,Arial!important}
#battlePowerBar.bp-v2 .bp-troop-total{font:800 clamp(11px,2.55cqw,29px)/1.3 F1Barlow,system-ui!important;color:#d9f3ff!important;white-space:nowrap!important;letter-spacing:.2px!important}
#battlePowerBar.bp-v2 .bp-reinforcement{text-align:left!important;flex:none!important;display:block!important;font:700 clamp(7px,1.25cqw,14px)/1.3 F1Barlow,system-ui!important;color:#80b1c5!important;white-space:nowrap!important;margin:0!important}
#battlePowerBar.bp-v2 .bp-army-data,#battlePowerBar.bp-v2 .bp-side-summary>.bp-buy,#battlePowerBar.bp-v2 .bp-side-summary>.bp-sell{display:none!important}
#battlePowerBar.bp-v2 .bp-zone-note{position:absolute!important;bottom:4%!important;left:28%!important;right:28%!important;font:500 clamp(6px,.9cqw,10px)/1.2 system-ui!important;text-align:center!important;color:#6f9daf!important;margin:0!important}
#battlePowerBar.bp-v2.bp-stale .bp-zone-points{opacity:.55!important}#battlePowerBar.bp-v2.bp-empty .bp-rail{opacity:.5!important}
body.battle-power-v2:not(.normal-ui) .stage #resourceTank{top:calc(clamp(110px,7.6vw,144px) + 22px)!important}
html body.portfolio-redesign .stage #battlePowerBar.bp-v2.hud-icon-only{background:#062638!important;height:36px!important;width:36px!important;aspect-ratio:auto!important}
#battlePowerBar.bp-v2.hud-icon-only>:not(.hud-fold){display:none!important}
#battlePowerBar.bp-v2 .hud-fold{display:flex!important;pointer-events:auto!important;left:auto!important;right:1.2%!important;top:3%!important;width:18px!important;height:18px!important;min-height:18px!important;font-size:12px!important;opacity:.65!important;background:#052b3a!important;border:1px solid #2f87a3!important}
@media(max-width:700px) and (orientation:portrait),(max-width:540px){
 html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(.reference-neon){grid-template-rows:110px 36px 0px minmax(140px,1fr) 160px 96px 30px 64px!important}
 html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #battlePowerBar.bp-v2{position:relative!important;inset:auto!important;transform:none!important;grid-area:1/1/2/3!important;width:100%!important;height:100%!important;padding:0!important}
 html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #resourceTank{top:118px!important}
 html body.battle-power-v2:not(.normal-ui) .stage #marketChartPanel.chart-collapsed{top:154px!important}
 html body.battle-power-v2:not(.normal-ui) .stage #reinforcementToggle{top:186px!important}
 #battlePowerBar.bp-v2 .bp-legend{left:5%!important;right:5%!important;gap:5%!important;height:28%!important;bottom:14%!important}#battlePowerBar.bp-v2 .bp-team-label{font-size:11px!important}#battlePowerBar.bp-v2 .bp-troop-total{font-size:clamp(10px,3cqw,17px)!important}#battlePowerBar.bp-v2 .bp-reinforcement{font-size:clamp(6px,1.8cqw,10px)!important}
 #battlePowerBar.bp-v2 .bp-kz-label{font-size:clamp(7px,1.9cqw,12px)!important}#battlePowerBar.bp-v2 .bp-zone-note{bottom:4%!important;font-size:6px!important}#battlePowerBar.bp-v2 .bp-heading{top:3%!important}
 html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #battlePowerBar.bp-v2.hud-icon-only{width:36px!important;height:36px!important;justify-self:start!important}
 html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#battlePowerBar.bp-v2.hud-icon-only){grid-template-rows:38px 36px 0px minmax(140px,1fr) 160px 96px 30px 64px!important}
}
@media(max-height:600px) and (orientation:landscape) and (min-width:701px){html body.portfolio-redesign .stage #battlePowerBar.bp-v2{left:22%!important;width:42%!important;height:98px!important;top:6px!important}body.battle-power-v2:not(.normal-ui) .stage #resourceTank{top:108px!important}#battlePowerBar.bp-v2 .bp-legend{gap:7%!important}}

/* Compact revision: preserve actual KZ ticks, remove the explanatory band. */
#battlePowerBar.bp-v2 .bp-zone-labels,#battlePowerBar.bp-v2 .bp-zone-leaders,#battlePowerBar.bp-v2 .bp-zone-note{display:none!important}
#battlePowerBar.bp-v2 .bp-heading{top:5%!important;height:14%!important}
html body.portfolio-redesign #battlePowerBar.bp-v2 .bp-heading>span{font-size:clamp(12px,2cqw,20px)!important}
html body.portfolio-redesign #battlePowerBar.bp-v2 .bp-rail{top:34%!important;height:8%!important}
#battlePowerBar.bp-v2 .bp-legend{bottom:12%!important;height:38%!important}
#battlePowerBar.bp-v2 .bp-team-label{font-size:clamp(9px,1.4cqw,15px)!important}
#battlePowerBar.bp-v2 .bp-troop-total{font-size:clamp(11px,2cqw,23px)!important}
#battlePowerBar.bp-v2 .bp-reinforcement{font-size:clamp(7px,1cqw,11px)!important}
#battlePowerBar.bp-v2 .bp-marker.buy,#battlePowerBar.bp-v2 .bp-marker.sell{top:0!important;bottom:0!important;z-index:4!important}
#battlePowerBar.bp-v2 .bp-marker.buy i,#battlePowerBar.bp-v2 .bp-marker.sell i{top:50%!important;transform:translate(-50%,-50%)!important;width:clamp(22px,3.8cqw,36px)!important;height:clamp(22px,3.8cqw,36px)!important}
#battlePowerBar.bp-v2 .bp-marker.buy i:after,#battlePowerBar.bp-v2 .bp-marker.sell i:after{display:none!important;content:none!important}
#battlePowerBar.bp-v2 .bp-marker.market{top:0!important;bottom:0!important;z-index:10!important}
#battlePowerBar.bp-v2 .bp-marker.market i{top:50%!important;transform:translate(-50%,-50%)!important;width:clamp(30px,5.5cqw,52px)!important;height:clamp(30px,5.5cqw,52px)!important}
@media(max-width:700px) and (orientation:portrait),(max-width:540px){
 #battlePowerBar.bp-v2 .bp-legend{height:38%!important;bottom:12%!important}
 #battlePowerBar.bp-v2 .bp-troop-total{font-size:clamp(10px,3cqw,16px)!important}
 #battlePowerBar.bp-v2 .bp-reinforcement{font-size:clamp(6px,1.8cqw,10px)!important}
}
}

@layer battlePowerV2 { html body .stage #resourceTank { display: none !important; } }