/*
  UPL Design Ideas: isolated focus experiment.
  This file affects only the three Start a League sections explicitly marked
  with .upl-focus-section. It does not alter layout, widths, spacing or content.
*/
.upl-focus-section {
  --upl-focus-scale: 1;
  --upl-focus-opacity: 1;
  --upl-focus-blur: 0px;
  transform: scale(var(--upl-focus-scale));
  opacity: var(--upl-focus-opacity);
  filter: blur(var(--upl-focus-blur));
  transform-origin: 50% 50%;
  will-change: transform, opacity, filter;
}

/* Keep the effect restrained on touch-sized screens. */
@media (max-width: 760px) {
  .upl-focus-section {
    transform-origin: 50% 42%;
  }
}

/* Accessibility: no focus animation when reduced motion is requested. */
@media (prefers-reduced-motion: reduce) {
  .upl-focus-section {
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
    will-change: auto;
  }
}