/* Shared RUN battle presentation. Extracted without changing its declarations. */
.run-panel{padding:16px;min-width:0}
.run-root h2,.run-dialog h2{font-size:17px;margin:0 0 10px}
.run-root button,.run-dialog button{min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--theme-raised,#f7f7f1);color:var(--ink);font:inherit;font-size:12px;font-weight:700;padding:9px 12px;cursor:pointer}
.run-root button:disabled,.run-dialog button:disabled{opacity:.45;cursor:not-allowed}
.run-root .run-primary,.run-dialog .run-primary{width:100%;background:#2d795d;border-color:var(--theme-forest,#2d795d);color:#fff;font-size:14px}
.run-root button:focus-visible,.run-root a:focus-visible,.run-dialog button:focus-visible{outline:3px solid #558eaf;outline-offset:2px}
.run-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;align-items:start}.run-main-column{display:grid;gap:12px;min-width:0}
.run-heading{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:8px}.run-heading h2{margin:0}.run-heading>span{font-size:11px;color:var(--theme-muted,#65746b)}
.run-faces{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.run-faces li{min-width:0;border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--theme-paper,#fafaf5);overflow-wrap:anywhere}.run-face-heading{display:flex;align-items:baseline;gap:5px}.run-face-heading b{color:var(--theme-forest,#2d795d);font-size:14px}.run-face-heading strong{font-size:12px}.run-faces p{font-size:11px;line-height:1.5;margin:5px 0}.run-faces small{font-size:10px;color:var(--theme-muted,#65746b)}
.run-root details,.run-dialog details{font-size:11px;line-height:1.65;margin-top:12px}.run-root summary,.run-dialog summary{cursor:pointer;min-height:40px;padding:10px 0;color:var(--theme-ink,#53645a);font-weight:700}#run-product-levels{padding-left:22px}#run-product-levels li{padding:5px 0;border-top:1px solid var(--line)}
.run-fighter{padding:9px 0;border-bottom:1px solid var(--line)}.run-fighter-heading{display:flex;justify-content:space-between;gap:8px;font-size:13px}.run-fighter-heading strong{overflow-wrap:anywhere}.run-fighter>p{font-size:11px;color:var(--theme-muted,#65746b);margin:4px 0}.run-hp{height:6px;background:var(--theme-raised,#e6ebdf);border-radius:9px;overflow:hidden}.run-hp>span{display:block;background:#4f9b71;height:100%;width:100%;transition:width .4s ease}#run-cpu-bar>span{background:#d77b68}
.run-turn{text-align:center;font-weight:800;color:var(--theme-forest,#2d795d);font-size:14px;margin:12px 0 7px}.run-reel{display:flex;flex-direction:column;align-items:center;border:1px dashed var(--theme-line,#dedfd3);background:var(--theme-raised,#f7f7f1);border-radius:10px;padding:12px 7px;margin-bottom:9px;overflow:hidden}.run-reel .reel-caption{font-size:10px}.run-reel .reel-window span{color:var(--theme-forest,#2d795d)}.run-reel>p{font-size:12px;line-height:1.6;text-align:center;white-space:pre-line;margin:8px 0 0;min-height:38px}
.run-log ol{max-height:170px;overflow:auto;padding-left:22px}.run-log li{padding:4px 0}.run-result h2{font-size:26px;color:var(--theme-forest,#2d795d)}.run-result>p:not(.eyebrow){font-size:13px;line-height:1.7}.run-result button+button{width:100%;margin-top:8px}
.run-faces-panel .run-heading{flex-wrap:wrap}
.run-reel-tabs{display:flex;gap:7px}.run-reel-tabs button{flex:1;min-width:0}
.run-root .run-reel-tabs button[aria-pressed="true"]{background:#2d795d;color:#fff;border-color:var(--theme-forest,#2d795d)}
.run-active-reel{text-align:center;font-size:11px;line-height:1.5;color:var(--theme-forest,#35674f);background:var(--theme-tint-forest,#edf5e9);border-radius:8px;padding:8px;margin:9px 0}
.run-fighter-heading strong{min-width:0}.run-fighter-heading>span{flex-shrink:0}
.run-fighters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;direction:ltr}
.run-unit-arena [hidden]{display:none!important}
.run-unit-arena .battle-side{display:grid;grid-template-rows:subgrid;grid-row:1;gap:8px;min-width:0}
.run-unit-arena .battle-side[data-side="player"]{grid-column:1}
.run-unit-arena .battle-side[data-side="cpu"]{grid-column:2}
.run-unit-arena .battle-unit-slot{min-width:0;box-sizing:border-box}
.run-unit-arena .battle-unit-slot[data-slot="1"]{grid-row:1}
.run-unit-arena .battle-unit-slot[data-slot="2"]{grid-row:2}
.run-unit-arena .battle-unit-slot[data-acting="true"]{outline:2px solid #4f9b71;outline-offset:1px}
.run-target-choices{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.run-target-choices button{flex:1;min-width:0;overflow-wrap:anywhere}
.run-unit-arena.has-unit-pair{grid-template-rows:auto auto}
.run-unit-arena.has-unit-pair .battle-side{grid-row:1 / span 2}
.run-unit-arena .battle-unit-visual{text-align:center;padding:14px 0 7px}
.run-unit-arena .battle-unit-visual .pencil-art{display:inline-block}
.run-unit-arena [data-element="fire"]{--element:#db7255}
.run-unit-arena [data-element="water"]{--element:#558eaf}
.run-unit-arena [data-element="forest"]{--element:#478264}
.run-unit-arena [data-element="prism"]{--element:#9b83af}
.run-unit-arena [data-element="summoner"],.rolling-pencil[data-element="summoner"]{--element:#8b739e}
.run-unit-arena .battle-side[data-side="cpu"] .run-hp>span{background:#d77b68}
.run-fighters .run-fighter{display:flex;flex-direction:column;min-width:0;padding:9px 8px;border:1px solid var(--line);border-radius:9px}
.run-fighter-label{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--theme-muted,#65746b);margin-bottom:5px}
.run-fighters .run-fighter-heading{flex-direction:column;gap:5px;min-width:0}
.run-fighters .run-fighter-heading strong{min-height:2.8em;line-height:1.4;overflow-wrap:anywhere}
.run-fighters .run-fighter-heading>span{font-size:12px;font-weight:700;white-space:nowrap}
.run-fighters .run-fighter>p{overflow-wrap:anywhere;line-height:1.5}
.run-fighters .run-hp{margin-top:auto;flex-shrink:0}
.battle-status-strip{display:flex;flex-wrap:wrap;gap:3px;margin:7px 0 4px;font-size:10px;line-height:1.4;min-width:0}
.battle-status-strip span{padding:2px 4px;border-radius:4px;background:var(--theme-raised,#f3f4ee);color:var(--theme-muted,#818984);overflow-wrap:anywhere}
.battle-status-strip span[data-active="true"]{background:var(--theme-raised,#fff0dc);color:var(--theme-gold,#8b501e);font-weight:800}
.battle-modifiers,.run-fighters .run-fighter>.battle-modifiers{font-size:10px;line-height:1.4;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}
@media(max-width:400px){.battle-status-strip{font-size:8px;gap:2px;margin:5px 0 3px}.battle-status-strip span{padding:1px 2px}.battle-modifiers,.run-fighters .run-fighter>.battle-modifiers{font-size:9px}}
.run-battle-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.run-battle-heading h2{margin:0}#run-battle-speed{min-height:44px;min-width:92px;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}#run-battle-speed[aria-pressed="true"]{background:var(--theme-tint-forest,#dcebdc);color:var(--theme-forest,#285d3d);border-color:var(--theme-forest,#4e805d)}
@media(max-width:720px){.run-layout{grid-template-columns:minmax(0,1fr)}.run-panel{padding:13px}}
@media(max-width:360px){.run-faces li{padding:7px}}
@media(max-width:360px){.run-root button{padding:8px;font-size:11px}.run-heading h2{font-size:16px}}
.battle-effect[data-evolution="true"]{background:var(--theme-tint-gold,#fff0c7);border-radius:8px;color:var(--theme-gold,#80601b);font-weight:800;padding:8px;width:100%}
.run-evolution-note{font-size:11px;line-height:1.65;color:var(--theme-gold,#846327);background:var(--theme-raised,#fbf4e5);padding:9px;border-radius:8px;margin:10px 0}
.run-reel-open{display:none}
.run-dialog.run-reel-dialog{width:min(520px,calc(100% - 20px));max-width:calc(100% - 20px);max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);overflow:hidden}
.run-reel-dialog::backdrop{background:#19251db3}
.run-reel-dialog[open]{display:flex;flex-direction:column}
.run-reel-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);flex-shrink:0}
.run-reel-dialog-header h2{margin:0;font-size:17px}
.run-reel-dialog-header button{min-width:64px}
.run-reel-dialog-content{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.run-reel-dialog .run-reels-in-dialog{display:block;border:0;padding:0;box-shadow:none;background:transparent}
.run-reel-dialog .battle-owner-tabs{margin-bottom:8px}
@media(max-width:720px){
  .run-reel-open[data-active="true"]{display:block;width:100%;margin-top:8px}
  .run-mobile-reels:not(.run-reels-in-dialog){display:none}
}