Spiral the Drain
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
 
     #top-bar .close-menu {
        margin-left: 19.75em;
        opacity: 0;
    }
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
}
 
@supports selector(:focus-within) {
 
@media (min-width: 768px) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
        z-index: -1;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
}
 
}
/*
    Penumbra Theme
    [2020 Wikidot Theme]
    By EstrellaYoshte
    Based on:
       Paperstack Theme by EstrellaYoshte
       Ad Astra Theme by NatVoltaic and stormbreath
       Inkblot Theme by Croquembouche
       Anderson Robotics Theme by Croquembouche
       BHL Style Collapsible by Monkatraz
*/
 
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
 
#page-content { font-size: .9rem; }
 
body {
    font-family: 'Roboto', sans-serif;
    color: #EDEDED;
    background-color: #2F333C;
    background-image: linear-gradient(
        to bottom, 
        #21252E, #21252E 90px, 
        #21252E 90px, #2F333C 200px, 
        #2F333C 200px, #2F333C 100%);
    background-repeat: no-repeat;
}
 
#main-content {
    top: -1.2rem;
}
 
/* ---- SCROLLBAR ---- */
 
::-webkit-scrollbar {
  width: 9px;
  background: transparent;
}
 
::-webkit-scrollbar-track {
  background: #21252E;
}
 
::-webkit-scrollbar-thumb {
  background: #ededed;
  border: none;
}
 
::-webkit-scrollbar-thumb:hover {
  background: var(--accentColor);
}
 
:root {
    scrollbar-color: var(--accentColor) #21252E;
    scrollbar-width: thin; 
}
 
/* ---- HEADER ---- */
 
div#container-wrap {
     background-image: none;
}
div#header {
    background-image: none;
}
 
div#extra-div-1 {
    height: 164px;
    width: 100%;
    top: 0;
    position: absolute;
    background: var(--lgurl);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: -1;
}
 
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
/* Move the subtitle down a smidge */
#header h2 { margin-top: 0.45rem; }
/* Hide the existing text */
#header h1 span, #header h2 span { font-size: 0; display: none; }
/* Style the new text */
#header h1 a::before, #header h2::before {
  color: var(--accentColor);
  font-family: 'Josefin Sans', sans-serif;
  text-shadow: none;
}
/* Set the new text's content from variable */
#header h1 a::before {
  content: var(--header-title, "SCP FOUNDATION");
  font-weight: 300;
  font-size: 1.3em;
}
#header h2::before {
  content: var(--header-subtitle, "SECURE - CONTAIN - PROTECT");
  font-weight: 600;
  font-size: 1.22em;
}
 
#login-status {
    color: #ededed;
}
#login-status a {
    color: var(--accentColor);
}
#login-status ul a {
    color: #ededed;
    background: #21252E;
}
#login-status ul a:hover {
    color: var(--accentColor);
}
 
#account-topbutton{
    border: solid 1px var(--accentColor);
}
 
#footer, #footer a {
    background: transparent;
    color: #ededed;
}
#license-area {
     color: #ededed;
}
 
#search-top-box {
    top: 2.2rem!important;
    right: 8px;
}
#search-top-box-form > input[type=submit] {
    border: solid 1px #ededed;
    background: #21252E!important;
    box-shadow: none;
    border-radius: 0;
    color: #ededed;
    transition: color 0.15s linear;
}
#search-top-box-form input[type=submit]:hover {
    border: solid 1px var(--accentColor);
    box-shadow: none;
    color: var(--accentColor);
}
#search-top-box-form > input[type=text] { display: none; }
 
/* ---- TOP BAR ---- */
 
#top-bar { 
     top: 8.4rem;
     display: flex;
     justify-content: center;
     right: 0;
}
@media (max-width: 768px) {
    .mobile-top-bar {
         display: flex;
         justify-content: center;
         max-width: 100%;
         width: 100%;
         left: 0;
    }
}
#top-bar, #top-bar a {
     color: #ededed;
     transition: color 0s;
}
#top-bar ul li ul {
    border-color: var(--accentColor);
    overflow: hidden;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
   border-top-color: #2F333C;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #21252E;
    color: #ededed;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #21252E; /* top bar hover background color */
    color: var(--accentColor);
    transition: color 0.1s linear;
}
 
/* ---- SIDE BAR ---- */
 
div#side-bar{
    background: #21252E;
    clear: both;
    padding: .8em;
    border-radius: 0;
    box-shadow: none;
    overflow-x: hidden;
}
 
#side-bar .heading{
    color: #ededed;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.94rem;
    border-bottom: solid 1px #ededed;
}
#side-bar .side-block {
    border: transparent;
    border-radius: 0;
    box-shadow: none;
    background-color: #21252E;
}
#side-bar .side-block.media {
    background-color:#21252E;
}
#side-bar .side-block.media > * {
    display: flex;
    justify-content: space-evenly;
}
#side-bar .side-block.resources {
    background-color:#21252E;
}
.side-block .menu-item > .image {
    display: none;
}
 
#top-bar div.open-menu a {
    border-radius: 0;
    box-shadow: none;
    color: var(--accentColor);
    background-color: #21252E;
    border: solid 1px #21252E;
}
 
@media (max-width: 767px) {
    #main-content {
        padding: 0;
        margin: 0 5%;
        border-left: none;
    }
    #page-title {
        margin-top: 0.7em;
    }
    #side-bar {
        background-color: #21252E;
        left: -18.6em;
    }
    #side-bar:target {
        border: none;
        box-shadow: none;
    }
    #side-bar .close-menu {
        transition: width 0.5s ease-in-out 0.1s,
                    opacity 1s ease-in-out 0s;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: rgba(0,0,0,0.3);
        background-position: 18.6em 50%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
    #side-bar:target .close-menu {
        width: calc(100% - 18.6em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
    #side-bar:target .close-menu:hover {
        background: unset;
    }
    #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
        margin: 3em -5.5%;
    }
    #side-bar {
        top: 0;
    }
    #side-bar .heading {
        padding-left: 1em;
        margin-left: -1em;
    }
    #search-top-box {
        top: 107px;
    }
}
 
/* ---- TABS ---- */
 
/* ---- YUI TAB BASE ---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
 
/* ---- YUI TAB CUSTOMIZATION ----*/
 
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav{
     display: flex;
     flex-wrap: wrap;
     width: calc(100% - .125rem);
     margin: 0 auto;
     border-color: var(--accentColor);
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: #ededed;
     font-weight: bold;
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: #21252E;
     border: unset;
     box-shadow: none;
     box-shadow: none;
     transition: background-color 0.15s linear;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #ededed;
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: var(--accentColor);
}
 .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav li{
     position: relative;
     display: flex;
     flex-grow: 2;
     max-width: 100%;
     margin: 0;
     padding: 0;
     color: #ededed;
     background-color: #21252E;
     border-color: transparent;
     box-shadow: none;
}
 .yui-navset .yui-nav li a,
 .yui-navset-top .yui-nav li a,
 .yui-navset-bottom .yui-nav li a{
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
 .yui-navset .yui-nav li em{
     border: unset;
}
 .yui-navset .yui-nav a em,
 .yui-navset .yui-navset-top .yui-nav a em{
     padding: .35em .75em;
 
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav .selected{
     flex-grow: 2;
     margin: 0;
     padding: 0;
    /* ---- Tab Background Colour | [SELECTED] ---- */
     background-color: var(--accentColor);
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: #21252E;
     font-weight: bold;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: #21252E;
     background-color: var(--accentColor);
}
 .yui-navset .yui-content {
    background-color: #21252E;
    box-shadow: none;
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
     padding: .5em;
     border: none;
}
 
/*---- TAB ANIMATION by Croquembouche ---- */
 
.yui-navset .yui-content > div {
    display: block;
    top: 0;
    overflow: hidden;
    transform-origin: 0 0;
}
 
#page-content .yui-navset .yui-content > div[style*="none"] {
    display: block !important;
    flex: 0;
    max-height: 0;
    padding: 0 0.5em;
    border-width: 0;
    /* The following transition affects the one that DISAPPEARS */
    transition: padding 0s linear 0.5s,
          border-width 0s linear 0.5s,
          flex 0.5s cubic-bezier(.18,.51,.54,.9) 0s;
    animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}
#page-content .yui-navset .yui-content > div[style*="block"] {
    display: block !important;
    flex: 1;
    max-height: 9999rem;
    /* The following transition affects the one that APPEARS */
    transition: padding 0s linear 0.5s,
          border-width 0s linear 0.5s,
          flex 0.5s cubic-bezier(.18,.51,.54,.9) 0.5s;
    animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
 
@keyframes tab-disappear {
    0% { max-height: 9999rem; }
    1% { max-height: 100vh; }
    100% { max-height: 0; }
}
@keyframes tab-appear {
    0% { max-height: 0; }
    99% { max-height: 100vh; }
    100% { max-height: 9999rem; }
}
 
/* ---- INFO BAR ---- */
 body{
     --barColour: #21252E;
     --linkColour: #ededed;
}
 
 .info-container .collapsible-block-content {
    padding: 0 .5em 30px;
}
#page-content .info-container > .collapsible-block .collapsible-block-link {
    padding: 0;
}
 .info-container .collapsible-block-content .wiki-content-table {
    width: 100%;
}
 
/* Ayer's info-bar patch by Monkatraz */
#page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link  {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-shadow: none;
}
#page-content .info-container .collapsible-block-link::before, #page-content .info-container .collapsible-block-unfolded-link::before  {
    content: " ";
    display: none;
}
#page-content .info-container .collapsible-block-content::after {
    display: none;
}
 
/* ---- INFO PANE ---- */
 
#page-content .creditRate{
     margin: unset;
     margin-top: 4px;
     margin-bottom: 4px;
     margin-right: 3px;
}
#page-content .rate-box-with-credit-button {
    background-color: #21252E;
    border: solid 2px #21252E;
    border-radius: 0;
    box-shadow: 3px 0px 0px 0px var(--accentColor);
}
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: transparent;
}
 
#page-content .rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points {
    border-left: 0;
}
 
.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
     color: #ededed;
}
#page-content .rate-box-with-credit-button .fa-info:hover {
     color: var(--accentColor);
}
 
#page-content .creditButtonStandalone p a {
    background-color: #21252E;
    border: solid 2px #21252E;
    border-radius: 0;
    box-shadow: 3px 0px 0px 0px var(--accentColor);
    color: #ededed;
}
#page-content .creditButtonStandalone p a:hover {
    color: var(--accentColor);
}
 
#page-content .modalbox {
     background: #2F333C !important;
     color: #ededed;
     box-shadow: none;
}
.close-credits,
.credit-back {
    filter: grayscale(100%) invert(100%) contrast(275%);
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
     margin: unset;
     border-radius: 0;
     border: solid 2px #21252E;
     box-shadow: 3px 0px 0px 0px var(--accentColor);
     background-color: #21252E;
     margin-top: 4px;
     margin-bottom:4px;
     margin-right: 3px;
}
 
.page-rate-widget-box .rate-points {
    background-color: #21252E !important;
    border: none;
    color: #ededed !important;
    text-transform: capitalize;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #21252E;
    border-top: none;
    border-bottom: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #ededed;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #21252E;
    color: var(--accentColor);
}
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: #21252E;
    border: none;
}
.page-rate-widget-box .cancel a {
    color: #ededed;
}
.page-rate-widget-box .cancel a:hover {
    background: #21252E;
    color: var(--accentColor);
}
 
/* ---- PAGE ELEMENTS ---- */
 
.page-source, tt{ 
    font-family: "Fira Code", monospace;
    font-size: 0.87rem;
}
 .code pre, .code p, .code {
    font-family: "Fira Code", monospace;
    font-size: 0.87rem;
    color: #21252E;
}
 
h1 {
    color: var(--accentColor);
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
}
h2,
h3,
h4,
h5,
h6 {
    color: #EDEDED;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bold;
}
 
#page-title {
    color: #ededed;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.65rem;
    text-align: center;
    border-color: #ededed;
}
 
/* Clicky links */
a,
a.newpage,
a:visited,
#side-bar a:visited {
    color: var(--accentColor);
    transition: color 0.15s linear;
}
a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: var(--accentColor);
}
a.newpage { filter: hue-rotate(180deg); }
 
/* patch for sidebar media, collapsibles, ACS, info button and ayers module so link doesn't override */
#page-content .collapsible-block-folded a:hover, #page-content .collapsible-block-unfolded-link a:hover, #page-content .rate-box-with-credit-button .fa-info:hover, #side-bar .side-block.media a:hover, .danger-diamond a:hover {
    background: transparent;
}
.info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
    background: var(--linkColour) !important;
}
 
hr{
    background-color: var(--accentColor);
}
 
blockquote,
div.blockquote,
#toc {
    background-color: #21252E;
    border: solid 2px #2F333C;
    box-shadow: -3px 0px 0px -0.1px var(--accentColor);
}
 
.code {
    background-color: #F8F8F8;
    border: solid 3px #2F333C;
    box-shadow: none;
}
.scp-image-block {
    border: solid 8px #21252E;
    border-bottom: solid 0px #21252E;
    box-shadow: 0px 0.26rem 0px 0px var(--accentColor);
    box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
    background-color: #21252E;
    border: solid 4px #21252E;
    color: #ededed;
    font-size: 0.84rem;
}
.scp-image-block.block-left { margin-left: 0; }
.scp-image-block.block-right { margin-right: 0; }
@media (max-width: 540px) {
  .scp-image-block.block-left, .scp-image-block.block-right {
    float: none; clear: both; margin-left: auto; margin-right: auto;
  }
}
 
#page-content .wiki-content-table tr th {
    border: solid 1px var(--accentColor);
    color: var(--accentColor);
    background-color: #21252E;
    /* set border for table title */
}
#page-content .wiki-content-table tr td {
    border: solid 1px var(--accentColor);
    /* set border for table content */
}
 
/* fancy collapsible */
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    background: #21252E;
    transition: background 0.25s linear;
    width: -moz-fit-content;
    width: fit-content;
    overflow: hidden;
    margin: auto;
    box-sizing: border-box;
}
#page-content .collapsible-block-folded .collapsible-block-link::before {
    content: "▷ ";
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
    content: "▽ ";
}
#page-content .collapsible-block-link {
    display: inline-block;
    padding: 0.5rem 1rem;
 
    text-decoration: none;
    color: #ededed;
    font-weight: bold;
    text-align: center;
}
#page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
    background: var(--accentColor);
}
#page-content .collapsible-block-unfolded-link {
    box-shadow: 0px -0.26rem 0px 0px var(--accentColor);
}
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
    margin-top: 10px;
    margin-bottom: 10px;
}
 
/* Selection */
::selection {
    background: var(--accentColor);
    color: #ffffff;
}
 
/* Footnotes */
.hovertip {
    font-size: .9rem;
    background-color: #21252E !important;
    border: solid 1px var(--accentColor) !important;
}
.footnotes-footer {
    background-color: #21252E;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    padding-bottom: 1.5rem;
    box-shadow: -0.24rem 0px 0px 0px var(--accentColor);
}
.footnotes-footer .title {
    color: #ededed;
}
.footnote .f-footer, .equation .e-footer, .reference .r-footer {
    display: none;
}
 
/* Tags */
#main-content .page-tags a {
    margin-top: .18rem;
}
.page-tags span {
    border-top: 1px solid #ededed;
}
 
/* Pop-Up Windows */
.owindow {
    background-color: #21252E;
    border-color: var(--accentColor);
}
 
.owindow .modal-header {
    background-color: #21252E;
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.owindow .title {
    background-color: #21252E;
    color: #var(--accentColor);
    border-bottom: 1px solid #2F333C;
}
 
.owindow .button-bar a {
    background-color: #21252E;
    border-color: var(--accentColor);
    color: #ededed;
}
.owindow .button-bar a:hover {
    background-color: var(--accentColor);
}
 
/* Edit Buttons */
.buttons .btn {
    background-color: #21252E;
    border-color: var(--accentColor);
    color: var(--accentColor);
    padding: 3px 5px;
}
.buttons .btn:hover {
    background-color: var(--accentColor);
    color: #21252E;
}
 
/* Edit Lock Info*/
#lock-info {
    background-color: #21252E;
    border-color: #ededed;
}
 
/* Close Button for Page Source, Rating, Etc */
a.action-area-close:hover {
    background-color: #21252E;
}
 
/* Page-History Current */
.pager .current {
    background-color: var(--accentColor);
    border-color: #ededed;
}
 
/* History Compare */
.inline-diff ins, .inline-diff del {
    color: #21252E;
}
 
/* ---- INTERWIKI ---- */
 
.scpnet-interwiki-frame{
    filter: invert(100%) grayscale(100%) contrast(75%);
}
 
/* ---- CUSTOM SYNTAX ---- */
 
.darkbox {
    background-color: #21252E;
    border-left: solid 0.26rem var(--accentColor);
    border-right: solid 0.26rem var(--accentColor);
    padding: .4rem;
    margin-top: 12px;
    margin-bottom:12px;
}
 
.lightbox {
    background-color: #ededed;
    color: #21252E;
    border-left: solid 0.26rem var(--accentColor);
    border-right: solid 0.26rem var(--accentColor);
    padding: .4rem;
    margin-top: 12px;
    margin-bottom:12px;
}
.lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 {
    color: #21252E;
}
 
/* author label compatibility */
#page-content .authorlink-wrapper {
    margin-top: -0.1rem;
    --author-right-adjust: 0;
    --swatch-background: 33, 37, 46;
    --swatch-text-general: 237, 237, 237;
}
 
/*------------------------------------*/
 
.limit {
    margin-bottom: -1rem;
    z-index: 5;
 
}
.anchor {
    position: sticky;
    height:0;
    top: 0;
    z-index: 5;
}
.sidebox {
    background-color: #21252E;
    border-top: solid 2px var(--accentColor);
    padding: .14rem;
    margin-top: 0;
    margin-bottom: 8px;
    width: calc((100vw - 870px)/2);
    max-height: calc(100vh - 18rem);
    position: absolute;
    top: 0;
    left: 103.5%;
    z-index: 5;
    overflow: auto;
    box-sizing: border-box;
}
/* Sidebox mobile optimization, courtesy of Woed */
@media (max-width: 1290px) {
   .sidebox {
        width: auto;
        max-width: 65vw!important;
        border: none;
        padding-left: 0.4rem; padding-right: 0.4rem;
        top: 0.75rem;
        right: calc(((100vw - 45.8rem)/2) * -1);
        left: initial;
        -webkit-clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
        clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
        -webkit-transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
        transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
        -o-transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
        transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
        transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
        overflow: visible;
    }
 
    .sidebox::before, .sidebox::after {
        content: " ";
        position: absolute;
        right: 0;
    }
 
    .sidebox::before {
        top: calc(50% - 0.75rem);
        width: 0;
        height: 0;
        border-top: 0.75rem solid transparent;
        border-bottom: 0.75rem solid transparent;
        border-right: 0.75rem solid var(--accentColor);
        transition: border 0.1s ease-in-out 0.1s;
        z-index: 10;
    }
 
    .sidebox::after {
        top: 0;
        max-width: 0.75rem;
        width: 100%;
        height: 100%;
        box-shadow: 0.15rem 0 0 0 var(--accentColor);
        max-height: calc(100vh - 18rem);
        background-color: #21252E;
        z-index: -1;
        transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s;
    }
 
    .sidebox > * {
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out 0.2s;
        -o-transition: opacity 0.2s ease-in-out 0.2s;
        transition: opacity 0.2s ease-in-out 0.2s;
    }
 
    .sidebox:hover {
        overflow: visible;
        -webkit-clip-path: inset(-0.125rem -0.25rem 0 0);
        clip-path: inset(-0.125rem -0.25rem 0 0);
        -webkit-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
        transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
        -o-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
        transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
        transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
    }
 
    .sidebox:hover::before {
        border-top: 0 solid transparent;
        border-bottom: 0 solid transparent;
    }
    .sidebox:hover::after {
        box-shadow: 0 -0.125rem 0 0 var(--accentColor);
        right: 0;
        max-width: 100%;
    }
    .sidebox:hover > * {
        opacity: 1;
    }
}
 
@media (max-width:768px) {
    .sidebox, .sidebox:hover {
        right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.9rem);
    }
}
 
:root {
  --accentColor: #1EB5E8;
  --lgurl: url("https://scp-wiki.wdfiles.com/local--files/theme%3Apenumbra/logo.png");
}
rating: +10+x

Squidface is free. The world is filling with an ocean of black oil. Far below the surface, in the basement of a doomed Site-19, two people sort through a billion worlds in a desperate bid to escape.


"Hit it again."

There was a moment of silence. A brief pause, then chaos.

Through the graphene-reinforced glass, the view turned outward, then inward, folding in on itself. The entire room went dark, save for a few buttons and the pitifully dim emergency lighting of the Site-19 Extradimensional Testing Lab. Not a moment later, a blinding fluorescence emerged, followed by a fusillade of free radicals bouncing off the shielded observation deck and back as the space within warped and distorted. As the machine stabilized, an impatient, dark-haired woman flipped manically through a small booklet, head darting from the pages, to the screen in front of her, then back again. After a moment, the woman spoke, her eyes trained downward at the machine and the book resting on its surface.

"Alright, we're looking at, uh, shit. D-USUSAS2-G. Dee-dash-you-ess—"

"What, you don't remember the codes you designed? Isn't this what you do for a living?"

"You remember your fucking codes, Campbell!" The woman snapped, still not looking up, "Oh, that's right, you don't have any. Don't you have some papers to push? Dee-dash-you-ess-you-ess—"

Outside the room, the sounds of gunfire emanated, cut short abruptly by some unknown force from the halls beyond the sealed chamber doors. Somewhere, past the airlock and the secondary shielding was the extinction of all life as they knew it—the End of Everything. Annihilation at the hands of an intangible malevolence, whose true configuration escaped them. It was—well—the two didn't know exactly what it was. It wasn't even designated. The item was in Special Containment over at the one of the Anomalous Objects warehouses on the Site-19 campus. Low level anomalies—color-changing tennis balls, mugs that filled themselves with grapefruit juice, that sort of thing. It constantly leaked a black sludge that would fill its containment area, and this required daily cleanup. No one wanted to deal with it, so management made D-Class scrub the chamber and rarely looked back on the thing since. And now, it bled freely down the stairwells, through the corridors and ventilation ducts of the subterranean facility, an ever-growing river of putrid slime. As it did, it changed those around it, subtracting their consciousness and adding their bodies to the Whole.

"Dimensional, Unstable, Stationary, Unaided—" Dr. Amber Lombardi, Head of Extradimensional Affairs for Site-19, paused, losing her train of thought for a moment as the entire room shook. They were over thirty floors down. Thirty-plus floors beneath the surface of a doomed planet and they were all going to die—that is, if she couldn't commit a little treason first.

"Unstable, no go, hit it again." Lombardi was determined to throw away her entire career for a double feature, which is just a cute phrase some operatives used for a Foundation-funded second chance at living. It's a big no-no, unless you know someone who has enough clout to sign off on it and just so happens to want you around enough to do so. Thus, treason it is. Twenty-five years of service, spiraling the drain. The entire culmination of her entire life's work, possibly the greatest technological achievement in all of Foundation history, was sitting right in front of her. And now, she was using it to leave Site-19—And all of Earth, for that matter—forever, in what should be called the greatest ironic twist of fate ever to grace a sentient being.

Of course, Overwatch would never forgive such a transgression, regardless of whatever letter is in front of the K in this scenario. She was expected to go down with her ship, her ship being a small segment of a giant, already-buried coffin made of concrete and steel. Instead, she chose to sidestep the chain of command and potentially compromise the Foundation's integrity using unauthorized, unpatrolled roads through the multiverse that were paved by her own hands—well, not exactly her own hands anymore. Dr. Lombardi raised her head from the monitor for the first time in a long while and peered across the chamber at the only other human who had a chance of escaping this madness.

That human, Sr. Researcher Aberdeen Campbell, was just as screwed if they didn't make this work, whether it be death at the hands of unspeakable horror or salaried firing squad. She was a desk clerk who, through strange and terrible happenstance, had Level Four Clearance that she hadn't needed nor used in years—until today, and never again. She and Lombardi were in this together now, equal partners in crime—only this was the first time Aberdeen had ever been in this department, the first time she'd laid eyes on a machine this complex, and, in the ways that counted, the first time she'd experienced the anomalous. That last part was showing the most; her face was pale, eyes wide with a look of absolute terror seared into her. While Lombardi sat in front of a screen on the expansive console labelled OUTPUT CONFIGURATION:, she had delegated her cohort to lever duty, because anyone can pull a lever. And pull it she did.

Another darkness bathed the room, and another flash of light replaced it. The inner chamber turned on a gradient into a deep red, with the center of the accelerator rapidly transitioning from a dim, shimmering bokeh into dead brush and shale. The interior was now the exterior, and the screen updated once more.

"S-SSUPAH1-G. Spacial, Stable, Stationary, Unaided, Personal Area, Hazardous—no, no, we have to try again!"

A muffled slam drowned out her voice as a large body was thrown against the outer doors. The two looked up, for an instant, then caught themselves. They didn't have an instant to spare.

There are infinite worlds, endless whens and wheres. Yet, there was but very little time to get there.

With her hand on the lever, Campbell pushed forward once more and felt the cool metal retract back on its own. At the same time, the dual-spin singularities within the core of the machine rearranged themselves in another of a million-billion combinations. Their topology was the key to this transaction—two rotating black holes that could point to anywhere, anytime. The electromagnetic barriers that held them in place fended off most radiation that leaked from the two meshed rips in space-time, feeding the runoff into power sinks that made the device indefinitely self-sustaining. Of course, that didn't stop the Gateway from shaving minutes off their lives every time they reconfigured the manifold at its heart, and without actual coordinates, all they could do was randomize the drive and hope for the best.

Shadows and lights danced again. Inside, the view turned into black, speckled with points of white light. The center of the chamber became deep space, sensors indicating massive strain of force with warning lights and alarms—depressurization. The machine graced their ears with the sounds of bending metal.

"Oh—fuck, no, again. Flip it. Flip it now!"

And she did. And again. And again. All the while, the Idea crept forth, claiming minds like a child picking flowers in a field, frolicking with joyous rapture. As it did, it assumed form, first imperceptible, then slowly gaining opacity, ridges and corners, solidifying within the confines of three measly dimensions. The endless halls of Site-19, the Hub, ever so cherished, were filling with pools of dark, viscous tar. There, it would remain, perfectly preserved. The remnants of the dead would be lost to oceans of oily black.

Soon later, the whole world would drown.





TWELVE HOURS EARLIER


"Researcher Campbell. Campbell. Campbell. Aberdeen!"

A woman in a white coat raised her head, swiftly, jolted awake by another form that stood aside her desk. In front of her, mounds of paperwork littered the area. She had been drooling on a grant request from RAISA for fifteen-thousand red ballpoint pens. This is what her life had become.

She glanced up, clearing the grogginess and last residuum of sleep from her eyes, to see Site-19 Director H. Wyatt with a concerned look on his face and hands on his sides. He was a gruff man, whose coarse nature beguiled those around him into curt disinterest, despite being rather benign. Campbell didn't dislike him, but she also didn't care for him enough to learn what the "H" stood for.

"Sorry, Director Wyatt. I didn't sleep well last night, they have me on all sorts of meds after my transfer from Site-01. I still can't think straight. No medical leave though. Them's the breaks."

"Alright, well, if you need to sleep, do it in the lounge. It gives a bad impression to sleep at your desk."

"Yes, of course."

The Director was gone as soon as he had appeared. Turning back to look at her desk, Sr. Researcher Aberdeen Campbell let out an exasperated sigh and contemplated the downward spiral of her life for the umpteenth time. A few years ago, she had been assigned to the archives over at Zero-One, which was not a fun job to have, to say the least. It was probably the most boring place in Foundation ownership. Almost anomalously uninteresting, but not quite. That kind of bland, and this wasn't any better.

Site-01 had been going through a major change of structure at the time, with many thousands of hard-copy documents in deep storage that hadn't yet been transferred onto the servers, Aberdeen had spent nearly all her time working meticulously, with little payoff, just like she did now, but without the extra time to pass out for an afternoon nap.

Even though all she remembered was life in a Foundation rube cube, Campbell was positive it wasn't always like this. She knew, deep down, that there was more to her story than mountains of cellulose and ink, with a bad case of carpal tunnel on the side. She had been reassigned to the archives after having been exposed to some sort of antimeme. Something she had been studying before, when she worked over at Information and Data Analysis. That's what they tell her, anyway. They also told her she had done a good job at it, not that it really mattered at this point.

That period of her life felt like a blur of confusion and headaches. It was a blur of confusion and headaches. Before that it was—Let's just say her memory doesn't get any better going back. Antimemes were some of the worst things that never technically existed.

Aberdeen furrowed her brow, then drew a slow breath. Pushing herself away from her responsibilities, the young woman decided on a much-needed caffeine boost, probably in the form of now lukewarm coffee. Meandering out of her cubicle block and into the halls beyond, the humble researcher thought about the many times she had been in this exact place, tracing a path she knew by heart through the mostly-Euclidean hallways of Site-19 in a sea of strangers.

In her own little world, mind wandering, free from the confines of the less-than-savory parts of her life, Aberdeen found herself off guard at one of Nineteen's many connecting pathways. She traveled directly into the oncoming path of a stranger with a brisk stride, an older woman, whose thoughts were also elsewhere. Since there were no traffic lights in any of the four-way intersections of the complex, who was at fault could not be known.

The two collided in a show of scattered documents and apologies. Campbell didn't recognize the dark-haired woman, but she seemed as though she was in a little too much of a hurry. Then again, like traffic lights, no speed limits existed in Site-19 either.

"So sorry, I was distracted—" Aberdeen began, bending down to pick up the papers. Before she could, the stranger grabbed her wrist.

"It's fine, but, please. Let me." The middle-aged woman, short but possessing an air of authority, scrambled to grab the documents. As she did, Campbell was able to make out some of the contents, and her eyes widened.

"Is that—?"

The stranger cut her off with a sharp look and a hush, looking around briefly before turning back and speaking again.

"Please, have a little tact. What is your clearance level, young woman?"

Taken aback, slightly offended, Aberdeen retorted with one of the few things she had left from her previous work experience. "Four. Don't tell me, you're an oh-five. Or did they make level four-point-five just for you?"

The woman rolled her eyes, then glanced around once more. This time, she didn't wait to make eye contact again to speak.

"Yes, Site-19 just got its first Class-A wormhole generator—it's beautiful. And I'm not just saying that because I built it. Amber Lombardi, head of Extradimensional Affairs. No, not that Lombardi."

"Abby—er—Aberdeen Campbell, clerical jockey, pleased to meet you." She wasn't sure of another Lombardi, but the comment came off like something this one had to explain relatively often.

"Clerical?" The woman raised an eyebrow. "How does a desk worker like you, no offense, get L4 clearance?"

Campbell was offended. "I used to do a lot more than push papers. I'd share the details but they're a bit hazy," she retorted, motioning to her head.

"Don't tell me, antimemetics? Don't they have drugs for that now?"

Aberdeen thought of the little orange pills. "Mnestics. Yes. Some of them have been shown to aid in memory restoration. I've been on Class-X for years now. This wasn't your typical antimeme, according to my debrief, but they insist I keep trying. Sometimes I'll get flashes of things, like scenes from a film where you can't make out what the characters look like or why they matter to the story—" She paused. Lombardi was looking at her like she had two heads more than the Foundation was used to.

"Ah, sorry, sorry. You probably don't want to hear my life story."

Amber's eyes softened. "It's not that. I'm just—I'm sorry. That must be so hard."

"I'm getting through it. Listen, I was on my way for a cup of coffee—you want one?"

The woman shook her head. "Thank you, but I really should get over to Extradimensional. They're expecting a presentation on the new gateway, and this print job has lasted much longer than originally anticipated."

"I'll leave you to it, then." Campbell waved a good-bye and left to complete her journey to the break room, abandoning Lombardi to her business.

Amber continued down the hall to the row of the frequently congested staff elevators, opting not to take the quiet stairwells as some might; her stop was all the way down, and thirty floors on foot was draining just to think about.

She waited in the queue for one to arrive that was mostly empty, checking her watch in regular intervals while envisioning a Site-19 with no foot traffic, where employees walked through portals to any floor and were never late to meetings.

The elevator was never completely empty, which was the dream scenario; typically she'd get a few prying eyes or strange looks whenever she'd insert her keycard and press the button for floor -38.

It came with the territory. Everyone wants to know about Extradimensional, no one wants to actually work there. No one except Lombardi, who had spent the better part of her life learning the math and physics of spacetime as she knew it, and the rest learning things they didn't teach you outside the walls of the Foundation—extradimensional thaumaturgy, which was not even magic, just a little-understood piece of consensus reality the Administration deemed too powerful for the masses. And they were right, of course.

The wall made a tone as another elevator car reached Dr. Lombardi's floor, and, to her surprise, she found it completely empty. A moment of harmonious bliss filled her mind as she boarded and authorized the destination, holding "-38" while also pressing the "door close" button at the same time. It was a trick she'd never got to use before, and the woman wasn't about to pass up an opportunity such as this.

A voice intruded from outside the doors, where a stranger in the halls she'd came from sprinted towards Amber and her newfound chamber of solitude.

"Hey! Hold the elevator please!"

She looked at the closing doors, and then to the button to open them, then at her watch. She opted against it, and when the opening had reduced to a gap several centimeters across, Lombardi looked up and accidentally made brief eye contact with the man. The doors sealed just a moment later and started to move, her concern about the awkwardness fading.

She sighed and enjoyed the silence for the first and only time, the elevator ignoring the called floors below as it descended directly to Hell. Amber looked down at the photo on the documents in her hands and smiled to herself, thinking, Maybe things will be alright after all.






"Your turn, mate."

D-8102 grabbed the mop from his cellmate with a dejected glare.

"You know I hate you, right?"

D-0914 smirked and leaned back against the featureless wall behind him.

"Yeah, yeah. You hate all of us, and I don't really like you either. Still." His eyes motioned to the floor.

"Alright, alright."

D-8102 dunked the mop head into a wheeled bucket of gray-brown water and stabbed at the floor like it owed him money, trying to clear the clogged drain at the center of the cramped chamber. Sometimes you wished you could live another life, sometimes you wished you were dead. D-8102 was feeling a mix of both. He could barely make out his reflection in the puddle of black ooze, and he didn't recognize the bits of the man he did see, clad in orange, toiling endlessly until that unknown day where he gets gassed like the rest of them. Or so they say. He hadn't been around enough long enough to know if the sweet release of death via neurotoxin is actually something he got to look forward to.

"Squidface leaving you be?"

D-8102 paused his task and wiped his brow, contemplating.

"Not really. Why do you care?"

"I don't. Small talk."

The monstrous asshole affectionately termed "Squidface" existed solely as a lingering presence. The two could feel it in the air and hear it in the soft, indeterminate whispers that danced around their eardrums. It was nothing new to D-0914, who had been assigned to the task of lamp cleanup two weeks prior—practically an eternity. D-8102, on the other hand, was fresh out the pen. For your first interaction with the Unusual, ol' Squiddy was a bum rap.

Sure, there were plenty of worse things, things that would turn you into spaghetti but keep you ticking, things that dissolved you, slowly, over a period of a thousand years. Yet, something about that lamp was just rotten, and it wasn't just the rancid sludge it wept through nonexistent eyes. It was the persistence that really got to the two, and it got to everyone eventually. Not being able to shut it up or ask the lab goons for help made it all the worse. Sure, there were your fellow D's who would tell you that you were doing something honorable, making up for the shit you've done or some other altruistic bullshit. While it might be true, there was something particularly awful about quietly losing your mind and not being able to tell anyone.

D-8102 absentmindedly prodded the mop against the floor, listless. He looked over at the lamp, then away when it got to be too loud. He felt the otherworldly presence it was linked to, a being of terror and madness and black oil. He felt the hairs on his neck stand and pushed the presence away as best as anyone could.

"Hey, fucking watch where you're mopping—" D-0914 chastised him, his white shoes now covered in a sticky, dark paste. Attempting to wipe it off, he struggled to free his footwear from the tar. He pulled, and it gave way, but the man had over-calculated, throwing himself off balance. The prisoner fell, grabbing at the the nearby nightstand for balance. It caught him, and he began to right himself, but stopped, looking up in shock as the lamp tumbled from its place.

Transfixed, the two watched, almost in slow motion, as the lamp hit the ground, shattering, plunging the room into complete darkness, then silence. The whispers had stopped.

And then the laughing began.


Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License