/* NOTW v36: transparent floating nav, glass partner panel, clean creator carousel.
   The galaxy/star animations, images and data remain unchanged. */

/* The dark starry page itself is the header's background. Keep only NOTW & blue menu control. */
html body.notw-universe .header,
html body.notw-universe .topbar,
html body.notw-universe.home-page .header {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
  border-bottom:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body.notw-universe .header:before,html body.notw-universe .header:after,
html body.notw-universe .topbar:before,html body.notw-universe .topbar:after {
  box-shadow:none!important;
  background:transparent!important;
  border:0!important;
}
html body.notw-universe .header .container.nav,
html body.notw-universe .topbar .container.nav-wrap {
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
html body.notw-universe .header .notw-menu-trigger,
html body.notw-universe .topbar .notw-mp-menu-trigger {
  background:linear-gradient(145deg,rgba(28,72,118,.97),rgba(12,36,72,.97))!important;
  border:1px solid rgba(129,194,255,.55)!important;
  box-shadow:0 5px 20px rgba(0,0,0,.22)!important;
  color:#d5eaff!important;
}
/* Remove the wide solid tinted platform that appeared underneath the rotating portraits. */
html body.notw-universe .creators-page .creator-deck,
html body.notw-universe .creators-page #creatorDeck {
  background:transparent!important;
  background-image:none!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
html body.notw-universe .creators-page .creator-deck:before,
html body.notw-universe .creators-page .creator-deck:after {
  display:none!important;
  background:none!important;
}
/* Keep real interactive portrait cards as glass cards instead. */
html body.notw-universe .creators-page .creator-deck > .creator-deck-card {
  background:linear-gradient(160deg,rgba(12,23,40,.96),rgba(3,9,18,.98))!important;
}

/* Every shared sponsor panel: same width, generous top gap, real 2x2 arrangement, no clipped names. */
html body.notw-universe:not(:has(.partner-page-list)) .notw-v15-partners,
html body.notw-universe.home-page:not(:has(.partner-page-list)) .notw-v15-partners,
html body.notw-universe.notw-matchpoint:not(:has(.partner-page-list)) .notw-v15-partners,
html body.notw-universe:has(.creators-page):not(:has(.partner-page-list)) .notw-v15-partners,
html body.notw-universe:has(.teams-hub-page):not(:has(.partner-page-list)) .notw-v15-partners,
html body.notw-universe:has(.compact-team-view):not(:has(.partner-page-list)) .notw-v15-partners {
  display:block!important;
  position:absolute!important;
  z-index:90!important;
  top:110px!important;
  right:clamp(18px,3vw,52px)!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  transform-origin:top right!important;
  float:none!important;
  clear:none!important;
  width:348px!important;
  min-width:348px!important;
  max-width:348px!important;
  height:145px!important;
  min-height:145px!important;
  max-height:145px!important;
  box-sizing:border-box!important;
  padding:14px 14px 13px!important;
  margin:0!important;
  border:1px solid rgba(118,174,234,.29)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(7,21,39,.72),rgba(4,11,24,.65))!important;
  box-shadow:0 14px 42px rgba(0,0,0,.15)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
  pointer-events:none!important;
}
html body.notw-universe:has(.partner-page-list) .notw-v15-partners{display:none!important;}
html body.notw-universe .notw-v15-partner-inner {
  padding:0!important;
  margin:0!important;
  width:100%!important;
  background:transparent!important;
}
html body.notw-universe .notw-v15-partner-kicker {
  font:800 10px/1.2 Arial,sans-serif!important;
  letter-spacing:.18em!important;
  margin:0 0 9px!important;
  color:#b3d9ff!important;
}
html body.notw-universe .notw-v15-partner-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  gap:6px!important;
}
html body.notw-universe .notw-v15-partner {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  height:43px!important;
  min-height:43px!important;
  max-height:43px!important;
  padding:5px 7px!important;
  border-radius:10px!important;
  border:1px solid rgba(102,163,230,.26)!important;
  background:rgba(4,14,28,.30)!important;
  box-shadow:none!important;
  color:#f1f8ff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:800!important;
  font-size:12px!important;
  line-height:1.1!important;
  text-align:center!important;
  overflow:hidden!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
html body.notw-universe .brand-nvtypn-name{font-size:13px!important;letter-spacing:.10em!important;}
html body.notw-universe .brand-bwa{font-size:10px!important;}
html body.notw-universe .brand-bwa em{font-size:7px!important;}
html body.notw-universe .brand-elgato{font-size:17px!important;font-weight:650!important;}
html body.notw-universe .brand-dvag{font-size:10px!important;line-height:1.06!important;}
html body.notw-universe .brand-dvag-icon{flex:0 0 17px!important;font-size:16px!important;}
html body.notw-universe .brand-dvag .brand-dvag-copy{white-space:nowrap!important;}
/* Avoid placing partner panel on top of the mobile back-navigation. */
@media(max-width:1000px){
  html body.notw-universe:not(:has(.partner-page-list)) .notw-v15-partners,
  html body.notw-universe.home-page:not(:has(.partner-page-list)) .notw-v15-partners,
  html body.notw-universe.notw-matchpoint:not(:has(.partner-page-list)) .notw-v15-partners,
  html body.notw-universe:has(.creators-page):not(:has(.partner-page-list)) .notw-v15-partners,
  html body.notw-universe:has(.teams-hub-page):not(:has(.partner-page-list)) .notw-v15-partners,
  html body.notw-universe:has(.compact-team-view):not(:has(.partner-page-list)) .notw-v15-partners {
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:min(420px,calc(100% - 32px))!important;
    min-width:0!important;
    max-width:420px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:14px 14px 15px!important;
    margin:14px auto 15px!important;
    transform:none!important;
    z-index:4!important;
    pointer-events:auto!important;
  }
  html body.notw-universe .notw-v15-partner {
    height:51px!important;
    min-height:51px!important;
    max-height:51px!important;
    padding:5px 10px!important;
  }
  html body.notw-universe .notw-v15-partner-kicker {font-size:11px!important;margin-bottom:10px!important;}
  html body.notw-universe .brand-dvag {font-size:11px!important;}
  html body.notw-universe .brand-bwa{font-size:11px!important;}
  html body.notw-universe:not(.home-page) .notw-v15-back{
    display:inline-flex!important;
    width:max-content!important;
    max-width:calc(100vw - 32px)!important;
    align-items:center!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    margin:0 16px 12px!important;
    float:none!important;
    transform:none!important;
    z-index:5!important;
  }
}
@media(max-width:380px){
  html body.notw-universe .notw-v15-partners{padding:11px 12px 13px!important;}
  html body.notw-universe .brand-dvag{font-size:10px!important;}
  html body.notw-universe .brand-elgato{font-size:15px!important;}
}
