/* [project]/src/app/mojumon/mojumon.module.css [app-client] (css) */
.mojumon-module__eekgPa__page {
  --bg: #070b12;
  --panel: #0e1522e0;
  --panel2: #161f31eb;
  --line: #ffffff1a;
  --text: #f7fbff;
  --muted: #9eabc1;
  --gold: #ffd75c;
  --angel: #ffd75c;
  --mortal: #55a8ff;
  --demon: #ff475c;
  background: radial-gradient(circle at 10% 0%, #b05cff26, transparent 30%),
    radial-gradient(circle at 90% 0%, #ff424f21, transparent 28%),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;
  overflow-x: clip;
}

.mojumon-module__eekgPa__hero {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 56px 24px 24px;
  display: flex;
}

.mojumon-module__eekgPa__titleBanner {
  clip-path: polygon(7% 0, 93% 0, 100% 50%, 93% 100%, 7% 100%, 0 50%);
  background: linear-gradient(90deg, #0000 0%, #5b3e0961 8%, #221a0df5 24%, #121111fa 50%, #221a0df5 76%, #5b3e0961 92%, #0000 100%);
  border-top: 1px solid #ffd84fc7;
  border-bottom: 1px solid #ffd84fc7;
  justify-content: center;
  align-items: center;
  gap: 24px;
  min-width: min(760px, 90vw);
  margin-bottom: 10px;
  padding: 13px 34px 15px;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #ffffff0d, 0 0 22px #ffc32d14;
}

.mojumon-module__eekgPa__titleBanner:before, .mojumon-module__eekgPa__titleBanner:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffd84f);
  width: 42px;
  height: 2px;
  position: absolute;
  top: 50%;
}

.mojumon-module__eekgPa__titleBanner:before {
  right: 100%;
}

.mojumon-module__eekgPa__titleBanner:after {
  left: 100%;
  transform: rotate(180deg);
}

.mojumon-module__eekgPa__titleBanner h1 {
  color: #fff;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: 0 2px #000000b3, 0 0 13px #ffd35021;
  margin: 0;
  font: 1000 clamp(3rem, 6vw, 5.4rem) / .9 Georgia, serif;
}

.mojumon-module__eekgPa__titleScroll {
  filter: drop-shadow(0 0 9px #ffcc4638);
  flex: none;
  width: clamp(92px, 10vw, 145px);
  height: auto;
}

.mojumon-module__eekgPa__titleScrollLeft {
  transform: rotate(-10deg);
}

.mojumon-module__eekgPa__titleScrollRight {
  transform: scaleX(-1)rotate(-10deg);
}

.mojumon-module__eekgPa__hero p {
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #d1d2dc;
  margin: 8px 0 0;
  font-family: Georgia, serif;
}

@media (max-width: 650px) {
  .mojumon-module__eekgPa__titleBanner {
    gap: 10px;
    min-width: 94vw;
    padding-left: 18px;
    padding-right: 18px;
  }

  .mojumon-module__eekgPa__titleScroll {
    width: 70px;
  }

  .mojumon-module__eekgPa__titleBanner h1 {
    font-size: clamp(2.25rem, 11vw, 3.5rem);
  }
}

.mojumon-module__eekgPa__stickyControls {
  top: var(--site-nav-offset, 78px);
  z-index: 45;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(#08090efb 0%, #08090ef5 78%, #08090ee0 100%);
  padding: 10px 0;
  transition: top .26s cubic-bezier(.2, .8, .2, 1);
  position: sticky;
  box-shadow: 0 12px 26px #00000047;
}

.mojumon-module__eekgPa__toolbar {
  background: #090b11ed;
  border: 1px solid #ffffff1a;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 4vw;
  padding: 6px 14px;
  display: flex;
}

.mojumon-module__eekgPa__factionTabs {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.mojumon-module__eekgPa__factionTab {
  color: #ddd;
  text-transform: uppercase;
  cursor: pointer;
  background: #11141d;
  border: 1px solid #ffffff24;
  padding: 6px 14px;
  font-size: .8rem;
  font-weight: 900;
  transition: transform .18s, border-color .18s, box-shadow .18s, background .18s, color .18s;
}

.mojumon-module__eekgPa__factionTab:hover {
  color: #fff;
  background: #171a23;
  border-color: #ffd84fb3;
  transform: translateY(-3px)scale(1.015);
  box-shadow: 0 8px 18px #00000052, 0 0 12px #ffd84f1a;
}

.mojumon-module__eekgPa__factionTab[data-faction="Angel"]:hover {
  border-color: #78d7ff;
  box-shadow: 0 8px 18px #00000052, 0 0 15px #78d7ff38;
}

.mojumon-module__eekgPa__factionTab[data-faction="Demon"]:hover {
  border-color: #a85ee8;
  box-shadow: 0 8px 18px #00000052, 0 0 15px #a85ee838;
}

.mojumon-module__eekgPa__factionTab[data-faction="Mortal"]:hover {
  border-color: #f2923d;
  box-shadow: 0 8px 18px #00000052, 0 0 15px #f2923d38;
}

.mojumon-module__eekgPa__factionTab[data-faction="Security"]:hover {
  border-color: #b86cff;
  box-shadow: 0 8px 18px #00000052, 0 0 15px #b86cff38;
}

.mojumon-module__eekgPa__factionTab[data-faction="Universal"]:hover {
  border-color: #3fa98f;
  box-shadow: 0 8px 18px #00000052, 0 0 15px #3fa98f38;
}

.mojumon-module__eekgPa__factionTabActive {
  color: #fff;
  border-color: #c072ff;
  box-shadow: 0 0 18px #b05cff59;
}

.mojumon-module__eekgPa__multiFilter {
  min-width: 170px;
  position: relative;
}

.mojumon-module__eekgPa__multiFilterToggle {
  color: #fff;
  cursor: pointer;
  text-align: left;
  background: #0b0e14;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 30px;
  padding: 4px 10px 4px 12px;
  transition: transform .18s, border-color .18s, box-shadow .18s, background .18s;
  display: flex;
}

.mojumon-module__eekgPa__multiFilterToggle:hover {
  border-color: #ffd84f94;
  transform: translateY(-2px);
  box-shadow: 0 7px 16px #00000040, 0 0 10px #ffd84f14;
}

.mojumon-module__eekgPa__multiFilterToggleActive {
  border-color: #ffd84f;
  box-shadow: 0 0 10px #ffd84f14;
}

.mojumon-module__eekgPa__multiFilterToggle small {
  color: #8d95a2;
  letter-spacing: .1em;
  font-size: .54rem;
  font-weight: 900;
  display: block;
}

.mojumon-module__eekgPa__multiFilterToggle strong {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 180px;
  margin-top: 2px;
  font-size: .69rem;
  display: block;
  overflow: hidden;
}

.mojumon-module__eekgPa__multiFilterCaret {
  color: #8d95a2;
  transition: transform .18s;
}

.mojumon-module__eekgPa__multiFilterCaretOpen {
  transform: rotate(180deg);
}

.mojumon-module__eekgPa__multiFilterMenu {
  z-index: 90;
  background: #11151e;
  border: 1px solid #ffffff1f;
  border-radius: 8px;
  min-width: 100%;
  padding: 7px;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  box-shadow: 0 14px 28px #0000006b;
}

.mojumon-module__eekgPa__multiFilterMenu label {
  color: #dfe4ec;
  cursor: pointer;
  border-radius: 5px;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  padding: 6px 8px;
  font-size: .7rem;
  font-weight: 800;
  display: flex;
}

.mojumon-module__eekgPa__multiFilterMenu label:hover {
  background: #ffffff0e;
}

.mojumon-module__eekgPa__multiFilterMenu input[type="checkbox"] {
  appearance: none;
  cursor: pointer;
  background: #090c12;
  border: 1px solid #596170;
  border-radius: 3px;
  flex: 0 0 17px;
  place-items: center;
  width: 17px;
  height: 17px;
  display: grid;
}

.mojumon-module__eekgPa__multiFilterMenu input[type="checkbox"]:before {
  content: "✓";
  color: #07100a;
  font-size: 12px;
  font-weight: 1000;
  transition: transform .12s;
  transform: scale(0);
}

.mojumon-module__eekgPa__multiFilterMenu input[type="checkbox"]:checked {
  background: #78e48b;
  border-color: #78e48b;
}

.mojumon-module__eekgPa__multiFilterMenu input[type="checkbox"]:checked:before {
  transform: scale(1);
}

.mojumon-module__eekgPa__multiFilterClear {
  color: #8e97a5;
  cursor: pointer;
  background: #090c12;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  width: 100%;
  margin-top: 5px;
  padding: 7px 8px;
  font-size: .62rem;
  font-weight: 900;
}

.mojumon-module__eekgPa__multiFilterClear:hover {
  color: #fff;
  border-color: #fff3;
}

.mojumon-module__eekgPa__readyFilterWrap {
  background: #0b0e14;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  align-items: center;
  gap: 9px;
  min-height: 30px;
  padding: 3px 5px 3px 12px;
  display: flex;
}

.mojumon-module__eekgPa__readyFilterLabel {
  color: #8d95a2;
  letter-spacing: .1em;
  white-space: nowrap;
  font-size: .58rem;
  font-weight: 900;
}

.mojumon-module__eekgPa__readyFilterSelect {
  color: #fff;
  cursor: pointer;
  background: #151923;
  border: 1px solid #ffffff1f;
  border-radius: 6px;
  outline: none;
  min-height: 26px;
  padding: 4px 30px 4px 10px;
  font-size: .72rem;
  font-weight: 800;
  transition: transform .18s, border-color .18s, box-shadow .18s;
}

.mojumon-module__eekgPa__readyFilterSelect:hover, .mojumon-module__eekgPa__readyFilterSelect:focus {
  border-color: #ffd84f;
  transform: translateY(-2px);
  box-shadow: 0 7px 16px #00000040, 0 0 10px #ffd84f1a;
}

.mojumon-module__eekgPa__search {
  flex: 1;
  min-width: 220px;
}

.mojumon-module__eekgPa__search input {
  color: #fff;
  background: #080a10;
  border: 1px solid #ffffff21;
  width: 100%;
  padding: 6px 14px;
  transition: transform .18s, border-color .18s, box-shadow .18s;
}

.mojumon-module__eekgPa__search input:hover, .mojumon-module__eekgPa__search input:focus {
  border-color: #ffd84f94;
  outline: none;
  transform: translateY(-2px);
  box-shadow: 0 7px 16px #00000040, 0 0 10px #ffd84f14;
}

.mojumon-module__eekgPa__main {
  padding: 24px 3vw;
}

.mojumon-module__eekgPa__factionSection {
  --accent: #fff;
  border: 1px solid color-mix(in srgb, var(--accent) 55%, transparent);
  background: radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 28%),
    linear-gradient(145deg, #11141d, #080a0f);
  box-shadow: 0 0 28px color-mix(in srgb, var(--accent) 9%, transparent);
  margin: 22px 0;
  padding: 0;
}

.mojumon-module__eekgPa__factionSectionHead {
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 15%, transparent), transparent);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  display: flex;
}

.mojumon-module__eekgPa__factionTitle {
  align-items: center;
  gap: 13px;
  display: flex;
}

.mojumon-module__eekgPa__factionIcon {
  width: 2.15rem;
  height: 2.15rem;
  filter: drop-shadow(0 0 10px var(--accent));
  place-items: center;
  font-size: 2rem;
  line-height: 1;
  display: grid;
}

.mojumon-module__eekgPa__factionIconAngel {
  font-size: 0;
  position: relative;
}

.mojumon-module__eekgPa__factionIconAngel:before {
  content: "";
  border: 3px solid var(--accent);
  width: 1.65rem;
  height: .62rem;
  box-shadow: 0 0 9px var(--accent), 0 0 18px color-mix(in srgb, var(--accent) 55%, transparent);
  border-radius: 50%;
  transform: perspective(40px)rotateX(62deg);
}

.mojumon-module__eekgPa__factionSectionHead h2 {
  text-transform: uppercase;
  color: var(--accent);
  text-shadow: 0 0 6px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 28%, transparent);
  margin: 0;
  font: 800 clamp(1.9rem, 4vw, 3rem) / 1 Georgia, serif;
}

.mojumon-module__eekgPa__factionSectionHead p {
  color: #c6c6ce;
  margin: 5px 0 0;
  font: italic 1rem Georgia, serif;
}

.mojumon-module__eekgPa__factionCount {
  border: 1px solid var(--accent);
  color: var(--accent);
  white-space: nowrap;
  padding: 9px 12px;
  font-weight: 900;
}

.mojumon-module__eekgPa__factionCount b, .mojumon-module__eekgPa__factionCount i {
  font: inherit;
}

.mojumon-module__eekgPa__roster {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  padding: 16px;
  display: grid;
}

@media (min-width: 1701px) {
  .mojumon-module__eekgPa__roster {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (min-width: 1301px) and (max-width: 1700px) {
  .mojumon-module__eekgPa__roster {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .mojumon-module__eekgPa__roster {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .mojumon-module__eekgPa__roster {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding: 10px;
  }
}

@media (max-width: 430px) {
  .mojumon-module__eekgPa__roster {
    grid-template-columns: minmax(0, 1fr);
  }
}

.mojumon-module__eekgPa__emptyState {
  text-align: center;
  color: var(--muted);
  padding: 40px 20px;
}

.mojumon-module__eekgPa__emptyState strong {
  color: var(--text);
  margin-bottom: 6px;
  font-size: 1.1rem;
  display: block;
}

.mojumon-module__eekgPa__card {
  --accent: #fff;
  border: 1px solid color-mix(in srgb, var(--accent) 66%, transparent);
  background: radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 44%),
    linear-gradient(160deg, #161a23, #090b10);
  cursor: pointer;
  transform-origin: bottom;
  text-align: left;
  min-height: 310px;
  color: inherit;
  font: inherit;
  flex-direction: column;
  padding: 10px 10px 0;
  transition: transform .24s, border-color .24s, box-shadow .24s, filter .24s;
  display: flex;
  position: relative;
}

.mojumon-module__eekgPa__card:hover {
  z-index: 8;
  border-color: var(--accent);
  box-shadow: 0 18px 32px #00000073, 0 0 25px color-mix(in srgb, var(--accent) 38%, transparent);
  filter: brightness(1.08) saturate(1.08);
  transform: translateY(-10px)scale(1.055);
}

@media (max-width: 760px) {
  .mojumon-module__eekgPa__card {
    min-height: 228px;
    padding: 8px 8px 0;
  }
}

@media (max-width: 430px) {
  .mojumon-module__eekgPa__card {
    min-height: 210px;
  }
}

.mojumon-module__eekgPa__cardArt {
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  place-items: center;
  width: 100%;
  min-height: 220px;
  display: grid;
  position: relative;
}

.mojumon-module__eekgPa__cardArt img {
  object-fit: contain;
  filter: drop-shadow(0 8px 10px #0006);
  width: 100%;
  height: 220px;
}

@media (max-width: 760px) {
  .mojumon-module__eekgPa__cardArt, .mojumon-module__eekgPa__cardArt img {
    height: 150px;
    min-height: 150px;
  }
}

@media (max-width: 430px) {
  .mojumon-module__eekgPa__cardArt, .mojumon-module__eekgPa__cardArt img {
    height: 138px;
    min-height: 138px;
  }
}

.mojumon-module__eekgPa__rosterTypeEmblems {
  z-index: 8;
  pointer-events: none;
  gap: 5px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
}

.mojumon-module__eekgPa__rosterTypeEmblem {
  --roster-type-color: #c7cbd1;
  border: 1px solid var(--roster-type-color);
  background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--roster-type-color) 25%, #171a22), #070a0ff0 72%);
  width: 31px;
  height: 31px;
  color: var(--roster-type-color);
  box-shadow: inset 0 0 7px color-mix(in srgb, var(--roster-type-color) 13%, transparent), 0 3px 8px #00000061,
    0 0 8px color-mix(in srgb, var(--roster-type-color) 14%, transparent);
  border-radius: 50%;
  place-items: center;
  transition: transform .2s, filter .2s;
  display: grid;
}

.mojumon-module__eekgPa__card:hover .mojumon-module__eekgPa__rosterTypeEmblem {
  filter: brightness(1.12);
  transform: translateY(-2px)scale(1.08);
}

.mojumon-module__eekgPa__card:hover .mojumon-module__eekgPa__rosterTypeEmblem:nth-child(2) {
  transform: translateY(-4px)scale(1.08);
}

.mojumon-module__eekgPa__rosterTypeSymbol {
  text-shadow: 0 0 5px;
  font-size: 1rem;
  font-weight: 1000;
  line-height: 1;
}

.mojumon-module__eekgPa__cardBody {
  padding: 0 0 62px;
  position: relative;
}

.mojumon-module__eekgPa__cardBody h3 {
  text-align: center;
  color: var(--accent);
  text-transform: uppercase;
  margin: 6px 0 9px;
  font: 800 1.1rem Georgia, serif;
}

@media (max-width: 760px) {
  .mojumon-module__eekgPa__cardBody h3 {
    place-items: center;
    min-height: 2.2em;
    font-size: .92rem;
    line-height: 1.15;
    display: grid;
  }
}

.mojumon-module__eekgPa__cardMeta {
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.mojumon-module__eekgPa__scrollSlotBadge, .mojumon-module__eekgPa__roleBadge {
  text-transform: uppercase;
  background: #07090d;
  border: 1px solid #ffffff24;
  padding: 6px 8px;
  font-size: .68rem;
  font-weight: 900;
}

.mojumon-module__eekgPa__scrollSlotBadge {
  --secondary-color: #fff;
  color: color-mix(in srgb, var(--secondary-color) 70%, white);
  border-color: var(--secondary-color);
  background: color-mix(in srgb, var(--secondary-color) 12%, #07090d);
}

.mojumon-module__eekgPa__roleBadge {
  border-color: var(--accent);
  color: var(--accent);
}

.mojumon-module__eekgPa__rosterPartyBtn {
  border: 1px solid color-mix(in srgb, var(--accent) 48%, #ffffff14);
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, #0a0d13), #090c11);
  color: #dce1e8;
  letter-spacing: .045em;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  margin: 0;
  padding: 7px 10px;
  font-size: .64rem;
  font-weight: 950;
  transition: transform .18s, border-color .18s, color .18s, box-shadow .18s, background .18s;
  display: flex;
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
}

.mojumon-module__eekgPa__rosterPartyBtn:hover {
  border-color: var(--accent);
  color: #fff;
  z-index: 2;
  box-shadow: 0 7px 15px #00000040, 0 0 10px color-mix(in srgb, var(--accent) 15%, transparent);
  transform: translateY(-2px);
}

.mojumon-module__eekgPa__rosterPartyBtnActive {
  color: #6fe38b;
  background: linear-gradient(90deg, #399c5324, #090c11);
  border-color: #58d87a;
}

.mojumon-module__eekgPa__rosterPartyBtnActive:hover {
  color: #ff8a92;
  background: linear-gradient(90deg, #b02f3a21, #090c11);
  border-color: #ff626d;
  box-shadow: 0 7px 15px #00000040, 0 0 10px #ff626d40;
}

.mojumon-module__eekgPa__iconHoverState, .mojumon-module__eekgPa__rosterPartyIcon.mojumon-module__eekgPa__iconHoverState, .mojumon-module__eekgPa__rosterPartyBtnActive:hover .mojumon-module__eekgPa__iconRestState {
  display: none;
}

.mojumon-module__eekgPa__rosterPartyBtnActive:hover .mojumon-module__eekgPa__iconHoverState {
  display: inline;
}

.mojumon-module__eekgPa__rosterPartyBtnActive:hover .mojumon-module__eekgPa__rosterPartyIcon.mojumon-module__eekgPa__iconHoverState {
  display: grid;
}

.mojumon-module__eekgPa__rosterPartyIcon {
  border: 1px solid;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 21px;
  height: 21px;
  font-size: .9rem;
  display: grid;
  position: relative;
}

.mojumon-module__eekgPa__iconPlus, .mojumon-module__eekgPa__iconMinus {
  background: currentColor;
  border-radius: 1px;
  width: .62em;
  height: .15em;
  margin-top: -.075em;
  margin-left: -.31em;
  position: absolute;
  top: 50%;
  left: 50%;
}

.mojumon-module__eekgPa__iconPlus:after {
  content: "";
  background: currentColor;
  border-radius: 1px;
  width: .15em;
  height: .62em;
  position: absolute;
  top: -.235em;
  left: .235em;
}

.mojumon-module__eekgPa__iconCheck {
  border-bottom: .15em solid;
  border-left: .15em solid;
  width: .55em;
  height: .3em;
  margin-top: -.22em;
  margin-left: -.31em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(-45deg);
}

.mojumon-module__eekgPa__modalBackdrop {
  z-index: 5000;
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  will-change: backdrop-filter, transform;
  isolation: isolate;
  background: #000000d6;
  justify-content: center;
  align-items: center;
  padding: 24px 8px;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
  transform: translateZ(0);
}

.mojumon-module__eekgPa__modalCard {
  --accent: #fff;
  border: 1px solid var(--accent);
  width: min(1240px, 96vw);
  height: calc(100vh - 48px);
  max-height: calc(100vh - 48px);
  box-shadow: 0 0 45px color-mix(in srgb, var(--accent) 22%, transparent);
  background: linear-gradient(145deg, #171a24, #090b10);
  border-radius: 4px;
  grid-template-rows: minmax(0, 1fr);
  grid-template-columns: 380px minmax(0, 1fr);
  gap: 18px;
  padding: 18px;
  display: grid;
  position: relative;
}

.mojumon-module__eekgPa__radiantSpark {
  z-index: 20;
  pointer-events: none;
  color: #fff0a4;
  text-shadow: 0 0 8px #fff, 0 0 14px #d57cff;
  animation-name: mojumon-module__eekgPa__radiantSparkFloat;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  position: absolute;
}

.mojumon-module__eekgPa__platinumSpark {
  color: #f2f5fa;
  text-shadow: 0 0 8px #fff, 0 0 14px #9db3cc;
}

@keyframes mojumon-module__eekgPa__radiantSparkFloat {
  0% {
    opacity: 0;
    transform: scale(.2);
  }

  35% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(-38px)scale(1.15)rotate(90deg);
  }
}

.mojumon-module__eekgPa__modalClose {
  z-index: 30;
  border: 1px solid var(--accent);
  color: #fff;
  cursor: pointer;
  width: 38px;
  height: 38px;
  box-shadow: 0 4px 16px #0009, 0 0 14px color-mix(in srgb, var(--accent) 30%, transparent);
  background: #0b0d12;
  border-radius: 50%;
  place-items: center;
  padding: 0;
  font-size: 15px;
  line-height: 1;
  transition: transform .15s, background .15s;
  display: grid;
  position: absolute;
  top: -19px;
  right: -19px;
}

.mojumon-module__eekgPa__modalClose:hover {
  background: #171a24;
  transform: scale(1.08);
}

.mojumon-module__eekgPa__modalClose:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.mojumon-module__eekgPa__modalArt {
  background: radial-gradient(circle, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%);
  flex-direction: column;
  justify-content: center;
  align-self: start;
  align-items: stretch;
  height: 420px;
  padding: 18px;
  display: flex;
  position: sticky;
  top: 0;
}

.mojumon-module__eekgPa__modalArtImgWrap {
  flex: auto;
  place-items: center;
  min-height: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.mojumon-module__eekgPa__modalArt img {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.mojumon-module__eekgPa__enlargeButton {
  z-index: 20;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  background: #08090eb8;
  border: 1px solid #ffffff38;
  border-radius: 20px;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  font: 800 .72rem / 1 sans-serif;
  transition: opacity .18s, transform .18s, border-color .18s;
  display: flex;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%)translateY(6px);
}

.mojumon-module__eekgPa__enlargeButton:hover {
  border-color: #ffffff80;
}

.mojumon-module__eekgPa__enlargeIcon {
  font-size: .95rem;
}

.mojumon-module__eekgPa__modalArtImgWrap:hover .mojumon-module__eekgPa__enlargeButton, .mojumon-module__eekgPa__coastArtImgWrap:hover .mojumon-module__eekgPa__enlargeButton {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%)translateY(0);
}

.mojumon-module__eekgPa__lightboxBackdrop {
  z-index: 6000;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  cursor: zoom-out;
  background: #000000c7;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
  position: fixed;
  inset: 0;
}

.mojumon-module__eekgPa__lightboxImage {
  object-fit: contain;
  cursor: default;
  border-radius: 6px;
  width: auto;
  max-width: min(1100px, 90vw);
  height: auto;
  max-height: 90vh;
  box-shadow: 0 30px 90px #0009;
}

.mojumon-module__eekgPa__lightboxClose {
  z-index: 6010;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
  cursor: pointer;
  background: #08090ebf;
  border: 1px solid #ffffff40;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 1.1rem;
  transition: border-color .18s, background .18s;
  position: fixed;
  top: 22px;
  right: 26px;
}

.mojumon-module__eekgPa__lightboxClose:hover {
  background: #14151ce6;
  border-color: #ffffff80;
}

.mojumon-module__eekgPa__modalArtPlaceholder {
  color: var(--muted);
  font-size: 3rem;
}

.mojumon-module__eekgPa__modalEvolveInfo {
  color: #dfe4ee;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: center;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 9px 10px 4px;
  font: 800 .92rem Arial, Helvetica, sans-serif;
  display: flex;
}

.mojumon-module__eekgPa__modalEvolveInfo strong {
  color: var(--accent);
  margin-left: .28em;
}

.mojumon-module__eekgPa__coastPanel {
  border-radius: 8px;
  flex-direction: column;
  align-self: stretch;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.mojumon-module__eekgPa__coastArtWrap {
  isolation: isolate;
  flex: auto;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.mojumon-module__eekgPa__coastBg {
  z-index: 0;
  background-image: linear-gradient(to bottom, #050c190f, #050a1438), var(--coast-bg-image);
  filter: blur(3px);
  opacity: .96;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  position: absolute;
  inset: -10px;
  transform: scale(1.035);
}

.mojumon-module__eekgPa__coastSnowLayer {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.mojumon-module__eekgPa__coastSnowBack {
  z-index: 2;
}

.mojumon-module__eekgPa__coastSnowFront {
  z-index: 5;
}

.mojumon-module__eekgPa__coastFlake {
  will-change: transform;
  background: #fffffff2;
  border-radius: 50%;
  animation-name: mojumon-module__eekgPa__bangawenCoastSnow;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position: absolute;
  top: -24px;
  box-shadow: 0 0 6px #82d3ffcc;
}

.mojumon-module__eekgPa__coastFlakeCrystal {
  width: auto;
  height: auto;
  box-shadow: none;
  color: #fff;
  text-shadow: 0 0 7px #84daffe6;
  background: none;
  line-height: 1;
}

@keyframes mojumon-module__eekgPa__bangawenCoastSnow {
  from {
    transform: translate3d(0, -30px, 0)rotate(0);
  }

  to {
    transform: translate3d(var(--drift), var(--fall), 0) rotate(var(--rotation));
  }
}

.mojumon-module__eekgPa__coastLeafLayer {
  z-index: 5;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 0% 72%, #000000c2 84%, #0000 100%);
  mask-image: linear-gradient(#000 0% 72%, #000000c2 84%, #0000 100%);
}

.mojumon-module__eekgPa__coastLeaf {
  opacity: 0;
  transform-origin: center;
  will-change: transform;
  background: linear-gradient(135deg, #eeff9e, #7fd94a);
  border-radius: 100% 0;
  animation-name: mojumon-module__eekgPa__coastLeafFall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position: absolute;
  top: -12%;
  box-shadow: 0 0 5px #dcff9680;
}

.mojumon-module__eekgPa__coastLeaf:after {
  content: "";
  background: #ffffe0bf;
  width: 80%;
  height: 1px;
  position: absolute;
  top: 48%;
  left: 10%;
  transform: rotate(-18deg);
}

@keyframes mojumon-module__eekgPa__coastLeafFall {
  0% {
    opacity: 0;
    transform: translate3d(0, -35px, 0)rotate(0);
  }

  8% {
    opacity: var(--leaf-opacity);
  }

  78% {
    opacity: var(--leaf-opacity);
  }

  100% {
    transform: translate3d(var(--leaf-drift), var(--leaf-fall), 0) rotate(var(--leaf-rotation));
    opacity: 0;
  }
}

.mojumon-module__eekgPa__coastEmberLayer {
  z-index: 5;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to top, #000 0% 60%, #000000b3 80%, #0000 100%);
  mask-image: linear-gradient(to top, #000 0% 60%, #000000b3 80%, #0000 100%);
}

.mojumon-module__eekgPa__coastEmber {
  opacity: 0;
  will-change: transform;
  background: radial-gradient(circle, #fff6c8 0%, #ffb347 40%, #ff5f2e 75%, #0000 100%);
  border-radius: 50%;
  animation-name: mojumon-module__eekgPa__coastEmberRise;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
  position: absolute;
  box-shadow: 0 0 4px #ff8c3c8c;
}

.mojumon-module__eekgPa__coastEmberBig {
  box-shadow: 0 0 8px #ff963cb3, 0 0 16px #ff5a2859;
}

@keyframes mojumon-module__eekgPa__coastEmberRise {
  0% {
    opacity: 0;
    transform: translate3d(0, 10px, 0)scale(.85);
  }

  10% {
    opacity: var(--ember-opacity);
  }

  70% {
    opacity: var(--ember-opacity);
  }

  100% {
    transform: translate3d(var(--ember-drift), calc(-1 * var(--ember-rise)), 0) scale(1.1);
    opacity: 0;
  }
}

.mojumon-module__eekgPa__coastRainLayer {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 0% 80%, #000000b3 90%, #0000 100%);
  mask-image: linear-gradient(#000 0% 80%, #000000b3 90%, #0000 100%);
}

.mojumon-module__eekgPa__coastRainBack {
  z-index: 2;
}

.mojumon-module__eekgPa__coastRainFront {
  z-index: 5;
}

.mojumon-module__eekgPa__coastRaindrop {
  will-change: transform;
  background: linear-gradient(#0000, #b9e0ffd9 55%, #e4f5fff2);
  border-radius: 2px;
  width: 2px;
  animation-name: mojumon-module__eekgPa__coastRainFall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position: absolute;
  top: -30px;
  box-shadow: 0 0 3px #a5d5ff66;
}

@keyframes mojumon-module__eekgPa__coastRainFall {
  from {
    transform: translate3d(0, -30px, 0);
  }

  to {
    transform: translate3d(var(--rain-drift), var(--rain-fall), 0);
  }
}

.mojumon-module__eekgPa__coastWindLayer {
  z-index: 5;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 10% 88%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 10% 88%, #0000 100%);
}

.mojumon-module__eekgPa__coastWindLine {
  will-change: transform;
  background: linear-gradient(to right, #0000, #e1f0ffbf 55%, #ffffffe6);
  border-radius: 2px;
  height: 2px;
  animation-name: mojumon-module__eekgPa__coastWindDrift;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position: absolute;
  left: -80px;
  box-shadow: 0 0 3px #c8e1ff59;
}

@keyframes mojumon-module__eekgPa__coastWindDrift {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(var(--wind-span), var(--wind-drift), 0);
  }
}

.mojumon-module__eekgPa__coastArtImgWrap {
  z-index: 3;
  place-items: center;
  height: 100%;
  display: grid;
  position: relative;
}

.mojumon-module__eekgPa__coastArtImgWrap img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.mojumon-module__eekgPa__coastLocationBanner {
  z-index: 8;
  box-sizing: border-box;
  color: #f5f7fb;
  letter-spacing: .055em;
  text-transform: uppercase;
  text-align: center;
  pointer-events: none;
  background: linear-gradient(90deg, #ffd84f0a, #192332f0 18%, #111926f7 50%, #192332f0 82%, #ffd84f0a);
  border: 1px solid #ffd84f85;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: calc(100% - 34px);
  min-height: 44px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 900;
  display: flex;
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: inset 0 1px #ffffff0d, 0 5px 18px #0000004d;
}

.mojumon-module__eekgPa__coastLocationLabel {
  color: #fff;
  margin-right: .35em;
}

.mojumon-module__eekgPa__coastTimeCycleIcon {
  margin-right: .5em;
  font-size: 1.05em;
  line-height: 1;
}

.mojumon-module__eekgPa__coastLocationName {
  color: var(--accent);
}

.mojumon-module__eekgPa__coastEvolveBar {
  box-sizing: border-box;
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: linear-gradient(90deg, #12527e 0%, #176ea7 22%, #1689c4 50%, #176ea7 78%, #12527e 100%);
  border: 1px solid #74dcffe0;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 54px;
  padding: 11px 60px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9rem;
  font-weight: 800;
  display: flex;
  position: relative;
  box-shadow: inset 0 2px #bcf2ff47, inset 0 -2px #3aade052, 0 5px 18px #0000004d;
}

.mojumon-module__eekgPa__coastEvolveIcon {
  --roster-type-color: #9cecff;
  border: 2px solid var(--roster-type-color);
  color: #fff;
  width: 32px;
  height: 32px;
  box-shadow: 0 0 7px color-mix(in srgb, var(--roster-type-color) 60%, transparent);
  background: #083f69;
  border-radius: 50%;
  place-items: center;
  font-size: 19px;
  display: grid;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
}

.mojumon-module__eekgPa__modalInfo {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #ffffff2e transparent;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  min-height: 0;
  padding-right: 6px;
  display: flex;
  overflow-y: auto;
}

.mojumon-module__eekgPa__modalInfo > * {
  flex-shrink: 0;
}

.mojumon-module__eekgPa__modalStatusBar {
  --tip: 14px;
  --seam: 3px;
  align-items: stretch;
  width: max-content;
  min-height: 30px;
  display: flex;
}

.mojumon-module__eekgPa__statusSegment {
  background: color-mix(in srgb, var(--segment-color, #ffd75c) var(--fill, 20%), #0b1017);
  color: var(--segment-color, #ffd75c);
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  border-top: 1px solid color-mix(in srgb, var(--segment-color, #ffd75c) 55%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--segment-color, #ffd75c) 38%, transparent);
  align-items: center;
  padding: 6px 16px;
  font: 950 .72rem / 1 sans-serif;
  display: flex;
  box-shadow: inset 0 1px #ffffff0d;
}

.mojumon-module__eekgPa__statusSegmentPointed {
  padding-right: calc(var(--tip) + 12px);
  clip-path: polygon(0 0, calc(100% - var(--tip)) 0, 100% 50%, calc(100% - var(--tip)) 100%, 0 100%);
}

.mojumon-module__eekgPa__statusSegmentFirst {
  --fill: 34%;
  border-left: 4px solid var(--segment-color, #ffd75c);
  padding-left: 14px;
}

.mojumon-module__eekgPa__statusSegmentMiddle {
  --fill: 20%;
  margin-left: calc(-1 * (var(--tip) - var(--seam)));
  padding-left: calc(var(--tip) + 12px);
  clip-path: polygon(0 0, calc(100% - var(--tip)) 0, 100% 50%, calc(100% - var(--tip)) 100%, 0 100%, var(--tip) 50%);
}

.mojumon-module__eekgPa__statusSegmentEnd {
  --fill: 12%;
  margin-left: calc(-1 * (var(--tip) - var(--seam)));
  padding-left: calc(var(--tip) + 14px);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--tip) 50%);
  border-radius: 0 16px 16px 0;
  padding-right: 18px;
}

.mojumon-module__eekgPa__modalInfo h2 {
  color: #fff;
  letter-spacing: .02em;
  text-transform: uppercase;
  border: 1px solid color-mix(in srgb, var(--accent) 52%, #ffffff10);
  border-left: 5px solid var(--accent);
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 13%, #11151c) 0%, #10141c 42%, #090c12 100%);
  min-height: 90px;
  box-shadow: inset 0 1px 0 #ffffff0d, 0 10px 24px #00000047,
    0 0 16px color-mix(in srgb, var(--accent) 10%, transparent);
  text-shadow: 0 3px 0 #00000059, 0 0 12px color-mix(in srgb, var(--accent) 18%, transparent);
  border-radius: 10px;
  align-items: center;
  margin: 0;
  padding: 14px 26px;
  font: 900 clamp(2.2rem, 4vw, 3.4rem) / .88 Georgia, Times New Roman, serif;
  display: flex;
  position: relative;
}

.mojumon-module__eekgPa__evoShowcase {
  box-sizing: border-box;
  background: radial-gradient(ellipse at 50% 92%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 48%),
    linear-gradient(180deg, #11141b, #090c11);
  border: 1px solid #ffffff14;
  border-radius: 18px;
  min-height: 320px;
  padding: 12px 18px 10px;
  position: relative;
  overflow: hidden;
}

.mojumon-module__eekgPa__evoShowcaseRadiant {
  background: radial-gradient(at 50% 92%, #ffd94817, #0000 48%), radial-gradient(circle at 73% 20%, #c765ff0d, #0000 25%), linear-gradient(#16131c, #0b0b11);
  border-color: #ffdd5a47;
}

.mojumon-module__eekgPa__evoShowcasePlatinum {
  background: radial-gradient(at 50% 92%, #e2e8f01a, #0000 48%), radial-gradient(circle at 73% 20%, #94b2d10f, #0000 25%), linear-gradient(#12151c, #0a0c11);
  border-color: #e2e8f047;
}

.mojumon-module__eekgPa__evoShowcaseCostume {
  background: radial-gradient(at 50% 92%, #ff5fd117, #0000 48%), linear-gradient(#1c1119, #0b0a0d);
  border-color: #ff5fd147;
}

.mojumon-module__eekgPa__evoShowcaseHead {
  z-index: 10;
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  min-height: 50px;
  margin-bottom: 8px;
  padding: 0 2px 8px;
  display: flex;
  position: relative;
}

.mojumon-module__eekgPa__evoShowcaseKicker {
  color: #87909d;
  letter-spacing: .15em;
  margin-bottom: 2px;
  font-size: .56rem;
  font-weight: 900;
  display: block;
}

.mojumon-module__eekgPa__evoShowcaseHead h3 {
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  font: 900 1.42rem Georgia, serif;
}

.mojumon-module__eekgPa__showcaseModeTabs {
  background: #080a0f;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  gap: 3px;
  padding: 4px;
  display: flex;
}

.mojumon-module__eekgPa__showcaseModeTabs button {
  color: #747c89;
  letter-spacing: .09em;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  padding: 7px 13px;
  font-size: .57rem;
  font-weight: 900;
  transition: all .22s;
}

.mojumon-module__eekgPa__showcaseModeActive {
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 14%, #11141b);
  box-shadow: 0 0 12px color-mix(in srgb, var(--accent) 14%, transparent);
}

.mojumon-module__eekgPa__showcaseModeActiveRadiant {
  color: #ffe68b;
  background: linear-gradient(90deg, #ffd74821, #c567ff12);
  box-shadow: 0 0 13px #ffd84b21;
}

.mojumon-module__eekgPa__showcaseModeActivePlatinum {
  color: #f2f5fa;
  background: linear-gradient(90deg, #e2e8f024, #94b2d114);
  box-shadow: 0 0 13px #e2e8f029;
}

.mojumon-module__eekgPa__showcaseModeActiveCostume {
  color: #ffb3ec;
  background: #ff5fd124;
  box-shadow: 0 0 13px #ff5fd12e;
}

.mojumon-module__eekgPa__showcaseStage {
  box-sizing: border-box;
  grid-template-columns: 1fr 1.2fr 1fr;
  align-items: end;
  gap: 72px;
  height: 220px;
  padding: 4px 80px 0;
  display: grid;
  position: relative;
}

.mojumon-module__eekgPa__showcaseStage2 {
  grid-template-columns: 1fr 1fr;
  gap: 120px;
  padding: 4px 120px 0;
}

.mojumon-module__eekgPa__showcaseStage2 .mojumon-module__eekgPa__evoEnergyPath {
  left: calc(25% + 30px);
  right: calc(25% + 30px);
}

.mojumon-module__eekgPa__showcaseStage1 {
  grid-template-columns: minmax(0, 260px);
  justify-content: center;
  gap: 0;
}

@media (max-width: 900px) {
  .mojumon-module__eekgPa__showcaseStage, .mojumon-module__eekgPa__showcaseStage2 {
    gap: 24px;
    padding: 4px 16px 0;
  }

  .mojumon-module__eekgPa__evoEnergyPath {
    display: none;
  }
}

.mojumon-module__eekgPa__evoEnergyPath {
  z-index: 1;
  pointer-events: none;
  height: 44px;
  position: absolute;
  bottom: 54px;
  left: 15%;
  right: 15%;
}

.mojumon-module__eekgPa__energySegment {
  background: linear-gradient(90deg, transparent, var(--accent) 20%, var(--accent) 80%, transparent);
  height: 2px;
  box-shadow: 0 0 9px color-mix(in srgb, var(--accent) 42%, transparent);
  position: absolute;
  top: 22px;
}

.mojumon-module__eekgPa__energyLevel {
  border: 1px solid color-mix(in srgb, var(--accent) 38%, #ffffff17);
  color: var(--accent);
  letter-spacing: .05em;
  white-space: nowrap;
  background: #0a0d13;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: .52rem;
  font-weight: 900;
  position: absolute;
  top: 8px;
  transform: translateX(-50%);
}

.mojumon-module__eekgPa__energyPulse {
  background: var(--accent);
  filter: blur(2px);
  width: 16px;
  height: 8px;
  box-shadow: 0 0 14px var(--accent);
  border-radius: 50%;
  animation: 3.2s linear infinite mojumon-module__eekgPa__showcasePulse;
  position: absolute;
  top: 19px;
  left: 8%;
}

.mojumon-module__eekgPa__evoShowcaseRadiant .mojumon-module__eekgPa__energyPulse {
  background: #ffe66f;
  box-shadow: 0 0 15px #ffe66f, 0 0 22px #cb6cff29;
}

.mojumon-module__eekgPa__evoShowcasePlatinum .mojumon-module__eekgPa__energyPulse {
  background: #f2f5fa;
  box-shadow: 0 0 15px #f2f5fa, 0 0 22px #94b2d140;
}

.mojumon-module__eekgPa__evoShowcaseCostume .mojumon-module__eekgPa__energyPulse {
  background: #ff5fd1;
  box-shadow: 0 0 15px #ff5fd1;
}

@keyframes mojumon-module__eekgPa__showcasePulse {
  from {
    opacity: 0;
    left: 8%;
  }

  8% {
    opacity: 1;
  }

  92% {
    opacity: 1;
  }

  to {
    opacity: 0;
    left: 90%;
  }
}

.mojumon-module__eekgPa__showcaseStageTag {
  color: #7f8794;
  letter-spacing: .13em;
  font-size: .51rem;
  font-weight: 900;
  position: absolute;
  top: 5px;
}

.mojumon-module__eekgPa__showcaseSelectedLabel {
  z-index: 6;
  background: #080a0ed1;
  border: 1px solid #ffffff17;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 5px 10px;
  display: flex;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.mojumon-module__eekgPa__showcaseSelectedLabel span {
  color: #7f8793;
  letter-spacing: .11em;
  font-size: .46rem;
  font-weight: 900;
}

.mojumon-module__eekgPa__showcaseSelectedLabel strong {
  color: var(--accent);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .58rem;
}

.mojumon-module__eekgPa__evoShowcaseRadiant .mojumon-module__eekgPa__showcaseSelectedLabel strong {
  color: #ffe57e;
}

.mojumon-module__eekgPa__evoShowcasePlatinum .mojumon-module__eekgPa__showcaseSelectedLabel strong {
  color: #eef2f7;
}

.mojumon-module__eekgPa__evoShowcaseCostume .mojumon-module__eekgPa__showcaseSelectedLabel strong {
  color: #ff8fe0;
}

.mojumon-module__eekgPa__showcaseTile {
  z-index: 3;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  opacity: .72;
  background: none;
  border: 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 196px;
  padding: 0 8px 20px;
  transition: transform .38s cubic-bezier(.2, .78, .25, 1), opacity .32s, filter .32s;
  display: flex;
  position: relative;
  overflow: visible;
  transform: scale(.9);
}

.mojumon-module__eekgPa__showcaseTile:hover {
  opacity: .95;
  transform: scale(.95)translateY(-3px);
}

.mojumon-module__eekgPa__showcaseTileSelected {
  opacity: 1;
  box-shadow: 0 0 18px color-mix(in srgb, var(--secondary-accent, var(--accent)) 22%, transparent);
  border-radius: 8px;
  transform: scale(1.08)translateY(-6px);
}

.mojumon-module__eekgPa__showcaseTileImage {
  place-items: center;
  width: 100%;
  height: 145px;
  display: grid;
  position: relative;
}

.mojumon-module__eekgPa__showcaseTileImage:after {
  content: "";
  background: radial-gradient(ellipse, color-mix(in srgb, var(--accent) 28%, #171a22), #0006 64%, transparent 72%);
  border: 1px solid color-mix(in srgb, var(--accent) 24%, #ffffff0f);
  z-index: -1;
  border-radius: 50%;
  width: 150px;
  height: 24px;
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
}

.mojumon-module__eekgPa__evoShowcaseRadiant .mojumon-module__eekgPa__showcaseTileImage:after {
  background: radial-gradient(#585338, #0006 64%, #0000 72%);
  border-color: #ffea8649;
}

.mojumon-module__eekgPa__evoShowcasePlatinum .mojumon-module__eekgPa__showcaseTileImage:after {
  background: radial-gradient(#53565e, #0006 64%, #0000 72%);
  border-color: #f1f4f849;
}

.mojumon-module__eekgPa__evoShowcaseCostume .mojumon-module__eekgPa__showcaseTileImage:after {
  background: radial-gradient(#582d53, #0006 64%, #0000 72%);
  border-color: #ff78d849;
}

.mojumon-module__eekgPa__showcaseTileImage img {
  object-fit: contain;
  filter: drop-shadow(0 10px 10px #0000006b);
  width: 100%;
  height: 142px;
}

.mojumon-module__eekgPa__showcaseTileSelected .mojumon-module__eekgPa__showcaseTileImage img {
  filter: drop-shadow(0 0 9px color-mix(in srgb, var(--accent) 38%, transparent)) drop-shadow(0 12px 10px #0000006b);
}

.mojumon-module__eekgPa__evoShowcaseRadiant .mojumon-module__eekgPa__showcaseTileSelected .mojumon-module__eekgPa__showcaseTileImage img {
  filter: drop-shadow(0 0 9px #ffe66f61) drop-shadow(0 0 14px #cb6cff38) drop-shadow(0 12px 10px #0000006b);
}

.mojumon-module__eekgPa__evoShowcasePlatinum .mojumon-module__eekgPa__showcaseTileSelected .mojumon-module__eekgPa__showcaseTileImage img {
  filter: drop-shadow(0 0 9px #eef2f76b) drop-shadow(0 0 14px #94b2d147) drop-shadow(0 12px 10px #0000006b);
}

.mojumon-module__eekgPa__evoShowcaseCostume .mojumon-module__eekgPa__showcaseTileSelected .mojumon-module__eekgPa__showcaseTileImage img {
  filter: drop-shadow(0 0 9px #ff5fd16b) drop-shadow(0 12px 10px #0000006b);
}

.mojumon-module__eekgPa__showcaseTile strong {
  color: var(--accent);
  text-transform: uppercase;
  margin-top: 2px;
  font: 900 .82rem Georgia, serif;
}

.mojumon-module__eekgPa__evoShowcaseRadiant .mojumon-module__eekgPa__showcaseTile strong {
  color: #fff0a2;
  text-shadow: 0 0 7px #ffdd5933;
}

.mojumon-module__eekgPa__evoShowcasePlatinum .mojumon-module__eekgPa__showcaseTile strong {
  color: #f2f5fa;
  text-shadow: 0 0 7px #e2e8f040;
}

.mojumon-module__eekgPa__evoShowcaseCostume .mojumon-module__eekgPa__showcaseTile strong {
  color: #ffb3ec;
  text-shadow: 0 0 7px #ff5fd140;
}

.mojumon-module__eekgPa__realDataFacts {
  border-top: 1px solid #ffffff14;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding-top: 12px;
  display: grid;
}

.mojumon-module__eekgPa__realDataFacts > span {
  background: #0b0d13;
  border: 1px solid #ffffff14;
  min-width: 0;
  padding: 9px 10px;
}

.mojumon-module__eekgPa__realDataFacts > span > small {
  color: #8e94a3;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: .74rem;
  display: block;
}

.mojumon-module__eekgPa__realDataFacts strong {
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 2px;
  font-size: 1.02rem;
  display: block;
  overflow: hidden;
}

.mojumon-module__eekgPa__realDataFactType {
  cursor: help;
  position: relative;
}

.mojumon-module__eekgPa__realDataFactType strong {
  text-underline-offset: 3px;
  -webkit-text-decoration: underline dotted #ffffff59;
  text-decoration: underline dotted #ffffff59;
}

.mojumon-module__eekgPa__typeEffectivenessPopover {
  z-index: 95;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: default;
  white-space: normal;
  background: linear-gradient(#131824, #0c0f16);
  border: 1px solid #ffffff1f;
  border-radius: 10px;
  width: max-content;
  min-width: 250px;
  max-width: 340px;
  padding: 10px 14px;
  transition: opacity .15s, transform .15s, visibility .15s;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  transform: translateY(-4px);
  box-shadow: 0 18px 40px #00000080;
}

.mojumon-module__eekgPa__realDataFactType:hover .mojumon-module__eekgPa__typeEffectivenessPopover, .mojumon-module__eekgPa__realDataFactType:focus-within .mojumon-module__eekgPa__typeEffectivenessPopover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.mojumon-module__eekgPa__typeOrbRow {
  grid-template-columns: minmax(72px, max-content) 1fr;
  align-items: center;
  gap: 14px;
  padding: 9px 0;
  display: grid;
}

.mojumon-module__eekgPa__typeOrbRow + .mojumon-module__eekgPa__typeOrbRow {
  border-top: 1px solid #ffffff1a;
}

.mojumon-module__eekgPa__typeOrbRowLabel {
  letter-spacing: .16em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .6rem;
  font-weight: 800;
  line-height: 1.5;
}

.mojumon-module__eekgPa__typeOrbRowLabelWeak {
  color: #ff5b6f;
}

.mojumon-module__eekgPa__typeOrbRowLabelStrong {
  color: #6cf0b0;
}

.mojumon-module__eekgPa__typeOrbs {
  gap: 12px;
  display: flex;
}

.mojumon-module__eekgPa__typeOrb {
  --orb-tone: #c7cbd1;
  justify-items: center;
  gap: 4px;
  font-size: 0;
  display: grid;
  position: relative;
}

.mojumon-module__eekgPa__typeOrbWeak {
  --orb-tone: #ff5b6f;
}

.mojumon-module__eekgPa__typeOrbStrong {
  --orb-tone: #6cf0b0;
}

.mojumon-module__eekgPa__typeOrbBall {
  background: radial-gradient(circle at 35% 30%,
    color-mix(in srgb, var(--roster-type-color) 55%, #fff),
    var(--roster-type-color) 40%,
    color-mix(in srgb, var(--roster-type-color) 30%, #0b0d13) 85%);
  width: 38px;
  height: 38px;
  box-shadow: 0 0 12px color-mix(in srgb, var(--roster-type-color) 40%, transparent);
  border-radius: 50%;
  place-items: center;
  font-size: 17px;
  display: grid;
  position: relative;
}

.mojumon-module__eekgPa__typeOrb small {
  color: #a6acb8;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .6rem;
  font-weight: 800;
}

.mojumon-module__eekgPa__typeOrbStacked .mojumon-module__eekgPa__typeOrbBall {
  box-shadow: 0 0 0 2px #0b0d13, 0 0 0 4px var(--orb-tone), 0 0 18px var(--orb-tone);
  transform: scale(1.08);
}

.mojumon-module__eekgPa__typeOrbStacked small {
  color: var(--orb-tone);
}

.mojumon-module__eekgPa__typeOrbStacked:before {
  content: "";
  border: 1px dashed color-mix(in srgb, var(--orb-tone) 60%, transparent);
  pointer-events: none;
  border-radius: 50%;
  width: 54px;
  height: 54px;
  animation: 9s linear infinite mojumon-module__eekgPa__typeOrbSpin;
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes mojumon-module__eekgPa__typeOrbSpin {
  to {
    transform: translateX(-50%)rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mojumon-module__eekgPa__typeOrbStacked:before {
    animation: none;
  }
}

.mojumon-module__eekgPa__typeOrbBadge {
  z-index: 2;
  background: var(--orb-tone);
  color: #090806;
  letter-spacing: .02em;
  border-radius: 999px;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 9.5px;
  font-weight: 900;
  display: grid;
  position: absolute;
  top: -7px;
  right: -9px;
  box-shadow: 0 2px 6px #00000080;
}

.mojumon-module__eekgPa__typeOrbFoot {
  color: #5b6270;
  border-top: 1px solid #ffffff1a;
  max-width: 260px;
  margin: 10px 0 0;
  padding-top: 8px;
  font-size: .62rem;
  line-height: 1.5;
}

.mojumon-module__eekgPa__typeOrbFoot b {
  color: #a6acb8;
  font-weight: 800;
}

.mojumon-module__eekgPa__typeEffectivenessEmpty {
  color: #5b6270;
  font-size: .7rem;
}

.mojumon-module__eekgPa__typeChip {
  border: 1px solid color-mix(in srgb, var(--roster-type-color, #c7cbd1) 45%, transparent);
  background: color-mix(in srgb, var(--roster-type-color, #c7cbd1) 16%, #0b0d13);
  color: #fff;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: .68rem;
  font-weight: 800;
  display: inline-flex;
}

.mojumon-module__eekgPa__typeChipIcon {
  font-size: .8em;
}

.mojumon-module__eekgPa__addToPartyBtn {
  border: 1px solid #ffd84f47;
  border-left: 3px solid var(--accent);
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 9%, #0d1016), #0b0e14 55%);
  color: #fff;
  cursor: pointer;
  text-align: left;
  border-radius: 7px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 70px;
  padding: 10px 14px;
  transition: transform .18s, border-color .18s, box-shadow .18s;
  display: grid;
}

.mojumon-module__eekgPa__addToPartyBtn:hover {
  border-color: var(--accent);
  box-shadow: 0 0 13px color-mix(in srgb, var(--accent) 16%, transparent);
  transform: translateY(-1px);
}

.mojumon-module__eekgPa__addPartyIcon {
  border: 1px solid var(--accent);
  width: 42px;
  height: 42px;
  color: var(--accent);
  border-radius: 6px;
  place-items: center;
  font-size: 1.3rem;
  font-weight: 900;
  display: grid;
  position: relative;
}

.mojumon-module__eekgPa__addToPartyBtnActive {
  background: linear-gradient(90deg, #399c5324, #0b0e14 55%);
  border-color: #58d87a;
}

.mojumon-module__eekgPa__addToPartyBtnActive .mojumon-module__eekgPa__addPartyIcon {
  color: #6fe38b;
  border-color: #6fe38b;
}

.mojumon-module__eekgPa__addToPartyBtnActive:hover {
  background: linear-gradient(90deg, #b02f3a21, #0b0e14 55%);
  border-color: #ff626d;
}

.mojumon-module__eekgPa__addToPartyBtnActive:hover .mojumon-module__eekgPa__addPartyIcon {
  color: #ff8a92;
  border-color: #ff8a92;
}

.mojumon-module__eekgPa__addPartyIcon.mojumon-module__eekgPa__iconHoverState, .mojumon-module__eekgPa__addToPartyBtnActive:hover .mojumon-module__eekgPa__iconRestState {
  display: none;
}

.mojumon-module__eekgPa__addToPartyBtnActive:hover .mojumon-module__eekgPa__iconHoverState {
  display: inline;
}

.mojumon-module__eekgPa__addToPartyBtnActive:hover .mojumon-module__eekgPa__addPartyIcon.mojumon-module__eekgPa__iconHoverState {
  display: grid;
}

.mojumon-module__eekgPa__addPartySlotCost {
  color: var(--muted);
  white-space: nowrap;
  font-size: .78rem;
}

.mojumon-module__eekgPa__levelProgression {
  background: #090b10;
  border: 1px solid #ffffff14;
  border-radius: 4px;
  margin: 8px 0 18px;
  padding: 9px 10px 12px;
}

.mojumon-module__eekgPa__levelProgressionHead {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 7px;
  display: flex;
}

.mojumon-module__eekgPa__levelProgressionHead strong {
  color: var(--accent);
  text-transform: uppercase;
  font-size: 1.1rem;
}

.mojumon-module__eekgPa__levelProgressionHead span {
  color: #9ea4b0;
  font-size: .78rem;
}

.mojumon-module__eekgPa__levelProgressionGrid {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 5px;
  display: grid;
}

.mojumon-module__eekgPa__levelStat {
  text-align: center;
  background: #0d1016;
  border: 1px solid #ffffff14;
  border-radius: 7px;
  min-height: 82px;
  padding: 9px 5px;
  transition: transform .18s, border-color .18s, box-shadow .18s, background .18s;
}

.mojumon-module__eekgPa__levelStat:hover {
  border-color: var(--accent);
  box-shadow: 0 0 11px color-mix(in srgb, var(--accent) 20%, transparent);
  transform: translateY(-2px);
}

.mojumon-module__eekgPa__levelStatCurrent {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 9%, #0d1016);
}

.mojumon-module__eekgPa__levelStatLvl {
  color: var(--accent);
  font-size: .92rem;
  font-weight: 900;
  display: block;
}

.mojumon-module__eekgPa__levelStatHp {
  color: #fff;
  margin-top: 2px;
  font-size: 1rem;
  font-weight: 800;
  display: block;
}

.mojumon-module__eekgPa__levelStatSub {
  color: #9ea4b0;
  margin-top: 1px;
  font-size: .74rem;
  line-height: 1.2;
  display: block;
}

.mojumon-module__eekgPa__abilityBlock {
  border-left: 3px solid var(--accent);
  background: color-mix(in srgb, var(--accent) 6%, #0b0d13);
  min-height: 88px;
  margin: 10px 0 18px;
  padding: 10px 12px;
}

.mojumon-module__eekgPa__abilityBlock strong {
  color: var(--accent);
  margin: 1px 0 2px;
  font-size: 1.18rem;
  line-height: 1.2;
  display: block;
}

.mojumon-module__eekgPa__abilityBlock p {
  color: #b9bfcb;
  margin: 0;
  font-size: 1rem;
  line-height: 1.48;
}

.mojumon-module__eekgPa__movesPanel {
  background: #090b10;
  border: 1px solid #ffffff14;
  padding: 10px;
}

.mojumon-module__eekgPa__movesPanelHead {
  display: none;
}

.mojumon-module__eekgPa__moveTabs {
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.mojumon-module__eekgPa__moveTabs button {
  color: #cfd3dc;
  cursor: pointer;
  background: #11141c;
  border: 1px solid #ffffff1f;
  border-radius: 6px;
  padding: 10px 13px;
  font-size: .86rem;
  font-weight: 800;
  transition: transform .2s, border-color .2s, box-shadow .2s, color .2s, background .2s;
}

.mojumon-module__eekgPa__moveTabs button:hover {
  border-color: var(--accent);
  color: #fff;
  background: color-mix(in srgb, var(--accent) 11%, #11141c);
  box-shadow: 0 7px 16px #00000047, 0 0 14px color-mix(in srgb, var(--accent) 24%, transparent);
  transform: translateY(-3px)scale(1.025);
}

.mojumon-module__eekgPa__moveTabActive {
  transform: translateY(-1px);
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

.mojumon-module__eekgPa__moveDetail {
  box-sizing: border-box;
  background: #090b10;
  border: 1px solid #ffffff14;
  padding: 16px 16px 20px;
}

.mojumon-module__eekgPa__moveDetailHead {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.mojumon-module__eekgPa__moveDetailHead small {
  border: 1px solid color-mix(in srgb, var(--accent) 55%, #ffffff1f);
  min-width: 54px;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 8%, #0d1017);
  letter-spacing: .05em;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-bottom: 3px;
  padding: 4px 8px;
  font-size: .8rem;
  font-weight: 900;
  display: inline-flex;
}

.mojumon-module__eekgPa__moveDetailHead strong {
  color: #fff;
  margin-top: 1px;
  font-size: 1.32rem;
  line-height: 1.2;
  display: block;
}

.mojumon-module__eekgPa__moveDetailHead span {
  border: 1px solid var(--accent);
  color: var(--accent);
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: .82rem;
}

.mojumon-module__eekgPa__moveDetail p {
  color: #b8beca;
  margin: 12px 0 18px;
  font-size: 1.06rem;
  line-height: 1.52;
}

.mojumon-module__eekgPa__moveDetailStats {
  grid-template-columns: 1.5fr .5fr .8fr;
  gap: 8px;
  display: grid;
}

.mojumon-module__eekgPa__moveDetailStats span {
  background: #0b0d13;
  border: 1px solid #ffffff14;
  min-width: 0;
  padding: 9px 10px;
  transition: transform .18s, border-color .18s, background .18s;
}

.mojumon-module__eekgPa__moveDetailStats span:hover {
  border-color: color-mix(in srgb, var(--accent) 40%, #ffffff14);
  background: color-mix(in srgb, var(--accent) 7%, #0b0d13);
  transform: translateY(-2px);
}

.mojumon-module__eekgPa__moveDetailStats small {
  color: #8e94a3;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: .76rem;
  display: block;
}

.mojumon-module__eekgPa__moveDetailStats strong {
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 2px;
  font-size: .94rem;
  display: block;
  overflow: hidden;
}

@media (max-width: 900px) {
  .mojumon-module__eekgPa__modalBackdrop {
    align-items: flex-start;
    overflow: auto;
  }

  .mojumon-module__eekgPa__modalCard {
    grid-template-rows: none;
    grid-template-columns: 1fr;
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .mojumon-module__eekgPa__modalInfo {
    padding-right: 0;
    overflow: visible;
  }

  .mojumon-module__eekgPa__coastPanel {
    height: calc(100vh - 48px);
  }

  .mojumon-module__eekgPa__modalArt {
    height: 280px;
    position: static;
  }

  .mojumon-module__eekgPa__realDataFacts {
    grid-template-columns: repeat(2, 1fr);
  }

  .mojumon-module__eekgPa__levelProgressionGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.mojumon-module__eekgPa__partyPackShell {
  z-index: 10;
  width: auto;
  margin: 0 4vw;
  padding: 0;
  position: relative;
}

.mojumon-module__eekgPa__partyPackShell:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #ffffff14 12% 88%, #0000);
  height: 1px;
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
}

.mojumon-module__eekgPa__partyPackLauncher {
  z-index: 11;
  color: #fff;
  cursor: pointer;
  text-align: left;
  background: linear-gradient(90deg, #6e4d0c45 0%, #111212fa 18%, #080b11fa 62%, #231c0bf5 100%);
  border: 1px solid #ffd84f7a;
  border-left: 5px solid #ffd84f;
  border-radius: 8px;
  grid-template-columns: 42px minmax(260px, 1fr) auto auto auto;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-height: 78px;
  padding: 11px 18px;
  transition: border-color .2s, box-shadow .2s, background .2s, transform .2s;
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #ffffff0a, 0 9px 24px #00000047;
}

.mojumon-module__eekgPa__partyPackLauncher:hover {
  background: linear-gradient(90deg, #875e0f57 0%, #161614fc 20%, #0a0d13fc 62%, #31260cfa 100%);
  border-color: #ffd84f;
  transform: translateY(-3px);
  box-shadow: inset 0 1px #ffffff12, 0 12px 28px #0000005c, 0 0 18px #ffd84f1f;
}

.mojumon-module__eekgPa__partyPackLauncherIcon {
  color: #ffd84f;
  background: #17130b;
  border: 1px solid #ffd84f7a;
  border-radius: 50%;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 1.15rem;
  transition: transform .2s, background .2s, box-shadow .2s;
  display: grid;
}

.mojumon-module__eekgPa__partyPackLauncher:hover .mojumon-module__eekgPa__partyPackLauncherIcon {
  background: #ffd84f1f;
  transform: rotate(12deg)scale(1.09);
  box-shadow: 0 0 14px #ffd84f33;
}

.mojumon-module__eekgPa__partyPackLauncherCopy {
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  line-height: 1.05;
  display: flex;
}

.mojumon-module__eekgPa__partyPackLauncherCopy small {
  color: #858d9a;
  letter-spacing: .11em;
  font-size: .57rem;
  font-weight: 900;
}

.mojumon-module__eekgPa__partyPackLauncherCopy strong {
  letter-spacing: .06em;
  margin-top: 2px;
  font-size: 1.08rem;
  transition: color .2s, transform .2s;
}

.mojumon-module__eekgPa__partyPackLauncher:hover .mojumon-module__eekgPa__partyPackLauncherCopy strong {
  color: #fff4b0;
  transform: translateX(3px);
}

.mojumon-module__eekgPa__partyPackLauncherName {
  color: #aeb5c1;
  letter-spacing: .04em;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 4px;
  font-size: .7rem;
  font-weight: 850;
  transition: color .2s;
  display: block;
  overflow: hidden;
}

.mojumon-module__eekgPa__partyPackLauncher:hover .mojumon-module__eekgPa__partyPackLauncherName {
  color: #d6dae1;
}

.mojumon-module__eekgPa__partyPackLauncherPack {
  color: #aab1bd;
  letter-spacing: .08em;
  white-space: nowrap;
  border-left: 1px solid #ffffff14;
  border-right: 1px solid #ffffff14;
  padding: 8px 11px;
  font-size: .63rem;
  font-weight: 950;
}

.mojumon-module__eekgPa__partyPackLauncherCount {
  color: #ffd84f;
  text-align: center;
  background: #080b11;
  border: 1px solid #ffffff17;
  min-width: 74px;
  padding: 9px 10px;
  font-size: .82rem;
  font-weight: 1000;
  transition: border-color .2s;
}

.mojumon-module__eekgPa__partyPackLauncher:hover .mojumon-module__eekgPa__partyPackLauncherCount {
  border-color: #ffd84f;
}

.mojumon-module__eekgPa__partyPackLauncherOpen {
  color: #ffd84f;
  letter-spacing: .08em;
  white-space: nowrap;
  font-size: .62rem;
  font-weight: 950;
  transition: color .2s, transform .2s;
}

.mojumon-module__eekgPa__partyPackLauncher:hover .mojumon-module__eekgPa__partyPackLauncherOpen {
  color: #fff0a0;
  transform: translateX(4px);
}

.mojumon-module__eekgPa__partyPackDrawer {
  z-index: 4500;
  background: #0d1118;
  border: 1px solid #ffd84f57;
  border-top: 3px solid #ffd84f;
  border-radius: 12px;
  flex-direction: column;
  width: min(560px, 92vw);
  max-width: min(560px, 92vw);
  max-height: 88vh;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 28px 80px #000000b8, 0 0 0 1px #ffd84f38, 0 0 28px #ffd84f14;
}

@media (max-height: 760px) {
  .mojumon-module__eekgPa__partyPackDrawer {
    max-height: 92vh;
    top: 4vh;
    transform: translateX(-50%);
  }
}

.mojumon-module__eekgPa__partyPackHead {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding: 17px 18px 13px;
  display: flex;
}

.mojumon-module__eekgPa__partyPackHeadDragging {
  cursor: grabbing;
}

.mojumon-module__eekgPa__partyPackKicker {
  color: #8f96a3;
  letter-spacing: .12em;
  font-size: .5rem;
  font-weight: 900;
  display: block;
}

.mojumon-module__eekgPa__partyPackHead h2 {
  text-transform: uppercase;
  margin: 2px 0 0;
  font: 900 1.55rem Georgia, serif;
}

.mojumon-module__eekgPa__partyPackClose {
  color: #aeb5c0;
  cursor: pointer;
  background: #080b10;
  border: 1px solid #ffffff1a;
  border-radius: 50%;
  width: 34px;
  height: 34px;
}

.mojumon-module__eekgPa__partyPackClose:hover {
  color: #fff;
  border-color: #ffd84f;
}

.mojumon-module__eekgPa__partyPackManager {
  padding: 14px 18px 0;
}

.mojumon-module__eekgPa__partyPackCycle {
  align-items: center;
  gap: 10px;
  display: flex;
}

.mojumon-module__eekgPa__partyCycleBtn {
  color: #dce1e8;
  cursor: pointer;
  background: #080b10;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  width: 38px;
  height: 48px;
  font-size: 1.45rem;
}

.mojumon-module__eekgPa__partyCycleBtn:hover {
  color: #ffd84f;
  border-color: #ffd84f;
  transform: translateY(-2px);
  box-shadow: 0 6px 13px #00000047, 0 0 9px #ffd84f1a;
}

.mojumon-module__eekgPa__partyPackCycleCenter {
  text-align: center;
  flex: 1;
}

.mojumon-module__eekgPa__partyPackCycleCenter small {
  color: var(--muted);
  letter-spacing: .08em;
  margin-bottom: 4px;
  font-size: .6rem;
  display: block;
}

.mojumon-module__eekgPa__partyPackNameRow {
  gap: 6px;
  display: flex;
}

.mojumon-module__eekgPa__partyPackNameInput {
  color: #fff;
  text-align: center;
  background: #080b10;
  border: 1px solid #ffffff1f;
  border-radius: 5px;
  outline: none;
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  font-size: .75rem;
  font-weight: 850;
}

.mojumon-module__eekgPa__partyPackNameInput:focus {
  border-color: #ffd84f;
  box-shadow: 0 0 9px #ffd84f1a;
}

.mojumon-module__eekgPa__partyPackSave {
  color: #ffd84f;
  cursor: pointer;
  background: #ffd84f12;
  border: 1px solid #ffd84f57;
  border-radius: 5px;
  padding: 8px 10px;
  font-size: .58rem;
  font-weight: 950;
}

.mojumon-module__eekgPa__partyPackSave:hover {
  background: #ffd84f21;
  transform: translateY(-2px);
  box-shadow: 0 6px 13px #00000047, 0 0 9px #ffd84f1a;
}

.mojumon-module__eekgPa__partyPackTabs {
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-top: 10px;
  display: grid;
}

.mojumon-module__eekgPa__partyPackTabs button {
  color: #7e8793;
  cursor: pointer;
  background: #090c12;
  border: 1px solid #ffffff17;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 42px;
  display: flex;
}

.mojumon-module__eekgPa__partyPackTabs button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 13px #00000047, 0 0 9px #ffd84f1a;
}

.mojumon-module__eekgPa__partyPackTabs button span {
  font-size: .72rem;
  font-weight: 1000;
}

.mojumon-module__eekgPa__partyPackTabs button small {
  font-size: .49rem;
  font-weight: 900;
}

.mojumon-module__eekgPa__partyPackTabActive {
  box-shadow: inset 0 -2px #ffd84f;
  color: #fff !important;
  background: #ffd84f13 !important;
  border-color: #ffd84f !important;
}

.mojumon-module__eekgPa__partyPackTabHasTeam {
  color: #c9b665;
  border-color: #ffd84f47;
}

.mojumon-module__eekgPa__partyPackMeterWrap {
  border-bottom: 1px solid #ffffff12;
  padding: 14px 18px 12px;
}

.mojumon-module__eekgPa__partyPackMeterCopy {
  color: #9ca4b1;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: .63rem;
  font-weight: 850;
  display: flex;
}

.mojumon-module__eekgPa__partyPackMeterCopy strong {
  color: #fff;
  font-size: .72rem;
}

.mojumon-module__eekgPa__partyPackMeterTrack {
  background: #05070b;
  border: 1px solid #ffffff17;
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}

.mojumon-module__eekgPa__partyPackMeterFill {
  background: linear-gradient(90deg, #b68a1d, #ffd84f);
  width: 0%;
  height: 100%;
  transition: width .28s cubic-bezier(.2, .8, .25, 1), background .2s, box-shadow .2s;
  box-shadow: 0 0 10px #ffd84f40;
}

.mojumon-module__eekgPa__partyPackMeterFillNearFull {
  background: linear-gradient(90deg, #d26827, #ffad42) !important;
  box-shadow: 0 0 10px #ffad4259 !important;
}

.mojumon-module__eekgPa__partyPackMeterFillFull {
  background: linear-gradient(90deg, #c74447, #ff6066) !important;
  box-shadow: 0 0 10px #ff606659 !important;
}

.mojumon-module__eekgPa__partyPackSlotPips {
  grid-template-columns: repeat(10, 1fr);
  gap: 4px;
  margin-top: 8px;
  display: grid;
}

.mojumon-module__eekgPa__partyPackPip {
  background: #1d222c;
  border: 1px solid #ffffff0d;
  border-radius: 2px;
  height: 5px;
}

.mojumon-module__eekgPa__pipFilled {
  box-shadow: 0 0 5px #ffd84f47;
  background: #ffd84f !important;
  border-color: #ffd84f !important;
}

.mojumon-module__eekgPa__partyPackList {
  flex: auto;
  padding: 10px 12px 14px;
  overflow: visible;
}

.mojumon-module__eekgPa__partyPackEmpty {
  text-align: center;
  color: #777f8c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 180px;
  display: flex;
}

.mojumon-module__eekgPa__partyPackEmptyIcon {
  color: #ffd84f;
  margin-bottom: 8px;
  font-size: 1.8rem;
}

.mojumon-module__eekgPa__partyPackEmpty strong {
  color: #d8dde5;
  font-size: .78rem;
}

.mojumon-module__eekgPa__partyPackEmpty small {
  max-width: 270px;
  margin-top: 5px;
  font-size: .62rem;
  line-height: 1.35;
}

.mojumon-module__eekgPa__partyMember {
  --member-accent: #ffd84f;
  border: 1px solid #ffffff14;
  border-left: 3px solid var(--member-accent);
  background: linear-gradient(90deg, color-mix(in srgb, var(--member-accent) 7%, #0e1219), #0b0e14);
  cursor: pointer;
  border-radius: 8px;
  grid-template-columns: 68px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 80px;
  margin-bottom: 8px;
  padding: 8px;
  transition: transform .18s, border-color .18s, box-shadow .18s, background .18s;
  display: grid;
  position: relative;
}

.mojumon-module__eekgPa__partyMember:hover {
  border-color: var(--member-accent);
  box-shadow: 0 8px 18px #00000047, 0 0 14px color-mix(in srgb, var(--member-accent) 18%, transparent);
  background: linear-gradient(90deg, color-mix(in srgb, var(--member-accent) 12%, #0e1219), #0b0e14);
  transform: translateY(-2px);
}

.mojumon-module__eekgPa__partyMember:after {
  content: "OPEN PROFILE";
  color: var(--member-accent);
  letter-spacing: .08em;
  opacity: 0;
  pointer-events: none;
  font-size: .48rem;
  font-weight: 900;
  transition: opacity .18s, transform .18s;
  position: absolute;
  bottom: 8px;
  right: 46px;
  transform: translateY(3px);
}

.mojumon-module__eekgPa__partyMember:hover:after {
  opacity: .8;
  transform: none;
}

.mojumon-module__eekgPa__partyMemberArt {
  background: #080b10;
  border-radius: 6px;
  place-items: center;
  width: 68px;
  height: 62px;
  display: grid;
  position: relative;
  overflow: visible;
}

.mojumon-module__eekgPa__partyMemberArt img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: transform .2s cubic-bezier(.2, .78, .25, 1), filter .2s;
}

.mojumon-module__eekgPa__partyMember:hover .mojumon-module__eekgPa__partyMemberArt img {
  filter: drop-shadow(0 0 7px color-mix(in srgb, var(--member-accent) 42%, transparent)) drop-shadow(0 7px 8px #00000052);
  transform: translateY(-4px)scale(1.08);
}

.mojumon-module__eekgPa__partyMemberInfo {
  min-width: 0;
}

.mojumon-module__eekgPa__partyMemberInfo strong {
  color: #fff;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .76rem;
  display: block;
  overflow: hidden;
}

.mojumon-module__eekgPa__partyMemberInfo small {
  color: #868e9b;
  margin-top: 3px;
  font-size: .57rem;
  display: block;
}

.mojumon-module__eekgPa__partyMemberSlot {
  border: 1px solid color-mix(in srgb, var(--member-accent) 62%, transparent);
  color: var(--member-accent);
  text-transform: uppercase;
  margin-top: 6px;
  padding: 4px 6px;
  font-size: .55rem;
  font-weight: 950;
  display: inline-flex;
}

.mojumon-module__eekgPa__partyMemberRemove {
  color: #9ea6b2;
  cursor: pointer;
  z-index: 3;
  background: #080b10;
  border: 1px solid #ffffff1a;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
}

.mojumon-module__eekgPa__partyMemberRemove:hover {
  color: #ff646b;
  border-color: #ff646b;
}

.mojumon-module__eekgPa__partyPackFooter {
  border-top: 1px solid #ffffff14;
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
  display: flex;
}

.mojumon-module__eekgPa__partyPackRule {
  color: #747c89;
  text-transform: uppercase;
  font-size: .55rem;
  font-weight: 800;
}

.mojumon-module__eekgPa__partyPackClear {
  color: #9da5b2;
  text-transform: uppercase;
  cursor: pointer;
  background: #0b0e14;
  border: 1px solid #ffffff1a;
  border-radius: 5px;
  padding: 8px 10px;
  font-size: .6rem;
  font-weight: 900;
}

.mojumon-module__eekgPa__partyPackClear:hover {
  color: #fff;
  border-color: #ff6268;
}

@media (max-width: 900px) {
  .mojumon-module__eekgPa__partyPackLauncher {
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 10px;
  }

  .mojumon-module__eekgPa__partyPackLauncherPack, .mojumon-module__eekgPa__partyPackLauncherOpen {
    display: none;
  }
}

.mojumon-module__eekgPa__overflowModalCard {
  background: linear-gradient(145deg, #171a24, #090b10);
  border: 1px solid #ff475c;
  width: min(480px, 100%);
  padding: 24px;
  position: relative;
  box-shadow: 0 0 45px #ff475c33;
}

.mojumon-module__eekgPa__overflowModalCard h3 {
  color: #ff8b98;
  text-transform: uppercase;
  margin: 0 0 10px;
  font: 800 1.3rem Georgia, serif;
}

.mojumon-module__eekgPa__overflowModalCard p {
  color: var(--muted);
  margin: 0 0 16px;
  line-height: 1.5;
}

.mojumon-module__eekgPa__overflowModalList {
  flex-direction: column;
  gap: 6px;
  max-height: 260px;
  margin-bottom: 16px;
  display: flex;
  overflow-y: auto;
}

.mojumon-module__eekgPa__overflowModalActions {
  gap: 10px;
  display: flex;
}

.mojumon-module__eekgPa__overflowModalCancel {
  border: 1px solid var(--line);
  color: var(--text);
  cursor: pointer;
  background: none;
  flex: 1;
  padding: 10px;
}

.mojumon-module__eekgPa__overflowModalConfirm {
  border: 1px solid var(--gold);
  background: var(--gold);
  color: #10131c;
  cursor: pointer;
  flex: 2;
  padding: 10px;
  font-weight: 800;
}

.mojumon-module__eekgPa__overflowModalConfirm:disabled {
  border-color: var(--line);
  color: var(--muted);
  cursor: not-allowed;
  background: #ffffff0d;
}

.mojumon-module__eekgPa__recommendedMojumon {
  background: linear-gradient(#10151cfa, #070b10fa);
  border: 1px solid #d8b72e7a;
  border-radius: 10px;
  flex: none;
  margin-top: 4px;
  padding: 14px 16px 16px;
  box-shadow: inset 0 1px #ffffff06, 0 8px 22px #0000002e;
}

.mojumon-module__eekgPa__recommendedLabel {
  align-items: baseline;
  gap: 8px;
  margin-bottom: 12px;
  display: flex;
}

.mojumon-module__eekgPa__recommendedLabel small {
  color: #f5f7fb;
  letter-spacing: .08em;
  font-size: .72rem;
  font-weight: 900;
}

.mojumon-module__eekgPa__recommendedLabel span {
  color: #8b93a0;
  font-size: .66rem;
  font-weight: 700;
}

.mojumon-module__eekgPa__recommendedEmpty {
  text-align: center;
  color: var(--muted);
  padding: 16px;
  font-size: .72rem;
}

.mojumon-module__eekgPa__recommendedCarousel {
  grid-template-columns: 30px minmax(0, 1fr) 30px;
  align-items: stretch;
  gap: 10px;
  display: grid;
}

.mojumon-module__eekgPa__recommendedNav {
  color: #9ca4b0;
  cursor: pointer;
  background: #080b10;
  border: 1px solid #ffffff17;
  border-radius: 6px;
  font-size: 1.15rem;
  transition: transform .17s, color .17s, border-color .17s, box-shadow .17s;
}

.mojumon-module__eekgPa__recommendedNav:hover:not(:disabled) {
  color: #fff;
  border-color: var(--accent, #ffd84f);
  box-shadow: 0 0 9px color-mix(in srgb, var(--accent, #ffd84f) 16%, transparent);
  transform: scale(1.06);
}

.mojumon-module__eekgPa__recommendedNav:disabled {
  opacity: .35;
  cursor: default;
}

.mojumon-module__eekgPa__recommendedGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.mojumon-module__eekgPa__recommendedCard {
  --rec-accent: #ffd84f;
  border: 1px solid #ffffff14;
  border-bottom: 2px solid var(--rec-accent);
  cursor: pointer;
  background: #0a0e14;
  border-radius: 7px;
  padding: 6px;
  transition: transform .18s, border-color .18s, box-shadow .18s;
  position: relative;
}

.mojumon-module__eekgPa__recommendedCard:hover, .mojumon-module__eekgPa__recommendedCard:focus-visible {
  border-color: var(--rec-accent);
  box-shadow: 0 8px 15px #0000004d, 0 0 12px color-mix(in srgb, var(--rec-accent) 22%, transparent);
  outline: none;
  transform: translateY(-5px)scale(1.035);
}

.mojumon-module__eekgPa__recommendedArt {
  aspect-ratio: 1;
  background: #080b10;
  border-radius: 4px;
  place-items: center;
  width: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.mojumon-module__eekgPa__recommendedArt img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: transform .2s cubic-bezier(.2, .78, .25, 1), filter .2s;
}

.mojumon-module__eekgPa__recommendedCard:hover .mojumon-module__eekgPa__recommendedArt img {
  filter: drop-shadow(0 0 7px color-mix(in srgb, var(--rec-accent) 45%, transparent)) drop-shadow(0 7px 7px #00000040);
  transform: translateY(-3px)scale(1.1);
}

.mojumon-module__eekgPa__recommendedCard strong {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 5px;
  font-size: .62rem;
  font-weight: 900;
  display: block;
  overflow: hidden;
}

.mojumon-module__eekgPa__recommendedAdd {
  color: #ffd84f;
  cursor: pointer;
  background: #090c11;
  border: 1px solid #ffd84f;
  border-radius: 50%;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: .8rem;
  font-weight: 900;
  transition: transform .16s, background .16s, box-shadow .16s;
  display: grid;
  position: absolute;
  top: 6px;
  right: 6px;
}

.mojumon-module__eekgPa__recommendedAdd:hover {
  color: #0a0c10;
  background: #ffd84f;
  transform: scale(1.12)rotate(8deg);
  box-shadow: 0 0 10px #ffd84f52;
}

.mojumon-module__eekgPa__recommendedAddInParty {
  color: #ff6570;
  border-color: #ff6570;
}

.mojumon-module__eekgPa__recommendedAddInParty:hover {
  color: #fff;
  background: #ff6570;
  box-shadow: 0 0 10px #ff65704d;
}

@media (max-width: 900px) {
  .mojumon-module__eekgPa__recommendedGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.mojumon-module__eekgPa__tabBar {
  background: #08090c;
  border: 1px solid #ffffff1a;
  margin: 0 4vw 8px;
  display: flex;
}

.mojumon-module__eekgPa__pageTab {
  text-align: center;
  color: #767b85;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  background: #08090c;
  border: none;
  border-bottom: 1px solid #ffffff14;
  flex: auto;
  padding: 14px 12px 12px;
  font-size: 10.5px;
  font-weight: 900;
  transition: color .16s, background .16s;
}

.mojumon-module__eekgPa__pageTab:hover {
  color: #d9dce2;
}

.mojumon-module__eekgPa__pageTabActive, .mojumon-module__eekgPa__pageTabActive:hover {
  color: var(--gold);
  box-shadow: inset 0 2px 0 var(--gold);
  background: #0b0c10;
  border-bottom-color: #0b0c10;
}

.mojumon-module__eekgPa__pageTab:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: -2px;
}

.mojumon-module__eekgPa__tabFooterAction {
  justify-content: center;
  margin: 8px 0 22px;
  display: flex;
}

.mojumon-module__eekgPa__captionedCard {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.mojumon-module__eekgPa__cardCaption {
  color: var(--muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 6px 2px 0;
  font-size: .72rem;
  line-height: 1.3;
  display: flex;
}

.mojumon-module__eekgPa__cardCaptionLabel {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #d7dce6;
  font-size: .62rem;
  font-weight: 800;
}

.mojumon-module__eekgPa__cardCaptionReasons {
  color: var(--muted);
  flex-basis: 100%;
}

.mojumon-module__eekgPa__cardCaptionFan {
  border: 1px solid color-mix(in srgb, var(--fan-color, #ffd75c) 45%, transparent);
  background: color-mix(in srgb, var(--fan-color, #ffd75c) 12%, #0b0d13);
  color: #fff;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 2px 8px 2px 2px;
  font-weight: 700;
  display: inline-flex;
}

.mojumon-module__eekgPa__cardCaptionFan img {
  object-fit: cover;
  border: 1px solid #ffffff26;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.mojumon-module__eekgPa__typeLegend {
  color: var(--muted);
  flex-wrap: wrap;
  gap: 18px;
  padding: 10px 16px 0;
  font-size: .78rem;
  display: flex;
}

.mojumon-module__eekgPa__typeLegend b {
  margin-right: 4px;
  font-weight: 900;
}

.mojumon-module__eekgPa__typeChartWrap {
  padding: 12px 16px 16px;
  overflow-x: auto;
}

.mojumon-module__eekgPa__typeChart {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  min-width: 720px;
  font-size: .9rem;
}

.mojumon-module__eekgPa__typeChart th, .mojumon-module__eekgPa__typeChart td {
  text-align: center;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
  padding: 8px 6px;
}

.mojumon-module__eekgPa__typeChart thead th {
  z-index: 1;
  background: #0c1018;
  position: sticky;
  top: 0;
}

.mojumon-module__eekgPa__typeChartCorner {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
  min-width: 150px;
  font-size: .62rem;
  font-weight: 700;
  text-align: left !important;
}

.mojumon-module__eekgPa__typeChartRowHead {
  z-index: 1;
  white-space: nowrap;
  background: #0c1018;
  position: sticky;
  left: 0;
  text-align: left !important;
}

.mojumon-module__eekgPa__typeChartColHead {
  color: var(--roster-type-color, #c7cbd1);
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-weight: 800;
  display: inline-flex;
}

.mojumon-module__eekgPa__typeChartColHead .mojumon-module__eekgPa__typeChipIcon {
  font-size: 1.1rem;
}

.mojumon-module__eekgPa__typeChartColName {
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .62rem;
}

.mojumon-module__eekgPa__typeGlyph {
  color: var(--roster-type-color, #c7cbd1);
  align-items: center;
  gap: 7px;
  font-weight: 800;
  display: inline-flex;
}

.mojumon-module__eekgPa__typeGlyph .mojumon-module__eekgPa__typeChipIcon {
  font-size: 1.05rem;
}

@media (hover: hover) {
  .mojumon-module__eekgPa__typeChart tbody tr:hover td {
    background: #ffffff09;
  }

  .mojumon-module__eekgPa__typeChart tbody tr:hover th {
    background: #141924;
  }
}

.mojumon-module__eekgPa__cellStrong {
  color: #75d6a4;
  font-weight: 900;
}

.mojumon-module__eekgPa__cellWeak {
  color: #ff7e79;
  font-weight: 900;
}

.mojumon-module__eekgPa__cellBoth {
  color: #ffd75c;
  letter-spacing: -.05em;
  font-size: .75rem;
  font-weight: 900;
}

.mojumon-module__eekgPa__cellNone {
  color: #ffffff38;
}

.mojumon-module__eekgPa__cellSelf {
  color: #ffffff47;
}

.mojumon-module__eekgPa__typeCards {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 14px;
  margin: 0 0 22px;
  display: grid;
}

.mojumon-module__eekgPa__typeCard {
  border: 1px solid color-mix(in srgb, var(--roster-type-color, #c7cbd1) 45%, transparent);
  background: radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--roster-type-color, #c7cbd1) 14%, transparent), transparent 40%),
    linear-gradient(145deg, #11141d, #080a0f);
  padding: 14px 16px;
}

.mojumon-module__eekgPa__typeCard h3 {
  margin: 0 0 6px;
  font-size: 1.05rem;
}

.mojumon-module__eekgPa__typeCard small {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 10px;
  font-size: .62rem;
  display: block;
}

.mojumon-module__eekgPa__typeChips {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 5px;
  display: flex;
}

.mojumon-module__eekgPa__srOnly {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

@media (max-width: 760px) {
  .mojumon-module__eekgPa__tabBar {
    margin: 0 3vw 8px;
    overflow-x: auto;
  }
}

@media (max-width: 1400px) {
  .mojumon-module__eekgPa__pageTab {
    letter-spacing: .07em;
    padding: 14px 8px 12px;
  }
}

.mojumon-module__eekgPa__partyPackShell + .mojumon-module__eekgPa__toolbar {
  margin-top: 8px;
}

@media (max-width: 760px) {
  .mojumon-module__eekgPa__modalClose {
    width: 42px;
    height: 42px;
    top: 8px;
    right: 8px;
  }
}

html[data-menu-open="true"] .mojumon-module__eekgPa__partyPackPill {
  display: none !important;
}

.mojumon-module__eekgPa__partyPackPill {
  left: 50%;
  bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  z-index: 60;
  color: #f5efe0;
  letter-spacing: .04em;
  white-space: nowrap;
  cursor: pointer;
  background: linear-gradient(#1a1710, #0e0d0b);
  border: 1px solid #f2b5448c;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 16px 0 14px;
  font-size: .82rem;
  font-weight: 800;
  display: inline-flex;
  position: fixed;
  transform: translateX(-50%);
  box-shadow: 0 14px 40px #0009, 0 0 0 1px #0009;
}

.mojumon-module__eekgPa__partyPackPill .mojumon-module__eekgPa__partyPackLauncherIcon {
  color: #f2b544;
}

.mojumon-module__eekgPa__partyPackPillCount {
  color: #f2b544;
  background: #f2b54429;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: .74rem;
}

@media (max-width: 900px), (max-height: 500px) {
  .mojumon-module__eekgPa__hero {
    padding: 16px 16px 8px;
  }

  .mojumon-module__eekgPa__titleBanner {
    gap: 10px;
    width: 100%;
    min-width: 0;
    margin-bottom: 4px;
    padding: 8px 16px 9px;
  }

  .mojumon-module__eekgPa__titleBanner h1 {
    font-size: clamp(1.6rem, 7vw, 2.4rem);
  }

  .mojumon-module__eekgPa__titleScroll {
    width: clamp(34px, 9vw, 56px);
  }

  .mojumon-module__eekgPa__hero p {
    letter-spacing: .14em;
    margin: 0;
    font-size: .74rem;
  }

  .mojumon-module__eekgPa__roster {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
  }

  .mojumon-module__eekgPa__card {
    min-height: 0;
    padding: 8px 8px 0;
  }

  .mojumon-module__eekgPa__cardArt {
    min-height: 120px;
  }

  .mojumon-module__eekgPa__cardArt img {
    height: 120px;
  }

  .mojumon-module__eekgPa__cardBody h3 {
    letter-spacing: .04em;
    font-size: .86rem;
  }

  .mojumon-module__eekgPa__cardMeta {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
  }

  .mojumon-module__eekgPa__scrollSlotBadge, .mojumon-module__eekgPa__roleBadge {
    letter-spacing: .04em;
    padding: 4px 6px;
    font-size: .56rem;
  }

  .mojumon-module__eekgPa__rosterPartyBtn {
    letter-spacing: .06em;
    white-space: nowrap;
    gap: 6px;
    min-height: 38px;
    padding: 8px 6px;
    font-size: .6rem;
  }

  .mojumon-module__eekgPa__detailSheet, .mojumon-module__eekgPa__partyPackSheet {
    color: var(--text);
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__modalCard {
    width: 100%;
    height: 100%;
    max-height: none;
    padding: 28px 12px calc(16px + env(safe-area-inset-bottom, 0px));
    overscroll-behavior: contain;
    border-bottom: 0;
    border-radius: 22px 22px 0 0;
    flex-direction: column;
    gap: 12px;
    display: flex;
    overflow-y: auto;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__coastPanel, .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__modalArt {
    flex: none;
    height: 310px;
    min-height: 0;
    position: static;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__modalArt img {
    height: 100%;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__coastArtImgWrap {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    padding: 38px 8px;
    display: flex;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__coastArtImgWrap img {
    width: auto;
    max-width: 100%;
    height: 100%;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__coastLocationBanner {
    width: calc(100% - 24px);
    min-height: 30px;
    padding: 5px 12px;
    font-size: 11px;
    top: 8px;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__coastEvolveBar {
    letter-spacing: .05em;
    min-height: 34px;
    padding: 6px 44px;
    font-size: .72rem;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__coastEvolveIcon {
    border-width: 1.5px;
    width: 22px;
    height: 22px;
    font-size: 13px;
    left: 10px;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__enlargeButton {
    display: none;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__tapToEnlarge {
    cursor: zoom-in;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__modalStatusBar {
    --tip: 10px;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__modalStatusBar::-webkit-scrollbar {
    display: none;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__statusSegment {
    letter-spacing: .06em;
    flex: none;
    padding: 6px 10px;
    font-size: .66rem;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__statusSegmentFirst {
    padding-left: 10px;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__statusSegmentPointed {
    padding-right: calc(var(--tip) + 8px);
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__statusSegmentMiddle {
    padding-left: calc(var(--tip) + 10px);
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__statusSegmentEnd {
    padding-left: calc(var(--tip) + 10px);
    padding-right: 14px;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__coastEvolveBar {
    border-radius: 0 0 8px 8px;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__modalInfo {
    flex: none;
    padding-right: 0;
    overflow: visible;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__modalClose {
    top: 10px;
    right: 10px;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__modalInfo h2 {
    text-align: center;
    justify-content: center;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__recommendedSwipe {
    margin: 0 -10px;
    display: block;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__recommendedSwipe .mojumon-module__eekgPa__recommendedGrid {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    padding: 4px 10px 8px;
    scroll-padding-inline: 10px;
    display: flex;
    overflow-x: auto;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__recommendedSwipe .mojumon-module__eekgPa__recommendedGrid::-webkit-scrollbar {
    display: none;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__recommendedSwipe .mojumon-module__eekgPa__recommendedCard {
    scroll-snap-align: start;
    flex: 0 0 44%;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__recommendedSwipe .mojumon-module__eekgPa__recommendedCard:hover, .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__recommendedSwipe .mojumon-module__eekgPa__recommendedCard:focus-visible, .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__recommendedSwipe .mojumon-module__eekgPa__recommendedCard:active, .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__recommendedSwipe .mojumon-module__eekgPa__recommendedCard:hover .mojumon-module__eekgPa__recommendedArt img {
    transform: none;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__levelProgression {
    overflow: hidden;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__levelProgressionGrid {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    gap: 8px;
    margin: 0 -10px;
    padding: 2px 10px 8px;
    scroll-padding-inline: 10px;
    display: flex;
    overflow-x: auto;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__levelProgressionGrid::-webkit-scrollbar {
    display: none;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__levelProgressionGrid > * {
    scroll-snap-align: start;
    flex: 0 0 31%;
  }

  .mojumon-module__eekgPa__overflowSheet {
    color: var(--text);
  }

  .mojumon-module__eekgPa__overflowSheet .mojumon-module__eekgPa__overflowModalCard {
    overscroll-behavior: contain;
    width: 100%;
    height: 100%;
    padding: 30px 16px calc(16px + env(safe-area-inset-bottom, 0px));
    box-shadow: none;
    border-bottom: 0;
    border-radius: 22px 22px 0 0;
    overflow-y: auto;
  }

  .mojumon-module__eekgPa__overflowSheet .mojumon-module__eekgPa__modalClose {
    top: 10px;
    right: 10px;
  }

  .mojumon-module__eekgPa__partyPackSheet .mojumon-module__eekgPa__partyPackDrawer {
    border-radius: 22px 22px 0 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    position: static;
    overflow-y: auto;
    transform: none;
  }

  .mojumon-module__eekgPa__partyPackSheet .mojumon-module__eekgPa__partyPackHead {
    cursor: default;
    padding-top: 30px;
  }
}

.mojumon-module__eekgPa__evoLadder {
  flex-direction: column;
  display: flex;
}

.mojumon-module__eekgPa__evoRung {
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: inherit;
  font: inherit;
  background: #0d1016;
  border: 1px solid #ffffff14;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  transition: border-color .18s, background .18s;
  display: flex;
  position: relative;
}

.mojumon-module__eekgPa__evoRungSelected {
  border-color: var(--accent);
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 13%, #0d1016), #0d1016 60%);
}

.mojumon-module__eekgPa__evoRungThumb {
  flex: none;
  place-items: center;
  width: 72px;
  height: 72px;
  display: grid;
}

.mojumon-module__eekgPa__evoRungThumb img {
  object-fit: contain;
  filter: drop-shadow(0 6px 8px #00000080);
  width: 100%;
  height: 100%;
}

.mojumon-module__eekgPa__evoRungText {
  min-width: 0;
}

.mojumon-module__eekgPa__evoRungText small {
  color: #8e94a3;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .58rem;
  font-weight: 700;
  display: block;
}

.mojumon-module__eekgPa__evoRungText strong {
  color: var(--accent);
  letter-spacing: .03em;
  text-transform: uppercase;
  font: 700 1.05rem / 1.1 Georgia, Times New Roman, serif;
  display: block;
}

.mojumon-module__eekgPa__evoRungSelectedTag {
  background: var(--accent);
  color: #111;
  letter-spacing: .14em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 3px 7px;
  font-size: .52rem;
  font-weight: 800;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.mojumon-module__eekgPa__evoRungConnector {
  border-left: 2px solid color-mix(in srgb, var(--accent) 50%, transparent);
  height: 30px;
  margin-left: 45px;
  display: block;
  position: relative;
}

.mojumon-module__eekgPa__evoRungConnector:after {
  content: "";
  border: 5px solid #0000;
  border-top: 7px solid color-mix(in srgb, var(--accent) 70%, transparent);
  position: absolute;
  bottom: -1px;
  left: -6px;
}

.mojumon-module__eekgPa__evoRungConnector span {
  color: #8e94a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .62rem;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
}

@media (max-height: 500px) {
  .mojumon-module__eekgPa__evoLadder {
    flex-direction: row;
    align-items: center;
    gap: 0;
  }

  .mojumon-module__eekgPa__evoRung {
    flex: 1 1 0;
    gap: 10px;
    min-width: 0;
  }

  .mojumon-module__eekgPa__evoRungThumb {
    width: 56px;
    height: 56px;
  }

  .mojumon-module__eekgPa__evoRungText strong {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: clamp(.72rem, 1.5vw, .95rem);
    overflow: hidden;
  }

  .mojumon-module__eekgPa__evoRungSelectedTag {
    display: none;
  }

  .mojumon-module__eekgPa__evoRungConnector {
    border-left: 0;
    flex: none;
    align-self: center;
    width: 104px;
    height: 40px;
    margin: 0;
  }

  .mojumon-module__eekgPa__evoRungConnector span {
    box-sizing: border-box;
    letter-spacing: .05em;
    text-align: center;
    white-space: normal;
    width: 100%;
    padding: 0 10px;
    font-size: .56rem;
    line-height: 1.15;
  }

  .mojumon-module__eekgPa__evoRungConnector:before {
    content: "";
    border-top: 2px solid color-mix(in srgb, var(--accent) 50%, transparent);
    position: absolute;
    top: 50%;
    left: 6px;
    right: 6px;
  }

  .mojumon-module__eekgPa__evoRungConnector:after {
    border: 5px solid #0000;
    border-left: 7px solid color-mix(in srgb, var(--accent) 70%, transparent);
    inset: calc(50% - 4px) 4px auto auto;
  }

  .mojumon-module__eekgPa__evoRungConnector span {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 900px), (max-height: 500px) {
  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__evoShowcase, .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__showcaseStage {
    height: auto;
    min-height: 0;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__evoShowcaseHead {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__showcaseModeTabs {
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    width: 100%;
    display: grid;
  }

  .mojumon-module__eekgPa__detailSheet .mojumon-module__eekgPa__showcaseModeTabs button {
    min-height: 38px;
  }
}

.mojumon-module__eekgPa__partyPackPill {
  display: none;
}

@media (max-width: 900px), (max-height: 500px) {
  .mojumon-module__eekgPa__toolbar, .mojumon-module__eekgPa__partyPackLauncher {
    display: none;
  }

  .mojumon-module__eekgPa__partyPackPill {
    display: inline-flex;
  }
}

@media (min-width: 901px) and (min-height: 501px) {
  .mojumon-module__eekgPa__mobileFiltersBlock {
    display: none;
  }
}

@media (max-width: 900px), (max-height: 500px) {
  .mojumon-module__eekgPa__typeChartWrap {
    padding: 10px 0 14px;
  }

  .mojumon-module__eekgPa__typeChart {
    min-width: 640px;
    font-size: .86rem;
  }

  .mojumon-module__eekgPa__typeChart th, .mojumon-module__eekgPa__typeChart td {
    padding: 8px 7px;
  }

  .mojumon-module__eekgPa__typeChartCorner {
    z-index: 2;
    background: #0c1018;
    min-width: 0;
    position: sticky;
    left: 0;
    padding-left: 12px !important;
  }

  .mojumon-module__eekgPa__typeChartCorner span {
    font-size: 0;
    display: block;
  }

  .mojumon-module__eekgPa__typeChartCorner span:before {
    content: "atk ↓ · def →";
    white-space: nowrap;
    font-size: .58rem;
  }

  .mojumon-module__eekgPa__typeChartRowHead {
    box-shadow: 6px 0 10px -6px #000000bf;
    padding-left: 12px !important;
  }

  .mojumon-module__eekgPa__typeChart thead th {
    z-index: 1;
  }

  .mojumon-module__eekgPa__typeChart thead .mojumon-module__eekgPa__typeChartCorner {
    z-index: 3;
  }

  .mojumon-module__eekgPa__typeCards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .mojumon-module__eekgPa__typeCard {
    text-align: center;
    padding: 12px 10px 14px;
  }

  .mojumon-module__eekgPa__typeCard h3 {
    font-size: 1rem;
  }

  .mojumon-module__eekgPa__typeCard small {
    margin-top: 10px;
  }

  .mojumon-module__eekgPa__typeChips {
    justify-content: center;
    gap: 5px;
  }

  .mojumon-module__eekgPa__factionSectionHead {
    overflow-wrap: anywhere;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "icon title"
                         "desc desc";
    align-items: center;
    gap: 4px 10px;
    padding: 14px 14px 12px;
    display: grid;
  }

  .mojumon-module__eekgPa__factionTitle, .mojumon-module__eekgPa__factionTitle > div {
    display: contents;
  }

  .mojumon-module__eekgPa__factionIcon {
    grid-area: icon;
    width: 1.7rem;
    height: 1.7rem;
    font-size: 1.5rem;
  }

  .mojumon-module__eekgPa__factionSectionHead h2 {
    text-wrap: balance;
    grid-area: title;
    font-size: clamp(1.15rem, 5.6vw, 1.8rem);
    line-height: 1.05;
  }

  .mojumon-module__eekgPa__factionSectionHead p {
    grid-area: desc;
    margin: 2px 0 0;
    font-size: .9rem;
    line-height: 1.35;
  }

  .mojumon-module__eekgPa__factionCount {
    display: none;
  }
}

.mojumon-module__eekgPa__stickyControls:before {
  content: "";
  height: env(safe-area-inset-top, 0px);
  pointer-events: none;
  background: #08090e;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

/* [project]/src/components/bottomsheet.module.css [app-client] (css) */
.bottomsheet-module__gmh1-G__sheet {
  --sheet-h: 78dvh;
}

.bottomsheet-module__gmh1-G__grip {
  display: none;
}

.bottomsheet-module__gmh1-G__sheet:focus {
  outline: none;
}

@media (max-width: 900px), (max-height: 500px) {
  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet {
    width: 100%;
    max-width: none;
    height: var(--sheet-h);
    touch-action: pan-y;
    background: none;
    border: 0;
    border-radius: 22px 22px 0 0;
    max-height: calc(100dvh - 40px);
    margin: 0;
    padding: 0;
    transition: transform .24s cubic-bezier(.4, 0, 1, 1);
    position: fixed;
    inset: auto 0 0;
    overflow: visible;
    transform: translateY(0);
  }

  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet[open] {
    animation: .34s cubic-bezier(.2, .8, .2, 1) bottomsheet-module__gmh1-G__sheet-up;
  }

  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__closing {
    transform: translateY(105%);
  }

  .bottomsheet-module__gmh1-G__full.bottomsheet-module__gmh1-G__full {
    --sheet-h: calc(100dvh - 40px);
  }

  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet::backdrop {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #03020699;
    animation: .3s both bottomsheet-module__gmh1-G__dim-in;
  }

  .bottomsheet-module__gmh1-G__grip {
    z-index: 2;
    cursor: grab;
    touch-action: none;
    place-items: center;
    height: 22px;
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .bottomsheet-module__gmh1-G__grip span {
    background: #ffffff52;
    border-radius: 999px;
    width: 44px;
    height: 5px;
  }

  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet > :not(.bottomsheet-module__gmh1-G__grip) {
    height: 100%;
  }

  @keyframes bottomsheet-module__gmh1-G__sheet-up {
    from {
      transform: translateY(100%);
    }

    to {
      transform: translateY(0);
    }
  }

  @keyframes bottomsheet-module__gmh1-G__dim-in {
    from {
      opacity: 0;
    }
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce), (max-height: 500px) and (prefers-reduced-motion: reduce) {
  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet[open], .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet::backdrop {
    animation: none;
  }

  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet {
    transition: none;
  }
}

/* [project]/src/app/mojumon/mobile-filters.module.css [app-client] (css) */
.mobile-filters-module__ZifaDa__block {
  --gold: #f2b544;
  --line: #ffffff1f;
  padding: 0 12px;
  position: relative;
}

.mobile-filters-module__ZifaDa__block button {
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.mobile-filters-module__ZifaDa__block button:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

.mobile-filters-module__ZifaDa__full {
  gap: 8px;
  padding-bottom: 4px;
  display: grid;
}

.mobile-filters-module__ZifaDa__pill {
  border: 1px solid var(--line);
  color: #d9d5e3;
  letter-spacing: .02em;
  white-space: nowrap;
  background: #0f1118;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 13px;
  font-size: .8rem;
  font-weight: 700;
  transition: background .15s, color .15s, border-color .15s;
  display: inline-flex;
}

.mobile-filters-module__ZifaDa__pill span {
  font-size: .9em;
}

.mobile-filters-module__ZifaDa__pillOn {
  background: var(--c);
  border-color: var(--c);
  color: #0b0c12;
}

.mobile-filters-module__ZifaDa__searchRow {
  gap: 8px;
  display: flex;
}

.mobile-filters-module__ZifaDa__search {
  border: 1px solid var(--line);
  background: #0f1118;
  border-radius: 12px;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 12px;
  display: flex;
}

.mobile-filters-module__ZifaDa__search > span {
  color: var(--gold);
  font-size: 1.1rem;
  transform: rotate(-15deg);
}

.mobile-filters-module__ZifaDa__search input {
  color: #fff;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  font-size: 16px;
}

.mobile-filters-module__ZifaDa__search input::placeholder {
  color: #6f6a7c;
}

.mobile-filters-module__ZifaDa__filtersBtn {
  border: 1px solid var(--line);
  color: #e8e4f0;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: #0f1118;
  border-radius: 12px;
  flex: none;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 0 14px;
  font-size: .8rem;
  font-weight: 800;
  display: inline-flex;
}

.mobile-filters-module__ZifaDa__filtersBtn b {
  background: var(--gold);
  color: #111;
  border-radius: 999px;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  font-size: .72rem;
  display: grid;
}

.mobile-filters-module__ZifaDa__filtersBtnOn {
  border-color: color-mix(in srgb, var(--gold) 55%, transparent);
}

.mobile-filters-module__ZifaDa__chips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.mobile-filters-module__ZifaDa__chip {
  border: 1px solid color-mix(in srgb, var(--c, var(--gold)) 45%, transparent);
  background: color-mix(in srgb, var(--c, var(--gold)) 12%, #0f1118);
  color: #efeaf5;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  font-size: .74rem;
  font-weight: 700;
  display: inline-flex;
}

.mobile-filters-module__ZifaDa__chip i {
  color: #9a95a8;
  font-style: normal;
}

.mobile-filters-module__ZifaDa__sheet {
  color: #f1edf7;
  background: none;
  border: 0;
  width: min(560px, 94vw);
  max-height: 86vh;
  margin: auto;
  padding: 0;
}

.mobile-filters-module__ZifaDa__sheet::backdrop {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #030206b3;
}

.mobile-filters-module__ZifaDa__sheetInner {
  border: 1px solid var(--line);
  background: linear-gradient(160deg, #15121d, #0b0c12);
  border-radius: 22px 22px 0 0;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

@media (min-width: 901px) and (min-height: 501px) {
  .mobile-filters-module__ZifaDa__sheetInner {
    border-radius: 18px;
  }
}

.mobile-filters-module__ZifaDa__sheetHead {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: flex-end;
  padding: 26px 18px 12px;
  display: flex;
}

.mobile-filters-module__ZifaDa__sheetHead small {
  color: var(--gold);
  letter-spacing: .22em;
  font-size: .62rem;
  font-weight: 800;
  display: block;
}

.mobile-filters-module__ZifaDa__sheetHead h2 {
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin: 2px 0 0;
  font-size: 1.5rem;
  font-weight: 900;
}

.mobile-filters-module__ZifaDa__sheetCount {
  color: #9a95a8;
  font-size: .78rem;
}

.mobile-filters-module__ZifaDa__sheetBody {
  overscroll-behavior: contain;
  flex: 1;
  padding: 6px 18px 14px;
  overflow-y: auto;
}

.mobile-filters-module__ZifaDa__sheetBody section {
  border-bottom: 1px solid var(--line);
  padding: 14px 0;
}

.mobile-filters-module__ZifaDa__sheetBody section:last-child {
  border-bottom: 0;
}

.mobile-filters-module__ZifaDa__sheetBody h3 {
  color: #9a95a8;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: .66rem;
  font-weight: 800;
}

.mobile-filters-module__ZifaDa__grid {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.mobile-filters-module__ZifaDa__grid .mobile-filters-module__ZifaDa__pill {
  white-space: normal;
  text-align: left;
  justify-content: flex-start;
  min-height: 42px;
  font-size: .78rem;
  line-height: 1.15;
}

.mobile-filters-module__ZifaDa__row {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.mobile-filters-module__ZifaDa__opt {
  border: 1px solid var(--line);
  color: #e8e4f0;
  background: #0f1118;
  border-radius: 10px;
  min-width: 44px;
  min-height: 42px;
  padding: 0 12px;
  font-weight: 800;
}

.mobile-filters-module__ZifaDa__optWide {
  flex: 1;
}

.mobile-filters-module__ZifaDa__optOn {
  background: var(--gold);
  border-color: var(--gold);
  color: #111;
}

.mobile-filters-module__ZifaDa__segment {
  border: 1px solid var(--line);
  background: #0f1118;
  border-radius: 10px;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  overflow: hidden;
}

.mobile-filters-module__ZifaDa__segment button {
  color: #cfcad9;
  background: none;
  border: 0;
  min-height: 42px;
  font-weight: 800;
}

.mobile-filters-module__ZifaDa__segment button + button {
  border-left: 1px solid var(--line);
}

.mobile-filters-module__ZifaDa__segment .mobile-filters-module__ZifaDa__segOn {
  background: var(--gold);
  color: #111;
}

.mobile-filters-module__ZifaDa__sheetFoot {
  padding: 12px 18px calc(14px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--line);
  background: #0b0c12;
  gap: 10px;
  display: flex;
}

.mobile-filters-module__ZifaDa__clear {
  border: 1px solid var(--line);
  color: #e8e4f0;
  background: none;
  border-radius: 12px;
  flex: none;
  min-height: 46px;
  padding: 0 16px;
  font-weight: 800;
}

.mobile-filters-module__ZifaDa__clear:disabled {
  opacity: .4;
  cursor: default;
}

.mobile-filters-module__ZifaDa__done {
  background: var(--gold);
  color: #111;
  letter-spacing: .04em;
  border: 0;
  border-radius: 12px;
  flex: 1;
  min-height: 46px;
  font-weight: 900;
}

@media (prefers-reduced-motion: reduce) {
  .mobile-filters-module__ZifaDa__pill {
    transition: none;
  }
}

/* [project]/src/components/status/status.module.css [app-client] (css) */
.status-module__m2Q4Hq__term {
  color: var(--status-color, inherit);
  -webkit-text-decoration: underline dotted color-mix(in srgb, var(--status-color) 70%, transparent);
  text-decoration: underline dotted color-mix(in srgb, var(--status-color) 70%, transparent);
  text-underline-offset: 3px;
  cursor: help;
  white-space: nowrap;
  outline: none;
  font-weight: 700;
  text-decoration-thickness: 1px;
  position: relative;
}

.status-module__m2Q4Hq__term:focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--status-color) 55%, transparent);
  border-radius: 2px;
}

.status-module__m2Q4Hq__termDiscontinued {
  opacity: .85;
  text-decoration-style: dashed;
}

.status-module__m2Q4Hq__card {
  z-index: 120;
  border: 1px solid color-mix(in srgb, var(--status-color) 45%, #ffffff1f);
  color: #e9ecf2;
  white-space: normal;
  pointer-events: none;
  background: linear-gradient(#151923, #0c0f16);
  border-left-width: 3px;
  border-radius: 8px;
  width: max-content;
  max-width: min(320px, 80vw);
  padding: 10px 12px 11px;
  font-size: .82rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  animation: .14s both status-module__m2Q4Hq__status-card-in;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  box-shadow: 0 18px 40px #0000008c;
}

.status-module__m2Q4Hq__cardHead {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 5px;
  display: flex;
}

.status-module__m2Q4Hq__cardHead b {
  color: var(--status-color);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .86rem;
  font-weight: 900;
}

.status-module__m2Q4Hq__cardHead i {
  color: #8e94a3;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .62rem;
  font-style: normal;
  font-weight: 800;
}

.status-module__m2Q4Hq__cardBody {
  color: #d7dbe4;
  display: block;
}

.status-module__m2Q4Hq__cardNote {
  color: #a39b88;
  margin-top: 6px;
  font-size: .7rem;
  font-style: italic;
  display: block;
}

@keyframes status-module__m2Q4Hq__status-card-in {
  from {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .status-module__m2Q4Hq__card {
    animation: none;
  }
}

/*# sourceMappingURL=src_0_e61b7._.css.map*/