@font-face {
  font-family: 'Minecraft';
  src: url('MinecraftRegular-Bmg3.woff2') format('woff2');
}

@font-face {
  font-family: 'Minecraft';
  font-weight: bold;
  src: url('MinecraftBold-nMK1.woff2') format('woff2');
}

@font-face {
  font-family: 'Minecraft';
  font-style: italic;
  src: url('MinecraftItalic-R8Mo.woff2') format('woff2');
}

@font-face {
  font-family: 'Minecraft';
  font-weight: bold;
  font-style: italic;
  src: url('MinecraftBoldItalic-1y1e.woff2') format('woff2');
}
body{ 
  font-family: Segoe UI;
  font-size: 14px;
  background-color: #020304;
  color: #cccccc;
}


/* deprecated */
.holder {
  border: 1px solid #374e72;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
  border-radius: 4px;
  background-color: #191f2d;
}

.spacebattles-post {
  border: 1px solid #374e72;
  margin-left: 10px;
  margin-right: 25px;
  padding: 4px;
  border-radius: 4px;
  background-color: #191f2d;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.spacebattles-post .default-link {
  color: #00ff00;
  text-decoration: none;
}

.spacebattles-post .default-link:hover {
  color: #ffffff;
  text-decoration: underline;
}

.spacebattles-post .left {
  order: -1;
  flex: 0 0 auto;
  width: 170px; 
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.spacebattles-post .right {
  order: 0;
  flex: 1 1 auto;
  padding-right: 4px;
  padding-left: 4px;
}

.spacebattles-post .left .box {
  width: 150px;
  flex: 0 0 auto;
  border: 1px solid #415c87;
  text-align: center;
  background-color: #020304;
  margin-top: 5px;
  margin-left: 5px;
}

.spacebattles-post .left .box img {
  width: 100px;
  height: auto;
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 8px;
}

.spacebattles-post .left .box .namebox {
  width: 100%;
  background-color: #415c87;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #0f0;
  font-size: 13px;
  font-weight: bold;
}

.spacebattles-post .left .arrow {
  flex: 0 0 auto;
  position: relative;
  left: -8px;
  top: 15px;
  background-image: linear-gradient(45deg, transparent 50%, #020304 50%);
  border-right: 1px solid #415c87;
  border-top: 1px solid #415c87;
  height: 14px;
  width: 14px;
  transform: rotate(45deg);
}

.spacebattles-post .right .post-header {
  width: 100%;
  border-bottom: 1px solid #374e72;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 3px;
  overflow: hidden;
  font-size: 12px;
  color: #8c8c8c;
}

.spacebattles-post .right .post-header .time {
  display: inline-block;
}
.spacebattles-post .right .post-header .time:hover {
  text-decoration: underline;
}

.spacebattles-post .right .post-header .header-right {
  float: right;
}

.spacebattles-post .right .post-header .post-number {
  display: inline-block;
  color: #8c8c8c;
  text-decoration: none;
}

.spacebattles-post .right .post-header .post-number:hover {
  color: #ffffff;
}
.spacebattles-post .right .post-header img {
  filter: brightness(0.55);
  height: 12px;
  vertical-align: baseline;
  position: relative;
  top: 2px;
  margin-left: 4px;
  margin-right: 4px;
}
.spacebattles-post .right .post-header img:hover {
  filter: none;
}


.spacebattles-post .right .spoiler-header {
  font-size: 13px;
  padding: 7px 10px 7px 10px;
  background-color: #949599;
  border: 1px solid #bcbcbd;
  border-radius: 4px;
  text-decoration: none;
  color: #000000;
  display: inline-block;
  transition: background-color 0.25s;
}


.spacebattles-post .right .spoiler-header:hover {
  background-color: #a1989c;
}


.spacebattles-post .right .spoiler-contents {
  padding: 3px;
  background-color: #020304;
  border: 1px solid #374e72;
  margin-top: 3px;
  padding-left: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.spacebattles-post .right .edited
{
  font-size: 10px;
  color: #8c8c8c;
  text-align: right;
}

.spacebattles-post .right .post-footer
{  
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  overflow: hidden;
  font-size: 13px;
  color: #8c8c8c;
}

.spacebattles-post .right .post-footer .footer-left 
{
  display: inline-block;
}

.spacebattles-post .right .post-footer .footer-button
{
  display: inline-block;
}

.spacebattles-post .right .post-footer .footer-button:hover
{
  text-decoration: underline;
}

.spacebattles-post .right .post-footer .footer-right {
  float: right;
  color: #0f0;
  white-space: no-wrap;
}

.spacebattles-post .right .post-footer .footer-right .footer-button {
  margin-left: 5px;
}

.spacebattles-post .right .post-footer img
{
  height: 14px;
  vertical-align: baseline;
}


.mspa {
  font-family: "Courier New";
  font-weight: bold;
}

.mspa .command-title {
  font-size: 24px;
  text-align: center;
}

.among-us-discuss {
  font-family: "Arial";
  font-size: 16px;
  color: #000;
  background-color: rgba(0,0,0,0.5);
  border: 3px solid #888;
  border-radius: 8px;
  width: 600px;
}
.among-us-eject {
  font-family: "Arial";
  font-size: 16px;
  color: #fff;
  width: 600px;
  text-align: center;
  background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, #000 15%, #000 85%, rgba(0,0,0,0) 100%);
  padding-top: 50px;
  padding-bottom: 50px;
}


.among-us-discuss .message-sender{
  color: #fff;
  text-shadow:
   -2px -1px 0 #000,  
   -1px -2px 0 #000,  
    0   -2px 0 #000,  
    1px -2px 0 #000,
    2px -1px 0 #000,
    2px  0   0 #000,
    2px  1px 0 #000,
    1px  2px 0 #000,
    0    2px 0 #000,
   -1px  2px 0 #000,
   -2px  1px 0 #000,
   -2px  0   0 #000;
}

.among-us-discuss .message {
  min-height: 40px;
  width: 450px;
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 60px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 4px 4px 0 rgba(0,0,0,0.5);
  
  background-size: auto 40px;
  background-repeat: no-repeat;
  background-position: 3px 3px;
}
.among-us-discuss .system {
  min-height: 28px;
  width: 450px;
  margin-left: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 4px 4px 0 rgba(0,0,0,0.5);
  color: #0f0;
  text-shadow:
   -2px -1px 0 #000,  
   -1px -2px 0 #000,  
    0   -2px 0 #000,  
    1px -2px 0 #000,
    2px -1px 0 #000,
    2px  0   0 #000,
    2px  1px 0 #000,
    1px  2px 0 #000,
    0    2px 0 #000,
   -1px  2px 0 #000,
   -2px  1px 0 #000,
   -2px  0   0 #000;
   
  background-size: auto 28px;
  background-repeat: no-repeat;
  background-position: 3px 3px;
}

.among-us-discuss .red {
  background-image: url("among-us-red.png");
}

.among-us-discuss .orange {
  background-image: url("among-us-orange.png");
}

.among-us-discuss .yellow {
  background-image: url("among-us-yellow.png");
}

.among-us-discuss .lime {
  background-image: url("among-us-lime.png");
}

.among-us-discuss .green {
  background-image: url("among-us-green.png");
}

.among-us-discuss .cyan {
  background-image: url("among-us-cyan.png");
}

.among-us-discuss .blue {
  background-image: url("among-us-blue.png");
}

.among-us-discuss .purple {
  background-image: url("among-us-purple.png");
}

.among-us-discuss .pink {
  background-image: url("among-us-pink.png");
}

.among-us-discuss .brown {
  background-image: url("among-us-brown.png");
}

.among-us-discuss .white {
  background-image: url("among-us-white.png");
}

.among-us-discuss .black {
  background-image: url("among-us-black.png");
}

.minecraft {
  font-family: Minecraft;
  font-size: 18px;
  background-color: rgba(0,0,0,0.5);
  color: #ffffff;
}

.minecraft .s0 {
  color: #000000;
}

.minecraft .s1 {
  color: #0000aa;
}

.minecraft .s2 {
  color: #00aa00;
}

.minecraft .s3 {
  color: #00aaaa;
}

.minecraft .s4 {
  color: #aa0000;
}

.minecraft .s5 {
  color: #aa00aa;
}

.minecraft .s6 {
  color: #ffaa00;
}

.minecraft .s7 {
  color: #aaaaaa;
}

.minecraft .s8 {
  color: #555555;
}

.minecraft .s9 {
  color: #5555ff;
}

.minecraft .sa {
  color: #55ff55;
}

.minecraft .sb {
  color: #55ffff;
}

.minecraft .sc {
  color: #ff5555;
}

.minecraft .sd {
  color: #ff55ff;
}

.minecraft .se {
  color: #ffff55;
}

.minecraft .sf {
  color: #ffffff;
}

.minecraft .sk {
  white-space: nowrap;
}

.minecraft .line {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  text-indent: -20px;
}

.minecraft .tooltip {
  position: relative;
}

.minecraft .tooltip .tooltip-text {
  visibility: hidden;
  background-color: #1b0c1b;
  display: inline-block;
  white-space: nowrap;
  border: 2px solid #29085b;
  box-shadow: 2px 0 0 #1b0c1b,
              0 2px 0 #1b0c1b,
              0 -2px 0 #1b0c1b,
              -2px 0 0 #1b0c1b;
  padding: 3px 17px 3px 3px;
  position: absolute;
  margin-left: -20px;
  z-index: 200;
  text-indent: 0;
}

.minecraft .tooltip:hover .tooltip-text {
  visibility: visible;
}

.iphone {
  width: 410px;
  border-radius: 50px;
  padding-top: 0px;
  background-color: #ededed;
  padding-bottom: 10px;
  border: 4px outset #fcfcfc;
}

.iphone:before {
  content: "";
  display: block;
  width: 200px;
  height: 55px;
  background-image: url("iphone-top.png");
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.iphone .button {
  border: 2px solid #cdcdcd;
  border-radius: 30px;
  height: 40px;
  width: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 5px;
}

.iphone .iphone-status {
  width: 100%;
  font-size: 10px;
  font-family: Helvetica, Arial;
}

.iphone .imessage {
  border: 2px solid black;
  height: 570px;
  width: 380dfpx;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: Helvetica, Arial;
  font-size: 16px;
  background-color: #ffffff;
  scrollbar-width: none;
}


.iphone .imessage::-webkit-scrollbar {
  display: none;
}


.iphone .imessage .topbar {
  font-size: 10px;
  text-align: center;
  background-color: #ececec;
  width: 400px;
  margin-left: -12px;
  margin-right: -12px;
  padding: 5px;
  margin: 0;
  position: sticky;
  top: 0px;
  z-index: 60;
}
.iphone .imessage .topbar img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
  border-radius: 40px;
  width: 40px;
  height: 40px;
}

.iphone .imessage .out {
  float: right;
  clear: both;
  background-image: linear-gradient(to top, #388cfc 0, #388cfc 20px, #4183f3 100%);
  border-radius: 17px;
  padding: 8px 14px 8px 14px;
  margin-top: 4px;
  color: #ffffff;
  max-width: 250px;
  position: relative;
  margin-right: 12px;
}

.iphone .imessage .out::after {
  content: "";
  background-image: url("imessage-speech-right.png");
  background-size: 100% 100%;
  width: 16px;
  height: 13px;
  display: block;
  position: absolute;
  bottom: -3px;
  right: -5px;
  
}


.iphone .imessage .in {
  float: left;
  clear: both;
  background-color: #ebe8ef;
  border-radius: 17px;
  padding: 8px 14px 8px 14px;
  margin-top: 4px;
  color: #000000;
  max-width: 250px;
  position: relative;
  margin-left: 12px;
}

.iphone .imessage .in::after {
  content: "";
  background-image: url("imessage-speech-left.png");
  background-size: 100% 100%;
  width: 16px;
  height: 13px;
  display: block;
  position: absolute;
  bottom: -3px;
  left: -5px;
}

.corruption {
  position: relative;
  top: 4px;
  height: 1.1em;
}


.dialogue-miki {
  color: #e27119;
}

.dialogue-ruriko {
  color: #ff99cc;
}

.dialogue-hazuki {
  color: #999999;
}

.dialogue-rinna {
  color: #cc6699;
}

.dialogue-lulu {
  color: #d4a43d;
}

.dialogue-ruiqi {
  color: #ff3355;
}

.impact {
  font-family: Impact;
  font-size: 20px;
  color: #FFFFFF;
    text-shadow:
   -2px -1px 0 #000,  
   -1px -2px 0 #000,  
    0   -2px 0 #000,  
    1px -2px 0 #000,
    2px -1px 0 #000,
    2px  0   0 #000,
    2px  1px 0 #000,
    1px  2px 0 #000,
    0    2px 0 #000,
   -1px  2px 0 #000,
   -2px  1px 0 #000,
   -2px  0   0 #000;
}