/* `inset`, `padding-inline`/`padding-block` and flex `gap` all arrived in Safari 14.1, so this
   matches exactly the browsers (iOS 14) that have none of them. Values mirror site.css. */
@supports not (inset: 0) {
  .game-root[data-game$="ball-pool"] .nb-overlay,
  .game-root[data-game$="ball-pool"] .nb-full { top: 0; right: 0; bottom: 0; left: 0; }
  .game-root[data-game$="ball-pool"] .nb-chips > * + * { margin-left: 3px; }
  .game-root[data-game$="ball-pool"] .nb-status { padding-left: 8px; padding-right: 8px; }
  /* The options row wraps on a phone, so its gap is needed between rows as well. .nb-tools is
     display: contents, so its children are the row's real items. */
  .game-root[data-game$="ball-pool"] .nb-options { margin-top: -8px; margin-left: -4px; margin-right: -4px; }
  .game-root[data-game$="ball-pool"] .nb-options > *,
  .game-root[data-game$="ball-pool"] .nb-options > .nb-tools > * { margin: 8px 4px 0; }
  .game-root[data-game$="ball-pool"] .nb-difficulty { padding-top: 5px; padding-bottom: 5px; }
  .game-root[data-game$="ball-pool"] .nb-difficulty > * + * { margin-left: 6px; }
  .game-root[data-game$="ball-pool"] .nb-fs > * + * { margin-left: 7px; }
  .game-root[data-game$="ball-pool"] .nb-fsicon::before { top: 2px; right: 2px; bottom: 2px; left: 2px; }
  @media (max-width: 720px) {
    .game-root[data-game$="ball-pool"] .nb-chips > * + * { margin-left: 2px; }
  }
  @media (max-width: 430px) {
    .game-root[data-game$="ball-pool"] .nb-options { margin-top: -5px; margin-left: -2.5px; margin-right: -2.5px; }
    .game-root[data-game$="ball-pool"] .nb-options > *,
    .game-root[data-game$="ball-pool"] .nb-options > .nb-tools > * { margin: 5px 2.5px 0; }
  }
  @media (max-height: 520px) and (orientation: landscape) {
    .game-root[data-game$="ball-pool"] .nb-full .nb-player,
    .game-root[data-game$="ball-pool"] .nb-full .nb-match { padding-top: 3px; padding-bottom: 3px; }
    .game-root[data-game$="ball-pool"] .nb-full .nb-options { margin-top: -5px; margin-left: -2.5px; margin-right: -2.5px; }
    .game-root[data-game$="ball-pool"] .nb-full .nb-options > *,
    .game-root[data-game$="ball-pool"] .nb-full .nb-options > .nb-tools > * { margin: 5px 2.5px 0; }
  }
}