/* Approved Draft 03 skin. Geometry and paint only; no command or trading behavior. */
.stage .battle-hud:has(.ui-draft03){width:min(1120px,70%)!important;top:auto!important;bottom:62px!important;left:50%!important;transform:translateX(-50%)!important}
.stage #roundPanel.ui-draft03{display:block!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:2048/448!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;isolation:isolate;filter:drop-shadow(0 5px 10px #0009)!important;--d3-frame:url('assets/ui-draft03/frames/frame-blue-ready.png');--d3-action:url('assets/ui-draft03/text-free/btn-blue-start-background.png')}
.stage #roundPanel.ui-draft03:before{content:'';position:absolute;inset:7% 3%;background:#041521f5;z-index:-2;clip-path:polygon(3% 0,97% 0,100% 15%,100% 85%,97% 100%,3% 100%,0 85%,0 15%)}
.stage #roundPanel.ui-draft03:after{content:'';position:absolute;inset:0;background:var(--d3-frame) center/100% 100% no-repeat;pointer-events:none;z-index:-1}
.stage #roundPanel.ui-draft03>.round-heading{position:absolute!important;left:5.7%!important;top:17%!important;width:31%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:0!important;padding:0 0 8px!important;border:0!important;border-bottom:1px solid #345767!important;align-items:start!important}
.stage #roundPanel.ui-draft03 .account-balance,.stage #roundPanel.ui-draft03 .today-profit{position:relative!important;display:block!important;text-align:left!important;min-width:0!important;padding-left:22px!important}
.stage #roundPanel.ui-draft03 .round-heading span{display:block!important;font-size:clamp(7px,.7vw,11px)!important;letter-spacing:.5px!important;color:#b7d4e2!important;white-space:nowrap!important}
.stage #roundPanel.ui-draft03 .round-heading b{display:block!important;margin:4px 0 0!important;font-size:clamp(12px,1.3vw,21px)!important;letter-spacing:0!important;line-height:1.1!important;white-space:nowrap!important;font-style:normal!important;font-variant-numeric:tabular-nums}
.stage #roundPanel.ui-draft03 .account-balance b{color:#f4e2ad!important}.stage #roundPanel.ui-draft03 .today-profit b{color:#54e0b0!important}
.d3-icon{position:absolute;left:0;top:0;width:19px;height:19px;object-fit:contain}
.stage #roundPanel.ui-draft03 .d3-profit{position:absolute;left:5.7%;top:53%;width:31%;text-align:left}
.d3-profit-label{display:block;color:#b4d2df;font-size:clamp(8px,.8vw,12px);letter-spacing:1px;line-height:1.2}
.stage #roundPanel.ui-draft03 #np{display:block!important;position:static!important;width:auto!important;margin:3px 0 0!important;font-size:clamp(26px,3vw,49px)!important;line-height:1.05!important;letter-spacing:-1px!important;white-space:nowrap!important;font-weight:850!important;font-variant-numeric:tabular-nums;text-align:left!important}
.stage #roundPanel.ui-draft03 #np[data-number-size=long]{font-size:clamp(20px,2.4vw,38px)!important}.stage #roundPanel.ui-draft03 #np[data-number-size=very-long]{font-size:clamp(16px,1.9vw,30px)!important}
.stage #roundPanel.ui-draft03>.round-bottom{position:absolute!important;inset:23% 26% 23% 38%!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important}
.stage #roundPanel.ui-draft03 #roundAction{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;min-width:0!important;margin:0!important;padding:0 8% 0 33%!important;background:var(--d3-action) center/contain no-repeat!important;border:0!important;border-radius:0!important;clip-path:none!important;box-shadow:none!important;filter:none!important;color:#f5ffff!important;font-size:clamp(19px,2.9vw,48px)!important;font-weight:900!important;letter-spacing:1px!important;text-shadow:0 2px 3px #00130f!important;white-space:nowrap!important;line-height:1.1!important;opacity:1!important;pointer-events:auto!important}
.stage #roundPanel.ui-draft03 #roundAction:disabled{cursor:default;opacity:.65!important}.stage #roundPanel.ui-draft03 #roundAction:not(:disabled):hover{filter:brightness(1.12)!important}.stage #roundPanel.ui-draft03 #roundAction:focus-visible{outline:2px solid #fff;outline-offset:2px}
.stage #roundPanel.ui-draft03[data-skin-long=true] #roundAction{font-size:clamp(10px,1vw,17px)!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere}
.stage #roundPanel.ui-draft03 #signalIndicator{position:absolute!important;left:6%!important;top:24%!important;width:19%!important;height:52%!important;z-index:2;pointer-events:none;display:block!important}
.stage #roundPanel.ui-draft03 #signalIndicator .signal-beacon{width:100%!important;height:100%!important;aspect-ratio:1}
.stage #roundPanel.ui-draft03 #signalIndicator:not(.is-held):not(.is-ready) .signal-beacon{opacity:0}
.stage #roundPanel.ui-draft03 #signalCountdown{position:absolute;top:100%;left:-10%;width:120%;font-size:10px;color:#ffe6a0;text-align:center}
.stage #roundPanel.ui-draft03 #targetsButton{position:absolute!important;left:75%!important;top:30%!important;width:20%!important;height:40%!important;min-width:0!important;min-height:0!important;padding:9% 3% 6% 7%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;border:0!important;border-radius:0!important;clip-path:none!important;box-shadow:none!important;background:url('assets/ui-draft03/text-free/btn-tpsl-active-background.png') center/contain no-repeat!important;pointer-events:auto!important;opacity:1!important}
.stage #roundPanel.ui-draft03[data-skin-targets=default] #targetsButton{background-image:url('assets/ui-draft03/text-free/btn-tpsl-default-background.png')!important}
.stage #roundPanel.ui-draft03 #targetsButton>span:first-child{display:block!important;font-size:0!important;line-height:1.1!important;white-space:nowrap!important}.stage #roundPanel.ui-draft03 #targetsButton>span:first-child:after{content:'TP / SL';font-size:clamp(12px,1.2vw,21px)!important;color:#fff0ba!important;letter-spacing:0!important}
.stage #roundPanel.ui-draft03 .target-pair{display:flex!important;gap:8px!important;flex-wrap:nowrap!important;justify-content:center!important;white-space:nowrap!important}.stage #roundPanel.ui-draft03 .target-pair span{display:flex;gap:3px}.stage #roundPanel.ui-draft03 .target-pair b,.stage #roundPanel.ui-draft03 .target-pair small{font-size:clamp(8px,.8vw,13px)!important;letter-spacing:0!important;line-height:1.2!important}
.stage #roundPanel.ui-draft03 #forceRoundClose{position:absolute;top:100%;right:0;min-height:24px;font-size:10px;padding:3px 6px;pointer-events:auto}
.stage #roundPanel.ui-draft03 .signal-status{position:absolute;bottom:99%;left:25%;right:25%;font-size:10px}
.stage #roundPanel.ui-draft03 .d3-gold-overlay{position:absolute;inset:0;background:url('assets/ui-draft03/frames/overlay-golden-glow.png') center/100% 100% no-repeat;pointer-events:none;display:none;z-index:3}
.golden-time .stage #roundPanel.ui-draft03 .d3-gold-overlay{display:block}
.stage #roundPanel.ui-draft03 #closeStatus{position:absolute;bottom:100%;left:0;right:0}
@media(max-width:700px) and (orientation:portrait),(max-width:540px){
 .stage .battle-hud:has(.ui-draft03){position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important}
 .portfolio-redesign .stage{--round-row:220px!important;grid-template-rows:30px 26px var(--army-row,48px) minmax(30px,1fr) 74px 60px 220px 38px!important}
 .stage #roundPanel.ui-draft03{height:220px!important;aspect-ratio:auto!important}
 .stage #roundPanel.ui-draft03:before{inset:12px;background:#041521fa;clip-path:none;border-radius:8px}
 .stage #roundPanel.ui-draft03:after{background:none;border:18px solid transparent;border-image-source:var(--d3-frame);border-image-slice:104 136;border-image-width:18px;border-image-repeat:stretch}
 .stage #roundPanel.ui-draft03>.round-heading{top:23px!important;left:7%!important;width:86%!important;padding-bottom:7px!important;gap:12px!important}
 .stage #roundPanel.ui-draft03 .round-heading span{font-size:9px!important}.stage #roundPanel.ui-draft03 .round-heading b{font-size:16px!important}
 .stage #roundPanel.ui-draft03 .d3-profit{left:7%;top:80px;width:86%}.d3-profit-label{font-size:9px}
 .stage #roundPanel.ui-draft03 #np{font-size:38px!important;line-height:1!important}.stage #roundPanel.ui-draft03 #np[data-number-size=long]{font-size:31px!important}.stage #roundPanel.ui-draft03 #np[data-number-size=very-long]{font-size:25px!important}
 .stage #roundPanel.ui-draft03>.round-bottom{inset:142px 44% 18px 5%!important}
 .stage #roundPanel.ui-draft03 #roundAction{font-size:24px!important}.stage #roundPanel.ui-draft03[data-skin-long=true] #roundAction{font-size:11px!important}
 .stage #roundPanel.ui-draft03 #targetsButton{left:57%!important;top:143px!important;width:38%!important;height:58px!important;padding:4px 3px 4px 23px!important;gap:3px!important}
 .stage #roundPanel.ui-draft03 #targetsButton>span:first-child:after{font-size:15px!important}.stage #roundPanel.ui-draft03 .target-pair{gap:5px!important}.stage #roundPanel.ui-draft03 .target-pair b,.stage #roundPanel.ui-draft03 .target-pair small{font-size:10px!important}
 .stage #roundPanel.ui-draft03 .d3-gold-overlay{background:none;border:18px solid transparent;border-image:url('assets/ui-draft03/frames/overlay-golden-glow.png') 104 136 / 18px stretch}
}
@media(max-height:600px) and (orientation:landscape) and (min-width:541px){
 .stage .battle-hud:has(.ui-draft03){width:64%!important;bottom:39px!important}
 .stage #roundPanel.ui-draft03 .round-heading b{font-size:12px!important}.stage #roundPanel.ui-draft03 .round-heading span{font-size:7px!important}.stage #roundPanel.ui-draft03 .d3-icon{width:12px;height:12px}.stage #roundPanel.ui-draft03 .account-balance,.stage #roundPanel.ui-draft03 .today-profit{padding-left:14px!important}
 .stage #roundPanel.ui-draft03 #np{font-size:27px!important}.stage #roundPanel.ui-draft03 #roundAction{font-size:25px!important}.stage #roundPanel.ui-draft03[data-skin-long=true] #roundAction{font-size:10px!important}
 .stage #roundPanel.ui-draft03 #targetsButton>span:first-child:after{font-size:12px!important}.stage #roundPanel.ui-draft03 .target-pair b,.stage #roundPanel.ui-draft03 .target-pair small{font-size:8px!important}
}
/* Final optical corrections: keep original lamp artwork and preserve neighboring HUD space. */
.stage #roundPanel.ui-draft03 #roundAction:before,.stage #roundPanel.ui-draft03 #roundAction:after{content:none!important;display:none!important}
.stage #roundPanel.ui-draft03 #targetsButton{padding:4px 10px 4px 32px!important}
@media(min-width:701px) and (min-height:601px){.stage .battle-hud:has(.ui-draft03){width:min(1120px,60%)!important}}
@media(max-width:700px) and (orientation:portrait),(max-width:540px){.portfolio-redesign .stage{grid-template-rows:var(--battle-row,64px) 56px var(--army-row,0px) minmax(30px,1fr) var(--tactical-row,74px) var(--support-row,60px) 220px 38px!important}.stage #roundPanel.ui-draft03 #targetsButton{padding:4px 3px 4px 23px!important}}
@media(max-height:600px) and (orientation:landscape) and (min-width:541px){.stage .battle-hud:has(.ui-draft03){width:58%!important;left:48%!important}}

.stage #roundPanel.ui-draft03 .d3-profit{top:49%}
.stage #roundPanel.ui-draft03 .round-heading b[data-number-size=long]{font-size:clamp(11px,1vw,17px)!important}
.stage #roundPanel.ui-draft03 .round-heading b[data-number-size=very-long]{font-size:clamp(9px,.85vw,14px)!important}
@media(max-width:700px) and (orientation:portrait),(max-width:540px){body:not(.portfolio-redesign) .stage:has(.ui-draft03){grid-template-rows:30px minmax(48px,1fr) 220px 104px 60px 40px!important}.stage #roundPanel.ui-draft03 .d3-profit{top:80px}}
.stage #roundPanel.ui-draft03 #roundAction{max-width:none!important;box-sizing:border-box!important}
/* Owner alignment revision: lower account/P&L, larger action and target controls. */
.stage #roundPanel.ui-draft03>.round-heading{top:calc(17% + 5px)!important}
.stage #roundPanel.ui-draft03 .d3-profit{top:calc(49% + 5px)}
.stage #roundPanel.ui-draft03 #np{font-size:clamp(30px,3.4vw,56px)!important}
.stage #roundPanel.ui-draft03>.round-bottom{inset:15% 26.5% 15% 36.5%!important}
.stage #roundPanel.ui-draft03 #targetsButton{left:74%!important;top:25%!important;width:23%!important;height:50%!important;padding:4px 14px 4px 40px!important;gap:4px!important}
.stage #roundPanel.ui-draft03 .target-pair>span[hidden]{display:none!important}
.stage #roundPanel.ui-draft03 .target-pair:has(>span:not([hidden])){min-height:12px}
.stage #roundPanel.ui-draft03 .target-pair:not(:has(>span:not([hidden]))){display:none!important}
@media(max-width:700px) and (orientation:portrait),(max-width:540px){
 .stage #roundPanel.ui-draft03>.round-heading{top:28px!important}
 .stage #roundPanel.ui-draft03 .d3-profit{top:90px;left:7%;width:43%}
 .stage #roundPanel.ui-draft03 #np{font-size:clamp(30px,10.5vw,45px)!important;letter-spacing:-1.5px!important}
 .stage #roundPanel.ui-draft03 #np[data-number-size=long]{font-size:clamp(21px,6.5vw,28px)!important}
 .stage #roundPanel.ui-draft03 #np[data-number-size=very-long]{font-size:clamp(16px,5vw,21px)!important}
 .stage #roundPanel.ui-draft03>.round-bottom{inset:82px 3% 65px 50%!important}
 .stage #roundPanel.ui-draft03 #roundAction{font-size:clamp(20px,6vw,26px)!important}
 .stage #roundPanel.ui-draft03 #targetsButton{left:49%!important;top:151px!important;width:48%!important;height:58px!important;padding:4px 9px 4px 32px!important;gap:2px!important}
 .stage #roundPanel.ui-draft03 #targetsButton>span:first-child:after{font-size:16px!important}
 .stage #roundPanel.ui-draft03 .target-pair{gap:5px!important}.stage #roundPanel.ui-draft03 .target-pair b,.stage #roundPanel.ui-draft03 .target-pair small{font-size:10px!important}
}
@media(max-height:600px) and (orientation:landscape) and (min-width:541px){
 .stage #roundPanel.ui-draft03 #np{font-size:30px!important}
 .stage #roundPanel.ui-draft03 #targetsButton{padding-left:25px!important;padding-right:8px!important}
}
.stage #roundPanel.ui-draft03 #np{margin-top:-3px!important}
@media(max-width:700px) and (orientation:portrait),(max-width:540px){.stage #roundPanel.ui-draft03 #np{margin-top:3px!important}}