/* v61: the accepted left/right composition, using authoritative existing DOM.
   Scoped to combat; event choices, markets, loot and preparation keep their layout. */
#event-scene.combat-scene{min-height:0;background-position:center 44%;isolation:isolate}
#event-scene.combat-scene::before{background:linear-gradient(180deg,#0c141244,transparent 38%,#0d1512b0),linear-gradient(90deg,#0b110e55,transparent 40%,#0b110e44)}
#event-scene.combat-scene .battle-stage{position:relative;inset:auto;height:clamp(440px,58vh,580px);overflow:hidden}
#event-scene.combat-scene .event-scene-copy{width:100%;min-height:0;padding:0;background:linear-gradient(180deg,#1c211af5,#111811);border-top:1px solid #9f94704d}
#event-scene.combat-scene .event-scene-copy> :not(#combat-panel){display:none!important}
#event-scene.combat-scene .battle-turn-banner{top:16px;left:25%;right:25%;width:auto;padding:9px 12px;font-size:12px;border-color:#b6a27366;background:linear-gradient(90deg,transparent,#121d18cc,transparent)}
#event-scene.combat-scene .battle-party{left:5%;bottom:38px;width:42%;height:clamp(240px,31vh,310px)}
#event-scene.combat-scene .battle-party:has(>.battle-player:only-child){left:14%;width:24%}
#event-scene.combat-scene .battle-player:only-child{width:100%}
#event-scene.combat-scene .battle-player{height:100%}
#event-scene.combat-scene .battle-player>img{object-position:center bottom}
#event-scene.combat-scene .battle-enemy{right:12%;bottom:38px;width:26%;height:clamp(240px,31vh,310px)}
#event-scene.combat-scene .battle-enemy>img{object-position:center bottom}
#event-scene.combat-scene .battle-ground-shadow{left:10%;right:10%;bottom:24px;width:auto;height:24px;opacity:.6}
#event-scene.combat-scene .fighter-hud{top:auto;bottom:calc(100% + 10px);left:0;width:100%;text-align:center}
#event-scene.combat-scene .fighter-vitals{font-size:11px}
#event-scene.combat-scene .vital-health b{font-size:15px}
#event-scene.combat-scene .vital-pair{gap:16px;margin-top:4px;font-size:11px}
#event-scene.combat-scene .status-icon{width:17px;height:17px}
#event-scene.combat-scene .vital-track{height:4px;margin:5px auto;width:88%}
#event-scene.combat-scene .effect-strip{margin-top:5px;gap:4px}
#event-scene.combat-scene .effect-chip{min-width:0;grid-template-columns:17px auto;padding:3px 5px;font-size:10px}
#event-scene.combat-scene .effect-chip small{font-size:9px}
#event-scene.combat-scene .enemy-hud{top:57px;right:9%;width:32%;font-size:11px}
#event-scene.combat-scene .enemy-hud h3{font-size:17px;color:#e4d8b8;font-weight:500;letter-spacing:2px}
#event-scene.combat-scene .enemy-hud #enemy-stats{margin:7px 0}
#event-scene.combat-scene .enemy-intent{font-size:11px;margin:7px 0;color:#ddb184}
#event-scene.combat-scene .enemy-intent>strong{display:none}
#event-scene.combat-scene .enemy-intent>span{flex-basis:auto}
#event-scene.combat-scene .enemy-hud .effect-chip{display:flex;align-items:center;gap:4px}
#event-scene.combat-scene .battle-combatant figcaption,#event-scene.combat-scene .battle-enemy>span{bottom:-18px;border:0;background:none;color:#d6c7a6;letter-spacing:1px;text-shadow:0 2px 4px #000}
#event-scene.combat-scene #combat-panel{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;position:relative;padding:20px 4% 16px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
#event-scene.combat-scene #combat-panel[hidden]{display:none}
#event-scene.combat-scene .combat-actions,#event-scene.combat-scene #path-combat-actions{display:contents}
#event-scene.combat-scene .combat-actions>button,#event-scene.combat-scene #path-combat-actions>button{flex:1 1 150px;min-width:140px;max-width:280px;min-height:66px;margin:0;padding:12px 17px;text-align:left;font-size:14px;font-weight:500;letter-spacing:1px;color:#e5d7b6;background:linear-gradient(130deg,#34382a,#222a20);border:1px solid #a092635e;border-radius:1px;box-shadow:none}
#event-scene.combat-scene .combat-actions>button:first-child{background:linear-gradient(130deg,#625231aa,#343426);border-color:#b9a06e99}
#event-scene.combat-scene #path-combat-actions>button strong{display:block;font-size:14px;font-weight:500}
#event-scene.combat-scene #path-combat-actions>button small{display:block;color:#b4b5a0;margin-top:5px;font-size:10px;line-height:1.5;letter-spacing:0}
#event-scene.combat-scene #combat-panel button:hover:not(:disabled){border-color:#e2c185;background-color:#424936}
#event-scene.combat-scene #combat-panel button:focus-visible{outline:2px solid #ebcc8a;outline-offset:3px}
#event-scene.combat-scene #combat-panel button:disabled{opacity:.42}
#event-scene.combat-scene .combat-tools{order:5;flex:1 0 100%;font-size:11px;color:#aaa991;border-top:1px solid #9f947026;padding-top:8px}
#event-scene.combat-scene .combat-tools>summary{cursor:pointer;letter-spacing:1px;padding:4px 0}
#event-scene.combat-scene .combat-tools[open]{padding-bottom:12px}
#event-scene.combat-scene .combat-tools .combat-log{min-height:0;background:#151e19;font-size:12px}
#event-scene.combat-scene #echo-status{flex:1 0 100%;margin:0;padding:10px 14px;background:#131f1c;border:1px solid #7a92734d;font-size:12px}
#event-scene.combat-scene #echo-status>p,#event-scene.combat-scene #echo-status>h4{margin:4px 0;font-size:12px}
#event-scene.combat-scene .echo-selection{display:flex;flex-wrap:wrap;gap:10px}
#event-scene.combat-scene .echo-choice{flex:1;min-width:180px;padding:10px}
#event-scene.combat-scene #combat-utility{order:4;flex-basis:100%;padding:0;font-size:12px}
#event-scene.combat-scene .action-callout{top:14%;right:auto;left:44%;font-size:16px;background:#15201ce6;border-color:#b9a474}
@media(min-width:1000px) and (max-height:780px){
 #event-scene.combat-scene .battle-stage{height:440px}
 #event-scene.combat-scene .battle-party,#event-scene.combat-scene .battle-enemy{height:235px;bottom:25px}
 #event-scene.combat-scene #combat-panel{padding:14px 3%;gap:8px}
 #event-scene.combat-scene .combat-actions>button,#event-scene.combat-scene #path-combat-actions>button{min-height:58px;font-size:13px}
}
@media(max-width:999px){
 #event-scene.combat-scene .battle-party{left:2%;width:48%}
 #event-scene.combat-scene .battle-enemy{right:3%;width:35%}
 #event-scene.combat-scene .enemy-hud{right:2%;width:37%}
 #event-scene.combat-scene .battle-turn-banner{left:10%;right:10%}
}