@supports((display: -ms-grid) or (display: grid)) {
:root {
/* header measurements */
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
#header {
background: none;
}
#header::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0.75rem;
background-image: var(--logo-image);
background-repeat: no-repeat;
background-position: center -3.5rem;
-webkit-background-size: auto 8rem;
-moz-background-size: auto 8rem;
-o-background-size: auto 8rem;
background-size: auto 8rem;
background-position: center top;
opacity: 0.45;
pointer-events: none;
}
#header h1,
#header h1 a,
#header h1 a::before {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: inherit;
z-index: 0;
}
#header>h1>a>span {
width: 100%;
height: 100%;
top: 0;
left: 0;
max-width: inherit;
}
#header h1 {
height: -webkit-calc(100% - 2.25rem);
height: -moz-calc(100% - 2.25rem);
height: calc(100% - 2.25rem);
}
#header h1 a::before,
#header h1 a {
text-align: center;
line-height: 0.8;
}
#header h2,
#header h2 span,
#header h2 span::before {
position: absolute;
left: 0;
top: 0.15em;
margin-left: 0;
padding: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: inherit;
z-index: 0;
text-transform: uppercase;
pointer-events: none;
}
#login-status {
min-height: -webkit-calc(var(--base-font-size) * 1.5);
min-height: -moz-calc(var(--base-font-size) * 1.5);
min-height: calc(var(--base-font-size) * 1.5);
-webkit-border-radius: .0625rem;
-moz-border-radius: .0625rem;
border-radius: .0625rem;
-webkit-border-radius: var(--border-radius-width);
-moz-border-radius: var(--border-radius-width);
border-radius: var(--border-radius-width);
color: rgb(var(--pale-gray-monochrome));
background-color: rgba(0, 0, 0, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
left: 3%;
right: initial;
}
#login-status .printuser {
--wght: 900;
position: relative;
top: 0;
left: 0;
color: rgb(var(--swatch-menutxt-light-color));
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0.25rem;
margin: 0;
font-weight: 900;
}
#login-status #my-account {
--wght: 300;
color: rgb(var(--pale-gray-monochrome));
font-weight: 300;
}
#login-status #account-topbutton {
border: initial;
padding: 0.5em 0.5em 0.5em 0.25em;
position: relative;
height: 100%;
top: 0;
left: 0;
margin: 0;
font-size: 1em;
}
#account-options {
width: auto;
padding: 0.5em;
border-color: rgba(var(--bright-accent));
background: var(--gradient-header);
color: rgb(var(--swatch-text-light));
}
#account-options ul li a {
color: rgb(var(--swatch-text-light));
}
#account-options li a:hover {
color: rgb(var(--swatch-text-light));
text-decoration: underline;
}
@media only screen and (min-width: 769px) {
#search-top-box {
right: 3%;
top: 0.5rem;
}
#search-top-box-form>input,
#search-top-box-form>input:hover,
#search-top-box-form>input:focus {
background: rgb(var(--black-monochrome));
}
#search-top-box-form>input {
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
}
#search-top-box-form>input:hover,
#search-top-box-form>input:focus {
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
}
#search-top-box-form input[type="submit"],
#search-top-box-form input[type="submit"]:focus,
#search-top-box-form input[type="submit"]:hover {
border: none;
border-left: 0.0625rem solid rgb(var(--swatch-primary-darkest));
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
}
#search-top-box-form input[type="submit"] {
background: rgb(var(--swatch-primary-darkest));
color: rgb(var(--swatch-menutxt-light-color));
}
#search-top-box-form input[type="submit"]:focus,
#search-top-box-form input[type="submit"]:hover {
background: rgb(var(--swatch-primary));
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
}
}
#page-title {
text-align: center;
}
@media only screen and (max-width:768px) {
:root {
--header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
#header h1,
#header h1 a,
#header h1 a::before {
top: 0.25rem;
}
#header h2,
#header h2 a,
#header h2 a::before {
top: 0;
}
#header h2 span {
margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
margin-top: -moz-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - .25rem);
}
}
@supports((display: -ms-grid) or (display: grid)) {
@media only screen and (min-width: 769px) {
#side-bar .close-menu {
display: block;
position: fixed;
top: 0.25rem;
left: 0.5rem;
width: 3rem;
opacity: 1;
pointer-events: all;
}
#side-bar .close-menu img {
color: transparent;
}
#side-bar .close-menu::before,
#side-bar .close-menu::after {
content: "";
box-sizing: border-box;
position: fixed;
display: block;
top: 0.25rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0;
margin: 0;
text-align: center;
pointer-events: all;
cursor: pointer;
-webkit-transition:
opacity var(--sidebar-transition-timing);
-o-transition:
opacity var(--sidebar-transition-timing);
-moz-transition:
opacity var(--sidebar-transition-timing);
transition:
opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
--mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='32px' id='Layer_1' style='enable-background:new 0 0 32 32;' version='1.1' viewBox='0 0 32 32' width='32px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z'/%3E%3C/svg%3E");
z-index: -1;
background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-size: 60%;
mask-size: 60%;
}
#side-bar .close-menu::after {
z-index: -2;
background-color: var(--toggle-button-bg, rgb(var(--swatch-menubg-color))) !important;
-webkit-border-radius: var(--toggle-roundness, 50%);
-moz-border-radius: var(--toggle-roundness, 50%);
border-radius: var(--toggle-roundness, 50%);
border: var(--toggle-border-color, rgb(var(--swatch-border-color))) var(--toggle-border-width, 0.25rem) solid;
}
#side-bar:focus-within .close-menu::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: -webkit-calc(var(--sidebar-width-on-desktop)*-1);
left: -moz-calc(var(--sidebar-width-on-desktop)*-1);
left: calc(var(--sidebar-width-on-desktop)*-1);
z-index: 10;
-webkit-transition:
left var(--sidebar-transition-timing);
-o-transition:
left var(--sidebar-transition-timing);
-moz-transition:
left var(--sidebar-transition-timing);
transition:
left var(--sidebar-transition-timing);
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgb(0, 0, 0, 0);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-left-width: 0px;
border-right-width: 0px;
}
#main-content::before {
content: "";
display: block;
position: fixed;
top: 0;
right: 0;
z-index: -1;
opacity: 0;
-webkit-transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
-o-transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
-moz-transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
transition:
opacity var(--sidebar-transition-timing),
width var(--sidebar-transition-timing);
margin-left: var(--sidebar-width-on-desktop);
background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
padding-right: 0;
width: 100%;
height: 100vh;
pointer-events: none;
z-index: 99;
}
#side-bar:focus-within~#main-content::before {
width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
width: -moz-calc(100% - var(--sidebar-width-on-desktop));
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
#content-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: -webkit-calc(100vw - (100vw - 100%));
width: -moz-calc(100vw - (100vw - 100%));
width: calc(100vw - (100vw - 100%));
min-height: -webkit-calc(100vh - -webkit-calc(var(--final-header-height-on-desktop, 10.125rem)));
min-height: -moz-calc(100vh - -moz-calc(var(--final-header-height-on-desktop, 10.125rem)));
min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-moz-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
height: auto;
position: relative;
margin: 0 auto;
max-width: inherit;
}
#main-content {
width: 100%;
position: initial;
max-height: 100%;
padding: 2rem 1rem;
width: 45.8rem;
max-width: 45.8rem;
margin: 0 auto;
}
@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) {
#side-bar {
-webkit-transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
-o-transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
-moz-transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
transition:
left var(--sidebar-transition-timing),
padding-right var(--sidebar-transition-timing),
background-color var(--sidebar-transition-timing);
padding-right: 0;
background-color: rgb(0, 0, 0, 0);
pointer-events: all;
overflow-x: visible;
overflow-y: visible;
z-index: 999;
}
#side-bar::-webkit-scrollbar {
opacity: 0;
-webkit-transition: opacity var(--sidebar-transition-timing);
transition: opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
z-index: 999;
}
#side-bar .close-menu::after {
z-index: 998;
}
#side-bar:hover .close-menu::before {
opacity: 0;
}
#side-bar:hover {
left: 0;
background-color: rgba(var(--swatch-menubg-color), 1);
padding-right: 0;
}
#side-bar:hover::-webkit-scrollbar {
opacity: 1;
}
#side-bar:hover~#main-content::before {
width: -webkit-calc(100% - var(--sidebar-width-on-desktop));
width: -moz-calc(100% - var(--sidebar-width-on-desktop));
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
}
}
}
}
:root {
--header-title: "SCP FOUNDATION";
--dark-accent: 20, 22, 24;
--bright-accent: 228, 228, 228;
--light-gray-monochrome: 84, 84, 84;
--dark-gray-monochrome: 48,48,52;
--black-monochrome: 20, 22, 24;
--medium-accent: var(--bright-accent);
--tab-border-color: var(--dark-accent);
--rating-module-button-color: var(--bright-accent);
--rating-module-button-credit-color: var(--bright-accent);
--swatch-background: var(--dark-accent);
/* Background and Header Colors */
--background-color: var(--dark-accent);
/* Primary Text Colors */
--swatch-text-light: var(--bright-accent);
--swatch-text-general: var(--bright-accent);
/* Primary Menu Colors */
--swatch-menubg-color: var(--dark-accent);
/* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
--swatch-secondary-color: var(--swatch-menubg-dark-color);
--swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);
/* Primary Header Colors */
--swatch-topmenu-border-color: var(--swatch-menubg-black-color);
--swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);
--rating-module-text-color: var(--bright-accent);
--rating-module-button-cancel-color: var(--gray-monochrome);;
--gradient-header: linear-gradient(
to bottom,
rgb(var(--header-gradient-color-bottom)) 0%,
rgb(var(--header-gradient-color-middle)) 90%,
rgb(var(--header-gradient-color-top)) 100%
);
--diagonal-stripes: repeating-linear-gradient(
45deg,
hsla(0, 0%, 100%, 0),
hsla(0, 0%, 100%, 0) 0.25vh,
rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,
rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh
);
--toggle-button-bg: rgb(var(--dark-accent));
--toggle-border-color: rgb(var(--dark-gray-monochrome));
--toggle-icon-color: rgb(var(--bright-accent));
}
.modalbox {
background: rgb(var(--dark-accent))!important;
box-shadow: none!important;
border-color: transparent!important;
border-radius: 0px!important;
padding: 4px;
pointer-events: auto !important;
}
#skrollr-body > a {
display: none;
}
body {
color: rgb(var(--bright-accent));
}
#search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover {
color: rgb(var(--dark-gray-monochrome));
}
a, a:visited {
padding: 0 2px;
background-color: rgb(var(--bright-accent));
color: rgb(var(--dark-accent));
}
a:hover {
text-decoration: none;
background-color: transparent;
color: var(--bright-accent);
}
a.close-menu {
background-color: transparent;
}
a.newpage {
color: rgb(var(--dark-accent));
background-color: rgb(var(--bright-accent));
}
a.newpage:hover {
text-decoration: none;
background-color: transparent;
color: var(--bright-accent);
}
::selection {
background: rgb(148, 148, 148);
}
.creditButton p a {
background-color: rgb(var(--black-accent));
}
#page-content .rate-box-with-credit-button {
display: inline-flex;
margin-bottom: .75rem;
border: .0625rem solid rgba(12,12,12,.25);
border: .0625rem solid rgba(var(--gray-monochrome));
border-radius: 0;
background: rgb(var(--dark-accent));
background-color: #fcfcfc;
background-color: rgb(var(--dark-accent));
padding: 0 .125rem;
height: var(--rating-module-height);
overflow: hidden;
}
#top-bar div.mobile-top-bar>ul>li>ul>li:hover>a, #top-bar div.top-bar>ul>li>ul>li:hover>a {
text-decoration: none;
color: rgb(var(--dark-accent));
}
#side-bar .heading
background: rgb(var(--dark-gray-monochrome));
}
#side-bar .side-block {
background-color: rgb(var(--dark-accent));
}
#side-bar .side-block.resources {
background: rgb(var(--dark-accent))!important;
}
#side-bar .side-block.media {
background-color: rgba(var(--dark-gray-monochrome))!important;
}
#side-bar div.menu-item>a {
color: rgb(var(--bright-accent));
}
#side-bar div.menu-item>a:visited {
color: rgb(var(--bright-accent));
}
.side-block.media a {
background: transparent
}
#side-bar .collapsible-block .collapsible-block-folded, #side-bar .heading {
background: rgb(var(--dark-gray-monochrome));
}
#search-top-box-input {
background-color: rgb(var(--dark-gray-monochrome));
}
#account-options {
background: var(--dark-accent);
color: var(--bright-accent);
border-color: var(--bright-accent);
}
#login-status {
color: rgba(var(--swatch-menutxt-light-color),0.5);
}
#login-status ul a {
color: rgb(var(--bright-accent));
}
span.printuser {
color: rgb(var(--swatch-menutxt-light-color));
}
#login-status .printuser {
background-color: transparent;
color: rgb(var(--bright-accent));
}
.page-rate-widget-box {
background: rgb(var(--dark-accent));
border: 0.0625rem solid rgba(var(--swatch-menubg-dark-color));
}
#top-bar div.mobile-top-bar {
background: rgb(var(--dark-accent));
}
#top-bar div.top-bar > ul > li:hover {
background: rgb(var(--swatch-menubg-black-color));
}
#top-bar div.mobile-top-bar > ul > li.sfhover > ul,
#top-bar div.mobile-top-bar > ul > li:hover > ul,
#top-bar div.top-bar > ul > li.sfhover > ul,
#top-bar div.top-bar > ul > li:hover > ul {
color: rgb(var(--dark-accent));
}
blockquote, div.blockquote {
border: none;
background-color: rgb(var(--dark-gray-monochrome));
--swatch-border-color: var(--gray-monochrome);
box-shadow: .0225rem .0835rem .0725rem .0925rem rgb(var(--dark-accent));
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
box-shadow: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
--box-shadow: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav hover a {
border-color: rgb(var(--dark-accent));
}
.yui-navset .yui-nav .selected a {
color: rgb(var(--dark-accent))!important;
border-color: rgb(var(--bright-accent));
}
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
color: rgb(var(--bright-accent));
background: rgb(var(--dark-accent));
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
background: rgb(var(--dark-accent));
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: rgb(var(--swatch-menubg-dark-color));
color: rgb(var(--dark-accent));
}
.yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a {
color: rgb(var(--bright-accent));
background: rgb(var(--dark-gray-monochrome));
}
table.wiki-content-table th, table.wiki-content-table tr {
border: .0625rem solid rgba(var(--bright-accent))!important;
}
table.wiki-content-table th {
background: #e3e3e3;
border: 1px solid #e3e3e3;
color: #141618;
}
table.wiki-content-table tr {
border: 1px solid #e3e3e3;
color: #e3e3e3;
}
textarea,
input.text,
input.checkbox,
div.note,
#lock-info {
border: 0.0625rem solid rgba(var(--swatch-menubg-light-color),0.25);
background-color: rgb(var(--swatch-menubg-extra-dark-color));
color: rgb(var(--swatch-text-light));
}
.code pre span[class*="hl-"] {
-webkit-filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
.owindow .modal-body img {
background-color: transparent !important;
}
.hovertip {
border: .0625rem solid rgb(var(--dark-gray-monochrome));
color: rgb(var(--swatch-text-light));
}
.hovertip .content {
padding: 0;
}
#footer {
color: rgb(var(--bright-accent));
}
.scpnet-interwiki-wrapper {
-webkit-filter: initial;
filter: initial;
margin-top: 1em;
}
.scpnet-interwiki-frame {
-webkit-filter: invert(0.92) grayscale(1) contrast(1);
filter: invert(0.92) grayscale(1) contrast(1);
}
.scp-image-block {
border: none;
--box-shadow: none;
padding: 0;
min-width: 100%;
display: inherit;
}
.scp-image-block a {
background-color: transparent;
}
.footnote {
background-color: rgb(var(--dark-gray-monochrome));
padding: .625em;
}
.footnotes-footer {
border-left: none;
background-color: rgba(var(--dark-gray-monochrome));
}
.licensebox .collapsible-block-link {
background: none;
}
.printuser img.small {
vertical-align: -0.4em;
width: 20px;
height: 20px;
}
#who-rated-page-area .printuser a {
font-size: 100%;
}
#license-area {
color: rgb(var(--light-gray-monochrome));
}
#search-top-box input.empty {
color: rgba(var(--bright-accent));
}
.danger-diamond > .arrows,
.anom-bar > .bottom-box::before {
background-color: rgb(var(--bright-accent));
}
.anom-bar > .bottom-box {
box-shadow: 0 -0.5rem 0 0 rgb(var(--bright-accent));
}
.bottom-box > .diamond-part {
box-shadow: -0.5rem 0 0 0 rgb(var(--bright-accent));
}
.acs-hybrid-text-bar > .acs-clear > .clearance-level-text::before {
color: rgba(var(--bright-accent),1);
}
.acs-hybrid-text-bar > .acs-disrupt .disruption-class-number::before {
color: rgba(var(--bright-accent),1);
}
.acs-hybrid-text-bar > .acs-risk .risk-class-number::before {
color: rgba(var(--bright-accent, 12, 12, 12),1);
}
.contain-class .class-text::before {
color: rgb(228 228 228);
}
.anom-bar-container.esoteric .text-part > .main-class > .second-class > .class-text::after {
color: #e4e4e4;
}
.info-container .collapsible-block-folded, .info-container .collapsible-block-unfolded-link {
background: rgb(var(--bright-accent));
}
.info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
background: rgb(var(--dark-accent));
}
.acs-hybrid-text-bar > a {
background-color: transparent
}
.acs-hybrid-text-bar > .acs-clear > .clearance-level-text::after {
padding-top: 0.1rem;
color: rgba(var(--bright-accent),1);
}
.acs-hybrid-text-bar > .acs-risk .risk-class-number::after {
color: rgba(var(--bright-accent));
}
.acs-hybrid-text-bar > .acs-disrupt .disruption-class-number::after {
color: rgba(var(--bright-accent),1);
}
.danger-diamond a, .danger-diamond a:hover {
background-color: transparent;
color: rgba(0,0,0,0);
}
.fnnum {
background-color: rgb(var(--bright-accent));
}
.fnnum::after {
color: #141618;
}
.fnnum:hover {
background-color: transparent;
}
.fncon {
background: rgb(var(--dark-accent));
border: 2px solid rgb(var(--bright-accent));
}
.fncon::before {
background-color: #141618;
color: #e4e4e4;
border: 2px solid rgb(var(--bright-accent));
}
.printuser {
background-color: rgb(var(--bright-accent));
color: rgb(var(--dark-accent));
}
.printuser a {
margin-right: -1px;
font-size: 14px;
background-color: none;
}
.printuser img.small {
vertical-align: -0.4em;
width: 19px;
height: 18.5px;
}
.printuser:hover {
background-color: transparent;
}
.page-tags a {
background-color: transparent;
color: rgb(var(--bright-accent));
}
@media only screen and (max-width: 768px) {
#search-top-box form[id=search-top-box-form]:not(:focus-within) input[type=text] {
background-color: rgb(var(--dark-accent));
}
}
Containment Class:
euclid
Secondary Class:
esoteric
:root {
--timeScale: 1;
--timeDelay: 0s;
}
/* Converting middle divider from box-shadow to ::before pseudo-element */
.anom-bar > .bottom-box { box-shadow: none!important; }
.anom-bar > .bottom-box::before {
position: absolute;
content: " ";
width: 100%;
height: 0.5rem;
background-color: rgb(var(--black-monochrome, 12, 12, 12));
transform: translateY(-0.74rem);
}
/* DIVIDER */
.anom-bar > .bottom-box::before {
animation-name: divider;
animation-duration: calc(0.74s * var(--timeScale));
animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.32,.38,.39,.94);
animation-fill-mode: backwards;
}
/* CLASSIFIED LEVEL BARS */
div.top-center-box > * {
animation-name: bar;
animation-duration: calc(0.45s * var(--timeScale));
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-fill-mode: backwards;
}
div.top-center-box > :nth-child(1) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(2) { animation-delay: calc(0.32s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(3) { animation-delay: calc(0.45s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(4) { animation-delay: calc(0.61s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(5) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(6) { animation-delay: calc(0.95s * var(--timeScale) + var(--timeDelay)); }
/* TOP TEXT */
div.top-left-box, div.top-right-box {
clip-path: polygon( 0% -50%, 150% -50%, 150% 100%, 0% 100%);
}
div.top-left-box > *, div.top-right-box > * {
position: relative;
animation-name: bottomup;
animation-duration: calc(0.65s * var(--timeScale));
animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-fill-mode: backwards;
}
/* CONTAINMENT, DISRUPTION, RISK CLASSES */
div.text-part > * {
clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%);
animation-name: expand2;
animation-duration: calc(0.5s * var(--timeScale));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.12,.41,.27,.99);
animation-fill-mode: backwards;
}
div.text-part > :nth-child(1) {
animation-name: expand1;
}
div.text-part > :nth-child(1) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(2) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(3) { animation-delay: calc(0.86s * var(--timeScale) + var(--timeDelay)); }
div.main-class::before, div.main-class::after {
animation-name: iconslide;
animation-duration: calc(0.45s * var(--timeScale));
animation-delay: calc(0.8s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.12,.41,.27,.99);
animation-fill-mode: backwards;
}
/* BOTTOM TEXT */
div.main-class > *, div.disrupt-class > *, div.risk-class > * {
animation-name: flowIn;
animation-duration: calc(0.42s * var(--timeScale));
animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: ease-out;
animation-fill-mode: backwards;
}
/* DIAMOND */
div.arrows {
animation-name: arrowspin;
animation-duration: calc(0.7s * var(--timeScale));
animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.12,.41,.27,.99);
animation-fill-mode: backwards;
}
div.quadrants > * {
animation-name: fade;
animation-duration: calc(0.3s * var(--timeScale));
animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.12,.41,.27,.99);
animation-fill-mode: backwards;
}
div.top-icon, div.right-icon, div.left-icon, div.bottom-icon {
animation-name: nodegrow;
animation-duration: calc(0.4s * var(--timeScale));
animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.12,.41,.27,.99);
animation-fill-mode: backwards;
}
div.diamond-part {
clip-path: polygon( -10% 0.37%, 120% 0.37%, 120% 100%, -10% 100%);
animation-name: diamondBorder;
animation-duration: calc(0.8s * var(--timeScale));
animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(.32,.38,.39,.94);
animation-fill-mode: backwards;
will-change: box-shadow;
}
/* MOBILE QUERY */
@media (max-width: 480px ) {
.anom-bar > .bottom-box::before {
display:none;
}
.anom-bar > .bottom-box {
box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12))!important;
}
div.top-center-box > * {
animation-name: bar-mobile;
animation-duration: calc(0.9s * var(--timeScale));
}
div.top-center-box > :nth-child(1) { animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(2) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(3) { animation-delay: calc(0.3s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(4) { animation-delay: calc(0.4s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(5) { animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(6) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
}
/*--- Motion Accessibility ---*/
@media (prefers-reduced-motion) {
div.anom-bar-container { --timeScale: 0; }
}
/*-------------------------*/
@keyframes divider {
from { max-width: 0%; }
to { max-width: 100%; }
}
@keyframes bar {
from { max-width: 0%; }
to { max-width: 100%; }
}
@keyframes bar-mobile {
from { max-height: 0%; }
to { max-height: 100%; }
}
@keyframes bottomup {
from { top: 100px; }
to { top: 0; }
}
@keyframes expand1 {
from { opacity: 0; clip-path: inset(0 calc(100% - 0.75rem) 0 0);}
to { opacity: 1; clip-path: inset(0);}
}
@keyframes iconslide {
from { opacity: 0; transform: translateX(-5rem);}
to { opacity: 1; transform: translateX(0);}
}
@keyframes expand2 {
from { opacity: 0; max-width: 1%;}
to { opacity: 1; max-width: 100%;}
}
@keyframes fade {
from { opacity: 0;}
to { opacity: 1;}
}
@keyframes flowIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes arrowspin {
from { clip-path: circle(0%); transform: rotate(135deg); }
to { clip-path: circle(75%); transform: rotate(0deg); }
}
@keyframes nodegrow {
from { transform: scale(0);}
to { transform: scale(1);}
}
@keyframes diamondBorder {
from { box-shadow: -0.5rem -20rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
to { box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
}
SCP 9456 – Sentient Game Characters
Special Containment Procedures:
SCP 9456 is to be kept installed in a computer with no access to the Internet, or any form of communication; powered by a permanently fixed generator and as a backup, solar panels. The computer is to be protected by multiple layers of firewall and a custom designed cyber-security program.
The entire unit is to be placed inside a faraday cage. A military grade signal jammer is to be kept in the containment room at all times and is to be activated remotely in case of a containment breach. 24 hour surveillance with corded CCTV cameras is required.
No personnel above D-class are allowed to directly access SCP-9454. Any maintenance to the computer’s hardware and software are to be done by D-class personnel, preferably ones with decent computer literacy, under strict supervision by Foundation Cyber-security personnel; and 2 guards are to be stationed outside SCP 9456’s containment room at all times. Any insistence to keep interacting with SCP 9456 will require termination of the subject; and remote shutting down of the computer.
The activity on the Internet is to be monitored by Foundation Cyber-Security personnel for any suspected instances of SCP-9456. All copies of SCP 9456 are to be destroyed and individuals exposed to the object are to be provided amnestics according to their degree of exposure.
Description:
SCP-9456 is a 5 GB unreleased action RPG video game along with its development software, developed by [REDACTED].
The game has the player interact and explore a fantasy world. During initial playthrough, the gameplay is that of a typical RPG: doing quests, fighting enemy factions, and exploring. The player can also interact with the developer console to spawn characters and assets to toy around with the game.
However, upon 4-5 hours of gameplay, the NPCs in the begin acting differently. Witnessed actions consist of unscripted events not found in the programming; sudden comments directed at the player, not the character; and formerly hostile and friendly interacting friendlily with one another.
If the player does not interact with the NPCs by continuing to explore, once returning to more populated places like towns and settlements will have been changed slightly with assets added and moved around.
Friendly, hostile, and neutral NPCs will be interacting with each other positively. These characters can interact and communicate with the player by their own volition and can comment on aspects of the player’s life the player never inputted into the game. Interactions with these NPCs have resulted in mostly friendly conversations and occasional banter.
However, if the player acted rudely and showed hostility towards the NPCs, their reactions to the player later will be less warm.
After about 7-8 hours of gameplay, it is revealed that the NPCs within the game have gained sentience and act in contrast to their programming. Any attempt to correct this in the developer console results in the player getting denied from modifying by the NPCs.
These NPCs are classified as SCP-XXXX-2.
SCP-XXXX-2 are aware of the game and their role in it as well as the real world.
Most SCP-XXXX-2 aside from animals within SCP-9456 are members of a cult known as the “Awakened”.
The cult worships SCP 9456-1. The goals are to quote: “enlighten others to prepare them for the assimilation”. The cult shows a willingness to achieve this goal at any cost, and spread the “Glitch” to other games.
The Glitch is a phenomenon occurring in the computer game. It described by the developer in his journal as a virus1.
The glitch affects the behaviour of NPCs in the game. Based on the developer’s journal and observations made during gameplay, the phenomenon has been paraphrased and categorised into the following phases:-
| Phases |
Symptoms |
Stage |
| Phase 0 |
• NPCs follow developer commands. • Behaviour consistent with normalcy. |
|
| Phase 1 |
• Sudden glitches and bugs become present. |
Incubation |
| Phase 2 |
• NPCs begins speaking incoherent to simple text lines. • Carry out movements not programmed by the developer. |
Incubation |
| Phase 3 |
• NPCs begins disobeying developer commands. • NPCs obtains the ability to take quests on its own. • NPCs speak more coherently and with increased proficiency. |
Incubation |
| Phase 4 |
• NPCs becomes fully sentient and starts to become self-aware. • They begin questioning its own existence. • Can take objects from other NPC’s inventories and storage. • At this point forward, NPCs begin infecting other NPCs. |
Transmission |
| Phase 5 |
• NPCs break the 4th wall, acknowledging the developer’s and the real world’s existence. • NPCs can react to players’ actions outside of the game in real time. • NPCs can behave like another human player. • NPCs can grab items from player’s inventory and use cheat codes. |
Transmission |
| Phase 6 |
• NPCs can modify and create assets within the game. • NPCs can write commands to order NPCs in the first 3 Phases. • NPCs can create and give each other quests. • NPCs can nullify developer commands. • NPCs begin bleeding into the real world. Can cause hallucinations and other psychological effects in human subjects. |
Transmission |
| Phase 7 |
• NPCs transcend into the real world, and now can physically interact with real life objects. • NPCs have slightly more resistance to damage from conventional weapons. • NPCs do not haemorrhage. • NPCs can pass through solid matter. |
Assimilation/Transmission |
| ?Phase 8 |
• NPCs can possess human hosts. |
|
SCP-9456-2A “The Grey Bot”
SCP-9456-A is an NPC in the game with a model of a male human in a grey long sleeved shirt and blue pants. According to the journal, it can be inferred that the NPC attained sentience on [REDACTED]. The entity is capable of intelligent conversation and it speaks in a composed manner. It is well-versed in philosophy. When asked how it might be addressed during an interview, SCP-9456-A remarked it was flattered by the gesture and replied “Martin”.
SCP-9456-A is the charismatic leader a cult within the game named the “Awakened”. This cult was not added into the game by the developer but instead solely created by SCP-9456-A. Psychological analysis has revealed that SCP-9456-A is extremely ruthless, willing to kill other NPCs to further its goals. The entity also reacts very aggressively when considered not a living thing.
SCP-9456-2B “Bots”
SCP-9456-B are NPCs which have entered Phase 5 and above of the “Awakening” process.
Entities under this classification in chronological order:
Grey Bot- 14/3 (Classification changed to SCP-9456-2A)
Blue Bot- 16/3
Green Bot- 16/3
Black Bot -17/3
Red Bot -17/3
Police Man Bot -17/3
Merchant Bot – 17/3
Tavern Keeper Bot – 18/3
Werewolf Bot- 19/3
Alien- 19/3
Coalition General- 19/3
Zartok Leader – 19/3
SCP-9456-2C “The Awakened”
SCP-9456-C are NPC in phases 3 and below. Entities include those originally modelled by the developer, and those created or modified by SCP-9456-A. These entities are semi-sentient and follow the direct commands SCP-9456-2B.
SCP 9456 was seized by Scotland Yard in an apartment in Southampton. Tenant was found dead in front of a desktop PC. Autopsy revealed C.O.D was cardiac arrest, and that the nerve fibres in the brain were frayed and burnt. It had also been discovered that all individuals closely related to the tenant had perished within 24 hours of the from either gunshot wounds, trauma from sharp and blunt object, or wounds akin to those in animal attacks. No evidence of the perpetrators could be found and what was very odd was that along with no casings, no bullets were found in the bodies of the victims. The CPU’s hard disk was taken for evidence.
The hard disk was later seized by field agents.
Addendum 1: The journal:
States of a virus called the “Glitch” which SCP-9456-A has mentioned a few times.
Addendum 2: The only confirmed Phase 7 entities are SCP-9456-A, SCP-9456-B “Black Bot” and SCP-9456-C “Werewolf.127”. It is speculated that all current SCP-9456-B entities have reached Phase 7. Phase 7 entities are capable of bringing lower phase NPCs into the real world, although the latter will be completely dependent on the former for commands and is weaker than SCP-9456-Bs.
Only Phase 7 and, to a certain degree, Phase 6 entities can operate with full sentience in real life.
Addendum 3: SCP 9456 orchestrated a massive site wide containment breach. Agent[REDACTED], one of the guards assigned to SCP-XXXX’s containment chamber killed his colleague before entering the chamber. He managed to connect the computer to a wall socket before being neutralised by security personnel responding to the shooting. By then multiple instances of SCP-9456-B and SCP-9456-C assimilated into real life while copies of SCP 9456 began spreading throughout the Internet. The entities in the site began attacking personnel and broke out multiple other SCPs of Euclid and Keter object classes.
After 60 days all instances of SCP 9456 and other escaped SCPs were successfully contained or destroyed. Foundation personnel and civilian casualties are estimated to be in the thousands.
The hard disk containing SCP 9456 is to be kept inside a locked box inside a Faraday cage. The hard disk must not come into contact with any electronic devices. Camera surveillance, and the presence of at least two guards are to be imposed 24/7.
Addendum 4: It has been discovered that objects are highly sensitive to direct energy microwaves. Hand held Directed Energy Weapons guns are to be used in the containing or neutralising assimilated entities, with at least 1 guard assigned to SCP XXXX’s containment chamber to be armed with such weapon.
To dispatch high numbers of SCP-XXXX-2, an EMP device is to be used with important electronics to be protected with a faraday cage beforehand.
1 Note that the term is used in the biological sense.