Interlude: Famous Last Words
/* 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) {
 
    .mobile-top-bar {
        display: block;
    }
 
    .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!important;
        position: fixed;
        top: 0;
        left: -19em;
        width: 17em;
        height: 100%;
        overflow-y: auto;
        z-index: 10;
        padding: 0.3em 0.675em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.5s ease-in-out;
    }
 
    #side-bar:target {
        display: block;
        left: 0;
        width: 17em;
        margin: 0;
        z-index: 10;
    }
 
    #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;
    }
 
    .close-menu {
        margin-left: 19em;
        opacity: 0;
    }
}
/*
    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);
}
 
/* ---- 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;
}
#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;
}
 .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;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
    margin: auto;
}
#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 {
    text-decoration: none;
    color: #ededed;
    font-weight: bold;
}
#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;
}
 
.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: +14+x

Takes place the day of Conflict Resolution, Hold the Conflict

Laura Ashbrooke rose from her bed and stretched, yawning hard enough to make her jaw pop. Her boyfriend was already up, no doubt somewhere else in the house that they had. That she couldn't believe that they had.

Laura had made enough money off of costuming to survive on. Then, two years ago, a bizarre entity walked into her life and handed her a check for over $800,000. The check had cleared, and now, she and Edward lived on Executive Drive, with several other houses that were perfectly suited to the nouveau riche, and not a McMansion in sight.

Sure enough, Ed was at the dining room table. The table was from his mother's side of the family, all apple wood, but it had a more modern embellishment on it— an image of the Yggdrasil, burned into it by a friend of Laura's who was a woodworker. He was reading the Sloth's Pit Fabulist— his favorite rag. Didn't have a single sentence of reputable news, but you sometimes got gossip about the Plastics People. "Mornin'. You stayin' in today?"

"Don't have a shift at the pizza place," Ed replied, knocking back a canned coffee. "You're going to have a boom in business today."

"Why's that?"

Ed showed her a section of the paper.

The Sloth's Pit Fabulist

Halloween Bash is Go!


After much hand-wringing about whether or not Sloth's Pit's Halloween celebrations will continue as planned, following difficulties due to an undisclosed scheduling complication, it has been announced that the festivities are continuing; in fact, Director King of the Plastics Facility has ordered that all citizens are to be wearing some form of costume, on pain of arrest by agents of the S & C Plastics facility. The reasoning for this is unknown.

"Huh." Laura frowned. "It's… crap, we only have two days until Halloween. There's going to be a crowd." She ran to the fridge and grabbed one of the more disgusting concoctions in there— caramel coffee with Coca-Cola flavoring mixed in. It had been on the shelves at Starlow, it had been cheap. She knocked it back, grimacing at the taste, before chucking the can in the recycling bin.

"Hon, you'll be fine. Might even make enough for us to finally fix up the car."

"Yeah." Laura rolled her shoulders. "I'm the only half-decent costume place between here and Duluth, I don't have any staff to speak of, and we're going to have a run on costumes because of some cockamamie order issued by—" She paused. "Did that say Director King? I thought their name was Weiss."

"Apparently the old director stepped down. Weird, I know." Ed put the paper on the table. "You'll be fine, hon. You got this."

"Yeah. I mean, it's not like shit doesn't go bananas every Halloween now." Laura rolled her eyes, and as she stepped out the door, a metaphorical sword appeared over her head as she said five words that should never be said in Sloth's Pit.

"What could possibly go wrong?"


A sense of anxiety hung over Laura her whole drive to her workplace. She owned the Witch's Hut Party Supply store (which had rebranded itself from a costume shop— there was a sudden dip in demand for costumes this year, and she couldn't account for why). Idiot! she thought. What the hell compelled you to say that? 'What could possibly go wrong', might as well be wearing a shirt with a giant target on it. God knows what's going to happen now. Best-case scenario you get a flat tire, worst case is—

She was driving by a vacant lot that the Terra Incognita tree farm allegedly occupied around Christmas when a set of red and blue flashing lights came on. She had only been going thirty in a twenty-five! It wasn't worth pulling her over for that, was it? "Shit, shit shit." She pulled over to the side of the road, getting out her wallet with one hand, the other reaching into her glovebox to get her registration and proof of insurance.

The officer who came up to the car was female, white, and looked more disappointed than anything. She asked for the pertinent documents from Laura, who handed them over. After some tense silence, Laura inquired, "Can I ask what the problem is?"

"You blew through a stop sign back there, at the corner of Johnson and Executive." The police officer frowned, looking Laura over. "Everything okay, ma'am? You look jittery."

"Just…." Laura rubbed her face. "I said the five words. You know, the ones you're not supposed to even think within city limits?"

"Ah." The cop frowned, looking between the documents, her, and the stop sign Laura had apparently blown through. "All right, given the circumstances… I'm willing to let you off with a warning. Be safe, ma'am, and don't forget to wear your mask."

Laura blinked. "You mean… for the Halloween thing this Saturday?"

The cop frowned at her, silently handing back Laura's documents, and heading back to her cruiser. As she drove past, Laura noticed a detail on the cop's car that probably wasn't allowed— a bumper sticker of the Punisher's logo on the back, just above the gas cap.

She drove off, sighing. What could possibly go wrong? Well, that's a start.


As Laura dreaded, the Witch's Hut was full almost the instant she opened the door. She had managed to hire a few people to help run the shop over the last year, all of them locals. Her assistant manager was one Adam Snerling, whose class at Jackson Sloth Memorial High had a graduation rate of less than 40%, due to town weirdness going berserk when the Class of 2015 was attending. "Morning, Ms. Ashbrooke."

"Don't call me that," Laura said, making her way behind a counter and through a curtain of plastic chains. "I have three different commissions I need to finish, unless the store's is literally on fire, don't disturb me." What could possibly go wrong?

"Roger."

Laura's workshop took up a good fifty square feet behind the curtain, and was filled with materials ranging from hot glue and linen to ethically-sourced animal bones and fur to amateur robotics kits and some Raspberry Pi microcomputers and even some scrap metal— the latter of which would be very useful for her current project.

The client had requested a specific type of costume; the actual body of it was simple, just a gorilla suit sans mask. But the head was a fairly complex helmet, one she had to cannibalize a pre-exiting astronaut helmet to make. They had thankfully provided reference images, some monster from a cheesy 50's film where they obviously couldn't afford a robotic body. She was putting the finishing touches on the helmet today.

It had taken her over three days of scouring the local scrap yard to find actual TV antennae, and they were remarkably unbent. She measured them to the specifications provided by the client, making sure they resembled the reference image, and after cutting them down to size began soldering them onto some contact points she had placed on yesterday. She was careful with the soldering iron, the five words hanging over her head the whole time. She had barely gotten the last solder done when Adam poked his head into the back. "The store isn't on fire—"

"Then go away!" Laura hissed.

"—but we have someone here to pick up a costume? A Damien Mosley?"

Laura set the helmet aside and looked through her notebook where she kept the orders. "Mosley, Mosley… ah. He's here for the 'Robot Monster' costume." She looked at the helmet. "The one I just got done with."

"Good timing." Adam raised his eyebrow.

"Not the first time it's happened. Town has a way of keeping things orderly like that." She looked over her head, expecting some kind of divine retribution. She made her way out of the back, helmet in one hand, the gorilla suit in a plastic bag. "Where is he?"

"Uh…" Adam looked around, before pointing him out. "See that guy that kinda looks like John Carpenter with a blue suit on?"

"Got it." Laura made her way to the counter. "Damien Mosley? Mr. Mosley?" she called to him, as loud as she could. "I have your costume ready."

Mr. Mosley limped over to the counter, letting out a rasping cough as he came close. "Don't worry," he said as he approached. "Just the flu."

"I have my shot," Laura said, stepping back from the counter. Grody guy who obviously has some kind of respiratory issue. What could possibly go wrong? "But… could you just leave the payment there?"

"Sure, sure." Mr. Mosley took out his checkbook and scrawled out the payment onto it. For just a moment, Laura swore that she saw the checkbook covered in some kind of bizarre rot— a fungus or mold she didn't recognize. Then she saw it was a trick of the light, some sunbeams coming in through a plastic display on the front window in a bizarre manner.

He tore off the check; it smelled musty. "Gave ya an extra fifteen percent," he rasped, taking the bag and helmet. "H-hey, would I be able to breathe in this with a mask on?"

"…I guess?" Laura wasn't sure what he meant, but didn't want to say anything because she was… this was wigging her out, to say the least. "Anything else?"

"No, no." The man shook his head. "H-have a good one, Ms. Ashbrooke."

"Right." Laura swallowed as he made his way out the door. She couldn't even describe why he wigged her out; she'd seen sick customers before. This was… something else.

She made her way to the back room to work on he next commission. This one was far easier; he just had to assemble a makeup palette for a vampire costume. What could possib—

She slapped the side of her head. Stop thinking it! At least… Laura hoped she was the one thinking it.


Laura was always the last one in the shop, and tonight was no different. She had what could possibly the song Closing Time by the Semisonics playing on the speakers as her last employees clocked out, while she sat in the back room. Laura was listening to a true crime podcast covering Amadeus Dunkel, the Smiley-Face Killer, so called for the fact that he sent a photograph of the mutilated corpse with a smiley emoji over the face to all of his victims' contacts. Listening to a podcast about a serial killer right before Halloween. Bad horror films love that kind of thing. What could possibly go wrong?

She tugged at her hair as the thought intruded once again. Was she even thinking it, at this point? She had one last project to finish up for the night, and then… all the commissions were done, she wouldn't take anymore. She'd have someone else run the shop, Adam was a good kid. What could possibly go wrong, leaving him in charge—

"Stop it!" Laura stood up, yelling at nothing. Her podcast seemed to pause awkwardly, before continuing talking about the Smiley-Face Killer's fifth victim. The project before her was almost done, even if it was a pain to do.

The person who had commissioned it was a massive Doctor Who fan, and ordered a costume based off of a creature from the older days of the series that was now only known to exist in set photos. Nobody would get the reference, and it was solely for their enjoyment. Laura could respect that, and all she had to do was paint on a few more scales, what could possibly go wr—

Laura turned off the podcast, put in earbuds, and started blaring the entire discography of Paramore into her ears loud enough to give her a headache. It drowned out the thoughts long enough for her to finish her project halfway through the bridge of Brick by Boring Brick, and had even added a few embellishments of her own. Her hands shaking, she shot a photograph of the costume and sent it to her client, who replied with a series of heart and thumbs-up emojis, before promising to pick it up in the morning.

"Nothing went wrong." Laura panted as she turned off the music. "You had… an okay day. No target on your back. You're fine. Just…" She rubbed her face, before writing a note down for Adam, giving him the name and description of the person picking up the costume. Nothing went wrong. She was fine.


She wasn't fine.

Less than half a mile from her house, Laura Ashrbooke had pulled over to the side of the road, breath ragged, chest heaving. She got out of the car, thinking she was going to throw up, leaning on the fence outside of the Terra Incognita Tree Farm. When nothing came out and she realized she was having a panic attack, she texted Ed her location— he would come pick her up, take her home, and everything would be fine.

She'd spent all day thinking about those five bloody words— what could possibly go wrong?— like they were being injected into her head. Why did she say it? What the hell made her say it? It was one of the first things you were taught in school, before you were even taught how to count to ten. But once you started, you couldn't stop, and it snowballed until you were sitting down next to your car in the middle of October, shivering from both the sobbing and the chill. She what was could going possibly to go be wrong fine.

"STOP IT!" Laura yelled, loud enough that birds in the nearby trees scattered. "Stop… stop thinking about it! Stop it, stop it, stop it!"

Who says you're the one thinking about it?

Laura's heart stopped. Her eyes widened, and she looked around, feeling at her shoulders— there were no phantom claws there, so it wasn't the Pit Sloth. The Hum hadn't been heard from in years. So… "What is this? What are you?"

"Whatever you don't want me to be."

The voice was clearer now— the voice of a woman who never existed, who was created by a narrative contradiction, something that became more real the less you thought about it. "You're dead!" Laura yelled. "N-no, not even dead! You're in a zoo! In Duluth!"

"Mask maker, please, you make me frown." The voice sounded again, from closer. "Do you think you could keep the Pit Sloth down?"

The ground beneath Laura's feet began to give way. She knew what was beneath it— bottomless darkness, which she would fall into forever. "Mask-maker, the words ending in 'wrong', may as well have been a summoning song." A pair of beady black eyes and a white grin looked up at her from the pit. "I rise again, oh Laura raven-haired. And might I say— you look quite scared."

Headlights pulled up the road— Ed's car. She jumped across the opening pit, running towards his vehicle, but the pit was on her heels. He was fifty feet away, twenty, ten— he stopped his car so she could get in, but then the ground gave under Laura's feet, and she began to tumble into the bottomless darkness.






















And then, she very abruptly wasn't.

A man wearing odd clothing was holding onto her wrist with both hands, pulling her onto solid ground. He was an older man, maybe sixty-five or seventy, and he was wearing what seemed to be a set of white cotton overalls and a denim and flannel labcoat. His other hand was holding onto what seemed to be a very sturdy-looking apple tree that had grown out of the middle of the road. "Do. Not. Let. Go."

Laura looked behind her— the pit was still there, but she could clearly see a bottom now. One that looked like it would kill her if she hit it. "What the hell's going on?"

"Long story short: phobic entity affecting the town, creating fear and then feeding on it. And we need your help to save the city."

"…you lost me at that second sente—" Laura's grip slipped. "Ohgodpleasedontletmefall!"

"You're going to be fine." There was a creaking sound in the pit below, like a door with very rusty hinges opening. "Your boyfriend's already somewhere safe. I'm going to drop you now—"

"What? No!"

"It's okay!" The man reassured her. "There's going to be a change in gravity when you go through the door, it'll mess with your sense of balance, but you'll be fine, and you'll have a new job." He called down into the pit, "Hey, Doorman! What did we decide her name should be?"

"Costumer!" A voice called back. Laura looked behind her and saw a very large doorway at the bottom; Ed's form was standing in a hallway through it, on what should have been the side of the pit.

"Right." The man nodded at Laura. "I'm Dr. King, by the way. For the time being, I'm the Orchardist."

Laura's eyes widened. "You're Union? Seriously?"

"Temporarily. I have a life to get back to, and so do you." Dr. King relaxed his grip. "Let go, kid. You'll stick the landing, trust me."

Laura looked between him and the door at the bottom of the pit. She let go of his wrist, and let herself fall backwards. Gravity suddenly shifted, and she landed with her legs spread, hand on the floor in front of her.

"Told you!" Dr. King fell in a few moments after her, sliding to a stop.

Edward Valentine looked between Dr. King, the Doorman, and his girlfriend. "What the hell's happening here?"

"A rescue mission." Dr. King nodded, looking at Edward. "Mr. Valentine, your services are going to be needed as well— not everyone is going to have a costume that we can pull them out with."

"Pull them out with?" Laura frowned. "Out of town? And to where?"

"And my services?" Edward scowled. "I'm a friggin' Pizza Guy! Is that some kind of joke?"

The Doorman closed the door to the Union House. "It's no joke, Mr. Valentine, but would you mind if we take this conversation upstairs?" The elevator opposite the door dinged and opened. "The Janitor has been waiting to meet you for about a week now."

Laura frowned at Dr. King. "Were you the one that put out the notice that everyone has to wear a costume on Halloween?"

King shrugged. "Maybe. But it's necessary— the costumes are how we're going to save this city." He threw Laura and Edward a pair of cloth facemasks. "Put these on— you'll remember why by the time you get to the Janitor's office."

Laura frowned as she glanced at the elevator. The Doorman and King looked at her expectantly. "C'mon, Ed. Let's get this shit done."

The two of them entered the elevators. Outside the doors of the Union House, an autumn wind blew, bringing a reminder that Halloween was imminent.

«Losing the Plot| Hub | To be Continued…»

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