#battleActionRoot{position:fixed;z-index:65;box-sizing:border-box;padding:9px;border:1px solid #d7b575;border-radius:13px;background:linear-gradient(145deg,#273249,#111a2a);box-shadow:0 9px 28px #000b;color:#f2f3f8;display:grid;gap:5px;overflow:visible;isolation:isolate}
#battleActionRoot[hidden]{display:none}
#battleActionRoot:after{content:"";position:absolute;top:100%;left:calc(var(--battle-arrow) - 6px);border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #d7b575}
.battle-action-head{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:25px;font-size:calc(12px * var(--ui-text-scale,1));font-weight:800;color:#f2d99f}
.battle-action-head>span{min-width:0;overflow-wrap:anywhere}.battle-action-head button{border:0;border-radius:6px;min-width:30px;height:27px;color:#e5d0a5;background:#ffffff0d;font-size:calc(20px * var(--ui-text-scale,1));cursor:pointer}
.battle-option{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;min-height:46px;padding:7px 9px;border:1px solid #53627d;border-radius:8px;background:#152138;color:#f3f5fa;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}
.battle-option:hover,.battle-option:focus-visible{border-color:#f3d08c;background:#28344d}.battle-option-copy{display:grid;gap:2px;min-width:0;flex:1}.battle-option-copy small{font-size:calc(10px * var(--ui-text-scale,1));font-weight:700;color:#c2d0e6}.battle-option-copy>span{font-size:calc(13px * var(--ui-text-scale,1));line-height:1.25;overflow-wrap:anywhere}.battle-option>b{font-size:calc(12px * var(--ui-text-scale,1));color:#f0d292;white-space:nowrap}.battle-option:disabled{opacity:.55;cursor:default}.battle-support-quote{margin:1px 0 4px;font-size:calc(13px * var(--ui-text-scale,1));line-height:1.3;color:#f2d99f;overflow-wrap:anywhere}
#battleActionRoot button:focus-visible{outline:2px solid #ffe4a8;outline-offset:2px}.battle-guard{position:absolute;left:3px;top:28px;z-index:4;background:#173f46ec;border:1px solid #68cbd4;border-radius:5px;padding:2px 3px;font-size:calc(9px * var(--ui-text-scale,1));color:#d9ffff;font-weight:800}.battle-cancel{font:inherit;border:0;background:none;color:#f0d292;text-decoration:underline;cursor:pointer;padding:2px 4px}.cromo[role=button]:focus-visible,.slot[role=button]:focus-visible{outline:2px solid #f6d77f;outline-offset:2px}
.battle-action-content{display:grid;gap:5px}.battle-option{transition:background .12s ease,border-color .12s ease,transform .12s ease}.battle-option.is-chosen{background:#62502b;border-color:#ffe2a0;transform:scale(.98)}
@keyframes battlePopupEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes battlePopupSwap{from{opacity:.25;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@keyframes battleCardSelect{0%{filter:brightness(1)}45%{filter:brightness(1.2)}100%{filter:brightness(1)}}
#battleActionRoot.opening{animation:battlePopupEnter .16s ease-out}.battle-action-content.swapping{animation:battlePopupSwap .18s ease-out}.tribuna .cromo.sel{animation:battleCardSelect .18s ease-out}
@media(prefers-reduced-motion:reduce){#battleActionRoot.opening,.battle-action-content.swapping,.tribuna .cromo.sel{animation:none}.battle-option{transition:none}}
/* Tres frases completas también en 320 px, sin reducir su letra ni crear scroll. */
#battleActionRoot{padding:7px}.battle-action-content{gap:4px}.battle-option{padding:5px 8px}.battle-option-copy small{line-height:1.1}
@media(max-height:500px) and (min-width:600px){
 .battle-action-content{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-action-head{grid-column:1/-1}.battle-option{flex-direction:column;align-items:stretch;min-height:78px;gap:4px}.battle-option>b{text-align:right}
 #battleActionRoot[data-view=support] .battle-action-content{grid-template-columns:repeat(2,minmax(0,1fr))}#battleActionRoot[data-view=support] .battle-support-quote{grid-column:1/-1}#battleActionRoot[data-view=support] .battle-option{min-height:56px}
}
.battle-strong-label{display:inline-flex;gap:5px;align-items:center}.strong-charge{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.charge-segment{fill:#39465b;stroke:#121d30;stroke-width:1}.charge-segment.is-filled{fill:#eacb85}.strong-charge .charge-bolt{fill:#f6e3b6}.battle-option>b small{display:block;font-size:calc(9px * var(--ui-text-scale,1));color:#c9b47c;margin-top:3px;font-weight:600}.strong-charge.is-ready{filter:drop-shadow(0 0 2px #d0aa5080)}