/* Phone rival selection: every action stays inside its card. */
@media(max-width:760px){
 body[data-page="attack"] #app .rival-command {width:100%;min-width:0;}
 body[data-page="attack"] #app .rival-command-hero {display:grid!important;grid-template-columns:minmax(0,1fr) 72px!important;gap:14px!important;align-items:start!important;padding:18px 14px!important;border:1px solid #755732;background:linear-gradient(100deg,#201016e8,#07141bea),url('/assets/battle-confrontation-v1.png') center/cover;}
 body[data-page="attack"] #app .rival-command-hero>div {grid-column:1;}
 body[data-page="attack"] #app .rival-command-hero h2 {font-size:25px;line-height:1.15;}
 body[data-page="attack"] #app .rival-command-hero p {font-size:12px;line-height:1.5;}
 body[data-page="attack"] #app .rival-command-hero aside {grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;min-width:0;height:78px;padding:6px;border-radius:0;clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);border:0;background:linear-gradient(140deg,#cfaa56,#795020);box-shadow:none;}
 body[data-page="attack"] #app .rival-command-hero aside strong {color:#231508;font-size:26px;line-height:1;}
 body[data-page="attack"] #app .rival-command-hero aside span {color:#342512;font-size:7px;line-height:1.3;text-align:center;margin-top:5px;}
 body[data-page="attack"] #app .rival-command-hero>label {grid-column:1/-1;width:100%;font-size:9px;letter-spacing:.1em;}
 body[data-page="attack"] #app .rival-command-hero select {width:100%;min-height:44px;}
 body[data-page="attack"] #app .rival-grid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:12px 0!important;overflow:visible!important;background:transparent!important;}
 body[data-page="attack"] #app .rival-card {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-areas:"art identity identity identity" "army army worth worth" "action action action action"!important;width:100%!important;min-width:0!important;max-width:100%;height:auto!important;min-height:0!important;align-items:stretch!important;gap:0!important;padding:12px!important;border:1px solid #866332!important;border-top:2px solid #c29a51!important;background:radial-gradient(ellipse at 0 0,#8a21323b,transparent 65%),linear-gradient(120deg,#14191cee,#08141beb),url('/assets/battle-confrontation-v1.png') center/cover!important;box-shadow:0 7px 16px #0006!important;overflow:hidden;}
 body[data-page="attack"] #app .rival-art {grid-area:art!important;display:flex!important;align-items:center;justify-content:center;width:100%!important;height:auto!important;min-height:86px!important;padding:0 6px 0 0!important;border:0!important;background:none!important;}
 body[data-page="attack"] #app .rival-art :is(.rival-crest,.rival-crest.has-image) {width:46px!important;max-width:100%!important;height:58px!important;}
 body[data-page="attack"] #app .rival-identity {grid-area:identity!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;height:auto!important;padding:4px 0 10px 10px!important;gap:4px!important;border:0!important;}
 body[data-page="attack"] #app .rival-identity small {min-width:0;max-width:100%;font-size:9px;line-height:1.4;overflow-wrap:anywhere;}
 body[data-page="attack"] #app .rival-identity>button {display:block!important;min-width:0!important;max-width:100%!important;width:100%;height:auto!important;min-height:44px;margin:0!important;padding:3px 0!important;color:#ffe4ac!important;font:700 22px/1.15 Georgia,serif!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;}
 body[data-page="attack"] #app .rival-identity em {position:static!important;margin:0!important;padding:0!important;border:0!important;background:none!important;font-size:8px!important;line-height:1.4;white-space:normal!important;letter-spacing:.08em;color:#9babb3!important;}
 body[data-page="attack"] #app .rival-army-size {grid-area:army!important;}
 body[data-page="attack"] #app .rival-worth {grid-area:worth!important;}
 body[data-page="attack"] #app :is(.rival-army-size,.rival-worth) {display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;height:auto!important;width:100%!important;min-width:0!important;margin:0!important;padding:13px 4px!important;gap:4px!important;border:0!important;background:none!important;}
 body[data-page="attack"] #app :is(.rival-army-size,.rival-worth) small {font:700 8px/1.4 Arial,sans-serif!important;letter-spacing:.08em;color:#a7b1b6!important;}
 body[data-page="attack"] #app :is(.rival-army-size,.rival-worth) strong {display:block!important;max-width:100%;margin:0!important;color:#f6d487!important;font:700 clamp(13px,4vw,18px)/1.3 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere;}
 body[data-page="attack"] #app .rival-army-size>span {color:#9a9c91;font-size:8px;}
 body[data-page="attack"] #app :is(.rival-attack,.rival-protected) {grid-area:action!important;position:static!important;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:50px!important;margin:4px 0 0!important;padding:12px 8px!important;justify-self:stretch!important;border-radius:3px!important;}
 body[data-page="attack"] #app .rival-attack {display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid #f4d384!important;background:linear-gradient(#e8c572,#b17b29)!important;color:#211304!important;font:800 12px/1.3 Arial,sans-serif!important;letter-spacing:.06em!important;box-shadow:inset 0 1px #fff3c680,0 4px 12px #0008!important;white-space:normal!important;}
 body[data-page="attack"] #app .rival-attack>span {font-size:18px;}
 body[data-page="attack"] #app .rival-attack:active {filter:brightness(1.15);}
 body[data-page="attack"] #app .rival-protected {display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;border:1px solid #756140;background:#171711;color:#e3c389;}
}