/* R46 — Global navigation hierarchy: MUSIC owns World Cup 2026 + Originals. */
@media (min-width:761px){
  .navlinks{overflow:visible!important}
  .navMusicGroup{position:relative;z-index:4;display:flex;align-items:center}
  .navMusicGroup>.navMusicMain{display:flex;align-items:center;gap:6px}
  .navChevron{display:inline-grid;place-items:center;font-size:13px;line-height:1;opacity:.66;transform:translateY(-1px);transition:transform .2s ease,opacity .2s ease,color .2s ease}
  .navMusicGroup:hover>.navMusicMain .navChevron,
  .navMusicGroup:focus-within>.navMusicMain .navChevron{transform:translateY(1px) rotate(180deg);opacity:1;color:#61f7ff}
  body[data-route="world"] .navMusicGroup>.navMusicMain,
  body[data-route="originals"] .navMusicGroup>.navMusicMain{color:#fff!important;text-shadow:0 0 18px rgba(83,236,255,.2)}
  .navMusicSub{
    position:absolute;left:50%;top:calc(100% + 10px);width:210px;padding:8px;
    transform:translate(-50%,-8px) scale(.985);transform-origin:50% 0;
    opacity:0;visibility:hidden;pointer-events:none;
    border:1px solid rgba(110,235,255,.20);border-radius:15px;
    background:linear-gradient(180deg,rgba(5,13,23,.98),rgba(4,8,16,.97));
    box-shadow:0 22px 58px rgba(0,0,0,.52),0 0 35px rgba(45,210,255,.08),inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);
    transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility .18s;
  }
  .navMusicSub::before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#53f2ff 28%,#9d77ff 68%,transparent);box-shadow:0 0 14px rgba(83,242,255,.45)}
  .navMusicGroup:hover .navMusicSub,.navMusicGroup:focus-within .navMusicSub,.navMusicGroup.subOpen .navMusicSub{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}
  .navMusicSub button{display:block!important;width:100%;padding:11px 12px!important;border-radius:10px!important;text-align:left;color:#aeb9c8!important;font-size:13px!important;letter-spacing:.01em;background:transparent!important;transform:none!important}
  .navMusicSub button+button{margin-top:4px}
  .navMusicSub button:hover,.navMusicSub button:focus-visible{color:#fff!important;background:linear-gradient(90deg,rgba(57,234,255,.10),rgba(141,89,255,.07))!important;outline:none}
  .navMusicSub button.active{color:#fff!important;background:linear-gradient(90deg,rgba(57,234,255,.15),rgba(255,79,173,.08))!important;box-shadow:inset 2px 0 0 #58f5ff}
}

@media(max-width:760px){
  .mobileMusicGroup{display:grid;gap:6px}
  .mobileMusicMain{display:flex!important;align-items:center;justify-content:space-between;width:100%}
  .mobileMusicMark{font-size:15px;color:#68f7ff;opacity:.8}
  .mobileMusicChildren{display:grid;gap:6px;margin-left:16px;padding-left:11px;border-left:1px solid rgba(83,240,255,.22)}
  .mobileMusicChildren button{padding:11px 13px!important;font-size:13px!important;color:#aeb9c8!important;background:rgba(43,184,218,.025)!important}
  .mobileMusicChildren button::before{content:"↳";margin-right:8px;color:#58edf7;opacity:.75}
  body[data-route="world"] .mobileMusicMain,
  body[data-route="originals"] .mobileMusicMain{border-color:rgba(77,238,255,.24)!important;background:linear-gradient(90deg,rgba(45,230,255,.09),rgba(135,91,255,.055))!important}
  .mobileMusicChildren button.active{color:#fff!important;border-color:rgba(91,235,255,.27)!important;background:linear-gradient(90deg,rgba(45,230,255,.12),rgba(255,69,174,.06))!important}
}
