/* Compact phone HUD leaves the centre of the screen for the actual battlefield. */
@layer battlePowerV2 {
@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){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:56px 66px minmax(165px,1fr) 126px 64px 60px 26px 62px!important;gap:4px!important;height:100dvh!important;min-height:680px!important;padding:3px!important;align-content:stretch!important;overflow:hidden!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #battlePowerBar.bp-v2{grid-area:1/1/2/3!important;position:relative!important;inset:auto!important;width:100%!important;height:56px!important;min-height:0!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #marketChartPanel.chart-collapsed{grid-area:2/1/3/3!important;position:relative!important;inset:auto!important;width:100%!important;height:66px!important;padding:5px 9px!important;box-sizing:border-box!important;align-self:stretch!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #marketChartPanel.chart-collapsed header{min-height:24px!important;height:24px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #marketChartPanel.chart-collapsed #goldQuotePanel{min-height:24px!important;padding:0!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #marketChartPanel.chart-collapsed .gold-quote-icon svg{width:22px!important;height:22px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #marketChartPanel.chart-collapsed .chart-timeframes{height:27px!important;padding:2px 0 0!important;gap:4px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #marketChartPanel.chart-collapsed .chart-timeframes button{height:25px!important;min-height:25px!important;font-size:11px!important;padding:1px 3px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #marketChartPanel.chart-collapsed .chart-timeframes svg{width:20px!important;height:20px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #scene{grid-area:3/1/4/3!important;display:block!important;visibility:visible!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:165px!important;aspect-ratio:auto!important;z-index:0!important;object-fit:cover!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #playerProfile{position:absolute!important;grid-area:auto!important;top:134px!important;right:6px!important;left:auto!important;bottom:auto!important;width:104px!important;height:34px!important;transform:none!important;z-index:10!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #playingGuideButton{position:absolute!important;top:174px!important;left:auto!important;right:6px!important;width:104px!important;min-height:56px!important;height:56px!important;flex-direction:column!important;padding:1px 4px 4px!important;gap:0!important;font-size:13px!important;line-height:1.1!important;z-index:12!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #playingGuideButton .pg-book-art{width:36px!important;height:36px!important;margin:0!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #reinforcementToggle{top:136px!important;left:8px!important;right:auto!important;width:32px!important;height:32px!important;min-height:32px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage .battle-hud.reference-neon-host{grid-area:4/1/5/3!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:126px!important;min-height:0!important;margin:0!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:34px 42px 7px 25px!important;gap:2px!important;padding:5px 7px!important;height:126px!important;min-height:0!important;aspect-ratio:auto!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon #np{display:none!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon .account-balance{grid-area:1/1/2/2!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon .mobile-profit-stat{grid-area:1/2/2/3!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon .today-profit{grid-area:1/3/2/4!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon #balanceValue,html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon #todayPnl,html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon .mobile-profit-stat>b{font-size:20px!important;line-height:1!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon .account-balance>span,html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon .today-profit>span,html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon .mobile-profit-stat>span{font-size:9px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon #roundAction{grid-area:2/1/3/4!important;font-size:29px!important;height:42px!important;min-height:42px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon .neon-golden-label{display:none!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon #signalIndicator{grid-area:3/1/4/4!important;height:6px!important;min-height:6px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon .neon-right{grid-area:4/1/5/4!important;height:25px!important;width:65%!important;align-self:center!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #roundPanel.reference-neon .neon-target-caption{font-size:16px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #systemStatsSummary{grid-area:5/1/6/3!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:64px!important;min-height:0!important;padding:5px 9px!important;overflow:hidden!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage .intel-stack.tactical-console:not(.tc-folded){grid-area:6/1/7/3!important;position:relative!important;inset:auto!important;width:100%!important;height:60px!important;min-height:0!important;aspect-ratio:auto!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage .lumi-panel{grid-area:7/1/8/3!important;position:relative!important;inset:auto!important;width:100%!important;height:26px!important;min-height:0!important;overflow:hidden!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage .lumi-portrait{display:none!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage .lumi-speech{padding:2px 5px!important;height:26px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage .lumi-speech p{font-size:10px!important;line-height:1.2!important;margin:0!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage .game-dock.icon-dock{grid-area:8/1/9/3!important;position:relative!important;inset:auto!important;width:100%!important;height:62px!important;min-height:0!important;padding:2px 4px!important;gap:1px!important;align-content:start!important;overflow:visible!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #battleMenu{height:42px!important;flex:1 0 100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #battleMenu>button{height:42px!important;min-height:0!important;min-width:0!important;font-size:9px!important;padding:1px 2px!important;gap:2px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #battleMenu svg{width:20px!important;height:20px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #battleMenu>button[data-menu=lot],html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #battleMenu>button[data-menu=battlefield]{display:flex!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #lotSettingsMenu,html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #battlefieldMenu{display:none!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #walletHud{height:15px!important;min-height:0!important;margin-left:auto!important;gap:5px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #walletHud button{min-height:15px!important;height:15px!important;padding:0!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #walletHud img,html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #walletHud svg{width:14px!important;height:14px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #walletHud b{font-size:10px!important}
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #eaLink{font-size:8px!important;height:15px!important;min-height:0!important;line-height:1!important}
#battlePowerBar.bp-v2 .bp-heading{height:14%!important;top:5%!important}#battlePowerBar.bp-v2 .bp-title,#battlePowerBar.bp-v2 .bp-heading>span{font-size:10px!important}#battlePowerBar.bp-v2 .bp-troop-total{font-size:10px!important}#battlePowerBar.bp-v2 .bp-team-label{font-size:8px!important}#battlePowerBar.bp-v2 .bp-reinforcement{display:none!important}#battlePowerBar.bp-v2 .bp-soldier-head{width:27px!important;height:27px!important}#battlePowerBar.bp-v2 .bp-marker.monster i{width:28px!important;height:28px!important}#battlePowerBar.bp-v2 .bp-marker.buy i,#battlePowerBar.bp-v2 .bp-marker.sell i{width:20px!important;height:20px!important}
#systemStatsSummary .smart-heading{font-size:9px!important;padding:0!important}#systemStatsSummary .smart-caption{font-size:8px!important;white-space:normal!important;line-height:1.1!important}#systemStatsSummary .smart-percent{font-size:23px!important;line-height:1!important}#systemStatsSummary .smart-subtitle{display:none!important}#systemStatsSummary .smart-footer{font-size:6px!important}#systemStatsSummary .lv-console-orb{width:24px!important;height:24px!important}#systemStatsSummary .lv-console-signal dt{font-size:7px!important}
}
}
@media(min-width:701px) and (min-height:601px){html body .stage #battleMenu>button[data-menu=lot],html body .stage #battleMenu>button[data-menu=battlefield]{display:none!important}html body .stage #battleMenu>button[data-menu=more]{display:flex!important}}
@layer battlePowerV2 {
@media(max-width:700px) and (orientation:portrait),(max-width:540px){
html body.portfolio-live.portfolio-redesign.battle-power-v2:not(.normal-ui) .stage #systemStatsSummary{display:grid!important;grid-template-columns:minmax(0,1fr) 100px!important;grid-template-rows:11px 22px 10px 9px!important;gap:1px 6px!important}
#systemStatsSummary .smart-heading{grid-area:1/1/2/2!important}#systemStatsSummary .lv-console-signals{grid-area:2/1/4/2!important;padding:0!important;gap:1px!important;min-width:0!important}#systemStatsSummary .smart-percent,#systemStatsSummary .smart-loading{grid-area:1/2/3/3!important;align-self:center!important;justify-self:center!important}#systemStatsSummary .smart-loading{width:25px!important;height:25px!important;border-width:2px!important;font-size:13px!important;margin:0!important}#systemStatsSummary .smart-caption{grid-area:3/2/4/3!important;min-width:0!important;max-width:100%!important;font-size:7px!important;line-height:1.15!important;text-align:center!important;overflow:hidden!important;white-space:normal!important}#systemStatsSummary .smart-footer{grid-area:4/1/5/3!important;padding-top:0!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}#systemStatsSummary .lv-console-orb{width:21px!important;height:21px!important}#systemStatsSummary dt{font-size:6px!important}#systemStatsSummary .lv-console-regime>svg{width:25px!important;height:20px!important}
}
}

/* Desktop keeps its full navigation; compact menus move these into More. */
@media(max-width:700px),(max-height:600px){html body .stage #battleMenu>button[data-menu=inventory],html body .stage #battleMenu>button[data-menu=store]{display:none!important}}