/* ═══════════════════════════════════════════════════════════════════════════
   Battle AIrena — Projection Layout Presets

   Selectable alternative compositions for the projection dashboard, for when
   the venue's projector resolution doesn't suit the default responsive bands.
   Pick one from the header "layout" dropdown, or load `/dashboard/?layout=<name>`.

   These live in the `user` cascade layer (declared LAST in shared/base.css, so
   it wins over `responsive`) and key on `[data-layout="<name>"]`. With no preset
   selected, `data-layout` is absent → none of these match → the default
   responsive composition in projection.layout.css is untouched.

   ADD A PRESET: append another rule inside this single `@layer user { … }`
   block (the whole file must stay one layer block — a CSS-contract tripwire
   enforces it). Then it auto-appears in the header dropdown (discovered from
   the stylesheet) and is loadable via `?layout=<name>`.

   Overridable per preset: `.layout` grid (columns/areas), per-slot folding
   (`[data-slot="standings"] { --visible-count: 16 }`), panel sizes, etc.
   ═══════════════════════════════════════════════════════════════════════════ */

@layer user {

  [data-dashboard="projection"][data-layout="championship"] .layout {
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-areas:
      "game     matches    standings"
      "game     matches    standings"
      "schedule schedule   schedule"
      "movelog  movelog    tournament";
  }

}