/* NOTW v8 – fixed menu system shared by homepage and Matchpoint. */
.notw-menu-trigger, .notw-mp-menu-trigger{
  appearance:none;display:inline-flex!important;gap:10px;align-items:center;justify-content:center;
  white-space:nowrap;flex:0 0 auto;min-width:124px;min-height:43px;
  padding:9px 18px!important;color:#e8f5ff!important;
  background:linear-gradient(130deg,#15375e,#102442)!important;
  border:1px solid rgba(119,194,255,.52)!important;border-radius:11px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  font:800 12px/1 Inter,Arial,sans-serif!important;letter-spacing:.1em!important;
  text-transform:uppercase;cursor:pointer;position:relative;z-index:5002;
}
.notw-menu-trigger:hover,.notw-mp-menu-trigger:hover,.notw-menu-trigger[aria-expanded="true"],.notw-mp-menu-trigger[aria-expanded="true"]{
  background:linear-gradient(130deg,#245990,#163f70)!important;border-color:#9bd4ff!important
}
.notw-menu-glyph{display:flex;width:17px;height:14px;flex:none;flex-direction:column;justify-content:space-between}
.notw-menu-glyph i{display:block;height:2px;width:100%;border-radius:2px;background:#9bd4ff;transition:transform .2s,opacity .2s}
[aria-expanded="true"] .notw-menu-glyph i:first-child{transform:translateY(6px) rotate(45deg)}
[aria-expanded="true"] .notw-menu-glyph i:nth-child(2){opacity:0}
[aria-expanded="true"] .notw-menu-glyph i:last-child{transform:translateY(-6px) rotate(-45deg)}
body.notw-universe > .notw-site-menu[hidden]{display:none!important}
body.notw-universe > .notw-site-menu{
  position:fixed!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  box-sizing:border-box!important;
  top:var(--notw-menu-top,84px)!important;
  right:var(--notw-menu-right,16px)!important;
  left:auto!important;bottom:auto!important;
  width:min(344px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  min-width:0!important;
  height:auto!important;
  max-height:var(--notw-menu-maxheight,calc(100dvh - 100px))!important;
  overflow:auto!important;overscroll-behavior:contain;
  margin:0!important;padding:14px!important;
  gap:3px!important;transform:none!important;
  border-radius:16px!important;
  border:1px solid rgba(109,186,255,.45)!important;
  background:linear-gradient(170deg,rgba(12,32,61,.99),rgba(6,18,36,.995))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 25px rgba(51,141,250,.18)!important;
  color:#edf6ff!important;
  visibility:visible!important;opacity:1!important;
  z-index:999999!important;
}
body.notw-universe > .notw-site-menu a{
  display:flex!important;align-items:center!important;
  flex:none!important;position:relative!important;
  width:100%!important;min-height:40px!important;height:auto!important;
  line-height:1.32!important;white-space:normal!important;
  padding:11px 13px!important;margin:0!important;
  background:transparent!important;border:0!important;border-radius:9px!important;
  text-decoration:none!important;letter-spacing:.015em!important;
  font:700 13px/1.34 Inter,Arial,sans-serif!important;
  color:#deedff!important;text-transform:none!important;
}
body.notw-universe > .notw-site-menu a::after{display:none!important}
body.notw-universe > .notw-site-menu a:is(:hover,:focus-visible),
body.notw-universe > .notw-site-menu a.active{
  background:rgba(78,162,246,.19)!important;color:#fff!important;
  outline:1px solid rgba(102,175,249,.25)!important;
}
body.notw-universe > .notw-site-menu .notw-nav-category{
  display:block!important;font:900 10px/1.2 Inter,Arial,sans-serif!important;
  color:#8cd0ff!important;letter-spacing:.18em!important;
  padding:14px 13px 7px!important;margin-top:4px!important;
  border-top:1px solid rgba(109,186,255,.2)!important;
}
body.notw-universe > .notw-site-menu a.notw-nav-discord{
  margin-top:8px!important;color:#bce5ff!important;
  border:1px solid rgba(105,185,255,.25)!important;
  background:rgba(52,117,188,.18)!important;
}
/* Neither page's header depends on its current route. */
body.notw-universe .header,body.notw-universe .topbar{isolation:visible!important;overflow:visible!important}
body.notw-universe .header .nav,body.notw-universe .topbar .nav-wrap{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important}
body.notw-universe .topbar{min-height:75px!important;height:75px!important}
body.notw-universe .topbar .nav-wrap{height:75px!important}
body.notw-universe .topbar .logo{height:53px!important;width:170px!important;flex:0 0 auto!important}
body.notw-universe .topbar .notw-mp-header-controls{margin-left:auto;flex:none}
body.notw-universe .header .notw-header-dropdown{display:flex!important;align-items:center!important}
@media(max-width:720px){
  body.notw-universe .topbar,body.notw-universe .topbar .nav-wrap{height:72px!important;min-height:72px!important}
  body.notw-universe .topbar .logo{width:136px!important;height:48px!important}
  body.notw-universe > .notw-site-menu{width:min(344px,calc(100vw - 24px))!important;padding:12px!important}
  body.notw-universe .header .notw-menu-trigger{min-width:102px!important;min-height:42px!important}
}
@media(prefers-reduced-motion:reduce){.notw-menu-glyph i{transition:none!important}}
