/* NOTW v6: Creators-inspired unified space background and reliable mobile navigation */
:root{--notw-night:#06111e;--notw-navy:#0a1c32;--notw-accent:#59baff;}
html{background:#06111e!important}
body.notw-universe:not(.home-page){
  background:
    radial-gradient(ellipse 62% 52% at 50% 1%,rgba(17,57,109,.66),transparent 85%),
    radial-gradient(ellipse 48% 40% at 95% 67%,rgba(14,54,98,.27),transparent 80%),
    linear-gradient(180deg,#06111e 0%,#09182b 45%,#071424 100%) !important;
  background-attachment:fixed!important;
  color:#f1f7ff!important;
  min-height:100vh;
}
body.notw-universe.home-page{background:#050a13!important}
/* Visible animation sits over otherwise opaque legacy sections. It never receives clicks. */
#notw-universe-stars{
  position:fixed!important;inset:0!important;width:100%!important;height:100%!important;
  z-index:8!important;pointer-events:none!important;user-select:none!important;
  opacity:.84!important;mix-blend-mode:screen;
}
/* Keep header and all navigation fully above the starfield. */
body.notw-universe .header{z-index:2000!important;overflow:visible!important;
  background:rgba(4,12,25,.94)!important;
  border-color:rgba(86,160,239,.22)!important}
body.notw-universe .footer,body.notw-universe .compact-footer{
  position:relative;z-index:9;
  background:rgba(6,15,29,.72)!important;
  border-color:rgba(86,160,239,.18)!important
}
/* This is the exact family of muted navy/blue used by the Creators page.
   Most previous sections hard-coded a solid almost-black background. */
body.notw-universe:not(.home-page) :is(
  .teams-hub-page,.teams-hub-head,.team-view,.staff-view,.team-empty-compact,
  .division-page,.division-hero,.division-hub,.division-roster,.division-empty,
  .teams,.roster,#moderation.roster,.page-hero,.page-title,.profile-back,.player-profile-page,
  .player-profile-hero,.profile-setup,.about-org-page,.about,.about-page,.partners,
  .partners-page,.creators,.creators-page,.creators-page-hero,
  .news,.events,.next,.cta,.teams-gamebar,.division-switcher-page,
  .staff-page,.team-page,.roster-section,.org-hero,.org-team,.org-section,
  .player-page,.pro-roster,.pro-team,.featured-creators,.reel-grid
){
  background:transparent!important;
  background-color:transparent!important;
  color:#f1f7ff!important;
}
body.notw-universe:not(.home-page) :is(.teams-hub-page,.teams-hub-head,.team-view,.staff-view,.page-hero,.about-org-page,.creators-page){
  background-image:radial-gradient(ellipse 65% 70% at 50% 0%,rgba(22,76,138,.22),transparent 85%)!important;
}
/* Opaque cards remain opaque for readability but are tinted blue, not black. */
body.notw-universe :is(.hub-person,.staff-person,.team-card,.creator-card,.creator-deck-card,
  .team-icon-link,.division-link,.org-card,.player,.player-card,.partner-card,.partner-logo,
  .news-list article,.news-feature,.game-pill,.team-empty-inline,.gear-item){
  background-color:#101e34!important;
  border-color:rgba(95,166,248,.22)!important;
}
body.notw-universe :is(.hub-person,.staff-person,.org-card,.partner-card,.division-link,
  .creator-deck-card,.team-empty-inline,.gear-item){
  background-image:linear-gradient(160deg,rgba(23,46,79,.84),rgba(10,25,44,.96))!important;
}
body.notw-universe .teams-hub-head{border-color:rgba(97,166,248,.20)!important}
body.notw-universe .teams-hub-page{min-height:100vh}
body.notw-universe .page-hero h1,body.notw-universe .teams-hub-head h1,
body.notw-universe .section-title{color:#f7fbff!important}
body.notw-universe :is(.kicker,.eyebrow,.creator-role,.division-back){color:#85c5ff!important}
body.notw-universe .footer-links a{color:#deeafa!important}
/* Preserve the already approved Home image and its centered, genuinely transparent WebP logo. */
body.notw-universe.home-page .home-only-logo-bg{
  background-image:url('home/world-map-bg.webp')!important;
  background-size:cover!important;
  background-position:center!important;
}
body.notw-universe.home-page .home-only-logo-inner{
  position:relative;z-index:9!important;display:flex!important;
  justify-content:center!important;align-items:center!important;
}
body.notw-universe.home-page .home-only-logo-anim{
  display:block!important;margin:auto!important;background:transparent!important;
  width:min(82vw,860px)!important;height:auto!important;object-fit:contain!important;
}
/* Turnier links are part of the main header and need reliable stacking. */
body.notw-universe .header .notw-tour-links[hidden]{display:none!important}
body.notw-universe .header .notw-tour-links{
  background:rgba(9,24,47,.98)!important;border-color:rgba(98,169,250,.48)!important;
}
body.notw-universe .header .notw-tour-toggle{touch-action:manipulation}
body.notw-universe .header .notw-tour-links a{touch-action:manipulation}
@media(max-width:1000px){
  body.notw-universe .header{height:72px!important;position:sticky!important;top:0!important;z-index:10000!important}
  body.notw-universe .header .nav{height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important}
  body.notw-universe .header .brand{position:relative!important;z-index:10002!important}
  body.notw-universe .header .menu{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:10002!important;cursor:pointer!important;touch-action:manipulation!important}
  body.notw-universe .header .navlinks{
    display:none!important;
    position:fixed!important;inset:72px 0 0 0!important;left:0!important;right:0!important;top:72px!important;
    transform:none!important;width:100vw!important;max-width:none!important;
    height:calc(100dvh - 72px)!important;max-height:none!important;
    margin:0!important;padding:24px 6vw 48px!important;
    box-sizing:border-box!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    background:linear-gradient(180deg,rgba(5,18,36,.995),rgba(8,27,53,.995))!important;
    border:0!important;align-items:stretch!important;flex-direction:column!important;
    justify-content:flex-start!important;gap:0!important;
    z-index:10001!important;visibility:hidden!important;opacity:0!important;
  }
  body.notw-universe .header .navlinks.open{
    display:flex!important;visibility:visible!important;opacity:1!important;
  }
  body.notw-universe .header .navlinks>a:not(.join){
    height:auto!important;line-height:1.1!important;padding:15px 0!important;
    color:#f2f7ff!important;border-bottom:1px solid rgba(103,180,255,.14)!important
  }
  body.notw-universe .header .navlinks .notw-tour-menu{width:100%!important;display:block!important;position:relative!important;z-index:1!important}
  body.notw-universe .header .notw-tour-control{height:54px!important;width:100%!important}
  body.notw-universe .header .navlinks .notw-tour-primary{height:54px!important;line-height:1!important}
  body.notw-universe .header .notw-tour-links{
    position:relative!important;top:auto!important;left:auto!important;transform:none!important;
    width:100%!important;z-index:1!important;margin-top:9px!important;
  }
  body.notw-universe .header .navlinks .notw-tour-links a{font-size:14px!important;padding:14px!important}
  body.notw-universe .header .navlinks .join{margin:22px 0!important;line-height:1.3!important}
  body.notw-menu-open{overflow:hidden!important}
}
@media (max-width:420px){
  body.notw-universe .header .navlinks{padding:16px 5vw 30px!important}
  body.notw-universe .header .navlinks>a:not(.join){font-size:clamp(26px,8vw,36px)!important}
}
@media(prefers-reduced-motion:reduce){#notw-universe-stars{opacity:.65!important}}

/* v7 shared stacking – prevent star canvas appearing ON TOP of player photos */
body.notw-universe #notw-universe-stars { z-index:0!important; mix-blend-mode:normal!important; opacity:.97!important }
body.notw-universe :is(main,.footer,.demo-ribbon) {position:relative;z-index:1}
body.notw-universe .topbar {position:sticky;z-index:10000!important}
/* Home world globe retains visible, subtly twinkling stars behind the actual logo. */
body.notw-universe.home-page .home-only-logo-hero::after {
 content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
 background-image:
 radial-gradient(circle at 6% 13%,#9bccff 0 1.25px,transparent 2.3px),
 radial-gradient(circle at 16% 31%,#d5ebff 0 1px,transparent 2px),
 radial-gradient(circle at 32% 11%,#a0d4ff 0 1.6px,transparent 3px),
 radial-gradient(circle at 43% 66%,#f3faff 0 1px,transparent 2px),
 radial-gradient(circle at 61% 18%,#a0d4ff 0 1px,transparent 2.5px),
 radial-gradient(circle at 72% 43%,#cae9ff 0 1.4px,transparent 2.6px),
 radial-gradient(circle at 91% 20%,#cbeaff 0 1.25px,transparent 2px),
 radial-gradient(circle at 83% 75%,#e0f1ff 0 1px,transparent 2px);
 filter:drop-shadow(0 0 4px rgba(127,193,255,.68));opacity:.5;
 animation:notwHeroStars 5s ease-in-out infinite alternate;
}
@keyframes notwHeroStars{0%{opacity:.23;filter:brightness(.8)}50%{opacity:.84;filter:brightness(1.25)}100%{opacity:.48;filter:brightness(.95)}}
body.notw-universe.home-page .home-only-logo-hero .home-only-logo-inner{z-index:4!important}
@media(max-width:1000px){body.notw-universe .header{backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){body.notw-universe.home-page .home-only-logo-hero::after{animation:none}}

/* v8 Homepage: user's exact Earth image, black sky removed, shared navy backdrop. */
body.notw-universe.home-page {background:linear-gradient(180deg,#06111e 0%,#0a1c32 55%,#071524 100%)!important}
body.notw-universe.home-page .home-only-logo-hero{
  background:radial-gradient(ellipse at 50% 45%,#12345b 0%,#0b2241 45%,#06111e 100%)!important;
}
body.notw-universe.home-page .home-only-logo-bg{
  background:transparent!important;
  background-image:none!important;
  position:absolute;inset:0;transform:none!important;
}
body.notw-universe.home-page .home-only-logo-bg::before{
  content:"";position:absolute;inset:0;
  background:url('home/earth-cutout.webp') no-repeat center center / cover;
  opacity:.94;
}
body.notw-universe.home-page .home-only-logo-overlay{
  background:linear-gradient(180deg,rgba(6,17,30,.12),rgba(6,17,30,.06) 50%,rgba(5,16,29,.24))!important;
}


/* v14: home earth should not stretch too wide at the bottom. Keep the globe compact and centered. */
body.notw-universe.home-page .home-only-logo-bg::before{
  inset:0 auto auto 50%!important;
  width:min(100vw,1680px)!important;
  height:100%!important;
  transform:translateX(-50%)!important;
  background:url('home/earth-cutout.webp') no-repeat center top / contain!important;
  opacity:.94!important;
}
@media(max-width:1100px){
  body.notw-universe.home-page .home-only-logo-bg::before{
    width:min(112vw,1500px)!important;
    background-position:center top!important;
    background-size:contain!important;
  }
}
@media(max-width:700px){
  body.notw-universe.home-page .home-only-logo-bg::before{
    width:min(126vw,980px)!important;
  }
}


/* v16 – home-only Earth correction: smaller floating original globe; no rectangular matte. */
body.notw-universe.home-page .home-only-logo-hero{
  background:radial-gradient(ellipse at 50% 48%,#12335a 0%,#0b2240 43%,#06111e 100%)!important;
}
body.notw-universe.home-page .home-only-logo-bg::before{
  content:""!important;
  position:absolute!important;
  top:clamp(28px,7vh,80px)!important;
  bottom:auto!important;right:auto!important;left:50%!important;
  width:min(72vw,1150px)!important;
  height:min(52vw,650px)!important;
  transform:translateX(-50%)!important;
  background-image:url('home/earth-soft.webp')!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:contain!important;
  opacity:.96!important;
  pointer-events:none!important;
  animation:notwPlanetDrift 18s ease-in-out infinite alternate!important;
}
@keyframes notwPlanetDrift{0%{transform:translate(-50%,0)}100%{transform:translate(-50%,10px)}}
@media(max-width:900px){
 body.notw-universe.home-page .home-only-logo-bg::before{
   top:clamp(65px,12vh,110px)!important;
   width:min(114vw,880px)!important;
   height:min(83vw,660px)!important;
 }
}
@media(max-width:600px){
 body.notw-universe.home-page .home-only-logo-bg::before{
   top:clamp(90px,20vh,195px)!important;
   width:130vw!important;
   height:92vw!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body.notw-universe.home-page .home-only-logo-bg::before{animation:none!important}
}