/* Deeper glass (glass look only): rim light, inner glow, floating shadow, a sheen that moves as you scroll, and more colour behind the glass. Loaded after glass.css and dark.css. */
html.glass body::before { background:
  radial-gradient(38% 16% at 15% 6%, var(--tint-a, rgba(6,46,226,.8)), transparent 70%),
  radial-gradient(34% 14% at 88% 18%, var(--tint-b, rgba(255,200,0,.8)), transparent 70%),
  radial-gradient(30% 12% at 30% 40%, rgba(236,72,153,.45), transparent 70%),
  radial-gradient(36% 14% at 85% 55%, rgba(14,165,233,.65), transparent 70%),
  radial-gradient(30% 12% at 20% 78%, var(--tint-b, rgba(255,200,0,.55)), transparent 70%),
  radial-gradient(40% 14% at 80% 95%, var(--tint-a, rgba(6,46,226,.6)), transparent 70%), #e8edff !important; filter: blur(14px) !important; }
html.glass header, html.glass .fx, html.glass .card, html.glass .tile, html.glass .comptabs, html.glass .roundbar .arrow,
html.glass .banner, html.glass .strip .game, html.glass .gamestats, html.glass .matchhead, html.glass .leadbox, html.glass .teams section,
html.glass footer.site, html.glass .myclub, html.glass body > .topnav {
  background: linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.08) 55%, rgba(255,255,255,.16)) !important;
  -webkit-backdrop-filter: blur(16px) saturate(210%) brightness(1.04) !important; backdrop-filter: blur(16px) saturate(210%) brightness(1.04) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.9), inset -1px -1px 0 rgba(255,255,255,.35), inset 0 0 22px rgba(255,255,255,.26),
    inset 0 -14px 24px -14px rgba(15,23,42,.16), 0 18px 36px -8px rgba(15,23,42,.26), 0 3px 8px rgba(15,23,42,.08) !important; }
html.glass.dark header, html.glass.dark .fx, html.glass.dark .card, html.glass.dark .tile, html.glass.dark .comptabs, html.glass.dark .roundbar .arrow,
html.glass.dark .banner, html.glass.dark .strip .game, html.glass.dark .gamestats, html.glass.dark .matchhead, html.glass.dark .leadbox, html.glass.dark .teams section,
html.glass.dark footer.site, html.glass.dark .myclub, html.glass.dark body > .topnav {
  background: linear-gradient(135deg, rgba(48,48,48,.55), rgba(22,22,22,.5) 55%, rgba(36,36,36,.52)) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.22), inset -1px -1px 0 rgba(255,255,255,.08), inset 0 0 22px rgba(255,255,255,.05),
    inset 0 -14px 24px -14px rgba(0,0,0,.4), 0 18px 36px -8px rgba(0,0,0,.6), 0 3px 8px rgba(0,0,0,.3) !important; }
html.glass.dark body::before { filter: blur(18px) brightness(.2) saturate(.8) !important; }
html.glass .fx:not(.live)::after, html.glass .card::after, html.glass .teams section::after, html.glass .gamestats::after, html.glass .matchhead::after, html.glass .leadbox::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: -1; pointer-events: none;
  background: linear-gradient(115deg, transparent calc(var(--sh, 30%) - 18%), rgba(255,255,255,.34) var(--sh, 30%), transparent calc(var(--sh, 30%) + 14%)) !important; }
html.glass.dark .fx:not(.live)::after, html.glass.dark .card::after, html.glass.dark .teams section::after, html.glass.dark .gamestats::after, html.glass.dark .matchhead::after, html.glass.dark .leadbox::after {
  background: linear-gradient(115deg, transparent calc(var(--sh, 30%) - 18%), rgba(255,255,255,.08) var(--sh, 30%), transparent calc(var(--sh, 30%) + 14%)) !important; }
html.glass .gamestats, html.glass .matchhead, html.glass .leadbox { position: relative; isolation: isolate; }
html.glass .glide > .pill { background: linear-gradient(180deg, #3654c4, #1F3A93) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -2px 4px rgba(0,0,0,.2), 0 4px 10px rgba(31,58,147,.4) !important; }
html.glass table.stats th, html.glass table.stats td { background: transparent !important; }
html.glass table.stats tbody tr:nth-child(even) td { background: rgba(255,255,255,.14) !important; }
html.glass.dark table.stats tbody tr:nth-child(even) td { background: rgba(255,255,255,.04) !important; }
@media (prefers-reduced-motion: reduce) { html.glass .fx::after, html.glass .card::after, html.glass .teams section::after,
  html.glass .gamestats::after, html.glass .matchhead::after, html.glass .leadbox::after { background: none !important; } }
/* devices that can't blur: keep panels readable */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html.glass header, html.glass .fx, html.glass .card, html.glass .banner, html.glass .gamestats, html.glass .teams section, html.glass footer.site,
  html.glass body > .topnav { background: var(--glass-solid) !important; } }
