/* Phone reference layout. Presentation only; existing controls and handlers retained. */
@media(max-width:700px) and (orientation:portrait),(max-width:540px){
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage:has(.reference-neon){--phone:calc(100vw - 8px);height:auto!important;min-height:100dvh!important;padding:3px!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:calc(var(--phone)*.18) calc(var(--phone)*.085) calc(var(--phone)*.47) calc(var(--phone)*.585) calc(var(--phone)*.225) calc(var(--phone)*.05) auto!important;gap:5px!important;background:#061620!important;overflow:hidden!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #battlePowerBar{grid-area:1/1/2/3!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;padding:4px 8px!important;transform:none!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) #battlePowerBar .bp-heading>span{font-size:clamp(13px,3vw,22px)!important;line-height:1.25!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) #battlePowerBar .bp-army-data b,html body.portfolio-live.portfolio-redesign:not(.normal-ui) #battlePowerBar .bp-army-data small{font-size:clamp(10px,2.7vw,18px)!important;line-height:1.35!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #goldQuotePanel{grid-area:2/1/3/2!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;padding:2px 5px 2px 30px!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage .gold-quote-values{gap:3px!important;flex-wrap:nowrap!important}.gold-quote-price{font-size:clamp(12px,3.3vw,22px)!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #playerProfile{position:relative!important;grid-area:2/2/3/3!important;inset:auto!important;align-self:center!important;justify-self:end!important;width:46%!important;height:100%!important;transform:none!important;z-index:10}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #resourceTank{position:absolute!important;top:calc(var(--phone)*.19 + 8px)!important;left:48%!important;right:auto!important;transform:none!important;width:40%!important;max-width:none!important;height:calc(var(--phone)*.065)!important;z-index:5}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #scene{grid-area:3/1/4/3!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
 html body.portfolio-live.portfolio-redesign: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;max-width:none!important;height:100%!important;margin:0!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:32% 21% 23% 5% 6% 13%!important;gap:0!important;width:100%!important;height:100%!important;padding:7px 9px!important;box-sizing:border-box;aspect-ratio:auto!important;background:linear-gradient(145deg,#073048,#001521 65%)!important;border:2px solid #55d6f5!important;border-radius:12px!important;box-shadow:inset 0 0 0 3px #063042,inset 0 0 0 4px #42758a!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .neon-art{display:none!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .neon-left,html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .neon-center{display:contents!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .neon-connection{display:none!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon #np{grid-area:1/1/2/4!important;font-size:clamp(44px,17vw,110px)!important;line-height:1!important;text-align:center!important;justify-content:center!important;align-self:center!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon .account-balance,html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon .today-profit,html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .mobile-profit-stat{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:2px;border-top:1px solid #176782;min-width:0!important;grid-area:2/1/3/2!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon .today-profit{grid-area:2/3/3/4!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .mobile-profit-stat{grid-area:2/2/3/3!important;border-left:1px solid #4c96ad;border-right:1px solid #4c96ad}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon .account-balance>span,html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon .today-profit>span,html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .mobile-profit-stat>span{font:700 clamp(9px,2.5vw,16px)/1.1 F1Barlow,Arial!important;color:#8bc8dc!important;transform:none!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon #balanceValue,html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon #todayPnl,html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .mobile-profit-stat>b{font:700 clamp(18px,5.2vw,36px)/1.1 F1Condensed,Arial!important;text-align:center!important;transform:none!important;color:#55ffc0;white-space:nowrap}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .mobile-profit-stat>b[data-sign=negative]{color:#ff6281}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon #roundAction{grid-area:3/1/4/4!important;min-height:0!important;height:100%!important;font-size:clamp(25px,7.5vw,52px)!important;padding:0!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon .neon-golden-label{grid-area:4/1/5/4!important;font-size:clamp(8px,1.9vw,13px)!important;padding:0!important;align-self:end}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon #signalIndicator{grid-area:5/1/6/4!important;align-self:center!important;height:70%!important;min-height:7px!important;margin:0!important;border:1px solid #ffd953!important;border-radius:8px;clip-path:none!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon #signalCountdown{font-size:clamp(9px,2.4vw,16px)!important;line-height:1!important;transform:none!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon .neon-right{grid-area:6/1/7/4!important;display:flex!important;position:relative!important;width:56%!important;height:90%!important;justify-self:center;align-self:center;align-items:center;justify-content:flex-end;padding:0 6px;box-sizing:border-box;background:linear-gradient(#51300c,#231507);border:1px solid #ffbd35;border-radius:9px}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon #targetsButton{position:absolute!important;inset:0!important;height:100%!important;padding:0 0 0 9px!important;align-items:center!important;justify-content:flex-start!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .neon-target-caption{font-size:clamp(13px,3.5vw,24px)!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .target-pair{position:relative!important;display:flex!important;grid-area:auto!important;width:55%!important;height:auto!important;pointer-events:none;justify-content:space-around!important;gap:5px!important;margin:0!important;padding:0!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .target-pair small,html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .target-pair b{font-size:clamp(9px,2.4vw,16px)!important;line-height:1!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage .intel-stack.tactical-console:not(.tc-folded){grid-area:5/1/6/3!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage .lumi-panel{grid-area:6/1/7/3!important;height:100%!important;min-height:0!important;position:relative!important;inset:auto!important;padding:0!important;overflow:hidden!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage .lumi-panel .lumi-speech{height:100%!important;box-sizing:border-box;padding:2px 5px!important;margin:0!important;border:1px solid #4d94a6!important;border-radius:6px!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage .lumi-panel .lumi-speech p{font-size:clamp(8px,2vw,13px)!important;line-height:1.3!important;-webkit-line-clamp:1}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage .game-dock.icon-dock{grid-area:7/1/8/3!important;height:auto!important;min-height:0!important;padding:2px!important;gap:2px!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #battleMenu{height:calc(var(--phone)*.10)!important;min-height:38px!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #battleMenu>button{font-size:clamp(9px,2.3vw,15px)!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #battleMenu svg{width:clamp(20px,3.5vw,28px)!important;height:clamp(20px,3.5vw,28px)!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #marketChartPanel.chart-collapsed{top:calc(var(--phone)*.19 + 6px)!important;left:7px!important;width:26px!important;height:26px!important;z-index:12}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #marketChartToggle{min-height:26px!important;padding:2px!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #reinforcementToggle{top:calc(var(--phone)*.285 + 12px)!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage .army-side{top:calc(var(--phone)*.285 + 12px)!important}
}
.mobile-profit-stat{display:none}
@media(max-width:700px) and (orientation:portrait),(max-width:540px){
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage:has(.reference-neon){align-content:start!important;grid-template-rows:calc(var(--phone)*.18) calc(var(--phone)*.085) calc(var(--phone)*.47) calc(var(--phone)*.585) calc(var(--phone)*.225) calc(var(--phone)*.05) calc(var(--phone)*.16)!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon .account-balance,html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon .today-profit{width:100%!important;height:100%!important;align-self:stretch!important;justify-self:stretch!important;margin:0!important;padding:0!important;position:static!important;box-sizing:border-box}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon #balanceValue,html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon #todayPnl{display:block!important;justify-items:center!important;max-width:100%!important;overflow:visible!important;flex:none!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .neon-notices{position:absolute!important;inset:auto!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .target-pair>span{position:static!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:auto!important;min-height:0!important;gap:1px!important;width:auto!important;padding:0!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .target-pair b{height:auto!important;min-height:0!important;margin:0!important;padding:0!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .target-pair b:after{font-size:10px!important;line-height:1!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage .tactical-console .radar-lights{top:56%!important;height:38%!important;align-items:start!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage .tactical-console .lamp-housing{width:calc(var(--phone)*.048)!important;height:calc(var(--phone)*.048)!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage .tactical-console .lamp-label{font-size:clamp(7px,1.6vw,11px)!important;line-height:1.1!important;margin:0!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage .tactical-console .radar-indicator{gap:2px!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage .game-dock.icon-dock{align-content:start!important}
}
@media(max-width:700px) and (orientation:portrait),(max-width:540px){
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage:has(.reference-neon){grid-template-rows:calc(var(--phone)*.18) calc(var(--phone)*.085) minmax(calc(var(--phone)*.47),1fr) calc(var(--phone)*.585) calc(var(--phone)*.225) calc(var(--phone)*.05) calc(var(--phone)*.16)!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel.reference-neon .target-pair{position:relative!important;flex:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:57%!important;max-width:57%!important;height:100%!important;align-items:center!important;justify-content:center!important}
 html body.portfolio-live.portfolio-redesign:not(.normal-ui) .stage #roundPanel .target-pair>span{min-width:0!important;overflow:hidden!important}
}
