/* ============================================================
   Cross‑browser overrides  ── Firefox / Safari / Edge
   ============================================================ */
   @supports (-moz-appearance: none) {

    /* ---------- 0. Gecko FPS‑патч (убираем самые тяжёлые эффекты) */
    .gamecontainer,
    .gamecontainer::before,
    .gamecontainer::after {
      animation: none !important;               /* бесконечные градиенты   */
    }
    .no-results,
    .header,
    .toolbar,
    .tag,
    .field,
    .result-value.highlighted-score {
      backdrop-filter: none !important;         /* blur до FF 119 — CPU     */
    }
  
    /* ---------- 1. Скроллбар (в Firefox нет ::-webkit-scrollbar) */
    @-moz-document url-prefix() {
      * {
        scrollbar-width: thin;
        scrollbar-color: #888 #f1f1f1;          /* ▉ ползунок / трек        */
      }
    }
  
    /* ---------- 2. text-wrap-mode → white-space (стандарт) ------ */
    .game-title,
    .score-category,
    .status-item,
    .revenue-label,
    .release-label,
    .field-label,
    .tag-name,
    .release-date {
      white-space: nowrap !important;
    }
  
    /* ---------- 3. backdrop-filter — graceful‑degradation ------- */
    @supports not ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))) {
      .no-results,
      .header,
      .toolbar,
      .tag,
      .field,
      .result-value.highlighted-score {
        background-color: rgba(255, 255, 255, .08) !important;
        backdrop-filter: none !important;
      }
    }
  
    /* ---------- 4. Маски: spec‑syntax вместо -webkit-mask-composite */
    .random-bg-layer,
    .gamecontainer::before,
    .gamecontainer::after {
      mask-composite: exclude !important;
    }
  
    /* ---------- 5. prefers‑reduced‑motion ----------------------- */
    @media (prefers-reduced-motion: reduce) {
      .gamecontainer,
      .gamecontainer::before,
      .gamecontainer::after { animation: none !important; }
    }
  
    /* ---------- 6. Универсальные @keyframes --------------------- */
    @keyframes AnimaBG {
      0%   { background-position: 0% 84%; }
      50%  { background-position: 100% 16%; }
      100% { background-position: 0% 84%; }
    }
    @keyframes gradientMove {
      0%   { background-position: 20% 75%; background-size: 300% 300%; }
      50%  { background-position: 30% 65%; background-size: 500% 500%; }
      100% { background-position: 20% 75%; background-size: 300% 300%; }
    }
    @keyframes gradientShine {
      0%   { background-position: 300% 0%; }
      100% { background-position: 0% 500%; }
    }
  
    /* ---------- 7. color‑mix() fallback для старых движков ------- */
    @supports not (color: color-mix(in srgb, red 50%, white 50%)) {
      :root {
        --poor:#ff6644; --good:#a274ff; --excellent:#ff9c33;
        --forgettable:#33aaff; --marginal:#66ff66; --none:#bbbbbb;
      }
    }
  
    /* ---------- 8. Стабильный layout при появлении скролла ------- */
    html { scrollbar-gutter: stable; }
  
    /* ---------- 9. appearance reset (стрелочки <select>) -------- */
    select {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
    }
  
    /* ---------- 10. Убираем «белые обводки» во тьме ------------- */
    @media (prefers-color-scheme: dark) {
      .gamecontainer,
      .tag,
      .field,
      .score-progress-indicator {
        border-color: transparent !important;   /* НЕТ currentColor         */
      }
    }
  
    /* ---------- 11. Наследуем шрифт для форм‑элементов ---------- */
    button, input, select, textarea { font-family: inherit; }
  
    /* ---------- 12. Системные focus‑ring’и OFF + свой видимый ---- */
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    select {
      border: none !important;                  /* белой рамки нет          */
      outline: none !important;                 /* системный ring убит      */
      background-clip: padding-box;
    }
    button::-moz-focus-inner,
    input::-moz-focus-inner {
      border: 0 !important;
      padding: 0 !important;
    }
  
    /* — видимый ring только для клавиатуры — */
    button:focus-visible,
    input[type="button"]:focus-visible,
    input[type="submit"]:focus-visible,
    input[type="reset"]:focus-visible,
    select:focus-visible {
      box-shadow: 0 0 0 2px var(--blue) inset;
    }
  }