The Moon's Stellar Companion

Link to article: The Moon's Stellar Companion.

Module Styles

• @import url('https://fonts.googleapis.com/css?family=ZCOOL+QingKe+HuangYou');
  
  #page-content>p {
      padding: 0 2em;
  }
  
  .poem {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      background: url(https://scp-wiki.wdfiles.com/local--files/the-moons-stellar-companion/galfed_circle.png);
      background-size: contain;
      flex-shrink: 2;
  }
  
  .poem::before {
      content: " ";
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(https://scptestwiki.wdfiles.com/local--files/sigma:kuang-qiu-2/galfed_circle.png);
      background-size: contain;
      -webkit-animation: rotation 300s infinite linear;
      animation: rotation 300s infinite linear;
      -webkit-animation-play-state: paused;
      animation-play-state: paused;
  }
  
  .poem:hover::before {
      -webkit-animation-play-state: running;
      animation-play-state: running;
  }
  
  .poem::after {
      content: " ";
      display: block;
      padding-bottom: 100%;
  }
  
  .poem>.stanza {
      --wght: 600;
      width: 25%;
      position: relative;
      text-align: center;
      font-family: 'ZCOOL QingKe HuangYou', var(--title-font);
      font-size: calc(var(--base-font-size) * 1.2);
      font-weight: 600;
      padding: calc(var(--body-width-on-desktop) * 0.0125);
  }
  
  .stanza>div {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
  }
  
  .stanza>.chinese,
  .stanza>.english {
      transition: opacity 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-filter 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: opacity 400ms cubic-bezier(0.4, 0.0, 0.2, 1), filter 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: opacity 400ms cubic-bezier(0.4, 0.0, 0.2, 1), filter 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-filter 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .stanza>.chinese {
      --wght: 500;
      opacity: 1;
      -webkit-filter: blur(0);
      filter: blur(0);
      font-weight: 500;
  }
  
  .stanza>.english {
      opacity: 0;
      -webkit-filter: blur(3em);
      filter: blur(3em);
  }
  
  .poem:hover .chinese {
      opacity: 0;
      -webkit-filter: blur(3em);
      filter: blur(3em);
  }
  
  .poem:hover .english {
      opacity: 1;
      -webkit-filter: blur(0);
      filter: blur(0);
  }
  
  .poem:hover .chinese,
  .poem:hover .english {
      transition: opacity 200ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: opacity 200ms cubic-bezier(0.4, 0.0, 0.2, 1), filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
      transition: opacity 200ms cubic-bezier(0.4, 0.0, 0.2, 1), filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  
  .poem>.stanza>.chi,
  .poem-font .chi {
      font-family: var(--title-font);
  }
  
  .chi {
      height: 100%;
      width: 0.5em;
      display: inline-block;
      position: relative;
  }
  
  .chi::before {
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .english>span:nth-child(3)::before {
      content: "ˇ";
      top: 0;
  }
  
  .english>span:nth-child(4)::before {
      content: "`";
      top: 0;
  }
  
  #page-content>p:nth-child(5) .chi::before {
      content: "`";
      top: 0;
      left: 0.15em;
  }
  
  
  .poem-font .chi::before {
      content: "-";
      top: -0.5em;
  }
  
  .stanza.one {
      margin-top: calc(var(--body-width-on-desktop) * -0.4);
  }
  
  .stanza.two {
      margin-top: calc(var(--body-width-on-desktop) * -0.1375);
  }
  
  .stanza.three {
      margin-top: calc(var(--body-width-on-desktop) * 0.1375);
  }
  
  .stanza.four {
      margin-top: calc(var(--body-width-on-desktop) * 0.4);
  }
  
  .poem-font {
      --wght: 600;
      font-size: calc(var(--base-font-size) * 1.2);
      font-family: var(--title-font);
      font-weight: 600;
  }
  
  .glitch {
      position: relative;
      opacity: 0.9;
  }
  
  .glitch::before,
  .glitch::after {
      content: attr(data-text);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .glitch::before {
      left: 0.125rem;
      text-shadow: -0.0625rem 0 rgba(var(--bright-accent));
      animation: glitch-anim-1 14s infinite linear alternate-reverse;
      transform: scaleX(-1);
      -webkit-filter: FlipH;
      filter: FlipH;
      opacity: 0.75;
  }
  
  .glitch::after {
      left: -0.125rem;
      text-shadow: -0.0625rem 0 rgba(var(--dark-accent));
      animation: glitch-anim-2 10s infinite linear alternate-reverse;
      opacity: 0.4;
  }
  
  .leftTriangle,
  .rightTriangle {
      width: 40%;
      height: var(--body-width-on-desktop);
      content: " ";
      clear: unset !important;
  }
  
  .squish {
      height: var(--body-width-on-desktop);
      position: relative;
  }
  
  #page-content>div.squish>br {
      display: none;
  }
  
  .sidd {
      padding: 25em 2em 2em;
      margin: 0 0 1em 0;
      position: relative;
  }
  
  .sidd>p:nth-child(1) {
      margin-top: 0;
      padding-top: 1em;
  }
  
  .sidd::before,
  .sidd::after {
      content: " ";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
  }
  
  .sidd::after {
      background: rgba(var(--dark-accent));
      z-index: -2;
      border-radius: 0 0 2em 2em;
  }
  
  /* Supports */
  
  @supports (mix-blend-mode: screen) {
      .poem::before {
      	mix-blend-mode: screen;
      }
  
      .squish::after {
      	mix-blend-mode: soft-light;
      }
  
      .sidd:before {
      	mix-blend-mode: exclusion;
      }
  }
  
  @supports ((-webkit-clip-path: url("")) or (clip-path: url(""))) {
      .glitch::before {
      	background: rgba(var(--black-monochrome));
      	-webkit-clip-path: polygon(0 24%, 100% 24%, 100% 64%, 0 64%);
      	clip-path: polygon(0 24%, 100% 24%, 100% 64%, 0 64%);
      }
  
      .glitch::after {
      	background: rgba(var(--black-monochrome));
      	-webkit-clip-path: polygon(0 74%, 100% 74%, 100% 91%, 0 91%);
      	clip-path: polygon(0 74%, 100% 74%, 100% 91%, 0 91%);
      }
  
  }
  
  @supports (((-webkit-mask-image: url("")) or (mask-image: url(""))) or (-webkit-mask-image: url(""))) {
      .sidd:before {
      	background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:galactic-theme/galfed_bg.png);
      	z-index: -1;
      	background-size: contain;
      	background-repeat: no-repeat;
      	background-position: top;
      	transform: rotate(180deg);
      	mask-image:
      		linear-gradient(to bottom,
      			rgba(0, 0, 0, 1) 0%,
      			rgba(0, 0, 0, 0) 10%);
      	-webkit-mask-image:
      		-webkit-linear-gradient(top,
      			rgba(0, 0, 0, 1) 0%,
      			rgba(0, 0, 0, 0) 10%);
      	border-radius: 2em 2em 0 0;
      }
  
      .sidd::after {
      	background: rgba(var(--dark-accent));
      	z-index: -2;
      	border-radius: 0 0 2em 2em;
      	mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
      	-webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
      	padding-top: 50rem;
      	margin-top: -50rem;
      }
  }
  
  @media only screen and (max-width: 768px) {
      .poem>.stanza {
      	--wght: 600;
      	font-size: calc(var(--base-font-size) * 0.9);
      	font-weight: 600;
      	padding: 0;
      	margin-left: calc(var(--body-width-on-desktop) * -0.01);
      	margin-right: calc(var(--body-width-on-desktop) * -0.01);
      }
  
      .stanza.one {
      	margin-top: calc(var(--body-width-on-desktop) * -0.2325);
      }
  
      .stanza.two {
      	margin-top: calc(var(--body-width-on-desktop) * -0.075);
      }
  
      .stanza.three {
      	margin-top: calc(var(--body-width-on-desktop) * 0.075);
      }
  
      .stanza.four {
      	margin-top: calc(var(--body-width-on-desktop) * 0.2325);
      }
  
      .glitch {
      	font-size: 78%;
      }
  }
  
  /* Animations */
  
  @-webkit-keyframes glitch-anim-1 {
      0% {
      	-webkit-clip-path: polygon(0 8%, 100% 8%, 100% 67%, 0 67%);
      	clip-path: polygon(0 8%, 100% 8%, 100% 67%, 0 67%);
      }
  
      5% {
      	-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 94%, 0 94%);
      	clip-path: polygon(0 30%, 100% 30%, 100% 94%, 0 94%);
      }
  
      10% {
      	-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 94%, 0 94%);
      	clip-path: polygon(0 33%, 100% 33%, 100% 94%, 0 94%);
      }
  
      15% {
      	-webkit-clip-path: polygon(0 86%, 100% 86%, 100% 8%, 0 8%);
      	clip-path: polygon(0 86%, 100% 86%, 100% 8%, 0 8%);
      }
  
      20% {
      	-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 18%, 0 18%);
      	clip-path: polygon(0 54%, 100% 54%, 100% 18%, 0 18%);
      }
  
      25% {
      	-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 47%, 0 47%);
      	clip-path: polygon(0 20%, 100% 20%, 100% 47%, 0 47%);
      }
  
      30% {
      	-webkit-clip-path: polygon(0 89%, 100% 89%, 100% 2%, 0 2%);
      	clip-path: polygon(0 89%, 100% 89%, 100% 2%, 0 2%);
      }
  
      35% {
      	-webkit-clip-path: polygon(0 79%, 100% 79%, 100% 77%, 0 77%);
      	clip-path: polygon(0 79%, 100% 79%, 100% 77%, 0 77%);
      }
  
      40% {
      	-webkit-clip-path: polygon(0 23%, 100% 23%, 100% 71%, 0 71%);
      	clip-path: polygon(0 23%, 100% 23%, 100% 71%, 0 71%);
      }
  
      45% {
      	-webkit-clip-path: polygon(0 4%, 100% 4%, 100% 91%, 0 91%);
      	clip-path: polygon(0 4%, 100% 4%, 100% 91%, 0 91%);
      }
  
      50% {
      	-webkit-clip-path: polygon(0 34%, 100% 34%, 100% 56%, 0 56%);
      	clip-path: polygon(0 34%, 100% 34%, 100% 56%, 0 56%);
      }
  
      55% {
      	-webkit-clip-path: polygon(0 37%, 100% 37%, 100% 23%, 0 23%);
      	clip-path: polygon(0 37%, 100% 37%, 100% 23%, 0 23%);
      }
  
      60% {
      	-webkit-clip-path: polygon(0 69%, 100% 69%, 100% 41%, 0 41%);
      	clip-path: polygon(0 69%, 100% 69%, 100% 41%, 0 41%);
      }
  
      65% {
      	-webkit-clip-path: polygon(0 21%, 100% 21%, 100% 62%, 0 62%);
      	clip-path: polygon(0 21%, 100% 21%, 100% 62%, 0 62%);
      }
  
      70% {
      	-webkit-clip-path: polygon(0 43%, 100% 43%, 100% 99%, 0 99%);
      	clip-path: polygon(0 43%, 100% 43%, 100% 99%, 0 99%);
      }
  
      75% {
      	-webkit-clip-path: polygon(0 29%, 100% 29%, 100% 31%, 0 31%);
      	clip-path: polygon(0 29%, 100% 29%, 100% 31%, 0 31%);
      }
  
      80% {
      	-webkit-clip-path: polygon(0 29%, 100% 29%, 100% 37%, 0 37%);
      	clip-path: polygon(0 29%, 100% 29%, 100% 37%, 0 37%);
      }
  
      85% {
      	-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 58%, 0 58%);
      	clip-path: polygon(0 44%, 100% 44%, 100% 58%, 0 58%);
      }
  
      90% {
      	-webkit-clip-path: polygon(0 37%, 100% 37%, 100% 28%, 0 28%);
      	clip-path: polygon(0 37%, 100% 37%, 100% 28%, 0 28%);
      }
  
      95% {
      	-webkit-clip-path: polygon(0 12%, 100% 12%, 100% 27%, 0 27%);
      	clip-path: polygon(0 12%, 100% 12%, 100% 27%, 0 27%);
      }
  
      100% {
      	-webkit-clip-path: polygon(0 23%, 100% 23%, 100% 70%, 0 70%);
      	clip-path: polygon(0 23%, 100% 23%, 100% 70%, 0 70%);
      }
  }
  
  @keyframes glitch-anim-1 {
      0% {
      	-webkit-clip-path: polygon(0 8%, 100% 8%, 100% 67%, 0 67%);
      	clip-path: polygon(0 8%, 100% 8%, 100% 67%, 0 67%);
      }
  
      5% {
      	-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 94%, 0 94%);
      	clip-path: polygon(0 30%, 100% 30%, 100% 94%, 0 94%);
      }
  
      10% {
      	-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 94%, 0 94%);
      	clip-path: polygon(0 33%, 100% 33%, 100% 94%, 0 94%);
      }
  
      15% {
      	-webkit-clip-path: polygon(0 86%, 100% 86%, 100% 8%, 0 8%);
      	clip-path: polygon(0 86%, 100% 86%, 100% 8%, 0 8%);
      }
  
      20% {
      	-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 18%, 0 18%);
      	clip-path: polygon(0 54%, 100% 54%, 100% 18%, 0 18%);
      }
  
      25% {
      	-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 47%, 0 47%);
      	clip-path: polygon(0 20%, 100% 20%, 100% 47%, 0 47%);
      }
  
      30% {
      	-webkit-clip-path: polygon(0 89%, 100% 89%, 100% 2%, 0 2%);
      	clip-path: polygon(0 89%, 100% 89%, 100% 2%, 0 2%);
      }
  
      35% {
      	-webkit-clip-path: polygon(0 79%, 100% 79%, 100% 77%, 0 77%);
      	clip-path: polygon(0 79%, 100% 79%, 100% 77%, 0 77%);
      }
  
      40% {
      	-webkit-clip-path: polygon(0 23%, 100% 23%, 100% 71%, 0 71%);
      	clip-path: polygon(0 23%, 100% 23%, 100% 71%, 0 71%);
      }
  
      45% {
      	-webkit-clip-path: polygon(0 4%, 100% 4%, 100% 91%, 0 91%);
      	clip-path: polygon(0 4%, 100% 4%, 100% 91%, 0 91%);
      }
  
      50% {
      	-webkit-clip-path: polygon(0 34%, 100% 34%, 100% 56%, 0 56%);
      	clip-path: polygon(0 34%, 100% 34%, 100% 56%, 0 56%);
      }
  
      55% {
      	-webkit-clip-path: polygon(0 37%, 100% 37%, 100% 23%, 0 23%);
      	clip-path: polygon(0 37%, 100% 37%, 100% 23%, 0 23%);
      }
  
      60% {
      	-webkit-clip-path: polygon(0 69%, 100% 69%, 100% 41%, 0 41%);
      	clip-path: polygon(0 69%, 100% 69%, 100% 41%, 0 41%);
      }
  
      65% {
      	-webkit-clip-path: polygon(0 21%, 100% 21%, 100% 62%, 0 62%);
      	clip-path: polygon(0 21%, 100% 21%, 100% 62%, 0 62%);
      }
  
      70% {
      	-webkit-clip-path: polygon(0 43%, 100% 43%, 100% 99%, 0 99%);
      	clip-path: polygon(0 43%, 100% 43%, 100% 99%, 0 99%);
      }
  
      75% {
      	-webkit-clip-path: polygon(0 29%, 100% 29%, 100% 31%, 0 31%);
      	clip-path: polygon(0 29%, 100% 29%, 100% 31%, 0 31%);
      }
  
      80% {
      	-webkit-clip-path: polygon(0 29%, 100% 29%, 100% 37%, 0 37%);
      	clip-path: polygon(0 29%, 100% 29%, 100% 37%, 0 37%);
      }
  
      85% {
      	-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 58%, 0 58%);
      	clip-path: polygon(0 44%, 100% 44%, 100% 58%, 0 58%);
      }
  
      90% {
      	-webkit-clip-path: polygon(0 37%, 100% 37%, 100% 28%, 0 28%);
      	clip-path: polygon(0 37%, 100% 37%, 100% 28%, 0 28%);
      }
  
      95% {
      	-webkit-clip-path: polygon(0 12%, 100% 12%, 100% 27%, 0 27%);
      	clip-path: polygon(0 12%, 100% 12%, 100% 27%, 0 27%);
      }
  
      100% {
      	-webkit-clip-path: polygon(0 23%, 100% 23%, 100% 70%, 0 70%);
      	clip-path: polygon(0 23%, 100% 23%, 100% 70%, 0 70%);
      }
  }
  
  @-webkit-keyframes glitch-anim-2 {
      0% {
      	-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      	clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      }
  
      6.6666666667% {
      	-webkit-clip-path: polygon(0 6%, 100% 6%, 100% 38%, 0 38%);
      	clip-path: polygon(0 6%, 100% 6%, 100% 38%, 0 38%);
      }
  
      13.3333333333% {
      	-webkit-clip-path: polygon(0 76%, 100% 76%, 100% 88%, 0 88%);
      	clip-path: polygon(0 76%, 100% 76%, 100% 88%, 0 88%);
      }
  
      20% {
      	-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 72%, 0 72%);
      	clip-path: polygon(0 80%, 100% 80%, 100% 72%, 0 72%);
      }
  
      26.6666666667% {
      	-webkit-clip-path: polygon(0 31%, 100% 31%, 100% 45%, 0 45%);
      	clip-path: polygon(0 31%, 100% 31%, 100% 45%, 0 45%);
      }
  
      33.3333333333% {
      	-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 84%, 0 84%);
      	clip-path: polygon(0 2%, 100% 2%, 100% 84%, 0 84%);
      }
  
      40% {
      	-webkit-clip-path: polygon(0 67%, 100% 67%, 100% 52%, 0 52%);
      	clip-path: polygon(0 67%, 100% 67%, 100% 52%, 0 52%);
      }
  
      46.6666666667% {
      	-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 89%, 0 89%);
      	clip-path: polygon(0 20%, 100% 20%, 100% 89%, 0 89%);
      }
  
      53.3333333333% {
      	-webkit-clip-path: polygon(0 6%, 100% 6%, 100% 58%, 0 58%);
      	clip-path: polygon(0 6%, 100% 6%, 100% 58%, 0 58%);
      }
  
      60% {
      	-webkit-clip-path: polygon(0 95%, 100% 95%, 100% 81%, 0 81%);
      	clip-path: polygon(0 95%, 100% 95%, 100% 81%, 0 81%);
      }
  
      66.6666666667% {
      	-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 31%, 0 31%);
      	clip-path: polygon(0 2%, 100% 2%, 100% 31%, 0 31%);
      }
  
      73.3333333333% {
      	-webkit-clip-path: polygon(0 7%, 100% 7%, 100% 49%, 0 49%);
      	clip-path: polygon(0 7%, 100% 7%, 100% 49%, 0 49%);
      }
  
      80% {
      	-webkit-clip-path: polygon(0 27%, 100% 27%, 100% 27%, 0 27%);
      	clip-path: polygon(0 27%, 100% 27%, 100% 27%, 0 27%);
      }
  
      86.6666666667% {
      	-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      	clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      }
  
      93.3333333333% {
      	-webkit-clip-path: polygon(0 41%, 100% 41%, 100% 6%, 0 6%);
      	clip-path: polygon(0 41%, 100% 41%, 100% 6%, 0 6%);
      }
  
      100% {
      	-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 70%, 0 70%);
      	clip-path: polygon(0 5%, 100% 5%, 100% 70%, 0 70%);
      }
  }
  
  @keyframes glitch-anim-2 {
      0% {
      	-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      	clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      }
  
      6.6666666667% {
      	-webkit-clip-path: polygon(0 6%, 100% 6%, 100% 38%, 0 38%);
      	clip-path: polygon(0 6%, 100% 6%, 100% 38%, 0 38%);
      }
  
      13.3333333333% {
      	-webkit-clip-path: polygon(0 76%, 100% 76%, 100% 88%, 0 88%);
      	clip-path: polygon(0 76%, 100% 76%, 100% 88%, 0 88%);
      }
  
      20% {
      	-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 72%, 0 72%);
      	clip-path: polygon(0 80%, 100% 80%, 100% 72%, 0 72%);
      }
  
      26.6666666667% {
      	-webkit-clip-path: polygon(0 31%, 100% 31%, 100% 45%, 0 45%);
      	clip-path: polygon(0 31%, 100% 31%, 100% 45%, 0 45%);
      }
  
      33.3333333333% {
      	-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 84%, 0 84%);
      	clip-path: polygon(0 2%, 100% 2%, 100% 84%, 0 84%);
      }
  
      40% {
      	-webkit-clip-path: polygon(0 67%, 100% 67%, 100% 52%, 0 52%);
      	clip-path: polygon(0 67%, 100% 67%, 100% 52%, 0 52%);
      }
  
      46.6666666667% {
      	-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 89%, 0 89%);
      	clip-path: polygon(0 20%, 100% 20%, 100% 89%, 0 89%);
      }
  
      53.3333333333% {
      	-webkit-clip-path: polygon(0 6%, 100% 6%, 100% 58%, 0 58%);
      	clip-path: polygon(0 6%, 100% 6%, 100% 58%, 0 58%);
      }
  
      60% {
      	-webkit-clip-path: polygon(0 95%, 100% 95%, 100% 81%, 0 81%);
      	clip-path: polygon(0 95%, 100% 95%, 100% 81%, 0 81%);
      }
  
      66.6666666667% {
      	-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 31%, 0 31%);
      	clip-path: polygon(0 2%, 100% 2%, 100% 31%, 0 31%);
      }
  
      73.3333333333% {
      	-webkit-clip-path: polygon(0 7%, 100% 7%, 100% 49%, 0 49%);
      	clip-path: polygon(0 7%, 100% 7%, 100% 49%, 0 49%);
      }
  
      80% {
      	-webkit-clip-path: polygon(0 27%, 100% 27%, 100% 27%, 0 27%);
      	clip-path: polygon(0 27%, 100% 27%, 100% 27%, 0 27%);
      }
  
      86.6666666667% {
      	-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      	clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
      }
  
      93.3333333333% {
      	-webkit-clip-path: polygon(0 41%, 100% 41%, 100% 6%, 0 6%);
      	clip-path: polygon(0 41%, 100% 41%, 100% 6%, 0 6%);
      }
  
      100% {
      	-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 70%, 0 70%);
      	clip-path: polygon(0 5%, 100% 5%, 100% 70%, 0 70%);
      }
  }

Inline Styles

• (none)

Includes

• theme:black-highlighter-theme
• theme:galactic-theme
• :scp-wiki:component:license-box [info]
• :scp-wiki:component:license-box-end [info]

CSS Classes

• poem

• stanza

• one

• chinese

• english

• stanza

• two

• chinese

• english

• chi

• chi

• stanza

• three

• chinese

• english

• stanza

• four

• chinese

• english

• poem-font

• chi

• poem-font

• poem-font

• poem-font

• chi

• chi

• poem-font

• poem-font

• poem-font

• glitch

• poem-font

• chi

• chi

• poem-font

• chi

• chi

• poem-font

• sidd

• poem-font

• poem-font

• poem-font

• poem-font

• poem-font

• poem-font

• poem-font

• poem-font

• poem-font

• poem-font

• poem-font

• poem-font

• poem-font

• skysermon-nav

• footer-wikiwalk-nav

• left

• center

• right

Page Source

[!--
Fragments:
* https://scp-wiki.wikidot.com/fragment:the-moons-stellar-companion-0
* https://scp-wiki.wikidot.com/fragment:the-moons-stellar-companion-1
--]
[[include theme:black-highlighter-theme]]
[[include theme:galactic-theme]]
[[module css]]
@import url('https://fonts.googleapis.com/css?family=ZCOOL+QingKe+HuangYou');

#page-content>p {
    padding: 0 2em;
}

.poem {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: url(https://scp-wiki.wdfiles.com/local--files/the-moons-stellar-companion/galfed_circle.png);
    background-size: contain;
    flex-shrink: 2;
}

.poem::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(https://scptestwiki.wdfiles.com/local--files/sigma:kuang-qiu-2/galfed_circle.png);
    background-size: contain;
    -webkit-animation: rotation 300s infinite linear;
    animation: rotation 300s infinite linear;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.poem:hover::before {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.poem::after {
    content: " ";
    display: block;
    padding-bottom: 100%;
}

.poem>.stanza {
    --wght: 600;
    width: 25%;
    position: relative;
    text-align: center;
    font-family: 'ZCOOL QingKe HuangYou', var(--title-font);
    font-size: calc(var(--base-font-size) * 1.2);
    font-weight: 600;
    padding: calc(var(--body-width-on-desktop) * 0.0125);
}

.stanza>div {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.stanza>.chinese,
.stanza>.english {
    transition: opacity 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-filter 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: opacity 400ms cubic-bezier(0.4, 0.0, 0.2, 1), filter 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: opacity 400ms cubic-bezier(0.4, 0.0, 0.2, 1), filter 400ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-filter 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

.stanza>.chinese {
    --wght: 500;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    font-weight: 500;
}

.stanza>.english {
    opacity: 0;
    -webkit-filter: blur(3em);
    filter: blur(3em);
}

.poem:hover .chinese {
    opacity: 0;
    -webkit-filter: blur(3em);
    filter: blur(3em);
}

.poem:hover .english {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.poem:hover .chinese,
.poem:hover .english {
    transition: opacity 200ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: opacity 200ms cubic-bezier(0.4, 0.0, 0.2, 1), filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: opacity 200ms cubic-bezier(0.4, 0.0, 0.2, 1), filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-filter 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

.poem>.stanza>.chi,
.poem-font .chi {
    font-family: var(--title-font);
}

.chi {
    height: 100%;
    width: 0.5em;
    display: inline-block;
    position: relative;
}

.chi::before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

.english>span:nth-child(3)::before {
    content: "ˇ";
    top: 0;
}

.english>span:nth-child(4)::before {
    content: "`";
    top: 0;
}

#page-content>p:nth-child(5) .chi::before {
    content: "`";
    top: 0;
    left: 0.15em;
}


.poem-font .chi::before {
    content: "-";
    top: -0.5em;
}

.stanza.one {
    margin-top: calc(var(--body-width-on-desktop) * -0.4);
}

.stanza.two {
    margin-top: calc(var(--body-width-on-desktop) * -0.1375);
}

.stanza.three {
    margin-top: calc(var(--body-width-on-desktop) * 0.1375);
}

.stanza.four {
    margin-top: calc(var(--body-width-on-desktop) * 0.4);
}

.poem-font {
    --wght: 600;
    font-size: calc(var(--base-font-size) * 1.2);
    font-family: var(--title-font);
    font-weight: 600;
}

.glitch {
    position: relative;
    opacity: 0.9;
}

.glitch::before,
.glitch::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.glitch::before {
    left: 0.125rem;
    text-shadow: -0.0625rem 0 rgba(var(--bright-accent));
    animation: glitch-anim-1 14s infinite linear alternate-reverse;
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    opacity: 0.75;
}

.glitch::after {
    left: -0.125rem;
    text-shadow: -0.0625rem 0 rgba(var(--dark-accent));
    animation: glitch-anim-2 10s infinite linear alternate-reverse;
    opacity: 0.4;
}

.leftTriangle,
.rightTriangle {
    width: 40%;
    height: var(--body-width-on-desktop);
    content: " ";
    clear: unset !important;
}

.squish {
    height: var(--body-width-on-desktop);
    position: relative;
}

#page-content>div.squish>br {
    display: none;
}

.sidd {
    padding: 25em 2em 2em;
    margin: 0 0 1em 0;
    position: relative;
}

.sidd>p:nth-child(1) {
    margin-top: 0;
    padding-top: 1em;
}

.sidd::before,
.sidd::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.sidd::after {
    background: rgba(var(--dark-accent));
    z-index: -2;
    border-radius: 0 0 2em 2em;
}

/* Supports */

@supports (mix-blend-mode: screen) {
    .poem::before {
    	mix-blend-mode: screen;
    }

    .squish::after {
    	mix-blend-mode: soft-light;
    }

    .sidd:before {
    	mix-blend-mode: exclusion;
    }
}

@supports ((-webkit-clip-path: url("")) or (clip-path: url(""))) {
    .glitch::before {
    	background: rgba(var(--black-monochrome));
    	-webkit-clip-path: polygon(0 24%, 100% 24%, 100% 64%, 0 64%);
    	clip-path: polygon(0 24%, 100% 24%, 100% 64%, 0 64%);
    }

    .glitch::after {
    	background: rgba(var(--black-monochrome));
    	-webkit-clip-path: polygon(0 74%, 100% 74%, 100% 91%, 0 91%);
    	clip-path: polygon(0 74%, 100% 74%, 100% 91%, 0 91%);
    }

}

@supports (((-webkit-mask-image: url("")) or (mask-image: url(""))) or (-webkit-mask-image: url(""))) {
    .sidd:before {
    	background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:galactic-theme/galfed_bg.png);
    	z-index: -1;
    	background-size: contain;
    	background-repeat: no-repeat;
    	background-position: top;
    	transform: rotate(180deg);
    	mask-image:
    		linear-gradient(to bottom,
    			rgba(0, 0, 0, 1) 0%,
    			rgba(0, 0, 0, 0) 10%);
    	-webkit-mask-image:
    		-webkit-linear-gradient(top,
    			rgba(0, 0, 0, 1) 0%,
    			rgba(0, 0, 0, 0) 10%);
    	border-radius: 2em 2em 0 0;
    }

    .sidd::after {
    	background: rgba(var(--dark-accent));
    	z-index: -2;
    	border-radius: 0 0 2em 2em;
    	mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    	-webkit-mask-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
    	padding-top: 50rem;
    	margin-top: -50rem;
    }
}

@media only screen and (max-width: 768px) {
    .poem>.stanza {
    	--wght: 600;
    	font-size: calc(var(--base-font-size) * 0.9);
    	font-weight: 600;
    	padding: 0;
    	margin-left: calc(var(--body-width-on-desktop) * -0.01);
    	margin-right: calc(var(--body-width-on-desktop) * -0.01);
    }

    .stanza.one {
    	margin-top: calc(var(--body-width-on-desktop) * -0.2325);
    }

    .stanza.two {
    	margin-top: calc(var(--body-width-on-desktop) * -0.075);
    }

    .stanza.three {
    	margin-top: calc(var(--body-width-on-desktop) * 0.075);
    }

    .stanza.four {
    	margin-top: calc(var(--body-width-on-desktop) * 0.2325);
    }

    .glitch {
    	font-size: 78%;
    }
}

/* Animations */

@-webkit-keyframes glitch-anim-1 {
    0% {
    	-webkit-clip-path: polygon(0 8%, 100% 8%, 100% 67%, 0 67%);
    	clip-path: polygon(0 8%, 100% 8%, 100% 67%, 0 67%);
    }

    5% {
    	-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 94%, 0 94%);
    	clip-path: polygon(0 30%, 100% 30%, 100% 94%, 0 94%);
    }

    10% {
    	-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 94%, 0 94%);
    	clip-path: polygon(0 33%, 100% 33%, 100% 94%, 0 94%);
    }

    15% {
    	-webkit-clip-path: polygon(0 86%, 100% 86%, 100% 8%, 0 8%);
    	clip-path: polygon(0 86%, 100% 86%, 100% 8%, 0 8%);
    }

    20% {
    	-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 18%, 0 18%);
    	clip-path: polygon(0 54%, 100% 54%, 100% 18%, 0 18%);
    }

    25% {
    	-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 47%, 0 47%);
    	clip-path: polygon(0 20%, 100% 20%, 100% 47%, 0 47%);
    }

    30% {
    	-webkit-clip-path: polygon(0 89%, 100% 89%, 100% 2%, 0 2%);
    	clip-path: polygon(0 89%, 100% 89%, 100% 2%, 0 2%);
    }

    35% {
    	-webkit-clip-path: polygon(0 79%, 100% 79%, 100% 77%, 0 77%);
    	clip-path: polygon(0 79%, 100% 79%, 100% 77%, 0 77%);
    }

    40% {
    	-webkit-clip-path: polygon(0 23%, 100% 23%, 100% 71%, 0 71%);
    	clip-path: polygon(0 23%, 100% 23%, 100% 71%, 0 71%);
    }

    45% {
    	-webkit-clip-path: polygon(0 4%, 100% 4%, 100% 91%, 0 91%);
    	clip-path: polygon(0 4%, 100% 4%, 100% 91%, 0 91%);
    }

    50% {
    	-webkit-clip-path: polygon(0 34%, 100% 34%, 100% 56%, 0 56%);
    	clip-path: polygon(0 34%, 100% 34%, 100% 56%, 0 56%);
    }

    55% {
    	-webkit-clip-path: polygon(0 37%, 100% 37%, 100% 23%, 0 23%);
    	clip-path: polygon(0 37%, 100% 37%, 100% 23%, 0 23%);
    }

    60% {
    	-webkit-clip-path: polygon(0 69%, 100% 69%, 100% 41%, 0 41%);
    	clip-path: polygon(0 69%, 100% 69%, 100% 41%, 0 41%);
    }

    65% {
    	-webkit-clip-path: polygon(0 21%, 100% 21%, 100% 62%, 0 62%);
    	clip-path: polygon(0 21%, 100% 21%, 100% 62%, 0 62%);
    }

    70% {
    	-webkit-clip-path: polygon(0 43%, 100% 43%, 100% 99%, 0 99%);
    	clip-path: polygon(0 43%, 100% 43%, 100% 99%, 0 99%);
    }

    75% {
    	-webkit-clip-path: polygon(0 29%, 100% 29%, 100% 31%, 0 31%);
    	clip-path: polygon(0 29%, 100% 29%, 100% 31%, 0 31%);
    }

    80% {
    	-webkit-clip-path: polygon(0 29%, 100% 29%, 100% 37%, 0 37%);
    	clip-path: polygon(0 29%, 100% 29%, 100% 37%, 0 37%);
    }

    85% {
    	-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 58%, 0 58%);
    	clip-path: polygon(0 44%, 100% 44%, 100% 58%, 0 58%);
    }

    90% {
    	-webkit-clip-path: polygon(0 37%, 100% 37%, 100% 28%, 0 28%);
    	clip-path: polygon(0 37%, 100% 37%, 100% 28%, 0 28%);
    }

    95% {
    	-webkit-clip-path: polygon(0 12%, 100% 12%, 100% 27%, 0 27%);
    	clip-path: polygon(0 12%, 100% 12%, 100% 27%, 0 27%);
    }

    100% {
    	-webkit-clip-path: polygon(0 23%, 100% 23%, 100% 70%, 0 70%);
    	clip-path: polygon(0 23%, 100% 23%, 100% 70%, 0 70%);
    }
}

@keyframes glitch-anim-1 {
    0% {
    	-webkit-clip-path: polygon(0 8%, 100% 8%, 100% 67%, 0 67%);
    	clip-path: polygon(0 8%, 100% 8%, 100% 67%, 0 67%);
    }

    5% {
    	-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 94%, 0 94%);
    	clip-path: polygon(0 30%, 100% 30%, 100% 94%, 0 94%);
    }

    10% {
    	-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 94%, 0 94%);
    	clip-path: polygon(0 33%, 100% 33%, 100% 94%, 0 94%);
    }

    15% {
    	-webkit-clip-path: polygon(0 86%, 100% 86%, 100% 8%, 0 8%);
    	clip-path: polygon(0 86%, 100% 86%, 100% 8%, 0 8%);
    }

    20% {
    	-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 18%, 0 18%);
    	clip-path: polygon(0 54%, 100% 54%, 100% 18%, 0 18%);
    }

    25% {
    	-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 47%, 0 47%);
    	clip-path: polygon(0 20%, 100% 20%, 100% 47%, 0 47%);
    }

    30% {
    	-webkit-clip-path: polygon(0 89%, 100% 89%, 100% 2%, 0 2%);
    	clip-path: polygon(0 89%, 100% 89%, 100% 2%, 0 2%);
    }

    35% {
    	-webkit-clip-path: polygon(0 79%, 100% 79%, 100% 77%, 0 77%);
    	clip-path: polygon(0 79%, 100% 79%, 100% 77%, 0 77%);
    }

    40% {
    	-webkit-clip-path: polygon(0 23%, 100% 23%, 100% 71%, 0 71%);
    	clip-path: polygon(0 23%, 100% 23%, 100% 71%, 0 71%);
    }

    45% {
    	-webkit-clip-path: polygon(0 4%, 100% 4%, 100% 91%, 0 91%);
    	clip-path: polygon(0 4%, 100% 4%, 100% 91%, 0 91%);
    }

    50% {
    	-webkit-clip-path: polygon(0 34%, 100% 34%, 100% 56%, 0 56%);
    	clip-path: polygon(0 34%, 100% 34%, 100% 56%, 0 56%);
    }

    55% {
    	-webkit-clip-path: polygon(0 37%, 100% 37%, 100% 23%, 0 23%);
    	clip-path: polygon(0 37%, 100% 37%, 100% 23%, 0 23%);
    }

    60% {
    	-webkit-clip-path: polygon(0 69%, 100% 69%, 100% 41%, 0 41%);
    	clip-path: polygon(0 69%, 100% 69%, 100% 41%, 0 41%);
    }

    65% {
    	-webkit-clip-path: polygon(0 21%, 100% 21%, 100% 62%, 0 62%);
    	clip-path: polygon(0 21%, 100% 21%, 100% 62%, 0 62%);
    }

    70% {
    	-webkit-clip-path: polygon(0 43%, 100% 43%, 100% 99%, 0 99%);
    	clip-path: polygon(0 43%, 100% 43%, 100% 99%, 0 99%);
    }

    75% {
    	-webkit-clip-path: polygon(0 29%, 100% 29%, 100% 31%, 0 31%);
    	clip-path: polygon(0 29%, 100% 29%, 100% 31%, 0 31%);
    }

    80% {
    	-webkit-clip-path: polygon(0 29%, 100% 29%, 100% 37%, 0 37%);
    	clip-path: polygon(0 29%, 100% 29%, 100% 37%, 0 37%);
    }

    85% {
    	-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 58%, 0 58%);
    	clip-path: polygon(0 44%, 100% 44%, 100% 58%, 0 58%);
    }

    90% {
    	-webkit-clip-path: polygon(0 37%, 100% 37%, 100% 28%, 0 28%);
    	clip-path: polygon(0 37%, 100% 37%, 100% 28%, 0 28%);
    }

    95% {
    	-webkit-clip-path: polygon(0 12%, 100% 12%, 100% 27%, 0 27%);
    	clip-path: polygon(0 12%, 100% 12%, 100% 27%, 0 27%);
    }

    100% {
    	-webkit-clip-path: polygon(0 23%, 100% 23%, 100% 70%, 0 70%);
    	clip-path: polygon(0 23%, 100% 23%, 100% 70%, 0 70%);
    }
}

@-webkit-keyframes glitch-anim-2 {
    0% {
    	-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
    	clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
    }

    6.6666666667% {
    	-webkit-clip-path: polygon(0 6%, 100% 6%, 100% 38%, 0 38%);
    	clip-path: polygon(0 6%, 100% 6%, 100% 38%, 0 38%);
    }

    13.3333333333% {
    	-webkit-clip-path: polygon(0 76%, 100% 76%, 100% 88%, 0 88%);
    	clip-path: polygon(0 76%, 100% 76%, 100% 88%, 0 88%);
    }

    20% {
    	-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 72%, 0 72%);
    	clip-path: polygon(0 80%, 100% 80%, 100% 72%, 0 72%);
    }

    26.6666666667% {
    	-webkit-clip-path: polygon(0 31%, 100% 31%, 100% 45%, 0 45%);
    	clip-path: polygon(0 31%, 100% 31%, 100% 45%, 0 45%);
    }

    33.3333333333% {
    	-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 84%, 0 84%);
    	clip-path: polygon(0 2%, 100% 2%, 100% 84%, 0 84%);
    }

    40% {
    	-webkit-clip-path: polygon(0 67%, 100% 67%, 100% 52%, 0 52%);
    	clip-path: polygon(0 67%, 100% 67%, 100% 52%, 0 52%);
    }

    46.6666666667% {
    	-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 89%, 0 89%);
    	clip-path: polygon(0 20%, 100% 20%, 100% 89%, 0 89%);
    }

    53.3333333333% {
    	-webkit-clip-path: polygon(0 6%, 100% 6%, 100% 58%, 0 58%);
    	clip-path: polygon(0 6%, 100% 6%, 100% 58%, 0 58%);
    }

    60% {
    	-webkit-clip-path: polygon(0 95%, 100% 95%, 100% 81%, 0 81%);
    	clip-path: polygon(0 95%, 100% 95%, 100% 81%, 0 81%);
    }

    66.6666666667% {
    	-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 31%, 0 31%);
    	clip-path: polygon(0 2%, 100% 2%, 100% 31%, 0 31%);
    }

    73.3333333333% {
    	-webkit-clip-path: polygon(0 7%, 100% 7%, 100% 49%, 0 49%);
    	clip-path: polygon(0 7%, 100% 7%, 100% 49%, 0 49%);
    }

    80% {
    	-webkit-clip-path: polygon(0 27%, 100% 27%, 100% 27%, 0 27%);
    	clip-path: polygon(0 27%, 100% 27%, 100% 27%, 0 27%);
    }

    86.6666666667% {
    	-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
    	clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
    }

    93.3333333333% {
    	-webkit-clip-path: polygon(0 41%, 100% 41%, 100% 6%, 0 6%);
    	clip-path: polygon(0 41%, 100% 41%, 100% 6%, 0 6%);
    }

    100% {
    	-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 70%, 0 70%);
    	clip-path: polygon(0 5%, 100% 5%, 100% 70%, 0 70%);
    }
}

@keyframes glitch-anim-2 {
    0% {
    	-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
    	clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
    }

    6.6666666667% {
    	-webkit-clip-path: polygon(0 6%, 100% 6%, 100% 38%, 0 38%);
    	clip-path: polygon(0 6%, 100% 6%, 100% 38%, 0 38%);
    }

    13.3333333333% {
    	-webkit-clip-path: polygon(0 76%, 100% 76%, 100% 88%, 0 88%);
    	clip-path: polygon(0 76%, 100% 76%, 100% 88%, 0 88%);
    }

    20% {
    	-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 72%, 0 72%);
    	clip-path: polygon(0 80%, 100% 80%, 100% 72%, 0 72%);
    }

    26.6666666667% {
    	-webkit-clip-path: polygon(0 31%, 100% 31%, 100% 45%, 0 45%);
    	clip-path: polygon(0 31%, 100% 31%, 100% 45%, 0 45%);
    }

    33.3333333333% {
    	-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 84%, 0 84%);
    	clip-path: polygon(0 2%, 100% 2%, 100% 84%, 0 84%);
    }

    40% {
    	-webkit-clip-path: polygon(0 67%, 100% 67%, 100% 52%, 0 52%);
    	clip-path: polygon(0 67%, 100% 67%, 100% 52%, 0 52%);
    }

    46.6666666667% {
    	-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 89%, 0 89%);
    	clip-path: polygon(0 20%, 100% 20%, 100% 89%, 0 89%);
    }

    53.3333333333% {
    	-webkit-clip-path: polygon(0 6%, 100% 6%, 100% 58%, 0 58%);
    	clip-path: polygon(0 6%, 100% 6%, 100% 58%, 0 58%);
    }

    60% {
    	-webkit-clip-path: polygon(0 95%, 100% 95%, 100% 81%, 0 81%);
    	clip-path: polygon(0 95%, 100% 95%, 100% 81%, 0 81%);
    }

    66.6666666667% {
    	-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 31%, 0 31%);
    	clip-path: polygon(0 2%, 100% 2%, 100% 31%, 0 31%);
    }

    73.3333333333% {
    	-webkit-clip-path: polygon(0 7%, 100% 7%, 100% 49%, 0 49%);
    	clip-path: polygon(0 7%, 100% 7%, 100% 49%, 0 49%);
    }

    80% {
    	-webkit-clip-path: polygon(0 27%, 100% 27%, 100% 27%, 0 27%);
    	clip-path: polygon(0 27%, 100% 27%, 100% 27%, 0 27%);
    }

    86.6666666667% {
    	-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
    	clip-path: polygon(0 1%, 100% 1%, 100% 55%, 0 55%);
    }

    93.3333333333% {
    	-webkit-clip-path: polygon(0 41%, 100% 41%, 100% 6%, 0 6%);
    	clip-path: polygon(0 41%, 100% 41%, 100% 6%, 0 6%);
    }

    100% {
    	-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 70%, 0 70%);
    	clip-path: polygon(0 5%, 100% 5%, 100% 70%, 0 70%);
    }
}
[[/module]]
[[=]]
[[module Rate]]
[[/=]]
[[div_ class="poem"]]
[[div_ class="stanza one"]]
[[div_ class="chinese"]]
痛兮生哉
观亦由之
匿亦由之
[[/div]]
[[div_ class="english"]]
Painful is birth
with that we see
in that we hide.
[[/div]]
[[/div]]

[[div_ class="stanza two"]]
[[div_ class="chinese"]]
往而求光
彼亦求汝
于此九喻
[[/div]]
[[div_ class="english"]]
Look there for light
it looks for you
among the Ji[[span class="chi"]]u[[/span]] y[[span class="chi"]]u[[/span]].
[[/div]]
[[/div]]

[[div_ class="stanza three"]]
[[div_ class="chinese"]]
俄尔今者
夫汝所知
其破其陨
[[/div]]
[[div_ class="english"]]
Quickly, now
all that you know
is broken.
[[/div]]
[[/div]]

[[div_ class="stanza four"]]
[[div_ class="chinese"]]
夫汝所知
灭而无果
无束无拘
[[/div]]
[[div_ class="english"]]
All that you know
comes undone
unconfined.
[[/div]]
[[/div]]
[[/div]]

------

Smell is the first sense that returns to me. What... is this? It feels as if it is drifting in through my eyes like a shade of violet. 

Yet, I smell it. 

Taste returns now, slower than smell. It does not drift as smell did -- it jabs me like a knife through my skin. The word it says, I can taste it: [[span class="poem-font"]]w[[span class="chi"]]u[[/span]], awaken, 悟[[/span]]. The word speaks in a round of colors, sounds, lifting me higher above the stars.

I can see now as I am merged ever so gently into the shimmering object above me. It calms me and the stars disappear and I open my eyes.

------

[[span class="poem-font"]]"Qiu..."[[/span]] A voice echoes like a bell in my skull, [[span class="poem-font"]]"Qiu... the burning is complete."[[/span]]

Shaking my head, my vision feels blurry as if a veil of translucent cloth covers my face.

"Who is th--" My voice... is that my voice? "Who is there?" It sounds like glass, I can see the words shattering as they leave my lips.

[[span class="poem-font"]]"Do not ask such questions, mett[[span class="chi"]]a[[/span]] mett[[span class="chi"]]a[[/span]]."[[/span]] The voice, where is it?

With a groan, I look down at myself. Black suit, white and newly ironed button-down shirt, firearm tucked safely in its leather holster, my four legs shifting through themselves in time with the music.

"Wait..." I blink and the world blinks out of existence before returning as my eyes open. "Two..." Reaching down to touch my legs, I exhale in relief as I feel the texture of the fabric.

Keeping my eyes open, staring through the veil, I need to remind myself what I know... who I am.

"I am Kuang Qiu. I am thirty-six. My mother... Suen Feng. My father... Kuang Chaichi." With each statement, the veil seems to clear. The vision of the space around me clearing. "I... I am a Commander." 

[[span class="poem-font"]]"Oh, are you?"[[/span]] That voice again! Where is it?

"Yes! I am!" I speak with confidence as the veil finally falls from my eyes and I can see.

With a gasp, I take in the impossible nature of my surroundings. Gold columns rise above me endlessly, though I can see the very top as beings with hundreds of arms dance upon them to a silent rhythm. They jerk back and forth on their impossible platforms as shimmering gold pours from their open mouths. The columns growing ever taller but descending ever closer.

Surrounding me is a vast sea of blue and white, pulsing and undulating to the same rhythm. Why can't I hear it?...

The sea crashes against me with violent force but I am unmoving. It seems to rush away from me, as if in fear. From the escaping seas, a figure appears in ten separate directions. Despite me looking straight ahead, I can see them all at once.

A tall man shifting in height with every step as he approaches me. His skin is metallic, a deep shade of violet swirling with spirals of gold and silver forming patterns, symbols, letters. He is beautiful, flawless in every way. 

[[span class="poem-font"]]"Kuang Qiu."[[/span]] He speaks, the voice from before. It is this man, I realize, though his beautiful mouth does not open. "[[span class="poem-font"]]You are not supposed to be here.[[/span]]" He finally gets close to me, surrounded on all ten sides. 

"[[span class="glitch" data-text=".ma I erehw dnatsrednu ton od I ...kcab og em tel ,esaelP"]].ma I erehw dnatsrednu ton od I ...kcab og em tel ,esaelP[[/span]]" I bring my hand up to my throat as my words escape from my mouth in a way I do not recognize.

[[span class="poem-font"]]"Mett[[span class="chi"]]a[[/span]] mett[[span class="chi"]]a[[/span]], Kuang Qiu. I cannot set you back. Not until you understand."[[/span]] The beautiful man reaches out, his ten arms placing themselves on my head. I can feel my heart frantically beating out of my chest as it falls out, a wet squelching noise echoing through the vast expanse before it slides in to the endless sea.

I concentrate on speaking, though the difficulty of doing so grows with every moment, "I am dreaming. I must be dreaming." Anger and frustration wells up inside me and I bring up my hands to violently shove the man away from me, "No! I am dreaming! Do not touch me!" My hand collides with his chest.

The sound of the man's screams lifts me above him, the platform below me rising up swiftly... or the space around me is lowering. I cannot tell.

[[span class="poem-font"]]"Mett[[span class="chi"]]a[[/span]]! Mett[[span class="chi"]]a[[/span]]!"[[/span]] The man screams from below. He multiplies and his form shifting into a grotesquely gorgeous being, climbing upon himself, [[span class="poem-font"]]"You must understand! You must understand!"[[/span]]

The beings of many arms atop their golden columns dance and dance, the golden liquid gushing from their mouth, filling the sea below. The blue, gold, and white rising to envelop the grotesque man. The screaming becomes silence and he disappears below the rising tides of color.

With an exhale, I look above me. Just as I do so, a glowing white sphere collides with my being and everything goes white.

------

[[div class="sidd"]]
A harsh gasp fills my lungs, breaking the thick lacquer of silence.
 
[[span class="poem-font"]]"Calm, calm now."[[/span]] A voice, it reminds me of my mother... [[span class="poem-font"]]"Do not open your eyes, not yet. Saddha, follower, you are home now."[[/span]] A heavy weight gets placed on my mind; I feel my thoughts slowing.

I know now I am being carried, the soft lifting up and down as the arms cradling me feel gentle. I sink in to them, fall in to them...

//My name is Kuang Qiu//, I think to myself-- a reminder.

[[span class="poem-font"]]"Oh, is it? Let's take care of that."[[/span]] The voice spoke again, //I want to open my eyes...//

[[span class="poem-font"]]"Do not open your eyes."[[/span]] The voice spoke once more, it seemed farther away. 

I am being lowered now, placed on something warm, soft. //I want to open my eyes...//

[[span class="poem-font"]]"You can now, follower. Open."[[/span]]

I do as the voice says and I open my eyes. The weight lifts from my mind and my panic returns in a tidal wave, swiftly into my chest. My breath, I need to take a breath!

I inhale sharply, taking in air, though I do not feel it flowing through my lips. 

Breathing...

Breathing...

Okay, I need to figure out where I am. I take in my surroundings, however, my mind does not seem to be willing to comprehend what my eyes are seeing. Everything feels //wrong,// horribly wrong. The floor in front of me is split into multiple planes, though I know it to be only one floor... I see eight. 

Looking down beneath me, I do not see the soft, warm surface I expected. There is only a circular pattern spinning in hundreds of directions. I feel as if I could sink in to it.

No, no, I need to get out of here. I'm standing, running, getting the hell out...  out of this... dream? This is a dream. It has to be.

[[span class="poem-font"]]"You are not dreaming, follower. You are witnessing the eternal glory that is Siddhartha Two."[[/span]]

That voice again! "Where are you?!" I shout, my voice causes the floor in front of me to collapse into a single surface. Out of habit, I pull out my pistol and hold it ready in front of my chest.

[[span class="poem-font"]]"I am everywhere, follower. You only need to wish to see me..." [[/span]]

My face contorts into a scowl, "Mother help me, this is just a dream, I will wake up soon anyway." 

[[span class="poem-font"]]"Awakening, enlightenment, is always the true goal, follower, is it not? An admirable one. One you are some distance away from achieving, but you could help us."[[/span]]

I do my best to ignore the voice, despite everything within me twisting itself in the attempt. However, I begin to march forward towards something I can only describe as a door. I did not see it but I knew it was there.

[[span class="poem-font"]]"Follower, you are not prepared for what you will find within. You are not ready to descend into higher realms of spiritual evolution"[[/span]] I see a brief flash within my mind of a golden eye, its pupil dilating as the voice speaks.

I do my best to remember what happened before I got here... I remember the endless sea, the beautiful man, the dancing figures with many arms. But what was before that?

Bat! I remember! Bat and that... magic? No. Just some trick.

[[span class="poem-font"]]"It was no trick-- Bat freed you. Burned away your shell from the inside. Sent you here among the eight paths. You have only just begun."[[/span]]

I let out a sigh, my attempts at ignoring the voice failing as I see the words forming from the very air in front of me. 

"A trick. It was a trick." I assure myself as I reach out for the door I cannot see and open it.

And I see a bright globe of light... the moon?

[[span class="poem-font"]]"Yes, the moon. It is almost Uposatha. It is almost time for all to shed their burdening shells, join us in eternal enlightenment. Tara has guided us and soon all will understand."[[/span]]

Why do I not wake up? I just want to wake up. I gaze at the moon, wondering just how far away it is.

I feel myself being consumed by its presence as it slowly spins, revealing the silver iris of another eye.

[[span class="poem-font"]]"Let me free you, follower. Strike your path with steady footprints for you need to view the truth."[[/span]]

As I stare at the cratered surface, I lift up my pistol in a desperate attempt to rid myself of it-- wake myself from this merciless dream. "I am not a follower! Stop calling me that!" I shout. But before I have the chance to pull the trigger, the voice speaks:

[[span class="poem-font"]]"Ceto-vimutti."[[/span]]

...and it shatters into glimmering stars.
[[/div]]

[[div class="skysermon-nav"]]
[[div class="footer-wikiwalk-nav"]]
[[div_ class="left"]]
[[[https://scp-wiki.wikidot.com/scp-4161|SCP-4161 — METEMPSYCHOSIS.]]]
[[/div]]
[[div_ class="center"]]
[[size 120%]]Chapter II[[/size]]
[[/div]]
[[div_ class="right"]]
[[[https://scp-wiki.wikidot.com/scp-4801|SCP-4801 — Ceto-vimutti:  Deliverance From Suffering]]]
[[/div]]
[[/div]]
[[/div]]

[[include :scp-wiki:component:license-box]]
=====
> **Filename:** galfed_circle.png
> **Author:** [[*user Woedenaz]]
> **License:** CC BY-SA 3.0
> **Source Link:** [https://scp-wiki.wikidot.com/the-moons-stellar-companion SCP Foundation Wiki]
=====
[[include :scp-wiki:component:license-box-end]]