She Was She Was I Am

Link to article: She Was She Was I Am.

Module Styles

• 
  @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
  
  /* ROOT SETTINGS */
  :root {
      --title: "Site-02";
      --subtitle: "Shattered Crown";
      --title-size: 1.2rem;
      --subtitle-size: 2.5rem;
      --logo: url('https://scpdsandbox.wdfiles.com/local--files/nostalgia-theme/primary_shcr_white.png');
  
      --basalt-secondary-color: 34, 34, 35;
      --top-bar-dropdown-background: var(--basalt-secondary-color);
      --basalt-UI-dark-pallete: 89, 89, 89;
  
      --header-UI-font-size: calc(var(--true-font-size) * .85);
      --header-UI-font-size: calc(var(--true-font-size) * .95);
      --basalt-bright-element-color: 224, 72, 73;
      --basalt-main-text-color: 230, 230, 230;
      
      --base-header-height: calc((var(--title-size) + var(--subtitle-size)) * 1.275 + 1.5rem);
  
      --search-button-width: 2.5rem;
      --user-button-width: 3.5rem;
  
      --blockquote-background-color: var(--basalt-UI-dark-palette);
  
      --footnote-background-color: var(--basalt-UI-dark-palette);
      --image-caption-background-color: var(--basalt-secondary-color);
      --basalt-th-background-color: var(--basalt-secondary-color);
      --hr-color: var(--basalt-UI-dark-palette);
  }
  
  /* HEADER MUMBO JUMBO */
  
  #header {
      display: grid;
      position: sticky;
      contain: layout;
  }
  
  #header::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/inv_pate_black_v2_redux.png');
      filter: brightness(1.1) contrast(1) saturate(0.9);
      background-repeat: repeat;
      background-size: auto;
      z-index: -1;
      pointer-events: none;
  }
  
  #header-extra-div-1 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden; /* ONLY this div clips - not the whole header */
      pointer-events: none;
      z-index: 1;
  }
  
  #header-extra-div-1 span {
      position: absolute;
      top: 50%;
      right: calc(var(--search-button-width) + var(--user-button-width) + 250px);
      width: clamp(925px, 20vw, 650px);
      height: clamp(950px, 25vw, 550px);
      transform: translateY(-50%) rotate(-15deg);
      background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/primary_shcr_white.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 0.25;
      filter: hue-rotate(180deg) saturate(0.3) brightness(0.7);
      display: block;
  }
  
  /* HIDE: Crown on mobile */
  @media (max-width: 1100px) {
      #header-extra-div-1 {
          display: none;
      }
  }
  
  #header h1 a span {
      margin-left: 0.65rem;
  }
  
  #header h1 a::before {
      width: calc(var(--base-header-height) * 0.65);
      min-width: calc(var(--base-header-height) * 0.70);
  }
  
  #header h1 a span {
      text-align: center;
      display: inline-block;
      width: max-content;
      min-width: max-content;
      height: unset;
  }
  
  #header h1 a span::before,
  #header h1 a span::after {
      display: block;
      white-space: nowrap;
      width: max-content;
      margin: 0 auto;
  }
  
  #header h1 a span::before {
      content: var(--title);
      font-size: var(--title-size);
      font-weight: bold;
      line-height: 1.1;
  }
  
  #header h1 a span::after {
      content: var(--subtitle);
      font-size: var(--subtitle-size);
      font-weight: 900;
      line-height: 1;
      margin-bottom: 0px;
  }
  
  /* TOPBAR */
  
  #top-bar div[class*=top-bar]>ul>li>a {
      padding: 0 calc(var(--header-UI-font-size) * 2.5);
  }
  
  #top-bar div[class*=top-bar] ul li ul li a {
      background: rgb(var(--basalt-UI-dark-palette), var(--basalt-UI-opacity));
  }
  
  
  #top-bar div[class*=top-bar] > ul > li {
      margin: 0rem 0rem;
      white-space: nowrap;
  }
  
  #top-bar div[class*=top-bar] > ul > li > a {
      transition: background-color 0.15s ease;
      padding: 0 calc(var(--header-UI-font-size) * 2.5);
  }
  
  #top-bar div[class*=top-bar] > ul > li:first-child {
      margin-left: 0;
  }
  
  #top-bar div[class*=top-bar] > ul > li:last-child {
      margin-right: 0;
  }
  
  /* LOGIN STATUS */
  #login-status span.printuser>a {
      padding: min(calc(var(--base-header-height) * .175), 0.325rem);
  }
  
  /* BODY */
  body {
      color: rgb(var(--basalt-secondary-color));
      background-image: url(http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/nor_pate_white_v2_redux.png);
  
  /* BLOCKQUOTES */
  
  .blockquote hr {
      background-color: rgb(var(--basalt-primary-color));
  }
  
  /* TABLES */
  table th,
  table tr:first-child td {
      border: 0.15rem solid rgb(var(--basalt-secondary-color));
  }
  
  /* TABS */
  .yui-navset.yui-navset-top {
      border: 1px solid rgb(var(--basalt-secondary-color));
  }
  
  :is(:where(#page-content) table:not(.form),table.wiki-content-table) td {
     border: solid 0.15rem rgb(var(--basalt-UI-dark-palette));
  }
  
  /* PAGE TITLE */
  #page-title, .meta-title {
      color: rgba(var(--basalt-secondary-color));
      font-size: xxx-large;
  }
  
  /* HOVERTIPS COLORING */
  .bibitems, .footnotes-footer, .hovertip {
      color: rgb(var(--basalt-primary-color));
  }
  
  /* EDIT AREA */
  #edit-page-textarea, #np-text {
      color: rgb(var(--basalt-secondary-color));
  }
  
  /* BIBLITEMS */
  .bibitems .title, .footnotes-footer .title {
      background-color: rgb(var(--basalt-secondary-color));
  }
  
  .bibitems::before, .footnotes-footer::before {
      background-color: rgb(var(--basalt-secondary-color));
  }
  
  /* USER PROFILE WINDOW */
  .owindow .title {
      opacity: 80%;
      color: rgb(var(--basalt-secondary-color));
  }
  
  
  /* SCROLL */
  * {
      scrollbar-width: thin;
      scrollbar-color: rgb(var(--scrollbar-thumb-color)) rgb(89 89 89);
  }
  
  /* PAGE TAGS */
  #main-content>.page-tags>span a {
      color: rgb(var(--basalt-primary-color));
  }
  
  /* TEXT AREA */
  input[type=text], textarea {
      color: rgb(var(--basalt-secondary-color));
  }
  
  /* ACTION AREA (FILE UPLOAD) */
  #action-area input.text, textarea#file-comments {
      color: rgba(var(--basalt-primary-color));
  }
  
  /* PREVIEW MESSAGE */
  .preview-message {
      background-color: rgba(var(--basalt-primary-color));
  }
  
  /* DOCUMENT DIVS */
  div.document {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
      background-image: url(http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/nor_pate_white_v2_redux.png);
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
  }
  div:is(.document)::before, div:is(.document)::after {
      background-image: url(http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/nor_pate_white_v2_redux.png);
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 60rem;
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color), 0.25);
      box-shadow: 0px 1px 1.9px -4px rgb(150 150 159 / 75%), 0px 6px 15px -4px rgb(0 0 0 / 76%);
      background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/inv_pate_black_v2_redux.png');
  }
  
  div:is(.darkdocument)::before, div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
      background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/inv_pate_black_v2_redux.png');
  }
  
  /* HIGHLIGHTER SPAN */
  .shighlight {
      position: relative;
      background: linear-gradient(104deg,
          rgb(255 255 0 / 28%) 0.9%,
          rgba(255, 255, 0, 0.8) 2.4%,
          rgba(255, 255, 0, 0.5) 5.8%,
          rgb(255 255 0 / 52%) 93%,
          rgba(255, 255, 0, 0.7) 96%,
          rgb(255 255 0 / 29%) 98%);
      );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
      );
  }
  
  .shighlight::before {
      content: '';
      position: relative;
      top: -3px;
      left: -4px;
      bottom: -4px;
      background: rgba(255, 255, 0, 0.3);
      border-radius: 0.8em 0.3em 0.9em 0.4em;
      z-index: -1;
      transform: rotate(-0.5deg) skew(-1deg);
      clip-path: polygon(
          0% 10%, 15% 16%, 25% 12%, 35% 18%, 45% 14%,
          55% 10%, 65% 16%, 75% 12%, 85% 18%, 100% 14%,
          100% 90%, 85% 86%, 75% 92%, 65% 88%, 55% 94%,
          45% 90%, 35% 86%, 25% 92%, 15% 88%, 0% 92%
      );
  }
  
  
  .shighlight::after {
      content: '';
      position: relative;
      top: -2px;
      left: -2px;
      right: -4px;
      bottom: -3px;
      background: rgba(255, 255, 0, 0.15);
      border-radius: 0.6em 0.7em 0.5em 0.8em;
      z-index: -2;
      transform: rotate(0.3deg) skew(0.5deg);
      clip-path: polygon(
              0% 14%, 12% 10%, 24% 16%, 36% 12%, 48% 18%,
              60% 14%, 72% 10%, 84% 16%, 96% 12%, 100% 18%,
              100% 88%, 96% 92%, 84% 86%, 72% 94%, 60% 90%,
              48% 86%, 36% 92%, 24% 88%, 12% 94%, 0% 90%
          );
   }
  
  
  .shighlight-orange {
      position: relative;
      background: linear-gradient(102deg,
      rgba(255, 165, 0, 0) 0.9%,
      rgba(255, 165, 0, 0.8) 2.4%,
      rgba(255, 165, 0, 0.5) 5.8%,
      rgba(255, 165, 0, 0.45) 93%,
      rgba(255, 165, 0, 0.7) 96%,
      rgba(255, 165, 0, 0) 98%)
         );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
          );
  }
  
  .shighlight-orange::before {
      content: '';
      position: relative;
      top: -2px;
      left: -3px;
      bottom: -2px;
      background: rgba(255, 165, 0, 0.3);
      border-radius: 0.7em 0.5em 0.8em 0.3em;
      z-index: -1;
      transform: rotate(0.4deg) skew(-0.8deg);
      clip-path: polygon(
          0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%,
          75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%,
          75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
      );
  }
  
  .shighlight-pink {
      position: relative;
      background: linear-gradient(106deg, rgba(255, 20, 147, 0) 0.9%, rgba(255, 20, 147, 0.6) 2.4%, rgba(255, 20, 147, 0.4) 5.8%, rgba(255, 20, 147, 0.1) 93%, rgba(255, 20, 147, 0.6) 96%, rgba(255, 20, 147, 0) 98%);
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
  }
  
  .shighlight-pink::before {
      content: '';
      position: relative;
      top: -1px;
      left: -2px;
      bottom: -3px;
      background: rgba(255, 20, 147, 0.25);
      border-radius: 0.5em 0.9em 0.4em 1.1em;
      z-index: -1;
      transform: rotate(-0.3deg) skew(1deg);
      /* Pink subtle wavy background */
      clip-path: polygon(
          0% 12%, 20% 18%, 35% 14%, 50% 10%, 65% 16%,
          80% 12%, 100% 18%, 100% 90%, 80% 86%, 65% 92%,
          50% 88%, 35% 94%, 20% 90%, 0% 86%
      );
  }
  
  .shighlight-blue {
      position: relative;
      background: linear-gradient(102deg,
          rgba(0, 191, 255, 0) 0.9%,
          rgba(0, 191, 255, 0.8) 2.4%,
          rgba(0, 191, 255, 0.5) 5.8%,
          rgba(0, 191, 255, 0.1) 93%,
          rgba(0, 191, 255, 0.7) 96%,
          rgba(0, 191, 255, 0) 98%
      );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
  }
  
  .shighlight-blue::before {
      content: '';
      position: absolute;
      top: -2px;
      left: -3px;
      right: -3px;
      bottom: -2px;
      background: rgba(0, 191, 255, 0.3);
      border-radius: 0.7em 0.5em 0.8em 0.3em;
      z-index: -1;
      transform: rotate(0.4deg) skew(-0.8deg);
      clip-path: polygon(
          0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%,
          75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%,
          75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
      );
  }
  
  
  /* STICKY NOTES */
  #page-content div.stickynote {
     float: left;
     max-width: calc(var(--main-content-width) / 2.15);
     box-sizing: border-box;
     margin: 0.25rem 1.25rem;
     padding-inline: 1.2rem;
     padding-block: 0.5rem;
     font-size: 1.1525em;
     border-radius: 7px;
     position: relative;
     font-family: 'Permanent Marker', cursive;
     letter-spacing: 0.75px;
     box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.05);
     transform: rotate(-1deg);
     transition: transform 0.2s ease;
  }
  
  /* Hover effect for interactivity */
  #page-content div.stickynote:hover {
      transform: rotate(0deg) scale(1.02);
      box-shadow:
          4px 4px 12px rgba(0, 0, 0, 0.25),
          inset 0 0 0 1px rgba(255, 255, 255, 0.5),
          inset 0 -3px 6px rgba(0, 0, 0, 0.08);
  }
  
  /* Position Controls */
  #page-content div.stickynote.left {
      float: left;
      margin-left: clamp(calc(var(--main-content-width) / -4.5), calc((87.5vw - 95%) / -2), 0rem);
  }
  
  #page-content div.stickynote.right {
      float: right;
      clamp(calc(var(--main-content-width) / -100), calc((87.5vw - 95%) / -2), -2rem)
      margin-left: 1.25rem;
  }
  
  /* Tilt Controls */
  #page-content div.stickynote.tilt-none {
      transform: rotate(0deg);
  }
  
  #page-content div.stickynote.tilt-light {
      transform: rotate(-0.5deg);
  }
  
  #page-content div.stickynote.tilt-medium {
      transform: rotate(-2deg);
  }
  
  #page-content div.stickynote.tilt-heavy {
      transform: rotate(-3deg);
  }
  
  #page-content div.stickynote.tilt-right-light {
      transform: rotate(0.5deg);
  }
  
  #page-content div.stickynote.tilt-right-medium {
      transform: rotate(2deg);
  }
  
  #page-content div.stickynote.tilt-right-heavy {
      transform: rotate(3deg);
  }
  
  #page-content div.stickynote.tilt-none:hover { transform: rotate(0deg) scale(1.02); }
  #page-content div.stickynote.tilt-light:hover { transform: rotate(-0.5deg) scale(1.02); }
  #page-content div.stickynote.tilt-normal:hover { transform: rotate(-1deg) scale(1.02); }
  #page-content div.stickynote.tilt-medium:hover { transform: rotate(-2deg) scale(1.02); }
  #page-content div.stickynote.tilt-heavy:hover { transform: rotate(-3deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-light:hover { transform: rotate(0.5deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-normal:hover { transform: rotate(1deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-medium:hover { transform: rotate(2deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-heavy:hover { transform: rotate(3deg) scale(1.02); }
  
  #page-content div.stickynote.yellow {
      background-color: #ffeb3b;
      border: solid 0.12rem #f9c74f;
      color: #333;
  }
  
  #page-content div.stickynote.red {
      background-color: #ff5252;
      border: solid 0.12rem #e53935;
  }
  
  #page-content div.stickynote.blue {
      background-color: #42a5f5;
      border: solid 0.12rem #1976d2;
  }
  
  #page-content div.stickynote.green {
      background-color: #66bb6a;
      border: solid 0.12rem #388e3c;
  }
  
  #page-content div.stickynote.orange {
      background-color: #ff9800;
      border: solid 0.12rem #f57c00;
  }
  
  #page-content div.stickynote.pink {
      background-color: #fb85ad;
      border: solid 0.12rem #c2185b;
  }
  
  div.warning {
      width: 80%;
      margin: 0.625rem auto;
      padding: 0.9375rem;
      border: solid 0.125rem rgb(92, 149, 230);
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
      color: black;
      text-align: center;
  }
  
  div.warning hr {
      border-color: rgb(92, 149, 230);
  }
  

• /* This is CSS that will not be part of theme, just for the page itself */
  
  /* SCP HEADER */
  .scp-header {
      position: relative;
      width: 100%;
      height: 80px;
      margin: 0;
      padding: 10px 0;
  }
  
  .scp-header .scp-logo {
      position: absolute;
      left: -14px;
      top: 50%;
      transform: translateY(-50%);
      width: 80px;
      height: 80px;
      border-radius: 50%;
      overflow: hidden;
  }
  
  .scp-header .scp-logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  
  .scp-header .scp-text-stack {
      position: absolute;
      left: 75px;
      top: 50%;
      transform: translateY(-50%);
      margin: 0;
      padding: 0;
      padding-left: 6px;
  }
  
  .scp-header .scp-text-stack p {
      line-height: 0;
  }
  
  .scp-header .scp-foundation {
      font-size: 14.7px;
      font-weight: 700;
      color: #333;
      margin: 0;
      padding: 0;
      line-height: 1;
      text-align: center;
  }
  
  .scp-header .scp-site {
      font-size: 33px;
      font-weight: 900;
      color: #333;
      margin: 2px 0 0 0;
      padding: 0;
      line-height: 1;
      text-align: center;
  }
  
  .scp-header .scp-classification {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      max-width: 300px;
      padding-left: 18rem;
      text-align: right;
  }
  
  .scp-header .redacted-highlight {
      background: #000;
      color: white;
      padding: 3px 6px;
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 1.3;
  }
  
  /* SCP File Table - Desktop */
  .scp-file-table {
      width: 100%;
      border-collapse: collapse;
      margin: 0px 0px 8px 0px;
      font-size: 18px;
  }
  
  .scp-file-table td {
      padding: 0px 0px 4px 0px;
      border: none;
  }
  
  .scp-file-table .left-cell {
      text-align: left;
      font-weight: normal;
      width: 50%;
  }
  
  .scp-file-table .right-cell {
      text-align: right;
      font-weight: 800;
      width: 50%;
  }
  
  .scp-file-table .clearance-cell {
      background: rgb(255, 18, 29);
      color: rgb(var(--basalt-secondary-color));
      text-align: center;
      padding: 4px;
      font-weight: bold;
      font-size: 21px;
      letter-spacing: 2px;
  }
  
  /* Tablet and smaller laptops - 800px and below */
  @media screen and (max-width: 800px) {
      .scp-header .scp-classification {
          position: static;
          padding-left: 0;
          text-align: left;
          max-width: none;
          margin-top: 15px;
          transform: none;
      }
      
      .scp-header {
          height: auto;
          min-height: 120px;
          padding: 15px 0 25px 0;
      }
      
      .scp-file-table {
          font-size: 16px;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 18px;
          padding: 6px;
      }
  }
  
  /* Mobile Tablets - 768px and below */
  @media screen and (max-width: 768px) {
      .scp-header {
          height: auto;
          min-height: 140px;
          padding: 15px 0 30px 0;
      }
      
      .scp-header .scp-logo {
          left: 0;
          width: 70px;
          height: 70px;
      }
      
      .scp-header .scp-text-stack {
          left: 80px;
          padding-left: 0;
      }
      
      .scp-header .scp-foundation {
          font-size: 13px;
          text-align: left;
      }
      
      .scp-header .scp-site {
          font-size: 29px;
          text-align: left;
      }
      
      .scp-header .scp-classification {
          position: static;
          margin-top: 20px;
          padding-left: 0;
          text-align: left;
      }
      
      .scp-header .redacted-highlight {
          font-size: 12px;
          padding: 4px 6px;
          line-height: 1.4;
      }
      
      .scp-file-table {
          font-size: 15px;
      }
      
      .scp-file-table td {
          padding: 2px 0 6px 0;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 16px;
          padding: 8px 4px;
          letter-spacing: 1px;
      }
  }
  
  /* Large phones - 600px and below */
  @media screen and (max-width: 600px) {
      .scp-header {
          min-height: 160px;
          padding: 10px 0 35px 0;
      }
      
      .scp-header .scp-logo {
          width: 60px;
          height: 60px;
      }
      
      .scp-header .scp-text-stack {
          left: 70px;
      }
      
      .scp-header .scp-foundation {
          font-size: 12px;
      }
      
      .scp-header .scp-site {
          font-size: 26px;
      }
      
      .scp-header .redacted-highlight {
          font-size: 11px;
          padding: 3px 5px;
      }
      
      .scp-file-table {
          font-size: 14px;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 15px;
          padding: 8px 2px;
          letter-spacing: 0.5px;
      }
  }
  
  /* Small phones - 480px and below */
  @media screen and (max-width: 480px) {
      .scp-header {
          min-height: 180px;
          padding: 10px 0 40px 0;
      }
      
      .scp-header .scp-logo {
          width: 50px;
          height: 50px;
      }
      
      .scp-header .scp-text-stack {
          left: 60px;
      }
      
      .scp-header .scp-foundation {
          font-size: 11px;
      }
      
      .scp-header .scp-site {
          font-size: 22px;
      }
      
      .scp-header .redacted-highlight {
          font-size: 10px;
          padding: 3px 4px;
          line-height: 1.5;
      }
      
      .scp-file-table {
          font-size: 13px;
          margin-bottom: 12px;
      }
      
      .scp-file-table td {
          padding: 3px 0 8px 0;
      }
      
      .scp-file-table .left-cell,
      .scp-file-table .right-cell {
          width: 50%;
          word-wrap: break-word;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 14px;
          padding: 10px 2px;
          letter-spacing: 0.5px;
          line-height: 1.2;
      }
  }
  
  /* Very small phones - 360px and below */
  @media screen and (max-width: 360px) {
      .scp-header {
          min-height: 200px;
          padding: 8px 0 45px 0;
      }
      
      .scp-header .scp-logo {
          width: 45px;
          height: 45px;
      }
      
      .scp-header .scp-text-stack {
          left: 55px;
      }
      
      .scp-header .scp-foundation {
          font-size: 10px;
      }
      
      .scp-header .scp-site {
          font-size: 20px;
      }
      
      .scp-header .redacted-highlight {
          font-size: 9px;
          padding: 2px 3px;
      }
      
      .scp-file-table {
          font-size: 12px;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 13px;
          padding: 12px 2px;
          word-wrap: break-word;
          hyphens: auto;
      }
  }

• .danke {
      padding: 5px;
      margin-bottom:10px;
      font-family: monospace;
      font-size: 1.1em; 
  }
  
  .agent {
      background-color:#002200;
      border: 3px solid #55AA55;
      color: #77CC77;
  }

Inline Styles

• display: none;

Includes

• component:image-block
• :scp-wiki:theme:basalt [info]
• :scp-wiki:component:earthworm [info]
• :scp-wiki:component:license-box [info]
• :scp-wiki:component:license-box-end [info]

CSS Classes

• blockquote

• blockquote

Page Source

[[div id="cromthumbnail" style="display: none;"]]
[[include component:image-block
name=https://scp-sandbox-3.wdfiles.com/local--files/nicotest/crownblack.png
|caption=BROKEN CROWN
|width=100%
|align=center]]
[[/div]]

[[include :scp-wiki:theme:basalt]]

[[module CSS]]

@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

/* ROOT SETTINGS */
:root {
    --title: "Site-02";
    --subtitle: "Shattered Crown";
    --title-size: 1.2rem;
    --subtitle-size: 2.5rem;
    --logo: url('https://scpdsandbox.wdfiles.com/local--files/nostalgia-theme/primary_shcr_white.png');

    --basalt-secondary-color: 34, 34, 35;
    --top-bar-dropdown-background: var(--basalt-secondary-color);
    --basalt-UI-dark-pallete: 89, 89, 89;

    --header-UI-font-size: calc(var(--true-font-size) * .85);
    --header-UI-font-size: calc(var(--true-font-size) * .95);
    --basalt-bright-element-color: 224, 72, 73;
    --basalt-main-text-color: 230, 230, 230;
    
    --base-header-height: calc((var(--title-size) + var(--subtitle-size)) * 1.275 + 1.5rem);

    --search-button-width: 2.5rem;
    --user-button-width: 3.5rem;

    --blockquote-background-color: var(--basalt-UI-dark-palette);

    --footnote-background-color: var(--basalt-UI-dark-palette);
    --image-caption-background-color: var(--basalt-secondary-color);
    --basalt-th-background-color: var(--basalt-secondary-color);
    --hr-color: var(--basalt-UI-dark-palette);
}

/* HEADER MUMBO JUMBO */

#header {
    display: grid;
    position: sticky;
    contain: layout;
}

#header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/inv_pate_black_v2_redux.png');
    filter: brightness(1.1) contrast(1) saturate(0.9);
    background-repeat: repeat;
    background-size: auto;
    z-index: -1;
    pointer-events: none;
}

#header-extra-div-1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; /* ONLY this div clips - not the whole header */
    pointer-events: none;
    z-index: 1;
}

#header-extra-div-1 span {
    position: absolute;
    top: 50%;
    right: calc(var(--search-button-width) + var(--user-button-width) + 250px);
    width: clamp(925px, 20vw, 650px);
    height: clamp(950px, 25vw, 550px);
    transform: translateY(-50%) rotate(-15deg);
    background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/primary_shcr_white.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0.25;
    filter: hue-rotate(180deg) saturate(0.3) brightness(0.7);
    display: block;
}

/* HIDE: Crown on mobile */
@media (max-width: 1100px) {
    #header-extra-div-1 {
        display: none;
    }
}

#header h1 a span {
    margin-left: 0.65rem;
}

#header h1 a::before {
    width: calc(var(--base-header-height) * 0.65);
    min-width: calc(var(--base-header-height) * 0.70);
}

#header h1 a span {
    text-align: center;
    display: inline-block;
    width: max-content;
    min-width: max-content;
    height: unset;
}

#header h1 a span::before,
#header h1 a span::after {
    display: block;
    white-space: nowrap;
    width: max-content;
    margin: 0 auto;
}

#header h1 a span::before {
    content: var(--title);
    font-size: var(--title-size);
    font-weight: bold;
    line-height: 1.1;
}

#header h1 a span::after {
    content: var(--subtitle);
    font-size: var(--subtitle-size);
    font-weight: 900;
    line-height: 1;
    margin-bottom: 0px;
}

/* TOPBAR */

#top-bar div[class*=top-bar]>ul>li>a {
    padding: 0 calc(var(--header-UI-font-size) * 2.5);
}

#top-bar div[class*=top-bar] ul li ul li a {
    background: rgb(var(--basalt-UI-dark-palette), var(--basalt-UI-opacity));
}


#top-bar div[class*=top-bar] > ul > li {
    margin: 0rem 0rem;
    white-space: nowrap;
}

#top-bar div[class*=top-bar] > ul > li > a {
    transition: background-color 0.15s ease;
    padding: 0 calc(var(--header-UI-font-size) * 2.5);
}

#top-bar div[class*=top-bar] > ul > li:first-child {
    margin-left: 0;
}

#top-bar div[class*=top-bar] > ul > li:last-child {
    margin-right: 0;
}

/* LOGIN STATUS */
#login-status span.printuser>a {
    padding: min(calc(var(--base-header-height) * .175), 0.325rem);
}

/* BODY */
body {
    color: rgb(var(--basalt-secondary-color));
    background-image: url(http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/nor_pate_white_v2_redux.png);

/* BLOCKQUOTES */

.blockquote hr {
    background-color: rgb(var(--basalt-primary-color));
}

/* TABLES */
table th,
table tr:first-child td {
    border: 0.15rem solid rgb(var(--basalt-secondary-color));
}

/* TABS */
.yui-navset.yui-navset-top {
    border: 1px solid rgb(var(--basalt-secondary-color));
}

:is(:where(#page-content) table:not(.form),table.wiki-content-table) td {
   border: solid 0.15rem rgb(var(--basalt-UI-dark-palette));
}

/* PAGE TITLE */
#page-title, .meta-title {
    color: rgba(var(--basalt-secondary-color));
    font-size: xxx-large;
}

/* HOVERTIPS COLORING */
.bibitems, .footnotes-footer, .hovertip {
    color: rgb(var(--basalt-primary-color));
}

/* EDIT AREA */
#edit-page-textarea, #np-text {
    color: rgb(var(--basalt-secondary-color));
}

/* BIBLITEMS */
.bibitems .title, .footnotes-footer .title {
    background-color: rgb(var(--basalt-secondary-color));
}

.bibitems::before, .footnotes-footer::before {
    background-color: rgb(var(--basalt-secondary-color));
}

/* USER PROFILE WINDOW */
.owindow .title {
    opacity: 80%;
    color: rgb(var(--basalt-secondary-color));
}


/* SCROLL */
* {
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--scrollbar-thumb-color)) rgb(89 89 89);
}

/* PAGE TAGS */
#main-content>.page-tags>span a {
    color: rgb(var(--basalt-primary-color));
}

/* TEXT AREA */
input[type=text], textarea {
    color: rgb(var(--basalt-secondary-color));
}

/* ACTION AREA (FILE UPLOAD) */
#action-area input.text, textarea#file-comments {
    color: rgba(var(--basalt-primary-color));
}

/* PREVIEW MESSAGE */
.preview-message {
    background-color: rgba(var(--basalt-primary-color));
}

/* DOCUMENT DIVS */
div.document {
    box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
    background-image: url(http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/nor_pate_white_v2_redux.png);
}

div.document::before {
    box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
}

div.document::before {
    box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
}
div:is(.document)::before, div:is(.document)::after {
    background-image: url(http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/nor_pate_white_v2_redux.png);
}

#page-content div:is(.document, .darkdocument) {
    max-width: 60rem;
}

div.darkdocument {
    background-color: rgb(var(--darkdocument-background-color), 0.25);
    box-shadow: 0px 1px 1.9px -4px rgb(150 150 159 / 75%), 0px 6px 15px -4px rgb(0 0 0 / 76%);
    background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/inv_pate_black_v2_redux.png');
}

div:is(.darkdocument)::before, div:is(.darkdocument)::after {
    background-color: rgb(var(--darkdocument-background-color));
    opacity: 90%;
    background-image: url('http://scpdsandbox.wikidot.com/local--files/nostalgia-theme/inv_pate_black_v2_redux.png');
}

/* HIGHLIGHTER SPAN */
.shighlight {
    position: relative;
    background: linear-gradient(104deg,
        rgb(255 255 0 / 28%) 0.9%,
        rgba(255, 255, 0, 0.8) 2.4%,
        rgba(255, 255, 0, 0.5) 5.8%,
        rgb(255 255 0 / 52%) 93%,
        rgba(255, 255, 0, 0.7) 96%,
        rgb(255 255 0 / 29%) 98%);
    );
    border-radius: 1.2em 0.3em 0.8em 0.7em;
    padding: 0.1em 0.2em;
    background-size: 100% 60%;
    background-position: 0 40%;
    background-repeat: no-repeat;
    );
}

.shighlight::before {
    content: '';
    position: relative;
    top: -3px;
    left: -4px;
    bottom: -4px;
    background: rgba(255, 255, 0, 0.3);
    border-radius: 0.8em 0.3em 0.9em 0.4em;
    z-index: -1;
    transform: rotate(-0.5deg) skew(-1deg);
    clip-path: polygon(
        0% 10%, 15% 16%, 25% 12%, 35% 18%, 45% 14%,
        55% 10%, 65% 16%, 75% 12%, 85% 18%, 100% 14%,
        100% 90%, 85% 86%, 75% 92%, 65% 88%, 55% 94%,
        45% 90%, 35% 86%, 25% 92%, 15% 88%, 0% 92%
    );
}


.shighlight::after {
    content: '';
    position: relative;
    top: -2px;
    left: -2px;
    right: -4px;
    bottom: -3px;
    background: rgba(255, 255, 0, 0.15);
    border-radius: 0.6em 0.7em 0.5em 0.8em;
    z-index: -2;
    transform: rotate(0.3deg) skew(0.5deg);
    clip-path: polygon(
            0% 14%, 12% 10%, 24% 16%, 36% 12%, 48% 18%,
            60% 14%, 72% 10%, 84% 16%, 96% 12%, 100% 18%,
            100% 88%, 96% 92%, 84% 86%, 72% 94%, 60% 90%,
            48% 86%, 36% 92%, 24% 88%, 12% 94%, 0% 90%
        );
 }


.shighlight-orange {
    position: relative;
    background: linear-gradient(102deg,
    rgba(255, 165, 0, 0) 0.9%,
    rgba(255, 165, 0, 0.8) 2.4%,
    rgba(255, 165, 0, 0.5) 5.8%,
    rgba(255, 165, 0, 0.45) 93%,
    rgba(255, 165, 0, 0.7) 96%,
    rgba(255, 165, 0, 0) 98%)
       );
    border-radius: 1.2em 0.3em 0.8em 0.7em;
    padding: 0.1em 0.2em;
    background-size: 100% 60%;
    background-position: 0 40%;
    background-repeat: no-repeat;
        );
}

.shighlight-orange::before {
    content: '';
    position: relative;
    top: -2px;
    left: -3px;
    bottom: -2px;
    background: rgba(255, 165, 0, 0.3);
    border-radius: 0.7em 0.5em 0.8em 0.3em;
    z-index: -1;
    transform: rotate(0.4deg) skew(-0.8deg);
    clip-path: polygon(
        0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%,
        75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%,
        75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
    );
}

.shighlight-pink {
    position: relative;
    background: linear-gradient(106deg, rgba(255, 20, 147, 0) 0.9%, rgba(255, 20, 147, 0.6) 2.4%, rgba(255, 20, 147, 0.4) 5.8%, rgba(255, 20, 147, 0.1) 93%, rgba(255, 20, 147, 0.6) 96%, rgba(255, 20, 147, 0) 98%);
    border-radius: 1.2em 0.3em 0.8em 0.7em;
    padding: 0.1em 0.2em;
    background-size: 100% 60%;
    background-position: 0 40%;
    background-repeat: no-repeat;
}

.shighlight-pink::before {
    content: '';
    position: relative;
    top: -1px;
    left: -2px;
    bottom: -3px;
    background: rgba(255, 20, 147, 0.25);
    border-radius: 0.5em 0.9em 0.4em 1.1em;
    z-index: -1;
    transform: rotate(-0.3deg) skew(1deg);
    /* Pink subtle wavy background */
    clip-path: polygon(
        0% 12%, 20% 18%, 35% 14%, 50% 10%, 65% 16%,
        80% 12%, 100% 18%, 100% 90%, 80% 86%, 65% 92%,
        50% 88%, 35% 94%, 20% 90%, 0% 86%
    );
}

.shighlight-blue {
    position: relative;
    background: linear-gradient(102deg,
        rgba(0, 191, 255, 0) 0.9%,
        rgba(0, 191, 255, 0.8) 2.4%,
        rgba(0, 191, 255, 0.5) 5.8%,
        rgba(0, 191, 255, 0.1) 93%,
        rgba(0, 191, 255, 0.7) 96%,
        rgba(0, 191, 255, 0) 98%
    );
    border-radius: 1.2em 0.3em 0.8em 0.7em;
    padding: 0.1em 0.2em;
    background-size: 100% 60%;
    background-position: 0 40%;
    background-repeat: no-repeat;
}

.shighlight-blue::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -3px;
    right: -3px;
    bottom: -2px;
    background: rgba(0, 191, 255, 0.3);
    border-radius: 0.7em 0.5em 0.8em 0.3em;
    z-index: -1;
    transform: rotate(0.4deg) skew(-0.8deg);
    clip-path: polygon(
        0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%,
        75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%,
        75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
    );
}


/* STICKY NOTES */
#page-content div.stickynote {
   float: left;
   max-width: calc(var(--main-content-width) / 2.15);
   box-sizing: border-box;
   margin: 0.25rem 1.25rem;
   padding-inline: 1.2rem;
   padding-block: 0.5rem;
   font-size: 1.1525em;
   border-radius: 7px;
   position: relative;
   font-family: 'Permanent Marker', cursive;
   letter-spacing: 0.75px;
   box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.05);
   transform: rotate(-1deg);
   transition: transform 0.2s ease;
}

/* Hover effect for interactivity */
#page-content div.stickynote:hover {
    transform: rotate(0deg) scale(1.02);
    box-shadow:
        4px 4px 12px rgba(0, 0, 0, 0.25),
        inset 0 0 0 1px rgba(255, 255, 255, 0.5),
        inset 0 -3px 6px rgba(0, 0, 0, 0.08);
}

/* Position Controls */
#page-content div.stickynote.left {
    float: left;
    margin-left: clamp(calc(var(--main-content-width) / -4.5), calc((87.5vw - 95%) / -2), 0rem);
}

#page-content div.stickynote.right {
    float: right;
    clamp(calc(var(--main-content-width) / -100), calc((87.5vw - 95%) / -2), -2rem)
    margin-left: 1.25rem;
}

/* Tilt Controls */
#page-content div.stickynote.tilt-none {
    transform: rotate(0deg);
}

#page-content div.stickynote.tilt-light {
    transform: rotate(-0.5deg);
}

#page-content div.stickynote.tilt-medium {
    transform: rotate(-2deg);
}

#page-content div.stickynote.tilt-heavy {
    transform: rotate(-3deg);
}

#page-content div.stickynote.tilt-right-light {
    transform: rotate(0.5deg);
}

#page-content div.stickynote.tilt-right-medium {
    transform: rotate(2deg);
}

#page-content div.stickynote.tilt-right-heavy {
    transform: rotate(3deg);
}

#page-content div.stickynote.tilt-none:hover { transform: rotate(0deg) scale(1.02); }
#page-content div.stickynote.tilt-light:hover { transform: rotate(-0.5deg) scale(1.02); }
#page-content div.stickynote.tilt-normal:hover { transform: rotate(-1deg) scale(1.02); }
#page-content div.stickynote.tilt-medium:hover { transform: rotate(-2deg) scale(1.02); }
#page-content div.stickynote.tilt-heavy:hover { transform: rotate(-3deg) scale(1.02); }
#page-content div.stickynote.tilt-right-light:hover { transform: rotate(0.5deg) scale(1.02); }
#page-content div.stickynote.tilt-right-normal:hover { transform: rotate(1deg) scale(1.02); }
#page-content div.stickynote.tilt-right-medium:hover { transform: rotate(2deg) scale(1.02); }
#page-content div.stickynote.tilt-right-heavy:hover { transform: rotate(3deg) scale(1.02); }

#page-content div.stickynote.yellow {
    background-color: #ffeb3b;
    border: solid 0.12rem #f9c74f;
    color: #333;
}

#page-content div.stickynote.red {
    background-color: #ff5252;
    border: solid 0.12rem #e53935;
}

#page-content div.stickynote.blue {
    background-color: #42a5f5;
    border: solid 0.12rem #1976d2;
}

#page-content div.stickynote.green {
    background-color: #66bb6a;
    border: solid 0.12rem #388e3c;
}

#page-content div.stickynote.orange {
    background-color: #ff9800;
    border: solid 0.12rem #f57c00;
}

#page-content div.stickynote.pink {
    background-color: #fb85ad;
    border: solid 0.12rem #c2185b;
}

div.warning {
    width: 80%;
    margin: 0.625rem auto;
    padding: 0.9375rem;
    border: solid 0.125rem rgb(92, 149, 230);
    background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
    color: black;
    text-align: center;
}

div.warning hr {
    border-color: rgb(92, 149, 230);
}

[[/module]]

[[module CSS]]
/* This is CSS that will not be part of theme, just for the page itself */

/* SCP HEADER */
.scp-header {
    position: relative;
    width: 100%;
    height: 80px;
    margin: 0;
    padding: 10px 0;
}

.scp-header .scp-logo {
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.scp-header .scp-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.scp-header .scp-text-stack {
    position: absolute;
    left: 75px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    padding-left: 6px;
}

.scp-header .scp-text-stack p {
    line-height: 0;
}

.scp-header .scp-foundation {
    font-size: 14.7px;
    font-weight: 700;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 1;
    text-align: center;
}

.scp-header .scp-site {
    font-size: 33px;
    font-weight: 900;
    color: #333;
    margin: 2px 0 0 0;
    padding: 0;
    line-height: 1;
    text-align: center;
}

.scp-header .scp-classification {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 300px;
    padding-left: 18rem;
    text-align: right;
}

.scp-header .redacted-highlight {
    background: #000;
    color: white;
    padding: 3px 6px;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.3;
}

/* SCP File Table - Desktop */
.scp-file-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0px 0px 8px 0px;
    font-size: 18px;
}

.scp-file-table td {
    padding: 0px 0px 4px 0px;
    border: none;
}

.scp-file-table .left-cell {
    text-align: left;
    font-weight: normal;
    width: 50%;
}

.scp-file-table .right-cell {
    text-align: right;
    font-weight: 800;
    width: 50%;
}

.scp-file-table .clearance-cell {
    background: rgb(255, 18, 29);
    color: rgb(var(--basalt-secondary-color));
    text-align: center;
    padding: 4px;
    font-weight: bold;
    font-size: 21px;
    letter-spacing: 2px;
}

/* Tablet and smaller laptops - 800px and below */
@media screen and (max-width: 800px) {
    .scp-header .scp-classification {
        position: static;
        padding-left: 0;
        text-align: left;
        max-width: none;
        margin-top: 15px;
        transform: none;
    }
    
    .scp-header {
        height: auto;
        min-height: 120px;
        padding: 15px 0 25px 0;
    }
    
    .scp-file-table {
        font-size: 16px;
    }
    
    .scp-file-table .clearance-cell {
        font-size: 18px;
        padding: 6px;
    }
}

/* Mobile Tablets - 768px and below */
@media screen and (max-width: 768px) {
    .scp-header {
        height: auto;
        min-height: 140px;
        padding: 15px 0 30px 0;
    }
    
    .scp-header .scp-logo {
        left: 0;
        width: 70px;
        height: 70px;
    }
    
    .scp-header .scp-text-stack {
        left: 80px;
        padding-left: 0;
    }
    
    .scp-header .scp-foundation {
        font-size: 13px;
        text-align: left;
    }
    
    .scp-header .scp-site {
        font-size: 29px;
        text-align: left;
    }
    
    .scp-header .scp-classification {
        position: static;
        margin-top: 20px;
        padding-left: 0;
        text-align: left;
    }
    
    .scp-header .redacted-highlight {
        font-size: 12px;
        padding: 4px 6px;
        line-height: 1.4;
    }
    
    .scp-file-table {
        font-size: 15px;
    }
    
    .scp-file-table td {
        padding: 2px 0 6px 0;
    }
    
    .scp-file-table .clearance-cell {
        font-size: 16px;
        padding: 8px 4px;
        letter-spacing: 1px;
    }
}

/* Large phones - 600px and below */
@media screen and (max-width: 600px) {
    .scp-header {
        min-height: 160px;
        padding: 10px 0 35px 0;
    }
    
    .scp-header .scp-logo {
        width: 60px;
        height: 60px;
    }
    
    .scp-header .scp-text-stack {
        left: 70px;
    }
    
    .scp-header .scp-foundation {
        font-size: 12px;
    }
    
    .scp-header .scp-site {
        font-size: 26px;
    }
    
    .scp-header .redacted-highlight {
        font-size: 11px;
        padding: 3px 5px;
    }
    
    .scp-file-table {
        font-size: 14px;
    }
    
    .scp-file-table .clearance-cell {
        font-size: 15px;
        padding: 8px 2px;
        letter-spacing: 0.5px;
    }
}

/* Small phones - 480px and below */
@media screen and (max-width: 480px) {
    .scp-header {
        min-height: 180px;
        padding: 10px 0 40px 0;
    }
    
    .scp-header .scp-logo {
        width: 50px;
        height: 50px;
    }
    
    .scp-header .scp-text-stack {
        left: 60px;
    }
    
    .scp-header .scp-foundation {
        font-size: 11px;
    }
    
    .scp-header .scp-site {
        font-size: 22px;
    }
    
    .scp-header .redacted-highlight {
        font-size: 10px;
        padding: 3px 4px;
        line-height: 1.5;
    }
    
    .scp-file-table {
        font-size: 13px;
        margin-bottom: 12px;
    }
    
    .scp-file-table td {
        padding: 3px 0 8px 0;
    }
    
    .scp-file-table .left-cell,
    .scp-file-table .right-cell {
        width: 50%;
        word-wrap: break-word;
    }
    
    .scp-file-table .clearance-cell {
        font-size: 14px;
        padding: 10px 2px;
        letter-spacing: 0.5px;
        line-height: 1.2;
    }
}

/* Very small phones - 360px and below */
@media screen and (max-width: 360px) {
    .scp-header {
        min-height: 200px;
        padding: 8px 0 45px 0;
    }
    
    .scp-header .scp-logo {
        width: 45px;
        height: 45px;
    }
    
    .scp-header .scp-text-stack {
        left: 55px;
    }
    
    .scp-header .scp-foundation {
        font-size: 10px;
    }
    
    .scp-header .scp-site {
        font-size: 20px;
    }
    
    .scp-header .redacted-highlight {
        font-size: 9px;
        padding: 2px 3px;
    }
    
    .scp-file-table {
        font-size: 12px;
    }
    
    .scp-file-table .clearance-cell {
        font-size: 13px;
        padding: 12px 2px;
        word-wrap: break-word;
        hyphens: auto;
    }
}
[[/module]]


[[module css]]
.danke {
    padding: 5px;
    margin-bottom:10px;
    font-family: monospace;
    font-size: 1.1em; 
}

.agent {
    background-color:#002200;
    border: 3px solid #55AA55;
    color: #77CC77;
}
[[/module]]
[[>]]
[[module Rate]]
[[/>]]

[[div class="blockquote"]]
**STEP ███/███:** 
Finish relay.”
[[/div]]
[[<]]
She was she was and I am.

    Leaves and twigs and dead things crack and snap and splinter under me. They break and split and stab but I bury them long before they can hurt me. 
    
There is no wind, but the air howls when I run. There is no sound, but the ground whimpers when I stalk. There is no light, but I see everything, everything, EVERYTHING lurking in the dark.  

    I can feel them. They’re close. They’re loud. 
    
    Every sense I have, every limb I operate, every tendon and muscle and bone jubilates in unison, singing to me. Like it’s the first time. Like I’ve never done it before.
    
    It’s all so legible. It’s all so together. I can see my thoughts in front of me, like webbed nodes, leading each other, one to the other to the other to the other. Once, my thoughts were hidden deep inside an ever-heavier head, pumped with whirring and awful noise, but no longer. Now they speak to me in soothing tones, in lilting sing-song tongues. It all makes sense. It all makes sense. It all makes sense. 
    
    She was she was and I am. 
    
    Shouting that way! I dash, and monoliths of wood can’t stop me. Footsteps! I double back, and jagged rocks on the ground, hungry for blood, can’t pierce me. A scent! A gorgeous, wonderful, exquisite scent. Beloved interloper of the forest, intruder among the pines, monsters, I CAN FEEL YOU.
    
    Something wriggles inside of me. It’s them, the little selves I collect, squirming like butterflies. Which one? The frightened soldiers, who held her captive? The invaders, horrified, who’d been too MUDDLED to stay away?
    
    The commander. The Sergeant. I can feel my blood warming at the thought of him. He makes sense right now. I can taste their fear, those two lonely boys hiding from me in the woods… they’re too far to make out everything, but I can tell. They’re invaders. They came with the commander, with those white-robed cowards, storming around in their trucks. They’ll listen to his voice. 
    
    Voice. Someone once tried to take away my voice. But they gave me hundreds instead. 
    
    I speak, I howl, I sing [https://scp-wiki.wikidot.com/scp-939 with many, many, many voices.] 
    
    One thought leads to another leads to another leads to another. I don’t even have to keep track of it anymore.
    
    His voice flows out of me, righteous, authoritative. 
    
    “Soldiers!” Listen. “Patrol ended!” Yes. “Regroup.” Keep close to each other. “Come together!” 

Don’t move.
    
    I have to be careful when I speak in my other voices. It is delicate. I know this, but when I run, the world turns to a blur, and my heart beats so fast, and my bones vibrate, and my muscles burst with power, and I am no longer delicate.
    
    I remember being very delicate indeed. Conversely, I remember being frightened. 
    
    I remember white rooms, and having a throat of one voice. The world was clear as glass but my thoughts were a blur, rushing around in whirlwinds, sinking into my skin, making me tremble. 
    
    I wanted, I craved, I pleaded. I could not hunt for what I wanted, because I could not hold it. I could not savor what I had, because I could not eat it. And the three people I wanted most in the world, the three voices I prayed to in my solitude. They did not speak back to me, and they did not hear me. They were very far away.
    
    All was silence and blinding lights. White coats and thrashing monsters. 
    
    They all thought I had forgotten. It made them feel safer. They had to imagine I was not the same, they had to focus on my blistering red skin, my jagged spine, my jaw…
    
    They gave me names I didn’t like.
    
    They gave me a number. 
    
    I heard…
    
    But I know my number. I know my name. I remember everything.
    
    She was she was and I am. 
    
    Today is my triumph. Nothing has stopped me today. I have wounds and I hurt, but I have more voices, so many more voices, and that is a happy thought. When I turn inwards, I can feel them all dancing within me, living with me, excited to come out. I would smile at them if I could — but they are buried down deep and I am not.
    
    “We won!” the Sergeant says, coming out of my jaws, through my bloodsoaked teeth. “Homebound. Get in! We’re going.” 
    
This place has been a blessing. I don’t quite know what happened, or why I was called here; I simply followed the things I felt. My body is stronger than I am now. When it guides me, I listen, instead of locking myself into my own head in a scramble for answers. Yes… A consequence of power, I think, is accepting some sporadic uncertainty. 	

Something has changed. Unrelated to me, but close to me, brushing against my soul. I felt it in the Earth. I felt it everywhere and in everything — a great tremor in the Universe, something that should not have happened. And now, panic. Panic. Panic. Fear for everyone, fear for the little gods in their little metal houses and their white coats. And in the meantime, here I am, swimming in their panic.

Swimming…

    I am close to them now. The two I hunt. The little soldiers in the woods. 
    
    I feel them.
    
Their breathing is heavy. Their pores call out to me. 

They are more careful than others have been. Perhaps they don’t care for the Sergeant? Still, I let him speak through me a few more times, prodding them. But I don’t hear movement. 

    I slow down.
    
    Close to the ground I crouch, and then advance, my claws gliding under the leaves noiselessly.
    
    I can see them now. A man stands, metal death-bringer in hand, pointed near where I hide… a ways behind him, another, hands shaking. Two. Similar height. Similar eyes. Similar scent…
    
    Scent…
    
    The soldier closest to me sweeps the trees with his scope. He passes over me several times, but I do not blame him for his inattention. There are worse failings to have. 
    
    Their scent…
    
    I recognize it.
    
    I recognize it. 
    
    Strangers they are not, but brothers. And only one of them is a soldier. He is aiming at me.
    
I wonder: would he aim at me if he knew my names?

I could speak to him. My eldest voice is one I have not used in a long time. It would be a joy. 

The brother, standing some distance behind him… his sorrow, I can smell. Layers of fear dilute it, but it is there.

The brothers. We were four once. The soldier and I, and his brother and… and my sister. Charlie. Charlie. Charlie.

The brothers whose voices I wished for, those long eons in darkness. 

The soldier… Once, in a muddled mind and among blurred thoughts, he stood sharp and clear against the chaos. 

And now they both remind me of her. Dear, sweet sister. Charlie… 

How I would love to speak in your voice. 

I will take you with me, out of mourning, out of pain. I will look inwards and find you dancing in peace. You look for me, but you think of my skin, and my hair, and my hands. Think instead of my eyes. Think instead of my smile. Think instead of my voice. 

She was, she was, but only I am. 
[[/<]]
@@ @@
-----
[[=]]
+ ONE MORE PART OF IT ALL
[[/=]]
[[div class="blockquote"]]
**STEP ███/███:** 
Report success.
[[/div]]
[[<]]
“Mark,” Philip whispered. “What’s happening?”

Still nothing. He saw nothing.

His eyes told him to calm down. His mind urged him to continue towards the truck. His bones rattled, begging him to squeeze the trigger and blindly sweep over the forest. But somehow, he stood still. 

    “Mark,” Philip said again.
    
    “Shush.”
    
    The bushes moved again. He swiveled, tracking the movement, better this time. He still couldn’t see the thing dashing around them. But bullets might find it.
    
    “A boar?” Philip asked. But from his voice, Mark could tell he didn’t believe that. Just like he didn’t believe it either. 
    
    The world is made of patterns. If you’ve seen something a dozen times before, and you know steps one through ten, then odds are when you see steps one, two, and three, you can see step four coming. That had kept Mark alive. That had kept Mark moving forwards. That had kept Mark sane, no matter where he was. The Chaos Insurgency had begun to break from those rules in odd, little ways. Their patterns were not right. They were too perfect, or too random. 
    
    But randomness is rarer than people say. If something looks random, it may just be part of a larger pattern that they don’t yet understand. 
    
    That knowledge electrified Philip; recognizing patterns was euphoria to him. But to Mark, recognizing patterns was breathing. Not in the sense that he was particularly talented at doing so, but because he was always afflicted with a silent, assassin anxiety that whispered that if he ever stopped, he would choke, collapse, and die. 
    
 The Chaos Insurgency was the very first part of a pattern he’d never seen before. A very, very large pattern, hooded in the Earth, hiding from everything. The other parts of it were locked away behind metal walls and lab coats. 

But Mark knew of one more thing. All the soldiers of the CI knew of one more part of it all — the light above the anglerfish. 

Philip wavered next to him a little. “Fuck, Mark…” He’d figured it out too, it seemed. “It’s  one of them.”

The dead leaves on the floor rattled again, and Mark imagined claws like scythes raking them. Bushes trembled in the still night and Mark imagined a face overflowing with eyes, staring at him. Movement again, to the right, and  Mark —

— pulled the fucking trigger. 

The quiet and black night came alive. Philip’s hands flew to his ears in shock. For a moment, in the lightning-like light of the rifle, Mark could see his brother’s face clear as day, scrunched up in fear. 

The bullets ripped into the trees in front of them, tearing into bark. Mark strained to see what they hit. He thought he saw something, a dark shape, momentarily slowed, but the next instant it was gone.

“F… fuck, man,” Philip groaned. 

Mark glanced at him. “Next time, shoot with me.”

“What? I… I can barely aim.”

“Phil,” Mark said. “I trust you. Shoot with me.”

His brother raised his weapon, and waited.

Movement. Mark traced it with his gun, but didn’t fire. It was testing him, he knew. His ammo was limited. He couldn’t just empty rounds into the empty darkness over and over. He had to wait. Wait until it came closer. 

Philip shook, but followed his movements. Mark wanted to glance at him. But he couldn’t. He had to stay — 

Sound. Something was —

Bullets erupted from Mark’s rifle, and then Philip’s, burrowing into a thing. In the brief moments the bullets lit it up, Mark gasped.

A claw on a tree, pulling it forwards. Flesh so red, it looked like the forest was bleeding. Eyes fixed, fixed, unmoving, on them. 

The bullets… it didn’t… it wasn’t… it felt nothing, nothing, it just… continued —

But when the dust settled, it had vanished again.

Mark glanced at Philip.

His brother didn’t even move. He just stood, feet planted, saying nothing. He looked at Mark for a split second, and his mouth shook itself open.

    “Shots fired!” The Sergeant’s voice again. “Shots fired!”
    
    Philip stumbled backwards. So did Mark.
    
    And then, another voice came out of the trees.
    
    But it wasn’t the Sergeant’s.
    
    “Mark?” it whispered.
    
    Mark froze.
    
    Philip glanced around wildly. “Is that —”
    
    “Mark,” it said. “Is that you?”
    
    Mark didn’t move. Didn’t speak. 
    
    “I need your help, Mark.” The voice slithered around him, directionless. “I need you to say something, Mark. I need you to speak to me, Mark.”
    
    “No,” Mark breathed. 
    
    “You’re so tired, Mark. You used to tell me all about it. You used to like being carried, but you lied. Do you remember? Do you remember?” The voice grew hushed. “Do you remember?”
    
    Despite everything, Mark’s rifle wavered, shaking, lowering ever so slightly. 
    
    “What are you?” Mark whispered. 
    
    “I am,” it said.
    
    “It’s not her,” Philip said.
    
    Mark didn’t answer. The encroaching familiarity, the voice, he was tired.
    
    Its eyes flashed in his mind.
    
    Mark raised his rifle again.
    
    “Do you remember?” it asked again.
    
    “Mark,” Philip said. “We have to go.”
    
    “Phil,” the voice said suddenly. “Phil?”
    
    Philip closed his eyes. “We have to go.”
    
    “Where’s Charlie?” the voice asked. “Where’s Charlie? Where’s Charlie? I miss her. She misses me.”
    
    “I don’t know,” Philip mumbled. “I lost her.”
    
    “I’ll find her,” the voice said happily? “I’ll find her. Very soon. Then we can go. We can go, all four of us, we can go.”
    
    The voice was off, just like the Sergeant’s had been. 
    
    “Harper?” Mark asked.
    
    The forest stood still. Then wind blew across his face, and the trees recoiled, and dead leaves curled around his legs. 
    
    “You remember,” the voice said.
    
    A streak of red lashed out from the woods. 
    
Mark tried to aim, but his guard was down and he was too late. His leg was split open with pain and he collapsed.

Behind him, Philip screamed.

Mark twisted in the ground, seeing his leg — his mangled, twisted, horrible leg, shred apart in moments — and tried to raise his rifle. But it slipped out of his hands.

Philip’s headless body collapsed in front of him. 

The impact with the ground caused blood to spurt from his neck into Mark’s face. He didn’t even make for his rifle.

The creature, blocking out the night sky, crouched over him, soundless.

[[/<]]
@@ @@
-----
[[=]]
+ EPILOGUE
[[/=]]
[[<]]
Very far away from those woods, a clock ticked.

    She stared at it. Without its incessant clicking, it’d be hard to tell that any time had passed at all.
    
    “Thank you, Charlie.” Looking up, the interrogator smiled softly at her. “That will be all for now. I need to convene with my associates before I ask any more questions. Would you like some water? Or perhaps something to eat?”
    
    “No.” Charlie didn’t meet his eyes. Arms still crossed, she stared at the table between them, blinking. “No. After all this, I’m just… I’m tired.”
    
    “I understand,” he said. Standing up, he collected his clipboard, and his mug. 
    
    Charlie’s eyes turned upwards at him as he left. “I can leave?”
    
    “Of course.”
    
    Charlie nodded slowly.
    
    The doctor turned away, and he was moments before exiting the room. But he paused for a moment, eyes on his clipboard. He flipped a page, then flipped it back. His hand fell to the inside of his lab coat, and something clicked.
    
    “I do have a final question,” the doctor said, “if you don’t mind.”
    
    Charlie stared up at him. “About Harper?”
    
    “In a manner of speaking.” Dr. Olson sat back down, placing his clipboard before him, and taking a sip from his mug. “There’s been a recent development.”
    
    “With Harper.”
    
    He ignored her. “I assume you’re familiar with the Chaos Insurgency, yes?”
    
Charlie shrugged. “I don’t have files on them or anything.”

“But you know them.”

“I know of them.” She pointed through the one-way glass behind him. “I know you don’t like each other very much.”

“The relationship is more one-sided than that,” Olson said. “But very well. And?”

“And they raid you,” Charlie said. “They shoot you, you shoot them back. That sort of thing.”

    “And?”
    
    “And what about them?”
    
    Dr. Olson tapped his pen to his clipboard absent-mindedly, then continued. “One such raid was performed on a Foundation facility, some time ago. As you so succinctly put it, they shot us, and we shot them back.”
    
    “Well done.”
    
    “It seemed,” he said, “that the Insurgency placed some importance on you, during that raid.”

    Charlie coughed. “What?”
    
    “Apparently.”
    
    “I’m… not sure why they would.”
    
    “You haven’t been in contact with any Insurgency agents in recent memory?”
    
    “No.”
    
    “Have you noticed being surveilled in any way by the Insurgency?”
    
    “No. Not by the Insurgency.”
    
    “Not the Insurgency?”
    
    “With respect,” she said, “It’s not the Insurgency that snatched me up, put me in a box, and interrogated me.”
    
    “You went after us, Miss Callin.”
    
    “And you’re telling me you let me do that unsupervised?” Charlie made a tsk sound, shaking her head.
    
    He ignored her. “Have you any object or piece of knowledge that might have drawn the Insurgency’s ire? Aside from your relationship with your sister?”
    
    “Not to my knowledge.”
    
    “Can you think of anything?”
    
    “No. And please don’t go poking around in my head to make sure.”
    
    "We're not wizards, Miss Callin.”
    
    She shrugged. 
    
    “Well, these were all long shots,” Dr. Olson said, flipping another page. “Intel suggests this was the isolated work of a few agents. Does the name Mark Shane mean anything to you?”
    
    She looked up, quicker than she meant to. 
    
    “Mark Shane?” she asked.
    
    “Yes. Or Philip…” 
    
    “They’re brothers,” she mumbled.
    
    “Yes, that’s it.” Dr Olson smiled. “Who are they to you?”
    
    “Friends,” she said. “What were they doing there? They joined the Insurgency?”
    
    “I’m afraid I have no answer for you,” Dr. Olson said, writing. He looked up. “You think it’s credible that these were just two isolated individuals looking for you?”
    
    Fucking idiots, she thought to herself. Idiots, idiots, idiots. “Yeah.”
    
    Dr Olson nodded again. “I think I agree. We have reason to believe the Insurgency had far more important reasons to raid that facility.”
    
    Charlie didn’t answer. Philip might’ve, that stupid bastard, she thought. But Mark? Mark was supposed to keep Philip safe. What the hell was going through his head?
    
    “Miss Callin. I’m going to ask you one more question. I apologize for being so insistent, but this facility that the Insurgency raided is of… considerable importance to the Foundation. I need your absolute word that what you say to me is true and accurate, so I can exonerate you of any involvement. Understood?”
    
    She nodded, staring blankly ahead. 
    
    “When I say the words ‘Site 19,’” Dr. Olson said very, very slowly, “does that mean anything to you?”
    
    Charlie met his gaze. “No.”
    
    “Nothing at all?”
    
    “No, doctor.”
    
    Dr. Olson nodded, and finally closed his clipboard. “Good. Very well. If you need anything from us, Mr. Grames will be happy to assist you.”
    
    He started to get up.
    
    “Doctor,” Charlie said, watching him. “Mark and Philip. Where are they now? Are they alive?” She paused, then added, “I know you… you can’t really say much. But — please.”
    
    Dr. Olson paused for a little while. “We lost track of them during the assault. Neither of their bodies were recovered, so they may still be...”
    
    A breath of relief escaped her. “They’re alive?”
    
    The doctor pursed his lips. “Certainly, certainly. I see no reason… why they wouldn’t be.” He smiled at her. “Have a nice day, Miss Callin.”
    
    The door closed.
    
    So Mark and Philip had come after her. Despite everything, the thought did warm her up a little bit. She just had to find them, get them out of the Insurgency. They had no idea what they had just joined. 
    
    Harper was somewhere out there, too. She’d been close, right before the Foundation had picked her up. Charlie had to stay close to them. If she had any chance of finding her way into this world, it was here, and it was now. 
    
    She played the interrogation over in her head. What she did know about the Foundation is that their secrets tended to all fit into each other, locking together like puzzle pieces. And the more of the picture she had, the easier it would be to find her way around. 
    
    Harper, Mark and Philip, the Insurgency, the Foundation, and little old Charlie Callin. All related to one raid. 
    
    Maybe that was the place to start. She could figure out where to go from there later. Right now she just needed a general direction, a goal, something concrete. A mystery.
    
    So then, she thought to herself, tapping the table. What’s Site-19?
    
    Absent-mindedly, she grabbed her cup and took a sip. 
    
    She rubbed her forehead for a moment. The room felt more sterile by the minute, the cold white light above her needling into her skin, the metal chair stabbing at her shoulder blades. Leaning back, she sighed, and she still wanted to prod at the Foundation, but honestly, right now? Right now she actually just wanted to go home. She didn’t even —
    
    That’s when she suddenly looked up, and blinked. 
    
    She shielded her eyes from the blinding white light on the ceiling, and glanced around, frantic. Nothing in the room had changed, but she examined it anyway. She twisted in her chair and looked under the table, she shifted uncomfortably in her seat, she peered down at the contents of her cup. A clock ticked. She stared at it. She narrowed her eyes at the suspiciously troubled mirror, embedded into the back wall of the room.
    
    From the other side of it, Olson clicked his tongue and pressed a button. “Good?”
    
    Another voice popped in, muffled by static. “Good.”
    
    Something in his stomach tugged at him a little, but Olson rolled his shoulders, picked up his clipboard, and walked back into the room.
    
    The girl at the table jumped slightly at seeing him enter. He smiled at her.
    
    “Miss Callin, right?”
    
    She nodded slowly.
    
    “I’m Doctor Olson, of the SCP Foundation. Have you ever heard of us?”
    
She shook her head.

“I see.” He took a quick note, then looked back up at her, his gaze warm. “You’ve been through a traumatic event, Charlie. We’re here to help.”
[[/<]]
@@ @@
@@ @@

[[include :scp-wiki:component:earthworm
| previous-url = https://scp-wiki.wikidot.com/pointtwo3
| previous-title = Walk Ten Paces and Die
| next-url = /
| hub-url = https://scp-wiki.wikidot.com/pointtwo
| hub-title = Point Two
]]
[[include :scp-wiki:component:license-box]]
> **Filename:** inv_pate_black_v2_redux.png, nor_pate_white_v2_redux.png, and primary_shcr_white.png
> **Author:** [[*user AnAnomalousWriter]]
> **License:** Creative Commons Share-Alike 3.0
[[include :scp-wiki:component:license-box-end]]