/* UCN Phase 2 — Anova host positioning */

header {
  position:relative;
  overflow:visible;
}

header nav .ng-characters-menu {
  --gold:#dfbd81;
  z-index:160;
  font-family:Arial,sans-serif;
  font-size:14px;
}

header nav .ng-characters-panel {
  left:auto;
  right:0;
  transform:none;
}

@media (min-width:1101px) {
  header nav .ng-characters-menu {
    position:absolute;
    top:25px;
    right:395px;
  }
}

@media (min-width:901px) and (max-width:1100px) {
  header nav .ng-characters-menu {
    position:absolute;
    top:25px;
    right:284px;
  }
}

@media (max-width:900px) {
  header nav .ng-characters-menu {
    position:relative;
    top:auto;
    right:auto;
    font-size:clamp(11px,2.7vw,14px);
  }

  header nav .ng-characters-menu .ucn-popover-trigger {
    padding:8px 0;
    gap:5px;
  }

  header nav .ng-characters-panel {
    left:auto;
    right:0;
    top:calc(100% + 8px);
    max-width:calc(100vw - 24px);
  }
}