/* Final desktop route layer override. It intentionally wins over legacy popup rules. */
body.desktop-modal-open .detail-modal:not(.hidden),
body.desktop-modal-open .ban-modal:not(.hidden),
body.desktop-modal-open .weapon-modal:not(.hidden) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 80 !important;
  display: block !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: var(--bg) !important;
}
body.desktop-modal-open .detail-modal:not(.hidden) .detail-modal__backdrop,
body.desktop-modal-open .ban-modal:not(.hidden) .ban-modal__backdrop,
body.desktop-modal-open .weapon-modal:not(.hidden) .weapon-modal__backdrop {
  display: none !important;
}
body.desktop-modal-open .detail-modal:not(.hidden) .detail-modal__card,
body.desktop-modal-open .ban-modal:not(.hidden) .ban-modal__card,
body.desktop-modal-open .weapon-modal:not(.hidden) .weapon-modal__card {
  width: 100% !important;
  min-width: 0 !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: calc(var(--modal-top-offset) + 24px) clamp(18px, 4vw, 54px) 48px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(132, 170, 204, 0.42) transparent;
}
body.desktop-modal-open .detail-modal:not(.hidden) .detail-modal__card::-webkit-scrollbar,
body.desktop-modal-open .ban-modal:not(.hidden) .ban-modal__card::-webkit-scrollbar,
body.desktop-modal-open .weapon-modal:not(.hidden) .weapon-modal__card::-webkit-scrollbar {
  width: 8px;
}
body.desktop-modal-open .detail-modal:not(.hidden) .detail-modal__card::-webkit-scrollbar-track,
body.desktop-modal-open .ban-modal:not(.hidden) .ban-modal__card::-webkit-scrollbar-track,
body.desktop-modal-open .weapon-modal:not(.hidden) .weapon-modal__card::-webkit-scrollbar-track {
  background: transparent;
}
body.desktop-modal-open .detail-modal:not(.hidden) .detail-modal__card::-webkit-scrollbar-thumb,
body.desktop-modal-open .ban-modal:not(.hidden) .ban-modal__card::-webkit-scrollbar-thumb,
body.desktop-modal-open .weapon-modal:not(.hidden) .weapon-modal__card::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(132, 170, 204, 0.42);
  background-clip: padding-box;
}
body.desktop-modal-open .ops-topbar {
  position: fixed !important;
  z-index: 1100 !important;
  top: 12px !important;
  left: max(16px, calc((100vw - 1380px) / 2)) !important;
  right: max(16px, calc((100vw - 1380px) / 2)) !important;
  width: auto !important;
  margin: 0 !important;
}
body.desktop-modal-open .detail-modal__top {
  position: sticky;
  top: 0;
  z-index: 4;
}
@media (max-width: 760px) {
  body.desktop-modal-open .ops-topbar {
    left: 10px !important;
    right: 10px !important;
  }
}