/* NOTW v35: shared near-black space, unified header height, compact mobile home. */
:root { --notw-nav-height:80px; }
html {background-color:#03070e!important;}
html body.notw-universe:not(.home-page),
html body.notw-universe.notw-matchpoint {
 background:
   radial-gradient(ellipse 65% 46% at 50% 0%, rgba(12,32,60,.23) 0%, rgba(6,16,31,.08) 52%, transparent 80%),
   linear-gradient(180deg,#03070d 0%,#050b15 52%,#030912 100%)!important;
 background-color:#040a14!important;
 background-attachment:fixed!important;
 min-height:100vh;
 color:#f1f7ff!important;
}
/* Make sure all older blue section wrappers leave the page background visible. */
html body.notw-universe:not(.home-page) :is(
 .teams-hub-head,.staff-view,.teams-hub-page,.compact-staff,.team-view,.division-hero,
 .division-page,.division-roster,.teams,.roster,.page-hero,.partner-page-hero,
 .partners-page,.partner-page-list,.about-org-page,.org-hero,.org-chart,
 .creators-page,.creators-page-hero,.creators,.featured-creators,.creator-section,
 .org-section,.player-profile-page,.player-profile-hero,
 .team-page,.staff-page,.division-hub,.division-switcher-page
){background:transparent!important;background-color:transparent!important;}
html body.notw-universe:not(.home-page) :is(
 .teams-hub-page,.teams-hub-head,.staff-view,.team-view,.page-hero,
 .about-org-page,.org-hero,.creators-page,.creators-page-hero,.player-profile-page
){background-image:radial-gradient(ellipse 68% 60% at 50% 0%,rgba(12,37,71,.09),transparent 82%)!important;}
/* Matchpoint cards stay legible but less blue. */
html body.notw-universe.notw-matchpoint :is(.panel,.event-card,.card,.admin-block,.notw-v15-event){
 background:linear-gradient(155deg,rgba(15,25,43,.98),rgba(7,14,27,.99))!important;
 border-color:rgba(89,151,226,.22)!important;
}
html body.notw-universe.notw-matchpoint :is(.score-table td,.tier,.admin-item){
 background-color:#0b1525!important;
}
/* Consistent 80px desktop and 76px mobile header, NOT just a taller inner logo. */
html body.notw-universe {--nav-height:80px!important;}
html body.notw-universe .header,html body.notw-universe .topbar,
html body.notw-universe.home-page .header{
 height:80px!important;min-height:80px!important;max-height:80px!important;
 box-sizing:border-box!important;
 padding:0!important;
 background:rgba(3,9,18,.96)!important;
 border-bottom:1px solid rgba(98,154,221,.25)!important;
 position:sticky!important;top:0!important;
 z-index:20000!important;
}
html body.notw-universe .header .container.nav,
html body.notw-universe .topbar .container.nav-wrap,
html body.notw-universe.home-page .header .container.nav{
 height:80px!important;min-height:80px!important;max-height:80px!important;
 width:calc(100% - 32px)!important;max-width:none!important;
 margin:0 auto!important;padding:0!important;
 flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
}
html body.notw-universe .header .brand,
html body.notw-universe .topbar .notw-mp-brand,
html body.notw-universe.home-page .header .brand{
 width:162px!important;min-width:162px!important;max-width:162px!important;
 flex:0 0 162px!important;height:56px!important;min-height:56px!important;
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
}
html body.notw-universe .header .brand img,
html body.notw-universe .topbar .notw-mp-brand img.logo,
html body.notw-universe.home-page .header .brand img{
 width:162px!important;max-width:162px!important;height:56px!important;
 object-fit:contain!important;object-position:left center!important;
}
html body.notw-universe .header .notw-menu-trigger,
html body.notw-universe .topbar .notw-mp-menu-trigger{
 width:47px!important;min-width:47px!important;max-width:47px!important;
 height:43px!important;min-height:43px!important;max-height:43px!important;
 border-radius:10px!important;
}
html body.notw-universe .topbar .notw-mp-header-controls{margin-left:auto!important;}
/* Keep home desktop artwork at same absolute viewport position despite taller header. */
@media(min-width:1001px){
 html body.notw-universe.home-page .home-only-logo-hero,
 html body.notw-universe.home-page .home-only-logo-inner{
   min-height:calc(100vh - 80px)!important;
 }
 html body.notw-universe.home-page .notw-complete-earth{top:calc(-11.7vw - 24px)!important;}
 html body.notw-universe.home-page .home-only-logo-anim{top:calc(50% - 186px)!important;}
 html body.notw-universe.home-page .notw-home-tagline{top:calc(50% + 114px)!important;}
 html body.notw-universe.home-page .notw-home-subtitle{top:calc(50% + 144px)!important;}
}
@media(max-width:1000px){
 html body.notw-universe{--nav-height:76px!important;}
 html body.notw-universe .header,html body.notw-universe .topbar,
 html body.notw-universe.home-page .header{
   height:76px!important;min-height:76px!important;max-height:76px!important;
 }
 html body.notw-universe .header .container.nav,
 html body.notw-universe .topbar .container.nav-wrap,
 html body.notw-universe.home-page .header .container.nav{
   height:76px!important;min-height:76px!important;max-height:76px!important;
   width:calc(100% - 26px)!important;
   flex-direction:row!important;align-items:center!important;
 }
 html body.notw-universe .header .brand,html body.notw-universe .topbar .notw-mp-brand,
 html body.notw-universe.home-page .header .brand{
   width:140px!important;min-width:140px!important;max-width:140px!important;
   flex:0 0 140px!important;height:48px!important;min-height:48px!important;
 }
 html body.notw-universe .header .brand img,
 html body.notw-universe .topbar .notw-mp-brand img.logo,
 html body.notw-universe.home-page .header .brand img{
   width:140px!important;max-width:140px!important;height:48px!important;
 }
 html body.notw-universe .header .notw-menu-trigger,
 html body.notw-universe .topbar .notw-mp-menu-trigger{
   width:43px!important;min-width:43px!important;max-width:43px!important;
   height:42px!important;min-height:42px!important;max-height:42px!important;
 }
 /* Only Home is made shorter; this never affects Teams/Matchpoint. */
 html body.notw-universe.home-page .home-only-logo-hero,
 html body.notw-universe.home-page .home-only-logo-inner{
   min-height:0!important;
   height:clamp(500px,calc(100svh - 185px),650px)!important;
   max-height:650px!important;
 }
 html body.notw-universe.home-page:not(:has(.partner-page-list)) .notw-v15-partners{
   top:79px!important;
 }
 /* Artwork and text shift up with the shorter hero instead of leaving blank space. */
 html body.notw-universe.home-page .notw-complete-earth{top:9%!important;}
 html body.notw-universe.home-page .home-only-logo-anim{top:calc(50% - 122px)!important;}
 html body.notw-universe.home-page .notw-home-tagline{top:calc(50% + 40px)!important;}
 html body.notw-universe.home-page .notw-home-subtitle{top:calc(50% + 67px)!important;}
}
@media(max-width:700px){
 html body.notw-universe.home-page .notw-complete-earth{top:12%!important;}
 html body.notw-universe.home-page .home-only-logo-anim{top:calc(50% - 94px)!important;}
 html body.notw-universe.home-page .notw-home-tagline{top:calc(50% + 58px)!important;}
 html body.notw-universe.home-page .notw-home-subtitle{top:calc(50% + 86px)!important;}
}
@media(max-width:520px){
 html body.notw-universe.home-page:not(:has(.partner-page-list)) .notw-v15-partners{
   top:78px!important;
 }
 html body.notw-universe.home-page .notw-complete-earth{top:15%!important;}
 html body.notw-universe.home-page .home-only-logo-anim{top:calc(50% - 61px)!important;}
 html body.notw-universe.home-page .notw-home-tagline{top:calc(50% + 87px)!important;}
 html body.notw-universe.home-page .notw-home-subtitle{top:calc(50% + 113px)!important;}
}