/* NOTW Universe v7 – a clean menu, immersive background, no stars over images */
/* Transparent star overlay sits BEHIND the real site content instead of on top of people. */
body.notw-universe{isolation:isolate}
body.notw-universe #notw-universe-stars{z-index:0!important;opacity:1!important;mix-blend-mode:normal!important}
body.notw-universe::before,body.notw-universe::after{z-index:-1!important}
body.notw-universe :is(main,.home-clean,.home-only-logo-main,.footer){position:relative;z-index:1}
body.notw-universe :is(.hub-person,.staff-person,.player-card,.player,.creator-card,.team-card,.creator-deck-card,.org-card,.partner-card,.staff-media,.creator-visual){position:relative;isolation:isolate}
body.notw-universe :is(.hub-person img,.staff-person img,.player img,.creator-visual img,.team-card img,.creator-deck-card img){position:relative;z-index:2}
body.notw-universe .header{z-index:10000!important;isolation:isolate}
/* Clean dropdown: logo left, one MENU button right, no tiny arrow toggles. */
body.notw-universe .header .nav{justify-content:space-between!important}
body.notw-universe .header .notw-header-dropdown{position:relative;display:flex;align-items:center;z-index:10020;margin-left:auto}
body.notw-universe .header .notw-menu-trigger{display:inline-flex!important;position:relative!important;align-items:center!important;justify-content:center!important;gap:11px!important;height:44px!important;min-width:126px!important;padding:0 20px!important;border:1px solid rgba(88,173,255,.54)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(15,48,87,.95),rgba(10,29,55,.98))!important;color:#f1f8ff!important;box-shadow:0 7px 32px rgba(0,0,0,.20);cursor:pointer!important;z-index:10022!important;font:800 12px/1 Inter,Arial,sans-serif!important;letter-spacing:.13em!important;touch-action:manipulation}
body.notw-universe .header .notw-menu-trigger[aria-expanded="true"],body.notw-universe .header .notw-menu-trigger:hover{background:linear-gradient(135deg,#1a4c83,#113b6b)!important;border-color:#81caff!important}
body.notw-universe .header .notw-menu-glyph{width:18px;height:16px;display:flex;flex-direction:column;justify-content:space-between;flex:none}
body.notw-universe .header .notw-menu-glyph i{display:block;width:100%;height:2px;background:#9bd4ff;border-radius:3px;transition:transform .2s ease,opacity .2s ease}
body.notw-universe .header .notw-menu-trigger[aria-expanded="true"] .notw-menu-glyph i:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.notw-universe .header .notw-menu-trigger[aria-expanded="true"] .notw-menu-glyph i:nth-child(2){opacity:0}
body.notw-universe .header .notw-menu-trigger[aria-expanded="true"] .notw-menu-glyph i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.notw-universe .header .notw-header-dropdown .notw-dropdown-panel{
 display:none!important;visibility:hidden!important;opacity:0!important;
 position:absolute!important;top:calc(100% + 15px)!important;right:0!important;bottom:auto!important;left:auto!important;inset:auto 0 auto auto!important;
 width:320px!important;max-width:calc(100vw - 30px)!important;height:auto!important;max-height:min(78vh,710px)!important;overflow-y:auto!important;
 margin:0!important;padding:12px!important;transform:none!important;
 border:1px solid rgba(111,181,255,.42)!important;border-radius:16px!important;
 box-shadow:0 26px 70px rgba(0,0,0,.55),0 0 32px rgba(58,143,240,.15)!important;
 background:linear-gradient(165deg,rgba(11,29,54,.985),rgba(5,15,29,.99))!important;
 flex-direction:column!important;align-items:stretch!important;gap:4px!important;z-index:10025!important;
}
body.notw-universe .header .notw-header-dropdown .notw-dropdown-panel.open{display:flex!important;visibility:visible!important;opacity:1!important}
body.notw-universe .header .notw-dropdown-panel>a,body.notw-universe .header .notw-dropdown-panel>a:not(.join){
 height:auto!important;min-height:42px!important;line-height:1.25!important;padding:12px 14px!important;
 display:flex!important;align-items:center!important;border:0!important;border-radius:8px!important;
 background:transparent!important;color:#edf5ff!important;font:750 13px/1.25 Inter,Arial,sans-serif!important;
 text-transform:none!important;letter-spacing:.015em!important;text-decoration:none!important;white-space:normal!important
}
body.notw-universe .header .notw-dropdown-panel>a::after{display:none!important}
body.notw-universe .header .notw-dropdown-panel>a:hover,body.notw-universe .header .notw-dropdown-panel>a:focus-visible{background:rgba(71,151,242,.18)!important;color:#fff!important;outline:1px solid rgba(86,180,255,.35)!important}
body.notw-universe .header .notw-dropdown-panel .notw-nav-category{display:block;color:#79c8ff;font:850 10px/1.1 Inter,Arial,sans-serif;letter-spacing:.2em;padding:18px 14px 8px;margin-top:5px;border-top:1px solid rgba(130,187,245,.20)}
body.notw-universe .header .notw-dropdown-panel>a.notw-nav-discord{margin-top:10px!important;background:rgba(45,122,207,.22)!important;border:1px solid rgba(94,180,255,.3)!important;color:#bde3ff!important}
@media(max-width:1000px){
  body.notw-universe .header .nav{height:72px!important;align-items:center!important}
  body.notw-universe .header .notw-header-dropdown{margin-left:auto}
  body.notw-universe .header .notw-menu-trigger{min-width:100px!important;height:42px!important;padding:0 14px!important}
  body.notw-universe .header .notw-header-dropdown .notw-dropdown-panel{
     position:fixed!important;top:72px!important;right:0!important;bottom:0!important;left:0!important;inset:72px 0 0 0!important;
     width:100vw!important;max-width:none!important;max-height:calc(100dvh - 72px)!important;height:calc(100dvh - 72px)!important;
     padding:22px 6vw 42px!important;margin:0!important;border:0!important;border-radius:0!important;
     background:linear-gradient(180deg,rgba(7,21,41,.995),rgba(9,33,61,.995))!important;
  }
  body.notw-universe .header .notw-dropdown-panel>a,body.notw-universe .header .notw-dropdown-panel>a:not(.join){font-size:17px!important;padding:15px 16px!important;min-height:49px!important}
}
@media(prefers-reduced-motion:reduce){body.notw-universe .header .notw-menu-glyph i{transition:none!important}}
@media(max-width:1000px){body.notw-universe .header{backdrop-filter:none!important}}