/* ALLSTAR GALAXY V261 — UNIVERSAL TOP FRAMEWORK
   One locked header/navigation/ticker/hero system for every public page. */

:root{--asg-top-max:1180px;--asg-header-cycle:5.4s}
body.page-home{--page-accent:#ffd43b;--page-accent-rgb:255,212,59}
body.page-team{--page-accent:#d82cff;--page-accent-rgb:216,44,255}
body.page-updates,body.page-news,body.page-schedule{--page-accent:#39ff36;--page-accent-rgb:57,255,54}
body.page-media{--page-accent:#26c6ff;--page-accent-rgb:38,198,255}
body.page-galaxy-shuffle{--page-accent:#ff7a00;--page-accent-rgb:255,122,0}
body.page-live{--page-accent:#ff3038;--page-accent-rgb:255,48,56}
body.page-follow{--page-accent:#ff3bb8;--page-accent-rgb:255,59,184}
body.page-about,body.page-404{--page-accent:#e7edf7;--page-accent-rgb:231,237,247}

html,body{min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}
html body[class*="page-"]{margin:0!important;padding:0!important;height:auto!important;min-height:100%!important;max-height:none!important;overflow-y:auto!important}
html body[class*="page-"]>.site-shell{width:min(100%,var(--asg-top-max))!important;min-height:100%!important;height:auto!important;max-height:none!important;margin:0 auto!important;overflow:visible!important}

@keyframes asgV261GlowPulse{0%,16%,100%{filter:drop-shadow(0 0 5px rgba(var(--page-accent-rgb),.42));transform:scale(1)}7%{filter:drop-shadow(0 0 11px rgba(var(--page-accent-rgb),.95)) drop-shadow(0 0 24px rgba(var(--page-accent-rgb),.55));transform:scale(1.035)}}
@keyframes asgV261ButtonPulse{0%,16%,100%{box-shadow:0 0 7px rgba(var(--page-accent-rgb),.36);filter:brightness(1)}7%{box-shadow:0 0 16px rgba(var(--page-accent-rgb),.98),0 0 30px rgba(var(--page-accent-rgb),.55);filter:brightness(1.18)}}

html body[class*="page-"] header.site-top{position:sticky!important;top:0!important;z-index:5000!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#03030c!important;border:0!important;box-sizing:border-box!important;overflow:visible!important}
html body[class*="page-"] header.site-top .hero-bar{position:relative!important;display:grid!important;grid-template-columns:92px minmax(0,1fr) 92px!important;align-items:center!important;gap:18px!important;width:100%!important;height:106px!important;min-height:106px!important;margin:0!important;padding:8px 46px 4px!important;box-sizing:border-box!important;background:radial-gradient(circle at 50% 35%,rgba(var(--page-accent-rgb),.07),transparent 48%),#03030c!important}
html body[class*="page-"] header.site-top .hero-logo,html body[class*="page-"] header.site-top .hero-logo-right{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:78px!important;height:78px!important;min-width:78px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;transform:none!important}
html body[class*="page-"] header.site-top .hero-logo img,html body[class*="page-"] header.site-top .hero-logo-right img{display:block!important;width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;object-fit:contain!important;animation:asgV261GlowPulse var(--asg-header-cycle) ease-in-out infinite!important}
html body[class*="page-"] header.site-top .hero-logo img{animation-delay:0s!important}
html body[class*="page-"] header.site-top .hero-logo-right img{animation-delay:3.6s!important}
html body[class*="page-"] header.site-top .hero-title{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:84px!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:none!important}
html body[class*="page-"] header.site-top .hero-title img{position:static!important;display:block!important;width:min(100%,780px)!important;height:76px!important;max-width:780px!important;max-height:76px!important;margin:0 auto!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:drop-shadow(0 0 9px rgba(var(--page-accent-rgb),.65))!important}

html body[class*="page-"] header.site-top nav,html body[class*="page-"] header.site-top nav.site-nav-v3{position:static!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;align-items:stretch!important;gap:10px!important;width:calc(100% - 120px)!important;height:auto!important;margin:0 auto!important;padding:4px 0 9px!important;background:transparent!important;border:0!important;overflow:visible!important;box-sizing:border-box!important;transform:none!important}
html body[class*="page-"] header.site-top nav>a,html body[class*="page-"] header.site-top nav>.site-search-button-desktop{appearance:none!important;position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;padding:8px 5px!important;box-sizing:border-box!important;border:1px solid rgba(var(--page-accent-rgb),.82)!important;border-radius:6px!important;background:rgba(2,3,12,.96)!important;color:#fff!important;text-decoration:none!important;text-transform:uppercase!important;white-space:nowrap!important;font:800 clamp(.69rem,.82vw,.84rem)/1 Arial,sans-serif!important;letter-spacing:.035em!important;box-shadow:none!important;filter:none!important;animation:none!important;transform:none!important;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease!important}
/* Kill every legacy orange Shuffle override outside the Shuffle page. */
html body[class*="page-"]:not(.page-galaxy-shuffle) header.site-top nav>a[href$="galaxy-shuffle.html"],html body[class*="page-"]:not(.page-galaxy-shuffle) header.site-top nav>a[href*="galaxy-shuffle"]{border-color:rgba(var(--page-accent-rgb),.82)!important;background:rgba(2,3,12,.96)!important;box-shadow:none!important;filter:none!important;color:#fff!important}
html body[class*="page-"] header.site-top nav>a:hover,html body[class*="page-"] header.site-top nav>a:focus-visible,html body[class*="page-"] header.site-top nav>.site-search-button-desktop:hover,html body[class*="page-"] header.site-top nav>.site-search-button-desktop:focus-visible,html body[class*="page-"]:not(.page-galaxy-shuffle) header.site-top nav>a[href*="galaxy-shuffle"]:hover,html body[class*="page-"]:not(.page-galaxy-shuffle) header.site-top nav>a[href*="galaxy-shuffle"]:focus-visible{border-color:var(--page-accent)!important;background:rgba(var(--page-accent-rgb),.16)!important;box-shadow:0 0 14px rgba(var(--page-accent-rgb),.9),0 0 26px rgba(var(--page-accent-rgb),.32)!important;filter:none!important;color:#fff!important;transform:translateY(-2px)!important;animation:none!important}
html body[class*="page-"] header.site-top nav>a.active,html body[class*="page-"] header.site-top nav>a[aria-current="page"]{border-color:var(--page-accent)!important;background:linear-gradient(180deg,rgba(var(--page-accent-rgb),.68),rgba(var(--page-accent-rgb),.18))!important;color:#fff!important;animation:asgV261ButtonPulse var(--asg-header-cycle) ease-in-out infinite!important;animation-delay:1.8s!important}
html body[class*="page-"] header.site-top .mobile-search-button{display:none!important}

html body[class*="page-"] header.site-top .asg-status-ticker{position:relative!important;display:block!important;width:100%!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;border:0!important;border-top:1px solid var(--page-accent)!important;border-bottom:2px solid var(--page-accent)!important;background:#020209!important;color:var(--page-accent)!important;overflow:hidden!important}
html body[class*="page-"] header.site-top .asg-status-ticker-track{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;height:33px!important;min-height:33px!important;margin:0!important;padding:1px 14px!important;box-sizing:border-box!important;color:var(--page-accent)!important;text-align:center!important;white-space:nowrap!important;font:700 clamp(.68rem,.82vw,.84rem)/1.1 Arial,sans-serif!important;transform:none!important}

/* Universal hero frame: same dimensions, carousel controls, and spacing on every page. */
html body[class*="page-"] header.site-top + .hero-image,html body[class*="page-"] header.site-top + .shuffle-hero,html body[class*="page-"] header.site-top + .special-page-hero,html body[class*="page-"] header.site-top + .season-archive-hero{position:relative!important;width:100%!important;max-width:none!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;border:0!important;border-bottom:1px solid rgba(var(--page-accent-rgb),.75)!important;overflow:hidden!important;transform:none!important;background-position:center!important;background-size:cover!important}
html body.page-galaxy-shuffle header.site-top + .shuffle-hero{display:block!important;background:#050208!important}
html body.page-galaxy-shuffle .shuffle-hero-image{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;margin:0!important}
html body.page-about header.site-top + .special-page-hero,html body.page-404 header.site-top + .special-page-hero{display:block!important}
html body[class*="page-"] .hero-rotation-stage,html body[class*="page-"] .hero-rotation-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-size:cover!important;background-position:center!important}
html body[class*="page-"] .hero-rotation-dots{position:absolute!important;left:50%!important;bottom:14px!important;z-index:15!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;height:28px!important;margin:0!important;padding:4px 10px!important;border:1px solid rgba(var(--page-accent-rgb),.55)!important;border-radius:999px!important;background:rgba(2,2,10,.65)!important;box-shadow:0 0 12px rgba(var(--page-accent-rgb),.35)!important;transform:translateX(-50%)!important}
html body[class*="page-"] .hero-rotation-dot{appearance:none!important;width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:50%!important;background:rgba(10,10,18,.72)!important;box-shadow:none!important;transform:none!important}
html body[class*="page-"] .hero-rotation-dot.is-active{background:var(--page-accent)!important;border-color:#fff!important;box-shadow:0 0 9px var(--page-accent),0 0 15px rgba(var(--page-accent-rgb),.6)!important}

@media(max-width:900px){
 html body[class*="page-"]>.site-shell{width:100%!important;margin:0!important}
 html body[class*="page-"] header.site-top{position:sticky!important;top:0!important}
 html body[class*="page-"] header.site-top .hero-bar{height:90px!important;min-height:90px!important;grid-template-columns:66px minmax(0,1fr) 66px!important;gap:7px!important;padding:7px 8px 2px!important}
 html body[class*="page-"] header.site-top .hero-logo{width:64px!important;height:64px!important;min-width:64px!important}
 html body[class*="page-"] header.site-top .hero-logo img{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important}
 html body[class*="page-"] header.site-top .hero-logo-right{display:none!important}
 html body[class*="page-"] header.site-top .hero-title{height:66px!important;min-height:66px!important}
 html body[class*="page-"] header.site-top .hero-title img{width:100%!important;height:58px!important;max-width:430px!important;max-height:58px!important}
 html body[class*="page-"] header.site-top .mobile-search-button{appearance:none!important;position:static!important;display:flex!important;grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:center!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;margin:0!important;padding:0!important;border:2px solid var(--page-accent)!important;border-radius:50%!important;background:#03030c!important;color:#fff!important;font:800 .57rem/1 Arial,sans-serif!important;letter-spacing:.11em!important;text-transform:uppercase!important;box-shadow:0 0 12px rgba(var(--page-accent-rgb),.7)!important;animation:asgV261GlowPulse var(--asg-header-cycle) ease-in-out infinite!important;animation-delay:3.6s!important;transform:none!important}
 html body[class*="page-"] header.site-top .mobile-search-button span{font-size:1rem!important;line-height:1!important;margin:0 0 4px!important}
 html body[class*="page-"] header.site-top .mobile-search-button b{font-size:.57rem!important;line-height:1!important}
 html body[class*="page-"] header.site-top nav,html body[class*="page-"] header.site-top nav.site-nav-v3{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important;width:100%!important;margin:0!important;padding:3px 6px 6px!important}
 html body[class*="page-"] header.site-top nav>a{height:48px!important;min-height:48px!important;padding:4px 1px!important;border-radius:6px!important;font-size:clamp(.56rem,2.45vw,.73rem)!important;letter-spacing:0!important}
 html body[class*="page-"] header.site-top nav>.site-search-button-desktop{display:none!important}
 html body[class*="page-"] header.site-top .asg-status-ticker{height:46px!important;min-height:46px!important}
 html body[class*="page-"] header.site-top .asg-status-ticker-track{height:43px!important;min-height:43px!important;padding:3px 10px!important;gap:7px!important;white-space:normal!important;font-size:clamp(.68rem,3vw,.88rem)!important;line-height:1.16!important}
 html body[class*="page-"] header.site-top + .hero-image,html body[class*="page-"] header.site-top + .shuffle-hero,html body[class*="page-"] header.site-top + .special-page-hero,html body[class*="page-"] header.site-top + .season-archive-hero{aspect-ratio:16/10!important;height:auto!important;min-height:0!important;margin:0!important;background-position:center!important;background-size:cover!important}
 html body.page-galaxy-shuffle .shuffle-hero-image{object-fit:cover!important;object-position:center!important}
 html body[class*="page-"] .hero-rotation-dots{bottom:9px!important;height:24px!important;gap:7px!important;padding:3px 9px!important}
 html body[class*="page-"] .hero-rotation-dot{width:9px!important;height:9px!important;min-width:9px!important;min-height:9px!important}
}
@media(max-width:430px){
 html body[class*="page-"] header.site-top .hero-bar{height:84px!important;min-height:84px!important;grid-template-columns:60px minmax(0,1fr) 60px!important;gap:5px!important;padding:5px 6px 1px!important}
 html body[class*="page-"] header.site-top .hero-logo{width:58px!important;height:58px!important;min-width:58px!important}
 html body[class*="page-"] header.site-top .hero-logo img{width:55px!important;height:55px!important;max-width:55px!important;max-height:55px!important}
 html body[class*="page-"] header.site-top .hero-title{height:60px!important;min-height:60px!important}
 html body[class*="page-"] header.site-top .hero-title img{height:53px!important;max-height:53px!important}
 html body[class*="page-"] header.site-top .mobile-search-button{width:57px!important;height:57px!important;min-width:57px!important;min-height:57px!important;font-size:.52rem!important}
 html body[class*="page-"] header.site-top nav,html body[class*="page-"] header.site-top nav.site-nav-v3{gap:3px!important;padding:3px 4px 5px!important}
 html body[class*="page-"] header.site-top nav>a{height:44px!important;min-height:44px!important;font-size:clamp(.50rem,2.4vw,.66rem)!important}
 html body[class*="page-"] header.site-top .asg-status-ticker{height:44px!important;min-height:44px!important}
 html body[class*="page-"] header.site-top .asg-status-ticker-track{height:41px!important;min-height:41px!important;padding:3px 8px!important;font-size:clamp(.64rem,3vw,.82rem)!important}
}
@media(prefers-reduced-motion:reduce){html body[class*="page-"] header.site-top .hero-logo img,html body[class*="page-"] header.site-top .hero-logo-right img,html body[class*="page-"] header.site-top .mobile-search-button,html body[class*="page-"] header.site-top nav>a.active{animation:none!important}}
