/* Duel information stays in the action menu; actors only carry slim health bars. */
.duel-head-health{position:absolute;z-index:3;transform:translateX(-50%);width:14%;height:5px;box-sizing:border-box;border:1px solid #102d20;border-radius:2px;background:#14281d;pointer-events:none;overflow:hidden}
.duel-head-health i{display:block;height:100%;background:#db4635;transition:width .15s}
.duel-battle .combat-scroll,.duel-battle .combat-scroll.compact-spells{left:50%;right:auto;top:55%;transform:translateX(-50%);width:66%;height:auto;min-height:0;max-height:43%;display:flex;flex-direction:column}
.duel-battle .combat-scroll[hidden]{display:none}
.duel-battle .combat-options{min-height:0;flex:1;overflow-y:auto}
.duel-battle .combat-scroll .combat-options button{justify-content:center;align-items:center;text-align:center}
.duel-battle .compact-spells .combat-options{grid-template-columns:1fr}
.duel-battle .compact-spells .combat-options button:nth-child(odd){border-right:0}
.duel-menu-feedback{flex:none;margin:4px 0 0;padding:4px 2px;border-top:1px solid #9aa583;text-align:center;font:clamp(11px,3cqw,15px)/1.4 JHPixel,monospace;color:#3c4e32}
.duel-battle .duel-wait{text-align:center}
.duel-battle .combat-scroll h2{position:static;flex:none;margin:0 0 5px;padding:0;text-align:center;line-height:1.3;color:#34472c}
/* The reference boxes occupy 12–33% and 46–78% of the welcome canvas. */
.classic-login .classic-brand{position:absolute;left:50%;top:12%;width:60%;height:21%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%}
.classic-login .classic-brand .classic-title{position:static;transform:none;width:100%;height:78%;max-width:none;object-fit:contain}
.classic-login .classic-brand .classic-online{position:static;display:flex;transform:none;width:68%;height:14%;min-height:0;max-height:none;max-width:none;justify-content:flex-end}
.classic-login .classic-brand .classic-online img{width:48%;height:100%;object-fit:contain}
.classic-login .classic-menu{top:46%;bottom:auto;left:50%;transform:translateX(-50%);width:44%;height:32%;max-width:none;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:0}
.classic-login .classic-menu button{width:100%;height:100%;min-height:0;padding:0;display:flex;align-items:center;justify-content:center}
.classic-login .classic-menu-label{font-size:clamp(16px,7.2cqw,58px);letter-spacing:1px;line-height:1.2}