[data-astro-cid-gzdh3h7w] {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
  color: #f2f2ee;
}

body {
  font-family: Courier New, Noto Sans JP, monospace;
}

#stage[data-astro-cid-gzdh3h7w] {
  position: fixed;
  inset: 0;
  overflow: hidden;
  background: #000;
}

#opening[data-astro-cid-gzdh3h7w] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16cm;
  max-width: calc(100vw - 40px);
  transform: translate(-50%, -50%);
  z-index: 10;
  font-size: clamp(18px, 1.55vw, 25px);
  line-height: 1.8;
  letter-spacing: .015em;
}

#opening[data-astro-cid-gzdh3h7w] p[data-astro-cid-gzdh3h7w] {
  margin: 0 0 14px;
  min-height: 1.8em;
}

#opening-ja[data-astro-cid-gzdh3h7w] {
  font-family: Noto Sans JP, sans-serif;
}

.cursor[data-astro-cid-gzdh3h7w]:after {
  content: "▋";
  margin-left: 2px;
  animation: .72s step-end infinite blink;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

#stream[data-astro-cid-gzdh3h7w] {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateY(100vh);
  pointer-events: none;
}

#stream[data-astro-cid-gzdh3h7w].running {
  opacity: 1;
  animation: 28s linear forwards streamRise;
}

@keyframes streamRise {
  0% {
    transform: translateY(100vh);
  }

  18% {
    transform: translateY(0);
  }

  36% {
    transform: translateY(-100vh);
  }

  54% {
    transform: translateY(-200vh);
  }

  70% {
    transform: translateY(-300vh);
  }

  78% {
    transform: translateY(-400vh);
  }

  85% {
    transform: translateY(-500vh);
  }

  91% {
    transform: translateY(-600vh);
  }

  100% {
    transform: translateY(-720vh);
  }
}

.panel[data-astro-cid-gzdh3h7w] {
  position: relative;
  height: 100vh;
  width: 100%;
  font-size: clamp(20px, 2vw, 30px);
}

.fragment[data-astro-cid-gzdh3h7w] {
  position: absolute;
  margin: 0;
  white-space: nowrap;
}

.p1[data-astro-cid-gzdh3h7w] .a[data-astro-cid-gzdh3h7w] {
  left: 5%;
  top: 17%;
}

.p1[data-astro-cid-gzdh3h7w] .b[data-astro-cid-gzdh3h7w] {
  left: 16%;
  top: 51%;
}

.p1[data-astro-cid-gzdh3h7w] .c[data-astro-cid-gzdh3h7w] {
  right: 12%;
  top: 31%;
}

.p1[data-astro-cid-gzdh3h7w] .d[data-astro-cid-gzdh3h7w] {
  left: 30%;
  top: 68%;
}

.p1[data-astro-cid-gzdh3h7w] .e[data-astro-cid-gzdh3h7w] {
  right: 16%;
  top: 84%;
}

.p2[data-astro-cid-gzdh3h7w] .a[data-astro-cid-gzdh3h7w] {
  left: 3%;
  top: 9%;
}

.p2[data-astro-cid-gzdh3h7w] .b[data-astro-cid-gzdh3h7w] {
  left: 32%;
  top: 23%;
}

.p2[data-astro-cid-gzdh3h7w] .c[data-astro-cid-gzdh3h7w] {
  right: 4%;
  top: 36%;
}

.p2[data-astro-cid-gzdh3h7w] .d[data-astro-cid-gzdh3h7w] {
  left: 6%;
  top: 57%;
}

.p2[data-astro-cid-gzdh3h7w] .e[data-astro-cid-gzdh3h7w] {
  right: 17%;
  top: 76%;
}

.p2[data-astro-cid-gzdh3h7w] .f[data-astro-cid-gzdh3h7w] {
  left: 25%;
  top: 88%;
}

.p3[data-astro-cid-gzdh3h7w] .a[data-astro-cid-gzdh3h7w] {
  left: 11%;
  top: 13%;
}

.p3[data-astro-cid-gzdh3h7w] .b[data-astro-cid-gzdh3h7w] {
  right: 11%;
  top: 20%;
}

.p3[data-astro-cid-gzdh3h7w] .c[data-astro-cid-gzdh3h7w] {
  left: 5%;
  top: 39%;
}

.p3[data-astro-cid-gzdh3h7w] .d[data-astro-cid-gzdh3h7w] {
  left: 26%;
  top: 58%;
}

.p3[data-astro-cid-gzdh3h7w] .e[data-astro-cid-gzdh3h7w] {
  right: 12%;
  top: 79%;
}

.p3[data-astro-cid-gzdh3h7w] .f[data-astro-cid-gzdh3h7w] {
  left: 31%;
  top: 91%;
}

.p4[data-astro-cid-gzdh3h7w] .a[data-astro-cid-gzdh3h7w] {
  left: 14%;
  top: 15%;
}

.p4[data-astro-cid-gzdh3h7w] .b[data-astro-cid-gzdh3h7w] {
  left: 67%;
  top: 7%;
}

.p4[data-astro-cid-gzdh3h7w] .c[data-astro-cid-gzdh3h7w] {
  left: 42%;
  top: 52%;
}

.p4[data-astro-cid-gzdh3h7w] .d[data-astro-cid-gzdh3h7w] {
  right: 8%;
  top: 79%;
}

.collapse[data-astro-cid-gzdh3h7w] {
  font-size: clamp(17px, 1.8vw, 28px);
}

.collapse[data-astro-cid-gzdh3h7w] .fragment[data-astro-cid-gzdh3h7w] {
  white-space: normal;
}

.c1[data-astro-cid-gzdh3h7w] .a[data-astro-cid-gzdh3h7w] {
  left: 8%;
  top: 8%;
  transform: rotate(-3deg);
}

.c1[data-astro-cid-gzdh3h7w] .b[data-astro-cid-gzdh3h7w] {
  right: 19%;
  top: 18%;
  letter-spacing: .8em;
}

.c1[data-astro-cid-gzdh3h7w] .c[data-astro-cid-gzdh3h7w] {
  left: 24%;
  top: 43%;
  transform: rotate(8deg);
}

.c1[data-astro-cid-gzdh3h7w] .d[data-astro-cid-gzdh3h7w] {
  right: 5%;
  top: 58%;
  font-size: 3rem;
}

.c1[data-astro-cid-gzdh3h7w] .e[data-astro-cid-gzdh3h7w] {
  left: 42%;
  top: 78%;
  letter-spacing: -.15em;
}

.c2[data-astro-cid-gzdh3h7w] .a[data-astro-cid-gzdh3h7w] {
  left: 3%;
  top: 13%;
  font-size: .8em;
}

.c2[data-astro-cid-gzdh3h7w] .b[data-astro-cid-gzdh3h7w] {
  left: 71%;
  top: 6%;
  transform: rotate(12deg);
}

.c2[data-astro-cid-gzdh3h7w] .c[data-astro-cid-gzdh3h7w] {
  left: 13%;
  top: 49%;
  letter-spacing: 1.2em;
}

.c2[data-astro-cid-gzdh3h7w] .d[data-astro-cid-gzdh3h7w] {
  right: 21%;
  top: 61%;
  transform: rotate(-16deg);
}

.c2[data-astro-cid-gzdh3h7w] .e[data-astro-cid-gzdh3h7w] {
  left: 48%;
  top: 87%;
  font-size: 4rem;
}

.c3[data-astro-cid-gzdh3h7w] .a[data-astro-cid-gzdh3h7w] {
  left: 17%;
  top: 11%;
  transform: rotate(90deg);
}

.c3[data-astro-cid-gzdh3h7w] .b[data-astro-cid-gzdh3h7w] {
  right: 4%;
  top: 25%;
  font-size: 4.5rem;
}

.c3[data-astro-cid-gzdh3h7w] .c[data-astro-cid-gzdh3h7w] {
  left: 4%;
  top: 58%;
  letter-spacing: -.25em;
}

.c3[data-astro-cid-gzdh3h7w] .d[data-astro-cid-gzdh3h7w] {
  left: 57%;
  top: 70%;
  transform: rotate(-8deg);
}

.c3[data-astro-cid-gzdh3h7w] .e[data-astro-cid-gzdh3h7w] {
  right: 13%;
  top: 90%;
  letter-spacing: 2em;
}

.void[data-astro-cid-gzdh3h7w] {
  height: 145vh;
}

.last-char[data-astro-cid-gzdh3h7w] {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Noto Sans JP, sans-serif;
  font-size: clamp(26px, 3vw, 44px);
}

#swarm[data-astro-cid-gzdh3h7w] {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  background: #000;
  z-index: 50;
  pointer-events: none;
}

#swarm[data-astro-cid-gzdh3h7w].active {
  opacity: 1;
}

.swarm-word[data-astro-cid-gzdh3h7w] {
  position: absolute;
  white-space: nowrap;
  line-height: .88;
  color: #f4f4ef;
  opacity: 0;
  filter: blur(12px);
  will-change: transform,
        opacity,
        filter;
}

.swarm-word[data-astro-cid-gzdh3h7w].vertical {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.swarm-left[data-astro-cid-gzdh3h7w] {
  left: 0;
  transform: translateX(-125%)
        rotate(var(--rotate))
        scale(.08);
  animation: swarmLeft var(--speed)
        cubic-bezier(.12,.82,.18,1)
        forwards;
}

.swarm-right[data-astro-cid-gzdh3h7w] {
  right: 0;
  transform: translateX(125%)
        rotate(var(--rotate))
        scale(.08);
  animation: swarmRight var(--speed)
        cubic-bezier(.12,.82,.18,1)
        forwards;
}

@keyframes swarmLeft {
  0% {
    opacity: 0;
    filter: blur(14px);
    transform: translateX(-125%)
          rotate(var(--rotate))
          scale(.05);
  }

  22% {
    opacity: .35;
    filter: blur(7px);
  }

  58% {
    opacity: 1;
    filter: blur();
    transform: translateX(calc(var(--travel) * .72))
          rotate(var(--rotate))
          scale(1.18);
  }

  100% {
    opacity: var(--opacity);
    filter: blur();
    transform: translateX(var(--travel))
          rotate(var(--rotate))
          scale(1);
  }
}

@keyframes swarmRight {
  0% {
    opacity: 0;
    filter: blur(14px);
    transform: translateX(125%)
          rotate(var(--rotate))
          scale(.05);
  }

  22% {
    opacity: .35;
    filter: blur(7px);
  }

  58% {
    opacity: 1;
    filter: blur();
    transform: translateX(calc(var(--travel) * -.72))
          rotate(var(--rotate))
          scale(1.18);
  }

  100% {
    opacity: var(--opacity);
    filter: blur();
    transform: translateX(calc(var(--travel) * -1))
          rotate(var(--rotate))
          scale(1);
  }
}

#flash[data-astro-cid-gzdh3h7w] {
  position: fixed;
  inset: 0;
  z-index: 999;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}

#flash[data-astro-cid-gzdh3h7w].fire {
  animation: .43s ease-out forwards flash;
}

@keyframes flash {
  0% {
    opacity: 0;
  }

  8% {
    opacity: 1;
  }

  72% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@media (width <= 700px) {
  #opening[data-astro-cid-gzdh3h7w] {
    width: calc(100vw - 38px);
    font-size: 17px;
  }

  .panel[data-astro-cid-gzdh3h7w] {
    font-size: 19px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cursor[data-astro-cid-gzdh3h7w]:after {
    animation: none;
  }
}

#swarm[data-astro-cid-gzdh3h7w] {
  display: none !important;
}

.decay[data-astro-cid-gzdh3h7w] {
  position: relative;
  height: 100vh;
}

.decay-1[data-astro-cid-gzdh3h7w] .x1[data-astro-cid-gzdh3h7w] {
  left: 18%;
  top: 16%;
}

.decay-1[data-astro-cid-gzdh3h7w] .x2[data-astro-cid-gzdh3h7w] {
  left: 70%;
  top: 63%;
}

.decay-2[data-astro-cid-gzdh3h7w] .x3[data-astro-cid-gzdh3h7w] {
  left: 43%;
  top: 47%;
}

.decay-3[data-astro-cid-gzdh3h7w] .x4[data-astro-cid-gzdh3h7w] {
  left: 76%;
  top: 66%;
}

.decay-4[data-astro-cid-gzdh3h7w] .x5[data-astro-cid-gzdh3h7w] {
  left: 16%;
  top: 34%;
}

.decay-5[data-astro-cid-gzdh3h7w] .x6[data-astro-cid-gzdh3h7w] {
  left: 46%;
  top: 52%;
}

#stream[data-astro-cid-gzdh3h7w].running {
  opacity: 1;
  animation: 28s linear forwards restoredLanguageScroll !important;
}

@keyframes restoredLanguageScroll {
  0% {
    transform: translateY(100vh);
  }

  17% {
    transform: translateY(0);
  }

  34% {
    transform: translateY(-100vh);
  }

  50% {
    transform: translateY(-200vh);
  }

  65% {
    transform: translateY(-300vh);
  }

  75% {
    transform: translateY(-400vh);
  }

  83% {
    transform: translateY(-500vh);
  }

  90% {
    transform: translateY(-600vh);
  }

  96% {
    transform: translateY(-700vh);
  }

  100% {
    transform: translateY(-800vh);
  }
}

.p1[data-astro-cid-gzdh3h7w] .c[data-astro-cid-gzdh3h7w] {
  left: 16% !important;
  right: auto !important;
  top: 61% !important;
}

.decay-pre[data-astro-cid-gzdh3h7w] {
  position: relative;
  width: 100%;
}

.decay-pre-1[data-astro-cid-gzdh3h7w] {
  height: 78vh;
}

.decay-pre-1[data-astro-cid-gzdh3h7w] .pre-a[data-astro-cid-gzdh3h7w] {
  left: 7%;
  top: 13%;
  transform: rotate(-17deg);
}

.decay-pre-1[data-astro-cid-gzdh3h7w] .pre-b[data-astro-cid-gzdh3h7w] {
  left: 84%;
  top: 42%;
  transform: rotate(21deg);
}

.decay-pre-1[data-astro-cid-gzdh3h7w] .pre-c[data-astro-cid-gzdh3h7w] {
  left: 39%;
  top: 72%;
  transform: rotate(-8deg);
}

.decay-pre-2[data-astro-cid-gzdh3h7w] {
  height: 118vh;
}

.decay-pre-2[data-astro-cid-gzdh3h7w] .pre-d[data-astro-cid-gzdh3h7w] {
  left: 10%;
  top: 16%;
  transform: rotate(11deg);
}

.decay-pre-2[data-astro-cid-gzdh3h7w] .pre-e[data-astro-cid-gzdh3h7w] {
  left: 87%;
  top: 72%;
  transform: rotate(-19deg);
}

.final-decay[data-astro-cid-gzdh3h7w] {
  position: relative;
  width: 100%;
  height: 360vh;
}

.final-decay[data-astro-cid-gzdh3h7w] .final-1[data-astro-cid-gzdh3h7w] {
  left: 8%;
  top: 5%;
}

.final-decay[data-astro-cid-gzdh3h7w] .final-2[data-astro-cid-gzdh3h7w] {
  left: 83%;
  top: 19%;
}

.final-decay[data-astro-cid-gzdh3h7w] .final-3[data-astro-cid-gzdh3h7w] {
  left: 43%;
  top: 36%;
}

.final-decay[data-astro-cid-gzdh3h7w] .final-4[data-astro-cid-gzdh3h7w] {
  left: 88%;
  top: 53%;
}

.final-decay[data-astro-cid-gzdh3h7w] .final-5[data-astro-cid-gzdh3h7w] {
  left: 12%;
  top: 69%;
}

.final-decay[data-astro-cid-gzdh3h7w] .final-6[data-astro-cid-gzdh3h7w] {
  left: 48%;
  top: 86%;
}

#stream[data-astro-cid-gzdh3h7w].running {
  opacity: 1;
  animation: 34s linear forwards languageDecayLinear !important;
}

@keyframes languageDecayLinear {
  from {
    transform: translateY(100vh);
  }

  to {
    transform: translateY(-1020vh);
  }
}

#swarm[data-astro-cid-gzdh3h7w] {
  display: none !important;
}

.decay-pre[data-astro-cid-gzdh3h7w], .final-decay[data-astro-cid-gzdh3h7w] {
  font-size: clamp(20px, 2vw, 30px) !important;
}

.decay-pre[data-astro-cid-gzdh3h7w] .fragment[data-astro-cid-gzdh3h7w], .final-decay[data-astro-cid-gzdh3h7w] .fragment[data-astro-cid-gzdh3h7w] {
  font-size: 1em !important;
}

.final-decay[data-astro-cid-gzdh3h7w] {
  height: 220vh !important;
}

.final-decay[data-astro-cid-gzdh3h7w] .final-4[data-astro-cid-gzdh3h7w] {
  left: 84% !important;
  top: 14% !important;
  transform: rotate(14deg) !important;
}

.final-decay[data-astro-cid-gzdh3h7w] .final-5[data-astro-cid-gzdh3h7w] {
  left: 9% !important;
  top: 46% !important;
  transform: rotate(-17deg) !important;
}

.final-decay[data-astro-cid-gzdh3h7w] .final-6[data-astro-cid-gzdh3h7w] {
  left: 58% !important;
  top: 80% !important;
  transform: rotate(11deg) !important;
}

#stream[data-astro-cid-gzdh3h7w].running {
  animation: 29s linear forwards languageDecayLinear !important;
}

@keyframes languageDecayLinear {
  from {
    transform: translateY(100vh);
  }

  to {
    transform: translateY(-850vh);
  }
}

.final-decay[data-astro-cid-gzdh3h7w] .final-5[data-astro-cid-gzdh3h7w] {
  font-size: clamp(20px, 2vw, 30px) !important;
}

.final-decay[data-astro-cid-gzdh3h7w] .final-5[data-astro-cid-gzdh3h7w] {
  font-size: clamp(20px, 2vw, 30px) !important;
}

.decay-pre-2[data-astro-cid-gzdh3h7w] {
  height: 95vh !important;
}

.decay-pre-2[data-astro-cid-gzdh3h7w] .pre-e[data-astro-cid-gzdh3h7w] {
  left: 87% !important;
  top: 72% !important;
}

.final-decay[data-astro-cid-gzdh3h7w] {
  height: 120vh !important;
}

.final-decay[data-astro-cid-gzdh3h7w] .final-6[data-astro-cid-gzdh3h7w] {
  left: 48% !important;
  top: 55% !important;
  transform: rotate(11deg) !important;
  font-size: clamp(20px, 2vw, 30px) !important;
}

#stream[data-astro-cid-gzdh3h7w].running {
  animation: 24.5s linear forwards languageDecayCompact !important;
}

@keyframes languageDecayCompact {
  from {
    transform: translateY(100vh);
  }

  to {
    transform: translateY(-700vh);
  }
}