The Geometry of a Prison

Link to article: The Geometry of a Prison.

:root {
    --timeScale: -0.5;
    --timeDelay: 0s;
}

/*
    BLANKSTYLE CSS
    [2021 Wikidot Theme]
    By Placeholder McD and HarryBlank
    Based on:
       Paperstack Theme by EstrellaYoshte
       Penumbra Theme by EstrellaYoshte
*/
 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
 
#page-content { font-size: .9rem; }
 
#main-content {
    top: -1.6rem;
    padding: 0.2em;
}
 
div#container-wrap {
     background-image: none;
}
 
div#header {
    background-image: none;
}
 
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
#header h2 { margin-top: 0.5rem; }
#header h1 span, #header h2 span { font-size: 0; display: none;}
#header h1 a::before, #header h2::before {
    color: #000;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif !important;
    text-shadow: none;
}
 
#header h1 a::before {
  content: var(--header-title, "SCP Foundation");
  font-weight: 400;
  font-size: 1.3em;
}
 
#header h2::before {
  content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
  font-weight: 700;
  font-size: 1.2em;
}
 
@media (max-width: 707px) {
    #header h1 a::before {
        font-size: 1.6em;
    }
}
 
#login-status,
#login-status a {
    color: #333333;
}
 
#page-title {
    display: none;
}
 
#footer, #footer a {
    background: transparent;
    color: #333333;
}
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: none;
    background: #333333;
    box-shadow: none;
    border-radius: 0px;
    color: #efefef;
}
 
#search-top-box input.empty {
    color: #999999;
}
 
#search-top-box {
    top: 2.3rem!important;
    right: 8px;
}
 
#top-bar { 
   display: flex;
   justify-content: center;
   right: 0;
   top: 7.9rem;
}
 
#top-bar, #top-bar a {
    color: #333333;
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    letter-spacing: 1px;
}
 
h1 {
    font-size: 2em;
}
 
h2 {
    font-size: 1.45em;
}
 
div#extra-div-1 {
    height: 180px;
    width: 100%;
    top: 0;
    position: absolute;
    background: url('https://scp-sandbox-3.wdfiles.com/local--files/collab%3Ablankfellowmcd/DoM_Logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: -1;
}
 
@media (max-width: 707px) {
    div#extra-div-1 {
        top: 15px;
    }
}
 
body {
    background-image: linear-gradient(
        to bottom,
        #D2CCC5, #F9F6F3 90px,
        #F9F6F3 50px, #FFFEFB 200px,
        #FFFEFB 700px, #FFB95B 100%);
    background-repeat: no-repeat;
}
 
:root {
  --timeScale: 1.5;
  --timeDelay: 1.5s;
  --posX: calc(50% - 358px - 13rem);
  --fnLinger: 1s;
}
 
#page-content hr {
    background-color: #000;
}
 
#page-content tr th {
    padding: 6px;
    border: #000 1px solid;
}
 
#page-content tr td {
    padding: 12px;
    border: #000 1px solid;
    line-height: 1.4;
}
 
#page-content .sidebox tr td, 
#page-content .sidebox tr th {
    padding: 0.35em;
}
 
#side-bar {
    border-right: 1px solid #333;
    background: #DDD;
}
 
#side-bar .side-block {
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
}
 
#top-bar div.open-menu a {
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
}
 
@media (max-width: 767px) {
    #side-bar:target {
        border: 1px black;
        box-shadow: none;
    }
}
 
#side-bar .side-block {
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
    background-color: #FDF6D7;
}
#side-bar .side-block.media {
    background-color:#D7EFE7;
}
#side-bar .side-block.resources {
    background-color:#F5D8E0;
}
 
#page-content .creditRate{
    margin: unset;
    margin-bottom: 4px;
}
#page-content .rate-box-with-credit-button {
    background-color: #ffffff;
    border: solid 1px #000;
    box-shadow: none;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: #333333;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: #333333;
    color: #ffffff;
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px #ffffff;
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
    box-shadow: none;
    border: solid 1px #000;
    margin: unset;
    margin-bottom: 4px;
    border-radius: 0;
}
 
div.page-rate-widget-box .rate-points {
    background-color: #ffffff;
    color: #333333;
    border: none;
    border-radius: 0;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #ffffff;
    border-top: none;
    border-bottom: none;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #333333;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #333333;
    color: #ffffff;
}
 
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: #ffffff;
    border: none;
    border-radius: 0;
}
 
.page-rate-widget-box .cancel a {
    color: #333333;
}
.page-rate-widget-box .cancel a:hover {
    background: #333333;
    color: #ffffff;
    border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
 
.anchor {
    position: sticky;
    height:0;
    top: 0;
}
.sidebox {
    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;
}
@media (max-width: 1290px) {
    .sidebox {
        display: none;
        visibility: hidden;
    }
 
    #header h2::before {
        font-size: 0.9em !important;
    }
}
 
.scp-image-block {
    box-shadow: none;
}
 
/* ---- 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: #333333;
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: #333333;
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: #efefef;
     border: unset;
     box-shadow: none;
     box-shadow: none;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #ffffff;
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: #333333;
}
 .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: #ffffff;
     background-color: #ffffff;
     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: #333333;
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: #ffffff;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: #ffffff;
     background-color: #333333;
}
 .yui-navset .yui-content {
    background-color: #ffffff;
    box-shadow: none;
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
    padding: .5em;
    border: 1px solid #333;
    box-sizing: border-box;
}
 
/*---- SCROLLBAR ----*/
 
::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    background: #FFF;
    border-left: 1px solid #333;
}
 
::-webkit-scrollbar-thumb {
     background: #CCC;
     border: #333 1px solid;
}
 
::-webkit-scrollbar-thumb:hover {
     background: #EEE;
}
 
/*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
 
.imagediv {
    float: right;
    margin: 15px
}
 
@media (max-width: 540px) {
  .imagediv {
    float: none;
    text-align:center;
    margin: auto;
  }
}
 
@media only screen and (max-width: 600px) {
    .scp-image-block.block-right{
        float: none;
        margin: 10px auto;
    }
}
 
/*---- ACS-COLORED TABLE DIVS ----*/
 
#page-content .table1 tr th,
#page-content .table1 .scp-image-block .scp-image-caption {
    background-color: #D7EFE7;
}
 
#page-content .table2 tr th,
#page-content .table2 .scp-image-block .scp-image-caption {
    background-color: #D8ECF4;
}
 
#page-content .table3 tr th,
#page-content .table3 .scp-image-block .scp-image-caption {
    background-color: #FDF6D7;
}
 
#page-content .table4 tr th,
#page-content .table4 .scp-image-block .scp-image-caption {
    background-color: #FFDABF;
}
 
#page-content .table5 tr th,
#page-content .table5 .scp-image-block .scp-image-caption {
    background-color: #F5D8E0;
}
 
#page-content .table6 tr th,
#page-content .table6 .scp-image-block .scp-image-caption {
    background-color: rgba(146, 0, 255, 0.2);
}
 
.tableb .wiki-content-table {
    border-collapse: separate;
    border-spacing: 2px;
}
 
.tableb .scp-image-block {
    border: none;
}
 
.tableb .scp-image-block img {
    border: #000 1px solid;
    box-sizing: border-box;
}
 
.tableb .scp-image-block .scp-image-caption {
    margin-top: 2px;
    border: #000 1px solid;
    box-sizing: border-box;
}
 
.top-left-box > .item {
  display: none;
}
 
/* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
span, a { word-break: normal !important }
 
.avatar-hover { display: none !important; }
 
#breadcrumbs, .pseudocrumbs {
    text-align: center;
    padding-top: 10px;
}
 
#main-content .page-tags span {
    max-width: 100%;
}
 
/* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
 
.fancyhr hr {
    border-top: 2vw solid transparent;
    background-color: rgba(var(--bright-accent), 0);
    height: 0;
    box-sizing: border-box;
    border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
 
.fancyborder {
    box-sizing: border-box;
    border: 2vw solid rgba(0,0,0,0.5);
    border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
    border-image-width: 6;
    padding: 2vw;
}

/* Flopstyle: LITE
 * [2020 Wikidot Theme]
 * Created by Lt Flops
 * Select CSS Styles Are Credited Where Necessary
 * -- (CC BY-SA 3.0) --
**/
 
/* -------- SIDE-BAR -------- */
 #side-bar .side-block{
     border-color: hsl(0, 0%, 20%);
     border-radius: 0;
}
 #side-bar .heading{
     color: hsl(0, 0%, 5%);
     border-bottom: solid 1px hsl(0, 0%, 20%);
}
 
/* -------- SIDEBOXES --------
 * By EstrellaYoshte
 * Adapted From 'Penumbra Theme'
**/
 .anchor{
     position: -webkit-sticky;
     position: sticky;
     top: 0;
 
     z-index: 5;
}
 .authorbox,
 .sidebox{
     position: absolute;
     width: calc((100vw - 870px) / 2);
     max-height: calc(100vh - 18rem);
     margin-right: 8px;
     padding: .3em 1.64em;
 
     box-sizing: border-box;
 
     z-index: 5;
}
 .authorbox{
     top: .5em;
     right: 103.5%;
     max-width: calc((100vw - 921.2px) / 2) !important;
     padding-right: 1em;
 
     font-size: 95%;
}
 .sidebox{
     left: 103.5%;
     margin-left: 1em;
     padding-left: 1em;
 
     background: hsl(0, 0%, 100%);
     border: 1px solid hsl(0, 0%, 73%);
     border-left: 8px solid var(--accentColor);
}
 .authorbox tr th,
 .authorbox tr td,
 .sidebox tr th,
 .sidebox tr td{
     padding: .25em !important;
}
 .flavorbox{
     width: 75%;
     margin: auto auto 5px;
     padding: 0 1em;
 
     border: 1px solid #888;
}
 
/* -------- Sidebox Mobile Optimization Courtesy of Woedenaz -------- */
 .limit{
     line-height: 1.5;
     z-index: 5;
}
 .limit br{
     display: block;
}
 @media (max-width: 1280px){
     .sidebox{
         width: auto;
         max-width: 65vw !important;
         top: .75rem;
         right: calc(((100vw - 45.8rem) / 2) * -1);
         left: initial;
         padding: 0 .4rem;
 
         background-color: var(--accentColor);
         border: 1px solid hsl(0, 0%, 73%);
         border-left: 8px solid var(--accentColor);
         border-radius: 0;
 
         overflow: visible;
         -webkit-clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
         clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
         -webkit-transition:
            color .2s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s;
         transition:
            color .2s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s;
         -o-transition:
            color .2s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s;
         transition:
            color .2s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s;
         transition:
            color .2s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s;
    }
     .sidebox::before,
     .sidebox::after{
         content: " ";
         position: absolute;
         right: 0;
    }
     .sidebox::before{
         width: 0;
         height: 0;
         top: calc(50% - .75rem);
 
         border-top: .75rem solid transparent;
         border-bottom: .75rem solid transparent;
         border-right: .75rem solid var(--accentColor);
 
         z-index: 10;
         transition: border .1s ease-in-out .1s;
    }
     .sidebox::after{
         width: 100%;
         max-width: .75rem;
         height: 100%;
         max-height: calc(100vh - 18rem);
         top: 0;
 
         background-color: hsl(0, 0%, 100%);
 
         z-index: -1;
         transition:
            box-shadow .5s ease-in-out .1s,
            max-width .5s ease-in-out .1s;
    }
     .sidebox > *{
         opacity: 0;
         -webkit-transition: opacity .2s ease-in-out .2s;
         -o-transition: opacity .2s ease-in-out .2s;
         transition: opacity .2s ease-in-out .2s;
    }
     .sidebox:hover{
         overflow: visible;
         -webkit-clip-path: inset(-.125rem -.25rem 0 0);
         clip-path: inset(-.125rem -.25rem 0 0);
         -webkit-transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s;
         transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s;
         -o-transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s;
         transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s;
         transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s;
    }
     .sidebox:hover::before{
         border-top: 0 solid transparent;
         border-bottom: 0 solid transparent;
    }
     .sidebox:hover::after{
         max-width: 100%;
         right: 0;
    }
     .sidebox:hover > *{
         opacity: 1;
    }
}
 @media (max-width: 768px){
     .sidebox,
     .sidebox:hover{
         right: calc(((100vw - (100% - 3rem)) / 2) * -1 + 1rem);
    }
}
 @media (max-width: 1280px){
     .authorbox{
         display: none;
         visibility: hidden;
    }
}
 
/* -------- GENERAL -------- */
 :root{
   --accentColor: hsl(0, 100%, 30%);
   --vivid-lime-green: hsl(112, 77%, 48%);
}
 body{
     color: hsl(0, 0%, 5%);
 
     word-break: unset;
}
 #search-top-box-input,
 #search-top-box-input:hover,
 #search-top-box-input:focus,
 #search-top-box-form input[type=submit],
 #search-top-box-form input[type=submit]:hover,
 #search-top-box-form input[type=submit]:focus,
 #top-bar ul li ul,
 #side-bar .side-block,
 .page-rate-widget-box,
 .scp-image-block{
     box-shadow: none;
}
 
/* -------- COLLAPSIBLES -------- */
 .collapsible-block-link {
     font-size: 120%;
     font-weight: bold;
}
 
/* Licensebox Collapsible */
 .licensebox {
     text-align: center;
}
 
 .licensebox blockquote,
 .licensebox div.blockquote {
     text-align: left;
}
 
/* -------- INFO BAR -------- */
 .info-container {
     --barColour: hsl(0, 89%, 18%);
}
 
 .info-container .collapsible-block-link {
     font-size: 100%;
}
 
 .info-container div.collapsible-block-content {
     padding: 0 .6rem 3rem;
}
 
 @media (max-width: 767px) {
     .info-container div.collapsible-block-content div {
          margin-right: 0;
          margin-left: 0;
    }
}
 
 .info-container .wiki-content-table {
     width: 90%;
}
 
/* -------- INFO PANE -------- */
 .creditRate{
     margin-right: 0 !important;
}
 .rate-box-with-credit-button{
     border-radius: 0 !important;
     box-shadow: none !important;
}
 .creditButton p a:hover,
 .creditButtonStandalone p a:hover{
     color: var(--vivid-lime-green) !important;
}
 div.credit.first .wiki-content-table {
     width: 100%;
}
 
/* -------- PAGE RATING -------- */
 .page-rate-widget-box{
     margin-right: 0;
}
 .page-rate-widget-box,
 div.page-rate-widget-box .rate-points{
     border-radius: 0;
}
 .page-rate-widget-box .cancel,
 .page-rate-widget-box .cancel a:hover{
     border-radius: 0 !important;
}
 
/* -------- FORMATTING | [GENERAL] -------- */
 #page-content h1,
 #page-content h2,
 #page-content h3,
 #page-content h4,
 #page-content h5,
 #page-content h6{
     display: flex;
     flex-direction: column;
     justify-content: center;
     margin-bottom: .57em;
 
     line-height: 1.2;
     text-align: center;
     text-underline-offset: 25%;
     word-break: unset;
}
 hr{
     height: 0;
     margin: 1em 0;
 
     background-color: transparent;
     border-top: 1px solid hsl(0, 0%, 67%);
}
 
 ol li{
     margin: 0 0 1em;
}
 ul{
     margin:1em 0;
}
 li, p{
     line-height: 1.5;
     text-underline-offset: 30%;
}
 .footnotes-footer, .bibitems{
     padding: 0 0 .5em;
}
 
/* -------- IMAGE BLOCK -------- */
.scp-image-block .scp-image-caption{
     font-size: 95%;
     line-height: 1.35;
     text-underline-offset: 30%;
}
 .scp-image-block.block-right{
     margin: 0 0 1em 2em;
}
 
/* -------- CUSTOM DIV BLOCKS -------- */
 .raisa-header, .pink-header,
 .oracle-header, .cicapoco-header{
     margin-bottom: 1em;
     padding: 0 .5em;
 
     text-align: center;
}
 
 .raisa-header{ /* ---- RAISA Notice Header ---- */
     background: hsl(60, 65%, 85%);
     border: 1px solid hsl(0, 0%, 60%);
}
 
 .pink-header{ /* ---- Pretty Header ---- */
     background: hsl(350, 100%, 85%);
     border: 1px solid hsl(0, 4%, 36%);
}
 .pink-header hr{
     border-color: hsl(0, 4%, 36%);
}
 
 .oracle-header{ /* ---- SPC's 'From the Desk of ORACLE' Header ---- */
     color: hsl(208, 100%, 97%);
     background: hsl(208, 67%, 44%);
     border: 1px solid hsl(0, 0%, 5%);
}
 .oracle-header hr{
     border-color: hsl(208, 100%, 97%);
}
 .img-resize img{ /* ---- Header Icons (See Example Formatting) ---- */
     float: left;
     width: auto;
     height: 8em;
     margin: .5em;
}
 
 .cicapoco-header{   /* ---- SPC's RAISA-Equivalent Header ---- */
     background: lightblue;
     border: 1px solid hsl(195, 50%, 39%);
}
 .cicapoco-header hr{
     border-color: hsl(195, 50%, 39%);
}
 
 .content-warning{   /* ---- Content Warning ---- */
     width: 75%;
     margin: 1rem auto;
     padding: 0 1rem;
 
     background: white;
     border: 3px double black;
 
     text-align: center;
}
 
 blockquote table.wiki-content-table th,
 div.blockquote table.wiki-content-table th{
     background-color: hsl(0, 0%, 89%);
}
 
 .alt-blockquote{ /* ---- Alternative Quote Block ---- */
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 96%);
     border: 1px solid hsl(0, 0%, 60%);
     border-radius: 1em;
}
 
 .lightweight{ /* ---- Lightweight Quote Block ---- */
     margin: 1em 3em;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 90%);
 
     text-align: left;
}
 
 .card-block{ /* ---- Decorative Quote Block ---- */
     margin: 1em 0;
     padding: .6em 1.2em;
 
     background: hsl(220, 15%, 93%);
     border-left: 8px solid var(--accentColor);
     border-radius: .48em;
}
 
 blockquote hr, div.blockquote hr, .alt-blockquote hr, .lightweight hr, .card-block hr{
     border-color: hsl(0, 0%, 67%);
}
 
 .log-header{ /* ---- Interview/Exploration Log Header ---- */
     margin-bottom: 1em;
     padding: 0 1em;
 
     background: hsl(0, 0%, 96%);
     border: 3px dashed hsl(0, 0%, 60%);
     border-radius: 2em;
}
 
 .report-box{ /* ---- Report Block ---- */
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     border: medium solid hsl(0, 0%, 5%);
}
 .report-box hr{
     border-color: hsl(0, 0%, 5%);
}
 
 .realistic-shadow{ /* ---- Better Shadows ---- */
     margin: 1em 0 2em 0;
     box-shadow:
          0 1px 1px hsla(0, 0%, 0%, .23),
          0 2px 2px hsla(0, 0%, 0%, .18),
          0 4px 4px hsla(0, 0%, 0%, .15),
          0 8px 8px hsla(0, 0%, 0%, .13);
}
 
 .report-box.red-tint{ /* ---- Alternative Report Block Variants ---- */
     background-color: hsl(360, 91%, 86%);
     border-color: hsl(360, 62%, 66%);
}
 .report-box.red-tint hr{
     border-color: hsl(360, 62%, 66%);
}
 
 .report-box.orange-tint{
     background-color: hsl(30, 91%, 86%);
     border-color: hsl(30, 62%, 66%);
}
 .report-box.orange-tint hr{
     border-color: hsl(30, 62%, 66%);
}
 
 .report-box.yellow-tint{
     background-color: hsl(60, 91%, 86%);
     border-color: hsl(60, 62%, 66%);
}
 .report-box.yellow-tint hr{
     border-color: hsl(60, 62%, 66%);
}
 
 .report-box.green-tint{
     background-color: hsl(120, 91%, 86%);
     border-color: hsl(120, 62%, 66%);
}
 .report-box.green-tint hr{
     border-color: hsl(120, 62%, 66%);
}
 
 .report-box.cyan-tint{
     background-color: hsl(180, 91%, 86%);
     border-color: hsl(180, 62%, 66%);
}
 .report-box.cyan-tint hr{
     border-color: hsl(180, 62%, 66%);
}
 
 .report-box.blue-tint{
     background-color: hsl(240, 91%, 86%);
     border-color: hsl(240, 62%, 66%);
}
 .report-box.blue-tint hr{
     border-color: hsl(240, 62%, 66%);
}
 
 .report-box.magenta-tint{
     background-color: hsl(300, 91%, 86%);
     border-color: hsl(300, 62%, 66%);
}
 .report-box.magenta-tint hr{
     border-color: hsl(300, 62%, 66%);
}
 
 .report-box.grey-tint{
     background-color: hsl(210, 9%, 86%);
     border-color: hsl(210, 15%, 42%);
}
 .report-box.grey-tint hr{
     border-color: hsl(210, 15%, 42%);
}
 
 .report-box.red-tint blockquote hr, .report-box.red-tint div.blockquote hr,
 .report-box.orange-tint blockquote hr, .report-box.orange-tint div.blockquote hr,
 .report-box.yellow-tint blockquote hr, .report-box.yellow-tint div.blockquote hr,
 .report-box.green-tint blockquote hr, .report-box.green-tint div.blockquote hr,
 .report-box.cyan-tint blockquote hr, .report-box.cyan-tint div.blockquote hr,
 .report-box.blue-tint blockquote hr, .report-box.blue-tint div.blockquote hr,
 .report-box.magenta-tint blockquote hr, .report-box.magenta-tint div.blockquote hr,
 .report-box.grey-tint blockquote hr, .report-box.grey-tint div.blockquote hr{
     border-color: hsl(0, 0%, 67%);
}
 
 div.o5-box{ /* ---- Overseer Document Block ---- */
     margin: 1em 6em;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 75%);
     border: medium solid hsl(0, 0%, 5%);
}
 div.o5-box hr{
     border-color: hsl(0, 0%, 5%);
}
 
 .faux-source{ /* ---- Mimics "Page Source" Appearance ---- */
     margin-bottom: 1em;
     padding: 0 2em;
 
     background-color: hsl(0, 0%, 100%);
     border: 1px dashed hsl(0, 0%, 67%);
 
     font-family: var(--mono-font);
}
 
 .narration{ /* ---- Mimics the Pages of a Book ---- */
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     border: 1px solid hsl(0, 0%, 63%);
}
 
 .warning-notice{ /* ---- Simple Warning Block (Adapted From 'SCP-3143') ---- */
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png);
     background-position: center;
     background-repeat: no-repeat;
     border: medium solid hsl(0, 0%, 5%);
 
     text-align: center;
}
 .warning-notice hr{
     border-color: hsl(0, 0%, 5%);
}
 
 .journal{ /* ---- Journal Block (Adapted From 'SCP-4003') ---- */
     margin: 1em 0;
     padding: .9em;
 
     background-image:
       linear-gradient(to top,
          hsl(201, 33%, 84%) 0%,
          hsl(60, 29%, 89%) 8%);
     background-position: 0 8px;
     background-size: 100% 1.3rem;
     border: 1px solid hsl(0, 0%, 80%);
     border-radius: .9em;
 
     font-family: "Architects Daughter", cursive;
}
 .journal p{
     margin: 0;
 
     font-size: 1.3rem;
     line-height: 1.3rem;
}
 
 .sms-message{ /* ---- SMS Message Block ---- */
     float: left;
     clear: left;
     width: 22.4em;
     margin: 0 0 1em;
     padding: 0 1.2em;
 
     background: hsl(0, 0%, 75%);
     border-radius: 2em;
 
     font-size: 112.5%;
     text-align: center;
}
 
 blockquote .collapsible-block-folded,
 .alt-blockquote .collapsible-block-folded,
 .lightweight .collapsible-block-folded,
 .card-block .collapsible-block-folded,
 .report-box .collapsible-block-folded,
 .o5-box .collapsible-block-folded,
 .narration .collapsible-block-folded,
 .journal .collapsible-block-folded,
 div.blockquote .collapsible-block-folded{
     /* ---- For Collapsibles Inside Divs | [CLOSED] ---- */
     padding: .75em 0;
     /* -------- */
}
 blockquote .collapsible-block-unfolded,
 .alt-blockquote .collapsible-block-unfolded,
 .lightweight .collapsible-block-unfolded,
 .card-block .collapsible-block-unfolded,
 .report-box .collapsible-block-unfolded,
 .o5-box .collapsible-block-unfolded,
 .narration .collapsible-block-unfolded,
 .journal .collapsible-block-unfolded,
 div.blockquote .collapsible-block-unfolded{
     /* ---- For Collapsibles Inside Divs | [OPEN] ---- */
     padding-top: .75em;
     /* -------- */
}
 
/* -------- FORMATTING | [SPECIAL] -------- */
 .centered{ /* ---- Center-Aligns Text ---- */
     text-align: center;
}
 
 .justified{ /* ---- Justify-Aligns Text ---- */
     text-align: justify;
}
 
 .indented{ /* ---- Indents Block by ½-inch/2em (Use Within Other Divs) ---- */
     text-indent: 2.4em;
}
 
 .indented .bibcite,
 .indented .bibitems,
 .indented .footnoteref,
 .indented .footnotes-footer,
 .indented .scp-image-block,
 .indented h1, .indented h2, .indented h3,
 .indented h4, .indented h5, .indented h6,
 .indented .image-container,
 .indented ol,
 .indented ul,
 .indented .centered{
     text-indent: 0;
}
 
 .rev-red, .rev-green, .rev-blue, .rev-yellow, .terminal-span{
     font-weight: bold;
}
 
 .rev-red{ /* ---- Red Document Revision Text ---- */
     color: hsl(360, 100%, 27%);
}
 
 .rev-green{ /* ---- Green Document Revision Text ---- */
     color: hsl(120, 100%, 27%);
}
 
 .rev-blue{ /* ---- Blue Document Revision Text ---- */
     color: hsl(240, 100%, 27%);
}
 
 .rev-yellow{ /* ---- Yellow Document Revision Text ---- */
     color: hsl(40, 100%, 40%);
}
 
 .terminal-span{ /* ---- Computer Terminal Text ---- */
     font-family: var(--mono-font);
     font-size: 110%;
     letter-spacing: .3px;
}
 
/* ---- Blinking Text Cursor (Adapted From 'Your Very First SCP!') ---- */
 .blinkbar{color: black; animation: blink 1.5s infinite;}
 @keyframes blink{to{opacity: .0;}}
 @keyframes flicker{0% {opacity: .9890; }5% {opacity: .5842; }10% {opacity: .9865; }20% {opacity: .0412; }20% {opacity: .6255; }25% {opacity: .3157; }30% {opacity: .7328; }35% {opacity: .4654; }40% {opacity: .9128; }45% {opacity: .2449; }50% {opacity: .5485; }55% {opacity: .6438; }60% {opacity: .1180; }65% {opacity: .9085; }70% {opacity: .0266; }75% {opacity: .6795; }80% {opacity: .7812; }85% {opacity: .0117; }90% {opacity: .2239; }95% {opacity: .8897; }100% {opacity: .2260; }}
 @keyframes overlay-anim{0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
 
 .lite-heading{ /* ---- Special Heading Area (Adapted From 'SCP-4058') ---- */
     clear: both;
     margin: 3.6em auto;
}
 .lite-heading h3{
     color: hsl(360, 100%, 27%);
}
 .lite-heading hr{
     width: 55%;
     margin: auto;
 
     border-width: medium;
}
 
 div.image-showcase{ /* ---- Alternative Image Showcase ---- */
     width: 25em;
     margin-bottom: 1em;
 
     background: hsl(0, 0%, 100%);
     border: 3px ridge hsl(0, 0%, 5%);
}
 div.image-showcase.block-center{
     margin-right: auto;
     margin-left: auto;
}
 
 .scene-break{ /* ---- Fancy Scene/Section Break ---- */
     width: 3.5em;
     margin: 2em 0;
}
 
 .listPagesNav{ margin-bottom: 5em; }
 .listPagesNav-prev, /* ---- ListPages Navigation (Adapted from 'SCP-5552') ---- */
 .listPagesNav-next{
     width: 45%;
     margin: 0 0 1em;
     padding: 0 2%;
 
     background: hsl(0, 0%, 90%);
     border: 1px solid hsl(0, 0%, 60%);
}
 .listPagesNav-prev{
     float: left;
     text-align: left;
}
 .listPagesNav-next{
     float: right;
     text-align: right;
}
 
 .fade-away{
     background: linear-gradient(to bottom, hsl(0, 0%, 95%), hsl(0, 0%, 5%));
}
 
 .footing::before{ /* ---- Page Footing ---- */
     content: " ";
     position: absolute;
     bottom: 1px;
     left: 0;
     right: 0;
 
     border-bottom: 2px solid hsl(0, 0%, 47%);
}
 .footing{
     position: relative;
     bottom: -2px;
     margin-bottom: 2px;
 
     border-bottom: 1px solid hsl(0, 0%, 47%);
}
 
 .related-flex{ /* ---- Related Articles Box ---- */
     display: flex;
     justify-content: center;
}
 .related{
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     border: thick solid hsla(0, 0%, 60%, 0.5);
 
     text-align: left;
}
 
 .series-nav{ /* ---- Series Navigation ---- */
     margin: .5em 0;
 
     background:
       linear-gradient(to bottom right,
          hsla(0, 0%, 100%, 1),
          hsla(0, 0%, 50%, .5));
     border: outset 1.5px hsl(0, 0%, 5%);
     border-radius: 2em;
 
     font-size: 85%;
     font-weight: bold;
     text-align: center;
}
 
/* -------- ADVANCED WARNING HEADER --------
 * Adapted From 'SCP-001-JP - indonootoko's Proposal'
 * See the Example at the Top of the Page
**/
 .orderwrapper{
     position: relative;
     width: auto;
 
     text-align: center;
}
 .council{
     position: relative;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 295px;
     height: 295px;
     margin: auto;
 
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 295px 295px;
}
 .ordertitle{
     position: absolute;
     top: 27px;
     left: 0;
     right: 0;
}
 .ordertitle h1{
     color: hsl(0, 0%, 5%);
 
     font-size: 220%;
     line-height: 90%;
}
 .orderdescription{
     position: absolute;
     top: 93px;
     left: 0;
     right: 0;
     width: 100%;
}
 .orderdescription h1{
     color: hsl(0, 0%, 5%);
 
     font-size: 120%;
}
 .orderdescription p{
     color: hsl(0, 0%, 5%);
 
     font-size: 90%;
}
 .itemno{
     position: absolute;
     bottom: 18px;
     left: 0;
     right: 0;
}
 .itemno h1{
     color: hsl(0, 0%, 5%);
 
     font-size: 170%;
}
 
/* ==== 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 ====
 * Adapted From 'Black Highlighter Theme'
**/
 .yui-navset * {
    transition:
       color 80ms cubic-bezier(.4, 0, .2, 1),
       background-color 80ms cubic-bezier(.4, 0, .2, 1);
}
 
 .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: hsl(360, 94%, 20%);
    box-shadow: 0 calc(.0625rem * 5) 0 0 hsl(360, 94%, 20%);
}
 
 .yui-navset .yui-nav a, /* == Link Modifier == */
 .yui-navset .yui-navset-top .yui-nav a {
    color: hsl(0, 0%, 5%);
    /* ==== Tab Background Colour | [UNSELECTED] ==== */
    background-color: hsl(0, 0%, 99%);
    /* ==== */
    background-image: none;
    border: unset;
}
 
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus {
    color: hsl(0, 0%, 96%);
    /* ==== Tab Background Colour | [HOVER] ==== */
    background-color: hsl(360, 100%, 27%);
    /* ==== */
}
 
 .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;
 
    background-color: hsl(0, 0%, 96%);
    border-color: transparent;
    box-shadow: 0 0 0 .0625rem hsl(360, 94%, 20%);
}
 
 .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: hsl(360, 94%, 20%);
    /* ==== */
}
 
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em {
    border: hsl(360, 94%, 20%);
}
 
 .yui-navset .yui-nav .selected a {
    width: 100%;
 
    color: hsl(0, 0%, 96%) !important;
    background-image: none;
}
 
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active {
    color: hsl(0, 0%, 96%);
    background-color: hsl(360, 94%, 20%);
}
 
 .yui-navset .yui-nav .selected a:hover {
    cursor: default;
}
 
 .yui-navset-left .yui-content {
    /* ==== Content Background ==== */
    background-color: hsl(0, 0%, 99%);
    /* ==== */
}
 
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content {
    padding: .5em;
    border-color: hsl(0, 0%, 60%);
}
 
/* -------- PAGE TAGS -------- */
 #main-content .page-tags{
     border-top: 1px solid hsl(0, 0%, 73%);
}
 #main-content .page-tags a{
     display: inline-block;
     height: .8125rem;
     margin: 0 0 .5rem .75rem;
     padding: .1875rem .3125rem .1875rem 0;
 
     color: hsl(0, 0%, 95%);
     background-color: hsl(0, 0%, 27%);
     border-bottom-right-radius: .25rem;
     border-top-right-radius: .25rem;
 
     line-height: 13px;
     line-height: .8125rem;
     font-size: 11px;
     font-size: .6875rem;
     font-weight: normal;
}
 #main-content .page-tags a:before{
     width: 0;
     height: 0;
     top: -.1875rem;
     left: -.625rem;
     padding: 0 .0625rem .1875rem;
 
     border-color: transparent hsl(0, 0%, 27%) transparent transparent;
     border-style: solid;
     border-width: .5rem .5rem .5rem 0;
}
 #main-content .page-tags a:before,
 #main-content .page-tags a:after{
     content: "";
     position: relative;
     float: left;
}
 #main-content .page-tags a:after{
     width: .25rem;
     height: .25rem;
     top: .2813rem;
     left: -.5rem;
 
     background-color: hsl(0, 0%, 100%);
     border-radius: .125rem;
}
 #main-content .page-tags span{
     max-width: 100%;
     border-top: .5rem solid transparent;
}
 
/* -------- WIKIWALK NAVIGATOR -------- */
 .footer-wikiwalk-nav {
    text-align: center;
}
 
/* -------- INTERWIKI -------- */
 div.scpnet-interwiki-wrapper{
     margin-bottom: 2rem;
}
 iframe.scpnet-interwiki-frame{
     width: 17.75em;
     min-height: 4.25em;
     margin-left: 4px;
 
     background: hsl(127, 050%, 94%);
     border: 1px solid hsl(0, 0%, 20%);
}
 #interwiki body{
     overflow: hidden;
}
 #interwiki .side-block{
     padding: 5px;
 
     background: 0;
     border: 0;
     box-shadow: none;
}
 #interwiki .heading{
     color: hsl(0, 0%, 5%);
     border-bottom: 1px solid hsl(0, 0%, 20%);
}
 #interwiki .menu-item img{
     display: none;
}
 
/* -------- SHOW-CHANGES HIGHLIGHTS -------- */
 .inline-diff ins::before{
     color: hsl(240, 100%, 93%);
}
 .inline-diff del::before{
     color: hsl(0, 100%, 90%);
}
 .inline-diff ins + del::before,
 .inline-diff del + ins::before{
     color: transparent;
}
 .inline-diff br + ins::before,
 .inline-diff br + del::before,
 .inline-diff ins:first-of-type::before,
 .inline-diff del:first-of-type::before{
     position: absolute;
     display: inline-block;
     left: -1em;
 
     content: "\f111";
     font: normal normal normal 16px/1 "FontAwesome";
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 
/* -------- PRESENTATION -------- */
 .templateInfo{
     margin: 1em 0;
     padding: 0 1em;
     background: hsl(0, 0%, 100%);
     border: 1px solid hsl(0, 0%, 87%);
}
 
/* -------- CROQSTYLE ALTERATIONS -------- */
 #edit-page-textarea{ font-family: unset; }
 tt{
     background-color: unset;
     font-size: unset;
     padding: unset;
     margin: unset;
     border-radius: unset;
}
 
/* ---- BETTERFOOTNOTES PATCH ---- */
 :root{
     --posX: calc(50% - 358px - 13rem) !important;
     --fnLinger: 1.5s !important;
}
 .fnnum{
     font-size: 90%;
}
 .fnnum:hover + .fncon{
     right: calc(-8vw - 4rem) !important;
}
 
/* -------- REDUCED MOTION ACCESSIBILITY -------- */
 @media (prefers-reduced-motion: reduce){
     *, *::before, *::after{
          animation-duration: .001s !important;
          animation-iteration-count: 1 !important;
          transition-duration: .001s !important;
    }
}
 
/* -------- MOBILE MEDIA QUERY -------- */
 @media (max-width: 479px){
     #header h1 a{
          font-size: 85%;
    }
     div.image-showcase{
          width: 90%;
    }
     div.o5-box{
          margin: 1em 0;
    }
}
 
/* -------- NOTE MEDIA QUERY -------- */
 @media (min-width: 480px) and (max-width: 580px){
     #header h1 a{
          font-size: 100%;
    }
     div.image-showcase{
          width: 100%;
    }
     div.o5-box{
          margin: .5em;
    }
}
 
/* -------- MINI TABLET MEDIA QUERY -------- */
 @media (min-width: 581px) and (max-width: 767px){
     #header h1 a{
          font-size: 120%;
    }
}
 @media (max-width: 767px){
     .open-menu a:hover{
          box-shadow: none;
    }
}
 
/* -------- TABLET MEDIA QUERY -------- */
 @media (min-width: 768px) and (max-width: 979px){
     #header h1 a{
          font-size: 140%;
    }
}

:root {

    /*----------------------*/
    /*---- BEDROCK VARS ----*/
    /*----------------------*/

    --header-logo: var(--logo);
    --logo: url('https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_lightmode.svg');

    --header-title: var(--title);
    --header-subtitle: var(--subtitle);
    --title: "SCP Foundation";
    --subtitle: "LOST IN PATTERNS";

    --main-content-width: 60rem;
    --main-content-top-margin: 1.5rem;
    --base-font-size: .875rem;
    --bottom-area-padding: calc(var(--true-font-size)*2);
    --side-bar-width: 17rem;
    --basalt-page-content-font-weight: 440;

    --header-font-primary: var(--UI-font-primary);
    --UI-font-primary: 'Sofia Sans';

    --basalt-overtone: 10, 10, 11;
    --basalt-undertone: var(--basalt-bright-element-color);
    --basalt-UI-dark-palette: 50, 50, 51;
    --basalt-bright-element-color: 150, 24, 43;
    --basalt-dark-element-color: 105, 17, 30;
    --basalt-alternate-color: 221, 119, 17;
    --basalt-primary-color: 252, 252, 252;
    --basalt-secondary-color: 245,245,245;
    --basalt-tertiary-color: 229, 229, 238;
    --basalt-main-text-color: 35, 35, 38;

    --title-border-color: var(--basalt-overtone);
    --license-area-divider-color: var(--basalt-overtone);
    --footer-divider-color: var(--basalt-overtone);
    --search-icon-color: var(--basalt-overtone);
    --hr-color: var(--general-border-color);
    --general-border-color: 220, 220, 220;
    --rate-module-cancel-color: var(--basalt-alternate-color);
    --scrollbar-thumb-color: var(--basalt-dark-element-color);
    --modal-fader-background-color: 0, 0, 0;

    --side-bar-heading-background-color: 0, 0, 2, 0.07;
    --side-bar-media-background-color: none; /* Disabled by default */
    --side-bar-resources-background-color: none; /* Disabled by default */
    --side-bar-button-background-hover: none; /* Disabled by default */
    --side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
    --side-bar-button-color-hover: var(--side-bar-button-color);

    /*---------------------*/
    /*---- BASALT VARS ----*/
    /*---------------------*/

    --basalt-UI-background-color: var(--basalt-secondary-color);
    --header-background-color: var(--basalt-UI-background-color);
    --side-bar-background-color: var(--basalt-UI-background-color);
    --bottom-area-background-color: var(--basalt-UI-background-color);
    --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
    --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
    --button-background-color: var(--basalt-UI-background-color);

    --basalt-UI-text-color: var(--basalt-main-text-color);
    --header-title-color: var(--basalt-UI-text-color);
    --header-subtitle-color: var(--basalt-UI-text-color);
    --top-bar-link-color: var(--basalt-UI-text-color);
    --search-icon-color: var(--basalt-UI-text-color);
    --side-bar-heading-text-color: var(--basalt-UI-text-color);
    --side-bar-link-color: var(--basalt-UI-text-color);
    --bottom-area-text-color: var(--basalt-UI-text-color);
    --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
    --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
    --button-text-color: var(--basalt-UI-text-color);
    --basalt-sub-text-color: var(--basalt-UI-text-color);

    --ACS-font: var(--header-font);
    --basalt-th-background-color: var(--basalt-UI-dark-palette);
    --basalt-th-text-color: var(--basalt-light-text-color);
    --image-caption-text-color: var(--basalt-main-text-color);
    --authorbox-background-color: var(--basalt-primary-color);
    --floatbox-background-color: 240, 240, 244;
    --document-background-color: 253, 253, 253;
    --darkdocument-background-color: 30, 30, 35;

    --header-drop-shadow-opacity: 0.1;
    --window-border-radius: 8px;

/*------------------------*/
/*---- BASALT CLASSES ----*/
/*------------------------*/

:is(div.blockquote, blockquote) {
    color: rgb(var(--basalt-main-text-color));
    overflow: auto;
}

:is(div.blockquote, blockquote):has(div.floatbox) {
    overflow: unset;
}

#page-content div.notation {
    max-width: 45rem;
}

div.notation {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding-inline: 1.1rem;
    padding-block: 0.9rem;
    background-color: rgb(var(--basalt-secondary-color));
    border-left: solid 0.25rem rgb(var(--general-border-color));
    border-right: solid 0.25rem rgb(var(--general-border-color));
    color: rgb(var(--basalt-main-text-color));
}

#page-content div.modal {
    max-width: 57rem;
}

div.modal {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding-inline: 1.5rem;
    padding-block: 0.5rem;
    background-color: rgb(var(--basalt-primary-color));
    border: solid 0.2rem rgb(var(--general-border-color));
    color: rgb(var(--basalt-main-text-color));
}

#page-content div.smallmodal {
    max-width: 47rem;
}

div.smallmodal {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding-inline: 1rem;
    padding-block: 0.2rem;
    background-color: rgb(var(--basalt-primary-color));
    border: solid 0.15rem rgb(var(--general-border-color));
    color: rgb(var(--basalt-main-text-color));
}

#page-content div:is(.jotting, .transcript) {
    max-width: 42rem;
}

div:is(.jotting, .transcript) {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding-inline: 1.5rem;
    padding-block: 0.2rem;
    background-color: rgb(var(--basalt-secondary-color));
    border: dashed 0.15rem rgb(var(--general-border-color));
    color: rgb(var(--basalt-main-text-color));
}

#page-content div.papernote {
    max-width: 30rem;
}

div.papernote {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding: 1rem 2rem;
    background-color: rgb(var(--basalt-tertiary-color));
    color: rgb(var(--basalt-main-text-color));
}

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

div:is(.document, .darkdocument) {
    display: block;
    margin-inline: auto;
    margin-block: 1.5em;
    padding: 1.5rem;
    position: relative;
    --posX: -20vw;
}

div.document {
    background-color: rgb(var(--document-background-color));
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
    color: rgb(50, 50, 53);
}

div.darkdocument {
    background-color: rgb(var(--darkdocument-background-color));
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
    color: rgb(195, 195, 200);
}

div:is(.document, .darkdocument)::before,
div:is(.document, .darkdocument)::after {
    content: "";
    height: 98%;
    position: absolute;
    width: 98%;
    z-index: -1;
}

div:is(.document, .darkdocument)::before {
    left: -5px;
    top: 4px;
    transform: rotate(-2.5deg);
}

div:is(.document, .darkdocument)::after {
    right: -3px;
    top: 1px;
    transform: rotate(1.4deg);
}

div:is(.document)::before,
div:is(.document)::after {
    background-color: rgb(var(--document-background-color));
}

div:is(.darkdocument)::before,
div:is(.darkdocument)::after {
    background-color: rgb(var(--darkdocument-background-color));
    opacity: 90%;
}

div.document::before {
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
}

div.document::after {
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
}

div.darkdocument::before {
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
}

div.darkdocument::after {
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
}

@media only screen and (max-width: 1020px) {

    div:is(.document, .darkdocument)::before,
    div:is(.document, .darkdocument)::after {
     display: none;
    }
}

div[class$="_memo"] {
    background: var(--memo-logo) rgba(var(--memo-color), 1);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 4rem;
    margin-inline: auto;
    margin-block: 2rem;
    padding-inline: 20px;
    padding-block: 10px;
    border: solid 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}

div[class$="_memo"]::before {
    content: var(--memo-heading);
    font-family: var(--UI-font);
    font-weight: 900;
    font-size: 1.3em;
    text-align: center;
    margin: 0 auto 1rem auto;
    display: flex;
    flex-direction: column;
    padding-top: 0.5em;
}

div.raisa_memo {
    --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
    --memo-color: 242, 242, 192;
}

div.classification_memo {
    --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
    --memo-color: 237, 245, 243;
}

div.ettra_memo {
    --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
    --memo-color: 245, 215, 215;
}

div.ethics_memo {
    --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
    --memo-color: 255, 219, 196;
}

div.temporal_memo {
    --memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
    --memo-color: 255, 255, 255;
}

div.overwatch_memo {
    --memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
    --memo-color: 227, 227, 227;
}

div.miscomm_memo {
    --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
    --memo-color: 238, 237, 250;
}

div.tribunal_memo {
    --memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
    --memo-logo: url(https://i.imgur.com/qavdzCV.png);
    --memo-color: 206, 237, 214;
}

div.external_memo {
    --memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
    --memo-logo: url(https://i.imgur.com/Vr7NkgK.png);
    --memo-color: 228, 211, 240;
}

div.administrator_memo {
    --memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
    --memo-logo: url(https://i.imgur.com/LMiY83P.png);
    --memo-color: 148, 148, 148;
}

div.archival_memo {
    --memo-heading: "NOTICE FROM THE ARCHIVAL DEPARTMENT";
    --memo-logo: url(https://i.imgur.com/CmXPO1U.png);
    --memo-color: 175, 217, 240;
}

.table1 {
    --basalt-th-background-color: var(--one-color);
}

.table2 {
    --basalt-th-background-color: var(--two-color);
}

.table3 {
    --basalt-th-background-color: var(--three-color);
    --basalt-th-text-color: var(--basalt-main-text-color);
}

.table4 {
    --basalt-th-background-color: var(--four-color);
}

.table5 {
    --basalt-th-background-color: var(--five-color);
}

.table6 {
    --basalt-th-background-color: var(--six-color);
}

div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
    border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
}

div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
    border-collapse: separate;
    border-spacing: 4px;
}

span:is(.bigtext, .bt) {
    font-family: var(--header-font);
    font-weight: bold;
}

span:is(.specialtext, .st) {
    font-family: var(--UI-font);
    font-weight: bold;
}

:is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
    color: rgb(var(--basalt-th-background-color));
}

#page-content div.floatbox {
    background-color: rgb(var(--floatbox-background-color));
    float: left;
    max-width: calc(var(--main-content-width)/2.25);
    box-sizing: border-box;
    margin: 0.25rem 1.25rem;
    margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
    padding-inline: 1.2rem;
    padding-block: 0.5rem;
    font-size: 0.9125em;
    border-radius: 7px;
    border: solid 0.12rem rgba(var(--general-border-color), 0.4);
}

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

@media only screen and (max-width: 640px) {
    #page-content div:is(.floatbox, .floatbox.right) {
     float: none;
     margin: 0.5rem auto;
     width: 100%;
    }
}

:is(.table-no-border, .authorbox) td {
    border-color: transparent !important;
}

.danger-diamond a {
    color: rgba(0,0,0,0) !important;
}


.memo {
    background: #edf5f3;
    font-family: 'Work Sans', sans-serif;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px 20px 20px 20px;
    word-break: break-word;
}

.email-example a {
    animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
    0% { color: transparent; }
    50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}

/* New paper class */
 
div.paper {
    background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
    box-shadow: 4px 6px 8px #a98;
    padding: 1em .5em 1em .5em;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
    font-size: 140%;
}
 
@media (max-width: 478px) {
    div.paper {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    Margin: .5em 0em .5em 0em;
    }
}







div.paper2 {
    border: none;
    padding: .5em;
    font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
    font-size: 140%;
    box-shadow: 4px 6px 8px #a98;
    background: linear-gradient(rgba(255, 255, 245, 0.3), rgba(245, 230, 205, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
}

.email-example .collapsible-block-folded a.collapsible-block-link {
    animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
    0% { color: transparent; }
    50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}


div.terminal{
    border: 1px solid black;
    border: solid 3px #BBBBBB;
    border-radius: 16px;
    background-color: #131;
    /* black shadow at the top of the terminal */
    background-image:
        radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
    background-position: center;
    display: block;
    /* shadow around the terminal */
    box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
    /* prevents scanline from forming a scrollwheel */
    overflow:hidden;
}
div.terminal blockquote {
    background-color: black;
    border: double 3px #80FF80
}
div.scanline{
    margin-top: -40%;
    width: 100%;
    height: 60px;
    position: relative;
    pointer-events: none;
    /* Safari 4.0 - 8.0 */
    -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
    animation: scan 12s linear 0s infinite; /* Same as above */
    background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}

div.text{
    color: rgba(128,255,128,0.8);
    padding: 40% 2em 0;
    font-family: monospace;
    font-size: 1.0em;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
}

@keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* Same as above.*/
}

div.text a {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
}
div.text a.newpage {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
}
div.text a:hover {
    color: #131;
    text-decoration: underline;
    background-color: #80FF80;
    padding: 1px;
}
div.text a:hover::before{
    content: "> ";
}

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

.agent {
    background-color:#002200;
    border: 3px solid #55AA55;
    color: #77CC77;
}

.site {
    background-color:#222200;
    border: 3px solid #AAAA55;
    color: #DDDD77;
}

/* HORIZONTAL RULES */
 
.fancyhr hr {
    border-top: 2vw solid transparent;
    background-color: rgba(var(--bright-accent), 0);
    height: 0;
    box-sizing: border-box;
    border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
 
.fancyborder {
    box-sizing: border-box;
    border: 2vw solid rgba(0,0,0,0.5);
    border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
    border-image-width: 6;
    padding: 2vw;
}

@supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
    .rainbow {
      background: linear-gradient(to right, #FF7F7F, #FFB27F, #e6e600, #A5FF7F, #7FC9FF, #D67FFF, #FF7FED);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: bold;
    }
}

@supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
    .flame {
      background: linear-gradient(to right, #FF7F7F, #FFB27F, #edda45);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: bold;
    }
}

.hover {
}
.hover:hover {
  text-decoration: none;
    border-bottom: none;
}

.hover span { display: none;}
.hover:hover span {
    position: absolute;
    display: inline;
    margin: 0px 0px;
    height: auto;
    width: auto;
    background: #FFF;
    border: 2px solid #34B;
    color: #000;
    padding: 1em;
}
.hover:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}

::selection {
  background: #ea6a4e;
  color: white;
}

a:link {
  color: #f74d28;
}
a:visited {
  color: #af361b;
}
a:hover {
  color: #f74d28;
}
a:active {
  color: #f74d28;
}

.fade-image {
  position: relative;
  display: inline-block;
}

.fade-image img {
  display: block;
  width: 100%;
  height: auto;
}

.fade-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255,195,114,1) 0%, rgba(255,195,114,0) 35%, rgba(255,190,102,0) 65%, rgba(255,190,102,1) 100%);
  pointer-events: none;
}

```
width: 1000px;
```

```
fade-image
```

[[include :scp-wiki:component:toggle-sidebar]]
[[include :scp-wiki:component:fade-in speed=1]]

[[module CSS]]
:root {
    --timeScale: -0.5;
    --timeDelay: 0s;
}
[[/module]]

[[>]]
[[module rate]]
[[/>]]
[[>]]
[[include :scp-wiki:component:author-label-source start=--
|name=Ampyrsand]]
**The Geometry of a Prison** by [[*user Ampyrsand]]
[[include :scp-wiki:component:author-label-source end=--]]
[[/>]]


@@ @@


##782935|“Well, Miss… or--"##

[[size 75%]]##3c3c3c|Here is your voice.##[[/size]]

##282975|“Just ‘Two’ is fine. That’s what the rest call me.”##

[[size 75%]]##3c3c3c|And here is hers. Here is your chance to prove it; to prove everything.##[[/size]]

##782935|“Right, um, Two. See, I don't want to waste your time. I believe my team has produced what you're looking for. One that works."##

She raises an eyebrow. Maybe opens her mouth to say something, just for a second, then closes it. Nervous, he's oblivious to it either way.

##782935|“//Reliably//. Probably."##

##282975|“I've heard that quite a bit recently, Dr. Berryman.”##

##782935|“J-Jonathan is fine. Jon. I mean, if you led with your... name? As well, then..."##

She tilts her head quizzically. Here //he// is, dictating to //her//.

##282975|“Very well, Jonathan.”##

He's silent. His knee begins to shake under the glass table.

##282975|“I've heard that quite a bit recently.”##

##782935|“Right, right. Well, if you'd like, I can certainly explain the..."##

##282975|“All the attempts I've thusfar heard have failed. We haven't okayed a single proposal.”##

##782935|“What were their methods? I suspect they won't have been able to produce the... er, the //effect// -- as we have."##

##282975|“Oh, they produced the effect, alright. Produced a little //too// much of the effect.”##

##782935|“What?"##

##282975|“See, most carried…”##

She hangs her head for a moment. Looks down and squints her eyes, like there's dust in the air.

##282975|“…Unnecessary risks.”##

He fidgets; his leg rocks back and forth under the table. Shakes uneasily up and down as he taps his foot against the floor. A nervous tic he could never shake.

##282975|“Sure, it has to take effect on the observer with absolute accuracy. That was the problem, //some// of the time. But you also don't want backlash, so to speak. And other times...”##

##282975|“Some of the deaths spread.”##

##782935|“Jesus."##

##282975|“I suppose part of it was our... our phraseology.”##

##782935|“Took the 'memetic' part of the idea just a bit too, uh... literally?"##

##282975|"Sure. If the vector could transmit from the words to your brain, there was rarely anything to prevent it from spreading one brain to another. Even the best infovirus they could conjure didn’t kill nearly quick enough to prevent potential spread. And the inoculation process?"##

##782935|“Borderline non-existent; I know. The science just isn't there yet."##

##282975|“You understand. So I hope you don't have more of the same to show me on //that// front, Jonathan.”##

##782935|“I don't, Two, ma'am."##

##282975|“That's a relief.”##

##782935|"Sure, we call my field memetics. But our team, we didn't... Let's put it this way. No mere communication; no grand psychic medium. In fact, we've pushed the very limits of //perception//, of the actual //intake//. In a very neurologically deep-seeded way. It's... something else entirely."##

##282975|“Sounds like it gets right to the root of the issue.”##

##782935|“It most certainly does. In a manner of speaking. Well..."##

##282975|“Don't be afraid to get into details. Tell me more.”##

##782935|“It is lethal — instantly. That I can assure you. Now, the sensation, the //observing// end, for lack of a better term, we don't really... Hm. We don't know how it--"##

##282975|“Don't //know//? Don't know what?”##

##782935|“Designing an image like this is an extraordinarily complex process. Most of it is guesswork. Even when something works, we aren't always sure why. Because, as I'm sure you're all too aware, taking observations on the effect in the conventional sense will have... obvious issues."##

##282975|“Of course. Tell me more about the methods that produced this... unique reaction, which you seem to be describing.”##

##782935|“See, it's rather about the way it..."##

Jon holds his hands just in front of him, almost clasping them together.

##782935|“I didn’t want it -- the trigger, that is -- to be based on //acquiring information//. That's a viral process, and it has its risks, like you've said. Rather, we wanted... Um, well, that's not entirely true. I didn’t want it to be acquiring a //certain// information. The information //in itself// shouldn't be what's lethal to ingest. Most good cognitohazards don't work that way."##

##782935|“No, we needed to trigger a more fundamental reaction. Trying to encode that much lethality in a normal packet of perceptual information wouldn't do. But changing the //amount// of information, well..."##

Two fixes on him with a glare. Up and down, his knee vibrates under the table as he taps his foot. He gets the message.

##782935|“If we could pack the image with so //much// information that the human brain couldn’t, uh, for lack of a better term, just couldn't handle it. That would amply accomplish the goal."##

##282975|“Of course. The 'unique fractal geometry' you outlined in your letter.”## This must be the most she's ever heard anyone repeat the word "information" in such time.

##782935|“Precisely. Its surface area is, theoretically, infinite. And with computers we can draw them to a startling degree of accuracy. But that was Professor Mandelbrot's breakthrough; few years ago. //Ours// is another one still."##

##782935|“See, the fractal is also a goldmine for memeticists. It's the vehicle geometry through which any visual effect can take hold, like has never been possible before. Infinite nooks and crannies to try and tweak and add things. Even just little effects, but slowly, bit by bit, they //accumulate//, and, and..."##

##282975|“But our brains compress complex information automatically. We can't see every atom; we simplify. The geometry might be infinite in //theory//, but there are only so many pixels on the page.”##

##782935|“Aha! And we had precisely the same problem. See, well..."##

Jon leans back in his chair. The rapid nervous taps continue. //Up, down, up down.// He holds up a hand and pinches two fingers in front of his eye in a gesture.

##782935|“Maybe you can't condense enough input in however many pixels to trigger the response by //density// overload. Maybe you can't. But what you certainly //could// do, is--"##

He spreads his arms wide, an expression of largeness.

##782935|“Increase the scale. The human eye has its limits, so focus the image on expanding them, not packing more of a punch into the hardware we have already. Use part of the image's memetic effect to //let// them take the rest of it in."##

Silence; she waits.

##782935|“I’m being serious. If you give the mind the ability to absorb more information than it can manage, things can get quite nasty, quite quick.”##

##282975|“What on Earth does that mean? You’re gonna give them a third eye?”##

Jon stares blankly at Two, sort of ignoring her remark.

##782935|“What? Well, we--”##

She opens hers.

##782935|“I-- uh, wow, I didn't-- Um, I--”##

##282975|“We all have a knack for something, Jonathan. Something beyond the here and now. You were telling me about yours.”##

##282975|“Please, continue.”##

##782935|”Well, well... Uhm, //expansion//, I was saying. Yes...”##

##782935|”That's what the primary anomalous effect does. Expand the capacity to absorb visual stimulus. In fact, because of the fractal geometry, it stacks that effect on top of itself, chaining it... as far down as we can see. Then further, and then further again, because each moment you observe it, that effect lets you look just a //little// bit deeper.”##

##282975|“It's recursive.”##

##782935|“//Exactly// the word we used in the paper. Not truly infinitely recursive, we don't think, but close enough.”##

##282975|“//Compounding//, perhaps.”##

##782935|“Take your pick.”##

Finally, she closes the thing. In an instant it disappears into her forehead.

[[size 75%]]##3c3c3c|//Wince.//##[[/size]]

##282975|“So, once we've done all this 'expanding', how does it... complete the deed? So to speak.”##

##782935|“That's where cognition becomes important. See, my background in memetics is from cybernetics and geometry: I can tell the computer what shapes to draw, make those types of adjustments to the image itself. But Josh has mastered the more inherent, neurological effects.”##

##782935|“Joshua Langford, my colleague. I apologize. See, he's been studying memetics from the //receiving// end -- human neuroanatomy -- for over a decade. And after years of trial and error, he's deduced a veritable encyclopedia of discrete effects; figured out how each one of them makes us tick. Distilled how to replicate them, often with upwards of 85% accuracy.”##

##282975|“Okay...”##

His leg shakes, faster, with some frantic rhythm unrecognizable to him. Up and down as the sole of his shoe hits floor and bounces off. 

##782935|“Over the past four years, he and I have p-painstakingly assembled and replicated these memetic triggers across the fractal. //One// miniscule effect at a ti--”##

##282975|“//Four years//? We only announced the reward for the Lethal Agent eight months ago.”##

##782935|“I know. Suffice it to say, memetic triggers have been a project of ours, of mine and Dr. Langford’s, for — for a long while.”##

O5-2 is silent.

##782935|“That isn’t somehow disqualifying, is it? Have I violated your trus—”##

##282975|“Not at all. I’d simply never heard of your work, doctor.”##

##782935|“We’re a small team, just us two and a few assistants, though we’ve been at it for a while. The Department took an interest a while ago; hasn’t intervened much with the project since.”##

##782935|“It’s a solitary craft. Anyhow. Minute tweak after minute tweak, like a painter, I like to think. Making the tiniest adjustments to the canvas, just over and over. Spend as long on an image as we've had to on this one, they call you crazy -- 'Vern, Josh, quit it, you're wasting your life away on some crapshoot chance?' But we persisted.”##

##282975|“I see why your project appears more… thought-out. More thoroughly explored.”##

##782935|"I’d hope so, yes. It’s— uh, a real honor, to hear that. I can assure you, ma’am, Two, on my reputation, our methods were as attentive— as meticulous as they could possibly be made."##

##282975|“I'd expect for nothing less.”##

##782935|"And you’d be right to. The process is //sickening// trial and error — no easier way but the way we did it. Painstaking guesswork, observation, adjustments, replication, repeat. When you’re confident you’ve made a bit of progress, scale it up to the real deal, and pray you don’t…"##

##782935|"Compromise… one of the assistants. Most often, thankfully, we had Disposables. Uh, where was I--"##

##282975|“Or pray you //do//. Because your objective is precisely that.”##

##782935|"That’s…"##

He gets quiet. There isn't much to say.

##282975|“I know. Possibly a difficult pill to swallow.”##

Eventually, Jon nods.

##782935|"Yes, I quite believe that’s my… hang-up, with it, as well. You’re right."##

##282975|“So you take no pleasure in killing, Jonathan.”##

[[size 75%]]##3c3c3c|//What?//##[[/size]]

##782935|"Of— of course not, ma’am."##

##282975|“It’s called sanity; treasure it in our organization. How about this. You have a family? Any children?”##

##782935|"One. Ava; light of my life. She’s nine."##

A repressed grimace appears on Two's face. She shakes her head ever so slightly, and is again stoically composed. 

##282975|“I see. So answer me this. Now, research, for the sake of knowledge, I understand. But you called forth this monster into the world, and then you brought it to //my// desk. You know it will kill people. Why?”##

He can't answer. He doesn't. A few beads of sweat flow down the side of his face. His leg shakes faster. He looks at the ground.

He seems to start to shake his head after a few seconds of the silence, it's //deafening//, he--

##282975|“I don't... I apologize. My official capacity as Overseer is to assess your research. We were getting off-track anyways. Please complete your explanation of the lethal function.”##

He looks back up.

##782935|"The, um... the effect. It isn't much."##

Jon pulls a briefcase from beneath his chair up to his lap. He fixes his hands firmly to the leather around the clasps.

##782935|"If we'd put it into any other kind of image, it would cause little more than a migraine. But //this// image; this specific one? //Years// spent engineering it such that that little memetic trigger holds just right."##

##282975|“The recursion.”##

##782935|"The recursion. As soon as you look at it, for even a fraction of a fraction of a second, all the involved effects latch to the mind of the observer. //Two// are magnified by the fractal, virtually ad infinitum. The amplifier -- I've just explained it. And then there's the migraine."##

##782935|"...Actually, it's first. By a split second."##

Lifting the case to the table, Jon fixes his gaze on Two, a grave expression. At least five different locking mechanisms are holding it shut; his grip remains uncomfortably tight.

##782935|"Of course, even with the recursive geometry, it can't be done infinitely. Like you said, we're limited in pixel count, if nothing else. Plus the amount of memetic material we can even stuff in there for you to see once you've got the magnifier. But with it, we've gotten pretty damned //close// to infinite, at least functionally speaking."##

##782935|"The image contained in this briefcase fractally reiterates and multiplies that otherwise tiny cognitohazard vector over //two hundred and thirty-seven thousand times// upon visual contact. And then, as you know, it gives your eyes all the detail you need to see them all. Every last one."##

##282975|“And that kills--”##

##782935|“It doesn't. At least not right away. You see every last one, literally. That's what I meant by 'sensation' -- we don't know if it lasts a split second or a million years from the victim's perspective. We know practically nothing about how it actually works or how it feels, once you're in it."##

He almost chuckles to himself. //Almost//.

##782935|“Nothing, of course, except for this: by all verifiable //outside// metrics, it's instantly lethal."##

##282975|“As long as it's quick.”##

Jon pauses for a moment, staring down at the floor through the table. Up and down taps his foot. Up and down. Up and down.

##782935|“Of course. Instant.”##

More sweat. [[size 75%]]##3c3c3c|Is it hot in here?##[[/size]]

##782935|“Perhaps, after exposure to thousands upon thousands of minute memetic triggers, it's actually exhaustion that does it. Maybe it's fear, or rage, if it actually is an eternity of exposure on their end: the adrenaline alone would do it. But whatever it is, the influx of information is just too much at once; nobody can withstand it."##

##282975|“Sensory overload.”##

##782935|“Exactly."##

She winces, again. [[size 75%]]##3c3c3c|Why is she--##[[/size]]

##782935|“That's that, your excellency. T-Two. I apologize.”##

Jon nods, but he's clearly not present. He fixes his eyes on the briefcase for several seconds. So does Two.

##282975|“One more thing. How could our personnel //with// proper clearance access whatever documentation is locked behind it?.”##

##782935|“Langford did most of the heavy lifting on the workaround. The inoculant. Explained it to me like wasp repellent for the mind. We screen you with the countermeme, which we've intricately fractalized to desensitize you to the exact parts of your neurology that'd otherwise be susceptible to the specific combination of amplifier and agent used in the main job."##

##282975|“Mhm...”##

##782935|“It won't even want to touch you once you've had the inoculating dose, and even if //one// manages to take hold, the other hundred-thousands won't duplicate and follow."##

##282975|“Do we have a working model of that as well?”##

##782935|"It's about seventy-five percent of the way done. Just gotta drop our eyes and spiral our T's..."##

[[size 75%]]##3c3c3c|Spiral our-- what are you saying? What's-- spiral? Spiral, spiral spiral spiral.##[[/size]]

It's just a few more drops, but he feels like he's drowning in sweat.

##282975|“Color me impressed, Jonathan.”##

He's shaking. //Tip tap, tip tap, tip tap, tip tap.// Up and down.

Two signals to a guard in the corner of the room. The tall, vested man nods before heading out of the office.

##782935|"Did the best we could. Not every day your life's work lines up so... so eerily with what O5 needs. I don't know; maybe I'm superstitious."##

##282975|“Now for the part I think we've established neither of us like.”##

The guard returns, clinging onto the handcuff links which bind the orange-suited D-Class who now follows behind him.

##41571c|"What's it this time, huh?"##

The man's voice is raspy and low. Jon senses a desperation somehow familiar to him. He can't wait to get this over with and leave; has the urge to close his eyes during the unpleasant affair and bolt out right this moment.

There's the leg, shaking again. His whole body shaking, like he's got the shivers.

[[size 75%]]##3c3c3c|//What's wrong with you//?##[[/size]]

##282975|“Open the briefcase, Jonathan.”##

He takes a deep breath, tapping the fingers on his left hand rapidly against the glass for several seconds, knee still furiously shaking. Eventually he manages to punch in all of the codes. Another deep breath. Two's gaze is fixed on the ground as she addresses the guard.

##282975|"Do not look inside the briefcase. Escort D-1854 back to the other room, give it to him, and then shut your eyes and the door. That will be all."##

##41571c|"Fuck's in that thing?"##

##282975|"Dr. Berryman, please hand the briefcase to my Factotum."##

One more deep breath. Jon raises up the briefcase, begins to look up to the guard, and moving to undo the final lock, averts his--

@@ @@

//**Slip.**//

@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
[[=]]
[[size 75%]]##3c3c3c|See it flash before you. A natal crib and a deathbed. Class in session at Cambridge: geometry, dimension theory, cybernetics, neural networks, the long scratch of your chalk across the board. A marriage made — and strained. Long hours and sleepless nights wasted away on trial and error in the lab. A girl running in the fields of Warks; the wreath of bishop's lace crowning her head. Joshua, head buried in his hands, faintly shaking, //what have we done//? Fleeting, a camera-shutter. And in the blink of an eye, it's gone.##[[/size]]

@@ @@
@@ @@
@@ @@
@@ @@

[[size 75%]]##3c3c3c|Again, the spirals. Unfeeling, unyielding, unforgiving traps they are. Merciless; the geometry of a prison, the downward destination of thousands of bound souls. No man in history has yet left a spiral once he's entered it, you think to yourself.##[[/size]]

@@ @@
@@ @@
@@ @@
@@ @@

[[size 75%]]##3c3c3c|Think you're some exception, Doctor? Think you're some //observer//, outside it all? Outside the //consequences//? You've brought this into fruition. You've turned the wheel of history. Jonathan Vernon Berryman, for all your ignorance, you have done more than you know.##[[/size]]

@@ @@
@@ @@
@@ @@
@@ @@

[[size 75%]]##3c3c3c|Now see your work. All of it. Every last detail.##[[/size]]
[[/=]]
@@ @@
@@ @@
@@ @@
@@ @@

@@ @@
@@ @@
@@ @@
@@ @@

[[div class="fade-image"]]
[[=image https://scp-wiki.wdfiles.com/local--files/scp-001/fractal-mka.jpeg style="width: 1000px;"]]
[[/div]]

@@ @@

[[>]]

Two-hundred-thirty-seven-thousand of them,

Swirling through your brain

Like leaves in a tornado--

See it spiral forever further

Down, down, and down.

@@ @@

**You did a very good job.**

[[/>]]

@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@



























































[[module CSS]]
/*
    BLANKSTYLE CSS
    [2021 Wikidot Theme]
    By Placeholder McD and HarryBlank
    Based on:
       Paperstack Theme by EstrellaYoshte
       Penumbra Theme by EstrellaYoshte
*/
 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
 
#page-content { font-size: .9rem; }
 
#main-content {
    top: -1.6rem;
    padding: 0.2em;
}
 
div#container-wrap {
     background-image: none;
}
 
div#header {
    background-image: none;
}
 
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
#header h2 { margin-top: 0.5rem; }
#header h1 span, #header h2 span { font-size: 0; display: none;}
#header h1 a::before, #header h2::before {
    color: #000;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif !important;
    text-shadow: none;
}
 
#header h1 a::before {
  content: var(--header-title, "SCP Foundation");
  font-weight: 400;
  font-size: 1.3em;
}
 
#header h2::before {
  content: var(--header-subtitle, "SECURE, CONTAIN, PROTECT.");
  font-weight: 700;
  font-size: 1.2em;
}
 
@media (max-width: 707px) {
    #header h1 a::before {
        font-size: 1.6em;
    }
}
 
#login-status,
#login-status a {
    color: #333333;
}
 
#page-title {
    display: none;
}
 
#footer, #footer a {
    background: transparent;
    color: #333333;
}
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: none;
    background: #333333;
    box-shadow: none;
    border-radius: 0px;
    color: #efefef;
}
 
#search-top-box input.empty {
    color: #999999;
}
 
#search-top-box {
    top: 2.3rem!important;
    right: 8px;
}
 
#top-bar { 
   display: flex;
   justify-content: center;
   right: 0;
   top: 7.9rem;
}
 
#top-bar, #top-bar a {
    color: #333333;
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    letter-spacing: 1px;
}
 
h1 {
    font-size: 2em;
}
 
h2 {
    font-size: 1.45em;
}
 
div#extra-div-1 {
    height: 180px;
    width: 100%;
    top: 0;
    position: absolute;
    background: url('https://scp-sandbox-3.wdfiles.com/local--files/collab%3Ablankfellowmcd/DoM_Logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: -1;
}
 
@media (max-width: 707px) {
    div#extra-div-1 {
        top: 15px;
    }
}
 
body {
    background-image: linear-gradient(
        to bottom,
        #D2CCC5, #F9F6F3 90px,
        #F9F6F3 50px, #FFFEFB 200px,
        #FFFEFB 700px, #FFB95B 100%);
    background-repeat: no-repeat;
}
 
:root {
  --timeScale: 1.5;
  --timeDelay: 1.5s;
  --posX: calc(50% - 358px - 13rem);
  --fnLinger: 1s;
}
 
#page-content hr {
    background-color: #000;
}
 
#page-content tr th {
    padding: 6px;
    border: #000 1px solid;
}
 
#page-content tr td {
    padding: 12px;
    border: #000 1px solid;
    line-height: 1.4;
}
 
#page-content .sidebox tr td, 
#page-content .sidebox tr th {
    padding: 0.35em;
}
 
#side-bar {
    border-right: 1px solid #333;
    background: #DDD;
}
 
#side-bar .side-block {
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
}
 
#top-bar div.open-menu a {
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
}
 
@media (max-width: 767px) {
    #side-bar:target {
        border: 1px black;
        box-shadow: none;
    }
}
 
#side-bar .side-block {
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: none;
    background-color: #FDF6D7;
}
#side-bar .side-block.media {
    background-color:#D7EFE7;
}
#side-bar .side-block.resources {
    background-color:#F5D8E0;
}
 
#page-content .creditRate{
    margin: unset;
    margin-bottom: 4px;
}
#page-content .rate-box-with-credit-button {
    background-color: #ffffff;
    border: solid 1px #000;
    box-shadow: none;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: #333333;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: #333333;
    color: #ffffff;
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px #ffffff;
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
    box-shadow: none;
    border: solid 1px #000;
    margin: unset;
    margin-bottom: 4px;
    border-radius: 0;
}
 
div.page-rate-widget-box .rate-points {
    background-color: #ffffff;
    color: #333333;
    border: none;
    border-radius: 0;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #ffffff;
    border-top: none;
    border-bottom: none;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #333333;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #333333;
    color: #ffffff;
}
 
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: #ffffff;
    border: none;
    border-radius: 0;
}
 
.page-rate-widget-box .cancel a {
    color: #333333;
}
.page-rate-widget-box .cancel a:hover {
    background: #333333;
    color: #ffffff;
    border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box { border: none; }
 
.anchor {
    position: sticky;
    height:0;
    top: 0;
}
.sidebox {
    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;
}
@media (max-width: 1290px) {
    .sidebox {
        display: none;
        visibility: hidden;
    }
 
    #header h2::before {
        font-size: 0.9em !important;
    }
}
 
.scp-image-block {
    box-shadow: none;
}
 
/* ---- 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: #333333;
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: #333333;
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: #efefef;
     border: unset;
     box-shadow: none;
     box-shadow: none;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #ffffff;
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: #333333;
}
 .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: #ffffff;
     background-color: #ffffff;
     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: #333333;
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: #ffffff;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: #ffffff;
     background-color: #333333;
}
 .yui-navset .yui-content {
    background-color: #ffffff;
    box-shadow: none;
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
    padding: .5em;
    border: 1px solid #333;
    box-sizing: border-box;
}
 
/*---- SCROLLBAR ----*/
 
::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    background: #FFF;
    border-left: 1px solid #333;
}
 
::-webkit-scrollbar-thumb {
     background: #CCC;
     border: #333 1px solid;
}
 
::-webkit-scrollbar-thumb:hover {
     background: #EEE;
}
 
/*---- CENTER IMAGES ON MOBILE courtesy of EstrellaYoshte and PeppersGhost ----*/
 
.imagediv {
    float: right;
    margin: 15px
}
 
@media (max-width: 540px) {
  .imagediv {
    float: none;
    text-align:center;
    margin: auto;
  }
}
 
@media only screen and (max-width: 600px) {
    .scp-image-block.block-right{
        float: none;
        margin: 10px auto;
    }
}
 
/*---- ACS-COLORED TABLE DIVS ----*/
 
#page-content .table1 tr th,
#page-content .table1 .scp-image-block .scp-image-caption {
    background-color: #D7EFE7;
}
 
#page-content .table2 tr th,
#page-content .table2 .scp-image-block .scp-image-caption {
    background-color: #D8ECF4;
}
 
#page-content .table3 tr th,
#page-content .table3 .scp-image-block .scp-image-caption {
    background-color: #FDF6D7;
}
 
#page-content .table4 tr th,
#page-content .table4 .scp-image-block .scp-image-caption {
    background-color: #FFDABF;
}
 
#page-content .table5 tr th,
#page-content .table5 .scp-image-block .scp-image-caption {
    background-color: #F5D8E0;
}
 
#page-content .table6 tr th,
#page-content .table6 .scp-image-block .scp-image-caption {
    background-color: rgba(146, 0, 255, 0.2);
}
 
.tableb .wiki-content-table {
    border-collapse: separate;
    border-spacing: 2px;
}
 
.tableb .scp-image-block {
    border: none;
}
 
.tableb .scp-image-block img {
    border: #000 1px solid;
    box-sizing: border-box;
}
 
.tableb .scp-image-block .scp-image-caption {
    margin-top: 2px;
    border: #000 1px solid;
    box-sizing: border-box;
}
 
.top-left-box > .item {
  display: none;
}
 
/* ---- WORDS NO LONGER BROKEN, THE CROQUEMBOUCHE HAS SPOKEN ---- */
span, a { word-break: normal !important }
 
.avatar-hover { display: none !important; }
 
#breadcrumbs, .pseudocrumbs {
    text-align: center;
    padding-top: 10px;
}
 
#main-content .page-tags span {
    max-width: 100%;
}
 
/* -- FANCY THINGS from Woedenaz's Dustjacket Theme -- */
 
.fancyhr hr {
    border-top: 2vw solid transparent;
    background-color: rgba(var(--bright-accent), 0);
    height: 0;
    box-sizing: border-box;
    border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
 
.fancyborder {
    box-sizing: border-box;
    border: 2vw solid rgba(0,0,0,0.5);
    border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
    border-image-width: 6;
    padding: 2vw;
}
[[/module]]

[[include :scp-wiki:component:acs-animation]]



































[[module CSS]]
/* Flopstyle: LITE
 * [2020 Wikidot Theme]
 * Created by Lt Flops
 * Select CSS Styles Are Credited Where Necessary
 * -- (CC BY-SA 3.0) --
**/
 
/* -------- SIDE-BAR -------- */
 #side-bar .side-block{
     border-color: hsl(0, 0%, 20%);
     border-radius: 0;
}
 #side-bar .heading{
     color: hsl(0, 0%, 5%);
     border-bottom: solid 1px hsl(0, 0%, 20%);
}
 
/* -------- SIDEBOXES --------
 * By EstrellaYoshte
 * Adapted From 'Penumbra Theme'
**/
 .anchor{
     position: -webkit-sticky;
     position: sticky;
     top: 0;
 
     z-index: 5;
}
 .authorbox,
 .sidebox{
     position: absolute;
     width: calc((100vw - 870px) / 2);
     max-height: calc(100vh - 18rem);
     margin-right: 8px;
     padding: .3em 1.64em;
 
     box-sizing: border-box;
 
     z-index: 5;
}
 .authorbox{
     top: .5em;
     right: 103.5%;
     max-width: calc((100vw - 921.2px) / 2) !important;
     padding-right: 1em;
 
     font-size: 95%;
}
 .sidebox{
     left: 103.5%;
     margin-left: 1em;
     padding-left: 1em;
 
     background: hsl(0, 0%, 100%);
     border: 1px solid hsl(0, 0%, 73%);
     border-left: 8px solid var(--accentColor);
}
 .authorbox tr th,
 .authorbox tr td,
 .sidebox tr th,
 .sidebox tr td{
     padding: .25em !important;
}
 .flavorbox{
     width: 75%;
     margin: auto auto 5px;
     padding: 0 1em;
 
     border: 1px solid #888;
}
 
/* -------- Sidebox Mobile Optimization Courtesy of Woedenaz -------- */
 .limit{
     line-height: 1.5;
     z-index: 5;
}
 .limit br{
     display: block;
}
 @media (max-width: 1280px){
     .sidebox{
         width: auto;
         max-width: 65vw !important;
         top: .75rem;
         right: calc(((100vw - 45.8rem) / 2) * -1);
         left: initial;
         padding: 0 .4rem;
 
         background-color: var(--accentColor);
         border: 1px solid hsl(0, 0%, 73%);
         border-left: 8px solid var(--accentColor);
         border-radius: 0;
 
         overflow: visible;
         -webkit-clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
         clip-path: inset(-.125rem -.25rem 0 calc(100% - 1.275rem));
         -webkit-transition:
            color .2s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s;
         transition:
            color .2s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s;
         -o-transition:
            color .2s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s;
         transition:
            color .2s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s;
         transition:
            color .2s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s;
    }
     .sidebox::before,
     .sidebox::after{
         content: " ";
         position: absolute;
         right: 0;
    }
     .sidebox::before{
         width: 0;
         height: 0;
         top: calc(50% - .75rem);
 
         border-top: .75rem solid transparent;
         border-bottom: .75rem solid transparent;
         border-right: .75rem solid var(--accentColor);
 
         z-index: 10;
         transition: border .1s ease-in-out .1s;
    }
     .sidebox::after{
         width: 100%;
         max-width: .75rem;
         height: 100%;
         max-height: calc(100vh - 18rem);
         top: 0;
 
         background-color: hsl(0, 0%, 100%);
 
         z-index: -1;
         transition:
            box-shadow .5s ease-in-out .1s,
            max-width .5s ease-in-out .1s;
    }
     .sidebox > *{
         opacity: 0;
         -webkit-transition: opacity .2s ease-in-out .2s;
         -o-transition: opacity .2s ease-in-out .2s;
         transition: opacity .2s ease-in-out .2s;
    }
     .sidebox:hover{
         overflow: visible;
         -webkit-clip-path: inset(-.125rem -.25rem 0 0);
         clip-path: inset(-.125rem -.25rem 0 0);
         -webkit-transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s;
         transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s;
         -o-transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s;
         transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s;
         transition:
            color .5s ease-in-out .2s,
            right .5s ease-in-out .1s,
            clip-path .5s ease-in-out .1s,
            box-shadow .5s ease-in-out .1s,
            -webkit-clip-path .5s ease-in-out .1s,
            -webkit-box-shadow .5s ease-in-out .1s;
    }
     .sidebox:hover::before{
         border-top: 0 solid transparent;
         border-bottom: 0 solid transparent;
    }
     .sidebox:hover::after{
         max-width: 100%;
         right: 0;
    }
     .sidebox:hover > *{
         opacity: 1;
    }
}
 @media (max-width: 768px){
     .sidebox,
     .sidebox:hover{
         right: calc(((100vw - (100% - 3rem)) / 2) * -1 + 1rem);
    }
}
 @media (max-width: 1280px){
     .authorbox{
         display: none;
         visibility: hidden;
    }
}
 
/* -------- GENERAL -------- */
 :root{
   --accentColor: hsl(0, 100%, 30%);
   --vivid-lime-green: hsl(112, 77%, 48%);
}
 body{
     color: hsl(0, 0%, 5%);
 
     word-break: unset;
}
 #search-top-box-input,
 #search-top-box-input:hover,
 #search-top-box-input:focus,
 #search-top-box-form input[type=submit],
 #search-top-box-form input[type=submit]:hover,
 #search-top-box-form input[type=submit]:focus,
 #top-bar ul li ul,
 #side-bar .side-block,
 .page-rate-widget-box,
 .scp-image-block{
     box-shadow: none;
}
 
/* -------- COLLAPSIBLES -------- */
 .collapsible-block-link {
     font-size: 120%;
     font-weight: bold;
}
 
/* Licensebox Collapsible */
 .licensebox {
     text-align: center;
}
 
 .licensebox blockquote,
 .licensebox div.blockquote {
     text-align: left;
}
 
/* -------- INFO BAR -------- */
 .info-container {
     --barColour: hsl(0, 89%, 18%);
}
 
 .info-container .collapsible-block-link {
     font-size: 100%;
}
 
 .info-container div.collapsible-block-content {
     padding: 0 .6rem 3rem;
}
 
 @media (max-width: 767px) {
     .info-container div.collapsible-block-content div {
          margin-right: 0;
          margin-left: 0;
    }
}
 
 .info-container .wiki-content-table {
     width: 90%;
}
 
/* -------- INFO PANE -------- */
 .creditRate{
     margin-right: 0 !important;
}
 .rate-box-with-credit-button{
     border-radius: 0 !important;
     box-shadow: none !important;
}
 .creditButton p a:hover,
 .creditButtonStandalone p a:hover{
     color: var(--vivid-lime-green) !important;
}
 div.credit.first .wiki-content-table {
     width: 100%;
}
 
/* -------- PAGE RATING -------- */
 .page-rate-widget-box{
     margin-right: 0;
}
 .page-rate-widget-box,
 div.page-rate-widget-box .rate-points{
     border-radius: 0;
}
 .page-rate-widget-box .cancel,
 .page-rate-widget-box .cancel a:hover{
     border-radius: 0 !important;
}
 
/* -------- FORMATTING | [GENERAL] -------- */
 #page-content h1,
 #page-content h2,
 #page-content h3,
 #page-content h4,
 #page-content h5,
 #page-content h6{
     display: flex;
     flex-direction: column;
     justify-content: center;
     margin-bottom: .57em;
 
     line-height: 1.2;
     text-align: center;
     text-underline-offset: 25%;
     word-break: unset;
}
 hr{
     height: 0;
     margin: 1em 0;
 
     background-color: transparent;
     border-top: 1px solid hsl(0, 0%, 67%);
}
 
 ol li{
     margin: 0 0 1em;
}
 ul{
     margin:1em 0;
}
 li, p{
     line-height: 1.5;
     text-underline-offset: 30%;
}
 .footnotes-footer, .bibitems{
     padding: 0 0 .5em;
}
 
/* -------- IMAGE BLOCK -------- */
.scp-image-block .scp-image-caption{
     font-size: 95%;
     line-height: 1.35;
     text-underline-offset: 30%;
}
 .scp-image-block.block-right{
     margin: 0 0 1em 2em;
}
 
/* -------- CUSTOM DIV BLOCKS -------- */
 .raisa-header, .pink-header,
 .oracle-header, .cicapoco-header{
     margin-bottom: 1em;
     padding: 0 .5em;
 
     text-align: center;
}
 
 .raisa-header{ /* ---- RAISA Notice Header ---- */
     background: hsl(60, 65%, 85%);
     border: 1px solid hsl(0, 0%, 60%);
}
 
 .pink-header{ /* ---- Pretty Header ---- */
     background: hsl(350, 100%, 85%);
     border: 1px solid hsl(0, 4%, 36%);
}
 .pink-header hr{
     border-color: hsl(0, 4%, 36%);
}
 
 .oracle-header{ /* ---- SPC's 'From the Desk of ORACLE' Header ---- */
     color: hsl(208, 100%, 97%);
     background: hsl(208, 67%, 44%);
     border: 1px solid hsl(0, 0%, 5%);
}
 .oracle-header hr{
     border-color: hsl(208, 100%, 97%);
}
 .img-resize img{ /* ---- Header Icons (See Example Formatting) ---- */
     float: left;
     width: auto;
     height: 8em;
     margin: .5em;
}
 
 .cicapoco-header{   /* ---- SPC's RAISA-Equivalent Header ---- */
     background: lightblue;
     border: 1px solid hsl(195, 50%, 39%);
}
 .cicapoco-header hr{
     border-color: hsl(195, 50%, 39%);
}
 
 .content-warning{   /* ---- Content Warning ---- */
     width: 75%;
     margin: 1rem auto;
     padding: 0 1rem;
 
     background: white;
     border: 3px double black;
 
     text-align: center;
}
 
 blockquote table.wiki-content-table th,
 div.blockquote table.wiki-content-table th{
     background-color: hsl(0, 0%, 89%);
}
 
 .alt-blockquote{ /* ---- Alternative Quote Block ---- */
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 96%);
     border: 1px solid hsl(0, 0%, 60%);
     border-radius: 1em;
}
 
 .lightweight{ /* ---- Lightweight Quote Block ---- */
     margin: 1em 3em;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 90%);
 
     text-align: left;
}
 
 .card-block{ /* ---- Decorative Quote Block ---- */
     margin: 1em 0;
     padding: .6em 1.2em;
 
     background: hsl(220, 15%, 93%);
     border-left: 8px solid var(--accentColor);
     border-radius: .48em;
}
 
 blockquote hr, div.blockquote hr, .alt-blockquote hr, .lightweight hr, .card-block hr{
     border-color: hsl(0, 0%, 67%);
}
 
 .log-header{ /* ---- Interview/Exploration Log Header ---- */
     margin-bottom: 1em;
     padding: 0 1em;
 
     background: hsl(0, 0%, 96%);
     border: 3px dashed hsl(0, 0%, 60%);
     border-radius: 2em;
}
 
 .report-box{ /* ---- Report Block ---- */
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     border: medium solid hsl(0, 0%, 5%);
}
 .report-box hr{
     border-color: hsl(0, 0%, 5%);
}
 
 .realistic-shadow{ /* ---- Better Shadows ---- */
     margin: 1em 0 2em 0;
     box-shadow:
          0 1px 1px hsla(0, 0%, 0%, .23),
          0 2px 2px hsla(0, 0%, 0%, .18),
          0 4px 4px hsla(0, 0%, 0%, .15),
          0 8px 8px hsla(0, 0%, 0%, .13);
}
 
 .report-box.red-tint{ /* ---- Alternative Report Block Variants ---- */
     background-color: hsl(360, 91%, 86%);
     border-color: hsl(360, 62%, 66%);
}
 .report-box.red-tint hr{
     border-color: hsl(360, 62%, 66%);
}
 
 .report-box.orange-tint{
     background-color: hsl(30, 91%, 86%);
     border-color: hsl(30, 62%, 66%);
}
 .report-box.orange-tint hr{
     border-color: hsl(30, 62%, 66%);
}
 
 .report-box.yellow-tint{
     background-color: hsl(60, 91%, 86%);
     border-color: hsl(60, 62%, 66%);
}
 .report-box.yellow-tint hr{
     border-color: hsl(60, 62%, 66%);
}
 
 .report-box.green-tint{
     background-color: hsl(120, 91%, 86%);
     border-color: hsl(120, 62%, 66%);
}
 .report-box.green-tint hr{
     border-color: hsl(120, 62%, 66%);
}
 
 .report-box.cyan-tint{
     background-color: hsl(180, 91%, 86%);
     border-color: hsl(180, 62%, 66%);
}
 .report-box.cyan-tint hr{
     border-color: hsl(180, 62%, 66%);
}
 
 .report-box.blue-tint{
     background-color: hsl(240, 91%, 86%);
     border-color: hsl(240, 62%, 66%);
}
 .report-box.blue-tint hr{
     border-color: hsl(240, 62%, 66%);
}
 
 .report-box.magenta-tint{
     background-color: hsl(300, 91%, 86%);
     border-color: hsl(300, 62%, 66%);
}
 .report-box.magenta-tint hr{
     border-color: hsl(300, 62%, 66%);
}
 
 .report-box.grey-tint{
     background-color: hsl(210, 9%, 86%);
     border-color: hsl(210, 15%, 42%);
}
 .report-box.grey-tint hr{
     border-color: hsl(210, 15%, 42%);
}
 
 .report-box.red-tint blockquote hr, .report-box.red-tint div.blockquote hr,
 .report-box.orange-tint blockquote hr, .report-box.orange-tint div.blockquote hr,
 .report-box.yellow-tint blockquote hr, .report-box.yellow-tint div.blockquote hr,
 .report-box.green-tint blockquote hr, .report-box.green-tint div.blockquote hr,
 .report-box.cyan-tint blockquote hr, .report-box.cyan-tint div.blockquote hr,
 .report-box.blue-tint blockquote hr, .report-box.blue-tint div.blockquote hr,
 .report-box.magenta-tint blockquote hr, .report-box.magenta-tint div.blockquote hr,
 .report-box.grey-tint blockquote hr, .report-box.grey-tint div.blockquote hr{
     border-color: hsl(0, 0%, 67%);
}
 
 div.o5-box{ /* ---- Overseer Document Block ---- */
     margin: 1em 6em;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 75%);
     border: medium solid hsl(0, 0%, 5%);
}
 div.o5-box hr{
     border-color: hsl(0, 0%, 5%);
}
 
 .faux-source{ /* ---- Mimics "Page Source" Appearance ---- */
     margin-bottom: 1em;
     padding: 0 2em;
 
     background-color: hsl(0, 0%, 100%);
     border: 1px dashed hsl(0, 0%, 67%);
 
     font-family: var(--mono-font);
}
 
 .narration{ /* ---- Mimics the Pages of a Book ---- */
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     border: 1px solid hsl(0, 0%, 63%);
}
 
 .warning-notice{ /* ---- Simple Warning Block (Adapted From 'SCP-3143') ---- */
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png);
     background-position: center;
     background-repeat: no-repeat;
     border: medium solid hsl(0, 0%, 5%);
 
     text-align: center;
}
 .warning-notice hr{
     border-color: hsl(0, 0%, 5%);
}
 
 .journal{ /* ---- Journal Block (Adapted From 'SCP-4003') ---- */
     margin: 1em 0;
     padding: .9em;
 
     background-image:
       linear-gradient(to top,
          hsl(201, 33%, 84%) 0%,
          hsl(60, 29%, 89%) 8%);
     background-position: 0 8px;
     background-size: 100% 1.3rem;
     border: 1px solid hsl(0, 0%, 80%);
     border-radius: .9em;
 
     font-family: "Architects Daughter", cursive;
}
 .journal p{
     margin: 0;
 
     font-size: 1.3rem;
     line-height: 1.3rem;
}
 
 .sms-message{ /* ---- SMS Message Block ---- */
     float: left;
     clear: left;
     width: 22.4em;
     margin: 0 0 1em;
     padding: 0 1.2em;
 
     background: hsl(0, 0%, 75%);
     border-radius: 2em;
 
     font-size: 112.5%;
     text-align: center;
}
 
 blockquote .collapsible-block-folded,
 .alt-blockquote .collapsible-block-folded,
 .lightweight .collapsible-block-folded,
 .card-block .collapsible-block-folded,
 .report-box .collapsible-block-folded,
 .o5-box .collapsible-block-folded,
 .narration .collapsible-block-folded,
 .journal .collapsible-block-folded,
 div.blockquote .collapsible-block-folded{
     /* ---- For Collapsibles Inside Divs | [CLOSED] ---- */
     padding: .75em 0;
     /* -------- */
}
 blockquote .collapsible-block-unfolded,
 .alt-blockquote .collapsible-block-unfolded,
 .lightweight .collapsible-block-unfolded,
 .card-block .collapsible-block-unfolded,
 .report-box .collapsible-block-unfolded,
 .o5-box .collapsible-block-unfolded,
 .narration .collapsible-block-unfolded,
 .journal .collapsible-block-unfolded,
 div.blockquote .collapsible-block-unfolded{
     /* ---- For Collapsibles Inside Divs | [OPEN] ---- */
     padding-top: .75em;
     /* -------- */
}
 
/* -------- FORMATTING | [SPECIAL] -------- */
 .centered{ /* ---- Center-Aligns Text ---- */
     text-align: center;
}
 
 .justified{ /* ---- Justify-Aligns Text ---- */
     text-align: justify;
}
 
 .indented{ /* ---- Indents Block by ½-inch/2em (Use Within Other Divs) ---- */
     text-indent: 2.4em;
}
 
 .indented .bibcite,
 .indented .bibitems,
 .indented .footnoteref,
 .indented .footnotes-footer,
 .indented .scp-image-block,
 .indented h1, .indented h2, .indented h3,
 .indented h4, .indented h5, .indented h6,
 .indented .image-container,
 .indented ol,
 .indented ul,
 .indented .centered{
     text-indent: 0;
}
 
 .rev-red, .rev-green, .rev-blue, .rev-yellow, .terminal-span{
     font-weight: bold;
}
 
 .rev-red{ /* ---- Red Document Revision Text ---- */
     color: hsl(360, 100%, 27%);
}
 
 .rev-green{ /* ---- Green Document Revision Text ---- */
     color: hsl(120, 100%, 27%);
}
 
 .rev-blue{ /* ---- Blue Document Revision Text ---- */
     color: hsl(240, 100%, 27%);
}
 
 .rev-yellow{ /* ---- Yellow Document Revision Text ---- */
     color: hsl(40, 100%, 40%);
}
 
 .terminal-span{ /* ---- Computer Terminal Text ---- */
     font-family: var(--mono-font);
     font-size: 110%;
     letter-spacing: .3px;
}
 
/* ---- Blinking Text Cursor (Adapted From 'Your Very First SCP!') ---- */
 .blinkbar{color: black; animation: blink 1.5s infinite;}
 @keyframes blink{to{opacity: .0;}}
 @keyframes flicker{0% {opacity: .9890; }5% {opacity: .5842; }10% {opacity: .9865; }20% {opacity: .0412; }20% {opacity: .6255; }25% {opacity: .3157; }30% {opacity: .7328; }35% {opacity: .4654; }40% {opacity: .9128; }45% {opacity: .2449; }50% {opacity: .5485; }55% {opacity: .6438; }60% {opacity: .1180; }65% {opacity: .9085; }70% {opacity: .0266; }75% {opacity: .6795; }80% {opacity: .7812; }85% {opacity: .0117; }90% {opacity: .2239; }95% {opacity: .8897; }100% {opacity: .2260; }}
 @keyframes overlay-anim{0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
 
 .lite-heading{ /* ---- Special Heading Area (Adapted From 'SCP-4058') ---- */
     clear: both;
     margin: 3.6em auto;
}
 .lite-heading h3{
     color: hsl(360, 100%, 27%);
}
 .lite-heading hr{
     width: 55%;
     margin: auto;
 
     border-width: medium;
}
 
 div.image-showcase{ /* ---- Alternative Image Showcase ---- */
     width: 25em;
     margin-bottom: 1em;
 
     background: hsl(0, 0%, 100%);
     border: 3px ridge hsl(0, 0%, 5%);
}
 div.image-showcase.block-center{
     margin-right: auto;
     margin-left: auto;
}
 
 .scene-break{ /* ---- Fancy Scene/Section Break ---- */
     width: 3.5em;
     margin: 2em 0;
}
 
 .listPagesNav{ margin-bottom: 5em; }
 .listPagesNav-prev, /* ---- ListPages Navigation (Adapted from 'SCP-5552') ---- */
 .listPagesNav-next{
     width: 45%;
     margin: 0 0 1em;
     padding: 0 2%;
 
     background: hsl(0, 0%, 90%);
     border: 1px solid hsl(0, 0%, 60%);
}
 .listPagesNav-prev{
     float: left;
     text-align: left;
}
 .listPagesNav-next{
     float: right;
     text-align: right;
}
 
 .fade-away{
     background: linear-gradient(to bottom, hsl(0, 0%, 95%), hsl(0, 0%, 5%));
}
 
 .footing::before{ /* ---- Page Footing ---- */
     content: " ";
     position: absolute;
     bottom: 1px;
     left: 0;
     right: 0;
 
     border-bottom: 2px solid hsl(0, 0%, 47%);
}
 .footing{
     position: relative;
     bottom: -2px;
     margin-bottom: 2px;
 
     border-bottom: 1px solid hsl(0, 0%, 47%);
}
 
 .related-flex{ /* ---- Related Articles Box ---- */
     display: flex;
     justify-content: center;
}
 .related{
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     border: thick solid hsla(0, 0%, 60%, 0.5);
 
     text-align: left;
}
 
 .series-nav{ /* ---- Series Navigation ---- */
     margin: .5em 0;
 
     background:
       linear-gradient(to bottom right,
          hsla(0, 0%, 100%, 1),
          hsla(0, 0%, 50%, .5));
     border: outset 1.5px hsl(0, 0%, 5%);
     border-radius: 2em;
 
     font-size: 85%;
     font-weight: bold;
     text-align: center;
}
 
/* -------- ADVANCED WARNING HEADER --------
 * Adapted From 'SCP-001-JP - indonootoko's Proposal'
 * See the Example at the Top of the Page
**/
 .orderwrapper{
     position: relative;
     width: auto;
 
     text-align: center;
}
 .council{
     position: relative;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 295px;
     height: 295px;
     margin: auto;
 
     background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 295px 295px;
}
 .ordertitle{
     position: absolute;
     top: 27px;
     left: 0;
     right: 0;
}
 .ordertitle h1{
     color: hsl(0, 0%, 5%);
 
     font-size: 220%;
     line-height: 90%;
}
 .orderdescription{
     position: absolute;
     top: 93px;
     left: 0;
     right: 0;
     width: 100%;
}
 .orderdescription h1{
     color: hsl(0, 0%, 5%);
 
     font-size: 120%;
}
 .orderdescription p{
     color: hsl(0, 0%, 5%);
 
     font-size: 90%;
}
 .itemno{
     position: absolute;
     bottom: 18px;
     left: 0;
     right: 0;
}
 .itemno h1{
     color: hsl(0, 0%, 5%);
 
     font-size: 170%;
}
 
/* ==== 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 ====
 * Adapted From 'Black Highlighter Theme'
**/
 .yui-navset * {
    transition:
       color 80ms cubic-bezier(.4, 0, .2, 1),
       background-color 80ms cubic-bezier(.4, 0, .2, 1);
}
 
 .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: hsl(360, 94%, 20%);
    box-shadow: 0 calc(.0625rem * 5) 0 0 hsl(360, 94%, 20%);
}
 
 .yui-navset .yui-nav a, /* == Link Modifier == */
 .yui-navset .yui-navset-top .yui-nav a {
    color: hsl(0, 0%, 5%);
    /* ==== Tab Background Colour | [UNSELECTED] ==== */
    background-color: hsl(0, 0%, 99%);
    /* ==== */
    background-image: none;
    border: unset;
}
 
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus {
    color: hsl(0, 0%, 96%);
    /* ==== Tab Background Colour | [HOVER] ==== */
    background-color: hsl(360, 100%, 27%);
    /* ==== */
}
 
 .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;
 
    background-color: hsl(0, 0%, 96%);
    border-color: transparent;
    box-shadow: 0 0 0 .0625rem hsl(360, 94%, 20%);
}
 
 .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: hsl(360, 94%, 20%);
    /* ==== */
}
 
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em {
    border: hsl(360, 94%, 20%);
}
 
 .yui-navset .yui-nav .selected a {
    width: 100%;
 
    color: hsl(0, 0%, 96%) !important;
    background-image: none;
}
 
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active {
    color: hsl(0, 0%, 96%);
    background-color: hsl(360, 94%, 20%);
}
 
 .yui-navset .yui-nav .selected a:hover {
    cursor: default;
}
 
 .yui-navset-left .yui-content {
    /* ==== Content Background ==== */
    background-color: hsl(0, 0%, 99%);
    /* ==== */
}
 
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content {
    padding: .5em;
    border-color: hsl(0, 0%, 60%);
}
 
/* -------- PAGE TAGS -------- */
 #main-content .page-tags{
     border-top: 1px solid hsl(0, 0%, 73%);
}
 #main-content .page-tags a{
     display: inline-block;
     height: .8125rem;
     margin: 0 0 .5rem .75rem;
     padding: .1875rem .3125rem .1875rem 0;
 
     color: hsl(0, 0%, 95%);
     background-color: hsl(0, 0%, 27%);
     border-bottom-right-radius: .25rem;
     border-top-right-radius: .25rem;
 
     line-height: 13px;
     line-height: .8125rem;
     font-size: 11px;
     font-size: .6875rem;
     font-weight: normal;
}
 #main-content .page-tags a:before{
     width: 0;
     height: 0;
     top: -.1875rem;
     left: -.625rem;
     padding: 0 .0625rem .1875rem;
 
     border-color: transparent hsl(0, 0%, 27%) transparent transparent;
     border-style: solid;
     border-width: .5rem .5rem .5rem 0;
}
 #main-content .page-tags a:before,
 #main-content .page-tags a:after{
     content: "";
     position: relative;
     float: left;
}
 #main-content .page-tags a:after{
     width: .25rem;
     height: .25rem;
     top: .2813rem;
     left: -.5rem;
 
     background-color: hsl(0, 0%, 100%);
     border-radius: .125rem;
}
 #main-content .page-tags span{
     max-width: 100%;
     border-top: .5rem solid transparent;
}
 
/* -------- WIKIWALK NAVIGATOR -------- */
 .footer-wikiwalk-nav {
    text-align: center;
}
 
/* -------- INTERWIKI -------- */
 div.scpnet-interwiki-wrapper{
     margin-bottom: 2rem;
}
 iframe.scpnet-interwiki-frame{
     width: 17.75em;
     min-height: 4.25em;
     margin-left: 4px;
 
     background: hsl(127, 050%, 94%);
     border: 1px solid hsl(0, 0%, 20%);
}
 #interwiki body{
     overflow: hidden;
}
 #interwiki .side-block{
     padding: 5px;
 
     background: 0;
     border: 0;
     box-shadow: none;
}
 #interwiki .heading{
     color: hsl(0, 0%, 5%);
     border-bottom: 1px solid hsl(0, 0%, 20%);
}
 #interwiki .menu-item img{
     display: none;
}
 
/* -------- SHOW-CHANGES HIGHLIGHTS -------- */
 .inline-diff ins::before{
     color: hsl(240, 100%, 93%);
}
 .inline-diff del::before{
     color: hsl(0, 100%, 90%);
}
 .inline-diff ins + del::before,
 .inline-diff del + ins::before{
     color: transparent;
}
 .inline-diff br + ins::before,
 .inline-diff br + del::before,
 .inline-diff ins:first-of-type::before,
 .inline-diff del:first-of-type::before{
     position: absolute;
     display: inline-block;
     left: -1em;
 
     content: "\f111";
     font: normal normal normal 16px/1 "FontAwesome";
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 
/* -------- PRESENTATION -------- */
 .templateInfo{
     margin: 1em 0;
     padding: 0 1em;
     background: hsl(0, 0%, 100%);
     border: 1px solid hsl(0, 0%, 87%);
}
 
/* -------- CROQSTYLE ALTERATIONS -------- */
 #edit-page-textarea{ font-family: unset; }
 tt{
     background-color: unset;
     font-size: unset;
     padding: unset;
     margin: unset;
     border-radius: unset;
}
 
/* ---- BETTERFOOTNOTES PATCH ---- */
 :root{
     --posX: calc(50% - 358px - 13rem) !important;
     --fnLinger: 1.5s !important;
}
 .fnnum{
     font-size: 90%;
}
 .fnnum:hover + .fncon{
     right: calc(-8vw - 4rem) !important;
}
 
/* -------- REDUCED MOTION ACCESSIBILITY -------- */
 @media (prefers-reduced-motion: reduce){
     *, *::before, *::after{
          animation-duration: .001s !important;
          animation-iteration-count: 1 !important;
          transition-duration: .001s !important;
    }
}
 
/* -------- MOBILE MEDIA QUERY -------- */
 @media (max-width: 479px){
     #header h1 a{
          font-size: 85%;
    }
     div.image-showcase{
          width: 90%;
    }
     div.o5-box{
          margin: 1em 0;
    }
}
 
/* -------- NOTE MEDIA QUERY -------- */
 @media (min-width: 480px) and (max-width: 580px){
     #header h1 a{
          font-size: 100%;
    }
     div.image-showcase{
          width: 100%;
    }
     div.o5-box{
          margin: .5em;
    }
}
 
/* -------- MINI TABLET MEDIA QUERY -------- */
 @media (min-width: 581px) and (max-width: 767px){
     #header h1 a{
          font-size: 120%;
    }
}
 @media (max-width: 767px){
     .open-menu a:hover{
          box-shadow: none;
    }
}
 
/* -------- TABLET MEDIA QUERY -------- */
 @media (min-width: 768px) and (max-width: 979px){
     #header h1 a{
          font-size: 140%;
    }
}
[[/module]]

















[[module CSS]]
:root {

    /*----------------------*/
    /*---- BEDROCK VARS ----*/
    /*----------------------*/

    --header-logo: var(--logo);
    --logo: url('https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_lightmode.svg');

    --header-title: var(--title);
    --header-subtitle: var(--subtitle);
    --title: "SCP Foundation";
    --subtitle: "LOST IN PATTERNS";

    --main-content-width: 60rem;
    --main-content-top-margin: 1.5rem;
    --base-font-size: .875rem;
    --bottom-area-padding: calc(var(--true-font-size)*2);
    --side-bar-width: 17rem;
    --basalt-page-content-font-weight: 440;

    --header-font-primary: var(--UI-font-primary);
    --UI-font-primary: 'Sofia Sans';

    --basalt-overtone: 10, 10, 11;
    --basalt-undertone: var(--basalt-bright-element-color);
    --basalt-UI-dark-palette: 50, 50, 51;
    --basalt-bright-element-color: 150, 24, 43;
    --basalt-dark-element-color: 105, 17, 30;
    --basalt-alternate-color: 221, 119, 17;
    --basalt-primary-color: 252, 252, 252;
    --basalt-secondary-color: 245,245,245;
    --basalt-tertiary-color: 229, 229, 238;
    --basalt-main-text-color: 35, 35, 38;

    --title-border-color: var(--basalt-overtone);
    --license-area-divider-color: var(--basalt-overtone);
    --footer-divider-color: var(--basalt-overtone);
    --search-icon-color: var(--basalt-overtone);
    --hr-color: var(--general-border-color);
    --general-border-color: 220, 220, 220;
    --rate-module-cancel-color: var(--basalt-alternate-color);
    --scrollbar-thumb-color: var(--basalt-dark-element-color);
    --modal-fader-background-color: 0, 0, 0;

    --side-bar-heading-background-color: 0, 0, 2, 0.07;
    --side-bar-media-background-color: none; /* Disabled by default */
    --side-bar-resources-background-color: none; /* Disabled by default */
    --side-bar-button-background-hover: none; /* Disabled by default */
    --side-bar-heading-text-color-hover: 255, 255, 255, 0.4;
    --side-bar-button-color-hover: var(--side-bar-button-color);

    /*---------------------*/
    /*---- BASALT VARS ----*/
    /*---------------------*/

    --basalt-UI-background-color: var(--basalt-secondary-color);
    --header-background-color: var(--basalt-UI-background-color);
    --side-bar-background-color: var(--basalt-UI-background-color);
    --bottom-area-background-color: var(--basalt-UI-background-color);
    --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
    --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
    --button-background-color: var(--basalt-UI-background-color);

    --basalt-UI-text-color: var(--basalt-main-text-color);
    --header-title-color: var(--basalt-UI-text-color);
    --header-subtitle-color: var(--basalt-UI-text-color);
    --top-bar-link-color: var(--basalt-UI-text-color);
    --search-icon-color: var(--basalt-UI-text-color);
    --side-bar-heading-text-color: var(--basalt-UI-text-color);
    --side-bar-link-color: var(--basalt-UI-text-color);
    --bottom-area-text-color: var(--basalt-UI-text-color);
    --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
    --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
    --button-text-color: var(--basalt-UI-text-color);
    --basalt-sub-text-color: var(--basalt-UI-text-color);

    --ACS-font: var(--header-font);
    --basalt-th-background-color: var(--basalt-UI-dark-palette);
    --basalt-th-text-color: var(--basalt-light-text-color);
    --image-caption-text-color: var(--basalt-main-text-color);
    --authorbox-background-color: var(--basalt-primary-color);
    --floatbox-background-color: 240, 240, 244;
    --document-background-color: 253, 253, 253;
    --darkdocument-background-color: 30, 30, 35;

    --header-drop-shadow-opacity: 0.1;
    --window-border-radius: 8px;

/*------------------------*/
/*---- BASALT CLASSES ----*/
/*------------------------*/

:is(div.blockquote, blockquote) {
    color: rgb(var(--basalt-main-text-color));
    overflow: auto;
}

:is(div.blockquote, blockquote):has(div.floatbox) {
    overflow: unset;
}

#page-content div.notation {
    max-width: 45rem;
}

div.notation {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding-inline: 1.1rem;
    padding-block: 0.9rem;
    background-color: rgb(var(--basalt-secondary-color));
    border-left: solid 0.25rem rgb(var(--general-border-color));
    border-right: solid 0.25rem rgb(var(--general-border-color));
    color: rgb(var(--basalt-main-text-color));
}

#page-content div.modal {
    max-width: 57rem;
}

div.modal {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding-inline: 1.5rem;
    padding-block: 0.5rem;
    background-color: rgb(var(--basalt-primary-color));
    border: solid 0.2rem rgb(var(--general-border-color));
    color: rgb(var(--basalt-main-text-color));
}

#page-content div.smallmodal {
    max-width: 47rem;
}

div.smallmodal {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding-inline: 1rem;
    padding-block: 0.2rem;
    background-color: rgb(var(--basalt-primary-color));
    border: solid 0.15rem rgb(var(--general-border-color));
    color: rgb(var(--basalt-main-text-color));
}

#page-content div:is(.jotting, .transcript) {
    max-width: 42rem;
}

div:is(.jotting, .transcript) {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding-inline: 1.5rem;
    padding-block: 0.2rem;
    background-color: rgb(var(--basalt-secondary-color));
    border: dashed 0.15rem rgb(var(--general-border-color));
    color: rgb(var(--basalt-main-text-color));
}

#page-content div.papernote {
    max-width: 30rem;
}

div.papernote {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding: 1rem 2rem;
    background-color: rgb(var(--basalt-tertiary-color));
    color: rgb(var(--basalt-main-text-color));
}

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

div:is(.document, .darkdocument) {
    display: block;
    margin-inline: auto;
    margin-block: 1.5em;
    padding: 1.5rem;
    position: relative;
    --posX: -20vw;
}

div.document {
    background-color: rgb(var(--document-background-color));
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.2);
    color: rgb(50, 50, 53);
}

div.darkdocument {
    background-color: rgb(var(--darkdocument-background-color));
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
    color: rgb(195, 195, 200);
}

div:is(.document, .darkdocument)::before,
div:is(.document, .darkdocument)::after {
    content: "";
    height: 98%;
    position: absolute;
    width: 98%;
    z-index: -1;
}

div:is(.document, .darkdocument)::before {
    left: -5px;
    top: 4px;
    transform: rotate(-2.5deg);
}

div:is(.document, .darkdocument)::after {
    right: -3px;
    top: 1px;
    transform: rotate(1.4deg);
}

div:is(.document)::before,
div:is(.document)::after {
    background-color: rgb(var(--document-background-color));
}

div:is(.darkdocument)::before,
div:is(.darkdocument)::after {
    background-color: rgb(var(--darkdocument-background-color));
    opacity: 90%;
}

div.document::before {
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.1);
}

div.document::after {
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 0, 0.1), 0px 6px 15px -4px rgba(0, 0, 0, 0.05);
}

div.darkdocument::before {
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.9);
}

div.darkdocument::after {
    box-shadow: 0px 1px 1.9px -4px rgba(0, 0, 10, 0.8), 0px 6px 15px -4px rgba(0, 0, 7, 0.05);
}

@media only screen and (max-width: 1020px) {

    div:is(.document, .darkdocument)::before,
    div:is(.document, .darkdocument)::after {
     display: none;
    }
}

div[class$="_memo"] {
    background: var(--memo-logo) rgba(var(--memo-color), 1);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 4rem;
    margin-inline: auto;
    margin-block: 2rem;
    padding-inline: 20px;
    padding-block: 10px;
    border: solid 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}

div[class$="_memo"]::before {
    content: var(--memo-heading);
    font-family: var(--UI-font);
    font-weight: 900;
    font-size: 1.3em;
    text-align: center;
    margin: 0 auto 1rem auto;
    display: flex;
    flex-direction: column;
    padding-top: 0.5em;
}

div.raisa_memo {
    --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
    --memo-color: 242, 242, 192;
}

div.classification_memo {
    --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
    --memo-color: 237, 245, 243;
}

div.ettra_memo {
    --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
    --memo-color: 245, 215, 215;
}

div.ethics_memo {
    --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
    --memo-color: 255, 219, 196;
}

div.temporal_memo {
    --memo-heading: "NOTICE FROM THE DEPARTMENT OF TEMPORAL ANOMALIES";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
    --memo-color: 255, 255, 255;
}

div.overwatch_memo {
    --memo-heading: "BY ORDER OF THE OVERSEER COUNCIL";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
    --memo-color: 227, 227, 227;
}

div.miscomm_memo {
    --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
    --memo-color: 238, 237, 250;
}

div.tribunal_memo {
    --memo-heading: "VERDICT FROM THE INTERNAL TRIBUNAL DEPARTMENT";
    --memo-logo: url(https://i.imgur.com/qavdzCV.png);
    --memo-color: 206, 237, 214;
}

div.external_memo {
    --memo-heading: "MEMORANDUM FROM THE EXTERNAL RELATIONS BOARD";
    --memo-logo: url(https://i.imgur.com/Vr7NkgK.png);
    --memo-color: 228, 211, 240;
}

div.administrator_memo {
    --memo-heading: "FROM THE OFFICE OF THE ADMINISTRATOR";
    --memo-logo: url(https://i.imgur.com/LMiY83P.png);
    --memo-color: 148, 148, 148;
}

div.archival_memo {
    --memo-heading: "NOTICE FROM THE ARCHIVAL DEPARTMENT";
    --memo-logo: url(https://i.imgur.com/CmXPO1U.png);
    --memo-color: 175, 217, 240;
}

.table1 {
    --basalt-th-background-color: var(--one-color);
}

.table2 {
    --basalt-th-background-color: var(--two-color);
}

.table3 {
    --basalt-th-background-color: var(--three-color);
    --basalt-th-text-color: var(--basalt-main-text-color);
}

.table4 {
    --basalt-th-background-color: var(--four-color);
}

.table5 {
    --basalt-th-background-color: var(--five-color);
}

.table6 {
    --basalt-th-background-color: var(--six-color);
}

div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block {
    border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
}

div.tableb :is(#page-content table:not(.form), table.wiki-content-table) {
    border-collapse: separate;
    border-spacing: 4px;
}

span:is(.bigtext, .bt) {
    font-family: var(--header-font);
    font-weight: bold;
}

span:is(.specialtext, .st) {
    font-family: var(--UI-font);
    font-weight: bold;
}

:is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {
    color: rgb(var(--basalt-th-background-color));
}

#page-content div.floatbox {
    background-color: rgb(var(--floatbox-background-color));
    float: left;
    max-width: calc(var(--main-content-width)/2.25);
    box-sizing: border-box;
    margin: 0.25rem 1.25rem;
    margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
    padding-inline: 1.2rem;
    padding-block: 0.5rem;
    font-size: 0.9125em;
    border-radius: 7px;
    border: solid 0.12rem rgba(var(--general-border-color), 0.4);
}

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

@media only screen and (max-width: 640px) {
    #page-content div:is(.floatbox, .floatbox.right) {
     float: none;
     margin: 0.5rem auto;
     width: 100%;
    }
}

:is(.table-no-border, .authorbox) td {
    border-color: transparent !important;
}
[[/module]]












[[module CSS]]
.danger-diamond a {
    color: rgba(0,0,0,0) !important;
}
[[/module]]























[[module CSS]]

.memo {
    background: #edf5f3;
    font-family: 'Work Sans', sans-serif;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    width: 90%;
    min-height: 4rem;
    max-height: 100rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px 20px 20px 20px;
    word-break: break-word;
}

.email-example a {
    animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
    0% { color: transparent; }
    50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
[[/module]]

[[module ListPages category="fragment" parent="." order="name" limit="1" offset="@URL|0"]]
%%content%%
[[/module]]










[[module CSS]]
/* New paper class */
 
div.paper {
    background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
    box-shadow: 4px 6px 8px #a98;
    padding: 1em .5em 1em .5em;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
    font-size: 140%;
}
 
@media (max-width: 478px) {
    div.paper {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    Margin: .5em 0em .5em 0em;
    }
}







div.paper2 {
    border: none;
    padding: .5em;
    font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
    font-size: 140%;
    box-shadow: 4px 6px 8px #a98;
    background: linear-gradient(rgba(255, 255, 245, 0.3), rgba(245, 230, 205, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
}
[[/module]]













[[module CSS]]
.email-example .collapsible-block-folded a.collapsible-block-link {
    animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
    0% { color: transparent; }
    50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
[[/module]]
















[[module CSS]]

div.terminal{
    border: 1px solid black;
    border: solid 3px #BBBBBB;
    border-radius: 16px;
    background-color: #131;
    /* black shadow at the top of the terminal */
    background-image:
        radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
    background-position: center;
    display: block;
    /* shadow around the terminal */
    box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
    /* prevents scanline from forming a scrollwheel */
    overflow:hidden;
}
div.terminal blockquote {
    background-color: black;
    border: double 3px #80FF80
}
div.scanline{
    margin-top: -40%;
    width: 100%;
    height: 60px;
    position: relative;
    pointer-events: none;
    /* Safari 4.0 - 8.0 */
    -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
    animation: scan 12s linear 0s infinite; /* Same as above */
    background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}

div.text{
    color: rgba(128,255,128,0.8);
    padding: 40% 2em 0;
    font-family: monospace;
    font-size: 1.0em;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
}

@keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* Same as above.*/
}

div.text a {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
}
div.text a.newpage {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
}
div.text a:hover {
    color: #131;
    text-decoration: underline;
    background-color: #80FF80;
    padding: 1px;
}
div.text a:hover::before{
    content: "> ";
}

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

.agent {
    background-color:#002200;
    border: 3px solid #55AA55;
    color: #77CC77;
}

.site {
    background-color:#222200;
    border: 3px solid #AAAA55;
    color: #DDDD77;
}
[[/module]]

















[[module CSS]]
/* HORIZONTAL RULES */
 
.fancyhr hr {
    border-top: 2vw solid transparent;
    background-color: rgba(var(--bright-accent), 0);
    height: 0;
    box-sizing: border-box;
    border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
 
.fancyborder {
    box-sizing: border-box;
    border: 2vw solid rgba(0,0,0,0.5);
    border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
    border-image-width: 6;
    padding: 2vw;
}
[[/module]]



















[[module CSS]]
@supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
    .rainbow {
      background: linear-gradient(to right, #FF7F7F, #FFB27F, #e6e600, #A5FF7F, #7FC9FF, #D67FFF, #FF7FED);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: bold;
    }
}
[[/module]]

[[module CSS]]
@supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)) {
    .flame {
      background: linear-gradient(to right, #FF7F7F, #FFB27F, #edda45);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: bold;
    }
}
[[/module]]























[[module css]]
.hover {
}
.hover:hover {
  text-decoration: none;
    border-bottom: none;
}

.hover span { display: none;}
.hover:hover span {
    position: absolute;
    display: inline;
    margin: 0px 0px;
    height: auto;
    width: auto;
    background: #FFF;
    border: 2px solid #34B;
    color: #000;
    padding: 1em;
}
.hover:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}
[[/module]]







[[module CSS]]
::selection {
  background: #ea6a4e;
  color: white;
}
[[/module]]


[[module css]]
a:link {
  color: #f74d28;
}
a:visited {
  color: #af361b;
}
a:hover {
  color: #f74d28;
}
a:active {
  color: #f74d28;
}
[[/module]]






[[module CSS]]
.fade-image {
  position: relative;
  display: inline-block;
}

.fade-image img {
  display: block;
  width: 100%;
  height: auto;
}

.fade-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255,195,114,1) 0%, rgba(255,195,114,0) 35%, rgba(255,190,102,0) 65%, rgba(255,190,102,1) 100%);
  pointer-events: none;
}
[[/module]]

The Geometry of a Prison

Module Styles

Inline Styles

Includes

CSS Classes

Page Source