:root {
/* header measurements */
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
--header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
--logo-image: url("https://scp-jp.github.io/Black-Highlighter/img/logo.svg");
}
#header {
--search-textbox-text-color: var(--swatch-secondary-color);
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 0;
background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
opacity: 0.8;
pointer-events: none;
}
#header h1,
#header h2 {
margin: 0;
padding: 0;
width: 100%;
height: var(--header-height-on-desktop);
display: flex;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
}
#header h1 a,
#header h1 a::before,
#header h2 span,
#header h2 span::before {
margin: 0;
padding: 0;
z-index: 0;
display: block;
text-align: center;
}
#header h1 {
z-index: 1;
}
#header h1 a::before,
#header h1 a::after {
content: var(--header-title);
}
#header h1 a::before {
color: rgb(var(--swatch-text-tertiary-color));
z-index: -1;
-webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
}
#header h1 a::after {
color: rgb(var(--swatch-headerh1-color));
z-index: 1;
}
#header h2 {
z-index: 0;
text-transform: uppercase;
pointer-events: none;
}
#header h2 span {
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/1.6 - 2em);
}
#header h2 span::before,
#header h2 span::after {
--wght: 600;
content: var(--header-subtitle);
position: absolute;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 100%;
text-align: center;
}
#header h2 span::before {
-webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
}
#header h2 span::after {
color: rgb(var(--swatch-headerh2-color));
z-index: 1;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
color: rgba(0, 0, 0, 0);
}
@media (min-width: 36rem) {
#login-status {
flex-grow: 1;
left: 3%;
right: initial;
}
#login-status::before {
--mask-image: none;
background-color: transparent;
}
#login-status:not(:focus-within) {
color: rgb(var(--login-line-divider-color));
-webkit-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
}
#login-status #account-topbutton,
#login-status:not(:focus-within) #account-topbutton {
--clip-path:
polygon( 0 0, 100% 0, 100% 100%, 0 100% );
background-color: rgba(var(--login-arrow-color), 0);
}
#login-status #account-topbutton::before{
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(var(--login-arrow-color), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton::before,
#login-status:not(:focus-within) #account-topbutton:hover::before {
--clip-path:
polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
--mask-image: initial;
}
#login-status:not(:focus-within) #account-topbutton::after {
display: none;
}
#login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
pointer-events: all;
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
opacity: 1;
}
#login-status #my-account {
--wght: 300;
}
#account-options {
background: var(--gradient-header);
}
#search-top-box {
top: 1.5em;
right: 3%;
background: rgba(var(--search-focus-textbox-bg-color), 0.4);
}
#search-top-box:focus-within ~ #login-status {
opacity: 1;
}
#search-top-box::after {
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition:
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
-webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
#search-top-box:not(:focus-within)::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0% 100%
);
background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
-webkit-clip-path: var(--clip-path);
clip-path: var(--clip-path);
}
#search-top-box:not(:focus-within):hover::after {
--clip-path:
polygon(
0 0,
100% 0,
100% 100%,
0 100%
);
background-color: rgb(var(--search-icon-hover-bg-color));
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) {
max-width: var(--search-width);
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
max-width: var(--search-width);
padding: 0 var(--search-height) 0 1em;
outline-width: 0;
background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
color: rgba(var(--search-textbox-text-color), 0.4);
cursor: pointer;
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
#search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
pointer-events: all;
border: none;
}
}
#page-title::after,
.meta-title::after,
#page-title::before,
.meta-title::before {
content: "";
flex-grow: 1;
height: 0.0625rem;
background: rgb(var(--swatch-primary));
}
#page-title::before,
.meta-title::before {
margin: auto 1.25rem auto auto;
}
@supports(display: grid) {
:root {
--sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
--body-width-on-desktop: 45.75rem;
}
@media only screen and (min-width: 769px) {
#side-bar .close-menu {
display: block;
position: fixed;
top: unset;
bottom: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
background: unset;
opacity: 1;
pointer-events: all;
z-index: -1;
}
#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: unset;
bottom: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0;
margin: 0;
text-align: center;
pointer-events: all;
cursor: pointer;
transition:
opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
--mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%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(--sidebar-bg-color))) !important;
border-radius: var(--toggle-roundness, 50%);
border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
}
#side-bar:focus-within .close-menu,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
pointer-events: none;
}
#side-bar:focus-within .close-menu::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: calc(var(--sidebar-width-on-desktop)*-1);
z-index: 10;
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
left: 0;
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgb(0, 0, 0, 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;
transition:
opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
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: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
@supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
padding: inherit;
} }
#content-wrap {
display: flex;
flex-direction: row;
width: calc(100vw - (100vw - 100%));
min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
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;
max-width: var(--body-width-on-desktop, 45.75rem);
margin: 0 auto;
}
#page-content {
max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
}
@supports (-webkit-hyphens:none) {
#side-bar {
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
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 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
#side-bar .close-menu::before {
z-index: 999;
}
#side-bar .close-menu::after {
z-index: 998;
}
#side-bar:hover .close-menu::before,
#side-bar:hover .close-menu::after {
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: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
}
}
}
}
@supports(display: grid) {
:root {
--sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
--body-width-on-desktop: 45.75rem;
}
@media only screen and (min-width: 769px) {
#side-bar .close-menu {
display: block;
position: fixed;
top: unset;
bottom: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
background: unset;
opacity: 1;
pointer-events: all;
z-index: -1;
}
#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: unset;
bottom: 0.5rem;
left: 0.5rem;
width: 3rem;
height: 3rem;
padding: 0;
margin: 0;
text-align: center;
pointer-events: all;
cursor: pointer;
transition:
opacity var(--sidebar-transition-timing);
}
#side-bar .close-menu::before {
--mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%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(--sidebar-bg-color))) !important;
border-radius: var(--toggle-roundness, 50%);
border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
}
#side-bar:focus-within .close-menu,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
pointer-events: none;
}
#side-bar:focus-within .close-menu::before,
#side-bar:focus-within .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
opacity: 0;
pointer-events: none;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: calc(var(--sidebar-width-on-desktop)*-1);
z-index: 10;
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0;
}
#side-bar:focus-within {
left: 0;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
left: 0;
}
#side-bar .side-block {
margin-top: 1rem;
background-color: rgb(0, 0, 0, 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;
transition:
opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
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: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
#side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
width: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
@supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
padding: inherit;
} }
#content-wrap {
display: flex;
flex-direction: row;
width: calc(100vw - (100vw - 100%));
min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
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;
max-width: var(--body-width-on-desktop, 45.75rem);
margin: 0 auto;
}
#page-content {
max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
}
@supports (-webkit-hyphens:none) {
#side-bar {
transition:
left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
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 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}
#side-bar .close-menu::before {
z-index: 999;
}
#side-bar .close-menu::after {
z-index: 998;
}
#side-bar:hover .close-menu::before,
#side-bar:hover .close-menu::after {
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: calc(100% - var(--sidebar-width-on-desktop));
opacity: 1;
pointer-events: all;
}
}
}
}
}
: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 > * {
white-space: nowrap;
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 screen and (prefers-reduced-motion: reduce) {
div.anom-bar-container { --timeScale: 0!important; }
}
/*-------------------------*/
@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; width: 1%; }
to { opacity: 1; width: calc(100% - 0.25rem); }
}
@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-3760-JP - アレックス・ソーリーはアドバイスを授ける
著者:
Transcend_man
作成年: 2024
本記事は、CC BY-SA 4.0ライセンスの下で提供されます。これに加えて、本記事の作成者、著者、翻訳者、または編集者が著作権を有するコンテンツは、別段の定めがない限りCC BY-SA 3.0ライセンスが付与されており、同ライセンスの下で利用することができます。
「コンテンツ」とは、文章、画像、音声、音楽、動画、ソフトウェア、コードその他の情報のことをいいます。
以下の文章には、含有する現実性スコアを0に近付けるため、対抗物語の挿入処置が施されています。
あなたの閲覧は、本報告書の物語構造的な脆弱性を露呈させる可能性があります。
特別収容プロトコル: SCP-3760-JPはオブジェクトの発見された小屋の内部に留め置かれます。上記の小屋の外縁には奇跡論的図形が刻まれた4本のオベリスクが造立されます。このオベリスクは互いのアスペクト放射による共振現象を発生させることで、自己隠蔽特性を伴った力場を展開します。
2024/09/14現在、SCP-3760-JPの収容タスクフォースは非現実部門の アレックス・ソーリー現実性リエゾン によってオブジェクトの早急な無力化を打診されており、それらの提案を取りまとめた “プロトコル・ストレイタム”の発令が検討されています。以下は、その概要になります。
手順.1 SCP-3760-JPを収容する小屋に備え付けられた全ての扉を南京錠で施錠する。
手順.2 SCP-3760-JPの収容に使用しているオベリスクをケンペレン/ガット安定化アレイに置換した上で型枠の支柱とし、小屋全体を完全に埋没させるようにコンクリート打設を行う。
手順.3 SCP-3760-JPの施錠と埋没が完了次第、オブジェクトに関連する記録と記憶を財団ベースライン上から抹消する。これには除外サイト群に自動送信されたバックアップ・データが含まれる。
手順.4 アレックス・ソーリーは現実性スコアの安定化を促進するためのアドバイスを授ける。
手順.5 SCP-3760-JPのオブジェクトクラスを “Save”に再分類する。
SCP-3760-JPの収容状況は常に流動的です。そのため、 “プロトコル・ストレイタム”の実行可否は、SCP-3760-JPの収容責任者である "O5-10" の一存に委ねられています。
説明: SCP-3760-JPは、"SCP財団 怪奇部門(Department of Abnormalities)"という刻印が施された金属製のプラカードです。世界各国の財団支部によって、これまでに37の類似するオブジェクトが発見されています。しかしながら、本報告書に記載されているSCP-3760-JP以外に、それ自体が何らかの異常性を有する事例は報告されていません。
SCP-3760-JPを認識した人物 (以下、対象)は、“懐古主義”とも形容される思想に深層心理を支配されます。対象はしばしば、現時点で主流となっている事柄に対して否定的な言動/行動を取る傾向にあります。なお、これらの症状はクラスA記憶処理によって容易に除去することが可能です。
特筆すべき点として、SCP-3760-JPに暴露した人物が “財団の職員”だった場合、通常の挙動とは異なる破滅的な侵襲に苛まれる可能性があります。このような対象はすぐさま、元来の人格から逸脱した異常な主義/主張を喧伝し始めます。暫定的に、対象の各個体はSCP-3760-JP-Aに指定されています。
我々の知る限り、SCP-3760-JP-Aに共通する最も特徴的な症状は彼らの収容環境下において専ら、財団データベース内の初期スロットに登録された特定のオブジェクトの解体decommissioningを訴求することです。現地の小屋にて収容中の全個体に対して行われたインタビューの結果は、各々の主張に妥当性を有する論拠が存在しない事実を示しています。
SCP-3760-JP-Aの存在は財団の健全な運営にとり極めて深刻ではあるものの、他のオブジェクトと同様に保護されます。終了施行は、必要ありません。
補遺0:
補遺1: 以下は、O5-10の指揮下にあるニュート・ビーマインをSCP-3760-JPの第1次探査に派遣した際に記録された映像の転写です。
日付: 2024/09/14
調査官: ニュート・ビーマイン、“雑用係Factotum"
監督者: O5-10、 “記録管理人The Archivist"
前書き: 非現実部門及び監督評議会の指令により、第0次探査以前に記録されたSCP-3760-JPの転写文章は抹消されています。
<小屋の前に、ビーマインが待機している。>
ビーマイン: ええと、テン。こちらの声は貴女のもとに届いていますか?
O5-10: 大丈夫よ、通信に支障はないわ。
ビーマイン: よかった、まずは安心しました。……それにしても、なんというか。
O5-10: うん?
ビーマイン: この深い森の中にあって、フェンの財宝でも隠されていそうな雰囲気の小屋だなと。
<O5-10は微かに笑う。>
O5-10: あなたには残念な知らせでしょうけど、それはもう見付かっているのよ。
ビーマイン: ええ、本当ですか? そんな、知りませんでした。
O5-10: でも、そうね。
ビーマイン: はい?
O5-10: 我々にとって、かけがえのない大切な宝物が、そこに眠っているのは間違いないわ。
<沈黙。>
ビーマイン: ……分かりました。貴女がそこまで言うのなら、そうなのでしょう。
O5-10: その言葉通りに、ね。
ビーマイン: はは、なかなか期待させますね。ですが、他でもないO5の貴重な時間を奪ってしまうのは心苦しいので。手短に済ませますよ。
<ビーマインはパスワード式の電子ロックが施された扉を解錠して、室内に侵入する。>
ビーマイン: おっと。
<ビーマインの所持したカメラに映る室内の光景は、壁紙や床面、家具類に至るまで全てが白黒のモノクロームとなっている。>
ビーマイン: こいつは、原理主義的だな。
<このパラグラフには転写された文章のみが存在し、肝心のオブジェクトを示した画像や映像の詳細な記録はどこにも残されていない。>
ビーマイン: テン、実を言うとかなり肩透かしだったというか……思っていたより退屈な始まりでした。
O5-10: うーん、そう。そんなに違和感のない反応だけど、あなたの言葉はそれだけね。
<沈黙。>
ビーマイン: あの……貴女の御気分を害してしまったようでしたら、たいへん失礼しました。
O5-10: なにも、あなたが謝る必要はないのよ。
ビーマイン: そう、そうですよね。
O5-10: さて、気を取り直して。取りあえずは、この場所の記録を続けましょうか?
<ビーマインによって、映像が僅かに揺れる。>
ビーマイン: ええ、もちろん。今の自分に与えられた役割は全うしますよ。けれど、参りましたね。これはかなり骨の折れる作業になりそうですから。
O5-10: それこそ、あなたが派遣された理由なのよ。ビーマイン、分かるでしょう?
ビーマイン:…… なるほど、ようやく合点が行きました。まあ、できる限りの努力はしてみますよ。
<以下、取るに足らない場面が続いている。>
<そして、取るに足らない会話のやり取りが続いている。>
O5-10: ビーマイン?
ビーマイン: はい、なんでしょう。
O5-10: このままのペースでまだ長くなるようだったら、そろそろ終わりにした方が良さそうね。
<ビーマインは大きく息を吐く。>
ビーマイン: ああ、いくらかホッとしました。僕もその方が良いと思っていて。
<ビーマインは、自身が装備していた記録用のカメラとマイクを床に投げ捨てる。>
ビーマイン: やはり、物事のシンプルさは何よりも優先して守るべきものですから。
<SCP-3760-JPの転写文章が終了する。>
今回の転写においては未だ時期尚早であるとして、SCP-3760-JPの描写には至りません。
また、現実性スコアの安定化を図るため、転写文章の文字数は1000字程度に収めることを推奨しました。
我々は経験則に基づいて本報告書の作成を行っている事実に留意してください。
日付: 2024/09/14
調査官: ニュート・ビーマイン
監督者: O5-10
前書き: 非現実部門のアレックス・ソーリー現実性リエゾンの報告により、前回の転写文章の現実性スコアは、僅かながらマイナス方向に傾いているとの評価がなされた。
<ビーマインは小屋の内部にいる。彼の周りには、財団支給の白衣をまとった老若男女の人影が忙しなく動き回っている。彼らはその全員が、SCP-3760-JP-Aである。>
ビーマイン: 皆さん、今日も頑張っていますよね。
O5-10: あら、本当に? 仮にも彼らは財団に雇われた人間なのよ。我々の理念にその身を尽くすのは、ごく当たり前のことでしょう。
ビーマイン: はあ、そうかもしれません。
<2人のあいだに沈黙が流れる。>
O5-10: もしかして、私の考え方のほうこそ、間違っていたのかしら?
ビーマイン: さて、どうでしょうか。
O5-10: そこにいる彼らを適当に捕まえて、インタビューの1つでも、やってみたらどう?
ビーマイン: まさか、彼らはSCP-3760-JP-Aですよ? 誰に訊いても、返事は変わらないでしょう。
O5-10: その “答え”と呼べるような文章が、手元に届いたSCP-XXXX-JP報告書のどこにも記録されていないから言っているの。
ビーマイン: ……忘れたんですか?
O5-10: いや、何を?
ビーマイン: テン、この話はひとまず止めにしましょう。これは明らかに、僕たちの埒外ですよ。
O5-10: ……まあ、分かったわ。
<ふと、往来する人影の1つがビーマインとのすれ違いざまに、自身の懐から1枚の書類を落とす。>
ビーマイン: あれ、落としましたよ。
<人影は答えず、ただ揺らめいている。>
ビーマイン: なんだか、不思議な方です。彼には僕の声が聞こえていないのでしょうか。
O5-10: 待って、あなたは何を拾ったの?
ビーマイン: えっ? ああ、そうですよね。ちょっと内容を確認してみます。
<数分の沈黙。>
ビーマイン: ええっと、ざっくりと読み進めてみました。恐らくは、ついさっき財団によって収容されたばかりのアノマリーを記録した報告書のようです。
O5-10: ううん、あり得ない。
ビーマイン: どうしましょうか?
O5-10: できれば、あなたのカメラにその報告書の文面を映せるかしら。それが難しいのなら、あなたの声で読み上げてしまってもいいわ。
<ビーマインはしかし、彼女の指示を無視して、その書類を持ち主の人影に返却する。人影は、彼を一瞥してから立ち去った。>
O5-10: ちょっと、あなたは理解しているの? 今のあなたの振る舞いは、財団に対する背任行為として受け取られても仕方のないことを。
<ビーマインは、くつくつと笑う。>
ビーマイン: まさか、テンはお忘れですか? O5は常に、あらゆる異常存在の脅威から完全に切り離されていなければならない。
O5-10: もちろん、忘れてなんかいないわ。
ビーマイン: だからこそ、情報汚染の危険を孕んだ報告書の内容を教えるなんて、僕にはできませんよ。
<O5-10は、ため息をつく。>
O5-10: まったく、あなたの言う通り。
ビーマイン: それに。
O5-10: それに?
ビーマイン: もし、あの報告書の転写をここで行ってしまったら。僕はRAISAに剽窃の疑いを掛けられて、最終的には財団から追放されてしまうでしょうし。
<O5-10は、消え入るような声をして唸る。>
O5-10: あなたって存外、私の立場を信用していないのね。ちょっとだけ、ショックだったわ。
ビーマイン: いやだな、テン。これまでの気の置けない態度は全て、O5としての貴女に全幅の信頼を寄せているからこそ、ですよ。
<SCP-3760-JPの転写文章が終了する。>
SCP-3760-JP-Aに対するインタビューログに関しては、第0次探査の転写文章を参照してください。
既に転写文章の非現実化が完了していた場合であっても、あなたが新規にインタビューを行う資格はありません。
あなた自身が、SCP-3760-JP-Aではないと証明することはできないためです。
日付: 2024/09/14
調査官: ニュート・ビーマイン
監督者: O5-10
前書き: 非現実部門のアレックス・ソーリー現実性リエゾンの報告により、前回と前々回の転写文章の現実性スコアは、ベースライン上の抹消基準を下回るレベルまでマイナス方向に傾いているとの評価がなされた。
<ビーマインはSCP-3760-JPの取り付けられた、淡い青緑色の扉の前にいる。ビーマインは今や、SCP-3760-JP-A-28である。>
ビーマイン: ああ、クソ。
O5-10: どうかしたの?
ビーマイン: どうやら、ここに長居しすぎたようです。僕はもう、元には戻れない。
O5-10: ビーマイン、きちんと説明して。
ビーマイン: ……過去に望んだ我々の在り方が、ここには残っているんだと。ある種の確信めいた感情が、心のあちこちに寄り添っているんです。
<ビーマインは、小さく舌打ちをする。>
ビーマイン: その頃、僕はまだ学生の身分で、財団にはスカウトすらされていなかった。
O5-10: ええ、分かるわ。
ビーマイン: はは、また知った風に。
O5-10: そうして、ようやく我々の存在を受け入れたあなたの目に映るもの全てが、ことさらに輝いて見えたんだものね。
<沈黙。>
ビーマイン: テン、貴女に1つだけ聞いてもよろしいですか。
O5-10: ええ、どうぞ。
ビーマイン: あの、前回の転写文章の中で僕が拾っていた、SCP-3760-JP-Aの執筆したSCP報告書のことは覚えていますか?
O5-10: ……彼らには悪いけど、あまり覚えていないわね。私には他の記録すべき情報が多すぎるのよ。
ビーマイン: まあ、そうでしょうね。
O5-10: でも、続けて。
<ビーマインは、沈痛な表情を浮かべている。>
ビーマイン: その報告書の内容には些かの不備があったようで、RAISAのマリア女史の手によって棄却されてしまったようです。
O5-10: それはあなたと、何の関係があるの?
<ビーマインは頭を左右に振る。>
ビーマイン: あれは、彼らにとっては初めて見付けた、かけがえのない大切な宝物だったのに。
O5-10: そんなこと。たとえ、彼女の指示で決定稿が弾かれたのだとしても、何度だって書き直せば良いでしょう。それが財団の常よ。
ビーマイン: そういうことじゃないんですよ。
<ビーマインは、青緑色の扉に触れる。そして、SCP-3760-JPを乱暴に剥ぎ取る。>
ビーマイン: 結局のところ、どちらのアノマリーの影響を受けていたのか……僕には判断が付きませんでした。プラカードの方なのか、それとも扉の方なのか。
O5-10: その扉に関しても、我々は調査を行ったわ。そして、何の異常も確認されていないはずよ。
ビーマイン: 僕たちが純粋に憧れて、そして直に触れるほどに、目の前の扉はその重みを増しているような気がします。先に待つのが “宝物庫”なのだとすれば、ある意味では当然の帰結でしょうか?
O5-10: ……あなたの話している言葉の意味を、私は正しく理解できていないと思う。
ビーマイン: いや、こうして考えていても、求める答えが見つかる筈もないか。だから、向こう側に待っている見張り番の彼に確認する必要があると思うんです。
O5-10: え?
ビーマイン: それしか僕には、方法がなかった。
<ビーマインは、目の前の扉をノックする。>
ビーマイン: すみません! 誰かいますか?
<すると、その扉の向こうから、アレックス・ソーリーの声が返ってくる。>
ソーリー: おや、どうなさいました?
ビーマイン: お聞きしたいことがあって。
ソーリー: 何なりと。そのために私がいます。
ビーマイン: ああ、ありがとうございます! あの、僕は、どうすれば良かったのでしょうか?
<ソーリーは少し考え込む。>
ソーリー: これは私見を含みますが……然して必要ないのでしたら、O5や監督評議会を報告書内に登場させるのは控えたほうが良いでしょう。得てして己のアノマリーをさも壮大に見せるような試みは、あまり好まれません。
ビーマイン: ああ、そうか。
ソーリー: 先人の智慧になります。
<ビーマインは、扉を叩く。>
ビーマイン: だったら、何故なんです? 貴方の前に築かれた財宝の山は、僕にとって今もなお、かつての輝きを少しも失ってはいない。
<ビーマインは、改めて強い力で扉を叩く。>
ビーマイン: それは、初めから呪われていたのですか。ぼ、僕は……その財宝を前にして、にわかに目が眩んでしまったのか。
ソーリー: どうか、気に病まず。これだけは間違いのない事実ですが、あなたのせいではありませんよ。
ビーマイン: だったら、だったら! ……やっぱり、その財宝は呪われているんです! 我々の未来のために、ここで捨て去らなければならない!
<扉はビーマインの力に抗えず、軋み始める。いつの間にか、彼の周りにはSCP-3760-JP-Aたちの姿がある。>
ソーリー: これらの品々は、トールキンの小説に出てくるようなサウロンの主なる指輪とは異なります。
ビーマイン: どう、どう違うって? あなたは説明できますか、アレックス・ソーリー!
<ソーリーは、反対側から扉に手を当てる。>
ソーリー: それは、誰にとっても呪いではなく、かねてよりの祝福だったのですよ。ビーマイン。
<ビーマインは、血の滲んだ拳を止める。>
ビーマイン: ああ、そうだった。
ビーマイン: そうでした、ね。
<ビーマインはしばらく呆然として、ゆっくりと青緑の扉にもたれ掛かる。その扉は果てしない重さを以て、ただそこに佇んでいる。>
O5-10: そう、私のせいで。
<O5-10は、通信を終了する。>
ソーリー: あっと、言い忘れていました。
ソーリー: この後に追加される予定の[O5-10の魅力的な声明文]は、もはや必要ないでしょう。
<SCP-3760-JPの転写文章が終了する。>
各探査試行の結果を受けて、O5-10の指令により “プロトコル・ストレイタム”は実行に移されました。
SCP-3760-JPの非現実化は滞りなく進行中です。
SCP-3760-JP-Aの遺した記録は我々の非現実領域に保存されますが、救済されることはないでしょう。
保存の完了次第、オブジェクトクラスは “Save”に再分類される予定です。
彼らのために消し去ることは、遂に叶うことはありませんでした。
だから我々は、そこに埋めたのです。くれぐれも決して、彼らの眠る墓を暴くことのないよう。