.wrestler-detail-pager { display: none; }
@media (max-width: 1120px) {
  html body.detail-modal-open :is([data-wrestler-detail], [data-venue-detail], [data-voice-detail], [data-mask-detail], [data-timeline-detail]).is-modal-open {
    padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html[data-theme] body.detail-modal-open :is([data-wrestler-detail], [data-venue-detail], [data-voice-detail], [data-mask-detail], [data-timeline-detail]).is-modal-open > nav.wrestler-detail-pager {
    align-items: center;
    background: rgba(82, 80, 76, 0.82);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    backdrop-filter: blur(20px) saturate(150%);
    border: 1px solid rgba(244, 241, 233, 0.48);
    border-radius: 16px !important;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.08), 0 12px 32px rgba(0, 0, 0, 0.65), 0 3px 8px rgba(0, 0, 0, 0.5);
    display: grid;
    gap: 1rem;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    height: 56px;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    margin: 0 !important;
    max-width: 280px !important;
    min-height: 0 !important;
    padding: 5px 8px !important;
    position: fixed !important;
    transform: translateX(-50%) !important;
    width: calc(100% - 32px) !important;
    z-index: 10020;
  }
  html body :is([data-wrestler-detail], [data-venue-detail], [data-voice-detail], [data-mask-detail], [data-timeline-detail]) .wrestler-detail-pager[hidden] { display: none; }
  html body :is([data-wrestler-detail], [data-venue-detail], [data-voice-detail], [data-mask-detail], [data-timeline-detail]) .wrestler-detail-pager > .wrestler-detail-pager__button { align-items: center; display: flex; justify-content: center; background: rgba(0, 0, 0, 0.18); border: 1px solid rgba(244, 241, 233, 0.16); border-radius: 10px; color: #f4f1e9; cursor: pointer; height: 44px; min-height: 44px; width: 44px; min-width: 44px; padding: 0; }
  .wrestler-detail-pager__button .material-symbols-outlined { font-size: 24px; }
  html body :is([data-wrestler-detail], [data-venue-detail], [data-voice-detail], [data-mask-detail], [data-timeline-detail]) .wrestler-detail-pager > .wrestler-detail-pager__button:disabled { color: #aaa69f; cursor: default; }
  html body :is([data-wrestler-detail], [data-venue-detail], [data-voice-detail], [data-mask-detail], [data-timeline-detail]) .wrestler-detail-pager > .wrestler-detail-pager__button:not(:disabled):hover { background: rgba(244, 241, 233, 0.12); }
  html body :is([data-wrestler-detail], [data-venue-detail], [data-voice-detail], [data-mask-detail], [data-timeline-detail]) .wrestler-detail-pager > .wrestler-detail-pager__button:not(:disabled):active { background: rgba(244, 241, 233, 0.2); }
  html body :is([data-wrestler-detail], [data-venue-detail], [data-voice-detail], [data-mask-detail], [data-timeline-detail]) .wrestler-detail-pager > .wrestler-detail-pager__button:focus-visible { outline: 2px solid #f4f1e9; outline-offset: -2px; }
  .wrestler-detail-pager__count { color: #ece8df; font-family: var(--font-heading); font-size: 0.95rem; text-align: center; white-space: nowrap; }
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    html[data-theme] body.detail-modal-open :is([data-wrestler-detail], [data-venue-detail], [data-voice-detail], [data-mask-detail], [data-timeline-detail]).is-modal-open > nav.wrestler-detail-pager { background: #52504c; }
  }
  @media (prefers-reduced-transparency: reduce) {
    html[data-theme] body.detail-modal-open :is([data-wrestler-detail], [data-venue-detail], [data-voice-detail], [data-mask-detail], [data-timeline-detail]).is-modal-open > nav.wrestler-detail-pager { background: #52504c; -webkit-backdrop-filter: none; backdrop-filter: none; }
  }
}