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

Lester Robinson opened the door to his lab, feeling the rush of cold sterile air. The cold lights, the even hum of the refrigerators, and the cacophony of sounds from the half dozen terrariums. He was home.

Turning the lock and stashing his keys, Lester danced over to the cluttered desk, giving a cheerful greeting to his favorite test subjects. The orange beetles did not respond, which was to be expected considering that most Colorado potato beetles didn't speak.

Patting down the pockets on his pristine lab coat, he fished out a silver key and inserted it into the locked drawer on his desk. Inside was a plastic bag filled with red powder. He took a pair of tweezers and dropped a pinch of powder into his water bottle, and then let a few drops fall out onto a leaf in the terrarium

"Drink up."

He watched the beetles as they got thirsty and went to the water, and soon he added a few more drops.

A knock came from the lab door, and he looked up. His project manager was waiting outside, watching through the window.

Lester walked over to the door to let Mister Jacobs in, hoping there wasn't another deadline change.

"Ah, Doctor Robinson. How's my favorite biologist?"

"Underpaid."

"That's great, great… Listen, I've got a favor I need and I'd prefer you don't ask any questions. You know the speed stuff you've been feeding those bugs? I'd like a copy of the recipe for personal reasons."

"It sounds like you're either going to use it on yourself, which would be dangerous, or going to sell it which would be even more dangerous."

"Please, this is a biological weapons lab, I don't think my buyer could do anything worse than what we've already got planned."

"Yeah, that's a no from me. This stuff's still the in the testing phase, and if these bugs got out they could destroy entire ecosystems."

"How does half a million dollars sound?"

"Unless you've got something legal to ask me about, please get out of my lab."

As soon as his manager left Lester's smile returned, and he returned to his desk, lab coat swishing behind him. The sounds of note typing coursed through the lab, along with some upbeat music to set the mood as his beetles slowly mutated.


Two Months Later

A black and orange cape swished up the brick wall as Colorado Potato Beetle Man scaled the secret UIU station and leapt onto the roof. He rolled across the flat concrete, and jumped over the air vent, before taking out his pocket knife and unscrewing the vent cover. Even he wasn't sure if he was trying to be stealthy or if he was trying to impress some imaginary onlookers.

A few floors below, an eerie silence lingered over the holding cell as its single prisoner sat unmoving in his chains. The heavy restrictions held the captive down, and he didn't struggle. He just watched through the window as police went about their business, very few paying him any heed.

The silence was broken by a faint shuffling from above, as the air vent above him was pulled away and an orange mask appeared in its place. The masked hero dropped down from above, looming over the captured villain.

"Remember me, villain?"

He didn't respond.

"I know those cops won't get any answers out of you, so I'm taking matters into my own hands. Who hired you?"

This time the captive looked up briefly, but still said nothing.

"I know you weren't the boss of that, you're just some hired muscle."

Finally, a response came out.

"I don't know what you're talking about. I planned the whole thing, and you guys won."

"Cut the lies and tell me who you're working for, unless you want to spend the rest of your life in prison!"

"I won't be in prison very long."

"You'll never escape, I promise you that much."

The captive criminal chuckled, before descending into a coughing fit. He wiped his sleeve over his mouth, and it came out red.

Blood.

Colorado Potato Beetle Man jumped back in panic. This wasn't part of the plan.

The villain kept coughing and fell to the floor, dragging the chains behind him. A pool of blood formed around his head, and the orange hero knocked on the cell door, trying to get help. One of the officers outside looked through the window and saw what was happening.

"Who the hell is that?"

"I'm Colorado Potato Beetle Man, but that's not important. This guy here needs a doctor!"

"Some guy broke into the holding cell, he's after the throwing guy!"

"What? No, I'm a hero! I'm just enforcing vigilante justice because non-super powered cops are ineffective! Wait, that sounded rude, can we start again?"

The police rushed over to the door, but before they could unlock it the orange avenger had already escaped back into the vents. He dragged himself through the metal pipes, climbing back up to the roof as he considered what had just occurred.

Whoever had been behind the incident at the chip factory wasn't above killing their own minions, meaning he was dealing with a full on super villain. He started imagining what their big confrontation might be, and he could hardly contain his excitement.

Of course, the idea of a criminal like that was very threatening to the local population, but it was also really cool.


A few blocks away that very super villain was pacing the floor of his office in front of a very nervous scientist. The scientist sat in a hard plastic folding chair watching their boss walk in circles behind his desk, continuously glancing up at the monitors on the wall, each showing live footage of a different part of the building. He turned back to the scientist, barely contained rage slipping out with his words.

"And why am I just hearing about this issue now?"

The scientist struggled to answer, knowing full well what could happen to them if their boss was angered.

"We- we thought it wasn't a big problem, it's just one guy-"

"Not a big problem? There's a rogue anomaly on the loose because of your security!"

He turned his back to the scientist, who was barely holding themselves together. A maddened grin crossed his face as he pondered the situation, before he looked back to his captive audience. He spoke again, but in a much lighter, kinder tone.

"But I'm sure it won't be an issue. Because you're going to ramp up production to ensure we meet our quote by the end of the week. If that self-proclaimed hero continues being a thorn in my side, I'll have more of our test subjects take him out."

The scientist nodded slowly, all the panic in their body having washed away. They weren't in trouble. They were safe here.

"Good, you understand. Now go back to your lab and tell everyone the good news. We're going to finish ahead of schedule."


Two Months Earlier

"-And as you can see here, the project is well ahead of schedule!"

Lester gestured to a set of charts detailing the vitals of his beetles, showing a clear increase in just about everything. They were larger, stronger, and more resistant to common pesticides.

The board didn't share his enthusiasm. Someone coughed, breaking the silence.

"Of course, this is only the first phase. Soon just one of these beetles could decimate an entire field, putting pressure on enemy food supplies."

"And how is this any more effective than burning the crops? I don't see how this is an effective use of our genetic engineering budget."

Lester couldn't tell who was speaking, all the board members looked about the same in their business suits and old faces. But he could tell they all were thinking the same thing.

"Well, we've got… uh-"

"That's enough."

Another board member stood up to address the room.

"Lester has done an excellent job in his research. Maybe these beetles aren't as useful as we'd hoped, but the data generated in his experiments holds great potential. Potential we'd all be fools to let go to waste. I move that we divert more funding into his research, all in favor?"

As if a spell had been cast over the room, everyone raised their hand. Even the secretary who'd come in to deliver drinks. Lester's fear turned to excitement, as his supporter gave him a reassuring smile. Nothing could go wrong.

A few hours later, he was back in his lab furiously writing formulas for potential mutagens. A knock came at the door, and the CEO who'd backed him walked into the lab.

"Hello Sir, what brings you down here?"

"I'm just here to check on my favorite scientist. Lester, right? I don't believe we've formally met, you can call me Farol."

Lester did his best to remember that.

"I trust you have good plan for how to use the increased budget?"

"Not yet, I'll have to check with Jacobs first, he's still the project manager."

"Oh dear, did you not hear what happened? He was killed last night on his way home, apparently a botched robbery. A real shame how far this city has fallen."

Lester wasn't sure how to react to that. On the one hand, a man was dead. On the other, it was his project manager.

"Of course, we'll need to promote someone as his replacement. How would you like the job?"


Two Months Later

Colorado Potato Beetle Man leapt across the rooftops, swiftly losing the police that were on his tail. Just because he'd broken into a prison to interrogate a suspect who just happened to die at the exact same time, he was now fleeing officers of the law. And now it was up to him to find the real killer and bring them to justice.

First step, figure out the motive. And he knew exactly where he needed to start.

A line of police tape had been drawn around the chip factory, and multiple black vans were parked outside. The suspicion-inducing armed guards had been replaced with men in baseball caps and sunglasses, which absolutely didn't arouse any suspicion at eleven at night. Through the factory window he could see doctors in white coats examining the equipment, which may not have actually been used to make chips. The crates of pills were still there, and the doctors seemed even more interested in those.

Clearly they weren't regular drugs… but now that the overpowering potatoes were gone something smelled familiar. The realization struck Colorado Potato Beetle Man like a freight train, and he lost his grip on the wall. Falling to the ground, he landed in an open dumpster, coating his bright orange costume in filth. He tried to peel it off, but a few globs were very sticky. He pulled it off with one hand, but it got stuck to his glove. He didn't bother trying with his other hand, because that would likely lead to an infinite loop. Might as well wash it off when he got home.

He climbed back up the wall for another look, hoping those pills weren't what he thought they were.

"Hey! Get down from there!"

Someone had seen him. Again. He jumped up to the roof and looked for a way out. There weren't many nearby buildings to hop to, but he couldn't stay on the roof forever. He ran for the edge and jumped as far as he could, going far on his super powered beetle legs, before he lost momentum and fell, landing on one of the vans parked outside the factory. He smashed a dent in the roof and rolled over, flopping onto the ground below, hoping he hadn't broken any bones. A woman in a dark suit stepped out of the van and looked at him in surprise.

"Colorado Potato Beetle Man? What the hell are you doing back here?"

He looked up to see a vaguely familiar face through the haze of his injury, before deciding that was too much effort and looked down at the ground again.

Megan looked around to make sure nobody was watching, and then dragged the unconscious hero into her van.


Far away, an old man sat watching dozens of screens at once, flipping through the countless hidden cameras he'd stashed around his office complex, the surrounding five city blocks, and a few more that had been sprinkled wherever else he thought they were needed.

One of the live feeds caught his eye. It seemed the chip factory had already been secured by the government spooks. Unfortunate his forces couldn't recover their merchandise in time, but that was why he had contingency plans. He'd come to far too be stopped. He took a key from his pocket and opened a box containing several buttons. He pressed the one marked for facility three and watched as the cameras went offline.

Farol chuckled to himself, finding comfort in his ability to see anything coming.


Back in the factory, Megan waited in her van for the hero to awaken. Whatever anomalies they'd found here were probably unrelated to Colorado Potato Beetle Man, but the UIU likely wouldn't take kindly to a guy in a beetle costume walking on walls.

She heard a voice through her earpiece, asking if she'd seen a guy in orange and black stripes, and she wasn't sure how to respond. The guy was disturbing an active crime scene, but he didn't have any ill intentions, and definitely wasn't connected to the investigation.

A bright flash of light filled the air, and milliseconds later the sound of the explosion hit, knocking the van over and sending debris hurtling through the air. As the ringing in her ears died down and her vision came back, she looked through the shattered window to see the factory had been obliterated. The rubble was ablaze and she heard emergency sirens off in the distance, but there was no way they'd find any survivors inside. A few other agents that had been far enough away were standing in shock and awe, nobody knowing what to do next. She crawled out of the damaged van, with Colorado Potato Beetle Man close behind.

"What the hell just happened?"


Two Months Earlier

Lester closed the door to the lab, making sure the lock was secure. He waved goodbye to the caged beetles inside and prepared for his journey home.

As soon as he left the building he paused, and thought back to what he'd been told a few hours before. Crime rates were getting higher, and he really shouldn't walk home alone at night. He walked back inside, hoping he'd be able to hash out a deal with someone who owned a car.

He looked around the lobby, but nobody was there. It made sense considering how late it was, and he was usually among the last to leave.

Walking back to his lab, he saw a shadow pass by on the wall. He wasn't alone, but who else had access to his lab? And what were they doing there this late at night? He thought about calling out for them, but decided against it. Creeping up to the window, he saw someone was trying to unlock his safe. He couldn't see who without turning on the lights, and at this point he thought he really shouldn't let them know he was here.

The safe swung open. Lester was shocked, there was no way they could have cracked it with no equipment… unless they knew the code. He sighed in relief, clearly whoever this was worked with him and had proper clearance.

"Hey, you going home soon?"

They jumped up in surprise and turned around, the light from the terrarium heat lamps casting a dim glow on their face. It was the same CEO that had promoted Lester earlier that day.

"Oh, hello Sir. What are you doing here?"

He took a moment to respond, and in that time Lester noticed him putting a bottle in his pocket.

"I was checking your security, I didn't want the project being left out where anyone could take it."

The explanation felt… reasonable. Trustworthy.

"That makes sense… I admit I've been a little paranoid about this too."

Farol froze, and locked eyes with Lester. His relaxed state melted away, fear flooding into his mind.

"I am not paranoid."

"Y-Yes Sir, I'm sorry for the assumption."

"Good. Now go home, get some rest. I can't have my top scientist too tired to work."

"But what about the formula, shouldn't it be secured before I go?"

Farol let out a sigh, his eyes fell on something right behind Lester. He spun around and saw the night watchman, looming over Lester.

"I wish things had turned out differently, but you've already given me everything I needed."

The watchman grabbed for Lester, but he ducked and rolled across the room. It hurt a lot more than he thought it would, and he grappled with his desk to hoist himself up off the floor. The watchman lunged, tackling Lester to the ground. He grabbed at a lose wire to stop his fall, but the force was too great. The wire went down with him, dragging a terrarium off his desk and crashing to the floor. It landed right on the watchman, who fell on Lester and knocked him out cold.


Two Months Later

Farol grabbed his phone and listened to it ring as he watched his cameras. He needed to confirm there was no way to trace the factory back to him. He needed to know they couldn't find him again.

Finally the woman on the other end picked up, her deep voice wheezing through the phone speakers.

"Hey boss, I hear you blew up a factory. Maybe give me a warning next time, ey? It hurts like hell."

"My apologies, it was urgent. They arrived sooner than anticipated and I couldn't risk them finding… certain critical evidence."

A wet cough came through the other end, and Farol briefly held the phone away from his face.

"Regardless, protocol must be followed. Can you confirm all of you was detonated in the target area?"

"Uh… Not all of it. I can feel a little bit was disconnected from the charges, what should I do?"

"You check the integrity of all our other failsafes, I'll send a team to secure facility three."

He hung up the phone and tossed it into his microwave, putting it on high for forty seconds. It filled with smoke for a moment, but the phone was quickly restructured into a delectable honey glazed salmon. A grin crossed his face, after all this time it still amazed him what was possible when you were able to keep one step ahead of the government spooks.


Colorado Potato Beetle Man had no idea what had happened. His head was still swimming from the fall, but it looked as if the factory wasn't there anymore. And in its place was a towering fire.

This wasn't good.

He saw a familiar face before him, that cop that had tried to arrest him a few times.

"Hey Megan, how's it going?"

"We almost died!"

His vision began to sharpen, and he could make out a few cuts and scrapes on her face that weren't there last time he'd seen her.

"Wait… did the factory just explode?"

She nodded, as they both stood in shock at the blaze.

"What do we do now?"

She didn't know what to do. But her response wouldn't have made it out anyways, because a large metal object collided with the back of her head, knocking her to the ground. Colorado Potato Beetle Man spun around to face his adversary, but a smack to the face took him out too.

"Hey boss, I found that Beetle Man you were so concerned about. You want me to dispose of him?"

"No, bring him in alive. Along with the federal agent, I have use for them both."


Two Months Earlier

Lester awoke with a start, struggling for breath from the large man lying on top of him. He pushed the security guard off and coughed, hacking and wheezing until he spat out a dead Colorado potato beetle. Damn thing must have tried to crawl into his mouth after the terrarium broke. He looked around the lab, seeing broken glass and dirt all over the place. Blood was pooled on the floor, evidently from the shards sticking out of the guard's head.

And smoke was filling the room. He stood up slowly, legs shaking. He could feel his heart racing, what was happening? Was someone trying to kill him? One thing was for certain, he couldn't stay here. The fire alarms were going off and he could see the inferno raging down the hall. He ran out of the lab and headed down the hall, but the fire was consuming both ends of the building. He couldn't go out the way he came in. Thinking quickly he ran back to the middle of the hall, finding a window. He jumped against it, putting the full weight of his body into his shoulder. A hairline crack formed. He jumped again, this time the window splintered but didn't give. One more jump, and he was through. He smashed through the window and into the street below, but he hadn't thought through his plan. He was on the third story. He swung his arms, desperately trying to grab at a ledge or something on the way down, but the wall was too flat. There was nothing for him to hold himself up by. But he still didn't fall. When he opened his eyes, he saw his hands on the wall, seemingly clinging to nothing. He held one hand up to his eyes to examine it and saw a series of hairs which he was sure weren't there the previous day. Cautiously, he returned his focus to the wall and started to descend, somehow gripping the wall with ease.

By the time he reached the street the fire department had arrived, and the police. He thought about going out to tell them what had happened, but he saw Farol standing on the street with them.

Lester turned and ran, hoping to get as far away from there as he could.


Two Months Later

Colorado Potato Beetle Man awoke with a start, quickly noticing he was tied to a chair in a dark room. Based on the smell, he assumed it was a storage room, most likely unused. Beside him, he could hear someone breathing, probably Megan tied to a similar chair.

Bootsteps echoed from outside, and a light in the shape of a doorframe blinded him for a moment. His eyes quickly adjusted, and he saw Ferol and a few armed guards watching over him. Megan woke up as well, looking very confused as to how she'd gotten there. Ferol had a smug look on his face, as he held a bloodstained frying pan before them.

"This is quite the interesting artifact, isn't it? One whack in the head and you're out cold, a few hours later you're awake with no long-term side effects. Marvelous what wonders we're capable of, wouldn't you agree?"

Megan glared at him. Colorado Potato Beetle Man was more vocally defiant.

"I'd hardly call blowing up a factory with people inside it 'marvelous'."

"Now, now, that was nothing personal. I was just disposing of some unnecessary assets. Besides, it brought you back to me. I've been looking forwards to this little reunion, Lester."

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