:root {
  --background: #070d19;
  --text-primary: #f1f6f9;
  --border: #f1f6f933;
  --border-default: 2px;
  --text-tertiary: #f1f6f9a6;
  --accent: #faed00;
  --text-secondary: #f1f6f9d9;
  --panel: #333d58;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--background);
  color: var(--text-primary);
  font-family: Geist, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.button {
  text-align: center;
  text-decoration: none;
}

.button.gate {
  color: var(--background);
  background-color: transparent;
  cursor: pointer;
  height: 2.5rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 0 20px -1px #faee0100;
}

.button.gate:hover {
  transform: translate(0, -5%);
  box-shadow: 0 0 20px -1px #faee0191;
}

.button.gate.large {
  height: 3.5rem;
}

.button.gate.mvp1btn {
  width: 100%;
}

.button.gate.absolute {
  position: absolute;
}

.button.gate.fw {
  width: 100%;
}

.button.gate.absoluteb {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
}

.button.secondary {
  color: var(--text-primary);
  cursor: pointer;
  background-color: #ffffff4d;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button.secondary:hover {
  transform: translate(0, -5%);
}

.button.secondary.large {
  height: 3.5rem;
}

.button.secondary.mvp1btn {
  width: 100%;
}

.button.secondary.absolute {
  position: absolute;
}

.button.secondary.fw {
  width: 100%;
}

.container-inner {
  height: 100%;
}

.container-inner.border {
  border: 0 solid #435d6a;
  height: auto;
  padding: .3rem;
}

.bp-left {
  background-color: #faed00;
  background-image: linear-gradient(#faef06e6, #faef06e6), url('../images/pattern-lines_1pattern-lines.webp');
  background-position: 0 0, 0 0;
  background-size: auto, 40px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  padding: .313rem;
  display: flex;
}

.bp-center {
  background-color: #faed00;
  background-image: linear-gradient(#faed03e6, #faed03e6), url('../images/pattern-lines_1pattern-lines.webp');
  background-position: 0 0, 0 0;
  background-size: auto, 40px;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.bp-center.w100 {
  width: 30vw;
}

.bp-center.half {
  width: 100%;
}

.bp-center.wide {
  padding-left: 2rem;
  padding-right: 2rem;
}

.link.small {
  color: #11182b;
  font-size: .9rem;
  font-weight: 600;
}

.navigation {
  z-index: 99;
  height: 5rem;
  position: relative;
}

.nav-list-item.button {
  margin-left: 1rem;
}

.nav-list-item.account {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bp-right {
  background-color: #faed00;
  background-image: linear-gradient(#faee01e6, #faee01e6), url('../images/pattern-lines_1pattern-lines.webp');
  background-position: 0 0, 0 0;
  background-size: auto, 40px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-end;
  padding: .313rem;
  display: flex;
}

.button-text {
  text-align: center;
}

.nav-link {
  color: #fff;
  background-image: url('../images/nav-corner-bl.svg'), url('../images/nav-corner-br.svg'), url('../images/nav-corner-tr.svg'), url('../images/nav-corner-tl.svg');
  background-position: 0 100%, 100% 100%, 100% 0, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 0 0, 0 0, 0 0, 0 0;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration: none;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
  display: flex;
}

.nav-link:hover {
  background-size: .5rem .5rem, .5rem .5rem, .5rem .5rem, .5rem .5rem;
}

.nav-link.icon {
  width: 2.5rem;
  padding-left: 0;
  padding-right: 0;
}

.icon-small {
  width: 1.2rem;
  height: 1.2rem;
}

.nav-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-list.notauthenticated {
  display: none;
}

.nav-inner {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.menu {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.banner {
  color: #11182b;
  background-color: #faed00;
  background-image: linear-gradient(#faef06d9, #faef06d9), url('../images/pattern-lines_1pattern-lines.webp');
  background-position: 0 0, 0 0;
  background-size: auto, 40px;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  width: 25rem;
  height: 2.5rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text.small {
  font-size: .9rem;
  font-weight: 600;
}

.container {
  max-width: 1440px;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.container.border {
  padding-bottom: 1.875rem;
}

.container.bodycontainer {
  margin-bottom: 1rem;
}

.path {
  color: #ff2f4a;
}

.svg {
  color: var(--text-primary);
}

.oshi-logo {
  color: var(--text-primary);
  height: 1.625rem;
}

.icon-wrapper {
  background-color: #fff3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
}

.button-custom {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--border);
  border-radius: var(--border-default);
  color: var(--text-primary);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding: .3125rem .5rem;
  transition: all .25s;
  display: flex;
}

.button-custom:hover {
  border-color: var(--text-tertiary);
  background-color: #f1f6f90d;
}

.button-custom.account {
  padding-left: .3rem;
}

.text-wrapper {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.label-default {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.label-default.bold {
  text-transform: uppercase;
  font-size: .95rem;
  font-weight: 600;
}

.label-default.mb1 {
  margin-bottom: .5rem;
  font-size: 1rem;
}

.label-default.accent {
  color: var(--accent);
  font-size: .75rem;
}

.label-default.lang {
  border: 1px solid var(--text-primary);
  color: var(--text-primary);
  padding: .3125rem .5rem;
  text-decoration: none;
}

.label-default.lang.w--current {
  color: var(--background);
  background-color: #fff;
}

.label-default.lang.active {
  background-color: var(--text-primary);
  color: var(--background);
}

.label-default.lang.active.left {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.label-default.lang.right {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.label-default.lang.left {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.label-xs {
  font-size: .625rem;
  line-height: .875rem;
}

.label-xs.color-secondary {
  color: var(--text-secondary);
}

.avatar.small {
  width: 1.25rem;
  height: 1.25rem;
}

.avatar.tiny {
  width: 2rem;
  height: 2rem;
}

.avatar.tiny._3, .avatar.tiny._2 {
  border: 3px solid var(--background);
  border-radius: 50px;
  margin-left: -1rem;
}

.avatar.tiny._1 {
  border: 3px solid var(--background);
  border-radius: 50px;
}

.label-small {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.125rem;
}

.label-small.color-secondary {
  color: var(--text-secondary);
}

.icon {
  width: .8rem;
  height: .8rem;
}

.icon.small {
  width: 1.35rem;
  height: 1.35rem;
}

.icon.small.accent {
  color: var(--accent);
}

.icon.tiny {
  width: 1.35rem;
  height: 1.35rem;
}

.icon.med {
  width: .95rem;
  height: .95rem;
}

.icon.accent {
  color: var(--accent);
}

.icon.large {
  color: var(--accent);
  width: 2rem;
  height: 2rem;
  margin-bottom: .5rem;
}

.icon.large2 {
  color: var(--text-primary);
  width: 2rem;
  height: 2rem;
  margin-bottom: 0;
}

.icon.huge {
  color: var(--accent);
  width: 4rem;
  height: 4rem;
}

.menu-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--border);
  border-radius: var(--border-default);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding: .3125rem .5rem .3125rem .3125rem;
  transition: all .25s;
  display: none;
}

.menu-button:hover {
  border-color: var(--text-tertiary);
  background-color: #f1f6f90d;
}

.dropdown {
  padding: 0;
}

.list-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid var(--border);
  color: var(--text-primary);
  justify-content: flex-start;
  align-items: center;
  height: 3.125rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.list-item:hover {
  background-color: #ffffff0d;
}

.list-item.accentbranding {
  color: #ff2f4a;
  border-bottom-style: none;
}

.list-item.last {
  border-bottom-style: none;
}

.list-item.social {
  color: var(--text-primary);
}

.list-item.social.last {
  color: var(--text-primary);
  border-bottom-style: none;
}

.list-item.language {
  color: var(--text-primary);
  justify-content: space-between;
  align-items: center;
}

.list-item.language.last {
  color: var(--text-primary);
  border-bottom-style: none;
}

.list-item.langselect {
  justify-content: space-between;
  align-items: center;
}

.list-item.langselect:hover {
  background-color: #fff0;
}

.dropdown-list {
  background-color: var(--background);
}

.dropdown-list.w--open {
  z-index: 999999999;
  border: 1px solid var(--border);
  background-color: #090e1e;
  width: 22rem;
  right: 0;
}

.sheet-header, .overlay {
  display: none;
}

.content {
  z-index: 5;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-header {
  justify-content: center;
  align-items: center;
  height: 75dvh;
  padding: .625rem;
  display: flex;
  position: relative;
}

.section-header.mvp1 {
  height: 90vh;
  padding-top: 6rem;
  padding-bottom: 4rem;
}

.container-lining {
  border: 0 solid #435d6a;
  border-radius: 1px;
}

.heading-1 {
  font-family: zuume-cut, sans-serif;
  font-size: 9rem;
  font-weight: 700;
  line-height: 8rem;
}

.label-medium {
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.gate-ip {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  height: 100%;
  font-size: 1rem;
  overflow: hidden;
}

.grunge {
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: overlay;
  background-image: url('../images/light-gray-metal-steel-texture-abstract-background-free-photo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120vw;
  position: fixed;
  inset: 0%;
}

.title-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.pattern-top {
  opacity: .35;
  filter: sepia() hue-rotate(90deg) saturate(400%);
  background-image: url('../images/pattern-light.webp');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 8px;
  width: 100%;
  height: 1rem;
  position: absolute;
  inset: 0% 0% auto;
}

.section-header-inner {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.gate-logo {
  height: 4rem;
  margin-bottom: 2rem;
}

.list {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.list.mvp-01 {
  width: 30vw;
}

.list.navlist {
  width: 100%;
  padding-left: 1.5rem;
  position: relative;
}

.list.gnavigation {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.2rem;
  padding-right: 1rem;
  position: relative;
}

.label-large {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.875rem;
}

.label-large._2 {
  font-size: 1.15rem;
  line-height: 1.3rem;
}

.div-block-2 {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image {
  width: 1.25rem;
  height: 1.25rem;
}

.ip-metadata-item {
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: var(--border);
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 4.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.ip-metadata-item.horizontal {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-right-style: solid;
  flex-flow: row;
}

.ip-metadata-item.horizontal._4 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-radius: 2px;
  padding-left: .5rem;
  padding-right: 2rem;
}

.ip-metadata-item.horizontal._11 {
  border-radius: 2px;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.ip-metadata-item.last {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-right-style: solid;
  flex-flow: row;
}

.av {
  width: 2rem;
  height: 2rem;
}

.div-block-3 {
  display: flex;
}

.verticak {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.label-large-copy {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.875rem;
}

.metadata {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5rem;
  margin-bottom: 2rem;
  display: flex;
}

.pattern-left {
  opacity: .35;
  filter: sepia() hue-rotate(90deg) saturate(400%);
  background-image: url('../images/pattern-light.webp');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 8px;
  flex: 1;
  width: 100%;
  height: 100%;
}

.pattern-bottom {
  opacity: .2;
  background-image: url('../images/rope-t.svg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto 2rem;
  width: 100%;
  height: .7rem;
  position: absolute;
  inset: auto 0% 0;
}

.pattern-bottom.s {
  bottom: .5rem;
  left: .5rem;
  right: .5rem;
}

.pattern-bottom.bottom {
  position: absolute;
  bottom: 0;
}

.pattern-bottom.s-copy {
  bottom: .5rem;
  left: .5rem;
  right: .5rem;
}

.pattern-bottom.navpattern {
  height: .5rem;
  position: static;
}

.pattern-bottom.accented {
  position: static;
}

.pattern-bottom.top {
  background-position: 50% 0;
  background-size: auto 1.7rem;
  position: absolute;
  top: 0;
  bottom: auto;
}

.pattern-bottom.topnav {
  position: absolute;
  top: -1rem;
  bottom: auto;
}

.pattern-bottom.divider {
  background-image: url('../images/rope-l.svg');
  background-repeat: repeat-y;
  background-size: auto 1.5rem;
  width: .8rem;
  height: 3rem;
  position: static;
}

.gate-emblem {
  opacity: .12;
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: -5rem;
  left: 4rem;
  transform: rotate(-18deg);
}

.gate-emblem.masked {
  opacity: 43;
  width: 2rem;
  height: 2rem;
  top: auto;
  left: auto;
}

.section-overview {
  padding: .625rem;
}

.tab-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-top: 1px solid var(--border);
  border-right: 1px solid var(--border);
  border-left: 1px solid var(--border);
  background-color: var(--background);
  color: var(--text-primary);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding: 0 1rem;
  transition: all .2s;
  display: flex;
}

.tab-link:hover {
  height: 3rem;
}

.tab-link.w--current {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-style: solid;
  border-width: 1px;
  border-color: var(--accent) var(--accent) var(--background);
  color: var(--accent);
  background-color: #0b0e15;
  background-image: linear-gradient(#faed003d, #faed0000);
  justify-content: flex-start;
  align-items: center;
  height: 3rem;
  margin-bottom: -1px;
}

.tab-link._3 {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.tab-link._3:hover {
  height: 3rem;
}

.tab-link._2 {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  transition: all .2s;
}

.tab-link._2:hover {
  height: 3rem;
}

.tab-link._1.w--current {
  background-image: url('../images/pattern-lines_1pattern-lines.webp'), radial-gradient(circle, #faed0045, #faed0300);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  height: 3rem;
}

.tab-text {
  text-transform: uppercase;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1rem;
}

.tabs-menu {
  z-index: 10;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.tabs-content {
  border: 1px solid var(--accent);
  background-color: var(--background);
  background-image: linear-gradient(#0a0d14a3, #0a0d14a3), url('../images/texture.webp');
  background-position: 0 0, 100% 0;
  background-size: auto, cover;
  border-radius: 2px;
}

.tab-head {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid var(--border);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1.875rem 1rem 3rem;
  display: flex;
  position: relative;
}

.tab-content {
  display: flex;
}

.tab-content.scroll-list {
  flex-flow: column;
  width: 100%;
  height: 75vh;
  padding-bottom: 0;
  overflow: scroll;
}

.tab-content.table {
  padding: 2rem;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: zuume-cut, sans-serif;
  font-size: 4.5rem;
  line-height: 4.5rem;
}

.text-block-2 {
  color: var(--accent);
  font-size: 1rem;
}

.text-block-2.jptext {
  display: none;
}

.div-block-4 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #ff2f4a;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: zuume-cut, sans-serif;
  font-size: 2.5rem;
  line-height: 2rem;
}

.heading-3.left {
  text-align: left;
}

.heading-3.rewardname {
  justify-content: center;
  align-items: center;
  height: 4rem;
  display: flex;
}

.tier-header {
  border-bottom: 1px dashed var(--border);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  display: flex;
}

.tier {
  border-right: 1px solid var(--border);
  width: 1000%;
}

.tier.last {
  border-right-style: none;
}

.tier-body {
  justify-content: center;
  align-items: center;
  padding: 1rem .5rem;
  display: flex;
}

.custom-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: auto;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.list-item-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.section-wrapper {
  padding: 3rem 3rem 6.25rem;
  position: relative;
}

.section-wrapper.narrow {
  padding-left: 10rem;
  padding-right: 10rem;
}

.section-wrapper.narrow.mvp1 {
  padding: 6rem 9rem;
}

.section-wrapper.footer {
  padding: 2rem 3rem 1.5rem 2rem;
}

.section-wrapper.footer.mvp1 {
  padding: 6rem 12rem;
}

.emblem {
  width: 5rem;
  height: 5rem;
  margin-bottom: 1rem;
}

.section-header-inner-copy {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.tab-sidebar {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-right: 1px solid var(--border);
  border-bottom: 1px none var(--border);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding: 1.875rem 3rem 3rem 2rem;
  display: flex;
  position: relative;
}

.div-block-5 {
  display: flex;
}

.pattern-side {
  opacity: .36;
  filter: sepia() hue-rotate(90deg) saturate(400%);
  background-image: url('../images/pattern-light.webp');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 8px;
  width: 1rem;
  height: auto;
  position: absolute;
  inset: .5rem .5rem .5rem auto;
}

.pattern-side.s {
  bottom: .5rem;
  left: .5rem;
  right: .5rem;
}

.pattern-side.bottom {
  position: absolute;
  bottom: 0;
}

.pattern-side.s-copy {
  bottom: .5rem;
  left: .5rem;
  right: .5rem;
}

.flex-list {
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
}

.update-link {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  color: var(--text-primary);
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-decoration: none;
  display: flex;
}

.update-link:hover {
  color: var(--accent);
}

.text-block-small {
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1rem;
}

.text-block-small.tiny {
  color: var(--accent);
  font-size: .75rem;
}

.update-block {
  border-bottom: 1px solid var(--border);
  height: auto;
  padding: 2rem;
}

.text-paragraph {
  color: var(--text-secondary);
  font-size: .9rem;
  font-weight: 300;
}

.gallery-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-top: 1rem;
  display: flex;
}

.gallery-item {
  position: relative;
}

.asset-locked {
  border: 1px solid var(--border);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #10182bc2;
  background-image: url('../images/Group.webp');
  background-position: 0 0;
  background-size: auto 3rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.asset-locked-block {
  border: 1px solid var(--border);
  background-color: var(--background);
  text-align: center;
  border-radius: 2px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
}

.asset-locked-block._2 {
  width: 80%;
  padding: 6rem .5rem 2rem;
}

.section-introduction {
  padding: .625rem;
}

.text-paragraph-large {
  color: var(--text-secondary);
  font-size: 1.15rem;
  font-weight: 300;
  line-height: 1.75rem;
}

.text-paragraph-large.notice {
  color: var(--text-tertiary);
  margin-top: 1rem;
  font-size: .8rem;
  line-height: 1.4rem;
}

.heading-1a {
  margin-top: 0;
  margin-bottom: 0;
  font-family: zuume-cut, sans-serif;
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 4.5rem;
}

.scrollmg {
  width: 100%;
  margin-top: 1.5rem;
}

.section-novel, .section-author {
  padding: .625rem;
}

.author-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.image-3 {
  width: 30%;
  max-width: none;
  height: 100%;
}

.div-block-6 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-7 {
  border: 2px solid var(--border);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80%;
  display: flex;
}

.character-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.character-card.lockec {
  position: relative;
}

.character-text {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  background-color: #203544;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: .5rem .85rem;
  display: flex;
}

.character-text._2 {
  background-color: #442034;
}

.image-4 {
  height: 1.5rem;
}

.image-5 {
  position: absolute;
  inset: 0% 0% auto;
}

.grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  margin-top: 2rem;
}

.grid.mvp1 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.section-characters, .section-universe {
  padding: .625rem;
}

.collage {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  margin-top: 3rem;
  display: flex;
}

.div-block-8 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.contribution-table {
  width: 100%;
}

.table-row {
  border-style: solid solid none;
  border-width: 1px;
  border-color: var(--border);
  width: 100%;
  height: 2.5rem;
  display: flex;
}

.table-row.ownposition {
  border-style: dashed;
  margin-bottom: .5rem;
}

.table-row.last {
  border-bottom-style: solid;
}

.tr-rank {
  border-right: 1px solid var(--border);
  justify-content: center;
  align-items: center;
  width: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.tr-user {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: .3rem;
  display: flex;
}

.tr-merit {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.image-6 {
  width: 1.875rem;
  height: 1.875rem;
}

.rankuser {
  width: 100%;
  display: flex;
}

.gate-navigation {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  height: 5rem;
  display: flex;
  position: relative;
}

.gate2logo {
  width: auto;
  height: 5.6rem;
  position: relative;
  top: 0;
  left: auto;
  right: auto;
}

.gate-nav-bg {
  background-color: var(--background);
  border: 1px solid #333d58;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4.2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.link-block {
  position: absolute;
  top: 0;
}

.gate-nav-text {
  color: var(--text-secondary);
  text-shadow: 0 0 #faed0000;
  background-color: #0000;
  padding: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.gate-nav-text:hover {
  color: var(--accent);
  text-shadow: 0 0 20px #faed00;
}

.gate-nav-text.w--current {
  color: var(--accent);
  text-shadow: 0 1px 14px var(--accent);
}

.gate-nav-text.active {
  color: var(--accent);
  text-shadow: 0 1px 19px #faed00a1;
}

.gnt {
  text-transform: uppercase;
  font-size: .85rem;
  line-height: 1rem;
}

.gnt.small {
  color: var(--text-tertiary);
  font-size: .55rem;
}

.social-icon {
  width: 1.1rem;
  height: 1.1rem;
}

.social-icon-link {
  color: var(--text-primary);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.social-icon-link:hover {
  background-color: #ffffff0d;
}

.list-item-3 {
  border-left: 1px solid #333d58;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 100%;
  display: flex;
}

.list-item-3.button {
  width: auto;
  padding-left: .5rem;
  padding-right: .5rem;
}

.sticky-nav {
  z-index: 20;
  padding-left: .6rem;
  padding-right: .6rem;
  position: sticky;
  top: 0;
}

.tab-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.tab-primary {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--text-primary);
  background-color: #ffffff12;
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  height: 1.875rem;
  padding: 0 .625rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.tab-primary:hover {
  transform: scale(.97);
}

.tab-primary.w--current {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-style: solid;
  border-width: 1px;
  border-color: var(--accent) var(--accent) var(--background);
  background-color: var(--background);
  color: var(--accent);
  background-image: url('../images/Group.webp'), radial-gradient(circle closest-corner at 50% 0, #faef0061, #faef0000 66%);
  background-position: 0 0, 0 0;
  background-size: auto 3rem, auto;
  justify-content: flex-start;
  align-items: center;
  height: 3rem;
  margin-bottom: -1px;
}

.tab-primary._3 {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.tab-primary._3:hover {
  height: 3rem;
}

.tab-primary._2 {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  transition: all .2s;
}

.tab-primary._2:hover {
  height: 3rem;
}

.tab-primary._1.w--current {
  background-image: url('../images/pattern-lines_1pattern-lines.webp'), radial-gradient(circle, #faed0045, #faed0300);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  height: 3rem;
}

.tab-primary.tab-gate {
  background-color: var(--accent);
  color: var(--background);
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.tab-icon {
  width: 1rem;
  height: 1rem;
}

.text-block-3 {
  font-size: 1rem;
}

.button-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5rem;
  margin-top: 5rem;
  display: flex;
  position: absolute;
  bottom: 1rem;
}

.div-block-10 {
  background-color: var(--background);
  min-width: 15vw;
  padding: .5rem;
  position: absolute;
}

.div-block-11 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  margin-bottom: 1rem;
  display: flex;
}

.image-wrap {
  justify-content: center;
  align-items: flex-start;
  height: 40vh;
  margin-top: 2rem;
  display: flex;
  overflow: hidden;
}

.stats-block {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border: 1px solid var(--accent);
  background-image: linear-gradient(to bottom, var(--background), var(--background));
  background-position: 0 0;
  background-size: auto;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  padding: 6rem 2.5rem 1.5rem;
  display: flex;
}

.text-l {
  color: var(--accent);
  text-shadow: 0 1px 20px #faed008f;
  font-family: zuume-cut, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 4rem;
}

.div-block-12 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-4 {
  color: var(--text-secondary);
  font-weight: 300;
}

.stats-block-wrapper {
  margin-top: 1rem;
  position: relative;
}

.novel-image {
  width: 8.5rem;
  height: auto;
  position: absolute;
  top: 0;
  right: -3rem;
  transform: rotate(4deg);
}

.grid-4 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.static-box-header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px dashed #333d58;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.static-box-header.staff {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 1rem;
}

.div-block-14 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #ff2e4a1a;
  border: 1px solid #ff2e4a40;
  border-radius: 2px;
  padding: .5rem 1rem;
  display: flex;
}

.text-block-5 {
  color: #ff2e4a;
  font-weight: 500;
}

.tier-block {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--accent);
  background-image: linear-gradient(to bottom, var(--background), var(--background));
  background-position: 0 0;
  background-size: auto;
  border-radius: 4px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.tier-block.fiill {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.tier-block.fiill._23 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.tier-block._23 {
  flex-flow: column;
}

.tier-list {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.div-block-15 {
  width: 100%;
  padding: 1rem;
}

.div-block-15._2 {
  height: 100%;
  padding-bottom: 8rem;
  position: relative;
}

.list-item-4 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.reward-tier-link {
  color: var(--text-primary);
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: all .3s cubic-bezier(.215, .61, .355, 1);
  transform: translate(0);
}

.section-wrap {
  padding-left: .7rem;
  padding-right: .7rem;
}

.grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-block-6 {
  font-size: 1rem;
}

.text-block-7 {
  color: var(--accent);
  font-weight: 300;
}

.text-block-7.xs {
  font-size: .8rem;
}

.static-box {
  color: var(--text-primary);
  text-decoration: none;
  transition: all .3s cubic-bezier(.215, .61, .355, 1);
  transform: translate(0);
}

.static-box.fill {
  height: 100%;
}

.div-block-16 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.image-8 {
  width: 6rem;
  height: 6rem;
}

.vertical-box-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 12rem;
  padding: 1rem 1rem 0;
  display: flex;
  position: relative;
}

.vertical-box-header.left {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2rem 2.5rem 0;
}

.text-paragraph-med {
  color: var(--text-secondary);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.text-paragraph-med.accent {
  color: var(--accent);
  font-weight: 300;
}

.text-paragraph-med.width-limited {
  width: 100%;
  margin-bottom: 2rem;
}

.text-paragraph-med.w {
  color: var(--text-primary);
}

.oshi-box {
  color: var(--text-primary);
  text-decoration: none;
  transition: all .3s cubic-bezier(.215, .61, .355, 1);
  transform: translate(0);
}

.oshi-box.fill {
  height: 100%;
}

.oshi-block {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--accent);
  background-image: linear-gradient(to bottom, var(--background), var(--background));
  background-position: 0 0;
  background-size: auto;
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem;
  display: flex;
  position: relative;
}

.oshi-block.fiill {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.oshi-block-wrapper {
  position: relative;
}

.oshi-mascot-2 {
  height: 20rem;
  margin-top: 1rem;
  display: block;
  position: sticky;
  top: calc(100vh - 20rem);
}

.div-block-17 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-18 {
  display: flex;
}

.center-vert {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-10 {
  height: 1.5rem;
}

.oshi-mascot-1 {
  height: 22rem;
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
}

.h-m {
  display: block;
}

.dropdown-3, .content-wrapper.tab-3, .content-wrapper.tab-2 {
  display: none;
}

.content-wrapper.tab-1 {
  display: block;
}

.heading-small {
  margin-top: 0;
  margin-bottom: 0;
  font-family: zuume-cut, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 4.5rem;
}

.text-paragraph-lx {
  color: var(--accent);
  margin-bottom: 1rem;
  font-size: 1.15rem;
  font-weight: 300;
  line-height: 1.75rem;
}

.character-box-card {
  color: var(--text-primary);
  text-decoration: none;
  transition: all .3s cubic-bezier(.215, .61, .355, 1);
  transform: translate(0);
}

.character-box-card:hover {
  transform: translate(0, -3%);
}

.character {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px solid var(--panel);
  background-image: linear-gradient(to bottom, var(--background), var(--background));
  background-position: 0 0;
  background-size: auto;
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  transition: all .3s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  transform: translate(0);
}

.character:hover {
  transform: translate(0, -3%);
}

.character.fiill {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.character._1 {
  cursor: pointer;
  border-color: #104b4e;
}

.character._2 {
  border-color: #104b4e;
}

.character._4, .character._3, .character._5 {
  border-color: #752046;
}

.character-info {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  background-color: #032729;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
}

.world-info {
  background-color: #031829 !important;
  border-left: 1px solid #102f4e !important;
  border-bottom: 1px solid #102f4e !important;
  border-right: 1px solid #102f4e !important;
}

.world-wrap {
  display: flex;
  gap: 2rem;
  align-items: start;
}

.character-info.left {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2rem 2.5rem;
}

.character-info._2 {
  background-color: #4c0426;
  height: 100%;
  padding: .5rem;
}

.grid-5 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.tab-content-cs {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-right: 1px solid var(--border);
  border-bottom: 1px none var(--border);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10rem 3rem 10rem 2rem;
  display: flex;
  position: relative;
}

.news-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.news-article {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--accent);
  background-image: linear-gradient(to bottom, var(--background), var(--background));
  background-position: 0 0;
  background-size: auto;
  border-radius: 4px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: .5rem 2rem;
  display: flex;
}

.news-article.fiill {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.faq {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--panel);
  background-image: linear-gradient(to bottom, var(--background), var(--background));
  background-position: 0 0;
  background-size: auto;
  border-radius: 4px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: .5rem 2rem;
  display: flex;
}

.faq.fiill {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.faq-list {
  border: 1px solid var(--accent);
  background-color: var(--background);
  border-radius: 4px;
  width: 100%;
}

.faq-button {
  color: var(--text-primary);
  width: 100%;
}

.dropdown-list-3 {
  background-color: #dddddd7d;
}

.dropdown-list-3.w--open {
  background-color: #ddd0;
  padding: 1rem;
  position: static;
}

.dialog {
  z-index: 999;
  background-color: #0c111de6;
  display: none;
  position: fixed;
  inset: 0%;
}

.dialog.character2, .dialog.character5 {
  display: none;
}

.dialog-overlay {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.dialog-body {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--panel);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--panel);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--panel);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--panel);
  background-color: var(--background);
  background-image: url('../images/texture.webp');
  background-position: 50% 0;
  background-size: cover;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-11 {
  width: auto;
  max-width: none;
  height: 100%;
}

.dialog-content {
  flex: 1;
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.div-block-21 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--text-secondary);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-21._33 {
  margin-bottom: 1.5rem;
}

.div-block-22 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.div-block-23 {
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.div-block-24 {
  border-top: 1px dashed var(--accent);
  border-bottom: 1px dashed var(--accent);
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
}

.uppercase-text {
  color: var(--text-secondary);
  background-color: #0000;
  font-size: .8rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.uppercase-text.w--current {
  color: var(--accent);
  text-shadow: 0 1px 14px var(--accent);
}

.uppercase-text.active {
  color: var(--accent);
  text-shadow: 0 1px 19px #faed00a1;
}

.div-block-25 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-right: 1px dashed var(--accent);
  flex-flow: column;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.div-block-25.first {
  border-left: 1px dashed var(--accent);
}

.div-block-25.last {
  width: 150%;
}

.div-block-25._2 {
  width: 120%;
}

.dialog-inner {
  flex-flow: column;
  max-width: 80%;
  display: flex;
}

.nail {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
}

.nail._1 {
  inset: 0% auto auto 0%;
}

.nail._2 {
  inset: 0% 0% auto auto;
}

.nail._3 {
  inset: auto 0% 0% auto;
}

.nail._4 {
  inset: auto auto 0% 0%;
}

.div-block-27 {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.div-block-28 {
  aspect-ratio: 1;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.tiny-text {
  color: var(--text-secondary);
  text-align: right;
  margin-top: .5rem;
  font-size: .7rem;
  font-weight: 300;
  line-height: 1.75rem;
}

.div-block-29 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-9 {
  color: var(--text-secondary);
  text-align: center;
}

.yellow {
  color: var(--accent);
}

.dropdown-toggle {
  color: var(--text-primary);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.text-block-10 {
  white-space: pre-wrap;
  width: 80%;
}

.dropdown-list-4 {
  position: static;
}

.dropdown-list-4.w--open {
  background-color: #ddd0;
}

.dropdown-4 {
  border-bottom: 1px solid var(--border);
  background-color: #ffffff0d;
  width: 100%;
  padding: .5rem .5rem .5rem 1rem;
}

.dropdown-4.last {
  border-bottom-style: none;
}

.div-block-30 {
  border: 1px solid var(--border);
  border-radius: 2px;
}

.div-block-31 {
  border-bottom: 1px solid var(--border);
  background-color: #ffffff0d;
  padding: .5rem 1rem;
}

.div-block-31.last {
  border-bottom-style: none;
}

.dropdownicon {
  margin-right: 0;
  position: static;
}

.paragraph {
  color: var(--text-tertiary);
  margin-top: .5rem;
  font-size: .85rem;
  line-height: 1.2rem;
}

.static-list-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px dashed #333d58;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem 1.5rem;
  display: flex;
}

.div-block-32 {
  width: 100%;
  padding-top: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.div-block-33 {
  width: 100%;
}

.heading-1-jp {
  font-family: Geist, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.5rem;
}

.heading-1a-jp {
  margin-top: 0;
  margin-bottom: 0;
  font-family: zuume-cut, sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 3.5rem;
}

.icon-imdb {
  color: var(--accent);
  height: 1rem;
}

.imdb-link {
  color: var(--accent);
  flex: none;
}

.imdb-link:hover {
  opacity: .8;
}

.div-block-34 {
  display: flex;
}

.heading-2-jp {
  font-size: 2rem;
  line-height: 2rem;
}

.heading-2-jp.char {
  color: var(--accent);
}

.character-img {
  background-color: #08a2aa;
  background-image: radial-gradient(circle, #08a2aa00, #08a2aa), url('../images/ptt.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.character-img._2 {
  background-color: #900847;
  background-image: radial-gradient(circle, #90084700, #900847), url('../images/ptt.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.character-img.large {
  text-align: center;
  background-size: auto, contain;
  justify-content: center;
  align-items: flex-end;
  width: 35%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.character-visual {
  width: auto;
  height: auto;
  display: block;
}

.character-visual.small {
  width: 100%;
}

.border {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 1rem;
}

.image-12 {
  width: 2rem;
}

.b-tl {
  opacity: .2;
  background-image: url('../images/rope-tl.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  padding-bottom: 0;
  padding-right: 0;
}

.b-t {
  opacity: .2;
  background-image: url('../images/rope-t.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto 1.5rem;
  flex: 1;
  width: 2rem;
  height: 1.5rem;
  padding-bottom: 0;
  padding-right: 0;
}

.border-top {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.b-br {
  background-image: url('../images/rope-tr.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  flex: none;
  width: 2rem;
  height: 2rem;
  padding-bottom: 0;
  padding-right: 0;
}

.b-tr {
  opacity: .2;
  background-image: url('../images/rope-tr_1.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  padding-bottom: 0;
  padding-right: 0;
}

.border-bottom {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  bottom: 0;
}

.border-top-copy {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.border-left {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: calc(100% - 3rem);
  display: flex;
  position: absolute;
  top: 1.5rem;
}

.b-l {
  opacity: .2;
  background-image: url('../images/rope-l.svg');
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: 1.5rem;
  flex: 1;
  width: 1.5rem;
  height: 2rem;
  padding-bottom: 0;
  padding-right: 0;
}

.border-right {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: calc(100% - 3rem);
  display: flex;
  position: absolute;
  top: 1.5rem;
  right: 0;
}

.b-r {
  opacity: .2;
  background-image: url('../images/rope-r.svg');
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: 1.5rem;
  flex: 1;
  width: 1.5rem;
  height: 2rem;
  padding-bottom: 0;
  padding-right: 0;
}

.border-botton {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.b-bl {
  opacity: .2;
  background-image: url('../images/rope-bl.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  padding-bottom: 0;
  padding-right: 0;
}

.b-b {
  opacity: .2;
  background-image: url('../images/rope-b.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto 1.5rem;
  flex: 1;
  width: 2rem;
  height: 1.5rem;
  padding-bottom: 0;
  padding-right: 0;
}

.b-tr-copy {
  opacity: .2;
  background-image: url('../images/rope-br.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  padding-bottom: 0;
  padding-right: 0;
}

.div-block-35 {
  display: flex;
}

.text-block-11.xms {
  margin-top: 1rem;
  margin-bottom: .5rem;
}

.text-block-11.xms.small {
  color: var(--text-tertiary);
  text-align: center;
  margin-top: .5rem;
  margin-bottom: 0;
  font-size: .8rem;
}

.text-block-11.sm {
  font-size: .9rem;
}

.stats-inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  width: 90%;
  display: flex;
}

.stats-inner.jp {
  width: 90%;
}

.heading-1a-copy {
  margin-top: 0;
  margin-bottom: 0;
  font-family: zuume-cut, sans-serif;
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 4.5rem;
}

.logo-text {
  display: none;
}

.image-13 {
  width: 50%;
}

.div-block-36 {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  border-bottom: 1px solid var(--panel);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 10rem 1rem 2rem;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.div-block-37 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.button-wrapper2 {
  padding-right: 2rem;
}

.div-block-39 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-40 {
  height: 500px;
}

.text-span {
  color: #f02d33;
}

.text-span-2 {
  color: #eb262d;
}

.nav {
  z-index: 99;
  height: 5rem;
  position: relative;
}

.nav.authenticated {
  display: block;
}

.nav.notauthenticated {
  display: none;
}

.nav-container-inner {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.nav-left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.nav-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-menu, .div-block-41 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.gate-nv-text {
  color: var(--text-secondary);
  text-shadow: 0 0 #faed0000;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.gate-nv-text:hover {
  color: var(--accent);
  text-shadow: 0 0 20px #faed00;
}

.gate-nv-text.w--current {
  color: var(--accent);
  text-shadow: 0 1px 14px var(--accent);
}

.gate-nv-text.active {
  color: var(--accent);
  text-shadow: 0 1px 19px #faed00a1;
}

.nv-text-wrap {
  height: 100%;
}

.heading-3-jp {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: zuume-cut, sans-serif;
  font-size: 2rem;
  line-height: 2rem;
}

.heading-3-jp.left {
  text-align: left;
}

.overflow {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.splide {
  width: 100%;
  position: relative;
}

.splide__track {
  width: 100%;
}

.splide__list {
  display: flex;
}

.splide__slide {
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 33.3333%;
  display: flex;
}

.splide__pagination {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.pagination_item {
  display: inline-block;
}

.splide__pagination__page {
  background-color: #ffffff4d;
  width: 2.5rem;
  height: .3rem;
}

.splide__pagination__page.is-active {
  background-color: var(--accent);
}

.splide__nav {
  justify-content: center;
  align-items: center;
  display: flex;
}

.splide__arrow {
  border: 1px solid var(--accent);
  background-color: #080d1a;
  border-radius: 2px;
  width: 3rem;
  height: 3rem;
}

.splide__arrow.splide__arrow--prev {
  background-image: url('../images/arrow-right-01-stroke-sharp-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: rotate(180deg);
}

.splide__arrow.splide__arrow--prev.hh {
  display: none;
}

.splide__arrow.splide__arrow--next {
  background-image: url('../images/2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.splide__arrow.splide__arrow--next.hh {
  display: none;
}

.div-block-42 {
  width: 50%;
  display: flex;
}

.image-14 {
  flex: 1;
  max-width: none;
}

.image-15 {
  flex: 0 auto;
  max-width: none;
}

.div-block-43 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  height: 25rem;
  display: flex;
}

.shortimg {
  flex-shrink: 0;
  height: 100%;
}

.longimg {
  flex: 1;
  height: 100%;
}

.image-16 {
  object-fit: contain;
  max-width: none;
  height: 100%;
}

.image-17 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.heading-4 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: zuume-cut, sans-serif;
  font-size: 1.7rem;
  line-height: 2rem;
}

.heading-4.left {
  text-align: left;
}

.div-block-44 {
  z-index: 20;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--accent);
  background-color: var(--background);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 3px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding: .5rem 1rem;
  display: flex;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
}

.div-block-45 {
  height: 100%;
  padding-bottom: 5rem;
  overflow: auto;
}

.main {
  height: 100%;
  overflow: auto;
  scroll-behavior: smooth;
}

.tooltip {
  border: 1px solid var(--border);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  pointer-events: none;
  background-color: #070c19ed;
  border-radius: 3px;
  padding: .3rem .5rem;
  font-size: .85rem;
  display: block;
  position: absolute;
}

.div-block-46 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-top: 1rem;
  display: flex;
}

.div-block-47 {
  flex-flow: column;
  display: flex;
  position: absolute;
  bottom: .5rem;
  left: 1rem;
  right: 1rem;
}

.nav-button {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.2rem;
  padding-left: 1rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.sticky-tab {
  display: none;
}

@media screen and (min-width: 1920px) {
  .bp-center.wide {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .nav-inner {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .container.border {
    padding-left: 0;
    padding-right: 0;
  }

  .content {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-header {
    height: 50dvh;
  }

  .section-header.mvp1 {
    height: 90vh;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .heading-1 {
    font-size: 10rem;
    line-height: 10rem;
  }

  .gate-emblem {
    width: 20rem;
    height: 20rem;
  }

  .text-block-2 {
    font-size: 1.25rem;
  }

  .section-wrapper {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-wrapper.narrow.mvp1, .section-wrapper.footer {
    max-width: none;
  }

  .asset-locked {
    width: 100%;
  }

  .text-paragraph-large {
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .character-wrapper {
    flex: none;
  }

  .character-wrapper.large {
    flex: 0 auto;
    width: 100%;
  }

  .stats-block {
    grid-column-gap: 7rem;
    grid-row-gap: 7rem;
  }

  .text-paragraph-med, .text-paragraph-lx {
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .dialog-body {
    width: 100%;
    max-width: 1440px;
  }

  .tiny-text {
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .character-img.large {
    width: 20vw;
    max-width: 45vh;
  }

  .character-visual {
    width: auto;
    height: 100%;
  }

  .stats-inner {
    justify-content: space-between;
    align-items: center;
    width: 90%;
  }

  .div-block-43 {
    height: 20rem;
  }
}

@media screen and (max-width: 991px) {
  .bp-center.wide {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container.bodycontainer {
    padding-left: 1.7rem;
    padding-right: 1.7rem;
  }

  .button-custom {
    height: 3rem;
  }

  .button-custom.account {
    height: 1.875rem;
  }

  .label-default.bold {
    font-size: .75rem;
  }

  .avatar.small {
    width: auto;
  }

  .avatar.tiny._3, .avatar.tiny._2 {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: -.5rem;
  }

  .avatar.tiny._1, .icon.menu {
    width: 1.5rem;
    height: 1.5rem;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    display: none;
  }

  .sheet-header, .overlay {
    display: none;
  }

  .section-header.mvp1 {
    height: 90vh;
    padding-top: 4rem;
    padding-bottom: 3rem;
  }

  .heading-1 {
    font-size: 8rem;
  }

  .title-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .list.gnavigation {
    height: 4rem;
    padding-right: 0;
  }

  .label-large {
    font-size: 1.3rem;
  }

  .label-large._2 {
    font-size: 1rem;
  }

  .div-block-2 {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
  }

  .image {
    width: 1rem;
    height: 1rem;
  }

  .ip-metadata-item {
    height: 3.5rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .ip-metadata-item.horizontal {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .ip-metadata-item.horizontal._11 {
    height: 100%;
  }

  .metadata {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .gate-emblem {
    top: 1rem;
    left: 1rem;
  }

  .tab-head.center {
    text-align: center;
  }

  .section-wrapper {
    padding: 3rem 2rem;
  }

  .section-wrapper.author {
    padding-top: 0;
  }

  .section-wrapper.narrow.mvp1 {
    padding: 3rem;
  }

  .section-wrapper.footer.mvp1 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .gallery-wrapper {
    flex-flow: wrap;
  }

  .text-paragraph-large {
    font-size: .95rem;
  }

  .heading-1a {
    font-size: 4rem;
    line-height: 3.5rem;
  }

  .div-block-7 {
    width: 100vw;
    height: auto;
  }

  .grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .grid.mvp1 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .collage {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 2rem;
  }

  .gate2logo {
    height: 5.3rem;
    right: 0;
  }

  .gate-nav-bg {
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding-right: 10rem;
  }

  .gnt {
    font-size: .75rem;
  }

  .list-item-3 {
    border-right: 1px solid #333d58;
  }

  .list-item-3.button {
    border-left-style: none;
    border-right-style: none;
  }

  .sticky-nav {
    padding-left: 0;
    padding-right: 0;
  }

  .image-wrap {
    height: 20vh;
  }

  .stats-block {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
    margin-top: 1rem;
    padding-top: 6.5rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
  }

  .text-l {
    font-size: 4rem;
  }

  .div-block-12 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-block-4 {
    font-size: .8rem;
  }

  .novel-image {
    width: 8rem;
    right: -2.5rem;
  }

  .grid-4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .static-box-header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 1rem;
  }

  .tier-block.fiill {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .image-8 {
    width: 5rem;
    height: 5rem;
  }

  .vertical-box-header.left {
    padding: 1.5rem 1.5rem 0;
  }

  .text-paragraph-med {
    font-size: .95rem;
  }

  .text-paragraph-med.width-limited {
    width: 100%;
  }

  .oshi-mascot-2 {
    height: 18rem;
    display: block;
    top: calc(100vh - 18rem);
    right: -1rem;
  }

  .oshi-mascot-1 {
    height: 18rem;
    display: none;
    right: -1rem;
  }

  .dropdown-3 {
    display: none;
  }

  .heading-small {
    font-size: 4rem;
    line-height: 3.5rem;
  }

  .text-paragraph-lx {
    font-size: .95rem;
  }

  .character.fiill {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .character-info.left {
    padding: 1.5rem;
  }

  .grid-5 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .news-article.fiill, .faq.fiill {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .dialog-body {
    flex-flow: column;
    width: 100%;
    height: auto;
  }

  .image-11 {
    width: 50%;
    height: auto;
  }

  .dialog-content {
    width: 100%;
  }

  .dialog-inner {
    max-width: 90%;
  }

  .div-block-28 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .tiny-text {
    font-size: .8rem;
  }

  .static-list-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 1rem;
  }

  .heading-1-jp {
    width: 95%;
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .heading-1a-jp {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .character-img.large {
    aspect-ratio: 16 / 9;
    width: 100%;
    max-width: 100%;
  }

  .character-visual {
    width: auto;
    height: 100%;
  }

  .stats-inner {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .heading-1a-copy {
    font-size: 4rem;
    line-height: 3.5rem;
  }

  .image-13 {
    width: 70%;
  }

  .div-block-36 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 8rem;
  }

  .nav-button {
    height: 4rem;
    padding-right: 1rem;
  }

  .sticky-tab {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .button.gate {
    flex: 1;
    width: 100%;
    min-height: 2.5rem;
    font-size: .95rem;
  }

  .button.gate.gsmall1 {
    height: 2rem;
    min-height: 2rem;
  }

  .button.secondary {
    flex: 1;
    width: 100%;
    min-height: 2.5rem;
    font-size: .95rem;
  }

  .bp-center.wide.gsmall {
    width: 100%;
  }

  .nav-list-item {
    width: 49%;
  }

  .nav-list-item.account {
    width: 100%;
  }

  .nav-list.authenticated {
    flex-flow: wrap;
  }

  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container.navcontainer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .button-custom.account {
    border-style: solid;
  }

  .label-default.bold {
    font-size: .95rem;
  }

  .label-default.bold.gsmalll {
    font-size: .7rem;
  }

  .icon.small {
    width: 1.15rem;
    height: 1.15rem;
  }

  .icon.tiny {
    width: 1rem;
    height: 1rem;
  }

  .menu-button {
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
  }

  .menu-wrapper {
    background-color: var(--background);
    flex-flow: column;
    padding: 5rem 1.25rem 1.25rem;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
    transform: translate(0, 100%);
  }

  .dropdown {
    width: 100%;
  }

  .list-item {
    border-style: none solid solid;
    border-width: 1px;
    border-color: var(--border);
  }

  .list-item.social {
    border-style: none;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .list-item.first {
    border-top-style: solid;
  }

  .list-item.language {
    border-style: none;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .dropdown-list {
    flex-flow: column;
    position: fixed;
    bottom: 0;
    left: 0;
  }

  .dropdown-2 {
    width: 100%;
  }

  .sheet-header {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    height: 3.75rem;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
  }

  .close-toggle {
    border-right: 1px solid var(--border);
    justify-content: center;
    align-items: center;
    width: 3.75rem;
    min-width: 3.75rem;
    height: 3.75rem;
    min-height: 3.75rem;
    display: flex;
  }

  .pattern {
    opacity: .2;
    background-image: url('../images/pattern-light.webp');
    background-position: 0 0;
    background-size: 6px 6px;
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .overlay {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #11182b80;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .div-block {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-header, .section-header.mvp1 {
    height: 90vh;
  }

  .heading-1 {
    line-height: 7rem;
  }

  .label-medium {
    font-size: 1rem;
  }

  .section-header-inner {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .list {
    flex-flow: wrap;
    align-items: stretch;
    width: 100%;
  }

  .list.sociallist {
    display: none;
  }

  .list.navlist {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .list.gnavigation {
    white-space: pre;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 3rem;
    overflow: scroll;
  }

  .ip-metadata-item.horizontal._4 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .ip-metadata-item.horizontal._11 {
    border-style: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .ip-metadata-item._1 {
    border-bottom-style: none;
    border-right-style: solid;
    width: 100%;
  }

  .ip-metadata-item._2 {
    border-bottom-style: none;
    border-right-style: solid;
    width: 49.5%;
  }

  .ip-metadata-item._3 {
    border-bottom-style: none;
    border-right-style: solid;
    width: 50%;
  }

  .metadata {
    height: auto;
    margin-bottom: 0;
  }

  .pattern-left {
    flex: 0 auto;
    width: 100%;
  }

  .tab-link {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .tab-link:hover, .tab-link.w--current {
    height: 2.5rem;
  }

  .tab-text {
    font-size: .75rem;
  }

  .tab-content {
    flex-flow: wrap;
  }

  .heading-2 {
    font-size: 3.5rem;
    line-height: 3rem;
  }

  .text-block-2 {
    margin-bottom: 0;
    font-size: .8rem;
  }

  .heading-3.left {
    font-size: 2rem;
  }

  .tier {
    border-bottom: 1px solid var(--border);
    width: 50%;
  }

  .section-wrapper.narrow.mvp1 {
    padding: 4rem 2rem;
  }

  .tab-sidebar {
    border-bottom-style: solid;
    border-right-style: none;
    padding-bottom: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-block-5 {
    flex-flow: column;
  }

  .pattern-side {
    width: auto;
    height: 1rem;
    top: auto;
    left: .5rem;
  }

  .update-block {
    padding: 1.5rem;
  }

  .asset-locked-block._2 {
    width: 90%;
    height: 90%;
    padding: 2rem 1rem .5rem;
  }

  .heading-1a {
    margin-top: 0;
    font-size: 3.5rem;
    line-height: 3rem;
  }

  .author-wrapper {
    flex-flow: column;
  }

  .image-3 {
    width: 60%;
  }

  .div-block-7 {
    border-style: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .image-4 {
    height: 1.3rem;
  }

  .grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .collage {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 1rem;
  }

  .div-block-8 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .gate2logo {
    height: 4rem;
  }

  .gate-nav-bg {
    height: 3rem;
  }

  .gate-nav-text {
    width: 100%;
    padding: .75rem .5rem;
  }

  .gnt {
    font-size: .7rem;
  }

  .social-icon {
    width: 1rem;
    height: 1rem;
  }

  .list-item-3 {
    width: 2.5rem;
  }

  .tab-primary {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .tab-primary.w--current {
    height: 2.5rem;
  }

  .tab-primary.tab-gate:hover {
    height: 1.875rem;
  }

  .div-block-10 {
    width: 80%;
  }

  .stats-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
    padding: 7rem 2rem 2rem;
  }

  .text-l {
    font-size: 3.5rem;
  }

  .div-block-12 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .novel-image {
    margin-top: 1rem;
    position: static;
  }

  .grid-4 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .tier-block.fiill._23 {
    padding-top: 1rem;
  }

  .vertical-box-header {
    min-height: auto;
  }

  .vertical-box-header.left {
    padding-bottom: 0;
  }

  .text-paragraph-med.width-limited {
    width: 100%;
    margin-bottom: 0;
  }

  .oshi-mascot-2 {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
    left: 0;
    right: 0;
  }

  .image-10 {
    width: 80%;
    height: auto;
  }

  .oshi-mascot-1, .h-m {
    display: none;
  }

  .dropdown-3 {
    justify-content: flex-start;
    align-items: center;
    height: 3rem;
    padding-left: 1rem;
    padding-right: 2rem;
    display: flex;
  }

  .dropdown-list-2 {
    top: 0;
  }

  .dropdown-list-2.w--open {
    background-color: var(--panel);
    top: 3rem;
    left: 0;
  }

  .heading-small {
    margin-top: 0;
    font-size: 3.5rem;
    line-height: 3rem;
  }

  .grid-5 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .tab-content-cs {
    border-bottom-style: solid;
    border-right-style: none;
    padding-bottom: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .uppercase-text {
    width: 100%;
    padding: .75rem .5rem;
  }

  .tiny-text {
    font-size: .8rem;
  }

  .heading-1-jp {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  .heading-1a-jp {
    margin-top: 0;
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .stats-inner {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: 100%;
  }

  .heading-1a-copy {
    margin-top: 0;
    font-size: 3.5rem;
    line-height: 3rem;
  }

  .image-13 {
    width: 80%;
  }

  .div-block-36 {
    padding-right: 1.5rem;
  }

  .div-block-38 {
    width: 50%;
  }

  .button-wrapper2 {
    display: none;
  }

  .div-block-39 {
    flex-flow: column;
  }

  .nav-left {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .gate-nv-text {
    width: 100%;
    padding: .75rem .5rem;
  }

  .heading-3-jp.left, .heading-4.left {
    font-size: 2rem;
  }

  .nav-button {
    justify-content: center;
    align-items: center;
    height: 3rem;
  }

  .div-block-48 {
    background-color: #070c1a;
  }

  .sticky-tab {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .button.gate, .button.secondary {
    width: 100%;
    max-height: 2.5rem;
  }

  .bp-center {
    width: 100%;
  }

  .bp-center.wide.gsmall {
    padding-left: 0;
    padding-right: 0;
  }

  .link {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .navigation {
    height: 4.5rem;
  }

  .nav-list-item {
    width: 100%;
  }

  .nav-list-item.merit {
    margin-bottom: 1rem;
  }

  .icon-small {
    width: 1rem;
    height: 1rem;
  }

  .nav-list.authenticated {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .nav-list.notauthenticated {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    align-items: stretch;
    width: auto;
    display: none;
  }

  .container, .container.navcontainer {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .oshi-logo {
    width: auto;
    height: 1.4rem;
    display: block;
  }

  .button-custom {
    border-top-style: none;
    border-radius: 0;
  }

  .button-custom.account {
    padding-top: 0;
    padding-bottom: 0;
  }

  .button-custom.first {
    border-top-style: solid;
  }

  .label-default {
    font-size: .8rem;
  }

  .label-default.bold {
    text-align: center;
  }

  .icon.menu {
    width: 1.3rem;
    height: 1.3rem;
  }

  .icon.med {
    width: .9rem;
    height: .9rem;
  }

  .menu-button {
    width: 1.875rem;
    height: 1.875rem;
    padding-left: 0;
    padding-right: 0;
  }

  .menu-wrapper {
    z-index: 99999;
    padding-bottom: 0;
    transform: translate(0, 100%);
  }

  .list-item, .list-item.accentbranding {
    border-left-style: none;
  }

  .list-item.social, .list-item.language {
    padding-left: 0;
    padding-right: 0;
  }

  .list-item.langselect {
    border-left-style: none;
  }

  .dropdown-list {
    border-top: 1px solid var(--border);
    top: auto;
    bottom: 0;
  }

  .close-toggle {
    cursor: pointer;
  }

  .overlay {
    pointer-events: none;
    display: none;
  }

  .div-block {
    display: flex;
  }

  .content {
    margin-bottom: 1rem;
  }

  .section-header.mvp1 {
    height: 90vh;
  }

  .heading-1 {
    font-size: 3.8rem;
    line-height: 3.5rem;
  }

  .grunge {
    background-size: auto 400vh;
  }

  .title-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-header-inner {
    padding-bottom: 0;
  }

  .gate-logo {
    height: 3rem;
    margin-bottom: 2rem;
  }

  .list {
    flex-flow: wrap;
  }

  .list.mvp-01 {
    width: 100vw;
  }

  .list.sociallist {
    display: none;
  }

  .list.navlist {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: 3rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: scroll;
  }

  .list.gnavigation {
    justify-content: center;
    align-items: center;
  }

  .label-large {
    line-height: 1.5rem;
  }

  .ip-metadata-item.horizontal._4 {
    flex-flow: column;
    height: auto;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .ip-metadata-item.horizontal._4.mvp2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-right: .5rem;
  }

  .ip-metadata-item.horizontal._11 {
    flex-flow: column;
    height: auto;
    padding: .5rem;
  }

  .pattern-bottom.divider {
    width: 100%;
    height: .4rem;
  }

  .gate-emblem {
    width: 70%;
    height: auto;
    position: absolute;
    top: 0;
    left: 2rem;
  }

  .tab-link {
    border-bottom: 1px solid var(--border);
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .tab-link:hover {
    height: 2.5rem;
  }

  .tab-link.w--current {
    border-bottom-color: var(--accent);
    background-image: url('../images/Group.webp'), radial-gradient(circle closest-corner, #faef0061, #faef0000 66%);
    background-position: 0 0, 0 0;
    background-size: auto 3rem, auto;
    justify-content: center;
    align-items: center;
    height: 2.5rem;
    margin-bottom: 0;
  }

  .tab-text {
    font-size: .8rem;
    display: none;
  }

  .tabs-menu {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .tab-content {
    flex-flow: column;
  }

  .tab-content.table {
    padding: 1rem;
  }

  .heading-2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  .text-block-2 {
    font-size: .9rem;
  }

  .heading-3 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .heading-3.left {
    font-size: 1.8rem;
  }

  .tier {
    width: 100%;
  }

  .section-wrapper {
    padding-top: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .section-wrapper.narrow {
    padding-left: 0;
    padding-right: 0;
  }

  .section-wrapper.narrow.mvp1 {
    padding: 2rem;
  }

  .section-wrapper.footer {
    padding-bottom: .5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .section-wrapper.footer.mvp1 {
    padding-left: 0;
    padding-right: 0;
  }

  .emblem {
    margin-bottom: .5rem;
  }

  .tab-sidebar {
    border-right-style: none;
    padding-bottom: 1.875rem;
    padding-left: 1rem;
  }

  .div-block-5 {
    flex-flow: column;
  }

  .pattern-side {
    width: auto;
    height: 1rem;
    top: auto;
    bottom: 0;
    left: .5rem;
  }

  .text-block-small.tiny {
    font-size: .65rem;
  }

  .update-block {
    padding: 1rem;
  }

  .text-paragraph {
    margin-top: .5rem;
  }

  .asset-locked-block {
    width: 90%;
  }

  .text-paragraph-large {
    font-size: .9rem;
    font-weight: 300;
    line-height: 1.65rem;
  }

  .heading-1a {
    font-size: 3rem;
    line-height: 3rem;
  }

  .author-wrapper {
    flex-flow: column;
  }

  .image-3 {
    width: 100%;
    height: 100%;
  }

  .div-block-6 {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-7 {
    padding-right: 0;
  }

  .character-wrapper, .collage {
    flex-flow: column;
  }

  .div-block-8 {
    justify-content: center;
    align-items: center;
  }

  .contribution-table {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex;
  }

  .table-row {
    border-bottom-style: solid;
    flex-flow: column;
    height: auto;
  }

  .table-row.ownposition {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    margin-bottom: 0;
  }

  .tr-rank {
    border-bottom: 1px solid var(--border);
    border-right-style: solid;
    width: 35%;
  }

  .tr-user {
    border-bottom: 1px solid var(--border);
    padding: .5rem .7rem;
  }

  .tr-merit {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: .5rem .7rem;
  }

  .image-6 {
    width: 1.5rem;
    height: 1.5rem;
  }

  .gate2logo {
    width: auto;
    position: absolute;
    top: 2.9rem;
    left: auto;
    right: auto;
  }

  .gate-nav-bg {
    height: 3rem;
  }

  .gate-nav-text {
    margin-left: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 0;
  }

  .gate-nav-text.active {
    padding: .5rem;
  }

  .gnt {
    text-align: center;
    word-break: normal;
    font-size: .65rem;
  }

  .gnt.nav {
    white-space: pre;
  }

  .sticky-nav {
    top: 0;
  }

  .tab-primary {
    border-bottom: 1px none var(--border);
    justify-content: center;
    align-items: center;
    width: 1.875rem;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-primary.w--current {
    border-bottom-color: var(--accent);
    background-image: url('../images/Group.webp'), radial-gradient(circle closest-corner, #faef0061, #faef0000 66%);
    background-position: 0 0, 0 0;
    background-size: auto 3rem, auto;
    justify-content: center;
    align-items: center;
    height: 2.5rem;
    margin-bottom: 0;
  }

  .text-block-3 {
    font-size: .8rem;
  }

  .div-block-11 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    margin-top: 2rem;
  }

  .image-wrap {
    height: auto;
  }

  .stats-block {
    padding-top: 12rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-l {
    font-size: 4rem;
  }

  .div-block-12 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    text-align: center;
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .text-block-4 {
    font-size: .9rem;
  }

  .static-box-header {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    padding: .8rem;
  }

  .tier-block.fiill._23 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-top: .5rem;
    padding-bottom: 0;
  }

  .div-block-15._2 {
    padding-left: 1rem;
  }

  .grid-3 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .text-block-6 {
    width: 100%;
    font-size: 1.15rem;
    font-weight: 300;
    line-height: 1.5rem;
  }

  .text-block-6.faqlabel {
    white-space: normal;
    width: 90%;
    font-size: .9rem;
  }

  .text-block-7 {
    white-space: normal;
    width: 100%;
    font-size: .9rem;
  }

  .div-block-16 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
  }

  .image-8 {
    border-radius: 2px;
    width: 4rem;
    height: 4rem;
  }

  .vertical-box-header {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-bottom: 1rem;
  }

  .vertical-box-header.left {
    padding: .5rem .5rem 0;
  }

  .text-paragraph-med {
    font-size: .9rem;
    font-weight: 200;
  }

  .text-paragraph-med.width-limited {
    width: 100%;
  }

  .oshi-block {
    height: 100%;
  }

  .oshi-mascot-2 {
    width: 100%;
    height: auto;
    position: static;
  }

  .div-block-17 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .div-block-18 {
    flex-flow: column;
    width: 100%;
    margin-top: 1rem;
  }

  .center-vert {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-10 {
    width: 100%;
    height: auto;
  }

  .oshi-mascot-1 {
    width: 100%;
    height: auto;
    display: block;
    position: static;
  }

  .h-m {
    display: none;
  }

  .dropdown-3 {
    width: 100%;
    padding-left: .5rem;
  }

  .heading-small {
    font-size: 2.8rem;
    line-height: 3rem;
  }

  .text-paragraph-lx {
    margin-bottom: .5rem;
    line-height: 1.65rem;
  }

  .character-info {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .character-info.left {
    padding: 1rem;
  }

  .tab-content-cs {
    border-right-style: none;
    padding: 5rem 1rem;
  }

  .news-article {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 1rem;
  }

  .faq-button {
    padding: .5rem .8rem;
  }

  .faq-button.w--open {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .dialog, .dialog.character2 {
    display: none;
  }

  .dialog-overlay {
    justify-content: center;
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: scroll;
  }

  .dialog-body {
    height: calc(100dvh - 5.5rem);
  }

  .image-11 {
    width: 100%;
  }

  .div-block-22 {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
  }

  .div-block-23 {
    padding: 1rem;
  }

  .div-block-24 {
    flex-flow: column;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uppercase-text {
    margin-left: 0;
    padding: 0;
    font-size: .7rem;
  }

  .text-block-8 {
    font-size: .95rem;
  }

  .div-block-25 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    border-bottom: 1px dashed var(--accent);
    border-left: 1px dashed var(--accent);
  }

  .div-block-25.first {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    border-bottom: 1px dashed var(--accent);
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .div-block-25.last {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: 100%;
  }

  .div-block-25._2 {
    width: 100%;
  }

  .tiny-text {
    text-align: center;
    font-size: .7rem;
    font-weight: 300;
    line-height: 1.65rem;
  }

  .div-block-29 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    margin-bottom: 1rem;
  }

  .text-block-9, .yellow, .text-block-10 {
    font-size: .9rem;
  }

  .dropdown-4, .div-block-31, .div-block-31.last {
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .static-list-item {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding: .5rem .8rem;
  }

  .div-block-32 {
    padding-top: 0;
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .heading-1-jp, .heading-1a-jp {
    font-size: 1.8rem;
    line-height: 2rem;
  }

  .icon-imdb {
    width: 1.7rem;
    height: auto;
  }

  .character-img.large {
    height: auto;
    min-height: 20vh;
    display: flex;
  }

  .character-visual {
    width: auto;
    height: 100%;
  }

  .text-block-11, .text-block-12 {
    font-size: .9rem;
  }

  .icon-2 {
    margin-right: .8rem;
  }

  .stats-inner {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .heading-1a-copy {
    font-size: 2.8rem;
    line-height: 3rem;
  }

  .image-13 {
    width: 95%;
  }

  .div-block-36 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-block-37 {
    margin-top: .5rem;
  }

  .div-block-38 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .button-wrapper2 {
    padding-right: 0;
    display: none;
  }

  .nav {
    height: 4rem;
  }

  .nav-left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .h-sm {
    display: none;
  }

  .gate-nv-text {
    margin-left: 0;
    padding: .5rem .3rem;
  }

  .gate-nv-text.active {
    padding: .5rem;
  }

  .heading-3-jp {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .heading-3-jp.left {
    font-size: 1.8rem;
  }

  .heading-4 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .heading-4.left {
    font-size: 1.8rem;
  }

  .div-block-44 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    padding-bottom: 1rem;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .path-2 {
    width: 1.5rem;
  }

  .nav-button {
    width: auto;
    padding-left: .5rem;
    padding-right: .5rem;
    display: none;
  }

  .sticky-tab {
    z-index: 99;
    border-top: 1px solid var(--border);
    background-color: #060d1b;
    padding: 1rem;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate(0, 100%);
  }
}

/* 25/06/25 Non-Webflow Update */
.header-logo {
  width: 60vw;
}

.author-wrapper-row {
  display: flex;
  gap: 3rem;
}

.author-col-left {
  width: 60%;
}

.author-col-right {
  width: 40%;
}

.character-board {
  border: 1px solid var(--border);
  border-radius: 3px;
  margin-top: 1.5rem;
}

.disclaimer-1 {
  text-align: left;
  margin-bottom: 0 !important;
}

.hidden-m { display: block; }
.hidden-d { display: none; }

@media screen and (min-width: 1920px) {
  .hidden-m { display: block; }
  .hidden-d { display: none; }
}

@media screen and (max-width: 991px) {
  .header-logo {
    width: 80vw;
  }

  .hidden-m { display: block; }
  .hidden-d { display: none; }
}

@media screen and (max-width: 767px) {
  .header-logo {
    width: 80vw;
  }

  .hidden-m { display: block; }
  .hidden-d { display: none; }
}

@media screen and (max-width: 479px) {
  .hidden-m { display: none; }
  .hidden-d { display: block; }

  .author-wrapper-row {
    flex-direction: column;
  }

  .author-col-left {
    width: 100%;
  }

  .author-col-right {
    width: 100%;
  }
}