/* [project]/src/app/(home)/home.module.css [app-client] (css) */
:root {
  --home-bg: #050505;
  --home-panel: #0c0c0f;
  --home-panel-2: #121216;
  --home-text: #f4f4f4;
  --home-muted: #aaa6a0;
  --home-gold: #e2ad48;
  --home-gold-2: #ffcc69;
  --home-red: #ff334f;
  --home-purple: #a53cff;
  --home-blue: #42a5ff;
  --home-orange: #ff8c32;
  --home-green: #61e66b;
  --home-border: #ffffff14;
  --home-shadow: 0 24px 70px #0000008c;
  --home-max: 1500px;
}

.home-module__L1m3yW__siteShell {
  min-height: 100vh;
  color: var(--home-text);
  background: radial-gradient(circle at 50% -10%, #e2ad4821, #0000 28%), linear-gradient(#050505 0%, #080809 38%, #050505 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  overflow-x: hidden;
}

.home-module__L1m3yW__siteShell a {
  color: inherit;
  text-decoration: none;
}

.home-module__L1m3yW__siteShell img {
  max-width: 100%;
  display: block;
}

.home-module__L1m3yW__page {
  width: min(var(--home-max), calc(100% - 48px));
  margin: 0 auto;
  padding: 22px 0 70px;
}

.home-module__L1m3yW__section {
  margin-top: 22px;
}

.home-module__L1m3yW__sectionHead {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 14px;
  display: flex;
}

.home-module__L1m3yW__sectionTitle {
  text-transform: uppercase;
  letter-spacing: .02em;
  margin: 0;
  font-size: 20px;
}

.home-module__L1m3yW__sectionLink {
  color: #d6d6d6;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.home-module__L1m3yW__sectionLink:hover {
  color: var(--home-gold);
}

.home-module__L1m3yW__btn {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .035em;
  cursor: pointer;
  background: linear-gradient(#ffffff14, #ffffff05);
  border: 1px solid #ffffff21;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 0 22px;
  font-size: 13px;
  font-weight: 900;
  transition: all .2s;
  display: inline-flex;
}

.home-module__L1m3yW__btn:hover {
  border-color: #e2ad4899;
  transform: translateY(-2px);
}

.home-module__L1m3yW__btn.home-module__L1m3yW__gold {
  border-color: #e2ad488c;
  box-shadow: inset 0 0 28px #e2ad4814;
}

.home-module__L1m3yW__btn.home-module__L1m3yW__red {
  border-color: #ff334f73;
}

.home-module__L1m3yW__btn.home-module__L1m3yW__purple {
  border-color: #a53cff80;
}

.home-module__L1m3yW__livePill {
  color: #d9d9d9;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 11px;
  font-size: 11px;
  display: flex;
}

.home-module__L1m3yW__liveDot {
  background: #ff153a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 12px #ff153a;
}

.home-module__L1m3yW__hero {
  isolation: isolate;
  border-bottom: 1px solid var(--home-border);
  background-image: url("/homepage/hero-topbar-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  min-height: 670px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__hero:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #000000bd 0%, #0000005c 31%, #0000000f 62%, #00000014 100%);
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__heroGrid {
  z-index: 2;
  grid-template-columns: minmax(300px, 430px) minmax(0, 1fr);
  align-items: center;
  column-gap: 40px;
  width: min(1600px, 100% - 80px);
  margin: 0 auto;
  padding: 110px 0 40px;
  display: grid;
  position: relative;
}

.home-module__L1m3yW__heroContent {
  z-index: 3;
  text-align: left;
  max-width: 520px;
  position: relative;
}

.home-module__L1m3yW__heroTitle {
  letter-spacing: -6px;
  text-transform: uppercase;
  text-shadow: 0 12px 50px #000c;
  z-index: 2;
  margin: 0;
  font-size: clamp(58px, 7vw, 112px);
  font-style: italic;
  font-weight: 1000;
  line-height: .82;
  transition: transform .25s, filter .25s, text-shadow .25s;
  position: relative;
}

.home-module__L1m3yW__heroTitle .home-module__L1m3yW__cj {
  color: var(--home-gold);
}

.home-module__L1m3yW__heroSocialPanel {
  z-index: 4;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: radial-gradient(circle at 20% 15%, #7c4cff21, #0000 30%), linear-gradient(#090a0eeb, #06070ad1);
  border: 1px solid #ffffff14;
  width: 100%;
  max-width: 430px;
  padding: 22px 22px 20px;
  position: relative;
  box-shadow: 0 20px 50px #00000057, inset 0 0 0 1px #ffffff05;
}

.home-module__L1m3yW__heroSocialLogoWrap {
  justify-content: center;
  align-items: center;
  margin: 0 0 14px;
  display: flex;
}

.home-module__L1m3yW__heroSocialLogo {
  filter: drop-shadow(0 0 12px #ff4e3738) drop-shadow(0 0 24px #e2ad4824);
  width: min(168px, 52%);
  height: auto;
  transition: transform .25s, filter .25s;
  display: block;
}

.home-module__L1m3yW__heroSocialPanel:hover .home-module__L1m3yW__heroSocialLogo {
  transform: translateY(-2px)scale(1.02);
}

.home-module__L1m3yW__heroSocialEyebrow {
  color: #8a8f9c;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 900;
}

.home-module__L1m3yW__heroSocialTitle {
  color: #fff;
  letter-spacing: -.04em;
  text-transform: uppercase;
  margin: 0;
  font-size: clamp(22px, 2.2vw, 30px);
  font-weight: 1000;
  line-height: .92;
}

.home-module__L1m3yW__heroSocialSub {
  color: #b9bcc5;
  max-width: 320px;
  margin: 10px 0 16px;
  font-size: 12px;
  line-height: 1.55;
}

.home-module__L1m3yW__heroSocialGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.home-module__L1m3yW__heroSocialLink {
  --platform-color: #fff;
  color: #fff;
  background: linear-gradient(#ffffff08, #ffffff04);
  border: 1px solid #ffffff14;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 88px;
  text-decoration: none;
  transition: transform .2s, border-color .2s, box-shadow .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__heroSocialLink:after {
  content: "";
  opacity: .6;
  pointer-events: none;
  background: radial-gradient(circle at 50% 20%, #ffffff17, #0000 48%);
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__heroSocialLink:hover {
  border-color: var(--platform-color);
  box-shadow: 0 14px 26px #0000003d, 0 0 0 1px color-mix(in srgb, var(--platform-color) 24%, transparent);
  transform: translateY(-4px);
}

.home-module__L1m3yW__heroSocialIcon {
  width: 27px;
  height: 27px;
  fill: var(--platform-color);
  filter: drop-shadow(0 0 9px color-mix(in srgb, var(--platform-color) 42%, transparent));
  display: block;
}

.home-module__L1m3yW__heroSocialLink span {
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: center;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}

.home-module__L1m3yW__youtube {
  --platform-color: #ff3a3a;
}

.home-module__L1m3yW__twitch {
  --platform-color: #a970ff;
}

.home-module__L1m3yW__kick {
  --platform-color: #53fc18;
}

.home-module__L1m3yW__tiktok {
  --platform-color: #24f0e8;
}

.home-module__L1m3yW__instagram {
  --platform-color: #ff5ac8;
}

.home-module__L1m3yW__discord {
  --platform-color: #7289da;
}

.home-module__L1m3yW__heroIdentityHover {
  cursor: default;
  z-index: 8;
  outline: none;
  width: max-content;
  max-width: 100%;
  display: block;
  position: relative;
}

.home-module__L1m3yW__heroIdentityHover:after {
  content: "Hover for bio";
  color: #ffffff57;
  letter-spacing: .17em;
  text-transform: uppercase;
  opacity: 0;
  pointer-events: none;
  font-size: 7px;
  font-weight: 900;
  transition: opacity .22s, transform .22s;
  position: absolute;
  bottom: -17px;
  left: 5px;
  transform: translateY(-3px);
}

.home-module__L1m3yW__heroIdentityHover:hover:after, .home-module__L1m3yW__heroIdentityHover:focus-within:after {
  opacity: 1;
  transform: translateY(0);
}

.home-module__L1m3yW__heroIdentityHover:hover .home-module__L1m3yW__heroTitle, .home-module__L1m3yW__heroIdentityHover:focus-within .home-module__L1m3yW__heroTitle {
  filter: brightness(1.08);
  text-shadow: 0 12px 50px #000000d1, 0 0 20px #e2ad481f;
  transform: translateY(-2px)scale(1.015);
}

.home-module__L1m3yW__heroBioCard {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform-origin: 0;
  z-index: 20;
  background: radial-gradient(circle at 88% 8%, #a53cff21, #0000 32%), radial-gradient(circle at 10% 0, #e2ad481a, #0000 28%), linear-gradient(160deg, #0f1014f7, #07080bf7);
  border: 1px solid #e2ad4838;
  width: min(390px, 34vw);
  padding: 18px 19px 17px;
  transition: opacity .24s, visibility .24s, transform .28s cubic-bezier(.22, .61, .36, 1);
  position: absolute;
  top: 50%;
  left: calc(100% + 24px);
  transform: translate(-14px, -50%)scale(.97);
  box-shadow: 0 24px 55px #00000085, inset 0 0 0 1px #ffffff05;
}

.home-module__L1m3yW__heroBioCard:after {
  content: "";
  background: #0b0c10;
  border-bottom: 1px solid #e2ad4838;
  border-left: 1px solid #e2ad4838;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: -7px;
  transform: translateY(-50%)rotate(45deg);
}

.home-module__L1m3yW__heroIdentityHover:hover .home-module__L1m3yW__heroBioCard, .home-module__L1m3yW__heroIdentityHover:focus-within .home-module__L1m3yW__heroBioCard {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(0, -50%)scale(1);
}

.home-module__L1m3yW__heroBioEyebrow {
  color: var(--home-gold-2);
  letter-spacing: .17em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 9px;
  font-weight: 1000;
}

.home-module__L1m3yW__heroBioBadges {
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
  display: flex;
}

.home-module__L1m3yW__heroBioBadges span {
  color: #c8cad0;
  letter-spacing: .07em;
  text-transform: uppercase;
  background: #ffffff06;
  border: 1px solid #ffffff14;
  padding: 5px 7px;
  font-size: 7px;
  font-weight: 900;
}

.home-module__L1m3yW__twitchBadge {
  color: #c7a4ff !important;
  background: #a970ff12 !important;
  border-color: #a970ff47 !important;
}

.home-module__L1m3yW__heroBioCard p {
  color: #b9bbc2;
  margin: 0;
  font-size: 11px;
  line-height: 1.62;
}

.home-module__L1m3yW__heroBioCard p strong {
  color: #f2f2f4;
  font-weight: 900;
}

.home-module__L1m3yW__heroBioSlogan {
  color: #fff;
  letter-spacing: .13em;
  text-transform: uppercase;
  border-top: 1px solid #ffffff12;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding-top: 11px;
  font-size: 10px;
  font-weight: 1000;
  display: flex;
}

.home-module__L1m3yW__miniTorii {
  color: #d83a3a;
  filter: drop-shadow(0 0 7px #d83a3a47);
  font-size: 16px;
  line-height: 1;
}

.home-module__L1m3yW__heroWelcomeBlock {
  width: min(480px, 100%);
  margin-top: 26px;
  padding: 17px 0 0;
  position: relative;
}

.home-module__L1m3yW__heroDojoStatus {
  color: #a7a9b1;
  letter-spacing: .19em;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 9px;
  font-weight: 900;
  display: inline-flex;
}

.home-module__L1m3yW__heroDojoStatus > span {
  background: var(--home-gold-2);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 2.2s ease-in-out infinite home-module__L1m3yW__dojoStatusPulse;
  box-shadow: 0 0 10px #ffcf68b8;
}

.home-module__L1m3yW__heroKicker {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0000;
  background: linear-gradient(100deg, #ffd36c 0%, #fff0ba 34%, #e7aa3f 64%, #ffd36c 100%) 0 0 / 220% 100%;
  text-shadow: 0 0 26px #e2ad4826;
  -webkit-background-clip: text;
  background-clip: text;
  width: max-content;
  max-width: 100%;
  margin-top: 0;
  font-size: clamp(20px, 2.2vw, 29px);
  font-weight: 950;
  line-height: 1;
  animation: 5.8s ease-in-out infinite home-module__L1m3yW__dojoGoldSweep;
  display: block;
  position: relative;
}

.home-module__L1m3yW__heroKickerLine {
  grid-template-columns: 1fr 8px 1fr;
  align-items: center;
  gap: 7px;
  width: min(398px, 88%);
  height: 8px;
  margin: 10px 0 8px;
  display: grid;
}

.home-module__L1m3yW__heroKickerLine span {
  background: linear-gradient(90deg, #e2ad4814, #e2ad48bf);
  height: 1px;
}

.home-module__L1m3yW__heroKickerLine span:last-child {
  background: linear-gradient(90deg, #e2ad48bf, #a53cff14);
}

.home-module__L1m3yW__heroKickerLine i {
  background: #110d08;
  border: 1px solid #ffd36ceb;
  width: 7px;
  height: 7px;
  display: block;
  transform: rotate(45deg);
  box-shadow: 0 0 10px #e2ad4838;
}

.home-module__L1m3yW__heroSub {
  color: #d6d8dc;
  letter-spacing: .16em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin: 7px 0 18px;
  font-size: 10px;
  font-weight: 800;
  display: flex;
}

.home-module__L1m3yW__heroSub span {
  transition: color .2s, text-shadow .2s;
}

.home-module__L1m3yW__heroSub span:hover {
  color: #fff;
  text-shadow: 0 0 12px #ffffff3d;
}

.home-module__L1m3yW__heroSub b {
  color: #e2ad48b8;
  font-size: 8px;
}

.home-module__L1m3yW__heroActions {
  flex-wrap: wrap;
  align-items: center;
  gap: 17px;
  display: flex;
}

.home-module__L1m3yW__heroWatchBtn {
  min-width: 158px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 24px #a53cff0f;
  background: linear-gradient(#a53cff1f, #ffffff05) !important;
  border-color: #a53cffb8 !important;
}

.home-module__L1m3yW__heroWatchBtn:hover {
  box-shadow: inset 0 0 26px #a53cff1c, 0 0 22px #a53cff29;
  border-color: #bb6aff !important;
}

.home-module__L1m3yW__watchGem {
  color: #f0e9ff;
  filter: drop-shadow(0 0 6px #bf7dffbf);
  margin-right: 10px;
  font-size: 9px;
}

.home-module__L1m3yW__heroExploreLink {
  color: #c9c9ce;
  letter-spacing: .09em;
  text-transform: uppercase;
  align-items: center;
  gap: 7px;
  padding: 7px 0;
  font-size: 10px;
  font-weight: 900;
  transition: color .2s, transform .2s;
  display: inline-flex;
  position: relative;
}

.home-module__L1m3yW__heroExploreLink:after {
  content: "";
  transform-origin: 0;
  background: linear-gradient(90deg, var(--home-gold-2), #e2ad4800);
  height: 1px;
  transition: transform .25s;
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 18px;
  transform: scaleX(.35);
}

.home-module__L1m3yW__heroExploreLink span {
  color: var(--home-gold-2);
  font-size: 17px;
  transition: transform .2s;
}

.home-module__L1m3yW__heroExploreLink:hover {
  color: #fff;
  transform: translateY(-1px);
}

.home-module__L1m3yW__heroExploreLink:hover:after {
  transform: scaleX(1);
}

.home-module__L1m3yW__heroExploreLink:hover span {
  transform: translateX(3px);
}

.home-module__L1m3yW__heroLivePill {
  color: #d8d8dc;
  letter-spacing: .14em;
  text-transform: uppercase;
  background: linear-gradient(90deg, #7800001a, #ffffff08);
  border: 1px solid #ffffff0f;
  justify-content: flex-start;
  gap: 12px;
  width: max-content;
  max-width: 100%;
  margin-top: 13px;
  padding: 10px 16px 10px 12px;
  font-size: 14px;
  font-weight: 1000;
  box-shadow: inset 0 0 20px #b414140d, 0 8px 18px #0000002e;
}

.home-module__L1m3yW__heroLivePill span:last-child {
  color: #f4f4f5;
  text-shadow: 0 0 10px #ffffff14;
}

.home-module__L1m3yW__toriiMark {
  filter: drop-shadow(0 0 8px #db343452) drop-shadow(0 0 12px #e2ad482e);
  flex: 0 0 26px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: inline-flex;
  transform: translateY(-1px);
}

.home-module__L1m3yW__toriiMark svg {
  width: 100%;
  height: 100%;
  display: block;
}

@keyframes home-module__L1m3yW__dojoGoldSweep {
  0%, 100% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }
}

@keyframes home-module__L1m3yW__dojoStatusPulse {
  0%, 100% {
    opacity: .58;
    transform: scale(.86);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

@media (max-width: 1180px) {
  .home-module__L1m3yW__heroBioCard {
    width: min(360px, 38vw);
    left: calc(100% + 16px);
  }
}

@media (max-width: 1100px) {
  .home-module__L1m3yW__hero {
    min-height: 0;
  }

  .home-module__L1m3yW__heroGrid {
    grid-template-columns: 1fr;
    row-gap: 28px;
    padding: 90px 0 40px;
  }

  .home-module__L1m3yW__heroSocialPanel {
    order: 2;
    max-width: 480px;
    margin: 0 auto;
  }

  .home-module__L1m3yW__heroContent {
    order: 1;
    max-width: 100%;
  }
}

@media (max-width: 900px) {
  .home-module__L1m3yW__heroBioCard {
    transform-origin: 0 0;
    width: min(390px, 100vw - 48px);
    top: calc(100% + 18px);
    left: 0;
    right: auto;
    transform: translateY(-8px)scale(.98);
  }

  .home-module__L1m3yW__heroBioCard:after {
    top: -7px;
    left: 38px;
    transform: rotate(-45deg);
  }

  .home-module__L1m3yW__heroIdentityHover:hover .home-module__L1m3yW__heroBioCard, .home-module__L1m3yW__heroIdentityHover:focus-within .home-module__L1m3yW__heroBioCard {
    transform: translateY(0)scale(1);
  }
}

@media (max-width: 760px) {
  .home-module__L1m3yW__heroWelcomeBlock {
    margin-top: 22px;
  }

  .home-module__L1m3yW__heroSub {
    letter-spacing: .12em;
    gap: 7px;
  }

  .home-module__L1m3yW__heroLivePill {
    padding: 9px 13px 9px 11px;
    font-size: 12px;
  }

  .home-module__L1m3yW__toriiMark {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 700px) {
  .home-module__L1m3yW__hero {
    min-height: 600px;
  }

  .home-module__L1m3yW__heroTitle {
    letter-spacing: -3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-module__L1m3yW__heroKicker, .home-module__L1m3yW__heroDojoStatus > span, .home-module__L1m3yW__heroIdentityHover .home-module__L1m3yW__heroTitle, .home-module__L1m3yW__heroBioCard, .home-module__L1m3yW__heroIdentityHover:after {
    transition: none !important;
    animation: none !important;
  }
}

.home-module__L1m3yW__liveCarousel {
  position: relative;
}

.home-module__L1m3yW__liveGrid {
  --platform-accent: var(--home-purple);
  border: 1px solid var(--home-border);
  background: var(--home-panel);
  box-shadow: var(--home-shadow);
  grid-template-columns: 1.35fr .8fr .55fr;
  min-height: 300px;
  transition: opacity .22s, transform .22s;
  display: grid;
}

.home-module__L1m3yW__liveGrid.home-module__L1m3yW__isSwitching {
  opacity: .2;
  transform: translateY(4px);
}

.home-module__L1m3yW__streamWindow {
  border-right: 1px solid var(--home-border);
  min-height: 300px;
  box-shadow: inset 0 0 70px color-mix(in srgb, var(--platform-accent) 9%, transparent);
  background: linear-gradient(#0000, #000000a6), radial-gradient(circle at 35% 42%, #2b5e7f59, #0000 35%), linear-gradient(125deg, #10202d, #07090b 55%, #1a1012);
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__streamPlaceholder {
  text-align: center;
  letter-spacing: .08em;
  color: #ffffff42;
  text-transform: uppercase;
  place-items: center;
  padding: 54px;
  font-weight: 950;
  display: grid;
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__streamEmbed {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__liveTag {
  z-index: 3;
  color: #fff;
  background: #e40b2d;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 950;
  position: absolute;
  top: 13px;
  left: 13px;
}

.home-module__L1m3yW__liveCopy {
  padding: 30px;
}

.home-module__L1m3yW__liveCopy h3 {
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: 34px;
}

.home-module__L1m3yW__liveCopy p {
  color: var(--home-muted);
  font-size: 14px;
  line-height: 1.7;
}

.home-module__L1m3yW__eyebrow {
  color: var(--home-gold);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.home-module__L1m3yW__buttonStack {
  gap: 9px;
  margin-top: 22px;
  display: grid;
}

.home-module__L1m3yW__platformBadge {
  color: var(--platform-accent);
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 950;
  display: inline-flex;
}

.home-module__L1m3yW__platformBadge:before {
  content: "";
  background: var(--platform-accent);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 14px var(--platform-accent);
  border-radius: 50%;
}

.home-module__L1m3yW__platformBtn {
  box-shadow: inset 0 0 28px color-mix(in srgb, var(--platform-accent) 9%, transparent);
  border-color: var(--platform-accent) !important;
}

.home-module__L1m3yW__carouselArrow {
  z-index: 8;
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #040406e0;
  border: 1px solid #ffffff24;
  place-items: center;
  width: 46px;
  height: 64px;
  font-size: 28px;
  transition: all .2s;
  display: grid;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.home-module__L1m3yW__carouselArrow:hover {
  color: var(--home-gold-2);
  background: #0c0c0ff5;
  border-color: #e2ad4880;
}

.home-module__L1m3yW__carouselArrow.home-module__L1m3yW__prev {
  left: -18px;
}

.home-module__L1m3yW__carouselArrow.home-module__L1m3yW__next {
  right: -18px;
}

.home-module__L1m3yW__platformDots {
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 13px;
  display: flex;
}

.home-module__L1m3yW__platformDot {
  cursor: pointer;
  background: #ffffff29;
  border: 0;
  border-radius: 99px;
  width: 28px;
  height: 4px;
  padding: 0;
  transition: all .2s;
}

.home-module__L1m3yW__platformDot.home-module__L1m3yW__active {
  background: var(--dot-accent, var(--home-gold));
  width: 42px;
  box-shadow: 0 0 12px color-mix(in srgb, var(--dot-accent, var(--home-gold)) 45%, transparent);
}

.home-module__L1m3yW__platformNameRow {
  color: #8e8e91;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 850;
}

.home-module__L1m3yW__statusBox {
  isolation: isolate;
  border-left: 1px solid var(--home-border);
  background: linear-gradient(#ff263f0d, #0000);
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__bossConfetti {
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__statusBox > :not(.home-module__L1m3yW__bossConfetti) {
  z-index: 1;
  position: relative;
}

.home-module__L1m3yW__statusBox h3 {
  color: var(--home-red);
  text-transform: uppercase;
  margin: 0 0 25px;
}

.home-module__L1m3yW__statLabel {
  color: #b5b5b5;
  text-transform: uppercase;
  font-size: 10px;
}

.home-module__L1m3yW__statNumber {
  margin: 4px 0 18px;
  font-size: 30px;
  font-weight: 950;
}

.home-module__L1m3yW__bossHealth {
  color: #ff5b6f;
}

.home-module__L1m3yW__healthTrack {
  background: #17171a;
  border-radius: 99px;
  height: 7px;
  margin: 8px 0 22px;
  overflow: hidden;
}

.home-module__L1m3yW__healthBar {
  background: linear-gradient(90deg, #ff173e, #ff4d64);
  width: 47%;
  height: 100%;
}

.home-module__L1m3yW__chapterStat {
  color: #d7b0ff;
  letter-spacing: .02em;
  text-shadow: 0 0 15px #a970ff29;
  font-size: 25px;
}

.home-module__L1m3yW__bossOutcome {
  color: #d7d1c1;
  letter-spacing: .02em;
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: 850;
}

.home-module__L1m3yW__bossOutcomeWon {
  color: #6cf0b0;
  text-shadow: 0 0 14px #50e69659;
}

.home-module__L1m3yW__bossOutcomeLost {
  color: #ff5b6f;
  text-shadow: 0 0 14px #ff3c5a59;
}

.home-module__L1m3yW__bossList {
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.home-module__L1m3yW__bossRow .home-module__L1m3yW__statLabel {
  margin-bottom: 2px;
}

.home-module__L1m3yW__bossHead {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.home-module__L1m3yW__bossName {
  color: #fff;
  letter-spacing: .01em;
  overflow-wrap: anywhere;
  font-size: 17px;
  font-weight: 950;
}

.home-module__L1m3yW__bossPercent {
  color: #ff5b6f;
  font-variant-numeric: tabular-nums;
  flex: none;
  font-size: 17px;
  font-weight: 950;
}

.home-module__L1m3yW__bossRow .home-module__L1m3yW__healthTrack {
  margin: 5px 0 0;
}

.home-module__L1m3yW__bossRow .home-module__L1m3yW__healthBar {
  width: 0;
  transition: width .6s;
}

.home-module__L1m3yW__statusBox.home-module__L1m3yW__isKickSupport {
  border-left-color: #53fc184d;
}

.home-module__L1m3yW__kickSupportKicker {
  color: #83ff59;
  letter-spacing: .14em;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
  font-size: 9px;
  font-weight: 1000;
  display: flex;
}

.home-module__L1m3yW__kickSupportDot {
  background: #53fc18;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 10px #53fc18b8;
}

.home-module__L1m3yW__kickHeadingRow {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  display: flex;
}

.home-module__L1m3yW__kickHeadingRow h3 {
  text-shadow: 0 0 16px #53fc181a;
  color: #53fc18 !important;
  margin: 0 !important;
}

.home-module__L1m3yW__kickMonthBadge {
  color: #8cff67;
  letter-spacing: .09em;
  text-transform: uppercase;
  background: #53fc180e;
  border: 1px solid #53fc182e;
  flex: none;
  padding: 5px 8px;
  font-size: 8px;
  font-weight: 1000;
}

.home-module__L1m3yW__kickSupportCard {
  background: linear-gradient(100deg, #53fc180e, #ffffff05);
  border: 1px solid #53fc181f;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  min-height: 78px;
  margin-bottom: 11px;
  padding: 12px;
  transition: transform .22s, border-color .22s, box-shadow .22s, background .22s;
  display: grid;
}

.home-module__L1m3yW__kickSupportCard:hover {
  background: linear-gradient(100deg, #53fc1816, #ffffff06);
  border-color: #53fc185c;
  transform: translateX(4px);
  box-shadow: 0 10px 24px #0000004d, 0 0 20px #53fc180f;
}

.home-module__L1m3yW__kickSupportIcon {
  filter: drop-shadow(0 0 7px #53fc181a);
  background: #090d08;
  border: 1px solid #53fc1830;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 19px;
  display: grid;
}

.home-module__L1m3yW__kickSupportIcon.home-module__L1m3yW__kickIcon {
  color: #53fc18;
  font-family: Arial Black, Arial, sans-serif;
  font-size: 21px;
  font-weight: 1000;
}

.home-module__L1m3yW__kickSupportCopy {
  min-width: 0;
}

.home-module__L1m3yW__kickSupportName {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 22px;
  font-weight: 1000;
  line-height: 1.05;
  overflow: hidden;
}

.home-module__L1m3yW__kickSupportMeta {
  color: #687068;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 8px;
  font-weight: 800;
}

.home-module__L1m3yW__statusBox.home-module__L1m3yW__isLatestContent {
  background: radial-gradient(circle at 80% 8%, color-mix(in srgb, var(--platform-accent, #fff) 13%, transparent), transparent 31%),
    linear-gradient(180deg, #ffffff06, #06070af7);
  border-left-color: color-mix(in srgb, var(--platform-accent, #fff) 26%, transparent);
}

.home-module__L1m3yW__latestPlatformKicker {
  color: var(--platform-accent, #fff);
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 9px;
  font-weight: 1000;
}

.home-module__L1m3yW__latestPlatformHeading {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  display: flex;
}

.home-module__L1m3yW__latestPlatformHeading h3 {
  color: #fff !important;
  margin: 0 !important;
  font-size: 22px !important;
}

.home-module__L1m3yW__latestPlatformBadge {
  border: 1px solid color-mix(in srgb, var(--platform-accent, #fff) 34%, transparent);
  background: color-mix(in srgb, var(--platform-accent, #fff) 7%, transparent);
  color: var(--platform-accent, #fff);
  letter-spacing: .08em;
  text-transform: uppercase;
  flex: none;
  padding: 5px 7px;
  font-size: 8px;
  font-weight: 1000;
}

.home-module__L1m3yW__latestPlatformCard {
  color: inherit;
  text-decoration: none;
  display: block;
}

.home-module__L1m3yW__latestPlatformThumb {
  aspect-ratio: 16 / 10;
  background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--platform-accent, #fff) 16%, transparent), transparent 44%),
    linear-gradient(150deg, #111319, #08090b);
  border: 1px solid #ffffff17;
  width: 100%;
  transition: transform .24s, border-color .24s, box-shadow .24s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 26px #00000040;
}

.home-module__L1m3yW__latestPlatformThumb img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: transform .3s, filter .3s;
  display: block;
}

.home-module__L1m3yW__latestPlatformPlaceholder {
  color: #ffffff57;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
  place-items: center;
  padding: 20px;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.5;
  display: grid;
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__latestPlatformPlay {
  color: #fff;
  width: 40px;
  height: 40px;
  box-shadow: 0 0 20px color-mix(in srgb, var(--platform-accent, #fff) 17%, transparent);
  background: #040507c7;
  border: 1px solid #ffffff38;
  border-radius: 50%;
  place-items: center;
  padding-left: 2px;
  font-size: 14px;
  transition: transform .24s, background .24s;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-module__L1m3yW__latestPlatformCopy {
  padding-top: 10px;
}

.home-module__L1m3yW__latestPlatformCopy strong {
  -webkit-line-clamp: 2;
  color: #fff;
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.home-module__L1m3yW__latestPlatformCopy span {
  color: #7f838b;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 5px;
  font-size: 8px;
  font-weight: 800;
  display: block;
}

.home-module__L1m3yW__latestPlatformCard:hover .home-module__L1m3yW__latestPlatformThumb {
  border-color: color-mix(in srgb, var(--platform-accent, #fff) 43%, transparent);
  box-shadow: 0 16px 30px #00000052, 0 0 20px color-mix(in srgb, var(--platform-accent, #fff) 8%, transparent);
  transform: translateY(-3px);
}

.home-module__L1m3yW__latestPlatformCard:hover .home-module__L1m3yW__latestPlatformThumb img {
  filter: brightness(1.07);
  transform: scale(1.045);
}

.home-module__L1m3yW__latestPlatformCard:hover .home-module__L1m3yW__latestPlatformPlay {
  background: color-mix(in srgb, var(--platform-accent, #fff) 22%, #040507e0);
  transform: translate(-50%, -50%)scale(1.08);
}

@media (max-width: 1100px) {
  .home-module__L1m3yW__liveGrid {
    grid-template-columns: 1fr 1fr;
  }

  .home-module__L1m3yW__streamWindow {
    border-right: 0;
    border-bottom: 1px solid var(--home-border);
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .home-module__L1m3yW__liveGrid {
    grid-template-columns: 1fr;
  }

  .home-module__L1m3yW__carouselArrow {
    width: 38px;
    height: 54px;
    font-size: 22px;
  }

  .home-module__L1m3yW__carouselArrow.home-module__L1m3yW__prev {
    left: -8px;
  }

  .home-module__L1m3yW__carouselArrow.home-module__L1m3yW__next {
    right: -8px;
  }

  .home-module__L1m3yW__statusBox {
    border-left: 0;
    border-top: 1px solid var(--home-border);
  }
}

.home-module__L1m3yW__raptureBanner {
  border: 1px solid var(--home-border);
  min-height: 280px;
  box-shadow: var(--home-shadow);
  grid-template-columns: .85fr 1fr 1fr 1fr;
  display: grid;
  overflow: hidden;
}

.home-module__L1m3yW__raptureIntro {
  background: linear-gradient(135deg, #101013, #09090a);
  flex-direction: column;
  justify-content: center;
  padding: 32px;
  display: flex;
}

.home-module__L1m3yW__raptureIntro h2 {
  text-transform: uppercase;
  margin: 0 0 12px;
  font-size: 42px;
  line-height: .95;
}

.home-module__L1m3yW__raptureIntro p {
  color: #bbb;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.45;
}

.home-module__L1m3yW__raptureIntro p b:first-child {
  color: var(--home-blue);
}

.home-module__L1m3yW__raptureIntro p b:nth-child(2) {
  color: var(--home-red);
}

.home-module__L1m3yW__raptureIntro p b:nth-child(3) {
  color: var(--home-orange);
}

.home-module__L1m3yW__raptureCta {
  align-self: flex-start;
  margin-top: 12px;
}

.home-module__L1m3yW__faction {
  isolation: isolate;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-left: 1px solid #ffffff12;
  align-items: flex-end;
  min-height: 280px;
  padding: 0;
  transition: transform .25s, border-color .25s, box-shadow .25s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__faction:hover {
  z-index: 5;
  border-color: #e2ad4894;
  transform: translateY(-5px)scale(1.01);
  box-shadow: 0 15px 38px #0000006b;
}

.home-module__L1m3yW__factionAngel {
  background-image: url("/homepage/faction-angel-bg.png");
}

.home-module__L1m3yW__factionDemon {
  background-image: url("/homepage/faction-demon-bg.png");
}

.home-module__L1m3yW__factionMortal {
  background-image: url("/homepage/faction-mortal-bg.png");
}

.home-module__L1m3yW__factionCopy {
  box-sizing: border-box;
  z-index: 3;
  background: linear-gradient(90deg, #03080ff0 0%, #03080fc7 72%, #03080f38 100%);
  border-top: 1px solid #ffffff1a;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
  padding: 18px 20px;
  transition: background .24s;
  display: flex;
  position: absolute;
  inset: auto 0 0;
}

.home-module__L1m3yW__faction:hover .home-module__L1m3yW__factionCopy {
  background: linear-gradient(90deg, #03080ffa, #03080fd1 70%, #03080f42);
}

.home-module__L1m3yW__factionCopy h3 {
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
}

.home-module__L1m3yW__factionCopy span {
  color: #ffffffe6;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.2;
  display: block;
}

@media (max-width: 1100px) {
  .home-module__L1m3yW__raptureBanner {
    grid-template-columns: 1fr 1fr;
  }

  .home-module__L1m3yW__raptureIntro {
    grid-column: 1 / -1;
  }
}

.home-module__L1m3yW__mojumonLayout {
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: stretch;
  gap: 18px;
  display: grid;
}

.home-module__L1m3yW__cardsRow {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.home-module__L1m3yW__mojuCard {
  border: 1px solid var(--home-border);
  background: linear-gradient(#16161b, #0b0b0e);
  min-height: 230px;
  transition: transform .22s, border-color .22s;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__mojuCard:hover {
  border-color: #e2ad4873;
  transform: translateY(-6px);
}

.home-module__L1m3yW__mojuCardBtn {
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: block;
}

.home-module__L1m3yW__mojuArtPlaceholder {
  z-index: 1;
  color: #ffffff4d;
  place-items: center;
  width: 100%;
  height: 100%;
  font-size: 28px;
  font-weight: 900;
  display: grid;
  position: relative;
}

.home-module__L1m3yW__mojuArt {
  background: #101014;
  height: 175px;
  padding: 4px 5px 0;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__mojuArt:before {
  content: "";
  background: radial-gradient(circle at 50% 48%, var(--card-glow, #8c4cff57), transparent 47%);
  opacity: .95;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__mojuArt img {
  z-index: 1;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 12px 15px #0000008c);
  width: 100%;
  height: 100%;
  transition: transform .3s, filter .3s;
  display: block;
  position: relative;
}

.home-module__L1m3yW__mojuCard:hover .home-module__L1m3yW__mojuArt img {
  filter: drop-shadow(0 15px 18px #0000009e) brightness(1.06);
  transform: translateY(-3px)scale(1.055);
}

.home-module__L1m3yW__mojuCopy {
  text-align: center;
  padding: 10px 13px 12px;
}

.home-module__L1m3yW__mojuCopy strong {
  text-transform: uppercase;
  font-size: 14px;
  display: block;
}

.home-module__L1m3yW__mojuCopy small {
  color: var(--home-muted);
  text-transform: uppercase;
  font-size: 9px;
}

.home-module__L1m3yW__mojumonPromo {
  border: 1px solid var(--home-border);
  min-height: 230px;
  box-shadow: var(--home-shadow);
  background: radial-gradient(circle at 15% 0, #a53cff33, #0000 42%), radial-gradient(circle at 100% 100%, #e2ad481a, #0000 38%), linear-gradient(135deg, #120d17, #09090b 68%);
  flex-direction: column;
  justify-content: center;
  padding: 30px 32px;
  transition: transform .22s, border-color .22s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__mojumonPromo:before {
  content: "";
  pointer-events: none;
  border: 1px solid #a53cff2e;
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__mojumonPromo:hover {
  border-color: #a53cffb8;
  transform: translateY(-5px);
}

.home-module__L1m3yW__mojumonPromoKicker {
  color: var(--home-purple);
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 10px;
  font-weight: 900;
  position: relative;
}

.home-module__L1m3yW__mojumonPromo h3 {
  letter-spacing: -.035em;
  text-transform: uppercase;
  margin: 0 0 14px;
  font-size: 42px;
  line-height: .93;
  position: relative;
}

.home-module__L1m3yW__mojumonTagline {
  color: #fff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 24px;
  font-size: 14px;
  font-weight: 900;
  position: relative;
}

.home-module__L1m3yW__mojumonBtn {
  width: 100%;
  position: relative;
  background: linear-gradient(90deg, #a53cff2e, #a53cff0d) !important;
  border-color: #a53cffd9 !important;
}

.home-module__L1m3yW__mojumonBtn:hover {
  box-shadow: 0 0 24px #a53cff3d;
  border-color: #c16cff !important;
}

@media (max-width: 1100px) {
  .home-module__L1m3yW__mojumonLayout {
    grid-template-columns: 1fr;
  }

  .home-module__L1m3yW__mojumonPromo {
    min-height: 220px;
  }

  .home-module__L1m3yW__cardsRow {
    grid-template-columns: repeat(3, 1fr);
  }
}

.home-module__L1m3yW__tamersFeature {
  isolation: isolate;
  background: radial-gradient(circle at 20% 48%, #55dfad1c, #0000 29%), radial-gradient(circle at 88% 16%, #c9152b14, #0000 27%), linear-gradient(125deg, #0a0d0d 0%, #0b1010 44%, #090a0d 100%);
  border: 1px solid #55dfad29;
  grid-template-columns: minmax(360px, .92fr) minmax(380px, 1.08fr);
  min-height: 460px;
  transition: transform .24s, border-color .24s, box-shadow .24s;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 60px #00000052;
}

.home-module__L1m3yW__tamersFeature:hover {
  border-color: #55dfad4d;
  transform: translateY(-4px);
  box-shadow: 0 32px 70px #0006, 0 0 30px #55dfad0b;
}

.home-module__L1m3yW__tamersArt {
  justify-content: center;
  align-items: flex-end;
  min-height: 460px;
  padding: 20px 12px 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__tamersArt:before {
  content: "";
  aspect-ratio: 1;
  filter: blur(2px);
  pointer-events: none;
  background: radial-gradient(circle, #55dfad26, #55dfad09 50%, #0000 71%);
  border-radius: 50%;
  width: 68%;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
}

.home-module__L1m3yW__tamersArt img {
  z-index: 2;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 18px 22px #0000007a);
  width: min(520px, 95%);
  height: 430px;
  transition: transform .34s cubic-bezier(.22, .61, .36, 1), filter .34s;
  display: block;
  position: relative;
  transform: translateY(6px);
}

.home-module__L1m3yW__tamersFeature:hover .home-module__L1m3yW__tamersArt img {
  filter: drop-shadow(0 21px 25px #00000085) drop-shadow(0 0 12px #55dfad12);
  transform: translateY(0)scale(1.018);
}

.home-module__L1m3yW__tamersCopy {
  flex-direction: column;
  justify-content: center;
  padding: 48px clamp(30px, 4vw, 60px) 48px 22px;
  display: flex;
  position: relative;
}

.home-module__L1m3yW__tamersCopy:before {
  content: "";
  background: linear-gradient(#0000, #55dfad45, #c9152b24, #0000);
  width: 1px;
  position: absolute;
  top: 14%;
  bottom: 14%;
  left: 0;
}

.home-module__L1m3yW__tamersKicker {
  color: #55dfad;
  letter-spacing: .15em;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 9px;
  font-weight: 1000;
  display: flex;
}

.home-module__L1m3yW__tamersKicker:before {
  content: "";
  background: #55dfad;
  width: 30px;
  height: 1px;
  box-shadow: 0 0 8px #55dfad6b;
}

.home-module__L1m3yW__tamersCopy h3 {
  color: #fff;
  letter-spacing: -.045em;
  text-transform: uppercase;
  max-width: 560px;
  margin: 0;
  font-size: clamp(32px, 4vw, 58px);
  line-height: .92;
}

.home-module__L1m3yW__tamersCopy h3 span {
  color: #55dfad;
}

.home-module__L1m3yW__tamersDescription {
  color: #9fa4a7;
  max-width: 570px;
  margin: 18px 0 0;
  font-size: 12px;
  line-height: 1.75;
}

.home-module__L1m3yW__tamersDescription strong {
  color: #ecf3f0;
}

.home-module__L1m3yW__tamersTags {
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 20px;
  display: flex;
}

.home-module__L1m3yW__tamersTag {
  color: #9be9cf;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #55dfad09;
  border: 1px solid #55dfad21;
  padding: 6px 8px;
  font-size: 7px;
  font-weight: 900;
}

.home-module__L1m3yW__tamersActions {
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 25px;
  display: flex;
}

.home-module__L1m3yW__tamersCrimsonBtn {
  background: linear-gradient(100deg, #c9152b26, #c9152b0a) !important;
  border-color: #f0445c59 !important;
}

.home-module__L1m3yW__tamersCrimsonBtn:hover {
  border-color: #f0445ca6 !important;
  box-shadow: 0 12px 28px #c9152b1a !important;
}

.home-module__L1m3yW__tamersCharacterNote {
  color: #666c6b;
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: 9px;
  margin-top: 18px;
  font-size: 7px;
  font-weight: 900;
  display: flex;
}

.home-module__L1m3yW__tamersCharacterNote:before {
  content: "";
  background: #55dfad;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px #55dfad99;
}

@media (max-width: 1000px) {
  .home-module__L1m3yW__tamersFeature {
    grid-template-columns: 1fr;
  }

  .home-module__L1m3yW__tamersArt {
    min-height: 390px;
  }

  .home-module__L1m3yW__tamersArt img {
    height: 375px;
  }

  .home-module__L1m3yW__tamersCopy {
    border-top: 1px solid #ffffff0d;
    padding: 36px;
  }

  .home-module__L1m3yW__tamersCopy:before {
    display: none;
  }
}

@media (max-width: 600px) {
  .home-module__L1m3yW__tamersFeature {
    min-height: auto;
  }

  .home-module__L1m3yW__tamersArt {
    min-height: 310px;
    padding-top: 10px;
  }

  .home-module__L1m3yW__tamersArt img {
    width: 100%;
    height: 300px;
  }

  .home-module__L1m3yW__tamersCopy {
    padding: 28px 22px 30px;
  }

  .home-module__L1m3yW__tamersCopy h3 {
    font-size: 36px;
  }
}

.home-module__L1m3yW__communityFeatureGrid {
  grid-template-columns: minmax(0, 1.45fr) minmax(330px, .85fr);
  align-items: stretch;
  gap: 18px;
  display: grid;
}

.home-module__L1m3yW__warriorSpotlightCard, .home-module__L1m3yW__raptureRankingsCard {
  border: 1px solid var(--home-border);
  box-shadow: var(--home-shadow);
  background: linear-gradient(145deg, #0f1013, #08090b);
  transition: transform .24s, border-color .24s, box-shadow .24s;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__warriorSpotlightCard:hover, .home-module__L1m3yW__raptureRankingsCard:hover {
  border-color: #e2ad4894;
  transform: translateY(-5px);
  box-shadow: 0 15px 38px #0000006b;
}

.home-module__L1m3yW__warriorSpotlightCard {
  grid-template-columns: minmax(230px, .9fr) minmax(0, 1.35fr);
  min-height: 330px;
  display: grid;
}

.home-module__L1m3yW__warriorSpotlightArt {
  isolation: isolate;
  border-right: 1px solid var(--home-border);
  background: radial-gradient(circle at 50% 34%, #ffd76e47, #0000 34%), linear-gradient(160deg, #18140c, #0a0b0e 72%);
  place-items: center;
  min-height: 330px;
  padding: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__warriorSpotlightArt:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  clip-path: polygon(44% 0%, 56% 0%, 100% 100%, 0% 100%);
  filter: blur(10px);
  opacity: .9;
  background: linear-gradient(#ffefb042 0%, #ffe38d1f 18%, #ffd76e0a 40%, #ffd76e00 68%);
  width: 78%;
  height: 135%;
  animation: 6s ease-in-out infinite home-module__L1m3yW__warriorBeamShift;
  position: absolute;
  top: -18%;
  left: 50%;
  transform: translateX(-50%);
}

.home-module__L1m3yW__warriorSpotlightArt:after {
  content: "";
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: .95;
  background: radial-gradient(at 50% 12%, #fff1ba57 0%, #ffe8962e 18%, #ffd66e1a 30%, #ffd66e08 44%, #ffd66e00 62%);
  animation: 5.4s ease-in-out infinite home-module__L1m3yW__warriorSpotlightPulse;
  position: absolute;
  inset: -8% -12% 0;
}

.home-module__L1m3yW__warriorSpotlightCard:hover .home-module__L1m3yW__warriorSpotlightArt:after {
  opacity: 1;
  animation-duration: 3.8s;
}

.home-module__L1m3yW__warriorSpotlightCard:hover .home-module__L1m3yW__warriorSpotlightArt:before {
  animation-duration: 4.2s;
}

.home-module__L1m3yW__warriorSpotlightArt img {
  z-index: 0;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 20px 35px #0000008c);
  transform-origin: bottom;
  will-change: transform;
  width: 100%;
  height: 100%;
  max-height: 430px;
  transition: filter .3s;
  animation: 4.2s ease-in-out infinite home-module__L1m3yW__jinLevitate;
  display: block;
  position: relative;
}

.home-module__L1m3yW__warriorSpotlightCard:hover .home-module__L1m3yW__warriorSpotlightArt img {
  filter: drop-shadow(0 26px 38px #0000009e) brightness(1.06);
  animation-duration: 3.25s;
}

@keyframes home-module__L1m3yW__jinLevitate {
  0%, 100% {
    transform: translateY(4px);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes home-module__L1m3yW__warriorSpotlightPulse {
  0%, 100% {
    opacity: .82;
    transform: translateY(0)scale(1);
  }

  50% {
    opacity: 1;
    transform: translateY(-2px)scale(1.03);
  }
}

@keyframes home-module__L1m3yW__warriorBeamShift {
  0%, 100% {
    opacity: .72;
    transform: translateX(-50%)scaleX(1);
  }

  50% {
    opacity: .96;
    transform: translateX(-50%)scaleX(1.06);
  }
}

.home-module__L1m3yW__warriorSpotlightCopy {
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  display: flex;
}

.home-module__L1m3yW__featureEyebrow {
  color: var(--home-gold-2);
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 900;
}

.home-module__L1m3yW__warriorSpotlightCopy h3 {
  text-transform: uppercase;
  margin: 0;
  font-size: clamp(30px, 4vw, 50px);
  line-height: .95;
}

.home-module__L1m3yW__warriorName {
  margin: 15px 0 8px;
  font-size: 21px;
  font-weight: 900;
}

.home-module__L1m3yW__warriorBlurb {
  color: #bbbcc0;
  max-width: 630px;
  margin: 0 0 24px;
  font-size: 13px;
  line-height: 1.55;
}

.home-module__L1m3yW__spotlightMeta {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.home-module__L1m3yW__spotlightChip {
  border: 1px solid var(--home-border);
  color: #d9d9db;
  text-transform: uppercase;
  letter-spacing: .05em;
  background: #ffffff06;
  padding: 8px 10px;
  font-size: 10px;
  font-weight: 800;
  transition: transform .24s, border-color .24s, background .24s;
}

.home-module__L1m3yW__spotlightChip:hover {
  background: #e2ad4814;
  border-color: #e2ad4880;
  transform: translateY(-2px);
}

.home-module__L1m3yW__raptureRankingsCard {
  padding: 28px;
}

.home-module__L1m3yW__rankingsHead {
  justify-content: space-between;
  align-items: flex-end;
  gap: 14px;
  margin-bottom: 20px;
  display: flex;
}

.home-module__L1m3yW__raptureRankingsCard h3 {
  text-transform: uppercase;
  margin: 0;
  font-size: 27px;
}

.home-module__L1m3yW__rankingsLabel {
  color: var(--home-red);
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 10px;
  font-weight: 900;
}

.home-module__L1m3yW__rankingList {
  gap: 6px;
  display: grid;
}

.home-module__L1m3yW__rankingRow {
  border: 1px solid var(--home-border);
  background: #ffffff06;
  grid-template-columns: 32px minmax(0, 1fr) 25px;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 8px 9px;
  transition: transform .24s, border-color .24s, background .24s;
  display: grid;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__rankingRow:hover {
  background: #e2ad480e;
  border-color: #e2ad4875;
  transform: translateX(6px);
}

.home-module__L1m3yW__rankFirst {
  background: linear-gradient(90deg, #e2ad481a, #ffffff05);
  border-color: #ffd2466b;
}

.home-module__L1m3yW__rankFirst .home-module__L1m3yW__rankingNumber {
  color: #ffd54a;
  text-shadow: 0 0 10px #ffd54a40;
}

.home-module__L1m3yW__rankingNumber {
  color: var(--home-gold-2);
  font-size: 16px;
  font-weight: 950;
  transition: filter .24s;
}

.home-module__L1m3yW__rankingRow:hover .home-module__L1m3yW__rankingNumber {
  filter: brightness(1.25);
}

.home-module__L1m3yW__rankingWarrior {
  min-width: 0;
}

.home-module__L1m3yW__rankingNameLine {
  color: #f5f5f6;
  letter-spacing: .02em;
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-size: 13px;
  line-height: 1.05;
  display: flex;
}

.home-module__L1m3yW__rankingNameLine > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.home-module__L1m3yW__rankingWarrior small {
  color: #8f9199;
  letter-spacing: .045em;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 4px;
  font-size: 8.8px;
  line-height: 1.15;
  display: block;
  overflow: hidden;
}

.home-module__L1m3yW__rankingRow:hover .home-module__L1m3yW__rankingWarrior small {
  color: #c3c5ca;
}

.home-module__L1m3yW__rankingFactionIcon {
  flex: 0 0 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  transition: transform .2s, filter .2s;
  display: inline-flex;
}

.home-module__L1m3yW__rankingFactionIcon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.home-module__L1m3yW__rankingRow:hover .home-module__L1m3yW__rankingFactionIcon {
  filter: drop-shadow(0 0 8px);
  transform: translateY(-1px)scale(1.1);
}

.home-module__L1m3yW__iconAngel {
  color: #76d9ff;
  filter: drop-shadow(0 0 5px #76d9ff40);
}

.home-module__L1m3yW__iconDemon {
  color: #c86cff;
  filter: drop-shadow(0 0 5px #c86cff47);
}

.home-module__L1m3yW__iconMortal {
  color: #ff9c47;
  filter: drop-shadow(0 0 5px #ff9c4740);
}

.home-module__L1m3yW__iconRonin {
  color: #ee8798;
  filter: drop-shadow(0 0 5px #ee879840);
}

.home-module__L1m3yW__iconSecurity {
  color: #88bcf6;
  filter: drop-shadow(0 0 5px #88bcf640);
}

.home-module__L1m3yW__factionAngelText {
  color: #76d9ff;
  font-weight: 900;
}

.home-module__L1m3yW__factionRoninText {
  color: #ee8798;
  font-weight: 900;
}

.home-module__L1m3yW__factionSecurityText {
  color: #88bcf6;
  font-weight: 900;
}

.home-module__L1m3yW__factionDemonText {
  color: #c86cff;
  font-weight: 900;
}

.home-module__L1m3yW__factionMortalText {
  color: #ff9c47;
  font-weight: 900;
}

.home-module__L1m3yW__rankingSeparator {
  color: #62666f;
}

.home-module__L1m3yW__rankingClass {
  font-weight: 1000;
}

.home-module__L1m3yW__classFallenAngel {
  color: #ff7890;
  text-shadow: 0 0 7px #ff789021;
}

.home-module__L1m3yW__classSoulReaper {
  color: #6df;
  text-shadow: 0 0 7px #66ddff21;
}

.home-module__L1m3yW__classShoto {
  color: #ffbd55;
  text-shadow: 0 0 7px #ffbd5521;
}

.home-module__L1m3yW__classOni {
  color: #ff4e67;
  text-shadow: 0 0 7px #ff4e6724;
}

.home-module__L1m3yW__classHue0 {
  color: #7ed6ff;
  text-shadow: 0 0 7px #7ed6ff21;
}

.home-module__L1m3yW__classHue1 {
  color: #c9a5ff;
  text-shadow: 0 0 7px #c9a5ff21;
}

.home-module__L1m3yW__classHue2 {
  color: #ffd47a;
  text-shadow: 0 0 7px #ffd47a21;
}

.home-module__L1m3yW__classHue3 {
  color: #8df0b1;
  text-shadow: 0 0 7px #8df0b121;
}

.home-module__L1m3yW__classHue4 {
  color: #ff9c9c;
  text-shadow: 0 0 7px #ff9c9c21;
}

.home-module__L1m3yW__classHue5 {
  color: #f0c7ff;
  text-shadow: 0 0 7px #f0c7ff21;
}

.home-module__L1m3yW__rankingEmpty {
  color: #8e94a3;
  padding: 18px 6px;
  font-size: .9rem;
}

.home-module__L1m3yW__rankingMovement {
  filter: drop-shadow(0 0 7px);
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 17px;
  font-weight: 1000;
  line-height: 1;
  transition: transform .22s, filter .22s;
  display: inline-grid;
}

.home-module__L1m3yW__movementUp {
  color: #31ff4b;
}

.home-module__L1m3yW__movementDown {
  color: #ff2638;
}

.home-module__L1m3yW__movementSteady {
  color: #555861;
  filter: none;
  font-size: 15px;
}

.home-module__L1m3yW__rankingRow:hover .home-module__L1m3yW__movementUp {
  filter: drop-shadow(0 0 10px);
  transform: translateY(-2px)scale(1.12);
}

.home-module__L1m3yW__rankingRow:hover .home-module__L1m3yW__movementDown {
  filter: drop-shadow(0 0 10px);
  transform: translateY(2px)scale(1.12);
}

.home-module__L1m3yW__rankingsFooter {
  margin-top: 14px;
}

.home-module__L1m3yW__rankingsFooter .home-module__L1m3yW__btn {
  width: 100%;
}

@media (max-width: 900px) {
  .home-module__L1m3yW__communityFeatureGrid, .home-module__L1m3yW__warriorSpotlightCard {
    grid-template-columns: 1fr;
  }

  .home-module__L1m3yW__warriorSpotlightArt {
    border-right: 0;
    border-bottom: 1px solid var(--home-border);
    min-height: 220px;
  }

  .home-module__L1m3yW__rankingNameLine {
    font-size: 12.5px;
  }

  .home-module__L1m3yW__rankingWarrior small {
    font-size: 8.4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-module__L1m3yW__warriorSpotlightArt:before, .home-module__L1m3yW__warriorSpotlightArt:after, .home-module__L1m3yW__warriorSpotlightArt img {
    animation: none !important;
  }
}

.home-module__L1m3yW__loreGrid {
  grid-template-columns: 1.25fr repeat(2, minmax(0, .75fr));
  gap: 14px;
  display: grid;
}

.home-module__L1m3yW__loreCard {
  border: 1px solid var(--home-border);
  min-height: 245px;
  box-shadow: var(--home-shadow);
  color: inherit;
  isolation: isolate;
  background: radial-gradient(circle at 80% 15%, #e2ad4829, #0000 32%), linear-gradient(145deg, #101116, #08090b);
  text-decoration: none;
  transition: transform .24s, border-color .24s, box-shadow .24s;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__loreCard:hover {
  box-shadow: var(--home-shadow);
  border-color: #e2ad489e;
  transform: translateY(-6px)scale(1.01);
}

.home-module__L1m3yW__loreFeatured {
  min-height: 330px;
}

.home-module__L1m3yW__loreCard:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(#0000 24%, #00000040 55%, #000000f0 100%);
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__loreCardInner {
  z-index: 2;
  padding: 24px;
  position: absolute;
  inset: auto 0 0;
}

.home-module__L1m3yW__loreType {
  color: var(--home-gold-2);
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 9px;
  font-weight: 900;
  display: inline-block;
}

.home-module__L1m3yW__loreCard h3 {
  text-transform: uppercase;
  margin: 0 0 9px;
  font-size: 24px;
  line-height: 1.02;
}

.home-module__L1m3yW__loreFeatured h3 {
  font-size: 36px;
}

.home-module__L1m3yW__loreCard p {
  color: #b8b9bd;
  max-width: 620px;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.home-module__L1m3yW__loreRead {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 15px;
  font-size: 10px;
  font-weight: 900;
  display: inline-block;
}

.home-module__L1m3yW__jewelCard {
  background: linear-gradient(#040c0714, #010503a3), radial-gradient(circle at 50% 36%, #36ff5b2e, #0000 31%), linear-gradient(145deg, #07110a, #020503);
}

.home-module__L1m3yW__jewelCard:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: .72;
  background: linear-gradient(145deg, #0000 45%, #24462bb8 46% 51%, #0000 52%) 18% 18% / 35% 20% no-repeat, linear-gradient(215deg, #0000 45%, #24462bb8 46% 51%, #0000 52%) 82% 18% / 35% 20% no-repeat, linear-gradient(90deg, #0000 0 12%, #1b301fd9 12% 18%, #0000 18% 82%, #1b301fd9 82% 88%, #0000 88%) 50% 47% / 82% 62% no-repeat, repeating-linear-gradient(#2a4a2f8c 0 2px, #0000 2px 14px) 50% 88% / 76% 20% no-repeat, radial-gradient(circle at 50% 42%, #40ff632b, #0000 40%);
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__jewelCard:hover:after {
  opacity: .9;
}

.home-module__L1m3yW__jewelCard:before {
  z-index: 2;
  background: linear-gradient(90deg, #0000001f 0%, #00000008 48%, #0000001a 100%), linear-gradient(#00000005 0%, #0000001f 50%, #000000f0 100%);
}

.home-module__L1m3yW__jewelImage {
  z-index: 1;
  object-fit: contain;
  object-position: 50% 50%;
  transform-origin: center;
  filter: drop-shadow(0 15px 24px #000000b8);
  background: none;
  width: 125%;
  height: 125%;
  transition: transform .35s, filter .35s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-module__L1m3yW__jewelCard:hover .home-module__L1m3yW__jewelImage {
  transform: translate(-50%, -50%)scale(1.055);
}

.home-module__L1m3yW__jewelCard .home-module__L1m3yW__loreCardInner {
  z-index: 3;
}

.home-module__L1m3yW__skornCard {
  background: #08090b;
}

.home-module__L1m3yW__skornImage {
  object-fit: cover;
  object-position: center 24%;
  width: 100%;
  height: 100%;
  transition: transform .35s, filter .35s;
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__skornCard:before {
  z-index: 1;
  background: linear-gradient(#00000005 10%, #0000002e 48%, #000000f5 100%);
}

.home-module__L1m3yW__skornCard .home-module__L1m3yW__loreCardInner {
  z-index: 2;
}

.home-module__L1m3yW__skornCard:hover .home-module__L1m3yW__skornImage {
  filter: brightness(1.08);
  transform: scale(1.045);
}

.home-module__L1m3yW__havenCard {
  background: radial-gradient(circle at 50% 15%, #d6ebff33, #0000 30%), linear-gradient(#152433 0%, #0b1721 52%, #071015 100%);
}

.home-module__L1m3yW__havenCard:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  opacity: .9;
  background: linear-gradient(90deg, #0000 0 33%, #b9e0f61a 33%, #e0f6ff85 42%, #a5d8f5b8 50%, #e0f6ff7a 58%, #b9e0f61a 67%, #0000 67%) top / 76% 100% no-repeat, linear-gradient(115deg, #081015f2 0 25%, #0000 26%) 0 100% / 58% 100% no-repeat, linear-gradient(245deg, #081015f2 0 25%, #0000 26%) 100% 100% / 58% 100% no-repeat, radial-gradient(at 50% 82%, #dcf4ff4d, #0000 38%);
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__havenCard:hover:after {
  opacity: 1;
}

.home-module__L1m3yW__havenCard:before {
  z-index: 2;
  background: linear-gradient(#00000005 8%, #00000029 48%, #000000f5 100%);
}

.home-module__L1m3yW__havenImage {
  z-index: 1;
  object-fit: contain;
  object-position: 50% 50%;
  transform-origin: center;
  filter: drop-shadow(0 14px 22px #0009);
  background: none;
  width: 132%;
  height: 132%;
  transition: transform .35s, filter .35s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-module__L1m3yW__havenCard:hover .home-module__L1m3yW__havenImage {
  filter: drop-shadow(0 18px 28px #000000ad) brightness(1.08);
  transform: translate(-50%, -50%)scale(1.055);
}

.home-module__L1m3yW__havenCard .home-module__L1m3yW__loreCardInner {
  z-index: 3;
}

@media (max-width: 900px) {
  .home-module__L1m3yW__loreGrid {
    grid-template-columns: 1fr;
  }

  .home-module__L1m3yW__loreCard, .home-module__L1m3yW__loreFeatured {
    min-height: 260px;
  }
}

.home-module__L1m3yW__dojoTitle {
  text-align: center;
  color: #ddd;
  text-transform: uppercase;
  margin: 35px 0 14px;
}

.home-module__L1m3yW__dojoGrid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.home-module__L1m3yW__dojoCard {
  border: 1px solid var(--home-border);
  text-align: center;
  background: linear-gradient(#111115, #09090b);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 150px;
  padding: 22px;
  transition: transform .22s, border-color .22s;
  display: flex;
}

.home-module__L1m3yW__dojoCard:hover {
  border-color: #ffffff38;
  transform: translateY(-4px);
}

.home-module__L1m3yW__dojoIcon {
  margin-bottom: 9px;
  font-size: 34px;
}

.home-module__L1m3yW__dojoCard strong {
  text-transform: uppercase;
  font-size: 13px;
}

.home-module__L1m3yW__dojoCard span {
  color: #8e8e91;
  margin-top: 7px;
  font-size: 10px;
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .home-module__L1m3yW__dojoGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.home-module__L1m3yW__footer {
  text-align: center;
  color: #676767;
  border-top: 1px solid #ffffff0d;
  padding: 36px 24px 60px;
  font-size: 11px;
}

.home-module__L1m3yW__verticalHead {
  align-items: flex-start;
}

.home-module__L1m3yW__verticalSubtitle {
  color: #8b8d93;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 700;
}

.home-module__L1m3yW__verticalToolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  display: flex;
}

.home-module__L1m3yW__verticalFilter {
  border: 1px solid var(--home-border);
  color: #aaaab0;
  letter-spacing: .035em;
  text-transform: uppercase;
  cursor: pointer;
  background: #0b0c0f;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 8px 11px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 900;
  display: inline-flex;
}

.home-module__L1m3yW__verticalFilter:hover {
  color: #fff;
  border-color: #e2ad486b;
  transform: translateY(-2px);
}

.home-module__L1m3yW__verticalFilter.home-module__L1m3yW__active {
  color: #fff;
  background: #e2ad4814;
  border-color: #e2ad48b3;
}

.home-module__L1m3yW__platformMiniIcon {
  width: 15px;
  height: 15px;
  display: inline-flex;
}

.home-module__L1m3yW__platformMiniIcon svg {
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.home-module__L1m3yW__youtubeIcon {
  color: #ff3b3b;
}

.home-module__L1m3yW__instagramIcon {
  color: #e36adf;
}

.home-module__L1m3yW__tiktokIcon {
  color: #53e7e5;
}

.home-module__L1m3yW__verticalFeedStatus {
  color: #777980;
  text-transform: uppercase;
  letter-spacing: .06em;
  min-height: 16px;
  margin: 0 0 10px;
  font-size: 10px;
  font-weight: 700;
}

.home-module__L1m3yW__verticalContentGrid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: start;
  gap: 12px;
  display: grid;
}

.home-module__L1m3yW__verticalCard {
  cursor: pointer;
  min-width: 0;
  position: relative;
}

.home-module__L1m3yW__verticalCardLink {
  color: inherit;
  text-decoration: none;
  display: block;
}

.home-module__L1m3yW__verticalThumb {
  aspect-ratio: 9 / 16;
  border: 1px solid var(--home-border);
  background: radial-gradient(circle at 50% 20%, #a53cff24, #0000 38%), linear-gradient(160deg, #13151a, #08090b);
  transition: transform .26s, filter .26s, border-color .26s, box-shadow .26s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 24px #0003;
}

.home-module__L1m3yW__verticalThumb img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: transform .32s, filter .32s;
  display: block;
}

.home-module__L1m3yW__verticalCard:hover .home-module__L1m3yW__verticalThumb {
  border-color: #e2ad4885;
  transform: translateY(-7px)scale(1.018);
  box-shadow: 0 16px 34px #0000006b;
}

.home-module__L1m3yW__verticalCard:hover .home-module__L1m3yW__verticalThumb img {
  filter: brightness(1.08);
  transform: scale(1.045);
}

.home-module__L1m3yW__verticalCard[data-platform="youtube"]:hover .home-module__L1m3yW__verticalThumb {
  border-color: #ff4545b8;
}

.home-module__L1m3yW__verticalCard[data-platform="instagram"]:hover .home-module__L1m3yW__verticalThumb {
  border-color: #ef74e5b8;
}

.home-module__L1m3yW__verticalCard[data-platform="tiktok"]:hover .home-module__L1m3yW__verticalThumb {
  border-color: #63f1efb8;
}

.home-module__L1m3yW__verticalPlatformBadge {
  z-index: 3;
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #030406db;
  border: 1px solid #ffffff24;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 6px 8px;
  font-size: 9px;
  font-weight: 950;
  display: inline-flex;
  position: absolute;
  top: 9px;
  left: 9px;
}

.home-module__L1m3yW__verticalPlatformBadge svg {
  fill: currentColor;
  width: 15px;
  height: 15px;
}

.home-module__L1m3yW__verticalPlatformBadge.home-module__L1m3yW__youtube {
  color: #ff4545;
}

.home-module__L1m3yW__verticalPlatformBadge.home-module__L1m3yW__instagram {
  color: #ef74e5;
}

.home-module__L1m3yW__verticalPlatformBadge.home-module__L1m3yW__tiktok {
  color: #63f1ef;
}

.home-module__L1m3yW__verticalDuration {
  z-index: 3;
  color: #fff;
  background: #000000d1;
  padding: 4px 6px;
  font-size: 9px;
  font-weight: 900;
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.home-module__L1m3yW__verticalPlaceholder {
  color: #ffffff38;
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  place-items: center;
  padding: 20px;
  font-size: 10px;
  font-weight: 900;
  display: grid;
  position: absolute;
  inset: 0;
}

.home-module__L1m3yW__verticalCard h4 {
  margin: 9px 0 4px;
  font-size: 12px;
  line-height: 1.28;
}

.home-module__L1m3yW__verticalCardMeta {
  color: #787a81;
  font-size: 10px;
  line-height: 1.4;
}

.home-module__L1m3yW__verticalEmpty {
  border: 1px solid var(--home-border);
  color: #8b8d93;
  text-align: center;
  text-transform: uppercase;
  padding: 28px;
  font-size: 12px;
}

.home-module__L1m3yW__youtubePreviewSource .home-module__L1m3yW__verticalThumb {
  box-shadow: 0 14px 30px #0000006b;
  border-color: #ff4545c7 !important;
}

.home-module__L1m3yW__youtubeInlinePreview {
  opacity: 0;
  background: #06070af7;
  border: 1px solid #ff45456b;
  grid-column: span 3;
  align-self: start;
  min-width: 0;
  padding: 10px;
  transition: opacity .18s, transform .18s, border-color .18s;
  display: none;
  transform: translateX(-8px);
  box-shadow: 0 14px 34px #00000073;
}

.home-module__L1m3yW__youtubeInlinePreview.home-module__L1m3yW__show {
  opacity: 1;
  display: block;
  transform: translateX(0);
}

.home-module__L1m3yW__youtubeInlineHead {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 9px;
  padding-bottom: 7px;
  display: flex;
}

.home-module__L1m3yW__youtubeInlineTitle {
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 950;
  display: flex;
}

.home-module__L1m3yW__youtubeInlineTitle svg {
  fill: #ff4545;
  width: 16px;
  height: 16px;
}

.home-module__L1m3yW__youtubeInlineLabel {
  color: #71737a;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
}

.home-module__L1m3yW__youtubeInlineGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.home-module__L1m3yW__youtubeInlineItem {
  min-width: 0;
}

.home-module__L1m3yW__youtubeInlineLink {
  color: inherit;
  text-decoration: none;
  display: block;
}

.home-module__L1m3yW__youtubeInlineThumb {
  aspect-ratio: 9 / 16;
  background: linear-gradient(160deg, #13151a, #08090b);
  border: 1px solid #ffffff1a;
  transition: border-color .2s, transform .2s, box-shadow .2s;
  position: relative;
  overflow: hidden;
}

.home-module__L1m3yW__youtubeInlineThumb img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: transform .25s, filter .25s;
  display: block;
}

.home-module__L1m3yW__youtubeInlineLink:hover .home-module__L1m3yW__youtubeInlineThumb {
  border-color: #ff45459e;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px #00000059;
}

.home-module__L1m3yW__youtubeInlineLink:hover .home-module__L1m3yW__youtubeInlineThumb img {
  filter: brightness(1.08);
  transform: scale(1.045);
}

.home-module__L1m3yW__youtubeInlineItem h5 {
  color: #fff;
  margin: 6px 0 2px;
  font-size: 9px;
  line-height: 1.25;
}

.home-module__L1m3yW__youtubeInlineMeta {
  color: #73757c;
  font-size: 8px;
}

.home-module__L1m3yW__youtubeInlineEmpty {
  color: #85878d;
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  grid-column: 1 / -1;
  place-items: center;
  min-height: 180px;
  font-size: 10px;
  display: grid;
}

@media (max-width: 1180px) {
  .home-module__L1m3yW__verticalContentGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .home-module__L1m3yW__youtubeInlinePreview {
    display: none !important;
  }
}

@media (max-width: 760px) {
  .home-module__L1m3yW__verticalContentGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-module__L1m3yW__verticalFilter {
    flex: calc(50% - 8px);
    justify-content: center;
  }
}

@media (max-width: 900px), (max-height: 500px) {
  .home-module__L1m3yW__page {
    padding: 16px 0 50px;
  }

  .home-module__L1m3yW__section {
    margin-top: 18px;
  }

  .home-module__L1m3yW__hero {
    min-height: 0;
  }

  .home-module__L1m3yW__heroGrid {
    row-gap: 18px;
    width: min(1600px, 100% - 48px);
    padding: 86px 0 26px;
  }

  .home-module__L1m3yW__heroSocialPanel {
    max-width: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
  }

  .home-module__L1m3yW__heroSocialLogoWrap, .home-module__L1m3yW__heroSocialEyebrow, .home-module__L1m3yW__heroSocialTitle, .home-module__L1m3yW__heroSocialSub {
    display: none;
  }

  .home-module__L1m3yW__heroSocialGrid {
    gap: 8px;
    display: flex;
  }

  .home-module__L1m3yW__heroSocialLink {
    flex: 1 1 0;
    gap: 0;
    min-width: 0;
    min-height: 50px;
  }

  .home-module__L1m3yW__heroSocialLink:hover {
    transform: none;
  }

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

  .home-module__L1m3yW__heroSocialIcon {
    width: 22px;
    height: 22px;
  }

  .home-module__L1m3yW__liveCopy {
    padding: 20px 18px 18px;
  }

  .home-module__L1m3yW__liveCopy h3 {
    font-size: 26px;
  }

  .home-module__L1m3yW__liveCopy p {
    display: none;
  }

  .home-module__L1m3yW__buttonStack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
  }

  .home-module__L1m3yW__buttonStack .home-module__L1m3yW__btn {
    text-align: center;
    min-height: 44px;
    padding: 0 10px;
    font-size: 11px;
  }

  .home-module__L1m3yW__statusBox {
    padding: 20px 18px;
  }

  .home-module__L1m3yW__liveCarousel {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
    display: flex;
  }

  .home-module__L1m3yW__liveGrid {
    flex: 100%;
    order: 1;
  }

  .home-module__L1m3yW__carouselArrow {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    order: 2;
    width: 44px;
    height: 36px;
    margin-top: 12px;
    font-size: 22px;
    position: static;
    transform: none;
  }

  .home-module__L1m3yW__carouselArrow.home-module__L1m3yW__next {
    order: 4;
  }

  .home-module__L1m3yW__platformDots {
    order: 3;
    margin-top: 12px;
  }

  .home-module__L1m3yW__platformNameRow {
    flex: 100%;
    order: 5;
  }

  .home-module__L1m3yW__raptureBanner {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 0;
  }

  .home-module__L1m3yW__raptureIntro {
    grid-column: 1 / -1;
    padding: 22px 18px;
  }

  .home-module__L1m3yW__raptureIntro h2 {
    font-size: 32px;
  }

  .home-module__L1m3yW__faction {
    min-height: 170px;
  }

  .home-module__L1m3yW__faction:hover {
    transform: none;
  }

  .home-module__L1m3yW__factionCopy {
    background: linear-gradient(#03080f8c, #03080ff0 45%);
    padding: 10px 10px 12px;
  }

  .home-module__L1m3yW__factionCopy h3 {
    font-size: 12px;
  }

  .home-module__L1m3yW__factionCopy span {
    font-size: 8.5px;
  }

  .home-module__L1m3yW__mojumonLayout {
    gap: 12px;
  }

  .home-module__L1m3yW__cardsRow {
    gap: 8px;
  }

  .home-module__L1m3yW__mojuCard {
    min-height: 0;
  }

  .home-module__L1m3yW__mojuCard:hover {
    transform: none;
  }

  .home-module__L1m3yW__mojuArt {
    height: 118px;
    padding: 8px 6px;
  }

  .home-module__L1m3yW__mojuArt:before {
    background: radial-gradient(circle at 50% 50%, var(--card-glow, #8c4cff57), transparent 52%);
  }

  .home-module__L1m3yW__mojuArt img, .home-module__L1m3yW__mojuCard:hover .home-module__L1m3yW__mojuArt img {
    object-position: center center;
    transform: none;
  }

  .home-module__L1m3yW__mojuCopy {
    padding: 8px 8px 10px;
  }

  .home-module__L1m3yW__mojuCopy strong {
    font-size: 12px;
  }

  .home-module__L1m3yW__mojumonPromo {
    min-height: 0;
    padding: 18px 18px 16px;
  }

  .home-module__L1m3yW__mojumonPromo h3 {
    margin-bottom: 8px;
    font-size: 30px;
  }

  .home-module__L1m3yW__mojumonTagline {
    margin-bottom: 14px;
    font-size: 12px;
  }

  .home-module__L1m3yW__tamersFeature {
    grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);
    align-items: center;
    column-gap: 14px;
    min-height: 0;
    padding: 18px 16px;
  }

  .home-module__L1m3yW__tamersFeature:hover {
    transform: none;
  }

  .home-module__L1m3yW__tamersArt {
    grid-area: 1 / 1 / span 3;
    align-self: stretch;
    align-items: center;
    min-height: 0;
    padding: 0;
  }

  .home-module__L1m3yW__tamersArt img, .home-module__L1m3yW__tamersFeature:hover .home-module__L1m3yW__tamersArt img {
    width: 100%;
    height: auto;
    max-height: 230px;
    transform: none;
  }

  .home-module__L1m3yW__tamersCopy {
    display: contents;
  }

  .home-module__L1m3yW__tamersKicker, .home-module__L1m3yW__tamersCopy h3, .home-module__L1m3yW__tamersDescription {
    grid-column: 2;
  }

  .home-module__L1m3yW__tamersKicker {
    align-self: end;
    margin-bottom: 0;
  }

  .home-module__L1m3yW__tamersCopy h3 {
    margin: 6px 0 0;
    font-size: 26px;
  }

  .home-module__L1m3yW__tamersDescription {
    align-self: start;
    margin: 8px 0 0;
    font-size: 11.5px;
    line-height: 1.55;
  }

  .home-module__L1m3yW__tamersTags, .home-module__L1m3yW__tamersActions, .home-module__L1m3yW__tamersCharacterNote {
    grid-column: 1 / -1;
  }

  .home-module__L1m3yW__tamersTags {
    scrollbar-width: none;
    flex-wrap: nowrap;
    margin-top: 14px;
    overflow-x: auto;
  }

  .home-module__L1m3yW__tamersTags::-webkit-scrollbar {
    display: none;
  }

  .home-module__L1m3yW__tamersTag {
    white-space: nowrap;
    flex: none;
  }

  .home-module__L1m3yW__tamersActions {
    flex-wrap: nowrap;
    margin-top: 12px;
  }

  .home-module__L1m3yW__tamersActions .home-module__L1m3yW__btn {
    text-align: center;
    flex: 1 1 0;
    min-width: 0;
    min-height: 44px;
    padding: 0 8px;
    font-size: 11px;
  }

  .home-module__L1m3yW__tamersCharacterNote {
    margin-top: 10px;
  }

  .home-module__L1m3yW__warriorSpotlightCard {
    grid-template-columns: minmax(0, .4fr) minmax(0, .6fr);
    align-items: center;
    min-height: 0;
  }

  .home-module__L1m3yW__warriorSpotlightCard:hover {
    transform: none;
  }

  .home-module__L1m3yW__warriorSpotlightArt {
    border-right: 1px solid var(--home-border);
    border-bottom: 0;
    grid-area: 1 / 1 / span 3;
    align-self: stretch;
    min-height: 190px;
  }

  .home-module__L1m3yW__warriorSpotlightArt img {
    max-height: 230px;
  }

  .home-module__L1m3yW__warriorSpotlightCopy {
    display: contents;
  }

  .home-module__L1m3yW__warriorSpotlightCard .home-module__L1m3yW__featureEyebrow, .home-module__L1m3yW__warriorSpotlightCopy h3, .home-module__L1m3yW__warriorName {
    grid-column: 2;
  }

  .home-module__L1m3yW__warriorSpotlightCard .home-module__L1m3yW__featureEyebrow {
    align-self: end;
    margin: 14px 14px 0;
    font-size: 9px;
  }

  .home-module__L1m3yW__warriorSpotlightCopy h3 {
    margin: 6px 14px 0;
    font-size: 24px;
  }

  .home-module__L1m3yW__warriorName {
    align-self: start;
    margin: 6px 14px 14px;
    font-size: 17px;
  }

  .home-module__L1m3yW__warriorBlurb, .home-module__L1m3yW__spotlightMeta {
    grid-column: 1 / -1;
  }

  .home-module__L1m3yW__warriorBlurb {
    border-top: 1px solid var(--home-border);
    max-width: none;
    margin: 0;
    padding: 14px 14px 0;
    font-size: 12px;
  }

  .home-module__L1m3yW__spotlightMeta {
    scrollbar-width: none;
    flex-wrap: nowrap;
    gap: 8px;
    padding: 12px 14px 14px;
    overflow-x: auto;
  }

  .home-module__L1m3yW__spotlightMeta::-webkit-scrollbar {
    display: none;
  }

  .home-module__L1m3yW__spotlightChip {
    white-space: nowrap;
    flex: none;
  }

  .home-module__L1m3yW__spotlightChip:hover {
    transform: none;
  }

  .home-module__L1m3yW__loreGrid {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    gap: 10px;
    margin: 0 -24px;
    padding: 4px 24px 8px;
    scroll-padding-left: 24px;
    display: flex;
    overflow-x: auto;
  }

  .home-module__L1m3yW__loreGrid::-webkit-scrollbar {
    display: none;
  }

  .home-module__L1m3yW__loreCard, .home-module__L1m3yW__loreFeatured {
    scroll-snap-align: start;
    flex: 0 0 min(78%, 320px);
    min-height: 230px;
  }

  .home-module__L1m3yW__loreCard:hover {
    transform: none;
  }

  .home-module__L1m3yW__loreCardInner {
    padding: 16px;
  }

  .home-module__L1m3yW__loreCard h3, .home-module__L1m3yW__loreFeatured h3 {
    font-size: 20px;
  }

  .home-module__L1m3yW__loreCard p {
    font-size: 11.5px;
  }

  .home-module__L1m3yW__verticalToolbar {
    scrollbar-width: none;
    flex-wrap: nowrap;
    margin: 0 -24px 12px;
    padding: 0 24px 4px;
    overflow-x: auto;
  }

  .home-module__L1m3yW__verticalToolbar::-webkit-scrollbar {
    display: none;
  }

  .home-module__L1m3yW__verticalFilter {
    white-space: nowrap;
    flex: none;
  }

  .home-module__L1m3yW__verticalFilter:hover {
    transform: none;
  }

  .home-module__L1m3yW__verticalContentGrid {
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    gap: 10px;
    margin: 0 -24px;
    padding: 6px 24px 8px;
    scroll-padding-left: 24px;
    display: flex;
    overflow-x: auto;
  }

  .home-module__L1m3yW__verticalContentGrid::-webkit-scrollbar {
    display: none;
  }

  .home-module__L1m3yW__verticalCard {
    scroll-snap-align: start;
    flex: 0 0 42%;
  }

  .home-module__L1m3yW__verticalCard:hover .home-module__L1m3yW__verticalThumb, .home-module__L1m3yW__verticalCard:hover .home-module__L1m3yW__verticalThumb img {
    transform: none;
  }

  .home-module__L1m3yW__verticalEmpty {
    flex: 100%;
  }

  .home-module__L1m3yW__dojoTitle {
    margin: 26px 0 12px;
    font-size: 18px;
  }

  .home-module__L1m3yW__dojoGrid {
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    gap: 10px;
    margin: 0 -24px;
    padding: 4px 24px 8px;
    scroll-padding-left: 24px;
    display: flex;
    overflow-x: auto;
  }

  .home-module__L1m3yW__dojoGrid::-webkit-scrollbar {
    display: none;
  }

  .home-module__L1m3yW__dojoCard {
    scroll-snap-align: start;
    flex: 0 0 150px;
    min-height: 120px;
    padding: 16px 12px;
  }

  .home-module__L1m3yW__dojoCard:hover {
    transform: none;
  }

  .home-module__L1m3yW__dojoIcon {
    margin-bottom: 6px;
    font-size: 28px;
  }
}

/* [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/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/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_0f-52sd._.css.map*/