/* Mobile navigation uses the same cut-corner panels as the city/league controls. */
@media(max-width:760px){
 #mobile-menu{
  padding:26px 6vw max(48px,env(safe-area-inset-bottom));
  background:
   linear-gradient(90deg,#54ceff05 1px,transparent 1px) 0 0/40px 40px,
   linear-gradient(#54ceff05 1px,transparent 1px) 0 0/40px 40px,
   radial-gradient(ellipse at 0 5%,#12384a70,transparent 65%),
   radial-gradient(ellipse at 100% 90%,#36162d45,transparent 65%),#050b12fa;
 }
 #mobile-menu nav{gap:12px;max-width:560px;margin-inline:auto}
 #mobile-menu .site-nav-item{
  --menu-accent:#69daff;--menu-edge:#315366;--menu-panel:#091622;
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:76px;padding:20px 23px;border:0;background:transparent;box-shadow:none;
  color:#d9e5ee;font:italic 700 clamp(25px,7vw,32px)/1.1 RAMGODCondensed,Arial,sans-serif;
  letter-spacing:1.25px;text-shadow:none;
  transition:color .18s ease,filter .18s ease;
 }
 #mobile-menu .site-nav-item::before,#mobile-menu .site-nav-item::after{
  content:"";display:block;position:absolute;z-index:-1;height:auto;pointer-events:none;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  transition:background .18s ease;
 }
 #mobile-menu .site-nav-item::before{inset:0;background:var(--menu-edge)}
 #mobile-menu .site-nav-item::after{inset:1px;background:linear-gradient(115deg,var(--menu-panel),#07111b)}
 #mobile-menu .menu-option-label{position:relative;min-width:0}
 #mobile-menu .menu-option-arrow{width:20px;height:20px;flex:none;fill:none;stroke:var(--menu-accent);stroke-width:1.4;opacity:.65;transition:transform .18s ease,opacity .18s ease}
 #mobile-menu .site-nav-item[aria-current=page]{--menu-edge:#69daff;--menu-panel:#103448;color:#b8f2ff;filter:drop-shadow(0 0 8px #38c2ff24);text-shadow:0 0 14px #38c2ff55}
 #mobile-menu .site-nav-item[aria-current=page] .menu-option-label::before{content:"";position:absolute;left:-14px;top:calc(50% - 2px);width:4px;height:4px;background:var(--menu-accent);box-shadow:0 0 9px var(--menu-accent)}
 #mobile-menu .site-nav-item[aria-current=page] .menu-option-arrow{opacity:1}
 #mobile-menu .site-nav-item:focus-visible,#mobile-menu .site-nav-item:active{--menu-edge:var(--menu-accent);color:#fff;filter:drop-shadow(0 0 8px #38c2ff30)}
 #mobile-menu .site-nav-item:focus-visible{outline:2px solid var(--menu-accent);outline-offset:4px}
 #mobile-menu .site-nav-item:active .menu-option-arrow{transform:translateX(3px);opacity:1}
 #mobile-menu:not([hidden]) .site-nav-item{animation:mobile-menu-arrive .22s ease backwards}
 #mobile-menu:not([hidden]) .site-nav-item:nth-child(2){animation-delay:.03s}
 #mobile-menu:not([hidden]) .site-nav-item:nth-child(3){animation-delay:.06s}
 #mobile-menu:not([hidden]) .site-nav-item:nth-child(4){animation-delay:.09s}
}
@keyframes mobile-menu-arrive{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px) and (hover:hover){
 #mobile-menu .site-nav-item:hover{--menu-edge:var(--menu-accent);color:#fff;filter:drop-shadow(0 0 8px #38c2ff30)}
 #mobile-menu .site-nav-item:hover .menu-option-arrow{transform:translateX(3px);opacity:1}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
 #mobile-menu .site-nav-item,#mobile-menu .site-nav-item::before,#mobile-menu .site-nav-item::after,#mobile-menu .menu-option-arrow{animation:none!important;transition:none!important}
}