/* The figure stands on a scene-specific foreground plane. */
@media(max-width:790px){.layout{grid-template-columns:minmax(0,1fr)}.stage,.sidebar{min-width:0}}
.scene-art{background-position:center var(--scene-y, 76%)}
.scene-art.has-figure::after{content:"";position:absolute;z-index:1;left:var(--figure-x, 13%);bottom:calc(var(--figure-ground, 7%) - 2%);width:72px;height:13px;border-radius:50%;background:#030a11aa;filter:blur(5px);pointer-events:none}
.scene-art .game-figure{z-index:2;left:var(--figure-x, 13%);bottom:var(--figure-ground, 7%);height:calc(94% * var(--figure-scale, .88));max-width:38%;filter:drop-shadow(1px 5px 5px #020812b0);object-position:bottom}
.secondary-panel summary{cursor:pointer;list-style-position:inside}
.secondary-panel summary:focus-visible,.battle-help summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.battle-help{display:none}

@media(max-width:600px){
  body.battle-mode .scene-art{display:block;height:clamp(190px,56vw,250px);background-position:center 50%}
  body.battle-mode .scene-art[data-scene="broken-stair"]{background-position:center top}
  body.battle-mode .scene-art .game-figure{left:var(--figure-x, 13%);bottom:var(--figure-ground, 7%);height:calc(93% * var(--figure-scale, .88));max-width:46%;transform:none}
  body.battle-mode .scene-art.has-figure::after{left:calc(var(--figure-x, 13%) + 39px);width:75px;height:15px}
  body.battle-mode .stage-top{padding:8px 11px}
  body.battle-mode .hero{order:-1;padding:9px 12px;gap:4px 14px}
  body.battle-mode .hero-head{display:flex;margin:0;min-height:24px}
  body.battle-mode .hero-head h2{font-size:16px}
  body.battle-mode .meter-label{font-size:10px}
  body.battle-mode .meter{height:8px}
  body.battle-mode .story{padding:10px 12px 0}
  body.battle-mode .foes{margin:8px 0;gap:7px}
  body.battle-mode .foe{min-height:62px;padding:8px;gap:8px}
  body.battle-mode .foe-details strong{font-size:15px}
  body.battle-mode .foe-details span,body.battle-mode .foe-details em{font-size:12px}
  body.battle-mode .controls{padding:8px 12px 14px}
  body.battle-mode .action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.battle-mode .action{min-height:56px;padding:9px 10px;text-align:left;font:700 15px/1.15 Arial,sans-serif}
  body.battle-mode .action small{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:block;font:11px/1.3 Arial,sans-serif;margin-top:4px}
  body.battle-mode .action::after{display:none}
  body.battle-mode .battle-event{font-size:12px;line-height:1.4;margin:7px 0}
  body.battle-mode .move-guide,body.battle-mode .battle-help{display:block;border-top:1px solid var(--line);padding-top:6px;margin-top:10px;color:var(--muted);font:13px/1.45 Arial,sans-serif}
  body.battle-mode .move-guide summary,body.battle-mode .battle-help summary{min-height:42px;padding:9px 3px;color:var(--blue);font-weight:700;cursor:pointer}
  body.battle-mode .battle-help p{margin:4px 0 10px}
  .secondary-panel{padding:12px 16px}
  .secondary-panel summary{min-height:40px;display:list-item;padding:10px 0}
  .secondary-panel:not([open]){min-height:0}
}
@media(max-width:360px){body.battle-mode .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.battle-mode .scene-art{height:190px}body.battle-mode .hero-head{display:flex}body.battle-mode .story>.eyebrow{display:block}body.battle-mode .brand small{display:block}}
@media(max-width:600px){.secondary-panel summary{padding-block:17px}.camp-section summary{padding-block:15px}button:not(.class-card),.mast-actions .quiet,#controls button:not(.class-card),.kingdom-return{min-height:44px}}
@media(max-height:500px) and (orientation:landscape) and (max-width:900px){body.battle-mode .scene-art{display:block;height:180px;background-position:center 50%}body.battle-mode .scene-art .game-figure{height:calc(92% * var(--figure-scale, .88));max-width:30%;bottom:var(--figure-ground, 7%)}body.battle-mode .action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.battle-mode .action{min-height:54px;padding:7px;font-size:13px}body.battle-mode .action small{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:block;font-size:10px}body.battle-mode .action::after{display:none}}