@charset "UTF-8";
@media screen and (min-width: 768px) {
  .onlySP {
    display: none !important;
  }
}

@media screen and (max-width: 767.9px) {
  .onlyPC {
    display: none !important;
  }
}

.landscape-guide {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 100000;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #000;
  pointer-events: auto;
}
.landscape-guide__stage {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
@media (min-aspect-ratio: 390/844) {
  .landscape-guide__stage {
    width: 46.2085308057vh;
    height: 100%;
  }
}
@media (max-aspect-ratio: 390/844) {
  .landscape-guide__stage {
    width: 100%;
    height: 216.4102564103vw;
  }
}
.landscape-guide__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
}
.landscape-guide__phone {
  position: absolute;
  top: 39.4549763033%;
  left: 43.0769230769%;
  width: 13.8461538462%;
  height: 11.4928909953%;
  transform-origin: center center;
  rotate: 0rad;
  animation: kf_1750_530_rotate_0 2s linear infinite;
  pointer-events: none;
  user-select: none;
}
@media (orientation: portrait) and (hover: none) and (pointer: coarse) {
  .landscape-guide {
    display: flex;
  }
}

.landscape-guide__fallback {
  position: absolute;
  left: 50%;
  bottom: 12%;
  transform: translateX(-50%);
  padding: 12px 22px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.08em;
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
  pointer-events: auto;
}

html.force-landscape .landscape-guide {
  display: none !important;
}

html.force-landscape .stage-shell {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}

@keyframes kf_1750_530_rotate_0 {
  0% {
    rotate: 0rad;
  }
  10% {
    animation-timing-function: cubic-bezier(0.34, 1.2, 0.64, 1);
    rotate: 0rad;
  }
  40% {
    rotate: -1.571rad;
  }
  60% {
    animation-timing-function: cubic-bezier(0.34, 1.2, 0.64, 1);
    rotate: -1.571rad;
  }
  90% {
    rotate: 0rad;
  }
  100% {
    rotate: 0rad;
  }
}
.lilia {
  position: relative;
  height: 1080px;
  overflow: hidden;
}
.lilia > [class^=l]:not(.add) {
  display: none !important;
}
.lilia > [class^=l]:not(.start) {
  position: absolute;
  z-index: 9;
  top: -2000px;
  left: -3000px;
  visibility: hidden;
  pointer-events: none;
}
.lilia > [class^=l].add.start {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.lilia > [class^=l].l05.add.start, .lilia > [class^=l].l06.add.start, .lilia > [class^=l].l07.add.start {
  z-index: auto;
}
.lilia > [class^=l].add.start.is-leaving:not(.l02):not(.l05):not(.l06):not(.l07):not(.l11):not(.l15):not(.l16) {
  z-index: 8;
  opacity: 0;
  pointer-events: none;
}
.lilia > [class^=l].add.start.is-leaving:not(.l02):not(.l05):not(.l06):not(.l07):not(.l11):not(.l15):not(.l16) *,
.lilia > [class^=l].add.start.is-leaving:not(.l02):not(.l05):not(.l06):not(.l07):not(.l11):not(.l15):not(.l16) *::before,
.lilia > [class^=l].add.start.is-leaving:not(.l02):not(.l05):not(.l06):not(.l07):not(.l11):not(.l15):not(.l16) *::after {
  animation-play-state: paused !important;
}
.lilia > [class^=l].add.start.is-leaving:not(.l02):not(.l05):not(.l06):not(.l07):not(.l11):not(.l15):not(.l16).l04 {
  z-index: 26;
}
.lilia > [class^=l].l15.add.start.is-leaving {
  overflow: hidden;
  z-index: 30;
  pointer-events: none;
  background-color: #ff8db9;
  animation: l15-leave-reveal 0.32s linear forwards;
}
.lilia > [class^=l].l15.add.start.is-leaving .l15__screen-cut {
  opacity: 0 !important;
}
.lilia > [class^=l].l15.add.start.is-leaving .l15__car {
  z-index: 32;
}
.lilia > [class^=l].l15.add.start.is-leaving .l15__text {
  opacity: 1 !important;
  z-index: 31;
}
.lilia > [class^=l].l15.add.start.is-leaving .l15__text-char {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}
.lilia > [class^=l].l15.add.start.is-leaving .l15__car,
.lilia > [class^=l].l15.add.start.is-leaving .l15__text,
.lilia > [class^=l].l15.add.start.is-leaving .l15__car-motion {
  animation-play-state: running !important;
}
.lilia > [class^=l].l16.add.start {
  z-index: 29;
}
.lilia > [class^=l].l16.add.start.is-leaving {
  opacity: 1;
  overflow: hidden;
  z-index: 28;
  pointer-events: none;
  transition: background-color 0.2s ease-out;
  background-color: transparent;
}
.lilia > [class^=l].l16.add.start.is-leaving .l16__bg {
  opacity: 0 !important;
  transition: opacity 0.15s ease-out !important;
}
.lilia > [class^=l].l16.add.start.is-leaving .l16__spray {
  opacity: 0 !important;
  transition: opacity 0.35s ease-out !important;
}
.lilia > [class^=l].l16.add.start.is-leaving .l16__boards,
.lilia > [class^=l].l16.add.start.is-leaving .l16__boards-piece,
.lilia > [class^=l].l16.add.start.is-leaving .l16__spray {
  animation-play-state: running !important;
}
.lilia > [class^=l].l04.add.start.is-leaving .l04__band {
  animation-play-state: running !important;
}
.lilia > [class^=l].l02.add.start.is-leaving {
  opacity: 1;
  transition: background-color 0.55s ease-out;
  background-color: transparent;
  overflow: hidden;
  z-index: 5;
  pointer-events: none;
}
.lilia > [class^=l].l02.add.start.is-leaving .l02__bg,
.lilia > [class^=l].l02.add.start.is-leaving .l02__clouds,
.lilia > [class^=l].l02.add.start.is-leaving .l02__moon,
.lilia > [class^=l].l02.add.start.is-leaving .l02__frame,
.lilia > [class^=l].l02.add.start.is-leaving .l02__name,
.lilia > [class^=l].l02.add.start.is-leaving .l02__slash,
.lilia > [class^=l].l02.add.start.is-leaving .l02__chara {
  opacity: 0 !important;
  transition: opacity 0.55s ease-out !important;
  pointer-events: none !important;
}
.lilia > [class^=l].l02.add.start.is-leaving .l02__text {
  opacity: 1 !important;
  overflow: visible !important;
  z-index: 25;
}
.lilia > [class^=l].l02.add.start.is-leaving .l02__text-center-char,
.lilia > [class^=l].l02.add.start.is-leaving .l02__text-bat {
  opacity: 0 !important;
  transition: opacity 0.16s ease-out !important;
}
.lilia > [class^=l].l01.add.start.is-leaving {
  transition: opacity 0.28s ease-out 0.15s;
}
.lilia > [class^=l].l01.add.start.is-leaving .l01__zenkai,
.lilia > [class^=l].l01.add.start.is-leaving .l01__power-ja,
.lilia > [class^=l].l01.add.start.is-leaving .l01__power-en,
.lilia > [class^=l].l01.add.start.is-leaving .l01__flags,
.lilia > [class^=l].l01.add.start.is-leaving .l01__arrows,
.lilia > [class^=l].l01.add.start.is-leaving .l01__moon,
.lilia > [class^=l].l01.add.start.is-leaving .l01__moon::before,
.lilia > [class^=l].l01.add.start.is-leaving .l01__moon::after,
.lilia > [class^=l].l01.add.start.is-leaving .l01__clouds-part--tl,
.lilia > [class^=l].l01.add.start.is-leaving .l01__clouds-part--br {
  animation-play-state: running !important;
}
.lilia > [class^=l].l05.add.start.is-leaving {
  z-index: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease-out;
}
.lilia > [class^=l].l05.add.start.is-leaving *,
.lilia > [class^=l].l05.add.start.is-leaving *::before,
.lilia > [class^=l].l05.add.start.is-leaving *::after {
  animation-play-state: running !important;
}
.lilia > [class^=l].l06.add.start.is-leaving, .lilia > [class^=l].l07.add.start.is-leaving {
  opacity: 1;
  z-index: auto;
  pointer-events: none;
  transition: none;
}
.lilia > [class^=l].l06.add.start.is-leaving .l06__chara,
.lilia > [class^=l].l06.add.start.is-leaving .l07__chara,
.lilia > [class^=l].l06.add.start.is-leaving .l06__star,
.lilia > [class^=l].l06.add.start.is-leaving .l07__star,
.lilia > [class^=l].l06.add.start.is-leaving .l06__text,
.lilia > [class^=l].l06.add.start.is-leaving .l07__text,
.lilia > [class^=l].l06.add.start.is-leaving .l06__band,
.lilia > [class^=l].l06.add.start.is-leaving .l07__ichigo, .lilia > [class^=l].l07.add.start.is-leaving .l06__chara,
.lilia > [class^=l].l07.add.start.is-leaving .l07__chara,
.lilia > [class^=l].l07.add.start.is-leaving .l06__star,
.lilia > [class^=l].l07.add.start.is-leaving .l07__star,
.lilia > [class^=l].l07.add.start.is-leaving .l06__text,
.lilia > [class^=l].l07.add.start.is-leaving .l07__text,
.lilia > [class^=l].l07.add.start.is-leaving .l06__band,
.lilia > [class^=l].l07.add.start.is-leaving .l07__ichigo {
  animation-play-state: running !important;
}
.lilia > [class^=l].l06.add.start.is-leaving .l06__deco,
.lilia > [class^=l].l06.add.start.is-leaving .l06__band,
.lilia > [class^=l].l06.add.start.is-leaving .l06__text,
.lilia > [class^=l].l06.add.start.is-leaving .l06__chara,
.lilia > [class^=l].l06.add.start.is-leaving .l06__star, .lilia > [class^=l].l07.add.start.is-leaving .l06__deco,
.lilia > [class^=l].l07.add.start.is-leaving .l06__band,
.lilia > [class^=l].l07.add.start.is-leaving .l06__text,
.lilia > [class^=l].l07.add.start.is-leaving .l06__chara,
.lilia > [class^=l].l07.add.start.is-leaving .l06__star {
  opacity: 0 !important;
  transition: opacity 0.4s ease-out !important;
}
.lilia > [class^=l].l06.add.start.is-leaving .l07__deco,
.lilia > [class^=l].l06.add.start.is-leaving .l07__text,
.lilia > [class^=l].l06.add.start.is-leaving .l07__chara,
.lilia > [class^=l].l06.add.start.is-leaving .l07__ichigo,
.lilia > [class^=l].l06.add.start.is-leaving .l07__star, .lilia > [class^=l].l07.add.start.is-leaving .l07__deco,
.lilia > [class^=l].l07.add.start.is-leaving .l07__text,
.lilia > [class^=l].l07.add.start.is-leaving .l07__chara,
.lilia > [class^=l].l07.add.start.is-leaving .l07__ichigo,
.lilia > [class^=l].l07.add.start.is-leaving .l07__star {
  opacity: 0 !important;
  transition: opacity 0.4s ease-out !important;
}
.lilia > [class^=l].l11.add.start.is-leaving {
  opacity: 1;
  transition: background-color 0.18s ease-out;
  background-color: transparent;
  overflow: hidden;
  z-index: 12;
  pointer-events: none;
}
.lilia > [class^=l].l11.add.start.is-leaving .l11__overlay,
.lilia > [class^=l].l11.add.start.is-leaving .l11__center,
.lilia > [class^=l].l11.add.start.is-leaving .l11__tire,
.lilia > [class^=l].l11.add.start.is-leaving .l11__arrows {
  opacity: 0 !important;
  transition: opacity 0.12s ease-out !important;
  pointer-events: none !important;
}
.lilia > [class^=l].l11.add.start.is-leaving .l11__text {
  opacity: 0 !important;
  transition: opacity 0.12s ease-out !important;
  z-index: 13;
  animation-play-state: running !important;
}
.lilia > [class^=l].l10.add.start.is-leaving .l10__victory {
  animation-play-state: running !important;
}
.lilia > [class^=l].loading.add.start.is-leaving .loading__text,
.lilia > [class^=l].loading.add.start.is-leaving .loading__bat,
.lilia > [class^=l].loading.add.start.is-leaving .loading__bat-wing {
  animation-play-state: running !important;
}
.lilia > [class^=l].l00.add.start.is-leaving .l00__deco,
.lilia > [class^=l].l00.add.start.is-leaving .l00__swarm-bat,
.lilia > [class^=l].l00.add.start.is-leaving .l00__swarm-bat-wing,
.lilia > [class^=l].l00.add.start.is-leaving .l00__swarm-sweet, .lilia > [class^=l].l00.add.start.is-swarming .l00__deco,
.lilia > [class^=l].l00.add.start.is-swarming .l00__swarm-bat,
.lilia > [class^=l].l00.add.start.is-swarming .l00__swarm-bat-wing,
.lilia > [class^=l].l00.add.start.is-swarming .l00__swarm-sweet {
  animation-play-state: running !important;
}
.lilia > [class^=l].l09.add.start.is-leaving {
  background-color: transparent;
}
.lilia > [class^=l].l09.add.start.is-leaving .l09__bg,
.lilia > [class^=l].l09.add.start.is-leaving .l09__overlay {
  opacity: 0 !important;
}
.lilia > audio {
  display: none !important;
}

html,
body {
  overflow: hidden;
}

@keyframes l15-leave-reveal {
  0%, 62% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.shared-pink-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  border-radius: 6px;
  background-color: #ff8db9;
}
.shared-pink-bg.is-active {
  display: block;
}
.shared-pink-bg.is-active > svg {
  animation: shared-pink-bg-scroll 1.492s linear forwards;
}
.shared-pink-bg > svg {
  position: absolute;
  top: -180.41px;
  left: -300.58px;
  width: 2383px;
  height: 1522px;
  display: block;
  will-change: translate;
}

.shared-border {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
  z-index: 8;
  pointer-events: none;
  overflow: hidden;
  border-radius: 6px;
}
.shared-border.is-active {
  display: block;
}
.shared-border.is-active .shared-border-track--top .shared-border-track-inner {
  animation: shared-border-scroll-right 4s linear forwards;
}
.shared-border.is-active .shared-border-track--bot .shared-border-track-inner {
  animation: shared-border-scroll-left 4s linear forwards;
}
.shared-border-bg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 92px;
  background-color: #49114a;
  z-index: 1;
}
.shared-border-bg--top {
  top: 0;
}
.shared-border-bg--bot {
  bottom: 0;
}
.shared-border-track {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
}
.shared-border-track-inner {
  position: absolute;
  top: -0.53px;
  left: -751.77px;
  width: 3423.12px;
  height: 1080.53px;
  will-change: transform;
  backface-visibility: hidden;
}
.shared-border-track-inner svg {
  display: block;
  width: 100%;
  height: 100%;
}

@keyframes shared-border-scroll-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(700px, 0, 0);
  }
}
@keyframes shared-border-scroll-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-700px, 0, 0);
  }
}
@keyframes shared-pink-bg-scroll {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 0 -200px;
  }
}
.shared-pattern-bar {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
  z-index: 5;
  pointer-events: none;
  overflow: hidden;
  border-radius: 6px;
}
.shared-pattern-bar.is-active {
  display: block;
}
.shared-pattern-bar.is-active .shared-pattern-bar__item {
  animation: shared-pattern-bar-enter 1s linear forwards;
}
.shared-pattern-bar.is-active .shared-pattern-bar__item::before {
  animation: shared-pattern-bar-scroll 0.8s linear 1s infinite;
}
.shared-pattern-bar__item {
  position: absolute;
  left: 0;
  width: 100%;
  height: 167px;
  pointer-events: none;
  overflow: hidden;
  translate: -1920px 0;
}
.shared-pattern-bar__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 170.1px);
  height: 100%;
  background-image: url("../../hw2026liliapv/img/l12_pattern.svg");
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 170.1px 170.1px;
  translate: 0 0;
}
.shared-pattern-bar__item--top {
  top: 0;
}
.shared-pattern-bar__item--bottom {
  top: 913px;
}

@keyframes shared-pattern-bar-enter {
  0% {
    animation-timing-function: step-end;
    translate: -1920px 0;
  }
  33.3333333333% {
    animation-timing-function: step-end;
    translate: -1280px 0;
  }
  66.6666666667% {
    animation-timing-function: step-end;
    translate: -640px 0;
  }
  100% {
    translate: 0px 0;
  }
}
@keyframes shared-pattern-bar-scroll {
  0% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  50% {
    animation-timing-function: step-end;
    translate: -85.05px 0;
  }
  100% {
    translate: -170.1px 0;
  }
}
.shared-sparkle {
  display: none;
  position: absolute;
  top: 23.9px;
  left: 30.49px;
  width: 1828.49px;
  height: 981.31px;
  z-index: 8;
  pointer-events: none;
}
.shared-sparkle.is-active {
  display: block;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(1) {
  animation: shared-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.125s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(2) {
  animation: shared-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.25s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(3) {
  animation: shared-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.135s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(4) {
  animation: shared-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.26s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(5) {
  animation: shared-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 0.385s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(6) {
  animation: shared-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.27s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(7) {
  animation: shared-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.395s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(8) {
  animation: shared-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.52s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(9) {
  animation: shared-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.405s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(10) {
  animation: shared-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 0.53s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(11) {
  animation: shared-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.655s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(12) {
  animation: shared-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.54s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(13) {
  animation: shared-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.665s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(14) {
  animation: shared-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.79s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(15) {
  animation: shared-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 0.675s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(16) {
  animation: shared-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.8s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(17) {
  animation: shared-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.925s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(18) {
  animation: shared-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.81s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(19) {
  animation: shared-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.935s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(20) {
  animation: shared-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 1.06s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(21) {
  animation: shared-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.945s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(22) {
  animation: shared-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 1.07s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(23) {
  animation: shared-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 1.195s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(24) {
  animation: shared-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 1.08s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(25) {
  animation: shared-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 1.205s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(26) {
  animation: shared-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 1.33s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(27) {
  animation: shared-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 1.215s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(28) {
  animation: shared-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 1.34s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(29) {
  animation: shared-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 1.465s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(30) {
  animation: shared-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 1.35s;
}
.shared-sparkle.is-active .shared-sparkle__item:nth-child(31) {
  animation: shared-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 1.475s;
}
.shared-sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.shared-sparkle__item {
  opacity: 0.2;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0.6);
}

@keyframes shared-sparkle-twinkle {
  0% {
    opacity: 0.12;
  }
  100% {
    opacity: 1;
  }
}
.shared-cut {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
  z-index: 20;
  pointer-events: none;
  overflow: hidden;
  border-radius: 6px;
  visibility: hidden;
}
.shared-cut.is-active {
  visibility: visible;
}
.shared-cut__band {
  position: absolute;
  pointer-events: none;
  will-change: translate, opacity;
}
.shared-cut__band--main {
  opacity: 0.92;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 141, 185, 0.55) 18%, rgba(146, 88, 185, 0.95) 48%, rgba(135, 224, 204, 0.7) 78%, rgba(255, 255, 255, 0) 100%);
}
.shared-cut__band--edge {
  opacity: 0.75;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 100%);
}
.shared-cut--lr.is-active .shared-cut__band--main {
  top: 0;
  left: 0;
  width: 42%;
  height: 100%;
  animation: shared-cut-lr-main 0.58s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.shared-cut--lr.is-active .shared-cut__band--edge {
  top: 0;
  left: 0;
  width: 12%;
  height: 100%;
  animation: shared-cut-lr-edge 0.58s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.shared-cut--rl.is-active .shared-cut__band--main {
  top: 0;
  right: 0;
  width: 42%;
  height: 100%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 141, 185, 0.55) 18%, rgba(146, 88, 185, 0.95) 48%, rgba(135, 224, 204, 0.7) 78%, rgba(255, 255, 255, 0) 100%);
  animation: shared-cut-rl-main 0.58s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.shared-cut--rl.is-active .shared-cut__band--edge {
  top: 0;
  right: 0;
  width: 12%;
  height: 100%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 100%);
  animation: shared-cut-rl-edge 0.58s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.shared-cut--tb.is-active .shared-cut__band--main {
  top: 0;
  left: 0;
  width: 100%;
  height: 38%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 141, 185, 0.55) 18%, rgba(146, 88, 185, 0.95) 48%, rgba(135, 224, 204, 0.7) 78%, rgba(255, 255, 255, 0) 100%);
  animation: shared-cut-tb-main 0.58s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.shared-cut--tb.is-active .shared-cut__band--edge {
  top: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 100%);
  animation: shared-cut-tb-edge 0.58s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.shared-cut--bt.is-active .shared-cut__band--main {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 38%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 141, 185, 0.55) 18%, rgba(146, 88, 185, 0.95) 48%, rgba(135, 224, 204, 0.7) 78%, rgba(255, 255, 255, 0) 100%);
  animation: shared-cut-bt-main 0.58s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.shared-cut--bt.is-active .shared-cut__band--edge {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 100%);
  animation: shared-cut-bt-edge 0.58s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes shared-cut-lr-main {
  0% {
    translate: -110% 0;
    opacity: 0.2;
  }
  18% {
    opacity: 1;
  }
  100% {
    translate: 260% 0;
    opacity: 0.15;
  }
}
@keyframes shared-cut-lr-edge {
  0% {
    translate: -180% 0;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    translate: 320% 0;
    opacity: 0;
  }
}
@keyframes shared-cut-rl-main {
  0% {
    translate: 110% 0;
    opacity: 0.2;
  }
  18% {
    opacity: 1;
  }
  100% {
    translate: -260% 0;
    opacity: 0.15;
  }
}
@keyframes shared-cut-rl-edge {
  0% {
    translate: 180% 0;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    translate: -320% 0;
    opacity: 0;
  }
}
@keyframes shared-cut-tb-main {
  0% {
    translate: 0 -110%;
    opacity: 0.2;
  }
  18% {
    opacity: 1;
  }
  100% {
    translate: 0 260%;
    opacity: 0.15;
  }
}
@keyframes shared-cut-tb-edge {
  0% {
    translate: 0 -180%;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    translate: 0 320%;
    opacity: 0;
  }
}
@keyframes shared-cut-bt-main {
  0% {
    translate: 0 110%;
    opacity: 0.2;
  }
  18% {
    opacity: 1;
  }
  100% {
    translate: 0 -260%;
    opacity: 0.15;
  }
}
@keyframes shared-cut-bt-edge {
  0% {
    translate: 0 180%;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    translate: 0 -320%;
    opacity: 0;
  }
}
body:has(.lilia) {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
}

.lilia {
  color: #fff;
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  width: 1920px;
  overflow-x: hidden;
}

.l00 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  background-color: #67276d;
}
.l00 .-ls20 {
  letter-spacing: -0.2em;
}
.l00 .-ls23 {
  letter-spacing: -0.23em;
}
.l00__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.l00__bg-vine {
  position: absolute;
  top: -55.75px;
  left: -13.27px;
  width: 1946.54px;
  height: 1191.5px;
  opacity: 0.75;
}
.l00__bg-vine img,
.l00__bg-vine svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l00__bg-gradient {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(24, 0, 27, 0) 0%, rgba(24, 0, 27, 0.54) 50%, rgba(24, 0, 27, 0.9) 100%);
}
.l00__deco {
  position: absolute;
  pointer-events: none;
}
.l00__deco img,
.l00__deco svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.l00__deco--1 {
  top: 411.45px;
  left: 91px;
  width: 273px;
  height: 79px;
}
.l00__deco--2 {
  top: 599.55px;
  left: 1621.24px;
  width: 223.26px;
  height: 64.61px;
}
.l00__deco--3 {
  top: 712.78px;
  left: 1376.14px;
  width: 311.59px;
  height: 136.57px;
}
.l00__deco--4 {
  top: 211.7px;
  left: 370px;
  width: 381px;
  height: 167px;
}
.l00__border {
  position: absolute;
  left: 0;
  width: 1920px;
  z-index: 2;
  pointer-events: none;
}
.l00__border--top {
  top: 0;
}
.l00__border--top img,
.l00__border--top svg {
  height: 99px;
}
.l00__border--bottom {
  bottom: 0;
}
.l00__border--bottom img,
.l00__border--bottom svg {
  height: 102px;
}
.l00__border img,
.l00__border svg {
  display: block;
  width: 1920px;
  object-fit: cover;
}
.l00__content {
  position: absolute;
  inset: 0;
  z-index: 3;
  transition: opacity 0.35s ease;
}
.l00__btn {
  position: absolute;
  top: 415.45px;
  left: 360.73px;
  width: 1197.82px;
  height: 250px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #fff;
  font-family: inherit;
  cursor: pointer;
  overflow: visible;
  transform-origin: center center;
  transition: transform 0.2s ease;
}
html:not(.is-mobile) .l00__btn {
  will-change: transform;
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .l00__btn:hover {
    transform: scale(0.9237);
  }
}
.l00__btn:active, .l00__btn:disabled {
  transform: scale(0.9237);
}
.l00__btn-bg {
  position: absolute;
  top: -10px;
  left: -30px;
  width: 1258px;
  height: 310px;
  pointer-events: none;
}
.l00__btn-bg img,
.l00__btn-bg svg {
  display: block;
  width: 1258px;
  height: 310px;
}
.l00__btn-text {
  position: absolute;
  top: 79px;
  left: 185.41px;
  z-index: 1;
  width: 830px;
  height: 102px;
  line-height: 0;
}
.l00__btn-text img,
.l00__btn-text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
  pointer-events: none;
  user-select: none;
}
.l00__btn-arrow {
  position: absolute;
  top: 88.92px;
  left: 1104.57px;
  z-index: 1;
  width: 28px;
  height: 72.16px;
}
.l00__btn-arrow img,
.l00__btn-arrow svg {
  display: block;
  width: 28px;
  height: 72.16px;
  object-fit: contain;
}
.l00__notice {
  position: absolute;
  top: 665px;
  left: 278.5px;
  width: 1363px;
  margin: 0;
  margin-top: 116.34px;
  line-height: 0;
  text-align: center;
  transition: opacity 0.4s ease;
}
html:not(.is-mobile) .l00__notice {
  will-change: transform;
}
.l00__notice img,
.l00__notice svg {
  display: block;
  width: 1286px;
  height: 80px;
  margin: 0 auto;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}
.l00__copy {
  position: absolute;
  left: 21.94px;
  bottom: 10.16px;
  z-index: 4;
  margin: 0;
  line-height: 0;
  pointer-events: none;
}
html:not(.is-mobile) .l00__copy {
  will-change: transform;
}
.l00__copy img,
.l00__copy svg {
  display: block;
  width: 305px;
  height: 21px;
  object-fit: contain;
  user-select: none;
}
.l00__swarm {
  position: absolute;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}
.l00__swarm-bat {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 220px;
  height: 75px;
  margin-left: -110px;
  margin-top: -37.5px;
  color: #140018;
  opacity: 0;
  transform-origin: center center;
}
.l00__swarm-bat-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l00__swarm-bat-wing {
  transform-box: view-box;
  translate: 0 -4px;
  rotate: 0rad;
}
.l00__swarm-bat-wing--r {
  transform-origin: 47.507% 80.747%;
}
.l00__swarm-bat-wing--l {
  transform-origin: 52.362% 80.749%;
}
.l00__swarm-sweet {
  position: absolute;
  top: 0;
  left: var(--sx, 50%);
  width: var(--ssize, 120px);
  height: auto;
  margin-left: calc(var(--ssize, 120px) / -2);
  opacity: 0;
  transform-origin: center center;
}
.l00__swarm-sweet img,
.l00__swarm-sweet svg {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
  user-select: none;
}
.l00.is-swarming .l00__swarm {
  opacity: 1;
  visibility: visible;
}
.l00.is-swarming .l00__deco {
  z-index: 11;
  animation: l00-deco-rush 2s cubic-bezier(0.2, 0.65, 0.25, 1) forwards;
}
.l00.is-swarming .l00__deco--1 {
  animation-delay: 0.08s;
  --rush-x: -345.6px;
  --rush-y: -86.4px;
  --rush-rot: -18deg;
}
.l00.is-swarming .l00__deco--2 {
  animation-delay: 0.18s;
  --rush-x: 422.4px;
  --rush-y: 64.8px;
  --rush-rot: 14deg;
}
.l00.is-swarming .l00__deco--3 {
  animation-delay: 0.12s;
  --rush-x: 307.2px;
  --rush-y: 194.4px;
  --rush-rot: 10deg;
}
.l00.is-swarming .l00__deco--4 {
  animation-delay: 0.04s;
  --rush-x: -230.4px;
  --rush-y: -237.6px;
  --rush-rot: -12deg;
}
.l00.is-swarming .l00__swarm-bat {
  animation: l00-swarm-approach var(--dur, 2s) cubic-bezier(0.15, 0.7, 0.25, 1) var(--delay, 0s) forwards;
}
.l00.is-swarming .l00__swarm-bat-wing--r {
  animation: loading-bat-wing-r 5s linear infinite;
}
.l00.is-swarming .l00__swarm-bat-wing--l {
  animation: loading-bat-wing-l 5s linear infinite;
}
.l00.is-swarming .l00__swarm-sweet {
  animation: l00-sweet-fall var(--sdur, 2.2s) cubic-bezier(0.33, 0.05, 0.35, 1) var(--sdelay, 0s) forwards;
}

@keyframes l00-deco-rush {
  0% {
    opacity: 0.5;
    scale: 1;
    translate: 0 0;
    rotate: 0deg;
  }
  35% {
    opacity: 0.65;
    scale: 1.05;
    translate: 0 0;
    rotate: 0deg;
    animation-timing-function: cubic-bezier(0.15, 0.55, 0.2, 1);
  }
  100% {
    opacity: 0;
    scale: 4.5;
    translate: var(--rush-x, 0) var(--rush-y, 0);
    rotate: var(--rush-rot, 0deg);
  }
}
@keyframes l00-swarm-approach {
  0% {
    opacity: 0;
    translate: var(--x, 0) var(--y, 0);
    scale: var(--start-scale, 0.5);
    rotate: var(--spin, 0deg);
  }
  5% {
    opacity: 0.35;
    translate: var(--x, 0) var(--y, 0);
    scale: var(--start-scale, 0.5);
    rotate: var(--spin, 0deg);
  }
  48% {
    opacity: 0.7;
    translate: var(--x, 0) var(--y, 0);
    scale: var(--start-scale, 0.5);
    rotate: var(--spin, 0deg);
    animation-timing-function: cubic-bezier(0.15, 0.55, 0.2, 1);
  }
  62% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    translate: var(--ex, 0) var(--ey, 0);
    scale: var(--end-scale, 4.2);
    rotate: calc(var(--spin, 0deg) + var(--spin-end, 25deg));
  }
}
@keyframes l00-sweet-fall {
  0% {
    opacity: 0;
    translate: var(--drift-start, 0) -194.4px;
    rotate: var(--spin-start, -15deg);
  }
  10% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0.85;
    translate: var(--drift-end, 0) 1274.4px;
    rotate: var(--spin-end, 35deg);
  }
}
.loading {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  background-color: #010101;
}
.loading__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.loading__bg img,
.loading__bg svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.loading__content {
  position: absolute;
  top: 213.49px;
  left: 50%;
  width: 653.01px;
  height: 653.01px;
  margin-left: -326.505px;
  z-index: 1;
}
.loading__text {
  position: absolute;
  inset: 0;
  pointer-events: none;
  rotate: 0rad;
}
.loading__text img,
.loading__text svg {
  display: block;
  width: 100%;
  height: 100%;
}
.loading__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 345px;
  height: 250px;
  margin-top: -145px;
  margin-left: -172.5px;
  pointer-events: none;
  overflow: visible;
}
.loading__bat-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.loading__bat-body {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 17.5px;
}
.loading__bat-wing {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 11.5px;
  rotate: 0rad;
}
.loading__bat-wing--r {
  transform-origin: 48.085% 69.069%;
}
.loading__bat-wing--l {
  transform-origin: 51.814% 69.07%;
}
.loading.start .loading__text {
  animation: loading-text-rotate 8s linear infinite;
}
.loading.start .loading__bat-body {
  animation: loading-bat-body 8s linear infinite;
}
.loading.start .loading__bat-wing--r {
  animation: loading-bat-wing-r 8s linear infinite, loading-bat-wing-bounce 8s linear infinite;
}
.loading.start .loading__bat-wing--l {
  animation: loading-bat-wing-l 8s linear infinite, loading-bat-wing-bounce 8s linear infinite;
}
.loading__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@keyframes loading-text-rotate {
  0% {
    rotate: 0rad;
  }
  100% {
    rotate: 6.283rad;
  }
}
@keyframes loading-bat-wing-r {
  0% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  2.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.524rad;
  }
  7.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  10% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  12.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  15% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.524rad;
  }
  17.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  20% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  22.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  25% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.524rad;
  }
  27.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  30% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  32.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  35% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.524rad;
  }
  37.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  40% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  42.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  45% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.524rad;
  }
  47.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  50% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  52.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  55% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.524rad;
  }
  57.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  60% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  62.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  65% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.524rad;
  }
  67.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  70% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  72.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  75% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.524rad;
  }
  77.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  80% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  82.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  85% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.524rad;
  }
  87.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  90% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  92.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  95% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.524rad;
  }
  97.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: -0.262rad;
  }
  100% {
    rotate: 0rad;
  }
}
@keyframes loading-bat-wing-l {
  0% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  2.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.523rad;
  }
  7.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  10% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  12.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  15% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.523rad;
  }
  17.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  20% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  22.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  25% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.523rad;
  }
  27.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  30% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  32.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  35% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.523rad;
  }
  37.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  40% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  42.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  45% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.523rad;
  }
  47.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  50% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  52.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  55% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.523rad;
  }
  57.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  60% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  62.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  65% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.523rad;
  }
  67.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  70% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  72.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  75% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.523rad;
  }
  77.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  80% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  82.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  85% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.523rad;
  }
  87.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  90% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0rad;
  }
  92.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  95% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.523rad;
  }
  97.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    rotate: 0.261rad;
  }
  100% {
    rotate: 0rad;
  }
}
@keyframes loading-bat-body {
  0% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  2.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  7.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  10% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  12.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  15% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  17.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  20% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  22.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  25% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  27.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  30% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  32.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  35% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  37.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  40% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  42.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  45% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  47.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  50% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  52.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  55% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  57.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  60% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  62.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  65% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  67.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  70% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  72.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  75% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  77.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  80% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  82.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  85% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  87.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  90% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  92.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  95% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  97.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes loading-bat-wing-bounce {
  0% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  2.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  7.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  10% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  12.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  15% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  17.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  20% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  22.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  25% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  27.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  30% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  32.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  35% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  37.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  40% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  42.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  45% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  47.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  50% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  52.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  55% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  57.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  60% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  62.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  65% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  67.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  70% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  72.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  75% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  77.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  80% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  82.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  85% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  87.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  90% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 0;
  }
  92.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  95% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -37.5px;
  }
  97.5% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    translate: 0 -17.5px;
  }
  100% {
    translate: 0 0;
  }
}
.l01 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #222222;
}
.l01__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: #47054d;
}
.l01__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../../hw2026liliapv/img/l01_pattern.webp");
  background-repeat: repeat;
  background-position: left top;
  background-size: 507px 507px;
  opacity: 0.15;
}
.l01__clouds, .l01__frame {
  opacity: 0;
}
.l01__clouds {
  position: absolute;
  top: 0.2px;
  left: 0.42px;
  width: 1920px;
  height: 1080px;
  z-index: 1;
  pointer-events: none;
}
.l01__clouds img,
.l01__clouds svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l01__clouds-part {
  position: absolute;
  inset: 0;
  will-change: transform;
}
.l01__clouds-part svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l01__clouds-part--tl {
  transform: translate3d(0, 0, 0);
}
.l01__clouds-part--br {
  transform: translate3d(0, 0, 0);
}
.l01__arrows {
  position: absolute;
  top: 295.74px;
  left: 1559.22px;
  width: 236.16px;
  height: 467.68px;
  z-index: 2;
  pointer-events: none;
  opacity: 1;
  transform: translate3d(0, 280px, 0);
  will-change: transform;
}
.l01__arrows img,
.l01__arrows svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l01__moon {
  position: absolute;
  top: 215px;
  left: 634px;
  width: 651.24px;
  height: 650.12px;
  z-index: 3;
  pointer-events: none;
  opacity: 1;
  transform: translate3d(0, 920px, 0);
  transform-origin: center center;
  will-change: transform;
}
.l01__moon img,
.l01__moon svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.l01__moon::before {
  content: "";
  position: absolute;
  inset: -20px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(235, 161, 210, 0.55) 0%, rgba(235, 161, 210, 0.25) 42%, rgba(235, 161, 210, 0) 68%);
  opacity: 0;
  pointer-events: none;
}
.l01__moon::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: #eba1d2;
  opacity: 0;
  pointer-events: none;
}
.l01__frame {
  position: absolute;
  top: 41.36px;
  left: 41.26px;
  width: 1837.49px;
  height: 997.28px;
  z-index: 4;
  pointer-events: none;
}
.l01__frame img,
.l01__frame svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l01__name {
  position: absolute;
  z-index: 4;
  pointer-events: none;
  opacity: 1;
}
.l01__name img,
.l01__name svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l01__name--left {
  top: 247.68px;
  left: 67.68px;
  width: 45.64px;
  height: 577.28px;
}
.l01__name--right {
  top: 255.04px;
  left: 1809.69px;
  width: 45.64px;
  height: 577.28px;
}
.l01__flags {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  opacity: 1;
  will-change: transform, opacity;
}
.l01__flags img,
.l01__flags svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l01__flags--1 {
  top: 127.2px;
  left: 1092.07px;
  width: 695.65px;
  height: 345.35px;
  transform: translate3d(0, 0, 0);
}
.l01__flags--2 {
  top: 841.61px;
  left: 225.43px;
  width: 578.92px;
  height: 260.27px;
  transform: translate3d(0, 0, 0);
}
.l01__zenkai {
  position: absolute;
  top: 37.51px;
  left: 128.43px;
  width: 1130.73px;
  height: 502.49px;
  z-index: 6;
  pointer-events: none;
  overflow: visible;
  perspective: 1400px;
  transform-origin: right center;
  will-change: transform, opacity;
}
.l01__zenkai-char {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(3.4);
  transform-origin: center;
  will-change: transform, opacity;
}
.l01__zenkai-char svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l01__power-ja {
  position: absolute;
  top: 473.65px;
  left: -41.88px;
  width: 2004.76px;
  height: 645.48px;
  z-index: 7;
  pointer-events: none;
  overflow: visible;
  transform-origin: left center;
  will-change: transform, opacity;
}
.l01__power-ja-char {
  position: absolute;
  inset: 0;
  opacity: 0;
  will-change: transform, opacity;
}
.l01__power-ja-char svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l01__power-ja-char--pa {
  transform: translate3d(800px, -900px, 0);
}
.l01__power-ja-char--wa, .l01__power-ja-char--cho {
  transform: translate3d(-1100px, 0, 0);
}
.l01__power-en {
  position: absolute;
  top: 701.98px;
  left: 956.2px;
  width: 927.51px;
  height: 402.65px;
  z-index: 8;
  pointer-events: none;
  overflow: visible;
  transform-origin: left center;
  will-change: transform, opacity;
}
.l01__power-en-char {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform-origin: center;
  will-change: transform, opacity;
}
.l01__power-en-char svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l01__power-en-char--p {
  transform: translate3d(40px, -110px, 0);
}
.l01__power-en-char--o {
  transform: translate3d(120px, -125px, 0);
}
.l01__power-en-char--w {
  transform: translate3d(200px, -140px, 0);
}
.l01__power-en-char--e {
  transform: translate3d(280px, -155px, 0);
}
.l01__power-en-char--r {
  transform: translate3d(360px, -170px, 0);
}
.l01__cut {
  position: absolute;
  inset: 0;
  z-index: 30;
  pointer-events: none;
  overflow: hidden;
}
.l01__cut-track {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 100%, 0);
  will-change: transform;
}
.l01__veil {
  position: absolute;
  left: 0;
  top: -500%;
  width: 100%;
  height: calc(500% + 141.4375%);
  z-index: 0;
  pointer-events: none;
  background-color: #222222;
}
.l01__cut-panel {
  position: absolute;
  left: 0;
  width: 100%;
  height: 155%;
}
.l01__cut-panel svg {
  display: block;
  width: 100%;
  height: 100%;
}
.l01__cut-panel--1 {
  top: 0;
  z-index: 2;
}
.l01__cut-panel--2 {
  top: 141.4375%;
  z-index: 1;
}
.l01.start .l01__cut-track {
  animation: l01-cut-up 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.l01.start .l01__clouds,
.l01.start .l01__frame {
  animation: l01-fade-in 0.35s ease-out 0s forwards;
}
.l01.start .l01__moon {
  animation: l01-moon-rise 1.45s cubic-bezier(0, 1.05, 0.05, 1) 0.4s forwards, l01-moon-grow 2.2s cubic-bezier(0.2, 0.5, 0.2, 1) 1.6s forwards;
}
.l01.start .l01__moon::before,
.l01.start .l01__moon::after {
  animation: l01-moon-tint 2.2s cubic-bezier(0.2, 0.5, 0.2, 1) 1.6s forwards;
}
.l01.start .l01__clouds-part--tl {
  animation: l01-cloud-tl 4.5s linear 0s forwards;
}
.l01.start .l01__clouds-part--br {
  animation: l01-cloud-br 4.5s linear 0s forwards;
}
.l01.start .l01__arrows {
  animation: l01-arrows-up 1.6s linear 0s forwards;
}
.l01.start .l01__flags--1 {
  animation: l01-flag-right 3.2s linear 0s forwards, l01-flag-hide 0.12s ease-out 1.6s forwards;
}
.l01.start .l01__flags--2 {
  animation: l01-flag-left 3.2s linear 0s forwards, l01-flag-hide 0.12s ease-out 1.6s forwards;
}
.l01.start .l01__zenkai-char--1 {
  animation: l01-zenkai-in 0.42s cubic-bezier(0.15, 0.85, 0.25, 1) 0.4s forwards;
}
.l01.start .l01__zenkai-char--2 {
  animation: l01-zenkai-in 0.42s cubic-bezier(0.15, 0.85, 0.25, 1) 0.54s forwards;
}
.l01.start .l01__power-ja-char--pa {
  animation: l01-power-pa-in 0.45s cubic-bezier(0.15, 0.85, 0.25, 1) 0.93s forwards;
}
.l01.start .l01__power-ja-char--wa {
  animation: l01-power-wa-in 0.42s cubic-bezier(0.15, 0.85, 0.25, 1) 1.03s forwards;
}
.l01.start .l01__power-ja-char--cho {
  animation: l01-power-wa-in 0.42s cubic-bezier(0.15, 0.85, 0.25, 1) 1.13s forwards;
}
.l01.start .l01__power-en-char--p {
  animation: l01-power-en-p-in 0.4s cubic-bezier(0.15, 0.85, 0.25, 1) 0.93s forwards;
}
.l01.start .l01__power-en-char--o {
  animation: l01-power-en-o-in 0.4s cubic-bezier(0.15, 0.85, 0.25, 1) 0.99s forwards;
}
.l01.start .l01__power-en-char--w {
  animation: l01-power-en-w-in 0.4s cubic-bezier(0.15, 0.85, 0.25, 1) 1.05s forwards;
}
.l01.start .l01__power-en-char--e {
  animation: l01-power-en-e-in 0.4s cubic-bezier(0.15, 0.85, 0.25, 1) 1.11s forwards;
}
.l01.start .l01__power-en-char--r {
  animation: l01-power-en-r-in 0.4s cubic-bezier(0.15, 0.85, 0.25, 1) 1.17s forwards;
}
.l01.start .l01__zenkai {
  animation: l01-zenkai-pull-left 0.22s cubic-bezier(0.55, 0.05, 0.9, 0.25) 1.6s forwards;
}
.l01.start .l01__power-ja,
.l01.start .l01__power-en {
  animation: l01-power-pull-right 0.22s cubic-bezier(0.55, 0.05, 0.9, 0.25) 1.6s forwards;
}

@keyframes l01-cut-up {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  100% {
    transform: translate3d(0, -310%, 0);
  }
}
@keyframes l01-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes l01-moon-rise {
  from {
    transform: translate3d(0, 920px, 0) scale(1);
  }
  to {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes l01-moon-grow {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  88%, 100% {
    transform: translate3d(0, 0, 0) scale(2);
  }
}
@keyframes l01-moon-tint {
  0% {
    opacity: 0;
  }
  30%, 48% {
    opacity: 0.55;
  }
  68% {
    opacity: 0.22;
  }
  88%, 100% {
    opacity: 0;
  }
}
@keyframes l01-flag-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(70px, 0, 0);
  }
}
@keyframes l01-flag-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-70px, 0, 0);
  }
}
@keyframes l01-flag-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes l01-cloud-tl {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-18px, -14px, 0);
  }
}
@keyframes l01-cloud-br {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(18px, 14px, 0);
  }
}
@keyframes l01-arrows-up {
  from {
    transform: translate3d(0, 280px, 0);
  }
  to {
    transform: translate3d(0, -900px, 0);
  }
}
@keyframes l01-zenkai-in {
  0% {
    opacity: 0;
    transform: scale(3.4);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes l01-power-en-p-in {
  0% {
    opacity: 0;
    transform: translate3d(40px, -110px, 0);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l01-power-en-o-in {
  0% {
    opacity: 0;
    transform: translate3d(120px, -125px, 0);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l01-power-en-w-in {
  0% {
    opacity: 0;
    transform: translate3d(200px, -140px, 0);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l01-power-en-e-in {
  0% {
    opacity: 0;
    transform: translate3d(280px, -155px, 0);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l01-power-en-r-in {
  0% {
    opacity: 0;
    transform: translate3d(360px, -170px, 0);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l01-power-pa-in {
  0% {
    opacity: 0;
    transform: translate3d(800px, -900px, 0);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l01-power-wa-in {
  0% {
    opacity: 0;
    transform: translate3d(-1100px, 0, 0);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l01-zenkai-pull-left {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) skewX(0deg) scaleX(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(-1300px, 0, 0) skewX(24deg) scaleX(1.6);
  }
}
@keyframes l01-power-pull-right {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) skewX(0deg) scaleX(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(1400px, 0, 0) skewX(-24deg) scaleX(1.6);
  }
}
.l02 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #47054d;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.l02__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: #47054d;
  opacity: 0;
}
.l02__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../../hw2026liliapv/img/l01_pattern.webp");
  background-repeat: repeat;
  background-position: left top;
  background-size: 507px 507px;
  opacity: 0.15;
}
.l02__clouds {
  position: absolute;
  top: 0.2px;
  left: 0.42px;
  width: 1920px;
  height: 1080px;
  z-index: 1;
  pointer-events: none;
  opacity: 1;
}
.l02__clouds img,
.l02__clouds svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l02__clouds-part {
  position: absolute;
  inset: 0;
  will-change: transform;
}
.l02__clouds-part svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l02__clouds-part--tl {
  transform: translate3d(0, 0, 0);
}
.l02__clouds-part--br {
  transform: translate3d(0, 0, 0);
}
.l02__moon {
  position: absolute;
  top: -128.38px;
  left: 293.3px;
  width: 1333.31px;
  height: 1333.31px;
  z-index: 2;
  pointer-events: none;
  opacity: 1;
  transform: scale(0.5);
  transform-origin: center center;
  will-change: transform;
}
.l02__moon-img {
  position: absolute;
  top: 14.61px;
  left: 19.18px;
  width: 1300px;
  height: 1300px;
}
.l02__moon-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.l02__chara {
  position: absolute;
  top: -128.38px;
  left: 293.3px;
  width: 1333.31px;
  height: 1333.31px;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transform: scale(1.08);
  transform-origin: center center;
  will-change: transform, opacity;
}
.l02__chara img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l02__text {
  position: absolute;
  top: -66.51px;
  left: 178.5px;
  width: 1555.51px;
  height: 1187.89px;
  z-index: 3;
  pointer-events: none;
  overflow: visible;
}
.l02__text img,
.l02__text svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  object-fit: fill;
}
.l02__text .l02__text-face,
.l02__text .l02__text-ghost,
.l02__text .l02__text-center-char,
.l02__text .l02__text-bat {
  position: absolute;
  inset: 0;
  transform-origin: center center;
}
.l02__text .l02__text-face svg,
.l02__text .l02__text-ghost svg,
.l02__text .l02__text-center-char svg,
.l02__text .l02__text-bat svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l02__text .l02__text-face {
  will-change: transform, opacity;
}
.l02__text .l02__text-ghost {
  visibility: hidden;
  opacity: 1;
  will-change: transform;
}
.l02__text .l02__text-face--daitan {
  opacity: 0;
  transform: translate3d(0, 920px, 0);
}
.l02__text .l02__text-ghost--daitan {
  transform: translate3d(0, 1000px, 0);
}
.l02__text .l02__text-face--futeki {
  inset: auto;
  top: 66.51px;
  left: 1018px;
  width: 543px;
  height: 1080px;
  opacity: 0;
  transform: translate3d(0, -920px, 0);
}
.l02__text .l02__text-ghost--futeki {
  transform: translate3d(0, -1000px, 0);
}
.l02__text .l02__text-center-char {
  inset: auto;
  top: 317.6px;
  left: 751.8px;
  width: 70.43px;
  height: 527.14px;
  opacity: 0;
  transform: scale(0);
  will-change: transform, opacity;
}
.l02__text .l02__text-bat {
  opacity: 0;
  transform: scale(1);
  will-change: transform, opacity;
}
.l02__frame {
  position: absolute;
  top: 41.36px;
  left: 41.26px;
  width: 1837.49px;
  height: 997.28px;
  z-index: 4;
  pointer-events: none;
  opacity: 1;
}
.l02__frame img,
.l02__frame svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l02__name {
  position: absolute;
  z-index: 4;
  pointer-events: none;
  opacity: 1;
}
.l02__name img,
.l02__name svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l02__name--left {
  top: 247.68px;
  left: 67.68px;
  width: 45.64px;
  height: 577.28px;
}
.l02__name--right {
  top: 255.04px;
  left: 1809.69px;
  width: 45.64px;
  height: 577.28px;
}
.l02__slash {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
  overflow: hidden;
}
.l02__slash-band {
  position: absolute;
  left: -20%;
  width: 140%;
  height: 180px;
  opacity: 0;
  will-change: transform, opacity;
}
.l02__slash-band--1 {
  top: 18%;
  background: #87e0cc;
  transform: rotate(-18deg) translate3d(-120%, 0, 0);
}
.l02__slash-band--2 {
  top: 42%;
  height: 140px;
  background: #ff8db9;
  transform: rotate(-18deg) translate3d(-130%, 0, 0);
}
.l02__slash-band--3 {
  top: 64%;
  height: 120px;
  background: #ffedc4;
  transform: rotate(-18deg) translate3d(-140%, 0, 0);
}
.l02.start .l02__bg {
  animation: l02-fade-in 0.2s ease-out forwards;
}
.l02.start .l02__clouds-part--tl {
  animation: l02-cloud-tl 4.5s linear -1.5s forwards;
}
.l02.start .l02__clouds-part--br {
  animation: l02-cloud-br 4.5s linear -1.5s forwards;
}
.l02.start .l02__moon {
  animation: l02-moon-grow 2.2s cubic-bezier(0.2, 0.5, 0.2, 1) 0.1s forwards;
}
.l02.start .l02__moon-img::before,
.l02.start .l02__moon-img::after {
  animation: l02-moon-tint 2.2s cubic-bezier(0.2, 0.5, 0.2, 1) 0.1s forwards;
}
.l02.start .l02__chara {
  animation: l02-chara-reveal 2.2s cubic-bezier(0.25, 0.55, 0.25, 1) -0.1s forwards, l02-chara-bounce 0.9s cubic-bezier(0.33, 1.15, 0.45, 1) 0.8s forwards;
}
.l02.start .l02__text-face--daitan {
  animation: l02-daitan-full 2.5s linear 0s forwards;
}
.l02.start .l02__text-face--futeki {
  animation: l02-futeki-full 2.5s linear 0s forwards;
}
.l02.start .l02__text-ghost--daitan.l02__text-ghost--mint,
.l02.start .l02__text-ghost--daitan.l02__text-ghost--pink,
.l02.start .l02__text-ghost--futeki.l02__text-ghost--mint,
.l02.start .l02__text-ghost--futeki.l02__text-ghost--pink {
  animation: none;
}
.l02.start .l02__text-center-char {
  animation: l02-center-pop 0.45s cubic-bezier(0.15, 1.35, 0.35, 1) 0.25s forwards, l02-center-out 0.24s ease-in 1.48s forwards;
}
.l02.start .l02__text-bat--top,
.l02.start .l02__text-bat--bottom {
  animation: l02-bat-fade 0.35s ease-out 0.32s forwards, l02-bat-pulse 0.55s steps(2) 0.67s infinite, l02-center-out 0.24s ease-in 1.48s forwards;
}
.l02.start .l02__slash-band--1 {
  animation: l02-slash 0.55s cubic-bezier(0.4, 0, 0.2, 1) 1.7s forwards;
}
.l02.start .l02__slash-band--2 {
  animation: l02-slash 0.55s cubic-bezier(0.4, 0, 0.2, 1) 1.82s forwards;
}
.l02.start .l02__slash-band--3 {
  animation: l02-slash 0.55s cubic-bezier(0.4, 0, 0.2, 1) 1.94s forwards;
}

@keyframes l02-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes l02-cloud-tl {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-18px, -14px, 0);
  }
}
@keyframes l02-cloud-br {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(18px, 14px, 0);
  }
}
@keyframes l02-moon-grow {
  0% {
    opacity: 1;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes l02-moon-tint {
  0% {
    opacity: 0;
  }
  28%, 40% {
    opacity: 0.55;
  }
  55% {
    opacity: 0.22;
  }
  72%, 100% {
    opacity: 0;
  }
}
@keyframes l02-chara-reveal {
  0%, 32% {
    opacity: 0;
    transform: scale(1.04);
  }
  48% {
    opacity: 0.45;
    transform: scale(1.02);
  }
  64% {
    opacity: 0.85;
    transform: scale(1.01);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes l02-chara-bounce {
  0%, 100% {
    transform: scale(1) translate3d(0, 0, 0);
  }
  14% {
    transform: scale(1) translate3d(0, -26px, 0);
  }
  28% {
    transform: scale(1) translate3d(0, 0, 0);
  }
  42% {
    transform: scale(1) translate3d(0, -20px, 0);
  }
  56% {
    transform: scale(1) translate3d(0, 0, 0);
  }
  70% {
    transform: scale(1) translate3d(0, -14px, 0);
  }
  84%, 100% {
    transform: scale(1) translate3d(0, 0, 0);
  }
}
@keyframes l02-daitan-full {
  0% {
    opacity: 0;
    transform: translate3d(0, 920px, 0);
    animation-timing-function: cubic-bezier(0.15, 0.85, 0.25, 1);
  }
  5.3% {
    opacity: 0;
    transform: translate3d(0, 920px, 0);
    animation-timing-function: cubic-bezier(0.15, 0.85, 0.25, 1);
  }
  9.6% {
    opacity: 1;
    transform: translate3d(0, 280px, 0);
    animation-timing-function: cubic-bezier(0.15, 0.85, 0.25, 1);
  }
  28.4% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation-timing-function: linear;
  }
  78% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.35, 0, 0.9, 0.15);
  }
  90% {
    opacity: 1;
    transform: translate3d(5200px, -2100px, 0);
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: translate3d(5200px, -2100px, 0);
  }
}
@keyframes l02-futeki-full {
  0% {
    opacity: 0;
    transform: translate3d(0, -920px, 0);
    animation-timing-function: cubic-bezier(0.15, 0.85, 0.25, 1);
  }
  5.3% {
    opacity: 0;
    transform: translate3d(0, -920px, 0);
    animation-timing-function: cubic-bezier(0.15, 0.85, 0.25, 1);
  }
  9.6% {
    opacity: 1;
    transform: translate3d(0, -280px, 0);
    animation-timing-function: cubic-bezier(0.15, 0.85, 0.25, 1);
  }
  28.4% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation-timing-function: linear;
  }
  78% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.35, 0, 0.9, 0.15);
  }
  90% {
    opacity: 1;
    transform: translate3d(5200px, -2100px, 0);
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: translate3d(5200px, -2100px, 0);
  }
}
@keyframes l02-daitan-ghost-mint {
  0% {
    visibility: visible;
    transform: translate3d(0, 1000px, 0);
  }
  100% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l02-daitan-ghost-pink {
  0% {
    visibility: visible;
    transform: translate3d(0, 1080px, 0);
  }
  100% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l02-futeki-ghost-mint {
  0% {
    visibility: visible;
    transform: translate3d(0, -1000px, 0);
  }
  100% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l02-futeki-ghost-pink {
  0% {
    visibility: visible;
    transform: translate3d(0, -1080px, 0);
  }
  100% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l02-daitan-ghost-mint-full {
  0% {
    visibility: hidden;
    transform: translate3d(0, 1000px, 0);
    animation-timing-function: step-end;
  }
  6.8% {
    visibility: visible;
    transform: translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.15, 0.85, 0.25, 1);
  }
  28% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    animation-timing-function: linear;
  }
  79% {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.35, 0, 0.9, 0.15);
  }
  91% {
    visibility: visible;
    opacity: 1;
    transform: translate3d(5400px, -2180px, 0);
    animation-timing-function: linear;
  }
  100% {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(5400px, -2180px, 0);
  }
}
@keyframes l02-daitan-ghost-pink-full {
  0% {
    visibility: hidden;
    transform: translate3d(0, 1080px, 0);
    animation-timing-function: step-end;
  }
  8% {
    visibility: visible;
    transform: translate3d(0, 1080px, 0);
    animation-timing-function: cubic-bezier(0.12, 0.88, 0.22, 1);
  }
  28% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    animation-timing-function: linear;
  }
  80% {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.35, 0, 0.9, 0.15);
  }
  92% {
    visibility: visible;
    opacity: 1;
    transform: translate3d(5600px, -2260px, 0);
    animation-timing-function: linear;
  }
  100% {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(5600px, -2260px, 0);
  }
}
@keyframes l02-futeki-ghost-mint-full {
  0% {
    visibility: hidden;
    transform: translate3d(0, -1000px, 0);
    animation-timing-function: step-end;
  }
  6.8% {
    visibility: visible;
    transform: translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.15, 0.85, 0.25, 1);
  }
  28% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    animation-timing-function: linear;
  }
  79% {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.35, 0, 0.9, 0.15);
  }
  91% {
    visibility: visible;
    opacity: 1;
    transform: translate3d(5400px, -2180px, 0);
    animation-timing-function: linear;
  }
  100% {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(5400px, -2180px, 0);
  }
}
@keyframes l02-futeki-ghost-pink-full {
  0% {
    visibility: hidden;
    transform: translate3d(0, -1080px, 0);
    animation-timing-function: step-end;
  }
  8% {
    visibility: visible;
    transform: translate3d(0, -1080px, 0);
    animation-timing-function: cubic-bezier(0.12, 0.88, 0.22, 1);
  }
  28% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    animation-timing-function: linear;
  }
  80% {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.35, 0, 0.9, 0.15);
  }
  92% {
    visibility: visible;
    opacity: 1;
    transform: translate3d(5600px, -2260px, 0);
    animation-timing-function: linear;
  }
  100% {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(5600px, -2260px, 0);
  }
}
@keyframes l02-text-fly-out {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(3400px, -3000px, 0);
  }
}
@keyframes l02-text-ghost-fly-out {
  0% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: visible;
    transform: translate3d(3600px, -3200px, 0);
  }
}
@keyframes l02-center-pop {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  55% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes l02-center-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes l02-bat-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l02-bat-pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.14);
  }
}
@keyframes l02-slash {
  0% {
    opacity: 0.95;
    transform: rotate(-18deg) translate3d(-120%, 0, 0);
  }
  100% {
    opacity: 0;
    transform: rotate(-18deg) translate3d(120%, 0, 0);
  }
}
.lilia:has(.l02.add.start) .shared-confetti__piece--1 {
  animation: l02-confetti-fly 0.145s linear 1.95s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--2 {
  animation: l02-confetti-fly 0.15s linear 1.992s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--3 {
  animation: l02-confetti-fly 0.155s linear 1.99s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--4 {
  animation: l02-confetti-fly 0.16s linear 2.032s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--5 {
  animation: l02-confetti-fly 0.165s linear 2.03s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--6 {
  animation: l02-confetti-fly 0.17s linear 2.028s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--7 {
  animation: l02-confetti-fly 0.175s linear 2.07s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--8 {
  animation: l02-confetti-fly 0.145s linear 2.068s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--9 {
  animation: l02-confetti-fly 0.15s linear 2.066s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--10 {
  animation: l02-confetti-fly 0.155s linear 2.108s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--11 {
  animation: l02-confetti-fly 0.16s linear 2.106s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--12 {
  animation: l02-confetti-fly 0.165s linear 2.104s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--13 {
  animation: l02-confetti-fly 0.17s linear 2.146s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--14 {
  animation: l02-confetti-fly 0.175s linear 2.144s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--15 {
  animation: l02-confetti-fly 0.145s linear 2.186s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--16 {
  animation: l02-confetti-fly 0.15s linear 2.184s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--17 {
  animation: l02-confetti-fly 0.155s linear 2.182s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--18 {
  animation: l02-confetti-fly 0.16s linear 2.224s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--19 {
  animation: l02-confetti-fly 0.165s linear 2.222s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--20 {
  animation: l02-confetti-fly 0.17s linear 2.22s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--21 {
  animation: l02-confetti-fly 0.175s linear 2.022s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--22 {
  animation: l02-confetti-fly 0.145s linear 2.02s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--23 {
  animation: l02-confetti-fly 0.15s linear 2.018s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--24 {
  animation: l02-confetti-fly 0.155s linear 2.06s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--25 {
  animation: l02-confetti-fly 0.16s linear 2.058s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--26 {
  animation: l02-confetti-fly 0.165s linear 2.1s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--27 {
  animation: l02-confetti-fly 0.17s linear 2.098s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--28 {
  animation: l02-confetti-fly 0.175s linear 2.096s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--29 {
  animation: l02-confetti-fly 0.145s linear 2.138s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--30 {
  animation: l02-confetti-fly 0.15s linear 2.136s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--31 {
  animation: l02-confetti-fly 0.155s linear 2.134s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--32 {
  animation: l02-confetti-fly 0.16s linear 2.176s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--33 {
  animation: l02-confetti-fly 0.165s linear 2.174s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--34 {
  animation: l02-confetti-fly 0.17s linear 2.172s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--35 {
  animation: l02-confetti-fly 0.175s linear 2.214s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--36 {
  animation: l02-confetti-fly 0.145s linear 2.212s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--37 {
  animation: l02-confetti-fly 0.15s linear 2.254s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--38 {
  animation: l02-confetti-fly 0.155s linear 2.252s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--39 {
  animation: l02-confetti-fly 0.16s linear 2.25s both;
}
.lilia:has(.l02.add.start) .shared-confetti__piece--40 {
  animation: l02-confetti-fly 0.165s linear 2.292s both;
}

@keyframes l02-confetti-fly {
  0% {
    opacity: 0;
    transform: translate3d(var(--x0), var(--y0), 0) rotate(var(--dir)) scaleX(0.1);
  }
  8% {
    opacity: 1;
    transform: translate3d(calc(var(--x0) * 0.92 + var(--x1) * 0.08), calc(var(--y0) * 0.92 + var(--y1) * 0.08), 0) rotate(var(--dir)) scaleX(0.28);
  }
  55% {
    opacity: 1;
    transform: translate3d(calc(var(--x0) * 0.45 + var(--x1) * 0.55), calc(var(--y0) * 0.45 + var(--y1) * 0.55), 0) rotate(var(--dir)) scaleX(1);
  }
  88% {
    opacity: 1;
    transform: translate3d(calc(var(--x0) * 0.12 + var(--x1) * 0.88), calc(var(--y0) * 0.12 + var(--y1) * 0.88), 0) rotate(var(--dir)) scaleX(1.12);
  }
  100% {
    opacity: 0;
    transform: translate3d(var(--x1), var(--y1), 0) rotate(var(--dir)) scaleX(1.18);
  }
}
.shared-confetti {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1080px;
  z-index: 40;
  pointer-events: none;
  overflow: visible;
}
.shared-confetti__piece {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform-origin: left center;
  backface-visibility: hidden;
  --dir: -22deg;
}
.shared-confetti__piece--1 {
  width: 551px;
  height: 186px;
  background: #834c8f;
  --dir: -18deg;
  --x0: -169px;
  --y0: 463px;
  --x1: 1581px;
  --y1: -43px;
}
.shared-confetti__piece--2 {
  width: 496px;
  height: 167px;
  background: #f7cbdd;
  --dir: -20deg;
  --x0: 143px;
  --y0: -11px;
  --x1: 1732px;
  --y1: -415px;
}
.shared-confetti__piece--3 {
  width: 788px;
  height: 166px;
  background: #ffffff;
  --dir: -22deg;
  --x0: 253px;
  --y0: -95px;
  --x1: 1991px;
  --y1: -457px;
}
.shared-confetti__piece--4 {
  width: 709px;
  height: 231px;
  background: #87e0cc;
  --dir: -24deg;
  --x0: 1246px;
  --y0: 1016px;
  --x1: 3175px;
  --y1: 508px;
}
.shared-confetti__piece--5 {
  width: 622px;
  height: 199px;
  background: #834c8f;
  --dir: -26deg;
  --x0: 751px;
  --y0: -110px;
  --x1: 2683px;
  --y1: -556px;
}
.shared-confetti__piece--6 {
  width: 674px;
  height: 184px;
  background: #f7cbdd;
  --dir: -19deg;
  --x0: 1065px;
  --y0: -64px;
  --x1: 2669px;
  --y1: -637px;
}
.shared-confetti__piece--7 {
  width: 754px;
  height: 191px;
  background: #ffffff;
  --dir: -23deg;
  --x0: 1016px;
  --y0: 441px;
  --x1: 2560px;
  --y1: 56px;
}
.shared-confetti__piece--8 {
  width: 801px;
  height: 252px;
  background: #87e0cc;
  --dir: -21deg;
  --x0: 1626px;
  --y0: -130px;
  --x1: 3691px;
  --y1: -600px;
}
.shared-confetti__piece--9 {
  width: 818px;
  height: 218px;
  background: #834c8f;
  --dir: -18deg;
  --x0: -143px;
  --y0: 119px;
  --x1: 1428px;
  --y1: -478px;
}
.shared-confetti__piece--10 {
  width: 622px;
  height: 276px;
  background: #f7cbdd;
  --dir: -20deg;
  --x0: -57px;
  --y0: 376px;
  --x1: 1546px;
  --y1: -50px;
}
.shared-confetti__piece--11 {
  width: 661px;
  height: 213px;
  background: #ffffff;
  --dir: -22deg;
  --x0: 392px;
  --y0: 163px;
  --x1: 2058px;
  --y1: -268px;
}
.shared-confetti__piece--12 {
  width: 753px;
  height: 222px;
  background: #87e0cc;
  --dir: -24deg;
  --x0: 661px;
  --y0: 138px;
  --x1: 2234px;
  --y1: -395px;
}
.shared-confetti__piece--13 {
  width: 830px;
  height: 243px;
  background: #834c8f;
  --dir: -26deg;
  --x0: 557px;
  --y0: 452px;
  --x1: 2627px;
  --y1: -56px;
}
.shared-confetti__piece--14 {
  width: 641px;
  height: 262px;
  background: #f7cbdd;
  --dir: -19deg;
  --x0: 1206px;
  --y0: 84px;
  --x1: 2940px;
  --y1: -520px;
}
.shared-confetti__piece--15 {
  width: 847px;
  height: 240px;
  background: #ffffff;
  --dir: -23deg;
  --x0: 1338px;
  --y0: 86px;
  --x1: 3054px;
  --y1: -244px;
}
.shared-confetti__piece--16 {
  width: 551px;
  height: 223px;
  background: #87e0cc;
  --dir: -21deg;
  --x0: 590px;
  --y0: 839px;
  --x1: 2236px;
  --y1: 354px;
}
.shared-confetti__piece--17 {
  width: 862px;
  height: 269px;
  background: #834c8f;
  --dir: -18deg;
  --x0: -100px;
  --y0: 433px;
  --x1: 1951px;
  --y1: -53px;
}
.shared-confetti__piece--18 {
  width: 550px;
  height: 290px;
  background: #f7cbdd;
  --dir: -20deg;
  --x0: 119px;
  --y0: 392px;
  --x1: 1989px;
  --y1: -116px;
}
.shared-confetti__piece--19 {
  width: 801px;
  height: 200px;
  background: #ffffff;
  --dir: -22deg;
  --x0: 1327px;
  --y0: -4px;
  --x1: 2939px;
  --y1: -546px;
}
.shared-confetti__piece--20 {
  width: 675px;
  height: 279px;
  background: #87e0cc;
  --dir: -24deg;
  --x0: 664px;
  --y0: 398px;
  --x1: 2229px;
  --y1: -25px;
}
.shared-confetti__piece--21 {
  width: 828px;
  height: 189px;
  background: #834c8f;
  --dir: -26deg;
  --x0: 885px;
  --y0: 354px;
  --x1: 2951px;
  --y1: -261px;
}
.shared-confetti__piece--22 {
  width: 630px;
  height: 271px;
  background: #f7cbdd;
  --dir: -19deg;
  --x0: 1317px;
  --y0: 446px;
  --x1: 3165px;
  --y1: -117px;
}
.shared-confetti__piece--23 {
  width: 736px;
  height: 205px;
  background: #ffffff;
  --dir: -23deg;
  --x0: 1310px;
  --y0: 406px;
  --x1: 2813px;
  --y1: -80px;
}
.shared-confetti__piece--24 {
  width: 791px;
  height: 210px;
  background: #87e0cc;
  --dir: -21deg;
  --x0: 1659px;
  --y0: 317px;
  --x1: 3464px;
  --y1: -44px;
}
.shared-confetti__piece--25 {
  width: 480px;
  height: 242px;
  background: #834c8f;
  --dir: -18deg;
  --x0: 1341px;
  --y0: 230px;
  --x1: 3393px;
  --y1: -119px;
}
.shared-confetti__piece--26 {
  width: 637px;
  height: 221px;
  background: #f7cbdd;
  --dir: -20deg;
  --x0: 95px;
  --y0: 514px;
  --x1: 1709px;
  --y1: 79px;
}
.shared-confetti__piece--27 {
  width: 523px;
  height: 284px;
  background: #ffffff;
  --dir: -22deg;
  --x0: 244px;
  --y0: 571px;
  --x1: 2324px;
  --y1: -9px;
}
.shared-confetti__piece--28 {
  width: 761px;
  height: 202px;
  background: #87e0cc;
  --dir: -24deg;
  --x0: 1348px;
  --y0: 157px;
  --x1: 2979px;
  --y1: -220px;
}
.shared-confetti__piece--29 {
  width: 756px;
  height: 211px;
  background: #834c8f;
  --dir: -26deg;
  --x0: 817px;
  --y0: 645px;
  --x1: 2750px;
  --y1: 133px;
}
.shared-confetti__piece--30 {
  width: 704px;
  height: 292px;
  background: #f7cbdd;
  --dir: -19deg;
  --x0: 1192px;
  --y0: 589px;
  --x1: 3100px;
  --y1: 160px;
}
.shared-confetti__piece--31 {
  width: 490px;
  height: 218px;
  background: #ffffff;
  --dir: -23deg;
  --x0: 287px;
  --y0: 360px;
  --x1: 1852px;
  --y1: -87px;
}
.shared-confetti__piece--32 {
  width: 842px;
  height: 175px;
  background: #87e0cc;
  --dir: -21deg;
  --x0: 1680px;
  --y0: 566px;
  --x1: 3187px;
  --y1: -18px;
}
.shared-confetti__piece--33 {
  width: 516px;
  height: 291px;
  background: #834c8f;
  --dir: -18deg;
  --x0: -232px;
  --y0: 747px;
  --x1: 1300px;
  --y1: 296px;
}
.shared-confetti__piece--34 {
  width: 547px;
  height: 281px;
  background: #f7cbdd;
  --dir: -20deg;
  --x0: 1150px;
  --y0: 894px;
  --x1: 2869px;
  --y1: 550px;
}
.shared-confetti__piece--35 {
  width: 528px;
  height: 184px;
  background: #ffffff;
  --dir: -22deg;
  --x0: 292px;
  --y0: 851px;
  --x1: 2208px;
  --y1: 328px;
}
.shared-confetti__piece--36 {
  width: 690px;
  height: 279px;
  background: #87e0cc;
  --dir: -24deg;
  --x0: 658px;
  --y0: 840px;
  --x1: 2520px;
  --y1: 436px;
}
.shared-confetti__piece--37 {
  width: 852px;
  height: 246px;
  background: #834c8f;
  --dir: -26deg;
  --x0: 1159px;
  --y0: 101px;
  --x1: 2721px;
  --y1: -313px;
}
.shared-confetti__piece--38 {
  width: 754px;
  height: 274px;
  background: #f7cbdd;
  --dir: -19deg;
  --x0: 1037px;
  --y0: 793px;
  --x1: 2733px;
  --y1: 270px;
}
.shared-confetti__piece--39 {
  width: 716px;
  height: 223px;
  background: #ffffff;
  --dir: -23deg;
  --x0: 1305px;
  --y0: 838px;
  --x1: 2992px;
  --y1: 360px;
}
.shared-confetti__piece--40 {
  width: 813px;
  height: 298px;
  background: #87e0cc;
  --dir: -21deg;
  --x0: 1434px;
  --y0: 1027px;
  --x1: 3034px;
  --y1: 432px;
}

.l03 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #ff8db9;
}
.l03__wipe {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  overflow: hidden;
}
.l03__wipe-band {
  position: absolute;
  top: -10%;
  width: 55%;
  height: 120%;
  opacity: 0;
  clip-path: polygon(18% 0, 100% 0, 82% 100%, 0 100%);
}
.l03__wipe-band--1 {
  left: -60%;
  background: #d983a7;
}
.l03__wipe-band--2 {
  left: -60%;
  background: #a5e2d2;
}
.l03__deco {
  position: absolute;
  top: -270.45px;
  left: -142.14px;
  width: 2377px;
  height: 1742px;
  z-index: 2;
  pointer-events: none;
  opacity: 1;
  transform-origin: center center;
}
.l03__deco img,
.l03__deco svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  object-fit: fill;
}
.l03__deco-candy, .l03__deco-spray, .l03__deco-arrows {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform-origin: center center;
}
.l03__deco-candy svg, .l03__deco-spray svg, .l03__deco-arrows svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l03__text {
  position: absolute;
  top: 163px;
  left: -26.58px;
  width: 1953.96px;
  height: 854.82px;
  z-index: 3;
  pointer-events: none;
  opacity: 1;
  transform-origin: center center;
  overflow: visible;
}
.l03__text img,
.l03__text svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  object-fit: fill;
}
.l03__text-char {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform-origin: center center;
}
.l03__text-char svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l03__bar {
  position: absolute;
  top: -0.2px;
  left: 0;
  width: 1920px;
  height: 122px;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(0, -80px, 0);
}
.l03__bar img,
.l03__bar svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l03.start .l03__wipe-band--1 {
  animation: l03-wipe 0.55s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.l03.start .l03__wipe-band--2 {
  animation: l03-wipe 0.55s cubic-bezier(0.4, 0, 0.2, 1) 0.12s forwards;
}
.l03.start .l03__deco-candy {
  animation: l03-fly-in 0.42s cubic-bezier(0.12, 0.82, 0.22, 1) 0.22s forwards;
}
.l03.start .l03__deco-spray {
  animation: l03-fly-in 0.4s cubic-bezier(0.12, 0.82, 0.22, 1) 0.32s forwards;
}
.l03.start .l03__deco-arrows {
  animation: l03-fly-in 0.4s cubic-bezier(0.12, 0.82, 0.22, 1) 0.4s forwards;
}
.l03.start .l03__bar {
  animation: l03-bar-in 0.35s cubic-bezier(0.2, 0.9, 0.2, 1) 0.48s forwards;
}
.l03.start .l03__text-char--4 {
  animation: l03-text-fly-in 0.34s cubic-bezier(0.12, 0.85, 0.2, 1) 0.35s forwards;
}
.l03.start .l03__text-char--3 {
  animation: l03-text-fly-in 0.34s cubic-bezier(0.12, 0.85, 0.2, 1) 0.42s forwards;
}
.l03.start .l03__text-char--2 {
  animation: l03-text-fly-in 0.34s cubic-bezier(0.12, 0.85, 0.2, 1) 0.49s forwards;
}
.l03.start .l03__text-char--1 {
  animation: l03-text-fly-in 0.34s cubic-bezier(0.12, 0.85, 0.2, 1) 0.56s forwards;
}
.l03.start .l03__text-char--0 {
  animation: l03-text-fly-in 0.34s cubic-bezier(0.12, 0.85, 0.2, 1) 0.63s forwards;
}

@keyframes l03-wipe {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0.15;
    transform: translate3d(220%, 0, 0);
  }
}
@keyframes l03-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes l03-fly-in {
  0% {
    opacity: 0;
    transform: translate3d(-1080px, 140px, 0) rotate(-12deg) scale(0.55);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
  }
}
@keyframes l03-bar-in {
  from {
    opacity: 0;
    transform: translate3d(0, -80px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l03-text-fly-in {
  0% {
    opacity: 0;
    transform: translate3d(-1120px, 160px, 0) rotate(-10deg) scale(0.55);
  }
  16% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
  }
}
.l04 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #87e0cc;
}
.l04__band {
  position: absolute;
  top: 0;
  left: -700px;
  width: 611px;
  height: 1080px;
  z-index: 7;
  pointer-events: none;
  opacity: 0;
  translate: 0 0;
  will-change: translate, opacity;
}
.l04__band svg {
  display: block;
  width: 100%;
  height: 100%;
}
.l04__bg {
  position: absolute;
  top: -449.39px;
  left: -585.95px;
  width: 3092.73px;
  height: 1978.79px;
  z-index: 1;
  background-color: #87e0cc;
  pointer-events: none;
}
.l04__race {
  position: absolute;
  top: -168.23px;
  left: -226.26px;
  width: 2450.57px;
  height: 872.68px;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-520px, 0, 0) scale(1.18);
  transform-origin: left center;
}
.l04__race img,
.l04__race svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l04__spray {
  position: absolute;
  top: -189.95px;
  left: 60.32px;
  width: 1867.15px;
  height: 1503.56px;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-720px, 520px, 0) scale(0.2);
  transform-origin: left bottom;
}
.l04__spray img,
.l04__spray svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l04__chara {
  position: absolute;
  top: 437.78px;
  left: 0px;
  width: 1920px;
  height: 642px;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
}
.l04__chara img,
.l04__chara svg {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: fill;
}
.l04__deco {
  position: absolute;
  z-index: 6;
  pointer-events: none;
  opacity: 0;
  rotate: -0.45rad;
  translate: -70px 48px;
  scale: 0.35;
  transform-origin: center center;
}
.l04__deco img,
.l04__deco svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l04__deco--1 {
  top: 56.7px;
  left: 1559.42px;
  width: 205px;
  height: 205px;
}
.l04__deco--2 {
  top: -109.36px;
  left: 871.34px;
  width: 669.69px;
  height: 504.18px;
}
.l04__text {
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
}
.l04__text img,
.l04__text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l04__text-sai, .l04__text-kyo, .l04__text-no {
  position: absolute;
  opacity: 0;
}
.l04__text-sai img,
.l04__text-sai svg, .l04__text-kyo img,
.l04__text-kyo svg, .l04__text-no img,
.l04__text-no svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l04__text-sai {
  top: 53.1px;
  left: -33.58px;
  width: 372px;
  height: 355px;
  transform: translate3d(-480px, 0, 0);
}
.l04__text-kyo {
  top: 20.1px;
  left: 311.42px;
  width: 380px;
  height: 370px;
  transform: translate3d(-560px, 0, 0);
}
.l04__text-no {
  top: 118.1px;
  left: 676.42px;
  width: 230px;
  height: 200px;
  opacity: 0;
  transform: scale(0.2);
  transform-origin: center center;
}
.l04__text-racer {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translate3d(-900px, 0, 0);
}
.l04__text-re {
  position: absolute;
  top: 310.56px;
  left: 46.12px;
  width: 615.11px;
  height: 519.07px;
}
.l04__text-chou--1 {
  position: absolute;
  top: 406.92px;
  left: 588.66px;
  width: 488.1px;
  height: 164.61px;
}
.l04__text-sa {
  position: absolute;
  top: 149.79px;
  left: 1021.29px;
  width: 615.36px;
  height: 555.42px;
}
.l04__text-chou--2 {
  position: absolute;
  top: 284.81px;
  left: 1525.35px;
  width: 487.61px;
  height: 164.61px;
}
.l04.start .l04__band {
  animation: l04-band-opacity 0.45s linear 1.52s forwards, l04-band-translate 0.45s linear 1.52s forwards;
}
.l04.start .l04__spray {
  animation: l04-spray-burst 100ms cubic-bezier(0.15, 0.85, 0.25, 1) forwards, l04-spray-fall 2200ms linear 100ms forwards;
}
.l04.start .l04__race {
  animation: l04-race-enter 70ms cubic-bezier(0.2, 0.9, 0.2, 1) 180ms forwards, l04-race-settle 60ms cubic-bezier(0.33, 1, 0.68, 1) 250ms forwards;
}
.l04.start .l04__text-sai {
  animation: l04-bounce-in 180ms cubic-bezier(0.2, 1.55, 0.35, 1) 200ms forwards;
}
.l04.start .l04__text-kyo {
  animation: l04-bounce-in 110ms cubic-bezier(0.2, 1.55, 0.35, 1) 400ms forwards;
}
.l04.start .l04__text-no {
  animation: l04-no-in 160ms cubic-bezier(0.22, 1.2, 0.36, 1) 620ms forwards;
}
.l04.start .l04__text-racer {
  animation: l04-racer-in 160ms cubic-bezier(0.2, 1.45, 0.35, 1) 1050ms forwards;
}
.l04.start .l04__chara {
  animation: l04-chara-in 100ms linear 1200ms forwards;
}
.l04.start .l04__deco--1 {
  animation: l04-deco-opacity 2s linear forwards, l04-deco-rotate 2s linear forwards, l04-deco-translate 2s linear forwards, l04-deco-scale 2s linear forwards;
}
.l04.start .l04__deco--2 {
  animation: l04-deco-opacity 2s linear forwards, l04-deco-rotate 2s linear forwards, l04-deco-translate 2s linear forwards, l04-deco-scale 2s linear forwards;
}

@keyframes l04-band-opacity {
  0% {
    animation-timing-function: step-end;
    opacity: 0;
  }
  9% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l04-band-translate {
  0% {
    translate: 0 0;
  }
  9% {
    animation-timing-function: ease-out;
    translate: 0 0;
  }
  24% {
    animation-timing-function: ease-in;
    translate: 1400px 0;
  }
  42% {
    translate: 2800px 0;
  }
  100% {
    translate: 2800px 0;
  }
}
@keyframes l04-spray-burst {
  0% {
    opacity: 0;
    transform: translate3d(-720px, 520px, 0) scale(0.2) rotate(-12deg);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
  }
}
@keyframes l04-spray-fall {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(18px, 110px, 0) rotate(8deg);
  }
}
@keyframes l04-race-enter {
  0% {
    opacity: 0;
    transform: translate3d(-520px, 0, 0) scale(1.18);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1.18);
  }
}
@keyframes l04-race-settle {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1.18);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes l04-bounce-in {
  0% {
    opacity: 0;
    transform: translate3d(-480px, 0, 0);
  }
  62% {
    opacity: 1;
    transform: translate3d(36px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l04-racer-in {
  0% {
    opacity: 0;
    transform: translate3d(-900px, 0, 0);
  }
  62% {
    opacity: 1;
    transform: translate3d(48px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l04-no-in {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes l04-chara-in {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes l04-deco-opacity {
  0% {
    opacity: 0;
  }
  61.791% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  67.632% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l04-deco-rotate {
  0% {
    rotate: -0.45rad;
  }
  61.791% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    rotate: -0.45rad;
  }
  67.632% {
    animation-timing-function: cubic-bezier(0.4, 0, 0.8, 1);
    rotate: -0.32rad;
  }
  71.72% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    rotate: -0.38rad;
  }
  75.808% {
    animation-timing-function: cubic-bezier(0.34, 1.15, 0.64, 1);
    rotate: -0.35rad;
  }
  80.48% {
    rotate: -0.36rad;
  }
  100% {
    rotate: -0.36rad;
  }
}
@keyframes l04-deco-translate {
  0% {
    translate: -70px 48px;
  }
  61.791% {
    translate: -70px 48px;
  }
  67.256% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    translate: 4px -18px;
  }
  67.632% {
    translate: 4px -12px;
  }
  67.806% {
    animation-timing-function: cubic-bezier(0.4, 0, 0.8, 1);
    translate: 4px -22px;
  }
  71.72% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    translate: 1.5px 3px;
  }
  75.808% {
    animation-timing-function: cubic-bezier(0.34, 1.15, 0.64, 1);
    translate: 0.5px -4px;
  }
  80.48% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l04-deco-scale {
  0% {
    scale: 0.35;
  }
  61.791% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    scale: 0.35;
  }
  67.632% {
    animation-timing-function: cubic-bezier(0.4, 0, 0.8, 1);
    scale: 1.08;
  }
  71.72% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    scale: 0.97 0.95;
  }
  75.808% {
    animation-timing-function: cubic-bezier(0.34, 1.15, 0.64, 1);
    scale: 1.02 1.03;
  }
  80.48% {
    scale: 1;
  }
  100% {
    scale: 1;
  }
}
.l05 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #87e0cc;
}
.l05__bg {
  position: absolute;
  top: -180.41px;
  left: -300.58px;
  width: 2383px;
  height: 1522px;
  z-index: 1;
  pointer-events: none;
}
.l05__bg img,
.l05__bg svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l05__flash {
  position: absolute;
  top: 0;
  left: 100%;
  width: 6400px;
  height: 6400px;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: center center;
  z-index: 2;
  pointer-events: none;
  border-radius: 50%;
  background-color: #ff7eb9;
  mix-blend-mode: color;
  opacity: 1;
}
.l05__deco {
  position: absolute;
  top: -160.55px;
  left: -12.39px;
  width: 2110px;
  height: 1363px;
  z-index: 3;
  pointer-events: none;
}
.l05__deco img,
.l05__deco svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l05__deco--cloud {
  opacity: 1;
  transform: rotate(-0.63rad);
}
.l05__deco--cloud-tl {
  transform-origin: 13.08% 21.64%;
}
.l05__deco--cloud-br {
  transform-origin: 83.98% 76.82%;
}
.l05__deco--star {
  opacity: 0;
}
.l05__deco--star-top {
  top: 100px;
  left: 990px;
  width: 77px;
  height: 79px;
  translate: 413.1px 352.96px;
  scale: 0;
}
.l05__deco--star-top svg {
  transform: rotate(3.258rad);
  transform-origin: center center;
}
.l05__deco--star-right {
  translate: -371.88px 62.07px;
  scale: 0;
}
.l05__deco--star-right svg {
  transform: rotate(-3.505rad);
  transform-origin: 88.4% 49.5%;
}
.l05__deco--ichigo {
  opacity: 0;
  translate: -41.22px -415.03px;
  scale: 0;
  transform: rotate(3.547rad);
  transform-origin: 77% 74.5%;
}
.l05__text {
  position: absolute;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
}
.l05__text img,
.l05__text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l05__text--dare {
  top: 120.88px;
  left: 849.36px;
  width: 754.89px;
  height: 756.17px;
  opacity: 0;
  translate: 400px -300px;
  transform: rotate(-0.262rad);
  transform-origin: center center;
}
.l05__text--ni, .l05__text--mo {
  top: 100.52px;
  left: 1478.35px;
  width: 413.61px;
  height: 694px;
  transform-origin: center center;
}
.l05__text--ni {
  opacity: 0;
  translate: 400px -300px;
  transform: rotate(-0.262rad);
}
.l05__text--mo {
  opacity: 0;
  translate: 400px -300px;
  transform: rotate(-0.262rad);
}
.l05__chara {
  position: absolute;
  top: -3111.91px;
  left: -20px;
  width: 976px;
  height: 4139px;
  z-index: 25;
  pointer-events: none;
  opacity: 0;
}
.l05__chara img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l05.start .l05__chara {
  animation: l05-chara-down 2s linear forwards;
}
.l05.start .l05__text--dare {
  opacity: 1;
  animation: l05-dare-rotate 2s linear forwards, l05-dare-translate 2s linear forwards;
}
.l05.start .l05__text--ni {
  opacity: 1;
  animation: l05-ni-rotate 2s linear forwards, l05-ni-translate 2s linear forwards;
}
.l05.start .l05__text--mo {
  opacity: 1;
  animation: l05-mo-rotate 2s linear forwards, l05-mo-translate 2s linear forwards;
}
.l05.start .l05__deco--cloud-tl,
.l05.start .l05__deco--cloud-br {
  animation: l05-cloud-rotate 2s linear forwards;
}
.l05.start .l05__deco--star-top {
  animation: l05-star-top-opacity 2s linear forwards, l05-star-top-translate 2s linear forwards, l05-star-top-scale 2s linear forwards;
}
.l05.start .l05__deco--star-right {
  animation: l05-star-right-opacity 2s linear forwards, l05-star-right-translate 2s linear forwards, l05-star-right-scale 2s linear forwards;
}
.l05.start .l05__deco--ichigo {
  animation: l05-ichigo-opacity 2s linear forwards, l05-ichigo-rotate 2s linear forwards, l05-ichigo-translate 2s linear forwards, l05-ichigo-scale 2s linear forwards;
}
.l05.start .l05__flash {
  animation: l05-flash-wipe 500ms cubic-bezier(0.4, 0, 0.2, 1) 700ms forwards;
}

@keyframes l05-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes l05-chara-down {
  0% {
    opacity: 1;
    translate: 0 0;
  }
  99.741% {
    opacity: 1;
    translate: 0 200px;
  }
  100% {
    opacity: 1;
    translate: 0 200px;
  }
}
@keyframes l05-dare-rotate {
  0% {
    animation-timing-function: ease-in-out;
    transform: rotate(-0.262rad);
  }
  20.943% {
    transform: rotate(0rad);
  }
  100% {
    transform: rotate(0rad);
  }
}
@keyframes l05-dare-translate {
  0% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    translate: 400px -300px;
  }
  15.147% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l05-ni-rotate {
  0% {
    transform: rotate(-0.262rad);
  }
  17.236% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: rotate(-0.262rad);
  }
  35.274% {
    animation-timing-function: ease-in-out;
    transform: rotate(0.175rad);
  }
  40.427% {
    transform: rotate(0rad);
  }
  100% {
    transform: rotate(0rad);
  }
}
@keyframes l05-ni-translate {
  0% {
    translate: 400px -300px;
  }
  17.236% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    translate: 400px -300px;
  }
  35.274% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l05-mo-rotate {
  0% {
    transform: rotate(-0.262rad);
  }
  23.885% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: rotate(-0.262rad);
  }
  40.516% {
    animation-timing-function: ease-in-out;
    transform: rotate(0.175rad);
  }
  47.303% {
    transform: rotate(0rad);
  }
  100% {
    transform: rotate(0rad);
  }
}
@keyframes l05-mo-translate {
  0% {
    translate: 400px -300px;
  }
  23.885% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    translate: 400px -300px;
  }
  40.516% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l05-cloud-rotate {
  0% {
    transform: rotate(-0.63rad);
  }
  99.741% {
    transform: rotate(-1.677rad);
  }
  100% {
    transform: rotate(-1.677rad);
  }
}
@keyframes l05-ichigo-opacity {
  0% {
    opacity: 0;
  }
  31.239% {
    opacity: 0;
  }
  34.563% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l05-ichigo-rotate {
  0% {
    transform: rotate(3.547rad);
  }
  31.239% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: rotate(3.547rad);
  }
  51.187% {
    transform: rotate(-2.736rad);
  }
  100% {
    transform: rotate(-2.736rad);
  }
}
@keyframes l05-ichigo-translate {
  0% {
    translate: -41.22px -415.03px;
  }
  31.239% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    translate: -41.22px -415.03px;
  }
  51.187% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l05-ichigo-scale {
  0% {
    scale: 0;
  }
  31.239% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    scale: 0;
  }
  51.187% {
    scale: 1;
  }
  100% {
    scale: 1;
  }
}
@keyframes l05-star-top-opacity {
  0% {
    opacity: 0;
  }
  38.026% {
    opacity: 0;
  }
  41.351% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l05-star-top-translate {
  0% {
    translate: 413.1px 352.96px;
  }
  38.026% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    translate: 413.1px 352.96px;
  }
  57.974% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l05-star-top-scale {
  0% {
    scale: 0;
  }
  38.026% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    scale: 0;
  }
  57.974% {
    scale: 1;
  }
  100% {
    scale: 1;
  }
}
@keyframes l05-star-right-opacity {
  0% {
    opacity: 0;
  }
  43.918% {
    opacity: 0;
  }
  47.243% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l05-star-right-translate {
  0% {
    translate: -371.88px 62.07px;
  }
  43.918% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    translate: -371.88px 62.07px;
  }
  63.866% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l05-star-right-scale {
  0% {
    scale: 0;
  }
  43.918% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    scale: 0;
  }
  63.866% {
    scale: 1;
  }
  100% {
    scale: 1;
  }
}
@keyframes l05-flash-wipe {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  35% {
    transform: translate(-50%, -50%) scale(0.28125);
  }
  70% {
    transform: translate(-50%, -50%) scale(0.59375);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
html.is-safari .l05__flash {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  transform: none;
  clip-path: circle(0% at 100% 0%);
}

html.is-safari .l05.start .l05__flash {
  animation: l05-flash-wipe-safari 500ms cubic-bezier(0.4, 0, 0.2, 1) 700ms forwards;
}

@keyframes l05-flash-wipe-safari {
  0% {
    clip-path: circle(0% at 100% 0%);
  }
  35% {
    clip-path: circle(28% at 100% 0%);
  }
  70% {
    clip-path: circle(59% at 100% 0%);
  }
  100% {
    clip-path: circle(160% at 100% 0%);
  }
}
.l06 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: transparent;
}
.l06__band {
  position: absolute;
  top: -0.27px;
  left: 1922px;
  width: 611px;
  height: 1080px;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  translate: -143px 0;
  will-change: translate, opacity;
}
.l06__band svg {
  display: block;
  width: 100%;
  height: 100%;
}
.l06__deco {
  position: absolute;
  top: -131.26px;
  left: -12.02px;
  width: 2058px;
  height: 1142px;
  z-index: 3;
  pointer-events: none;
}
.l06__deco img,
.l06__deco svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l06__star {
  position: absolute;
  z-index: 4;
  pointer-events: none;
}
.l06__star svg {
  display: block;
  width: 100%;
  height: 100%;
}
.l06__star--right {
  top: 116.08px;
  left: 1727.46px;
  width: 175.7px;
  height: 175.07px;
  rotate: 2.743rad;
  transform-origin: center center;
}
.l06__star--bot {
  top: 788.21px;
  left: 770.17px;
  width: 175.7px;
  height: 175.07px;
  rotate: 2.743rad;
  transform-origin: center center;
}
.l06__star--left {
  top: 306.01px;
  left: 574.76px;
  width: 86.06px;
  height: 85.47px;
  rotate: -3.025rad;
  transform-origin: center center;
}
.l06__text {
  position: absolute;
  z-index: 10;
  pointer-events: none;
}
.l06__text svg {
  display: block;
  width: 100%;
  height: 100%;
}
.l06__text--tome {
  top: -24.65px;
  left: 26.81px;
  width: 502px;
  height: 591px;
  opacity: 1;
  translate: 0 200px;
}
.l06__text--me {
  top: 456.98px;
  left: 102.98px;
  width: 246px;
  height: 273px;
  opacity: 0;
  translate: 0 150px;
}
.l06__text--ra {
  top: 481.42px;
  left: 326.49px;
  width: 203px;
  height: 273px;
  opacity: 0;
  translate: 0 150px;
}
.l06__text--re {
  top: 709.22px;
  left: 97.7px;
  width: 269px;
  height: 282px;
  opacity: 0;
  translate: 0 150px;
}
.l06__text--ru {
  top: 726.5px;
  left: 324.18px;
  width: 225px;
  height: 270px;
  opacity: 0;
  translate: 0 150px;
}
.l06__chara {
  position: absolute;
  top: -1656.5px;
  left: 625.27px;
  width: 1207px;
  height: 5117px;
  z-index: 25;
  pointer-events: none;
  will-change: translate;
}
.l06__chara img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l06.start .l06__star--right {
  animation: l06-star-right-rotate 1.9s linear infinite;
}
.l06.start .l06__star--left {
  animation: l06-star-left-rotate 1.9s linear infinite;
}
.l06.start .l06__star--bot {
  animation: l06-star-bot-rotate 1.9s linear infinite;
}
.l06.start .l06__band {
  animation: l06-band-opacity 1s linear forwards, l06-band-translate 1s linear forwards;
}
.l06.start .l06__chara {
  animation: l06-chara-down 1.3s linear forwards;
}
.l06.start .l06__text--tome {
  animation: l06-tome-opacity 1s linear forwards, l06-tome-translate 1s linear forwards;
}
.l06.start .l06__text--me {
  animation: l06-me-opacity 1s linear forwards, l06-me-translate 1s linear forwards;
}
.l06.start .l06__text--ra {
  animation: l06-ra-opacity 1s linear forwards, l06-ra-translate 1s linear forwards;
}
.l06.start .l06__text--re {
  animation: l06-re-opacity 1s linear forwards, l06-re-translate 1s linear forwards;
}
.l06.start .l06__text--ru {
  animation: l06-ru-opacity 1s linear forwards, l06-ru-translate 1s linear forwards;
}

@keyframes l06-band-opacity {
  0% {
    animation-timing-function: step-end;
    opacity: 0;
  }
  9.016% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l06-band-translate {
  0% {
    translate: -143px 0;
  }
  9.016% {
    animation-timing-function: ease-out;
    translate: -143px 0;
  }
  24.028% {
    animation-timing-function: ease-in;
    translate: -1122px 0;
  }
  42% {
    translate: -2522px 0;
  }
  100% {
    translate: -2522px 0;
  }
}
@keyframes l06-chara-down {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 0 200px;
  }
}
@keyframes l06-tome-opacity {
  0%, 100% {
    opacity: 1;
  }
}
@keyframes l06-tome-translate {
  0% {
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    translate: 0 200px;
  }
  25% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l06-me-opacity {
  0% {
    animation-timing-function: step-end;
    opacity: 0;
  }
  38% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l06-me-translate {
  0% {
    translate: 0 150px;
  }
  38% {
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    translate: 0 150px;
  }
  53% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l06-ra-opacity {
  0% {
    animation-timing-function: step-end;
    opacity: 0;
  }
  46% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l06-ra-translate {
  0% {
    translate: 0 150px;
  }
  46% {
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    translate: 0 150px;
  }
  61% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l06-re-opacity {
  0% {
    animation-timing-function: step-end;
    opacity: 0;
  }
  54% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l06-re-translate {
  0% {
    translate: 0 150px;
  }
  54% {
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    translate: 0 150px;
  }
  69% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l06-ru-opacity {
  0% {
    animation-timing-function: step-end;
    opacity: 0;
  }
  62% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l06-ru-translate {
  0% {
    translate: 0 150px;
  }
  62% {
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    translate: 0 150px;
  }
  77% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l06-star-right-rotate {
  0% {
    rotate: 2.743rad;
  }
  100% {
    rotate: 9.026rad;
  }
}
@keyframes l06-star-left-rotate {
  0% {
    rotate: -3.025rad;
  }
  100% {
    rotate: 6.399rad;
  }
}
@keyframes l06-star-bot-rotate {
  0% {
    rotate: 2.743rad;
  }
  100% {
    rotate: -3.541rad;
  }
}
.l07 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: transparent;
}
.l07__deco {
  position: absolute;
  top: -131.26px;
  left: -12.02px;
  width: 2058px;
  height: 1142px;
  z-index: 3;
  pointer-events: none;
}
.l07__deco img,
.l07__deco svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l07__ichigo {
  position: absolute;
  top: 848.33px;
  left: 1798.51px;
  width: 93.36px;
  height: 117.77px;
  z-index: 11;
  pointer-events: none;
  opacity: 0;
  scale: 1;
  translate: -220px -145px;
  rotate: 0rad;
  transform-origin: center center;
  will-change: translate, opacity, rotate;
}
.l07__ichigo svg {
  display: block;
  width: 100%;
  height: 100%;
}
.l07__star {
  position: absolute;
  z-index: 4;
  pointer-events: none;
}
.l07__star svg {
  display: block;
  width: 100%;
  height: 100%;
}
.l07__star--right {
  top: 117.03px;
  left: 1709.32px;
  width: 175.7px;
  height: 175.07px;
  rotate: 2.743rad;
  transform-origin: center center;
}
.l07__star--teal {
  top: 820.57px;
  left: 32.8px;
  width: 133.76px;
  height: 133.28px;
  rotate: 2.743rad;
  transform-origin: center center;
}
.l07__star--yellow {
  top: 681.05px;
  left: 1432.88px;
  width: 132.41px;
  height: 131.94px;
  rotate: 2.743rad;
  transform-origin: center center;
}
.l07__star--pink {
  top: 131.335px;
  left: 20.81px;
  width: 77px;
  height: 79px;
  rotate: -3.025rad;
  transform-origin: center center;
}
.l07__text {
  position: absolute;
  z-index: 10;
  pointer-events: none;
}
.l07__text img,
.l07__text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l07__text--mo {
  top: 92.081px;
  left: 1471.533px;
  width: 244.837px;
  height: 333.307px;
  translate: 0 1036.227px;
}
.l07__text--no {
  top: 306.409px;
  left: 1596.603px;
  width: 295.808px;
  height: 301.888px;
  translate: 0 821.946px;
}
.l07__text--ka {
  top: 585.081px;
  left: 1515.462px;
  width: 306.608px;
  height: 335.569px;
  translate: 0 543.339px;
}
.l07__text--tome {
  top: -96.94px;
  left: 10.2px;
  width: 513px;
  height: 1010px;
}
.l07__chara {
  position: absolute;
  top: -224px;
  left: 85px;
  width: 1848px;
  height: 7835px;
  z-index: 25;
  pointer-events: none;
  opacity: 0;
  translate: 0 0;
}
.l07__chara img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l07.start .l07__star--right {
  animation: l06-star-right-rotate 1.9s linear infinite;
}
.l07.start .l07__star--teal,
.l07.start .l07__star--yellow {
  animation: l06-star-bot-rotate 1.9s linear infinite;
}
.l07.start .l07__star--pink {
  animation: l06-star-left-rotate 1.9s linear infinite;
}
.l07.start .l07__text--mo {
  animation: l07-mo-translate 1s linear forwards;
}
.l07.start .l07__text--no {
  animation: l07-no-translate 1s linear forwards;
}
.l07.start .l07__text--ka {
  animation: l07-ka-translate 1s linear forwards;
}
.l07.start .l07__chara {
  animation: l07-chara-fade 1s linear forwards, l07-chara-translate 1s linear forwards;
}
.l07.start .l07__ichigo {
  animation: l07-ichigo-opacity 1s linear forwards, l07-ichigo-translate 1s linear forwards, l07-ichigo-rotate 1s linear forwards;
}

@keyframes l07-mo-translate {
  0% {
    translate: 0 1036.227px;
  }
  15.962% {
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    translate: 0 1036.227px;
  }
  23.411% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l07-no-translate {
  0% {
    translate: 0 821.946px;
  }
  31.17% {
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    translate: 0 821.946px;
  }
  40.868% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l07-ka-translate {
  0% {
    translate: 0 543.339px;
  }
  51.561% {
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    translate: 0 543.339px;
  }
  63.591% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l07-chara-fade {
  0% {
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l07-chara-translate {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 0 -90.21px;
  }
}
@keyframes l07-ichigo-opacity {
  0%, 63% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l07-ichigo-translate {
  0% {
    translate: -220px -145px;
  }
  63% {
    animation-timing-function: cubic-bezier(0.55, 0.05, 0.8, 0.4);
    translate: -220px -145px;
  }
  78% {
    animation-timing-function: cubic-bezier(0.22, 1.2, 0.36, 1);
    translate: -70px -15px;
  }
  90% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l07-ichigo-rotate {
  0% {
    rotate: 0rad;
  }
  63% {
    animation-timing-function: linear;
    rotate: 0rad;
  }
  90% {
    rotate: 12.566rad;
  }
  100% {
    rotate: 12.566rad;
  }
}
.l08 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: transparent;
  transform: translateZ(0);
}
.l08__circle {
  position: absolute;
  top: -342px;
  left: 78px;
  width: 1764px;
  height: 1764px;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
}
.l08__circle-spin {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  transform-origin: center center;
  transform: translateZ(0) scale(0) rotate(0rad);
  backface-visibility: hidden;
  will-change: transform;
}
.l08__circle img,
.l08__circle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l08__all-right {
  position: absolute;
  top: 456.5px;
  left: 769.5px;
  width: 381px;
  height: 167px;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  scale: 0.5;
  translate: 0 0;
  rotate: 0rad;
  transform-origin: center center;
  will-change: opacity, rotate, translate, scale;
}
.l08__all-right img,
.l08__all-right svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l08__oh-oh {
  position: absolute;
  top: -180.87px;
  left: 213.19px;
  width: 1469px;
  height: 1427px;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  transform: translateZ(0) scale(0.001) rotate(0rad);
  transform-origin: center center;
  backface-visibility: hidden;
  will-change: opacity, transform;
}
.l08__oh-oh img,
.l08__oh-oh svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.l08.start .l08__oh-oh {
  animation: l08-oh-oh-opacity 1.5s linear forwards, l08-oh-oh-xform 1.5s linear forwards;
}
.l08.start .l08__circle {
  animation: l08-circle-opacity 1.5s linear forwards;
}
.l08.start .l08__circle-spin {
  animation: l08-circle-xform 1.5s linear forwards;
}
.l08.start .l08__all-right {
  animation: l08-bat-opacity 1.5s linear forwards, l08-bat-rotate 1.5s linear forwards, l08-bat-translate 1.5s linear forwards, l08-bat-scale 1.5s linear forwards;
}

@keyframes l08-oh-oh-opacity {
  0% {
    opacity: 0;
  }
  15% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  88% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes l08-oh-oh-xform {
  0% {
    transform: translateZ(0) scale(0.001) rotate(0rad);
  }
  15% {
    animation-timing-function: ease-out;
    transform: translateZ(0) scale(0.001) rotate(0rad);
  }
  30% {
    transform: translateZ(0) scale(1) rotate(-0.1385rad);
  }
  45% {
    animation-timing-function: ease-in-out;
    transform: translateZ(0) scale(1) rotate(-0.277rad);
  }
  55% {
    transform: translateZ(0) scale(1.25) rotate(-0.369rad);
  }
  75% {
    animation-timing-function: ease-in;
    transform: translateZ(0) scale(1.25) rotate(-0.554rad);
  }
  100% {
    transform: translateZ(0) scale(0.001) rotate(-0.785rad);
  }
}
@keyframes l08-circle-opacity {
  0% {
    opacity: 0;
  }
  3% {
    opacity: 1;
  }
  85% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes l08-circle-xform {
  0% {
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    transform: translateZ(0) scale(0) rotate(0rad);
  }
  25% {
    animation-timing-function: ease-in-out;
    transform: translateZ(0) scale(1) rotate(0.39275rad);
  }
  50% {
    transform: translateZ(0) scale(1.08) rotate(0.7855rad);
  }
  75% {
    animation-timing-function: ease-in;
    transform: translateZ(0) scale(1.08) rotate(1.17825rad);
  }
  100% {
    transform: translateZ(0) scale(0) rotate(1.571rad);
  }
}
@keyframes l08-bat-opacity {
  0% {
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  88% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes l08-bat-rotate {
  0% {
    rotate: 0rad;
  }
  20% {
    animation-timing-function: ease-in-out;
    rotate: 0rad;
  }
  45% {
    animation-timing-function: ease-in-out;
    rotate: -0.087rad;
  }
  70% {
    animation-timing-function: ease-in-out;
    rotate: 0.087rad;
  }
  100% {
    rotate: 0rad;
  }
}
@keyframes l08-bat-translate {
  0% {
    translate: 0 0;
  }
  20% {
    translate: 0 0;
  }
  30% {
    translate: 1.659px -4px;
  }
  40% {
    translate: 4.592px -8px;
  }
  50% {
    translate: 4.265px -1.5px;
  }
  60% {
    translate: -1.013px 5px;
  }
  70% {
    translate: -4px -0.5px;
  }
  80% {
    translate: -3.073px -6px;
  }
  90% {
    translate: -0.927px -3px;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l08-bat-scale {
  0% {
    scale: 0.5;
  }
  8% {
    animation-timing-function: linear(0, 0.0985, 0.342, 0.6483, 0.9442, 1.1767, 1.3179, 1.364, 1.3302, 1.2427, 1.1314, 1.0233, 0.9377, 0.8853, 0.8675, 0.8791, 0.9105, 0.9509, 0.9904, 1.0219, 1.0414, 1.0482, 1.0443, 1.033, 1.0183, 1.0039, 0.9923, 0.9851, 0.9825, 0.9838, 0.9878, 0.9932, 0.9984, 1.0027, 1.0054, 1.0064, 1.0059, 1.0045, 1.0025, 1.0006, 0.9991, 0.9981, 0.9977, 0.9978, 0.9983, 0.9991, 0.9998, 1.0003, 1.0007, 1.0008, 1.0008);
    scale: 0.5;
  }
  20% {
    scale: 1;
  }
  85% {
    animation-timing-function: ease-in;
    scale: 1;
  }
  100% {
    scale: 0;
  }
}
.l09 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #ff89a6;
}
.l09__bg {
  position: absolute;
  top: -495.88px;
  left: -1284.22px;
  width: 4346.22px;
  height: 2444.75px;
  z-index: 1;
  pointer-events: none;
  transform-origin: center;
}
.l09__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.l09__overlay {
  position: absolute;
  top: -0.45px;
  left: 0.09px;
  width: 1920px;
  height: 1080px;
  z-index: 2;
  pointer-events: none;
  opacity: 0.5;
  background: linear-gradient(0deg, #803c9b 0%, #803c9b 100%), linear-gradient(107deg, #ff89a6 34.93%, #eb89ff 101.18%);
}
.l09__text {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  translate: 40px 60px;
  will-change: opacity, translate;
}
.l09__text img,
.l09__text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l09__text--fu {
  top: -12.89px;
  left: -49.66px;
  width: 756.864px;
  height: 658.304px;
}
.l09__text--mi {
  top: 234.979px;
  left: 492.287px;
  width: 550.088px;
  height: 462.7px;
}
.l09__text--komi {
  top: 290.644px;
  left: 864.159px;
  width: 638.794px;
  height: 657.171px;
}
.l09__text--me {
  top: 520.746px;
  left: 1395.65px;
  width: 562.686px;
  height: 503.186px;
}
.l09__sparkle {
  position: absolute;
  top: 23.9px;
  left: 30.49px;
  width: 1828.49px;
  height: 981.31px;
  z-index: 4;
  pointer-events: none;
}
.l09__sparkle img,
.l09__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l09__sparkle-item {
  opacity: 0.2;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0.6);
}
.l09.start .l09__bg {
  animation: l09-bg-slide 1.3s linear forwards;
}
.l09.start .l09__text--fu {
  animation: l09-fu-opacity 1.1s linear forwards, l09-fu-translate 1.1s linear forwards;
}
.l09.start .l09__text--mi {
  animation: l09-mi-opacity 1.1s linear forwards, l09-mi-translate 1.1s linear forwards;
}
.l09.start .l09__text--komi {
  animation: l09-komi-opacity 1.1s linear forwards, l09-komi-translate 1.1s linear forwards;
}
.l09.start .l09__text--me {
  animation: l09-me-opacity 1.1s linear forwards, l09-me-translate 1.1s linear forwards;
}
.l09.start .l09__sparkle-item:nth-child(1) {
  animation: l09-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.125s;
}
.l09.start .l09__sparkle-item:nth-child(2) {
  animation: l09-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.25s;
}
.l09.start .l09__sparkle-item:nth-child(3) {
  animation: l09-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.135s;
}
.l09.start .l09__sparkle-item:nth-child(4) {
  animation: l09-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.26s;
}
.l09.start .l09__sparkle-item:nth-child(5) {
  animation: l09-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 0.385s;
}
.l09.start .l09__sparkle-item:nth-child(6) {
  animation: l09-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.27s;
}
.l09.start .l09__sparkle-item:nth-child(7) {
  animation: l09-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.395s;
}
.l09.start .l09__sparkle-item:nth-child(8) {
  animation: l09-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.52s;
}
.l09.start .l09__sparkle-item:nth-child(9) {
  animation: l09-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.405s;
}
.l09.start .l09__sparkle-item:nth-child(10) {
  animation: l09-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 0.53s;
}
.l09.start .l09__sparkle-item:nth-child(11) {
  animation: l09-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.655s;
}
.l09.start .l09__sparkle-item:nth-child(12) {
  animation: l09-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.54s;
}
.l09.start .l09__sparkle-item:nth-child(13) {
  animation: l09-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.665s;
}
.l09.start .l09__sparkle-item:nth-child(14) {
  animation: l09-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.79s;
}
.l09.start .l09__sparkle-item:nth-child(15) {
  animation: l09-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 0.675s;
}
.l09.start .l09__sparkle-item:nth-child(16) {
  animation: l09-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.8s;
}
.l09.start .l09__sparkle-item:nth-child(17) {
  animation: l09-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.925s;
}
.l09.start .l09__sparkle-item:nth-child(18) {
  animation: l09-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.81s;
}
.l09.start .l09__sparkle-item:nth-child(19) {
  animation: l09-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.935s;
}
.l09.start .l09__sparkle-item:nth-child(20) {
  animation: l09-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 1.06s;
}
.l09.start .l09__sparkle-item:nth-child(21) {
  animation: l09-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.945s;
}
.l09.start .l09__sparkle-item:nth-child(22) {
  animation: l09-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 1.07s;
}
.l09.start .l09__sparkle-item:nth-child(23) {
  animation: l09-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 1.195s;
}
.l09.start .l09__sparkle-item:nth-child(24) {
  animation: l09-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 1.08s;
}
.l09.start .l09__sparkle-item:nth-child(25) {
  animation: l09-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 1.205s;
}
.l09.start .l09__sparkle-item:nth-child(26) {
  animation: l09-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 1.33s;
}
.l09.start .l09__sparkle-item:nth-child(27) {
  animation: l09-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 1.215s;
}
.l09.start .l09__sparkle-item:nth-child(28) {
  animation: l09-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 1.34s;
}
.l09.start .l09__sparkle-item:nth-child(29) {
  animation: l09-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 1.465s;
}
.l09.start .l09__sparkle-item:nth-child(30) {
  animation: l09-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 1.35s;
}
.l09.start .l09__sparkle-item:nth-child(31) {
  animation: l09-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 1.475s;
}

@keyframes l09-bg-slide {
  0% {
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    scale: 1.2737;
    translate: 813.23px -991.69px; /* 元のtranslateY -200pxを加味 */
  }
  100% {
    scale: 1.2737;
    translate: 813.23px -1051.69px; /* 元のtranslateY -260pxを加味 */
  }
}
@keyframes l09-sparkle-twinkle {
  0% {
    opacity: 0.12;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l09-fu-opacity {
  0% {
    animation-timing-function: step-end;
    opacity: 0;
  }
  9.091% {
    animation-timing-function: step-end;
    opacity: 0.92;
  }
  15.455% {
    animation-timing-function: step-end;
    opacity: 1;
  }
  21.818% {
    animation-timing-function: step-end;
    opacity: 0.88;
  }
  28.182% {
    animation-timing-function: step-end;
    opacity: 1;
  }
  34.545% {
    animation-timing-function: step-end;
    opacity: 0.92;
  }
  40.909% {
    animation-timing-function: step-end;
    opacity: 1;
  }
  47.273% {
    animation-timing-function: step-end;
    opacity: 0.88;
  }
  53.636% {
    animation-timing-function: step-end;
    opacity: 1;
  }
  60% {
    animation-timing-function: step-end;
    opacity: 0.92;
  }
  66.364% {
    opacity: 1;
  }
  74.545% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.4);
    opacity: 1;
  }
  88.182% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes l09-fu-translate {
  0% {
    animation-timing-function: step-end;
    translate: 40px 60px;
  }
  9.091% {
    animation-timing-function: step-end;
    translate: 5px 2px;
  }
  15.455% {
    animation-timing-function: step-end;
    translate: -3px -1px;
  }
  21.818% {
    animation-timing-function: step-end;
    translate: 2px 1px;
  }
  28.182% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  34.545% {
    animation-timing-function: step-end;
    translate: 5px 2px;
  }
  40.909% {
    animation-timing-function: step-end;
    translate: -3px -1px;
  }
  47.273% {
    animation-timing-function: step-end;
    translate: 2px 1px;
  }
  53.636% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  60% {
    animation-timing-function: step-end;
    translate: 5px 2px;
  }
  66.364% {
    animation-timing-function: step-end;
    translate: -3px -1px;
  }
  74.545% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.4);
    translate: 0 0;
  }
  88.182% {
    translate: -900px -500px;
  }
  100% {
    translate: -900px -500px;
  }
}
@keyframes l09-mi-opacity {
  0% {
    opacity: 0;
  }
  15.455% {
    animation-timing-function: step-end;
    opacity: 0;
  }
  24.545% {
    animation-timing-function: step-end;
    opacity: 0.92;
  }
  30.909% {
    animation-timing-function: step-end;
    opacity: 1;
  }
  37.273% {
    animation-timing-function: step-end;
    opacity: 0.88;
  }
  43.636% {
    animation-timing-function: step-end;
    opacity: 1;
  }
  50% {
    animation-timing-function: step-end;
    opacity: 0.92;
  }
  56.364% {
    animation-timing-function: step-end;
    opacity: 1;
  }
  62.727% {
    animation-timing-function: step-end;
    opacity: 0.88;
  }
  69.091% {
    opacity: 1;
  }
  78.182% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.4);
    opacity: 1;
  }
  91.818% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes l09-mi-translate {
  0% {
    translate: 40px 60px;
  }
  15.455% {
    animation-timing-function: step-end;
    translate: 40px 60px;
  }
  24.545% {
    animation-timing-function: step-end;
    translate: 5px 2px;
  }
  30.909% {
    animation-timing-function: step-end;
    translate: -3px -1px;
  }
  37.273% {
    animation-timing-function: step-end;
    translate: 2px 1px;
  }
  43.636% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  50% {
    animation-timing-function: step-end;
    translate: 5px 2px;
  }
  56.364% {
    animation-timing-function: step-end;
    translate: -3px -1px;
  }
  62.727% {
    animation-timing-function: step-end;
    translate: 2px 1px;
  }
  69.091% {
    translate: 0 0;
  }
  78.182% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.4);
    translate: 0 0;
  }
  91.818% {
    translate: -900px -500px;
  }
  100% {
    translate: -900px -500px;
  }
}
@keyframes l09-komi-opacity {
  0% {
    opacity: 0;
  }
  29.091% {
    animation-timing-function: step-end;
    opacity: 0;
  }
  36.364% {
    animation-timing-function: step-end;
    opacity: 0.92;
  }
  42.727% {
    animation-timing-function: step-end;
    opacity: 1;
  }
  49.091% {
    animation-timing-function: step-end;
    opacity: 0.88;
  }
  55.455% {
    animation-timing-function: step-end;
    opacity: 1;
  }
  61.818% {
    animation-timing-function: step-end;
    opacity: 0.92;
  }
  68.182% {
    animation-timing-function: step-end;
    opacity: 1;
  }
  74.545% {
    animation-timing-function: step-end;
    opacity: 0.88;
  }
  81.818% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.4);
    opacity: 1;
  }
  95.455% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes l09-komi-translate {
  0% {
    translate: 40px 60px;
  }
  29.091% {
    animation-timing-function: step-end;
    translate: 40px 60px;
  }
  36.364% {
    animation-timing-function: step-end;
    translate: 5px 2px;
  }
  42.727% {
    animation-timing-function: step-end;
    translate: -3px -1px;
  }
  49.091% {
    animation-timing-function: step-end;
    translate: 2px 1px;
  }
  55.455% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  61.818% {
    animation-timing-function: step-end;
    translate: 5px 2px;
  }
  68.182% {
    animation-timing-function: step-end;
    translate: -3px -1px;
  }
  74.545% {
    animation-timing-function: step-end;
    translate: 2px 1px;
  }
  81.818% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.4);
    translate: 0 0;
  }
  95.455% {
    translate: -900px -500px;
  }
  100% {
    translate: -900px -500px;
  }
}
@keyframes l09-me-opacity {
  0% {
    opacity: 0;
  }
  36.364% {
    animation-timing-function: step-end;
    opacity: 0;
  }
  45.455% {
    animation-timing-function: step-end;
    opacity: 0.92;
  }
  51.818% {
    animation-timing-function: step-end;
    opacity: 1;
  }
  58.182% {
    animation-timing-function: step-end;
    opacity: 0.88;
  }
  64.545% {
    animation-timing-function: step-end;
    opacity: 1;
  }
  70.909% {
    animation-timing-function: step-end;
    opacity: 0.92;
  }
  77.273% {
    opacity: 1;
  }
  85.455% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.4);
    opacity: 1;
  }
  99.091% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes l09-me-translate {
  0% {
    translate: 40px 60px;
  }
  36.364% {
    animation-timing-function: step-end;
    translate: 40px 60px;
  }
  45.455% {
    animation-timing-function: step-end;
    translate: 5px 2px;
  }
  51.818% {
    animation-timing-function: step-end;
    translate: -3px -1px;
  }
  58.182% {
    animation-timing-function: step-end;
    translate: 2px 1px;
  }
  64.545% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  70.909% {
    animation-timing-function: step-end;
    translate: 5px 2px;
  }
  77.273% {
    animation-timing-function: step-end;
    translate: -3px -1px;
  }
  85.455% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.4);
    translate: 0 0;
  }
  99.091% {
    translate: -900px -500px;
  }
  100% {
    translate: -900px -500px;
  }
}
.l10 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #ff89a6;
}
.l10__bg {
  position: absolute;
  top: -495.88px;
  left: -1284.22px;
  width: 4346.22px;
  height: 2444.75px;
  z-index: 1;
  pointer-events: none;
  transform-origin: center;
}
.l10__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.l10__overlay {
  position: absolute;
  top: -0.45px;
  left: 0.09px;
  width: 1920px;
  height: 1080px;
  z-index: 2;
  pointer-events: none;
  opacity: 0.5;
  background: linear-gradient(0deg, #803c9b 0%, #803c9b 100%), linear-gradient(107deg, #ff89a6 34.93%, #eb89ff 101.18%);
}
.l10__victory {
  position: absolute;
  top: -202.7px;
  left: -43.59px;
  width: 2021px;
  height: 2130px;
  z-index: 3;
  pointer-events: none;
  translate: 0 0;
}
.l10__victory img,
.l10__victory svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l10__text {
  position: absolute;
  top: 448px;
  left: 158.08px;
  width: 1603.84px;
  height: 184px;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
}
.l10__text img,
.l10__text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l10__text-char {
  position: absolute;
  inset: 0;
  transform-origin: center center;
}
.l10__text-char svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l10__text-char--0 {
  translate: 456.6px 0;
}
.l10__text-char--1 {
  translate: 281.7px 0;
}
.l10__text-char--2 {
  translate: 94.1px 0;
}
.l10__text-char--3 {
  translate: -96.5px 0;
}
.l10__text-char--4 {
  translate: -274.9px 0;
}
.l10__text-char--5 {
  translate: -459.2px 0;
}
.l10__sparkle {
  position: absolute;
  top: 390px;
  left: 152px;
  width: 1616px;
  height: 301px;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
}
.l10__sparkle img,
.l10__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l10__sparkle-item {
  opacity: 0.45;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0.75);
}
.l10.start .l10__bg {
  animation: l10-bg-slide 2.05s linear forwards;
}
.l10.start .l10__victory {
  animation: l10-victory-translate 2.4s linear forwards;
}
.l10.start .l10__text {
  animation: l10-viki-opacity 2.4s linear forwards;
}
.l10.start .l10__text-char--0 {
  animation: l10-viki-track-0 2.4s linear forwards;
}
.l10.start .l10__text-char--1 {
  animation: l10-viki-track-1 2.4s linear forwards;
}
.l10.start .l10__text-char--2 {
  animation: l10-viki-track-2 2.4s linear forwards;
}
.l10.start .l10__text-char--3 {
  animation: l10-viki-track-3 2.4s linear forwards;
}
.l10.start .l10__text-char--4 {
  animation: l10-viki-track-4 2.4s linear forwards;
}
.l10.start .l10__text-char--5 {
  animation: l10-viki-track-5 2.4s linear forwards;
}
.l10.start .l10__sparkle {
  animation: l10-sparkle-opacity 2.4s linear forwards;
}
.l10.start .l10__sparkle-item:nth-child(1) {
  animation: l10-sparkle-twinkle 0.155s ease-in-out infinite alternate;
  animation-delay: 0.03s;
}
.l10.start .l10__sparkle-item:nth-child(2) {
  animation: l10-sparkle-twinkle 0.19s ease-in-out infinite alternate;
  animation-delay: 0.06s;
}
.l10.start .l10__sparkle-item:nth-child(3) {
  animation: l10-sparkle-twinkle 0.225s ease-in-out infinite alternate;
  animation-delay: 0.036s;
}
.l10.start .l10__sparkle-item:nth-child(4) {
  animation: l10-sparkle-twinkle 0.26s ease-in-out infinite alternate;
  animation-delay: 0.066s;
}
.l10.start .l10__sparkle-item:nth-child(5) {
  animation: l10-sparkle-twinkle 0.12s ease-in-out infinite alternate;
  animation-delay: 0.096s;
}
.l10.start .l10__sparkle-item:nth-child(6) {
  animation: l10-sparkle-twinkle 0.155s ease-in-out infinite alternate;
  animation-delay: 0.072s;
}
.l10.start .l10__sparkle-item:nth-child(7) {
  animation: l10-sparkle-twinkle 0.19s ease-in-out infinite alternate;
  animation-delay: 0.102s;
}
.l10.start .l10__sparkle-item:nth-child(8) {
  animation: l10-sparkle-twinkle 0.225s ease-in-out infinite alternate;
  animation-delay: 0.132s;
}
.l10.start .l10__sparkle-item:nth-child(9) {
  animation: l10-sparkle-twinkle 0.26s ease-in-out infinite alternate;
  animation-delay: 0.108s;
}
.l10.start .l10__sparkle-item:nth-child(10) {
  animation: l10-sparkle-twinkle 0.12s ease-in-out infinite alternate;
  animation-delay: 0.138s;
}
.l10.start .l10__sparkle-item:nth-child(11) {
  animation: l10-sparkle-twinkle 0.155s ease-in-out infinite alternate;
  animation-delay: 0.168s;
}
.l10.start .l10__sparkle-item:nth-child(12) {
  animation: l10-sparkle-twinkle 0.19s ease-in-out infinite alternate;
  animation-delay: 0.144s;
}
.l10.start .l10__sparkle-item:nth-child(13) {
  animation: l10-sparkle-twinkle 0.225s ease-in-out infinite alternate;
  animation-delay: 0.174s;
}
.l10.start .l10__sparkle-item:nth-child(14) {
  animation: l10-sparkle-twinkle 0.26s ease-in-out infinite alternate;
  animation-delay: 0.204s;
}
.l10.start .l10__sparkle-item:nth-child(15) {
  animation: l10-sparkle-twinkle 0.12s ease-in-out infinite alternate;
  animation-delay: 0.18s;
}
.l10.start .l10__sparkle-item:nth-child(16) {
  animation: l10-sparkle-twinkle 0.155s ease-in-out infinite alternate;
  animation-delay: 0.21s;
}
.l10.start .l10__sparkle-item:nth-child(17) {
  animation: l10-sparkle-twinkle 0.19s ease-in-out infinite alternate;
  animation-delay: 0.24s;
}
.l10.start .l10__sparkle-item:nth-child(18) {
  animation: l10-sparkle-twinkle 0.225s ease-in-out infinite alternate;
  animation-delay: 0.216s;
}
.l10.start .l10__sparkle-item:nth-child(19) {
  animation: l10-sparkle-twinkle 0.26s ease-in-out infinite alternate;
  animation-delay: 0.246s;
}
.l10.start .l10__sparkle-item:nth-child(20) {
  animation: l10-sparkle-twinkle 0.12s ease-in-out infinite alternate;
  animation-delay: 0.276s;
}
.l10.start .l10__sparkle-item:nth-child(21) {
  animation: l10-sparkle-twinkle 0.155s ease-in-out infinite alternate;
  animation-delay: 0.252s;
}
.l10.start .l10__sparkle-item:nth-child(22) {
  animation: l10-sparkle-twinkle 0.19s ease-in-out infinite alternate;
  animation-delay: 0.282s;
}
.l10.start .l10__sparkle-item:nth-child(23) {
  animation: l10-sparkle-twinkle 0.225s ease-in-out infinite alternate;
  animation-delay: 0.312s;
}
.l10.start .l10__sparkle-item:nth-child(24) {
  animation: l10-sparkle-twinkle 0.26s ease-in-out infinite alternate;
  animation-delay: 0.288s;
}
.l10.start .l10__sparkle-item:nth-child(25) {
  animation: l10-sparkle-twinkle 0.12s ease-in-out infinite alternate;
  animation-delay: 0.318s;
}
.l10.start .l10__sparkle-item:nth-child(26) {
  animation: l10-sparkle-twinkle 0.155s ease-in-out infinite alternate;
  animation-delay: 0.348s;
}
.l10.start .l10__sparkle-item:nth-child(27) {
  animation: l10-sparkle-twinkle 0.19s ease-in-out infinite alternate;
  animation-delay: 0.324s;
}
.l10.start .l10__sparkle-item:nth-child(28) {
  animation: l10-sparkle-twinkle 0.225s ease-in-out infinite alternate;
  animation-delay: 0.354s;
}
.l10.start .l10__sparkle-item:nth-child(29) {
  animation: l10-sparkle-twinkle 0.26s ease-in-out infinite alternate;
  animation-delay: 0.384s;
}
.l10.start .l10__sparkle-item:nth-child(30) {
  animation: l10-sparkle-twinkle 0.12s ease-in-out infinite alternate;
  animation-delay: 0.36s;
}
.l10.start .l10__sparkle-item:nth-child(31) {
  animation: l10-sparkle-twinkle 0.155s ease-in-out infinite alternate;
  animation-delay: 0.39s;
}
.l10.start .l10__sparkle-item:nth-child(32) {
  animation: l10-sparkle-twinkle 0.19s ease-in-out infinite alternate;
  animation-delay: 0.42s;
}
.l10.start .l10__sparkle-item:nth-child(33) {
  animation: l10-sparkle-twinkle 0.225s ease-in-out infinite alternate;
  animation-delay: 0.396s;
}
.l10.start .l10__sparkle-item:nth-child(34) {
  animation: l10-sparkle-twinkle 0.26s ease-in-out infinite alternate;
  animation-delay: 0.426s;
}
.l10.start .l10__sparkle-item:nth-child(35) {
  animation: l10-sparkle-twinkle 0.12s ease-in-out infinite alternate;
  animation-delay: 0.456s;
}
.l10.start .l10__sparkle-item:nth-child(36) {
  animation: l10-sparkle-twinkle 0.155s ease-in-out infinite alternate;
  animation-delay: 0.432s;
}
.l10.start .l10__sparkle-item:nth-child(37) {
  animation: l10-sparkle-twinkle 0.19s ease-in-out infinite alternate;
  animation-delay: 0.462s;
}
.l10.start .l10__sparkle-item:nth-child(38) {
  animation: l10-sparkle-twinkle 0.225s ease-in-out infinite alternate;
  animation-delay: 0.492s;
}
.l10.start .l10__sparkle-item:nth-child(39) {
  animation: l10-sparkle-twinkle 0.26s ease-in-out infinite alternate;
  animation-delay: 0.468s;
}
.l10.start .l10__sparkle-item:nth-child(40) {
  animation: l10-sparkle-twinkle 0.12s ease-in-out infinite alternate;
  animation-delay: 0.498s;
}
.l10.start .l10__sparkle-item:nth-child(41) {
  animation: l10-sparkle-twinkle 0.155s ease-in-out infinite alternate;
  animation-delay: 0.528s;
}
.l10.start .l10__sparkle-item:nth-child(42) {
  animation: l10-sparkle-twinkle 0.19s ease-in-out infinite alternate;
  animation-delay: 0.504s;
}
.l10.start .l10__sparkle-item:nth-child(43) {
  animation: l10-sparkle-twinkle 0.225s ease-in-out infinite alternate;
  animation-delay: 0.534s;
}

@keyframes l10-bg-slide {
  0% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.75, 0.35);
    scale: 1.2737;
    translate: 813.23px -1051.69px;
  }
  52% {
    animation-timing-function: cubic-bezier(0.05, 0.85, 0.15, 1);
    scale: 1.2737;
    translate: 813.23px -1111.69px;
  }
  100% {
    scale: 1;
    translate: 0 0;
  }
}
@keyframes l10-victory-translate {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 0 -608.7px;
  }
}
@keyframes l10-viki-opacity {
  0% {
    animation-timing-function: ease;
    opacity: 0;
  }
  19.531% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l10-viki-track-0 {
  0%, 38.75% {
    animation-timing-function: ease-in-out;
    translate: 456.6px 0;
  }
  58% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l10-viki-track-1 {
  0%, 38.75% {
    animation-timing-function: ease-in-out;
    translate: 281.7px 0;
  }
  58% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l10-viki-track-2 {
  0%, 38.75% {
    animation-timing-function: ease-in-out;
    translate: 94.1px 0;
  }
  58% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l10-viki-track-3 {
  0%, 38.75% {
    animation-timing-function: ease-in-out;
    translate: -96.5px 0;
  }
  58% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l10-viki-track-4 {
  0%, 38.75% {
    animation-timing-function: ease-in-out;
    translate: -274.9px 0;
  }
  58% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l10-viki-track-5 {
  0%, 38.75% {
    animation-timing-function: ease-in-out;
    translate: -459.2px 0;
  }
  58% {
    translate: 0 0;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l10-sparkle-opacity {
  0% {
    opacity: 0;
  }
  56.51% {
    opacity: 0;
  }
  58.594% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l10-sparkle-twinkle {
  0% {
    opacity: 0.45;
  }
  100% {
    opacity: 1;
  }
}
.l11 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #ff91c2;
}
.l11__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.5;
  background: linear-gradient(134deg, #ff95ce 13%, #e67efb 100%);
}
.l11__center {
  position: absolute;
  top: -660px;
  left: 700px;
  width: 520px;
  height: 2400px;
  z-index: 2;
  pointer-events: none;
}
.l11__center img,
.l11__center svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l11__tire {
  position: absolute;
  top: -22.51px;
  width: 291.94px;
  height: 1103px;
  z-index: 3;
  pointer-events: none;
  opacity: 0.5;
  mix-blend-mode: soft-light;
}
.l11__tire img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l11__tire--left {
  left: 195.53px;
}
.l11__tire--right {
  left: 1421.38px;
}
.l11__arrows {
  position: absolute;
  width: 133.6px;
  height: 537.29px;
  z-index: 5;
  pointer-events: none;
}
.l11__arrows img,
.l11__arrows svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l11__arrows--left {
  top: 505.99px;
  left: 526.42px;
}
.l11__arrows--right {
  top: 19.15px;
  left: 1726.1px;
}
.l11__arrow {
  opacity: 0.15;
  will-change: opacity;
}
.l11__text {
  position: absolute;
  z-index: 6;
  pointer-events: none;
  will-change: translate;
}
.l11__text img,
.l11__text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l11__text-track {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.l11__text-item {
  flex: 0 0 auto;
  width: 541px;
  height: 1942px;
}
.l11__text--left {
  top: -94.56px;
  left: 90.6px;
  width: 541px;
  height: 3884px;
  translate: 0 1149.6px;
}
.l11__text--right {
  top: -950.53px;
  left: 1316.6px;
  width: 541px;
  height: 3884px;
  translate: 0 -1153.8px;
}
.l11.start .l11__text--left {
  animation: l11-text-left-translate 2.2s linear infinite;
}
.l11.start .l11__text--right {
  animation: l11-text-right-translate 2.2s linear infinite;
}
.l11.start .l11__arrows--left .l11__arrow--0 {
  animation: l11-arrow-left-0 2.4s linear forwards;
}
.l11.start .l11__arrows--left .l11__arrow--1 {
  animation: l11-arrow-left-1 2.4s linear forwards;
}
.l11.start .l11__arrows--left .l11__arrow--2 {
  animation: l11-arrow-left-2 2.4s linear forwards;
}
.l11.start .l11__arrows--left .l11__arrow--3 {
  animation: l11-arrow-left-3 2.4s linear forwards;
}
.l11.start .l11__arrows--left .l11__arrow--4 {
  animation: l11-arrow-left-4 2.4s linear forwards;
}
.l11.start .l11__arrows--right .l11__arrow--0 {
  animation: l11-arrow-right-0 2.4s linear forwards;
}
.l11.start .l11__arrows--right .l11__arrow--1 {
  animation: l11-arrow-right-1 2.4s linear forwards;
}
.l11.start .l11__arrows--right .l11__arrow--2 {
  animation: l11-arrow-right-2 2.4s linear forwards;
}
.l11.start .l11__arrows--right .l11__arrow--3 {
  animation: l11-arrow-right-3 2.4s linear forwards;
}
.l11.start .l11__arrows--right .l11__arrow--4 {
  animation: l11-arrow-right-4 2.4s linear forwards;
}

@keyframes l11-text-left-translate {
  0% {
    animation-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1);
    translate: 0 1149.6px;
  }
  20.833% {
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    translate: 0 38.32px;
  }
  50% {
    animation-timing-function: cubic-bezier(0.85, 0, 1, 0.3);
    translate: 0 -38.32px;
  }
  100% {
    translate: 0 -1532.8px;
  }
}
@keyframes l11-text-right-translate {
  0% {
    animation-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1);
    translate: 0 -1153.8px;
  }
  20.833% {
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
    translate: 0 -38.46px;
  }
  50% {
    animation-timing-function: cubic-bezier(0.85, 0, 1, 0.3);
    translate: 0 38.46px;
  }
  100% {
    translate: 0 1538.4px;
  }
}
@keyframes l11-arrow-left-0 {
  0% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  5% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  12.5% {
    opacity: 0.15;
  }
  14.583% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  19.583% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  27.083% {
    opacity: 0.15;
  }
  29.167% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  34.167% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  41.667% {
    opacity: 0.15;
  }
  43.75% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  48.75% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  56.25% {
    opacity: 0.15;
  }
  58.333% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  63.333% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  70.833% {
    opacity: 0.15;
  }
  72.917% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  77.917% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  85.417% {
    opacity: 0.15;
  }
  87.5% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  92.5% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0.15;
  }
}
@keyframes l11-arrow-left-1 {
  0% {
    opacity: 0.15;
  }
  5% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  10% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  17.5% {
    opacity: 0.15;
  }
  19.583% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  24.583% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  32.083% {
    opacity: 0.15;
  }
  34.167% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  39.167% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  46.667% {
    opacity: 0.15;
  }
  48.75% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  53.75% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  61.25% {
    opacity: 0.15;
  }
  63.333% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  68.333% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  75.833% {
    opacity: 0.15;
  }
  77.917% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  82.917% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  90.417% {
    opacity: 0.15;
  }
  92.5% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  97.5% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0.15;
  }
}
@keyframes l11-arrow-left-2 {
  0% {
    opacity: 0.15;
  }
  10% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  15% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  22.5% {
    opacity: 0.15;
  }
  24.583% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  29.583% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  37.083% {
    opacity: 0.15;
  }
  39.167% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  44.167% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  51.667% {
    opacity: 0.15;
  }
  53.75% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  58.75% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  66.25% {
    opacity: 0.15;
  }
  68.333% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  73.333% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  80.833% {
    opacity: 0.15;
  }
  82.917% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  87.917% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  95.417% {
    opacity: 0.15;
  }
  100% {
    opacity: 0.15;
  }
}
@keyframes l11-arrow-left-3 {
  0% {
    opacity: 0.15;
  }
  15% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  20% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  27.5% {
    opacity: 0.15;
  }
  29.583% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  34.583% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  42.083% {
    opacity: 0.15;
  }
  44.167% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  49.167% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  56.667% {
    opacity: 0.15;
  }
  58.75% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  63.75% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  71.25% {
    opacity: 0.15;
  }
  73.333% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  78.333% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  85.833% {
    opacity: 0.15;
  }
  87.917% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  92.917% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0.15;
  }
}
@keyframes l11-arrow-left-4 {
  0% {
    opacity: 0.15;
  }
  20% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  25% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  32.5% {
    opacity: 0.15;
  }
  34.583% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  39.583% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  47.083% {
    opacity: 0.15;
  }
  49.167% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  54.167% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  61.667% {
    opacity: 0.15;
  }
  63.75% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  68.75% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  76.25% {
    opacity: 0.15;
  }
  78.333% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  83.333% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  90.833% {
    opacity: 0.15;
  }
  92.917% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  97.917% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0.15;
  }
}
@keyframes l11-arrow-right-0 {
  0% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  5% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  12.5% {
    opacity: 0.15;
  }
  14.583% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  19.583% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  27.083% {
    opacity: 0.15;
  }
  29.167% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  34.167% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  41.667% {
    opacity: 0.15;
  }
  43.75% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  48.75% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  56.25% {
    opacity: 0.15;
  }
  58.333% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  63.333% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  70.833% {
    opacity: 0.15;
  }
  72.917% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  77.917% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  85.417% {
    opacity: 0.15;
  }
  87.5% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  92.5% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0.15;
  }
}
@keyframes l11-arrow-right-1 {
  0% {
    opacity: 0.15;
  }
  5% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  10% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  17.5% {
    opacity: 0.15;
  }
  19.583% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  24.583% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  32.083% {
    opacity: 0.15;
  }
  34.167% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  39.167% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  46.667% {
    opacity: 0.15;
  }
  48.75% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  53.75% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  61.25% {
    opacity: 0.15;
  }
  63.333% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  68.333% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  75.833% {
    opacity: 0.15;
  }
  77.917% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  82.917% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  90.417% {
    opacity: 0.15;
  }
  92.5% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  97.5% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0.15;
  }
}
@keyframes l11-arrow-right-2 {
  0% {
    opacity: 0.15;
  }
  10% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  15% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  22.5% {
    opacity: 0.15;
  }
  24.583% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  29.583% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  37.083% {
    opacity: 0.15;
  }
  39.167% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  44.167% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  51.667% {
    opacity: 0.15;
  }
  53.75% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  58.75% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  66.25% {
    opacity: 0.15;
  }
  68.333% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  73.333% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  80.833% {
    opacity: 0.15;
  }
  82.917% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  87.917% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  95.417% {
    opacity: 0.15;
  }
  100% {
    opacity: 0.15;
  }
}
@keyframes l11-arrow-right-3 {
  0% {
    opacity: 0.15;
  }
  15% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  20% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  27.5% {
    opacity: 0.15;
  }
  29.583% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  34.583% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  42.083% {
    opacity: 0.15;
  }
  44.167% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  49.167% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  56.667% {
    opacity: 0.15;
  }
  58.75% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  63.75% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  71.25% {
    opacity: 0.15;
  }
  73.333% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  78.333% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  85.833% {
    opacity: 0.15;
  }
  87.917% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  92.917% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0.15;
  }
}
@keyframes l11-arrow-right-4 {
  0% {
    opacity: 0.15;
  }
  20% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  25% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  32.5% {
    opacity: 0.15;
  }
  34.583% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  39.583% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  47.083% {
    opacity: 0.15;
  }
  49.167% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  54.167% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  61.667% {
    opacity: 0.15;
  }
  63.75% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  68.75% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  76.25% {
    opacity: 0.15;
  }
  78.333% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  83.333% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  90.833% {
    opacity: 0.15;
  }
  92.917% {
    animation-timing-function: ease-out;
    opacity: 0.15;
  }
  97.917% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0.15;
  }
}
.l12 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #9258b9;
}
.l12__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.l12__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l12__oh-group {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 1;
  will-change: translate, opacity;
}
.l12__oh {
  position: absolute;
  top: 329px;
  left: 112.58px;
  width: 830px;
  height: 430px;
  pointer-events: none;
}
.l12__oh img,
.l12__oh svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l12__oh-oh {
  position: absolute;
  top: 329px;
  left: 1072.58px;
  width: 1780px;
  height: 430px;
  pointer-events: none;
}
.l12__oh-oh img,
.l12__oh-oh svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l12.start .l12__oh-group {
  animation: l12-oh-translate 2s linear forwards;
}

@keyframes l12-oh-translate {
  0% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  12.5% {
    animation-timing-function: step-end;
    translate: -100px 0;
  }
  25% {
    animation-timing-function: step-end;
    translate: -200px 0;
  }
  37.5% {
    animation-timing-function: step-end;
    translate: -300px 0;
  }
  50% {
    animation-timing-function: step-end;
    translate: -400px 0;
  }
  62.5% {
    animation-timing-function: step-end;
    translate: -500px 0;
  }
  75% {
    animation-timing-function: step-end;
    translate: -600px 0;
  }
  87.5% {
    animation-timing-function: step-end;
    translate: -700px 0;
  }
  100% {
    translate: -800px 0;
  }
}
.l13 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #9258b9;
}
.l13__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.l13__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l13__text-group {
  position: absolute;
  top: 320px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  will-change: translate;
}
.l13__wow {
  position: absolute;
  left: 416px;
  width: 1088px;
  height: 300px;
  pointer-events: none;
}
.l13__wow img,
.l13__wow svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}
.l13__wow--white {
  top: 320px;
}
.l13__wow--mint {
  top: 658.5px;
}
.l13__wow--pink {
  top: 997px;
}
.l13__deco {
  position: absolute;
  top: 96.51px;
  left: 487.5px;
  width: 913px;
  height: 183px;
  pointer-events: none;
}
.l13__deco img,
.l13__deco svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l13.start .l13__text-group {
  animation: l13-text-translate 2.2s linear infinite;
}

.lilia:has(.l12.start):has(.l13.start) .l12.start {
  position: relative;
  z-index: 1;
}
.lilia:has(.l12.start):has(.l13.start) .l12__oh-group {
  display: none;
}
.lilia:has(.l12.start):has(.l13.start) .l13.start {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
  background-color: transparent;
}
.lilia:has(.l12.start):has(.l13.start) .l13__bg {
  display: none;
}
.lilia:has(.l12.start):has(.l13.start) .shared-pattern-bar.is-active .shared-pattern-bar__item--top {
  animation: shared-pattern-bar-top-l13 2.2s linear infinite;
}
.lilia:has(.l12.start):has(.l13.start) .shared-pattern-bar.is-active .shared-pattern-bar__item--bottom {
  animation: shared-pattern-bar-bot-l13 2.2s linear infinite;
}

@keyframes l13-text-translate {
  0% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  11.364% {
    animation-timing-function: step-end;
    translate: 0 -100px;
  }
  22.727% {
    animation-timing-function: step-end;
    translate: 0 -200px;
  }
  34.091% {
    animation-timing-function: step-end;
    translate: 0 -300px;
  }
  45.455% {
    animation-timing-function: step-end;
    translate: 0 -400px;
  }
  56.818% {
    animation-timing-function: step-end;
    translate: 0 -500px;
  }
  68.182% {
    animation-timing-function: step-end;
    translate: 0 -600px;
  }
  79.545% {
    translate: 0 -700px;
  }
  100% {
    translate: 0 -700px;
  }
}
@keyframes shared-pattern-bar-top-l13 {
  0% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  11.364% {
    animation-timing-function: step-end;
    translate: 0 -60px;
  }
  22.727% {
    animation-timing-function: step-end;
    translate: 0 -120px;
  }
  34.091% {
    animation-timing-function: step-end;
    translate: 0 -180px;
  }
  45.455% {
    animation-timing-function: step-end;
    translate: 0 -240px;
  }
  56.818% {
    animation-timing-function: step-end;
    translate: 0 -300px;
  }
  68.182% {
    animation-timing-function: step-end;
    translate: 0 -360px;
  }
  79.545% {
    animation-timing-function: step-end;
    translate: 0 -420px;
  }
  90.909% {
    translate: 0 -480px;
  }
  100% {
    translate: 0 -480px;
  }
}
@keyframes shared-pattern-bar-bot-l13 {
  0% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  11.364% {
    animation-timing-function: step-end;
    translate: 0 60px;
  }
  22.727% {
    animation-timing-function: step-end;
    translate: 0 120px;
  }
  34.091% {
    animation-timing-function: step-end;
    translate: 0 180px;
  }
  45.455% {
    animation-timing-function: step-end;
    translate: 0 240px;
  }
  56.818% {
    animation-timing-function: step-end;
    translate: 0 300px;
  }
  68.182% {
    animation-timing-function: step-end;
    translate: 0 360px;
  }
  79.545% {
    animation-timing-function: step-end;
    translate: 0 420px;
  }
  90.909% {
    translate: 0 480px;
  }
  100% {
    translate: 0 480px;
  }
}
.l14 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #9258b9;
  transform: translateZ(0);
}
.l14__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.l14__bg img,
.l14__bg svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l14__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.5;
  background: #9258b9;
}
.l14__circle {
  position: absolute;
  top: -342px;
  left: 78px;
  width: 1764px;
  height: 1764px;
  z-index: 2;
  pointer-events: none;
}
.l14__circle-spin {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  transform-origin: center center;
  transform: translateZ(0) scale(0.25) rotate(0rad);
  backface-visibility: hidden;
  will-change: transform;
}
.l14__circle img,
.l14__circle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l14__all-right {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  transform-origin: center center;
  will-change: rotate, scale;
}
.l14__all-right img,
.l14__all-right svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l14__all-right--outer {
  top: -203.63px;
  left: 216.76px;
  width: 1486.49px;
  height: 1487.25px;
  rotate: 0rad;
  scale: 1;
}
.l14__all-right--inner {
  top: 62.5px;
  left: 471px;
  width: 978px;
  height: 955px;
  rotate: 1.309rad;
  scale: 1;
}
.l14__bat {
  position: absolute;
  top: 489.5px;
  left: 777.5px;
  width: 365px;
  height: 121px;
  z-index: 4;
  pointer-events: none;
  will-change: translate;
}
.l14__bat img,
.l14__bat svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l14.start .l14__bat {
  animation: l14-bat-translate 2s linear infinite;
}
.l14.start .l14__all-right--inner {
  animation: l14-all-right-inner-rotate 2s linear infinite, l14-all-right-scale 2s linear infinite;
}
.l14.start .l14__all-right--outer {
  animation: l14-all-right-outer-rotate 2s linear infinite, l14-all-right-scale 2s linear infinite;
}
.l14.start .l14__circle-spin {
  animation: l14-circle-xform 4s linear infinite;
}

@keyframes l14-bat-translate {
  0% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  25% {
    animation-timing-function: step-end;
    translate: 0 -20px;
  }
  50% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  75% {
    animation-timing-function: step-end;
    translate: 0 -20px;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes l14-all-right-inner-rotate {
  0% {
    rotate: 1.309rad;
  }
  100% {
    rotate: -0.785rad;
  }
}
@keyframes l14-all-right-outer-rotate {
  0% {
    rotate: 0rad;
  }
  100% {
    rotate: 1.309rad;
  }
}
@keyframes l14-all-right-scale {
  0% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  12.978% {
    animation-timing-function: linear(0, 0.0188, 0.0679, 0.1374, 0.2195, 0.308, 0.3978, 0.4856, 0.5686, 0.6452, 0.7142, 0.7753, 0.8283, 0.8735, 0.9113, 0.9423, 0.9671, 0.9866, 1.0014, 1.0123, 1.0198, 1.0247, 1.0274, 1.0283, 1.0281, 1.0268, 1.025, 1.0227, 1.0202, 1.0177, 1.0152, 1.0128, 1.0106, 1.0085, 1.0068, 1.0052, 1.0039, 1.0028, 1.0018, 1.0011, 1.0005, 1, 0.9997, 0.9995, 0.9993, 0.9992, 0.9992, 0.9992, 0.9992, 0.9993, 0.9993);
    scale: 0.96 0.96;
  }
  24.624% {
    animation-timing-function: ease-out;
    scale: 1.04 1.04;
  }
  49.9% {
    animation-timing-function: linear(0, 0.0188, 0.0679, 0.1374, 0.2195, 0.308, 0.3978, 0.4856, 0.5686, 0.6452, 0.7142, 0.7753, 0.8283, 0.8735, 0.9113, 0.9423, 0.9671, 0.9866, 1.0014, 1.0123, 1.0198, 1.0247, 1.0274, 1.0283, 1.0281, 1.0268, 1.025, 1.0227, 1.0202, 1.0177, 1.0152, 1.0128, 1.0106, 1.0085, 1.0068, 1.0052, 1.0039, 1.0028, 1.0018, 1.0011, 1.0005, 1, 0.9997, 0.9995, 0.9993, 0.9992, 0.9992, 0.9992, 0.9992, 0.9993, 0.9993);
    scale: 0.96 0.96;
  }
  62.5% {
    animation-timing-function: ease-out;
    scale: 1.04 1.04;
  }
  87.5% {
    animation-timing-function: linear(0, 0.0188, 0.0679, 0.1374, 0.2195, 0.308, 0.3978, 0.4856, 0.5686, 0.6452, 0.7142, 0.7753, 0.8283, 0.8735, 0.9113, 0.9423, 0.9671, 0.9866, 1.0014, 1.0123, 1.0198, 1.0247, 1.0274, 1.0283, 1.0281, 1.0268, 1.025, 1.0227, 1.0202, 1.0177, 1.0152, 1.0128, 1.0106, 1.0085, 1.0068, 1.0052, 1.0039, 1.0028, 1.0018, 1.0011, 1.0005, 1, 0.9997, 0.9995, 0.9993, 0.9992, 0.9992, 0.9992, 0.9992, 0.9993, 0.9993);
    scale: 0.96 0.96;
  }
  100% {
    scale: 1.04 1.04;
  }
}
@keyframes l14-circle-xform {
  0% {
    animation-timing-function: ease-in-out;
    transform: translateZ(0) scale(0.25) rotate(0rad);
  }
  50% {
    animation-timing-function: ease-in-out;
    transform: translateZ(0) scale(3.625) rotate(3.665rad);
  }
  100% {
    transform: translateZ(0) scale(7) rotate(7.33rad);
  }
}
.l15 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #ff8db9;
}
.l15__bg {
  position: absolute;
  top: -332.61px;
  left: -686.48px;
  width: 3062.84px;
  height: 1785.23px;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
}
.l15__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l15__road {
  position: absolute;
  top: 737.69px;
  left: -59.64px;
  width: 2097.16px;
  height: 381.3px;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
}
.l15__road img,
.l15__road svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l15__screen-cut {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
}
.l15__screen-cut-band {
  position: absolute;
  top: -25%;
  left: 0;
  width: 70%;
  height: 150%;
  transform: translate3d(-130%, 0, 0) skewX(-18deg);
  backface-visibility: hidden;
}
.l15__screen-cut-band--light {
  background-color: #f8d5e8;
  z-index: 1;
}
.l15__screen-cut-band--pink {
  background-color: #f2a7bd;
  z-index: 2;
  width: 55%;
}
.l15__text {
  position: absolute;
  top: -168.67px;
  left: -82.43px;
  width: 2080.49px;
  height: 976.78px;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
}
.l15__text img,
.l15__text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l15__text-char {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translate3d(-280px, 0, 0);
  transform-origin: center;
}
.l15__text-char svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l15__car {
  position: absolute;
  top: -392.45px;
  left: 192.81px;
  width: 2001.12px;
  height: 2001.12px;
  z-index: 5;
  pointer-events: none;
  overflow: visible;
}
.l15__car-motion {
  position: relative;
  width: 100%;
  height: 100%;
  transform-origin: 52% 58%;
  backface-visibility: hidden;
  opacity: 1;
  transform: translate3d(-270px, -230px, 0) scale(-0.26, 0.26) rotate(32deg);
}
.l15__car-real, .l15__car-dot, .l15__car-cut {
  position: absolute;
  inset: auto;
  top: 21.85860605%;
  left: 4.67149638%;
  width: 87.93404946%;
  height: 56.70746945%;
  display: block;
  object-fit: fill;
  pointer-events: none;
}
.l15__car-real {
  z-index: 1;
  opacity: 0;
}
.l15__car-dot {
  z-index: 2;
  opacity: 1;
}
.l15__car-cut {
  z-index: 3;
  opacity: 0;
  clip-path: inset(0 0 0 100%);
}
.l15__car-cut--pink {
  z-index: 4;
}
.l15__car-cut--light {
  z-index: 5;
}
.l15.start .l15__bg {
  animation: l15-fade-in 0.25s ease-out forwards;
}
.l15.start .l15__road {
  animation: l15-fade-in 0.3s ease-out 0.05s forwards;
}
.l15.start .l15__screen-cut {
  opacity: 1;
}
.l15.start .l15__screen-cut-band--light {
  animation: l15-screen-cut-rush 0.38s cubic-bezier(0.2, 0, 0.15, 1) forwards;
}
.l15.start .l15__screen-cut-band--pink {
  animation: l15-screen-cut-rush 0.34s cubic-bezier(0.2, 0, 0.15, 1) 0.04s forwards;
}
.l15.start .l15__text {
  opacity: 1;
}
.l15.start .l15__text-char--0 {
  animation: l15-text-char-in 0.26s cubic-bezier(0.15, 0.85, 0.25, 1) 0.605s forwards;
}
.l15.start .l15__text-char--1 {
  animation: l15-text-char-in 0.26s cubic-bezier(0.15, 0.85, 0.25, 1) 0.56s forwards;
}
.l15.start .l15__text-char--2 {
  animation: l15-text-char-in 0.26s cubic-bezier(0.15, 0.85, 0.25, 1) 0.515s forwards;
}
.l15.start .l15__text-char--3 {
  animation: l15-text-char-in 0.26s cubic-bezier(0.15, 0.85, 0.25, 1) 0.47s forwards;
}
.l15.start .l15__text-char--4 {
  animation: l15-text-char-in 0.26s cubic-bezier(0.15, 0.85, 0.25, 1) 0.425s forwards;
}
.l15.start .l15__text-char--5 {
  animation: l15-text-char-in 0.26s cubic-bezier(0.15, 0.85, 0.25, 1) 0.38s forwards;
}
.l15.start .l15__car-motion {
  animation: l15-car-drive 1.55s forwards;
}
.l15.start .l15__car-real {
  animation: l15-car-real-show 0.01s linear 0.55s forwards;
}
.l15.start .l15__car-cut--pink {
  animation: l15-car-cut-slash 0.58s cubic-bezier(0.35, 0, 0.2, 1) 0.55s forwards;
}
.l15.start .l15__car-cut--light {
  animation: l15-car-cut-slash 0.58s cubic-bezier(0.35, 0, 0.2, 1) 0.65s forwards;
}
.l15.start .l15__car-dot {
  animation: l15-car-dot-hide 0.25s ease-out 0.8s forwards;
}

@keyframes l15-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes l15-screen-cut-rush {
  0% {
    transform: translate3d(-130%, 0, 0) skewX(-18deg);
  }
  100% {
    transform: translate3d(200%, 0, 0) skewX(-18deg);
  }
}
@keyframes l15-text-char-in {
  0% {
    opacity: 0;
    transform: translate3d(-280px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l15-car-drive {
  0% {
    transform: translate3d(-270px, -230px, 0) scale(-0.26, 0.26) rotate(32deg);
    animation-timing-function: cubic-bezier(0.45, 0.05, 0.6, 0.95);
  }
  22% {
    transform: translate3d(160px, -420px, 0) scale(-0.22, 0.22) rotate(36deg);
    animation-timing-function: cubic-bezier(0.4, 0, 0.7, 0.8);
  }
  32% {
    transform: translate3d(1020px, -780px, 0) scale(-0.18, 0.18) rotate(40deg);
    animation-timing-function: step-end;
  }
  33% {
    transform: translate3d(860px, -10px, 0) scale(0.36) rotate(0deg);
    animation-timing-function: cubic-bezier(0.12, 0.82, 0.18, 1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
  }
}
@keyframes l15-car-real-show {
  to {
    opacity: 1;
  }
}
@keyframes l15-car-dot-hide {
  to {
    opacity: 0;
  }
}
@keyframes l15-car-cut-slash {
  0% {
    opacity: 1;
    clip-path: polygon(82% -30%, 100% -30%, 88% 130%, 70% 130%);
  }
  100% {
    opacity: 0;
    clip-path: polygon(-18% -30%, 0% -30%, -12% 130%, -30% 130%);
  }
}
.l16 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #120e12;
}
.l16__bg {
  position: absolute;
  top: -333.2px;
  left: -1613.5px;
  width: 4299.04px;
  height: 2754.57px;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  transform: translate3d(920px, 0, 0);
}
.l16__bg img {
  display: block;
  position: absolute;
  width: 122.8788690104%;
  height: 122.8788780102%;
  left: 17.4629520622%;
  top: -14.9491496953%;
  max-width: none;
  object-fit: fill;
}
.l16__oh {
  position: absolute;
  top: 58.74px;
  left: -52.57px;
  width: 950.08px;
  height: 535.58px;
  z-index: 2;
  pointer-events: none;
  overflow: visible;
}
.l16__oh img,
.l16__oh svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l16__oh-oh {
  position: absolute;
  top: 515.68px;
  left: 147.25px;
  width: 1170.6px;
  height: 535.58px;
  z-index: 3;
  pointer-events: none;
  overflow: visible;
}
.l16__oh-oh img,
.l16__oh-oh svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l16__char {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translate3d(1920px, 0, 0);
  transform-origin: center;
}
.l16__char--o, .l16__char--o2 {
  width: 552px;
}
.l16__char--h, .l16__char--h2 {
  width: 515.5px;
  left: 430px;
}
.l16__char--excl {
  width: 217.5px;
  left: 940px;
}
.l16__char img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l16__spray {
  position: absolute;
  top: -243.04px;
  left: 30.44px;
  width: 1413.92px;
  height: 1662.5px;
  z-index: 4;
  pointer-events: none;
}
.l16__spray img,
.l16__spray svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.l16.start.is-oh-leaving, .l16.start.is-leaving {
  overflow: hidden;
}
.l16.start.is-oh-leaving .l16__oh, .l16.start.is-leaving .l16__oh {
  animation: l16-oh-exit-up 0.36s linear forwards !important;
}
.l16.start.is-oh-leaving .l16__oh-oh, .l16.start.is-leaving .l16__oh-oh {
  animation: l16-oh-exit-down 0.36s linear forwards !important;
}
.l16.start.is-oh-leaving .l16__char, .l16.start.is-leaving .l16__char {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  animation: none !important;
}
.l16.start {
  overflow: hidden;
}
.l16.start .l16__bg {
  animation: l16-bg-slide 1.25s cubic-bezier(0.2, 0.65, 0.25, 1) forwards;
}
.l16.start .l16__spray {
  animation: l16-spray-drift 2.2s linear forwards;
}
.l16.start .l16__char--o {
  animation: l16-char-brake 0.34s both 0.12s;
}
.l16.start .l16__char--h {
  animation: l16-char-brake 0.34s both 0.2s;
}
.l16.start .l16__char--o2 {
  animation: l16-char-brake 0.34s both 0.32s;
}
.l16.start .l16__char--h2 {
  animation: l16-char-brake 0.34s both 0.4s;
}
.l16.start .l16__char--excl {
  animation: l16-char-brake 0.36s both 0.48s;
}

@keyframes l16-oh-exit-up {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  25% {
    opacity: 1;
    transform: translate3d(0, -36px, 0) scale(1.02);
  }
  55% {
    opacity: 1;
    transform: translate3d(0, -220px, 0) scale(1.06);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, -1400px, 0) scale(1.12);
  }
}
@keyframes l16-oh-exit-down {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  25% {
    opacity: 1;
    transform: translate3d(0, 36px, 0) scale(1.02);
  }
  55% {
    opacity: 1;
    transform: translate3d(0, 220px, 0) scale(1.06);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 1400px, 0) scale(1.12);
  }
}
@keyframes l16-char-brake {
  0% {
    opacity: 0;
    transform: translate3d(1920px, 0, 0);
    animation-timing-function: cubic-bezier(0.05, 0.7, 0.2, 1);
  }
  58% {
    opacity: 1;
    transform: translate3d(-56px, 0, 0);
    animation-timing-function: cubic-bezier(0.35, 0, 0.55, 1);
  }
  78% {
    opacity: 1;
    transform: translate3d(22px, 0, 0);
    animation-timing-function: cubic-bezier(0.25, 0.8, 0.4, 1);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l16-bg-slide {
  0% {
    transform: translate3d(920px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l16-spray-drift {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(72px, 0, 0);
  }
}
@keyframes l16-boards-fly {
  0% {
    opacity: 0;
    transform: translate3d(var(--x0), var(--y0), 0) rotate(var(--dir)) scaleX(0.1);
  }
  8% {
    opacity: 1;
    transform: translate3d(calc(var(--x0) * 0.92 + var(--x1) * 0.08), calc(var(--y0) * 0.92 + var(--y1) * 0.08), 0) rotate(var(--dir)) scaleX(0.28);
  }
  55% {
    opacity: 1;
    transform: translate3d(calc(var(--x0) * 0.45 + var(--x1) * 0.55), calc(var(--y0) * 0.45 + var(--y1) * 0.55), 0) rotate(var(--dir)) scaleX(1);
  }
  88% {
    opacity: 1;
    transform: translate3d(calc(var(--x0) * 0.12 + var(--x1) * 0.88), calc(var(--y0) * 0.12 + var(--y1) * 0.88), 0) rotate(var(--dir)) scaleX(1.12);
  }
  100% {
    opacity: 0;
    transform: translate3d(var(--x1), var(--y1), 0) rotate(var(--dir)) scaleX(1.18);
  }
}
.l16__boards .l16__boards-piece--16 {
  display: none !important;
}
.l16__boards .l16__boards-piece--17 {
  display: none !important;
}
.l16__boards .l16__boards-piece--18 {
  display: none !important;
}
.l16__boards .l16__boards-piece--19 {
  display: none !important;
}
.l16__boards .l16__boards-piece--20 {
  display: none !important;
}
.l16__boards .l16__boards-piece--21 {
  display: none !important;
}
.l16__boards .l16__boards-piece--22 {
  display: none !important;
}
.l16__boards .l16__boards-piece--23 {
  display: none !important;
}
.l16__boards .l16__boards-piece--24 {
  display: none !important;
}
.l16__boards .l16__boards-piece--25 {
  display: none !important;
}
.l16__boards .l16__boards-piece--26 {
  display: none !important;
}
.l16__boards .l16__boards-piece--27 {
  display: none !important;
}
.l16__boards .l16__boards-piece--28 {
  display: none !important;
}
.l16__boards .l16__boards-piece--29 {
  display: none !important;
}
.l16__boards .l16__boards-piece--30 {
  display: none !important;
}
.l16__boards .l16__boards-piece--31 {
  display: none !important;
}
.l16__boards .l16__boards-piece--32 {
  display: none !important;
}
.l16__boards .l16__boards-piece--33 {
  display: none !important;
}
.l16__boards .l16__boards-piece--34 {
  display: none !important;
}
.l16__boards .l16__boards-piece--35 {
  display: none !important;
}
.l16__boards .l16__boards-piece--36 {
  display: none !important;
}
.l16__boards .l16__boards-piece--37 {
  display: none !important;
}
.l16__boards .l16__boards-piece--38 {
  display: none !important;
}
.l16__boards .l16__boards-piece--39 {
  display: none !important;
}
.l16__boards .l16__boards-piece--40 {
  display: none !important;
}

.l17 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #120e12;
}
.l17__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.l17__bg img,
.l17__bg svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: 58% 30%;
  transform: translate3d(0, 0, 0) scale(2.55);
  will-change: transform;
  backface-visibility: hidden;
}
.l17__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 45%, rgba(146, 4, 118, 0) 0%, rgba(146, 4, 118, 0.15) 26%, rgba(146, 4, 118, 0.4) 100%);
}
.l17__text {
  position: absolute;
  top: -36px;
  left: -0.64px;
  width: 1921.26px;
  height: 1152.24px;
  z-index: 3;
  pointer-events: none;
  overflow: visible;
}
.l17__text img,
.l17__text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l17__text .l17__konoteni-char {
  position: absolute;
  inset: 0;
  transform-origin: center center;
  will-change: transform, opacity;
}
.l17__text .l17__konoteni-face {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translate3d(1100px, -280px, 0);
  will-change: transform, opacity;
  transform-origin: center center;
}
.l17__text .l17__konoteni-face svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l17__text .l17__konoteni-ghost {
  position: absolute;
  inset: 0;
  visibility: hidden;
  will-change: transform;
  transform-origin: center center;
}
.l17__text .l17__konoteni-ghost svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l17__text .l17__konoteni-ghost--mint {
  transform: translate3d(1220px, -310px, 0);
}
.l17__text .l17__konoteni-ghost--pink {
  transform: translate3d(1340px, -340px, 0);
}
.l17__text .l17__victory-char {
  position: absolute;
  inset: 0;
  transform-origin: center center;
  will-change: transform, opacity;
}
.l17__text .l17__victory-face {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translate3d(980px, -260px, 0) scale(1.75, 1.12);
  transform-origin: center center;
  will-change: transform, opacity;
}
.l17__text .l17__victory-face svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l17__text .l17__victory-ghost {
  position: absolute;
  inset: 0;
  visibility: hidden;
  transform-origin: center center;
  will-change: transform;
}
.l17__text .l17__victory-ghost svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.l17__text .l17__victory-ghost--mint {
  transform: translate3d(1080px, -290px, 0) scale(1.75, 1.12);
}
.l17__text .l17__victory-ghost--pink {
  transform: translate3d(1180px, -320px, 0) scale(1.75, 1.12);
}
.l17__sparkle {
  position: absolute;
  top: 23.9px;
  left: 30.85px;
  width: 1828.49px;
  height: 981.31px;
  z-index: 4;
  pointer-events: none;
}
.l17__sparkle img,
.l17__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.l17__sparkle-item {
  opacity: 0.2;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0.6);
}
.l17__sweets {
  position: absolute;
  top: 8.55px;
  left: 60.22px;
  width: 1722.54px;
  height: 1062.41px;
  z-index: 5;
  pointer-events: none;
  overflow: visible;
  transform: scale(1);
  transform-origin: center;
  will-change: transform;
  backface-visibility: hidden;
}
.l17__sweet {
  position: absolute;
  opacity: 0;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.l17__sweet img,
.l17__sweet svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.l17__sweet--1 {
  top: 750.01px;
  left: 1386.53px;
  width: 336.01px;
  height: 312.4px;
}
.l17__sweet--2 {
  top: 276.97px;
  left: 0px;
  width: 325.65px;
  height: 336.55px;
}
.l17__sweet--3 {
  top: 525.93px;
  left: 704.67px;
  width: 97.8px;
  height: 95.38px;
}
.l17__sweet--4 {
  top: 877.16px;
  left: 1225.85px;
  width: 183.65px;
  height: 179.53px;
}
.l17__sweet--5 {
  top: 168.05px;
  left: 1347.4px;
  width: 79.66px;
  height: 76.58px;
}
.l17__sweet--6 {
  top: 0px;
  left: 1079px;
  width: 107.94px;
  height: 106.32px;
}
.l17__sweet--7 {
  top: 402.88px;
  left: 1277.56px;
  width: 139.68px;
  height: 143.06px;
}
.l17__sweet--8 {
  top: 536.04px;
  left: 253.43px;
  width: 98.98px;
  height: 102.63px;
}
.l17__sweet--9 {
  top: 44.63px;
  left: 634.63px;
  width: 97.08px;
  height: 100.5px;
}
.l17__sweet--10 {
  top: 915.26px;
  left: 77.63px;
  width: 130.64px;
  height: 129.42px;
}
.l17.start .l17__bg img {
  animation: l17-bg-unzoom 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.l17.start .l17__overlay {
  animation: l17-overlay-out 0.3s cubic-bezier(0.35, 0, 0.85, 0.2) 3s forwards;
}
.l17.start .l17__sweet--gummi img {
  animation: rotation 10s linear infinite;
}
.l17.start .l17__konoteni-face {
  animation: l17-text-face-in 0.75s cubic-bezier(0.15, 0.85, 0.25, 1) 0.45s forwards;
}
.l17.start .l17__konoteni-ghost--mint {
  animation: l17-text-ghost-mint-in 0.8s cubic-bezier(0.15, 0.85, 0.25, 1) 0.49s forwards;
}
.l17.start .l17__konoteni-ghost--pink {
  animation: l17-text-ghost-pink-in 0.85s cubic-bezier(0.12, 0.88, 0.22, 1) 0.53s forwards;
}
.l17.start .l17__victory-char--1 .l17__victory-face {
  animation: l17-victory-face-in 0.7s cubic-bezier(0.2, 0.9, 0.25, 1) 0.9s forwards;
}
.l17.start .l17__victory-char--1 .l17__victory-ghost--mint {
  animation: l17-victory-ghost-mint-in 0.74s cubic-bezier(0.2, 0.9, 0.25, 1) 0.94s forwards;
}
.l17.start .l17__victory-char--1 .l17__victory-ghost--pink {
  animation: l17-victory-ghost-pink-in 0.78s cubic-bezier(0.18, 0.92, 0.22, 1) 0.98s forwards;
}
.l17.start .l17__victory-char--2 .l17__victory-face {
  animation: l17-victory-face-in 0.7s cubic-bezier(0.2, 0.9, 0.25, 1) 1.01s forwards;
}
.l17.start .l17__victory-char--2 .l17__victory-ghost--mint {
  animation: l17-victory-ghost-mint-in 0.74s cubic-bezier(0.2, 0.9, 0.25, 1) 1.05s forwards;
}
.l17.start .l17__victory-char--2 .l17__victory-ghost--pink {
  animation: l17-victory-ghost-pink-in 0.78s cubic-bezier(0.18, 0.92, 0.22, 1) 1.09s forwards;
}
.l17.start .l17__victory-char--3 .l17__victory-face {
  animation: l17-victory-face-in 0.7s cubic-bezier(0.2, 0.9, 0.25, 1) 1.12s forwards;
}
.l17.start .l17__victory-char--3 .l17__victory-ghost--mint {
  animation: l17-victory-ghost-mint-in 0.74s cubic-bezier(0.2, 0.9, 0.25, 1) 1.16s forwards;
}
.l17.start .l17__victory-char--3 .l17__victory-ghost--pink {
  animation: l17-victory-ghost-pink-in 0.78s cubic-bezier(0.18, 0.92, 0.22, 1) 1.2s forwards;
}
.l17.start .l17__victory-char--4 .l17__victory-face {
  animation: l17-victory-face-in 0.7s cubic-bezier(0.2, 0.9, 0.25, 1) 1.23s forwards;
}
.l17.start .l17__victory-char--4 .l17__victory-ghost--mint {
  animation: l17-victory-ghost-mint-in 0.74s cubic-bezier(0.2, 0.9, 0.25, 1) 1.27s forwards;
}
.l17.start .l17__victory-char--4 .l17__victory-ghost--pink {
  animation: l17-victory-ghost-pink-in 0.78s cubic-bezier(0.18, 0.92, 0.22, 1) 1.31s forwards;
}
.l17.start .l17__victory-char--5 .l17__victory-face {
  animation: l17-victory-face-in 0.7s cubic-bezier(0.2, 0.9, 0.25, 1) 1.34s forwards;
}
.l17.start .l17__victory-char--5 .l17__victory-ghost--mint {
  animation: l17-victory-ghost-mint-in 0.74s cubic-bezier(0.2, 0.9, 0.25, 1) 1.38s forwards;
}
.l17.start .l17__victory-char--5 .l17__victory-ghost--pink {
  animation: l17-victory-ghost-pink-in 0.78s cubic-bezier(0.18, 0.92, 0.22, 1) 1.42s forwards;
}
.l17.start .l17__victory-char--6 .l17__victory-face {
  animation: l17-victory-face-in 0.7s cubic-bezier(0.2, 0.9, 0.25, 1) 1.45s forwards;
}
.l17.start .l17__victory-char--6 .l17__victory-ghost--mint {
  animation: l17-victory-ghost-mint-in 0.74s cubic-bezier(0.2, 0.9, 0.25, 1) 1.49s forwards;
}
.l17.start .l17__victory-char--6 .l17__victory-ghost--pink {
  animation: l17-victory-ghost-pink-in 0.78s cubic-bezier(0.18, 0.92, 0.22, 1) 1.53s forwards;
}
.l17.start .l17__konoteni-char--1 {
  animation: l17-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 3s both;
}
.l17.start .l17__konoteni-char--2 {
  animation: l17-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 3.024s both;
}
.l17.start .l17__konoteni-char--3 {
  animation: l17-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 3.048s both;
}
.l17.start .l17__konoteni-char--4 {
  animation: l17-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 3.072s both;
}
.l17.start .l17__victory-char--1 {
  animation: l17-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 3.04s both;
}
.l17.start .l17__victory-char--2 {
  animation: l17-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 3.064s both;
}
.l17.start .l17__victory-char--3 {
  animation: l17-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 3.088s both;
}
.l17.start .l17__victory-char--4 {
  animation: l17-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 3.112s both;
}
.l17.start .l17__victory-char--5 {
  animation: l17-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 3.136s both;
}
.l17.start .l17__victory-char--6 {
  animation: l17-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 3.16s both;
}
.l17.start .l17__sweets {
  animation: l17-sweets-parent-zoom-in 5s cubic-bezier(0.33, 1, 0.68, 1) 1s forwards;
}
.l17.start .l17__sweet--1 {
  animation: l17-sweets-child-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 1.36s forwards, l17-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 3s forwards;
}
.l17.start .l17__sweet--2 {
  animation: l17-sweets-child-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 1.32s forwards, l17-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 3.014s forwards;
}
.l17.start .l17__sweet--3 {
  animation: l17-sweets-child-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 1.28s forwards, l17-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 3.028s forwards;
}
.l17.start .l17__sweet--4 {
  animation: l17-sweets-child-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 1.24s forwards, l17-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 3.042s forwards;
}
.l17.start .l17__sweet--5 {
  animation: l17-sweets-child-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 1.2s forwards, l17-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 3.056s forwards;
}
.l17.start .l17__sweet--6 {
  animation: l17-sweets-child-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 1.16s forwards, l17-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 3.07s forwards;
}
.l17.start .l17__sweet--7 {
  animation: l17-sweets-child-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 1.12s forwards, l17-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 3.084s forwards;
}
.l17.start .l17__sweet--8 {
  animation: l17-sweets-child-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 1.08s forwards, l17-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 3.098s forwards;
}
.l17.start .l17__sweet--9 {
  animation: l17-sweets-child-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 1.04s forwards, l17-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 3.112s forwards;
}
.l17.start .l17__sweet--10 {
  animation: l17-sweets-child-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 1s forwards, l17-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 3.126s forwards;
}
.l17.start .l17__sparkle {
  animation: l17-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 3.02s both;
}
.l17.start .l17__sparkle-item:nth-child(1) {
  animation: l17-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.125s;
}
.l17.start .l17__sparkle-item:nth-child(2) {
  animation: l17-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.25s;
}
.l17.start .l17__sparkle-item:nth-child(3) {
  animation: l17-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.135s;
}
.l17.start .l17__sparkle-item:nth-child(4) {
  animation: l17-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.26s;
}
.l17.start .l17__sparkle-item:nth-child(5) {
  animation: l17-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 0.385s;
}
.l17.start .l17__sparkle-item:nth-child(6) {
  animation: l17-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.27s;
}
.l17.start .l17__sparkle-item:nth-child(7) {
  animation: l17-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.395s;
}
.l17.start .l17__sparkle-item:nth-child(8) {
  animation: l17-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.52s;
}
.l17.start .l17__sparkle-item:nth-child(9) {
  animation: l17-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.405s;
}
.l17.start .l17__sparkle-item:nth-child(10) {
  animation: l17-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 0.53s;
}
.l17.start .l17__sparkle-item:nth-child(11) {
  animation: l17-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.655s;
}
.l17.start .l17__sparkle-item:nth-child(12) {
  animation: l17-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.54s;
}
.l17.start .l17__sparkle-item:nth-child(13) {
  animation: l17-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.665s;
}
.l17.start .l17__sparkle-item:nth-child(14) {
  animation: l17-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.79s;
}
.l17.start .l17__sparkle-item:nth-child(15) {
  animation: l17-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 0.675s;
}
.l17.start .l17__sparkle-item:nth-child(16) {
  animation: l17-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.8s;
}
.l17.start .l17__sparkle-item:nth-child(17) {
  animation: l17-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.925s;
}
.l17.start .l17__sparkle-item:nth-child(18) {
  animation: l17-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.81s;
}
.l17.start .l17__sparkle-item:nth-child(19) {
  animation: l17-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.935s;
}
.l17.start .l17__sparkle-item:nth-child(20) {
  animation: l17-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 1.06s;
}
.l17.start .l17__sparkle-item:nth-child(21) {
  animation: l17-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.945s;
}
.l17.start .l17__sparkle-item:nth-child(22) {
  animation: l17-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 1.07s;
}
.l17.start .l17__sparkle-item:nth-child(23) {
  animation: l17-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 1.195s;
}
.l17.start .l17__sparkle-item:nth-child(24) {
  animation: l17-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 1.08s;
}
.l17.start .l17__sparkle-item:nth-child(25) {
  animation: l17-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 1.205s;
}
.l17.start .l17__sparkle-item:nth-child(26) {
  animation: l17-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 1.33s;
}
.l17.start .l17__sparkle-item:nth-child(27) {
  animation: l17-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 1.215s;
}
.l17.start .l17__sparkle-item:nth-child(28) {
  animation: l17-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 1.34s;
}
.l17.start .l17__sparkle-item:nth-child(29) {
  animation: l17-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 1.465s;
}
.l17.start .l17__sparkle-item:nth-child(30) {
  animation: l17-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 1.35s;
}
.l17.start .l17__sparkle-item:nth-child(31) {
  animation: l17-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 1.475s;
}

@keyframes l17-bg-unzoom {
  0% {
    transform: translate3d(0, 0, 0) scale(2.55);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes l17-text-face-in {
  0% {
    opacity: 0;
    transform: translate3d(1100px, -280px, 0);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l17-text-ghost-mint-in {
  0% {
    visibility: hidden;
    transform: translate3d(1220px, -310px, 0);
  }
  8% {
    visibility: visible;
    transform: translate3d(1220px, -310px, 0);
  }
  100% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l17-text-ghost-pink-in {
  0% {
    visibility: hidden;
    transform: translate3d(1340px, -340px, 0);
  }
  8% {
    visibility: visible;
    transform: translate3d(1340px, -340px, 0);
  }
  100% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes l17-victory-face-in {
  0% {
    opacity: 0;
    transform: translate3d(980px, -260px, 0) scale(1.75, 1.12);
    animation-timing-function: cubic-bezier(0.2, 0.9, 0.25, 1);
  }
  55% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1.4, 1.08);
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
}
@keyframes l17-victory-ghost-mint-in {
  0% {
    visibility: hidden;
    transform: translate3d(1080px, -290px, 0) scale(1.75, 1.12);
  }
  8% {
    visibility: visible;
    transform: translate3d(1080px, -290px, 0) scale(1.75, 1.12);
    animation-timing-function: cubic-bezier(0.2, 0.9, 0.25, 1);
  }
  40% {
    visibility: visible;
    transform: translate3d(180px, -48px, 0) scale(1, 1);
    animation-timing-function: cubic-bezier(0.2, 0.9, 0.25, 1);
  }
  100% {
    visibility: visible;
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
}
@keyframes l17-victory-ghost-pink-in {
  0% {
    visibility: hidden;
    transform: translate3d(1180px, -320px, 0) scale(1.75, 1.12);
  }
  8% {
    visibility: visible;
    transform: translate3d(1180px, -320px, 0) scale(1.75, 1.12);
    animation-timing-function: cubic-bezier(0.18, 0.92, 0.22, 1);
  }
  38% {
    visibility: visible;
    transform: translate3d(220px, -60px, 0) scale(1, 1);
    animation-timing-function: cubic-bezier(0.2, 0.9, 0.25, 1);
  }
  100% {
    visibility: visible;
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
}
@keyframes l17-sparkle-twinkle {
  0% {
    opacity: 0.12;
  }
  100% {
    opacity: 1;
  }
}
@keyframes l17-sweets-parent-zoom-in {
  0% {
    transform: scale(0);
  }
  10% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes l17-sweets-child-pop {
  0% {
    transform: rotate(90deg) scale(2);
    opacity: 1;
  }
  10% {
    transform: rotate(20deg) scale(1.1);
    opacity: 1;
  }
  100% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes l17-overlay-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes l17-sweep-out {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(1600px, -580px, 0);
  }
}
@keyframes l17-boards-fly {
  0% {
    opacity: 0;
    transform: translate3d(var(--x0), var(--y0), 0) rotate(var(--dir)) scaleX(0.1);
  }
  8% {
    opacity: 1;
    transform: translate3d(calc(var(--x0) * 0.92 + var(--x1) * 0.08), calc(var(--y0) * 0.92 + var(--y1) * 0.08), 0) rotate(var(--dir)) scaleX(0.28);
  }
  55% {
    opacity: 1;
    transform: translate3d(calc(var(--x0) * 0.45 + var(--x1) * 0.55), calc(var(--y0) * 0.45 + var(--y1) * 0.55), 0) rotate(var(--dir)) scaleX(1);
  }
  88% {
    opacity: 1;
    transform: translate3d(calc(var(--x0) * 0.12 + var(--x1) * 0.88), calc(var(--y0) * 0.12 + var(--y1) * 0.88), 0) rotate(var(--dir)) scaleX(1.12);
  }
  100% {
    opacity: 0;
    transform: translate3d(var(--x1), var(--y1), 0) rotate(var(--dir)) scaleX(1.18);
  }
}
.l17__boards .l17__boards-piece--46 {
  display: none !important;
}
.l17__boards .l17__boards-piece--47 {
  display: none !important;
}
.l17__boards .l17__boards-piece--48 {
  display: none !important;
}
.l17__boards .l17__boards-piece--49 {
  display: none !important;
}
.l17__boards .l17__boards-piece--50 {
  display: none !important;
}
.l17__boards .l17__boards-piece--51 {
  display: none !important;
}
.l17__boards .l17__boards-piece--52 {
  display: none !important;
}
.l17__boards .l17__boards-piece--53 {
  display: none !important;
}
.l17__boards .l17__boards-piece--54 {
  display: none !important;
}
.l17__boards .l17__boards-piece--55 {
  display: none !important;
}
.l17__boards .l17__boards-piece--56 {
  display: none !important;
}
.l17__boards .l17__boards-piece--57 {
  display: none !important;
}
.l17__boards .l17__boards-piece--58 {
  display: none !important;
}
.l17__boards .l17__boards-piece--59 {
  display: none !important;
}
.l17__boards .l17__boards-piece--60 {
  display: none !important;
}
.l17__boards .l17__boards-piece--61 {
  display: none !important;
}
.l17__boards .l17__boards-piece--62 {
  display: none !important;
}
.l17__boards .l17__boards-piece--63 {
  display: none !important;
}
.l17__boards .l17__boards-piece--64 {
  display: none !important;
}
.l17__boards .l17__boards-piece--65 {
  display: none !important;
}
.l17__boards .l17__boards-piece--66 {
  display: none !important;
}
.l17__boards .l17__boards-piece--67 {
  display: none !important;
}
.l17__boards .l17__boards-piece--68 {
  display: none !important;
}
.l17__boards .l17__boards-piece--69 {
  display: none !important;
}
.l17__boards .l17__boards-piece--70 {
  display: none !important;
}
.l17__boards .l17__boards-piece--71 {
  display: none !important;
}
.l17__boards .l17__boards-piece--72 {
  display: none !important;
}
.l17__boards .l17__boards-piece--73 {
  display: none !important;
}
.l17__boards .l17__boards-piece--74 {
  display: none !important;
}
.l17__boards .l17__boards-piece--75 {
  display: none !important;
}
.l17__boards .l17__boards-piece--76 {
  display: none !important;
}
.l17__boards .l17__boards-piece--77 {
  display: none !important;
}
.l17__boards .l17__boards-piece--78 {
  display: none !important;
}
.l17__boards .l17__boards-piece--79 {
  display: none !important;
}
.l17__boards .l17__boards-piece--80 {
  display: none !important;
}
.l17__boards .l17__boards-piece--81 {
  display: none !important;
}
.l17__boards .l17__boards-piece--82 {
  display: none !important;
}
.l17__boards .l17__boards-piece--83 {
  display: none !important;
}
.l17__boards .l17__boards-piece--84 {
  display: none !important;
}
.l17__boards .l17__boards-piece--85 {
  display: none !important;
}
.l17__boards .l17__boards-piece--86 {
  display: none !important;
}
.l17__boards .l17__boards-piece--87 {
  display: none !important;
}
.l17__boards .l17__boards-piece--88 {
  display: none !important;
}
.l17__boards .l17__boards-piece--89 {
  display: none !important;
}
.l17__boards .l17__boards-piece--90 {
  display: none !important;
}

:root {
  --stage-scale: 1;
}

html {
  background-color: #000;
}

body {
  margin: 0;
  background-color: #000;
  overflow: hidden;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stage-shell {
  position: relative;
  flex: 0 0 auto;
  width: calc(1920px * var(--stage-scale));
  height: calc(1080px * var(--stage-scale));
  overflow: hidden;
}

.stage-shell > .lilia,
.stage-shell > .trey {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
  transform-origin: top left;
  transform: scale(var(--stage-scale));
}

html.is-mobile .stage-shell > .lilia,
html.is-mobile .stage-shell > .trey {
  transform: none;
  zoom: var(--stage-scale);
}