/* Quiet Golden strip, directly under Battle Power. */
#goldenEventBanner{width:min(370px,34%);height:40px;grid-template-columns:21px minmax(0,1fr) 92px;gap:9px;padding:4px 13px;border-width:1px;border-radius:9px 3px 9px 3px;box-shadow:0 0 0 2px #5d431a,0 0 0 3px #e6b84066,inset 0 0 10px #f7cc2615,0 0 12px #ffcb3e33}
#goldenEventBanner .geb-icon{width:20px;height:29px;stroke-width:3}#goldenEventBanner .geb-name{flex-direction:row;align-items:center;gap:7px}#goldenEventBanner strong{font-size:19px;line-height:1.2}#goldenEventBanner .geb-name span{font-size:9px;letter-spacing:.6px;white-space:normal;max-width:45px;line-height:1.1}#goldenEventBanner .geb-time{gap:3px;padding-left:9px}#goldenEventCountdown{font-size:23px;letter-spacing:.5px}#goldenEventBanner .geb-track{height:5px;padding:0}
@media(max-width:1000px){#goldenEventBanner{width:min(350px,calc(100% - 36px));height:32px;grid-template-columns:17px minmax(0,1fr) 76px;gap:7px;padding:3px 10px}#goldenEventBanner .geb-icon{width:16px;height:23px}#goldenEventBanner strong{font-size:17px}#goldenEventBanner .geb-name span{font-size:8px}#goldenEventCountdown{font-size:20px}#goldenEventBanner .geb-time{gap:2px;padding-left:7px}#goldenEventBanner .geb-track{height:4px}}
@media(orientation:landscape) and (max-height:600px){#goldenEventBanner{width:min(300px,36%);height:28px;padding:2px 10px;grid-template-columns:15px 1fr 65px;gap:6px}#goldenEventBanner .geb-icon{width:14px;height:20px}#goldenEventBanner strong{font-size:15px}#goldenEventCountdown{font-size:18px}#goldenEventBanner .geb-name span{font-size:7px}}
@layer battlePowerV2 {
html body.portfolio-redesign .stage #battlePowerBar.bp-v2:not(.hud-icon-only){height:80px!important}
html body.portfolio-redesign .stage #battlePowerBar.bp-v2 .bp-heading{top:4%!important;height:16%!important}
html body.portfolio-redesign .stage #battlePowerBar.bp-v2 .bp-heading>span{font-size:clamp(12px,2cqw,17px)!important}
html body.portfolio-redesign .stage #battlePowerBar.bp-v2 .bp-rail{top:32%!important;height:8%!important}
html body.portfolio-redesign .stage #battlePowerBar.bp-v2 .bp-legend{top:auto!important;bottom:7%!important;height:43%!important}
html body.portfolio-redesign .stage #battlePowerBar.bp-v2 .bp-troop-copy{gap:0!important}
html body.portfolio-redesign .stage #battlePowerBar.bp-v2 .bp-team-label{font-size:clamp(9px,1.4cqw,12px)!important;line-height:1!important}
html body.portfolio-redesign .stage #battlePowerBar.bp-v2 .bp-troop-total{font-size:clamp(11px,2cqw,18px)!important;line-height:1.1!important}
html body.portfolio-redesign .stage #battlePowerBar.bp-v2 .bp-reinforcement{font-size:clamp(7px,1cqw,9px)!important;line-height:1.1!important}
html body.portfolio-redesign .stage #battlePowerBar.bp-v2 .bp-marker.market i{width:30px!important;height:30px!important}
html body.portfolio-redesign .stage #battlePowerBar.bp-v2 .bp-marker.buy i,html body.portfolio-redesign .stage #battlePowerBar.bp-v2 .bp-marker.sell i{width:23px!important;height:23px!important}
@media(max-width:1000px) and (min-height:601px),(max-width:540px){
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui){--golden-strip-space:0px}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2.golden-banner-present:not(.normal-ui){--golden-strip-space:36px}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel){grid-template-rows:52px calc(56px + var(--golden-strip-space)) 46px minmax(150px,1fr) auto 130px 50px 36px 74px 64px!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2:not(.hud-icon-only){height:56px!important;align-self:start!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-heading>span{font-size:12px!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-rail{top:31%!important;height:8%!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-legend{bottom:5%!important;height:45%!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-team-label{font-size:9px!important;line-height:1!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-troop-total{font-size:11px!important;line-height:1!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-reinforcement{font-size:6px!important;line-height:1!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-portrait{height:22px!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-marker.market i{height:25px!important;width:25px!important}
}
@media(orientation:landscape) and (max-height:600px){html body.portfolio-redesign .stage #battlePowerBar.bp-v2:not(.hud-icon-only){height:58px!important}}
}
@layer battlePowerV2 {@media(max-width:1000px) and (min-height:601px),(max-width:540px){
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-troop-copy{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:12px 8px!important;gap:0 4px!important;height:20px!important;align-items:center!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-team-label{grid-area:1/1!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-troop-total{grid-area:1/2!important;font-size:10px!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-reinforcement{grid-area:2/1/3/3!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-summary-sell .bp-troop-copy{grid-template-columns:minmax(0,1fr) auto!important;justify-items:end!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-summary-sell .bp-team-label{grid-area:1/2!important}
html body.phone-reference.mobile-command-ref.mobile-command-active.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage:has(#roundPanel) #battlePowerBar.bp-v2 .bp-summary-sell .bp-troop-total{grid-area:1/1!important}
}}