/* Central de Personagens V6: elenco próprio, catálogo completo e invocação. */
#nrmt-ninja-collection.nrmt-ninja-overlay {
  padding: 9px !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(93, 174, 199, .10), transparent 31%),
    radial-gradient(circle at 82% 88%, rgba(191, 128, 49, .10), transparent 30%),
    rgba(1, 4, 6, .93) !important;
}

#nrmt-ninja-collection .nrmt-ninja-window {
  width: min(1262px, calc(100vw - 14px)) !important;
  height: min(780px, calc(100dvh - var(--nrmt-fixed-header-height, 62px) - 18px)) !important;
  padding: 27px 25px 24px !important;
}

#nrmt-ninja-collection .nrmt-ninja-window > header {
  height: 104px !important;
  flex: 0 0 104px !important;
  grid-template-columns: minmax(260px, .9fr) minmax(260px, .8fr) auto 40px !important;
  padding: 10px 15px 10px 19px !important;
}

#nrmt-ninja-collection .nrmt-ninja-window > header h2 {
  font-size: 22px !important;
}

#nrmt-ninja-collection .nrmt-ninja-header-art > span {
  bottom: 7px !important;
}

#nrmt-ninja-collection .nrmt-ninja-wallet > button[data-ninja-open-summon] {
  min-width: 124px;
  color: #171005 !important;
  background: linear-gradient(#f0c469, #a96f23) !important;
  box-shadow: inset 0 0 0 1px #ffe19b, 0 0 18px rgba(211, 151, 59, .18) !important;
}

#nrmt-ninja-collection .nrmt-ninja-layout {
  grid-template-columns: 244px minmax(500px, 1fr) 348px !important;
  gap: 10px !important;
  margin-top: 9px !important;
}

#nrmt-ninja-collection .nrmt-ninja-layout > aside:first-child {
  padding: 14px 12px 16px !important;
  scrollbar-width: thin;
  scrollbar-color: #aa762d #071013;
}

#nrmt-ninja-collection .nrmt-ninja-summoner {
  grid-template-columns: 52px 1fr !important;
  padding: 9px !important;
}

#nrmt-ninja-collection .nrmt-ninja-summoner > img {
  width: 50px !important;
  height: 54px !important;
}

#nrmt-ninja-collection .nrmt-ninja-summoner > small {
  font-size: 8px !important;
  color: #efbf5e !important;
}

#nrmt-ninja-collection .nrmt-ninja-summoner > b {
  font-size: 8px !important;
  line-height: 1.35 !important;
}

#nrmt-ninja-collection .nrmt-ninja-view-switch {
  display: grid !important;
  gap: 6px !important;
}

#nrmt-ninja-collection .nrmt-ninja-view-switch button {
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 3px !important;
  min-height: 48px !important;
  padding: 9px 12px 9px 15px !important;
  overflow: hidden;
  border: 1px solid rgba(121, 191, 216, .17) !important;
  background: linear-gradient(90deg, rgba(10, 17, 20, .98), rgba(6, 10, 12, .92)) !important;
  text-align: left !important;
}

#nrmt-ninja-collection .nrmt-ninja-view-switch button::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 1px solid #6c898f;
  border-top: 1px solid #6c898f;
  transform: translateY(-50%) rotate(45deg);
}

#nrmt-ninja-collection .nrmt-ninja-view-switch button span {
  color: #d7e1df;
  font-size: 10px;
  letter-spacing: .06em;
}

#nrmt-ninja-collection .nrmt-ninja-view-switch button small {
  color: #718184;
  font: 7px/1.2 Arial, sans-serif;
  text-transform: none;
}

#nrmt-ninja-collection .nrmt-ninja-view-switch button.is-active {
  border-color: rgba(221, 169, 76, .5) !important;
  background:
    radial-gradient(circle at 15% 50%, rgba(216, 160, 61, .13), transparent 45%),
    linear-gradient(90deg, #15140f, #091013) !important;
  box-shadow: inset 3px 0 #d0a24f, 0 0 14px rgba(204, 150, 62, .08) !important;
}

#nrmt-ninja-collection .nrmt-ninja-view-switch button.is-active span {
  color: #f2cb78;
}

#nrmt-ninja-collection .nrmt-ninja-filter-field {
  display: grid;
  gap: 5px;
  margin-top: 10px !important;
  color: #7f9092 !important;
  font-size: 7px !important;
  letter-spacing: .08em;
}

#nrmt-ninja-collection .nrmt-ninja-filter-field[hidden] {
  display: none !important;
}

#nrmt-ninja-collection .nrmt-ninja-filter-field select {
  width: 100%;
  min-height: 34px !important;
  padding: 7px 9px !important;
  border: 1px solid rgba(121, 191, 216, .19) !important;
  background: #071012 !important;
  color: #c6d0ce !important;
}

#nrmt-ninja-collection .nrmt-ninja-rules {
  margin-top: 12px;
  padding: 11px !important;
}

#nrmt-ninja-collection .nrmt-ninja-rules strong {
  display: block;
  color: #e7b95d;
  font-size: 8px;
}

#nrmt-ninja-collection .nrmt-ninja-rules p {
  margin: 7px 0 10px;
  color: #8f9b9d;
  font: 8px/1.55 Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-ninja-rules button {
  width: 100%;
  min-height: 34px;
  border: 1px solid #bd8736;
  color: #f3cc79;
  background: linear-gradient(#261d0e, #11100c);
}

#nrmt-ninja-collection .nrmt-ninja-rarity-guide {
  margin-top: 8px;
  padding: 11px !important;
}

#nrmt-ninja-collection .nrmt-ninja-rarity-guide header small,
#nrmt-ninja-collection .nrmt-ninja-rarity-guide header b {
  display: block;
}

#nrmt-ninja-collection .nrmt-ninja-rarity-guide header small {
  color: #72b8ce;
  font-size: 6px;
  letter-spacing: .12em;
}

#nrmt-ninja-collection .nrmt-ninja-rarity-guide header b {
  margin-top: 4px;
  color: #ddbd76;
  font-size: 9px;
}

#nrmt-ninja-collection .nrmt-ninja-rarity-guide > p,
#nrmt-ninja-collection .nrmt-archive-guide-note {
  display: block;
  margin: 7px 0 0;
  color: #849193;
  font: 7.5px/1.48 Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-archive-rarity-scale,
#nrmt-ninja-collection .nrmt-archive-rank-scale {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  margin-top: 9px;
}

#nrmt-ninja-collection .nrmt-archive-rarity-scale span,
#nrmt-ninja-collection .nrmt-archive-rank-scale span {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px 5px;
  align-items: center;
  padding: 5px 6px;
  border: 1px solid rgba(121, 191, 216, .13);
  background: rgba(3, 8, 10, .78);
}

#nrmt-ninja-collection .nrmt-archive-rarity-scale b,
#nrmt-ninja-collection .nrmt-archive-rank-scale b {
  font-size: 7px;
  color: #cfd8d6;
}

#nrmt-ninja-collection .nrmt-archive-rarity-scale em,
#nrmt-ninja-collection .nrmt-archive-rank-scale em {
  font: 700 7px Arial, sans-serif;
  color: #8fd3a8;
}

#nrmt-ninja-collection .nrmt-archive-rank-scale small {
  grid-column: 1 / -1;
  color: #647477;
  font: 6px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-ninja-history-title {
  margin-top: 12px !important;
}

#nrmt-ninja-collection .nrmt-ninja-history-row img {
  width: 32px !important;
  height: 32px !important;
  object-fit: cover !important;
  image-rendering: auto !important;
}

#nrmt-ninja-collection .nrmt-ninja-toolbar {
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: minmax(230px, 1fr) minmax(175px, 230px) auto;
  align-items: center;
  height: 76px !important;
  flex: 0 0 76px !important;
  padding: 9px 12px 9px 15px !important;
}

#nrmt-ninja-collection .nrmt-ninja-toolbar-copy {
  min-width: 0;
}

#nrmt-ninja-collection .nrmt-ninja-toolbar-copy > small,
#nrmt-ninja-collection .nrmt-ninja-toolbar-copy > b,
#nrmt-ninja-collection .nrmt-ninja-toolbar-copy > span {
  display: block;
}

#nrmt-ninja-collection .nrmt-ninja-toolbar-copy > small {
  color: #6fb7cf;
  font-size: 6px;
  letter-spacing: .14em;
}

#nrmt-ninja-collection .nrmt-ninja-toolbar-copy > b {
  margin-top: 3px;
  color: #f0c975;
  font-size: 15px;
}

#nrmt-ninja-collection .nrmt-ninja-toolbar-copy > span {
  max-width: 450px;
  margin-top: 4px;
  overflow: hidden;
  color: #7f8d8f;
  font: 7.5px/1.25 Arial, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#nrmt-ninja-collection .nrmt-ninja-search {
  position: relative;
  display: block;
}

#nrmt-ninja-collection .nrmt-ninja-search > span {
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 50%;
  color: #66858b;
  transform: translateY(-50%);
}

#nrmt-ninja-collection .nrmt-ninja-search input {
  width: 100%;
  min-height: 36px !important;
  padding-left: 28px !important;
}

#nrmt-ninja-collection .nrmt-ninja-toolbar > strong {
  min-width: 86px;
  padding: 9px 8px;
  border: 1px solid rgba(199, 149, 69, .26);
  color: #e2bc70;
  background: #11120f;
  font-size: 8px;
  text-align: center;
}

#nrmt-ninja-collection .nrmt-ninja-grid {
  grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)) !important;
  align-content: start;
  gap: 8px !important;
  padding: 10px !important;
}

#nrmt-ninja-collection .nrmt-ninja-card {
  min-height: 116px !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  gap: 9px !important;
  padding: 10px !important;
  contain-intrinsic-size: auto 116px !important;
}

#nrmt-ninja-collection .nrmt-ninja-card__portrait,
#nrmt-ninja-collection .nrmt-ninja-card__portrait.is-ninja-icon {
  width: 82px !important;
  height: 92px !important;
  padding: 8px !important;
  align-self: center;
  background:
    radial-gradient(circle at 50% 38%, rgba(107, 191, 216, .20), transparent 58%),
    linear-gradient(#101a1e, #05090b) !important;
}

#nrmt-ninja-collection .nrmt-ninja-card__portrait.is-ninja-icon img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border-radius: 3px;
  object-fit: cover !important;
  object-position: center !important;
  image-rendering: auto !important;
}

#nrmt-ninja-collection .nrmt-ninja-card.is-locked .nrmt-ninja-card__portrait img {
  filter: saturate(.35) brightness(.58) contrast(1.08);
}

#nrmt-ninja-collection .nrmt-ninja-card.is-locked .nrmt-ninja-card__portrait::after {
  content: "?";
  position: absolute;
  right: 8px;
  bottom: 7px;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid #a77930;
  border-radius: 50%;
  color: #f0be5e;
  background: rgba(4, 7, 8, .9);
  font: 700 11px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-ninja-card__info {
  min-width: 0;
}

#nrmt-ninja-collection .nrmt-ninja-card__info > b {
  margin-top: 5px !important;
  overflow: hidden;
  font-size: 12px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#nrmt-ninja-collection .nrmt-ninja-card__info > em {
  margin-top: 3px !important;
  font-size: 7px !important;
}

#nrmt-ninja-collection .nrmt-ninja-card__stars {
  margin-top: 5px !important;
}

#nrmt-ninja-collection .nrmt-ninja-card__stars small {
  font-size: 6px !important;
}

#nrmt-ninja-collection .nrmt-ninja-frag {
  margin-top: 5px !important;
}

#nrmt-ninja-collection .nrmt-ninja-frag strong {
  font-size: 6px !important;
}

#nrmt-ninja-collection .nrmt-ninja-detail {
  padding: 10px 11px 14px !important;
  scrollbar-width: thin;
  scrollbar-color: #aa762d #071013;
}

#nrmt-ninja-collection .nrmt-ninja-detail-hero {
  min-height: 286px !important;
  padding: 17px 14px 14px !important;
}

#nrmt-ninja-collection .nrmt-ninja-detail-glow {
  width: 190px !important;
  height: 190px !important;
}

#nrmt-ninja-collection .nrmt-ninja-detail-hero > img {
  width: 174px !important;
  height: 188px !important;
  max-width: 174px !important;
  max-height: 188px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  image-rendering: pixelated !important;
  filter: drop-shadow(0 9px 8px rgba(0, 0, 0, .72));
}

#nrmt-ninja-collection .nrmt-ninja-detail-hero h2 {
  font-size: 20px !important;
}

#nrmt-ninja-collection .nrmt-ninja-empty {
  grid-column: 1 / -1;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  min-height: 230px;
  padding: 25px;
  color: #8c999a;
  text-align: center;
}

#nrmt-ninja-collection .nrmt-ninja-empty b {
  color: #e0bb70;
}

#nrmt-ninja-collection .nrmt-ninja-empty span {
  font: 9px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-ninja-empty button {
  min-height: 36px;
  margin-top: 6px;
  padding: 0 18px;
  color: #171005;
  background: linear-gradient(#f0c469, #a96f23);
}

/* A cópia completa ganhou feedback em primeiro plano. */
#nrmt-ninja-collection .nrmt-summon-stage {
  isolation: isolate;
}

#nrmt-ninja-collection .nrmt-summon-particles {
  z-index: 70 !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease;
}

#nrmt-ninja-collection .nrmt-summon-particles.is-visible {
  opacity: 1;
}

#nrmt-ninja-collection .nrmt-summon-particles i {
  animation: nrmt-acquisition-particle 1.55s cubic-bezier(.12, .72, .2, 1) var(--delay) both !important;
  box-shadow: 0 0 12px currentColor, 0 0 3px #fff;
}

#nrmt-ninja-collection .nrmt-summon-modal.has-acquisition-fx .nrmt-summon-stage::after {
  content: "";
  position: absolute;
  z-index: 65;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle, rgba(255, 238, 178, .9), rgba(218, 159, 59, .24) 22%, transparent 58%);
  animation: nrmt-acquisition-flash 1.15s ease-out both;
}

#nrmt-ninja-collection .nrmt-summon-modal.has-acquisition-fx .nrmt-summon-result {
  z-index: 66 !important;
}

#nrmt-ninja-collection .nrmt-summon-modal.no-summon-fx *,
#nrmt-ninja-collection .nrmt-summon-modal.no-summon-fx *::before,
#nrmt-ninja-collection .nrmt-summon-modal.no-summon-fx *::after {
  animation: none !important;
  transition: none !important;
}

@keyframes nrmt-acquisition-particle {
  0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.2) rotate(0); }
  14% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(var(--x), var(--y), 0) scale(1.1) rotate(190deg); }
}

@keyframes nrmt-acquisition-flash {
  0% { opacity: 0; transform: scale(.45); }
  12% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.25); }
}

@media (min-width: 1480px) {
  #nrmt-ninja-collection .nrmt-ninja-layout {
    grid-template-columns: 252px minmax(710px, 1fr) 370px !important;
  }
}

@media (max-width: 1280px) {
  #nrmt-ninja-collection .nrmt-ninja-layout {
    grid-template-columns: 226px minmax(430px, 1fr) 326px !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-toolbar {
    grid-template-columns: minmax(210px, 1fr) 185px auto;
  }

  #nrmt-ninja-collection .nrmt-ninja-grid {
    grid-template-columns: repeat(2, minmax(215px, 1fr)) !important;
  }
}

@media (max-width: 1040px) {
  #nrmt-ninja-collection .nrmt-ninja-layout {
    grid-template-columns: 210px minmax(390px, 1fr) 304px !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-toolbar-copy > span {
    display: none;
  }
}

@media (max-width: 860px) {
  #nrmt-ninja-collection .nrmt-ninja-window {
    width: calc(100vw - 12px) !important;
    height: calc(100dvh - 12px) !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-layout {
    grid-template-columns: 190px minmax(0, 1fr) !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-toolbar {
    grid-template-columns: 1fr auto !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-toolbar-copy {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  #nrmt-ninja-collection .nrmt-ninja-window {
    width: 100vw !important;
    height: 100dvh !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-layout > aside:first-child {
    display: block !important;
    max-height: 205px !important;
    overflow: auto !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-view-switch {
    grid-template-columns: 1fr 1fr !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-layout > aside:first-child .nrmt-ninja-view-switch,
  #nrmt-ninja-collection .nrmt-ninja-layout > aside:first-child .nrmt-ninja-filter-field {
    display: grid !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-grid {
    grid-template-columns: 1fr !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-card {
    min-height: 116px !important;
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-card__portrait,
  #nrmt-ninja-collection .nrmt-ninja-card__portrait.is-ninja-icon {
    width: 82px !important;
    height: 92px !important;
  }
}

/* V159 · Roleta integrada e invocação direta por ryos. */
#nrmt-ninja-collection .nrmt-ninja-sections {
  display: grid;
  grid-template-columns: repeat(3, minmax(92px, 1fr));
  gap: 5px;
  min-width: 356px;
}

#nrmt-ninja-collection .nrmt-ninja-sections button {
  position: relative;
  min-width: 0;
  min-height: 58px;
  padding: 8px 9px 7px 29px;
  overflow: hidden;
  border: 1px solid rgba(113, 176, 196, .2);
  color: #829296;
  background: linear-gradient(145deg, rgba(11, 19, 22, .98), rgba(5, 9, 11, .98));
  text-align: left;
  cursor: pointer;
}

#nrmt-ninja-collection .nrmt-ninja-sections button::after {
  content: "";
  position: absolute;
  right: -15px;
  bottom: -24px;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(112, 188, 211, .08);
  transform: rotate(45deg);
}

#nrmt-ninja-collection .nrmt-ninja-sections button > small {
  position: absolute;
  left: 9px;
  top: 9px;
  color: #52666b;
  font: 700 6px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-ninja-sections button > b,
#nrmt-ninja-collection .nrmt-ninja-sections button > em {
  display: block;
}

#nrmt-ninja-collection .nrmt-ninja-sections button > b {
  color: #cdd8d7;
  font-size: 7px;
  white-space: nowrap;
}

#nrmt-ninja-collection .nrmt-ninja-sections button > em {
  display: none;
  margin-top: 4px;
  color: #68797c;
  font: 6px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-ninja-sections button.is-active,
#nrmt-ninja-collection[data-ninja-section="summon"] [data-ninja-section="summon"],
#nrmt-ninja-collection[data-ninja-section="owned"] [data-ninja-section="owned"],
#nrmt-ninja-collection[data-ninja-section="catalog"] [data-ninja-section="catalog"] {
  border-color: #d3a34b;
  color: #efc56e;
  background:
    radial-gradient(circle at 25% 130%, rgba(231, 171, 61, .2), transparent 55%),
    linear-gradient(145deg, #241b0c, #091012);
  box-shadow: inset 3px 0 #dfad53, 0 0 17px rgba(215, 158, 58, .12);
}

#nrmt-ninja-collection .nrmt-ninja-sections button.is-active > small,
#nrmt-ninja-collection .nrmt-ninja-sections button.is-active > b,
#nrmt-ninja-collection[data-ninja-section="summon"] [data-ninja-section="summon"] > small,
#nrmt-ninja-collection[data-ninja-section="summon"] [data-ninja-section="summon"] > b,
#nrmt-ninja-collection[data-ninja-section="owned"] [data-ninja-section="owned"] > small,
#nrmt-ninja-collection[data-ninja-section="owned"] [data-ninja-section="owned"] > b,
#nrmt-ninja-collection[data-ninja-section="catalog"] [data-ninja-section="catalog"] > small,
#nrmt-ninja-collection[data-ninja-section="catalog"] [data-ninja-section="catalog"] > b {
  color: #f1c66f;
}

#nrmt-ninja-collection .nrmt-ninja-wallet {
  display: grid !important;
  grid-template-columns: minmax(100px, auto) minmax(112px, auto) 78px;
  gap: 5px !important;
}

#nrmt-ninja-collection .nrmt-ninja-wallet > span {
  min-width: 0 !important;
  padding: 7px 9px !important;
}

#nrmt-ninja-collection .nrmt-ninja-wallet .is-ryo b {
  color: #73cce6;
}

#nrmt-ninja-collection .nrmt-ninja-wallet .is-pity {
  border-color: rgba(213, 162, 73, .38);
  background: linear-gradient(#211a0f, #12110d);
  text-align: center;
}

#nrmt-ninja-collection .nrmt-summon-modal.is-integrated {
  position: relative !important;
  z-index: auto !important;
  inset: auto !important;
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  width: 100% !important;
  max-width: 100% !important;
  align-self: stretch;
  margin-top: 9px;
  padding: 0 !important;
  background: none !important;
  backdrop-filter: none !important;
}

#nrmt-ninja-collection .nrmt-summon-modal.is-integrated[hidden] {
  display: none !important;
}

#nrmt-ninja-collection .nrmt-ninja-layout[hidden],
#nrmt-ninja-collection [data-ninja-funds-warning][hidden] {
  display: none !important;
}

#nrmt-ninja-collection .nrmt-summon-modal.is-integrated .nrmt-summon-window {
  box-sizing: border-box;
  display: flex;
  width: 100% !important;
  height: 100%;
  max-width: none !important;
  padding: 0 !important;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(201, 151, 66, .48);
  border-radius: 0;
  background:
    radial-gradient(circle at 50% 20%, rgba(105, 179, 199, .08), transparent 34%),
    linear-gradient(155deg, #0d1518, #05090b 72%);
  box-shadow: inset 0 0 45px rgba(0, 0, 0, .48), 0 10px 28px rgba(0, 0, 0, .32);
}

#nrmt-ninja-collection .nrmt-ritual-header {
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  height: 82px !important;
  flex: 0 0 82px;
  padding: 19px 15px 10px 32px !important;
  border-bottom: 1px solid rgba(201, 151, 66, .32) !important;
  background:
    linear-gradient(90deg, rgba(3, 7, 9, .96), rgba(12, 18, 20, .72)),
    url('/assets/branding/characters-collection-keyart-v2.png?v=1') center 37% / cover no-repeat !important;
}

#nrmt-ninja-collection .nrmt-ritual-header > div > small,
#nrmt-ninja-collection .nrmt-ritual-header > div > h2,
#nrmt-ninja-collection .nrmt-ritual-header > div > p {
  display: block;
}

#nrmt-ninja-collection .nrmt-ritual-header > div > small {
  color: #78bdd1;
  font-size: 6px;
  letter-spacing: .17em;
}

#nrmt-ninja-collection .nrmt-ritual-header > div > h2 {
  margin: 3px 0 0;
  color: #f0c469;
  font-size: 16px;
}

#nrmt-ninja-collection .nrmt-ritual-header > div > p {
  margin: 3px 0 0;
  color: #8d999a;
  font: 7px/1.25 Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-ritual-header > section {
  display: grid;
  grid-template-columns: 152px 112px;
  gap: 6px;
}

#nrmt-ninja-collection .nrmt-ritual-header > section > span {
  display: grid;
  align-content: center;
  min-height: 45px;
  padding: 6px 9px;
  border: 1px solid rgba(112, 184, 205, .18);
  background: rgba(4, 9, 11, .86);
}

#nrmt-ninja-collection .nrmt-ritual-header > section small,
#nrmt-ninja-collection .nrmt-ritual-header > section b {
  display: block;
}

#nrmt-ninja-collection .nrmt-ritual-header > section small {
  color: #6f8083;
  font-size: 5.5px;
}

#nrmt-ninja-collection .nrmt-ritual-header > section b {
  margin-top: 4px;
  color: #edc16d;
  font: 700 8px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-ritual-header > section i {
  font-style: normal;
}

#nrmt-ninja-collection .nrmt-ritual-layout {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 304px;
  gap: 9px;
  flex: 1 1 auto;
  min-height: 0;
  padding: 9px;
}

#nrmt-ninja-collection .nrmt-ritual-layout > main {
  display: grid;
  grid-template-rows: minmax(272px, 1fr) 190px;
  gap: 9px;
  min-width: 0;
  min-height: 0;
}

#nrmt-ninja-collection .nrmt-summon-modal.is-integrated .nrmt-summon-stage {
  box-sizing: border-box;
  width: 100%;
  height: auto !important;
  min-height: 272px;
  border: 1px solid rgba(111, 185, 207, .19);
  background:
    radial-gradient(circle at 50% 52%, rgba(202, 142, 47, .22), transparent 34%),
    linear-gradient(rgba(5, 11, 14, .7), rgba(3, 7, 9, .94)),
    url('/assets/branding/characters-collection-keyart-v2.png?v=1') center 58% / cover no-repeat !important;
  box-shadow: inset 0 0 44px rgba(0, 0, 0, .7);
}

#nrmt-ninja-collection .nrmt-summon-modal.is-integrated .nrmt-summon-stage::before,
#nrmt-ninja-collection .nrmt-summon-modal.is-integrated .nrmt-summon-stage::after {
  width: 22%;
}

#nrmt-ninja-collection .nrmt-summon-modal.is-integrated .nrmt-summon-reel > span {
  width: 104px;
  height: 164px;
  flex-basis: 104px;
  border-color: rgba(202, 158, 78, .38);
  background: linear-gradient(#202a2d, #0b1113);
}

#nrmt-ninja-collection .nrmt-direct-summon {
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 0;
  padding: 10px 12px;
  border: 1px solid rgba(201, 151, 66, .32);
  background:
    radial-gradient(circle at 5% 100%, rgba(216, 158, 51, .12), transparent 38%),
    linear-gradient(145deg, rgba(14, 20, 21, .98), rgba(5, 9, 11, .98));
}

#nrmt-ninja-collection .nrmt-direct-summon > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}

#nrmt-ninja-collection .nrmt-direct-summon > header small,
#nrmt-ninja-collection .nrmt-direct-summon > header b {
  display: block;
}

#nrmt-ninja-collection .nrmt-direct-summon > header small {
  color: #70b5c9;
  font-size: 5.5px;
  letter-spacing: .12em;
}

#nrmt-ninja-collection .nrmt-direct-summon > header b {
  margin-top: 3px;
  color: #e7bf70;
  font-size: 9px;
}

#nrmt-ninja-collection .nrmt-direct-summon > header p {
  max-width: 350px;
  margin: 0;
  color: #788688;
  font: 7px/1.35 Arial, sans-serif;
  text-align: right;
}

#nrmt-ninja-collection .nrmt-direct-summon > header p strong {
  color: #d8b363;
}

#nrmt-ninja-collection .nrmt-direct-summon > nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 7px;
}

#nrmt-ninja-collection .nrmt-direct-summon > nav button {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid rgba(111, 181, 202, .18);
  color: #7b8a8d;
  background: #070d0f;
  text-align: left;
  cursor: pointer;
}

#nrmt-ninja-collection .nrmt-direct-summon > nav button > strong {
  grid-row: 1 / 3;
  color: #acb7b6;
  font-size: 16px;
}

#nrmt-ninja-collection .nrmt-direct-summon > nav button > span {
  overflow: hidden;
  color: #9aa6a6;
  font-size: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#nrmt-ninja-collection .nrmt-direct-summon > nav button > small {
  margin-top: 3px;
  color: #687679;
  font: 6px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-direct-summon > nav button.is-active {
  border-color: #d1a04a;
  background: linear-gradient(145deg, #281e0d, #0b1011);
  box-shadow: inset 3px 0 #dda84b, 0 0 14px rgba(217, 160, 59, .13);
}

#nrmt-ninja-collection .nrmt-direct-summon > nav button.is-active > strong,
#nrmt-ninja-collection .nrmt-direct-summon > nav button.is-active > span {
  color: #f0c66e;
}

#nrmt-ninja-collection .nrmt-direct-summon > footer {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(260px, 380px);
  gap: 9px;
  align-items: stretch;
  margin-top: 7px;
}

#nrmt-ninja-collection .nrmt-direct-summon > footer > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 7px 10px;
  border: 1px solid rgba(111, 181, 202, .14);
  background: rgba(3, 8, 10, .76);
}

#nrmt-ninja-collection .nrmt-direct-summon > footer small,
#nrmt-ninja-collection .nrmt-direct-summon > footer strong,
#nrmt-ninja-collection .nrmt-direct-summon > footer em {
  display: block;
}

#nrmt-ninja-collection .nrmt-direct-summon > footer small {
  color: #718184;
  font-size: 6px;
}

#nrmt-ninja-collection .nrmt-direct-summon > footer small b {
  color: #cda34f;
}

#nrmt-ninja-collection .nrmt-direct-summon > footer strong {
  margin-left: auto;
  color: #edc16c;
  font: 700 10px Arial, sans-serif;
  white-space: nowrap;
}

#nrmt-ninja-collection .nrmt-direct-summon > footer em {
  color: #dc6979;
  font: 700 6px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-direct-summon > footer > button {
  min-width: 0;
  border: 1px solid #d0a04a;
  color: #171006;
  background: linear-gradient(#f1ca76, #ad7628);
  box-shadow: inset 0 0 0 1px rgba(255, 239, 187, .42), 0 0 20px rgba(215, 159, 59, .14);
  font: 9px NinjaTitle, Georgia, serif;
  cursor: pointer;
}

#nrmt-ninja-collection .nrmt-direct-summon > footer > button:disabled {
  border-color: #424640;
  color: #777d78;
  background: linear-gradient(#242928, #151918);
  box-shadow: none;
  cursor: not-allowed;
}

#nrmt-ninja-collection .nrmt-ritual-guide {
  min-height: 0;
  overflow-y: auto;
  padding-right: 3px;
  scrollbar-width: thin;
  scrollbar-color: #aa772c #05090a;
}

#nrmt-ninja-collection .nrmt-ritual-guide > section {
  padding: 10px;
  border: 1px solid rgba(111, 181, 202, .15);
  background: rgba(6, 12, 14, .9);
}

#nrmt-ninja-collection .nrmt-ritual-guide > section + section {
  margin-top: 7px;
}

#nrmt-ninja-collection .nrmt-guarantee-card {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border-color: rgba(207, 156, 66, .36) !important;
  background:
    radial-gradient(circle at 15% 50%, rgba(224, 166, 56, .18), transparent 32%),
    linear-gradient(145deg, #19150d, #070c0e) !important;
}

#nrmt-ninja-collection .nrmt-pity-ring {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  align-content: center;
  border: 2px solid #c8973e;
  border-radius: 50%;
  background: radial-gradient(circle, #251b0d, #080d0f 72%);
  box-shadow: inset 0 0 15px rgba(226, 169, 63, .15), 0 0 12px rgba(223, 164, 55, .12);
}

#nrmt-ninja-collection .nrmt-pity-ring span {
  color: #f1c66e;
  font: 700 10px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-pity-ring small {
  margin-top: 2px;
  color: #8b7956;
  font-size: 5px;
}

#nrmt-ninja-collection .nrmt-guarantee-card > div:last-child small,
#nrmt-ninja-collection .nrmt-guarantee-card > div:last-child b {
  display: block;
}

#nrmt-ninja-collection .nrmt-guarantee-card > div:last-child small,
#nrmt-ninja-collection .nrmt-contract-steps > small,
#nrmt-ninja-collection .nrmt-ritual-rarity > small,
#nrmt-ninja-collection .nrmt-ritual-ranks > small {
  color: #6db2c6;
  font-size: 5.5px;
  letter-spacing: .1em;
}

#nrmt-ninja-collection .nrmt-guarantee-card > div:last-child b {
  margin-top: 4px;
  color: #e8bd67;
  font-size: 8px;
  line-height: 1.25;
}

#nrmt-ninja-collection .nrmt-guarantee-card p,
#nrmt-ninja-collection .nrmt-ritual-rarity p {
  margin: 5px 0 0;
  color: #7d898b;
  font: 6.5px/1.45 Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-contract-steps h3 {
  margin: 4px 0 8px;
  color: #dfb765;
  font-size: 9px;
}

#nrmt-ninja-collection .nrmt-contract-steps ol {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#nrmt-ninja-collection .nrmt-contract-steps li {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 7px;
  align-items: center;
  padding: 5px;
  border: 1px solid rgba(111, 181, 202, .1);
  background: #050a0c;
}

#nrmt-ninja-collection .nrmt-contract-steps li > b {
  display: grid;
  height: 26px;
  place-items: center;
  color: #d5a751;
  background: #15130e;
  font: 700 7px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-contract-steps li strong,
#nrmt-ninja-collection .nrmt-contract-steps li small {
  display: block;
}

#nrmt-ninja-collection .nrmt-contract-steps li strong {
  color: #bfc9c8;
  font-size: 6.5px;
}

#nrmt-ninja-collection .nrmt-contract-steps li small {
  margin-top: 2px;
  color: #69777a;
  font: 6px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-ritual-rarity > div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
  margin-top: 7px;
}

#nrmt-ninja-collection .nrmt-ritual-rarity > div > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 5px 6px;
  border: 1px solid currentColor;
  background: #05090b;
  min-width: 0;
}

#nrmt-ninja-collection .nrmt-ritual-rarity span b,
#nrmt-ninja-collection .nrmt-ritual-rarity span em {
  font: 700 5.5px Arial, sans-serif;
  white-space: nowrap;
}

#nrmt-ninja-collection .nrmt-ritual-ranks {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}

#nrmt-ninja-collection .nrmt-ritual-ranks > small {
  grid-column: 1 / -1;
  margin-bottom: 2px;
}

#nrmt-ninja-collection .nrmt-ritual-ranks > span {
  min-width: 0;
  padding: 5px;
  border: 1px solid rgba(111, 181, 202, .12);
  background: #050a0c;
  text-align: center;
}

#nrmt-ninja-collection .nrmt-ritual-ranks span b,
#nrmt-ninja-collection .nrmt-ritual-ranks span em,
#nrmt-ninja-collection .nrmt-ritual-ranks span i {
  display: block;
}

#nrmt-ninja-collection .nrmt-ritual-ranks span b {
  color: currentColor;
  font-size: 7px;
}

#nrmt-ninja-collection .nrmt-ritual-ranks span em {
  margin-top: 3px;
  color: #9ba6a5;
  font: 700 5.5px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-ritual-ranks span i {
  height: 2px;
  margin-top: 4px;
  overflow: hidden;
  background: #12191a;
}

#nrmt-ninja-collection .nrmt-ritual-ranks span u {
  display: block;
  height: 100%;
  background: currentColor;
}

@media (max-width: 1120px) {
  #nrmt-ninja-collection .nrmt-ninja-window > header {
    grid-template-columns: minmax(220px, .8fr) minmax(315px, 1fr) auto 40px !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-sections {
    min-width: 315px;
  }

  #nrmt-ninja-collection .nrmt-ninja-wallet > span:first-child {
    display: none;
  }

  #nrmt-ninja-collection .nrmt-ninja-wallet {
    grid-template-columns: 112px 76px;
  }

  #nrmt-ninja-collection .nrmt-ritual-layout {
    grid-template-columns: minmax(0, 1fr) 280px;
  }
}

@media (max-width: 900px) {
  #nrmt-ninja-collection .nrmt-ninja-window > header {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 1.25fr) 40px !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-wallet {
    display: none !important;
  }

  #nrmt-ninja-collection .nrmt-ritual-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  #nrmt-ninja-collection .nrmt-ritual-guide {
    display: none;
  }
}

/* V157 · Central orientada a pergaminhos, recrutamento e progressão. */
#nrmt-ninja-collection .nrmt-ninja-layout {
  grid-template-columns: 270px minmax(500px, 1fr) 390px !important;
}

#nrmt-ninja-collection .nrmt-ninja-header-art {
  background:
    radial-gradient(circle at 50% 100%, rgba(230, 164, 52, .14), transparent 48%),
    linear-gradient(90deg, rgba(5, 10, 12, .94), rgba(12, 17, 18, .68), rgba(5, 9, 11, .94)) !important;
}

#nrmt-ninja-collection .nrmt-ninja-summoner {
  display: block !important;
  padding: 12px !important;
  border-color: rgba(225, 168, 66, .4) !important;
  background:
    radial-gradient(circle at 15% 8%, rgba(239, 181, 65, .16), transparent 32%),
    radial-gradient(circle at 90% 80%, rgba(90, 178, 207, .10), transparent 36%),
    linear-gradient(145deg, rgba(18, 20, 17, .98), rgba(5, 10, 12, .98)) !important;
  box-shadow: inset 0 0 28px rgba(0, 0, 0, .55), 0 8px 20px rgba(0, 0, 0, .38) !important;
}

#nrmt-ninja-collection .nrmt-ninja-summoner > header {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(199, 149, 69, .22);
}

#nrmt-ninja-collection .nrmt-ninja-summoner > header img {
  width: 58px;
  height: 64px;
  object-fit: contain;
  image-rendering: pixelated;
  filter: drop-shadow(0 5px 6px rgba(0, 0, 0, .72)) drop-shadow(0 0 7px rgba(226, 173, 75, .22));
}

#nrmt-ninja-collection .nrmt-ninja-summoner > header small,
#nrmt-ninja-collection .nrmt-ninja-summoner > header b,
#nrmt-ninja-collection .nrmt-ninja-summoner > header p {
  display: block;
}

#nrmt-ninja-collection .nrmt-ninja-summoner > header small {
  color: #70bfd8;
  font-size: 6px;
  letter-spacing: .13em;
}

#nrmt-ninja-collection .nrmt-ninja-summoner > header b {
  margin-top: 4px;
  color: #f0c46d;
  font-size: 10px;
  line-height: 1.15;
}

#nrmt-ninja-collection .nrmt-ninja-summoner > header p {
  margin: 5px 0 0;
  color: #869496;
  font: 7px/1.4 Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-scroll-wallet {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  margin-top: 9px;
}

#nrmt-ninja-collection .nrmt-scroll-wallet span {
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(121, 191, 216, .14);
  background: rgba(3, 8, 10, .7);
}

#nrmt-ninja-collection .nrmt-scroll-wallet small,
#nrmt-ninja-collection .nrmt-scroll-wallet b {
  display: block;
}

#nrmt-ninja-collection .nrmt-scroll-wallet small {
  color: #6f7f82;
  font-size: 5.5px;
}

#nrmt-ninja-collection .nrmt-scroll-wallet b {
  margin-top: 3px;
  overflow: hidden;
  color: #dcb969;
  font: 700 7px Arial, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#nrmt-ninja-collection .nrmt-scroll-owned {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
  padding: 7px 8px;
  border: 1px solid rgba(199, 149, 69, .2);
  background: rgba(17, 15, 10, .7);
}

#nrmt-ninja-collection .nrmt-scroll-owned span {
  color: #718184;
  font-size: 6px;
}

#nrmt-ninja-collection .nrmt-scroll-owned b {
  color: #e9c77d;
  font: 700 7px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-ticket-buy-presets {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin-top: 8px;
}

#nrmt-ninja-collection .nrmt-ticket-buy-presets button {
  grid-column: auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin-top: 0 !important;
  min-height: 28px;
  border: 1px solid rgba(121, 191, 216, .18);
  color: #829194;
  background: #070c0e;
  font-size: 7px;
}

#nrmt-ninja-collection .nrmt-ticket-buy-presets button.is-active {
  border-color: #cc9945;
  color: #f0c874;
  background: #21190c;
  box-shadow: inset 0 0 10px rgba(213, 158, 58, .12);
}

#nrmt-ninja-collection .nrmt-ninja-summoner .nrmt-ticket-buy-controls {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  gap: 5px;
  margin-top: 6px;
  padding: 5px !important;
}

#nrmt-ninja-collection .nrmt-ninja-summoner .nrmt-ticket-buy-controls button,
#nrmt-ninja-collection .nrmt-ninja-summoner .nrmt-ticket-buy-controls input {
  min-height: 31px !important;
}

#nrmt-ninja-collection .nrmt-ticket-purchase,
#nrmt-ninja-collection .nrmt-ticket-use {
  width: 100%;
  min-height: 35px;
  margin-top: 6px;
  font-size: 7px;
}

#nrmt-ninja-collection .nrmt-ticket-purchase {
  border: 1px solid #ba8332;
  color: #171006;
  background: linear-gradient(#efc365, #ad7629);
  box-shadow: inset 0 0 0 1px rgba(255, 231, 165, .36);
}

#nrmt-ninja-collection .nrmt-ticket-purchase:disabled {
  border-color: #3e3b32;
  color: #77736b;
  background: #171917;
}

#nrmt-ninja-collection .nrmt-ticket-use {
  border: 1px solid rgba(101, 193, 221, .46);
  color: #a4dcef;
  background: linear-gradient(#10262d, #081216);
}

#nrmt-ninja-collection .nrmt-rule-result {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 5px;
  align-items: center;
  margin-top: 8px;
}

#nrmt-ninja-collection .nrmt-rule-result span {
  display: grid;
  place-items: center;
  min-height: 42px;
  padding: 5px;
  border: 1px solid rgba(199, 149, 69, .2);
  background: #070c0e;
}

#nrmt-ninja-collection .nrmt-rule-result b {
  color: #edbe61;
  font-size: 13px;
}

#nrmt-ninja-collection .nrmt-rule-result small {
  color: #738285;
  font-size: 5px;
}

#nrmt-ninja-collection .nrmt-rule-result > i {
  color: #657579;
  font: italic 7px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-ninja-detail {
  padding: 10px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(203, 150, 56, .08), transparent 27%),
    linear-gradient(155deg, rgba(14, 21, 23, .99), rgba(5, 9, 10, .99)) !important;
}

#nrmt-ninja-collection .nrmt-ninja-detail-hero {
  min-height: 258px !important;
  padding: 14px 12px 12px !important;
}

#nrmt-ninja-collection .nrmt-ninja-detail-hero > img {
  width: 158px !important;
  height: 170px !important;
  max-width: 158px !important;
  max-height: 170px !important;
}

#nrmt-ninja-collection .nrmt-ninja-detail-hero h2 {
  margin-top: 1px !important;
}

#nrmt-ninja-collection .nrmt-ninja-detail-hero p {
  color: #91a0a1 !important;
}

#nrmt-ninja-collection .nrmt-contract-progress,
#nrmt-ninja-collection .nrmt-recruit-roadmap,
#nrmt-ninja-collection .nrmt-star-guide,
#nrmt-ninja-collection .nrmt-rarity-manual,
#nrmt-ninja-collection .nrmt-rank-manual {
  margin-top: 8px;
  padding: 11px;
  border: 1px solid rgba(199, 149, 69, .2);
  background: rgba(7, 12, 14, .94);
  box-shadow: inset 0 0 18px rgba(0, 0, 0, .25);
}

#nrmt-ninja-collection .nrmt-contract-progress > header,
#nrmt-ninja-collection .nrmt-star-guide > header,
#nrmt-ninja-collection .nrmt-rarity-manual > header,
#nrmt-ninja-collection .nrmt-rank-manual > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#nrmt-ninja-collection .nrmt-contract-progress header small,
#nrmt-ninja-collection .nrmt-contract-progress header b,
#nrmt-ninja-collection .nrmt-star-guide header small,
#nrmt-ninja-collection .nrmt-star-guide header b,
#nrmt-ninja-collection .nrmt-rarity-manual header small,
#nrmt-ninja-collection .nrmt-rarity-manual header b,
#nrmt-ninja-collection .nrmt-rank-manual header small,
#nrmt-ninja-collection .nrmt-rank-manual header b {
  display: block;
}

#nrmt-ninja-collection .nrmt-contract-progress header small,
#nrmt-ninja-collection .nrmt-star-guide header small,
#nrmt-ninja-collection .nrmt-rarity-manual header small,
#nrmt-ninja-collection .nrmt-rank-manual header small {
  color: #6eafc3;
  font-size: 6px;
  letter-spacing: .1em;
}

#nrmt-ninja-collection .nrmt-contract-progress header b,
#nrmt-ninja-collection .nrmt-star-guide header b,
#nrmt-ninja-collection .nrmt-rarity-manual header b,
#nrmt-ninja-collection .nrmt-rank-manual header b {
  margin-top: 4px;
  color: #e5c176;
  font-size: 9px;
}

#nrmt-ninja-collection .nrmt-contract-progress header > em,
#nrmt-ninja-collection .nrmt-star-guide header > strong,
#nrmt-ninja-collection .nrmt-rarity-manual header > strong,
#nrmt-ninja-collection .nrmt-rank-manual header > strong {
  padding: 6px 8px;
  border: 1px solid rgba(199, 149, 69, .22);
  color: #edc570;
  background: #11130f;
  font-size: 7px;
  white-space: nowrap;
}

#nrmt-ninja-collection .nrmt-contract-progress > i {
  display: block;
  height: 7px;
  margin-top: 9px;
  overflow: hidden;
  border: 1px solid rgba(121, 191, 216, .24);
  background: #030607;
}

#nrmt-ninja-collection .nrmt-contract-progress > i > b {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #a16f2c, #e1b85f 62%, #72bdd4);
  box-shadow: 0 0 9px rgba(222, 175, 76, .38);
}

#nrmt-ninja-collection .nrmt-contract-progress p,
#nrmt-ninja-collection .nrmt-star-guide > p,
#nrmt-ninja-collection .nrmt-rarity-manual > p,
#nrmt-ninja-collection .nrmt-rank-manual > p {
  margin: 8px 0 0;
  color: #879496;
  font: 7.5px/1.5 Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-recruit-roadmap > header small,
#nrmt-ninja-collection .nrmt-recruit-roadmap > header b {
  display: block;
}

#nrmt-ninja-collection .nrmt-recruit-roadmap > header small {
  color: #70b9cf;
  font-size: 6px;
  letter-spacing: .11em;
}

#nrmt-ninja-collection .nrmt-recruit-roadmap > header b {
  margin-top: 4px;
  color: #edc570;
  font-size: 10px;
}

#nrmt-ninja-collection .nrmt-recruit-roadmap > div {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 5px;
  align-items: stretch;
  margin-top: 9px;
}

#nrmt-ninja-collection .nrmt-recruit-roadmap > div > span {
  display: grid;
  place-items: center;
  align-content: center;
  min-width: 0;
  min-height: 84px;
  padding: 7px 5px;
  border: 1px solid rgba(121, 191, 216, .15);
  background: linear-gradient(#0d171a, #05090b);
  text-align: center;
}

#nrmt-ninja-collection .nrmt-recruit-roadmap > div > span > em {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border: 1px solid #bc8736;
  border-radius: 50%;
  color: #efc56d;
  background: #17130b;
  font-size: 9px;
}

#nrmt-ninja-collection .nrmt-recruit-roadmap > div > span > b {
  margin-top: 6px;
  color: #c7d0ce;
  font-size: 6px;
}

#nrmt-ninja-collection .nrmt-recruit-roadmap > div > span > small {
  margin-top: 4px;
  color: #728083;
  font: 6px/1.3 Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-recruit-roadmap > div > i {
  align-self: center;
  color: #b98639;
  font: 14px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-recruit-roadmap > p {
  margin: 8px 0 0;
  color: #829093;
  font: 7px Arial, sans-serif;
  text-align: center;
}

#nrmt-ninja-collection .nrmt-recruit-roadmap > button {
  width: 100%;
  min-height: 35px;
  margin-top: 9px;
  border: 1px solid #c38d38;
  color: #171006;
  background: linear-gradient(#efc86f, #ad7629);
}

#nrmt-ninja-collection .nrmt-star-costs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  margin-top: 9px;
}

#nrmt-ninja-collection .nrmt-star-costs span {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  padding: 6px;
  border: 1px solid rgba(121, 191, 216, .12);
  color: #778588;
  background: #050a0c;
  font-size: 6px;
}

#nrmt-ninja-collection .nrmt-star-costs span.is-current {
  border-color: rgba(222, 169, 67, .45);
  color: #e8bf67;
  background: #17130a;
}

#nrmt-ninja-collection .nrmt-star-costs span.is-complete {
  color: #6db78a;
}

#nrmt-ninja-collection .nrmt-star-costs em {
  font: 700 6px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-star-evolve {
  width: 100%;
  min-height: 34px;
  margin-top: 8px;
  border: 1px solid #b98435;
  color: #eac36d;
  background: #19150d;
}

#nrmt-ninja-collection .nrmt-star-evolve:disabled {
  border-color: #30383a;
  color: #657073;
  background: #090d0e;
}

#nrmt-ninja-collection .nrmt-rarity-manual > div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  margin-top: 9px;
}

#nrmt-ninja-collection .nrmt-rarity-manual > div > span {
  display: grid;
  grid-template-columns: 7px 1fr auto;
  gap: 5px;
  align-items: center;
  padding: 6px;
  border: 1px solid rgba(121, 191, 216, .12);
  color: #9aa5a5;
  background: #050a0c;
}

#nrmt-ninja-collection .nrmt-rarity-manual > div > span.is-current {
  border-color: currentColor;
  background: rgba(22, 20, 13, .88);
  box-shadow: inset 2px 0 currentColor;
}

#nrmt-ninja-collection .nrmt-rarity-manual > div > span > i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 7px currentColor;
}

#nrmt-ninja-collection .nrmt-rarity-manual > div > span > b {
  font-size: 6px;
}

#nrmt-ninja-collection .nrmt-rarity-manual > div > span > em {
  font: 700 6px Arial, sans-serif;
}

#nrmt-ninja-collection .nrmt-rank-manual header > strong {
  color: #f0c56d;
}

@media (max-width: 1280px) {
  #nrmt-ninja-collection .nrmt-ninja-layout {
    grid-template-columns: 255px minmax(430px, 1fr) 365px !important;
  }
}

@media (min-width: 1480px) {
  #nrmt-ninja-collection .nrmt-ninja-layout {
    grid-template-columns: 280px minmax(680px, 1fr) 410px !important;
  }
}

@media (max-width: 1040px) {
  #nrmt-ninja-collection .nrmt-ninja-layout {
    grid-template-columns: 230px minmax(390px, 1fr) 330px !important;
  }
}

@media (max-width: 860px) {
  #nrmt-ninja-collection .nrmt-ninja-layout {
    grid-template-columns: 210px minmax(0, 1fr) !important;
  }
}

@media (max-width: 620px) {
  #nrmt-ninja-collection .nrmt-ninja-layout {
    grid-template-columns: 1fr !important;
  }

  #nrmt-ninja-collection .nrmt-ninja-layout > aside:first-child {
    display: block !important;
    max-height: 290px !important;
    overflow: auto !important;
  }

  #nrmt-ninja-collection .nrmt-recruit-roadmap > div {
    grid-template-columns: 1fr !important;
  }

  #nrmt-ninja-collection .nrmt-recruit-roadmap > div > i {
    display: none;
  }
}