/* OLD-SAFARI FALLBACKS (29/10 QA D, P10.8). The code base targets Safari 15.4+. :has() needs 15.4, color-mix() needs 16.2: an iPad on iOS 15.0-16.1 ignores the whole declaration that uses them.
   Loaded LAST in index.html; every block is inside @supports not (...) so modern browsers never see it. Cheap, visible cases only: the focus ring, the done tile ring, the hover of the primary
   button, the Placement panels (their background is a custom property made with color-mix), and (no :has) the footer / tab bar hidden inside games + the city page not scrolling. */
@supports not (color: color-mix(in srgb, red 50%, blue)) {
  :where(a, button, input, select, [tabindex]):focus-visible { outline: 3px solid var(--lg-tint, #2272E6); outline-offset: 2px; }
  .lg-button--prominent:hover { background: var(--lg-tint-fill, #1b5fc4); filter: brightness(.92); }
  .tile.done { box-shadow: var(--bp-spec), 0 0 0 2px var(--bp-pos), var(--bp-shadow-1); }
  .pill.glow { box-shadow: 0 0 0 1px currentColor, 0 4px 14px -4px currentColor; }
  .comp-ping { animation: none; }
  .placement, .pl-page, [class^="pl-"] { --pl-panel: rgba(255, 255, 255, .84); --pl-soft: rgba(255, 255, 255, .6); }
  .kx-want { box-shadow: inset 0 0 0 1.5px var(--line), 0 0 0 2px var(--acc, #8BE33A); }
  .bl-halo, .cfx-glow { background: radial-gradient(closest-side, var(--acc, var(--cfx-a, #fff)), transparent); opacity: .45; }
  .cfx-rare .cfx-frame, .cfx-epic .cfx-frame, .cfx-legendary .cfx-frame { box-shadow: 0 0 10px 2px var(--cfx-f, #7fb8ff); }
}
@supports not selector(:has(*)) {
  body.in-game .foot, body.in-game .tabnav { display: none !important; }
  body.in-city, body.in-city html { overflow: hidden; }
}