/* Top navigation: keep every label readable and enforce the requested order via pvp.js. */
.nrmt-baiak-layout [class*="_topHudNavigation_"] {
  justify-content: center !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;
}

.nrmt-baiak-layout [class*="_topHudMenuButton_"] {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 78px !important;
  max-width: none !important;
  padding-inline: 8px !important;
}

.nrmt-baiak-layout [class*="_topHudMenuLabel_"] {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: 7px !important;
  line-height: 1.15 !important;
}

/* Individual progression in every Party ninja card. */
.nrmt-bi-party-exp span > b {
  color: #ffd35a !important;
}

.nrmt-bi-party-bars i.exp {
  border-color: rgba(255, 190, 36, .34) !important;
  background: rgba(35, 25, 7, .85) !important;
}

.nrmt-bi-party-bars i.exp > b {
  background: linear-gradient(90deg, #c97908, #ffc928 60%, #fff08a) !important;
  box-shadow: 0 0 7px rgba(255, 193, 32, .45);
}

@media (max-width: 1100px) {
  .nrmt-baiak-layout [class*="_topHudNavigation_"] {
    justify-content: flex-start !important;
  }

  .nrmt-baiak-layout [class*="_topHudMenuButton_"] {
    min-width: 72px !important;
    padding-inline: 6px !important;
  }

  .nrmt-baiak-layout [class*="_topHudMenuLabel_"] {
    font-size: 6.5px !important;
  }
}

/* Safe-zone canvas: Phaser already resizes to the viewport; external unequal scaling distorted the map. */
.nrmt-baiak-layout.nrmt-world-safe canvas {
  transform: none !important;
  clip-path: none !important;
  object-fit: fill !important;
}

/* A visible HTML window owns the pointer; the map underneath must not receive it. */
body.nrmt-map-input-locked canvas {
  pointer-events: none !important;
}

.nrmt-lobby-launch__icon {
  display: grid !important;
  place-items: center !important;
  filter: drop-shadow(0 0 4px rgba(255, 173, 35, .45));
}

.nrmt-lobby-launch__icon img {
  width: 25px !important;
  height: 25px !important;
  object-fit: contain !important;
}

.nrmt-bi-rail--right {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
  scrollbar-color: #806228 #15191b;
}

.nrmt-bi-panel--helper-right {
  flex: 0 0 auto !important;
}
