/* ═══════════════════════════════════════════════════════
   ARENA ISOLATION SHIM
   arena.css and style.css independently reuse ~18 short class names for
   unrelated components (full list + rationale in the header comment of
   public/css/arena.css) — e.g. style.css's .pt is the Portfolio sub-tab
   button; arena.css's .pt is a poster title in Bebas Neue at 38px.

   arena.css is @scope-wrapped so ITS rules never leak OUT to the rest of
   the app. But style.css is the app's general stylesheet and is NOT
   scoped — without this shim, its unscoped rules for these same class
   names would leak IN and corrupt Arena's own elements (e.g. the
   Portfolio tab's flex/padding bleeding onto Arena's poster title).

   This neutralizes style.css's contribution for exactly these names,
   but ONLY inside .arena-scope subtrees. :where() keeps this rule's own
   specificity at zero, so it sits at the same specificity as both the
   style.css rule it's cancelling and the arena.css rule that follows —
   source order then decides, and load order (style.css → this file →
   arena.css) makes arena.css win last, as intended.

   Load order matters: style.css → arena-isolation.css → arena.css.
═══════════════════════════════════════════════════════ */
:where(.arena-scope) :is(
  .toast, .screen, .pt, .t1, .t2, .t3, .t4,
  .up, .dn, .win, .more, .less, .gold, .ok, .over, .sm, .urgent, .sc-name
) {
  all: revert;
}