/* Fantasy Zone — more neon pink (28 Oct 2026)
   Navy + aqua stay dominant; pink is the second neon, used for edges, glows and "you".
   Loaded last. Delete the <link> in index.html to go back to the softer pink. */

:root{
  --pink:#ff2d95; --pink-tint:rgba(255,45,149,.12); --pink-glow:0 0 10px rgba(255,45,149,.55),0 0 26px rgba(255,45,149,.25);
}

/* Panels: a glowing pink top edge */
.card:not(.tabs){border-top:2px solid var(--pink)!important;box-shadow:0 -1px 12px -4px rgba(255,45,149,.55)!important}

/* Header: thin neon pink line under the bar */
header{border-bottom:1px solid rgba(255,45,149,.45)!important;box-shadow:0 1px 14px -6px rgba(255,45,149,.6)!important}

/* Page titles + section heads */
.mxTop h2,#rosterTitle,.card>h2{text-shadow:0 0 14px rgba(255,45,149,.35)}
.sectionHead{border-left:3px solid var(--pink)!important;box-shadow:-6px 0 10px -6px rgba(255,45,149,.7)}

/* Navigation: active item gets a pink glow */
.tabs button.active{box-shadow:inset 3px 0 0 var(--pink),0 0 14px -4px rgba(255,45,149,.6)!important}
@media (max-width:1099px){.tabs button.active{box-shadow:inset 0 -3px 0 var(--pink),0 0 14px -4px rgba(255,45,149,.6)!important}}

/* Segmented toggles + week picker underline */
.seg.on,.mxPick.on{box-shadow:inset 0 -2px 0 var(--pink),0 6px 12px -8px rgba(255,45,149,.8)!important}

/* Secondary buttons: pink neon outline on hover/focus */
button.secondary:hover,button.secondary:focus-visible{border-color:var(--pink)!important;color:#ffd1e6!important;box-shadow:var(--pink-glow)!important}

/* Live badge in the header goes neon pink */
.badge{color:var(--pink)!important;border-color:rgba(255,45,149,.7)!important;text-shadow:0 0 8px rgba(255,45,149,.6)}
.badge::before{background:var(--pink)!important;box-shadow:0 0 8px var(--pink)}

/* "You" rows glow a little */
.scoreRow.mine,.brTeam.mine,.hmRow.mine{box-shadow:inset 3px 0 0 var(--pink),0 0 16px -8px rgba(255,45,149,.7)!important}

/* Login screen: pink rim on the card, pink dot in the tagline, faint pink haze under the ball */
body:has(#loginHero) #joinCard,body:has(#loginHero) #adminJoinCard{
  border-top:2px solid var(--pink)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.45),0 -2px 22px -8px rgba(255,45,149,.75),inset 0 1px 0 rgba(255,255,255,.06)!important}
.lhSub{color:#ffb3d6}
.lhGlow{background:
  radial-gradient(circle at 50% 50%, rgba(34,240,255,.38) 0%, rgba(34,240,255,.12) 38%, transparent 66%),
  radial-gradient(circle at 50% 78%, rgba(255,45,149,.30) 0%, transparent 55%)!important}
#showAdminLoginBtn{color:var(--pink)!important;text-shadow:0 0 8px rgba(255,45,149,.45)}