/* ROUND 31 — HUD-side styles. Owned by Developer L (src/ui/hud.js,
   src/ui/adScreen.js). See docs/design/round31-work-orders.md contract C14
   ("the two round-31 stylesheets and their <link> tags") and the "Developer
   L" section for what belongs here.

   Every brand-new HUD component style from L-1 through L-3 lives here.
   Nothing HUD-side goes in styles.css, which is not owned or edited this
   round (§2 "the stylesheet rule, unchanged from round 30"). Selectors
   compose the shared `pb-*` vocabulary already defined in styles.css
   (--pb-ink-dim, --pb-line, the existing .pb-btn/.pb-btn--ghost/
   .pb-card__desc/.pb-levelup__ready-note rules) rather than re-declaring it.

   L-1 (the revive prompt's ad button, work order §L-1) introduces no new
   class: `revive-watch-ad` and `revive-ad-remaining` keep their round-30
   classes (`pb-btn`/`pb-btn--ghost`/`pb-btn--primary`/`pb-btn--block` and
   `pb-card__desc pb-death__ad-remaining`) unchanged, both already styled in
   styles.css — only whether hud.js creates them at all has changed, and
   that is a hud.js-only change (buildReviveOverlay()). Nothing to add here
   for L-1. */

/* ===================================================================
   L-2 (work order §L-2, copy doc §5.3, contracts C3/C4) — the free-reroll
   ad offer on the Weapon Stage overlay: a second, separate block button
   (`btn-ad-reroll`, reusing the existing `pb-btn pb-btn--ghost pb-btn--block`
   vocabulary — no new button class needed) directly under the existing
   Reroll row, plus its own note line underneath.
   =================================================================== */

/* `.pb-levelup` is a column flex with its own `gap` (styles.css §4.14/4.19,
   10px normally, 4px on the round-28 short tier) — that alone already
   spaces `btn-ad-reroll` under `btn-reroll`. This note sits closer under
   ITS OWN button than a full flex gap would, the same -6px overlap
   `.pb-death__ad-remaining` (styles.css) already uses under the revive
   prompt's ad button, and is centred like every other line in this overlay
   (`.pb-levelup__ready-note`, `.pb-levelup__evolve-rule`). */
.pb-levelup__ad-reroll-note {
  margin: -6px 0 0;
  text-align: center;
}

/* ROUND 28's own short-viewport tier (styles.css, `@media (max-width: 480px)
   and (max-height: 700px)`) already shrinks `btn-reroll` to keep the whole
   `.pb-levelup` column inside a short phone's budget; `btn-ad-reroll` only
   ever shares the screen with `btn-reroll` when it is rendered at all (it
   is absent whenever the player still has a reroll of their own), so it
   gets the exact same treatment at the exact same breakpoints, never a
   separate guess. */
@media (max-width: 480px) and (max-height: 700px) {
  .pb-levelup [data-testid="btn-ad-reroll"] { min-height: 52px; font-size: 14px; padding: 6px 14px; }
  .pb-levelup__ad-reroll-note { font-size: 11px; }
}
@media (max-width: 380px) {
  .pb-levelup [data-testid="btn-ad-reroll"] { min-height: 48px; }
}

/* ===================================================================
   L-3 (work order §L-3) — adScreen.js's header comment only changed;
   no new markup, no new class. Nothing to add here for L-3.
   =================================================================== */