/* SEJM KOMBAT R25R26 — one-layer Legend arena atmosphere.
 * A deliberately cheap DOM overlay: no WebGL, filters, blending or layout work.
 * The clear centre and clear HUD band keep fighters and combat data readable. */
#skR25R26LegendAtmosphere {
  --sk-legend-edge-rgb: 63, 205, 255;
  --sk-legend-floor-rgb: 244, 74, 92;
  --sk-legend-opacity: 0;
  --sk-legend-shift-x: 0px;
  --sk-legend-shift-y: 0px;
  --sk-legend-scale: 1;
  position: absolute;
  inset: -4px;
  z-index: 2;
  display: block;
  overflow: hidden;
  pointer-events: none !important;
  touch-action: none;
  user-select: none;
  opacity: var(--sk-legend-opacity);
  transform: translate3d(var(--sk-legend-shift-x), var(--sk-legend-shift-y), 0) scale(var(--sk-legend-scale));
  transform-origin: 50% 58%;
  transition: opacity 260ms linear, transform 360ms ease-out;
  contain: strict;
  will-change: opacity, transform;
  background:
    linear-gradient(90deg,
      rgba(var(--sk-legend-edge-rgb), .34) 0%,
      rgba(var(--sk-legend-edge-rgb), .10) 10%,
      transparent 22%,
      transparent 78%,
      rgba(var(--sk-legend-edge-rgb), .10) 90%,
      rgba(var(--sk-legend-edge-rgb), .34) 100%),
    linear-gradient(180deg,
      transparent 0%,
      transparent 68%,
      rgba(var(--sk-legend-floor-rgb), .08) 82%,
      rgba(var(--sk-legend-floor-rgb), .26) 100%),
    radial-gradient(ellipse 70% 64% at 50% 58%,
      transparent 0%,
      transparent 58%,
      rgba(var(--sk-legend-edge-rgb), .08) 78%,
      rgba(var(--sk-legend-floor-rgb), .19) 100%);
}

#skR25R26LegendAtmosphere[data-arena="mech_foundry"] {
  --sk-legend-edge-rgb: 74, 213, 255;
  --sk-legend-floor-rgb: 225, 63, 82;
}

#skR25R26LegendAtmosphere[data-arena="free_trade_courtyard"] {
  --sk-legend-edge-rgb: 246, 205, 72;
  --sk-legend-floor-rgb: 48, 190, 121;
}

#skR25R26LegendAtmosphere[data-arena="golden_rally"] {
  --sk-legend-edge-rgb: 255, 193, 68;
  --sk-legend-floor-rgb: 225, 48, 69;
}

#skR25R26LegendAtmosphere[data-tier="pressure"] {
  transition-duration: 220ms, 320ms;
}

#skR25R26LegendAtmosphere[data-tier="critical"] {
  transition-duration: 150ms, 240ms;
}

@media (prefers-reduced-motion: reduce) {
  #skR25R26LegendAtmosphere {
    display: none !important;
    opacity: 0 !important;
    transform: none !important;
    transition: none !important;
  }
}

@media (forced-colors: active) {
  #skR25R26LegendAtmosphere { display: none !important; }
}