/* Board legibility on a touch device in landscape.
 *
 * Measured on the real coarse/touch arm at 874x402 with a live match: seventeen visible
 * labels render under 10px, and the smallest thing on screen is res__n — the resource
 * NUMBER — at 9.6px, while the word describing it sits at 8px beside it.
 *
 * Cause: the landscape type scale is authored in cqw against #stage (typography.css:117),
 * and polish.css:38 gives the stage the full viewport width, so 1cqw is ~8.7px here and
 * sub-1cqw sizes land at 5-8px. Floors exist, but only in the (pointer: coarse) arm and
 * only for some labels; .shelf__label span and .rune-meter__amount have none in either.
 *
 * Neither reference game solves this by shrinking type. Hearthstone labels almost nothing
 * on the table — the art tells you what a pile is, and the number is large. So: drop the
 * words that duplicate what the art already says, and raise the numbers that do not.
 * There is direct precedent in this file set — style.css:1432 hides .ophand__label at
 * phone size for exactly this reason.
 *
 * Loaded last so it wins at equal specificity. Touch + landscape only; a desktop board
 * keeps the existing scale.
 */

@media (pointer: coarse) and (orientation: landscape) {

  /* --- words the art already says --- */

  /* "· 1 units" beside a shelf whose units are right there to count. */
  #stage .shelf__label span { display: none; }

  /* "Banished" / "Trash" / "Deck" under 38px-wide piles. At 10px "Banished" needs ~48px,
     so it cannot be floored, only dropped — and the count above it is the part you read.
     Judgement call: the piles keep a fixed order and distinct art. One line to restore. */
  #stage .pile small { display: none; }

  /* --- numbers, raised --- */

  /* Matches typography.css:211's `#stage:not(.is-stacked) .res__n` — a plain
     `#stage .res__n` loses to it on specificity and silently does nothing. */
  /* NOT the resource panel. Its groups are ~27px tall over 7px rows, tuned so the
     label and the number just fit; raising .res__label to 10px squeezed the number out
     of the group and clipped "0" and "10" entirely. Verified by A/B with this sheet
     disabled: at the authored sizes they render fine. Those labels are genuinely too
     small at 8px, but the fix is more room for the group, not a bigger font, and that
     is a layout change rather than a floor. Left alone deliberately. */
  #stage .rune-meter__amount { font-size: max(10px, .75cqw); }
  #stage .rune-meter__amount b { font-size: max(14px, 1.25cqw); }

  /* The turn banner announces the hand-off now; this line is the persistent reminder,
     so it only needs to be readable, not loud. */
  #stage .turnstate__who { font-size: max(11px, .9cqw); }
  #stage .turnstate__phase { font-size: max(10px, .8cqw); }
}
