/* Keep the original board layout; compact only the player's resource stack. */
@media (min-width:701px) and (orientation:landscape) {
  #stage:not(.is-stacked) .res--you > .res__group--energy,
  #stage:not(.is-stacked) .res--you > .res__group--power,
  #stage:not(.is-stacked) .res--you > .res__group--xp { height:2.25cqw; }
  #stage:not(.is-stacked) .res--you > .res__group--energy { top:0; }
  #stage:not(.is-stacked) .res--you > .res__group--power { top:2.45cqw; }
  #stage:not(.is-stacked) .res--you > .res__group--xp { top:4.9cqw; }
}
/* Lift the two open piles beside the rune deck, leaving the space below clear. */
@media (min-width:701px) and (orientation:landscape) {
  #stage:not(.is-stacked) .piles--you .pile--open {
    transform:translateY(calc(-100% - .5cqw));
  }
}
@media (min-width:701px) and (orientation:landscape) {
  #stage:not(.is-stacked) .res--you > .res__group:not(.res__group--runes) { padding:.1cqw .3cqw; gap:0; }
  #stage:not(.is-stacked) .res--you > .res__group:not(.res__group--runes) .res__label { font-size:.5cqw; line-height:1; }
  #stage:not(.is-stacked) .res--you > .res__group:not(.res__group--runes) .res__row { min-height:0; line-height:1; }
  #stage:not(.is-stacked) .res--you > .res__group:not(.res__group--runes) .gem { width:.95cqw; height:.95cqw; }
  #stage:not(.is-stacked) .res--you > .res__group--xp .res__n { font-size:.85cqw; }
}
/* Reclaim the debug footer; keep its status node available to game code. */
#statusbar{display:none}
@media(min-width:701px) and (orientation:landscape){
 #stage:not(.is-stacked) .piles--you{
  top:70%;bottom:auto;right:1.2%;width:auto;
  display:grid;grid-template-columns:repeat(3,3.5cqw);gap:.4cqw;
 }
 #stage:not(.is-stacked) .piles--you .piles__row{display:contents}
 #stage:not(.is-stacked) .piles--you .pile--open{transform:none;grid-row:1}
 #stage:not(.is-stacked) .piles--you .pile--runes{grid-column:3;grid-row:1}
 #stage:not(.is-stacked) .piles--you .pile--deck{grid-column:3;grid-row:2}
 #stage:not(.is-stacked) .piles--you .pile{min-width:0;padding:.2cqw;box-sizing:border-box}
 #stage:not(.is-stacked) .piles--you :is(.pile__back,.pile__top,.pile__slot){width:2.65cqw}
 #stage:not(.is-stacked) .piles--you .pile__n{font-size:1.35cqw}
 #stage:not(.is-stacked) .piles--you .pile__label{font-size:.5cqw}
}
@media(min-width:701px) and (orientation:landscape){
 #stage:not(.is-stacked) .piles--you .pile small{font-size:.48cqw;letter-spacing:.03em;line-height:1.25}
 #stage:not(.is-stacked) .piles--you .pile--open:not(.pile--empty) .pile__n{top:64%;font-size:1cqw}
}
@media(min-width:701px) and (orientation:landscape) and (max-height:550px){
 #stage:not(.is-stacked) .piles--you{top:76%;right:.5%;grid-template-columns:repeat(3,2.5cqw);gap:.25cqw}
 #stage:not(.is-stacked) .piles--you :is(.pile__back,.pile__top,.pile__slot){width:1.9cqw}
 #stage:not(.is-stacked) .piles--you .pile small{font-size:.4cqw}
 #stage:not(.is-stacked) .piles--you .pile__n{font-size:1cqw}
}
