/* play-bg.css -- the page behind the setup form and the match console. Loaded
   only by play.html, after style.css.

   Same photograph and same scrim as the landing page, taken from the theme
   rather than named here, so choosing a theme without one (--page-photo:none)
   leaves the page flat rather than half-dressed. Every card here is opaque
   (--panel), including the board itself, so the photo only ever shows through
   the page's own margins and gaps, never behind anything you read during play. */
body{background:var(--page-photo) center center/cover fixed no-repeat, var(--bg)}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg, var(--scrim-strong) 0%, var(--scrim-soft) 40%, var(--scrim-soft) 100%)}
.wrap{position:relative;z-index:1}

/* A big flag planted at the top-right of the intro text, tall enough that it
   pokes out over the top of the first setup card below -- desktop only,
   where there's room for it. Positioned absolutely so its height doesn't
   push the text or the cards around; it just overlaps them. */
.introrow{position:relative}
.introflag{display:none}
@media (min-width:900px){
  .introflag{display:block;position:absolute;top:-14px;right:-24px;
    width:340px;height:auto;z-index:-1;pointer-events:none}
}