/* Reference duel: equal-height fighters, raised central scroll and compact HUD. */
.duel-battle .combat-title{position:absolute;top:0;left:0;right:0;height:6%;z-index:5;border:0;background:#122e2acc;padding:1% 3%;font-size:clamp(9px,2.8cqw,13px)}
.duel-battle .combat-title>img{width:3cqw;height:4cqw}
.duel-battle .combat-title>canvas{width:8cqw;height:3cqw}
.duel-battle .combat-stage{flex:1}
.duel-battle .combat-bottom{height:21%;max-height:155px}
.duel-battle .combat-scroll,.duel-battle .combat-scroll.compact-spells{top:12%;width:44%;height:64%;max-height:64%;border-width:7cqw 4cqw 5cqw;padding:0 1cqw;box-sizing:border-box}
.duel-battle .combat-scroll h2{color:#fff031;font-size:clamp(13px,5.6cqw,24px);margin:-3cqw 0 1cqw;letter-spacing:1.4cqw}
.duel-battle .combat-scroll .combat-options{justify-content:space-around}
.duel-battle .combat-scroll .combat-options button{min-height:25px;flex:1;font-size:clamp(12px,5.3cqw,23px);line-height:1.3;padding:0;letter-spacing:1.2cqw}
.duel-battle .combat-scroll .combat-options button:disabled{opacity:.45}
.duel-battle .compact-spells .combat-options{justify-content:flex-start}
.duel-battle .compact-spells .combat-options button{flex:none;min-height:44px;font-size:clamp(11px,3.8cqw,18px);letter-spacing:0;padding:3px 0}
.duel-battle .compact-spells .combat-options button small{font-size:clamp(9px,2.8cqw,13px)}
.duel-battle .duel-menu-feedback{font-size:clamp(9px,2.5cqw,12px);line-height:1.25;max-height:3.8em;overflow:auto}
@media(max-height:450px){.duel-battle .combat-scroll .combat-options button{min-height:20px}.duel-battle .combat-scroll h2{font-size:13px}.duel-battle .duel-menu-feedback{display:none}}