dj 서닌장의 제안 I

---

+ Show component code

#side-bar {
    /* ===SECONDARY & TERTIARY COLORS=== */
    /* Editing these will edit a vast majority of theme elements. Useful for making dark themes */
 
    /* 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-color);
    --swatch-alternate-color: var(--swatch-menubg-light-color);
 
    /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
    --swatch-text-secondary-color: var(--swatch-menutxt-dark-color);
    --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);
 
    /* ===SIDE-BAR ELEMENTS=== */
 
    /* ===SIDE-BAR GENERAL=== */
    --sidebar-bg-color: var(--swatch-menubg-dark-color);
    --sidebar-resources-bg-color: 0, 0, 0, 0;
    --sidebar-media-bg-color: 0, 0, 0, 0;
 
    /* ===SIDEBLOCK MENU=== */
    --sideblock-heading-border-color: var(--bright-accent);
    --sideblock-heading-bg-color: 0, 0, 0, 0;
    /* Transparent */
    --sideblock-heading-text-color: var(--swatch-text-tertiary-color);
 
    /* ===MENU-ITEMS=== */
    --sidebar-border-color: var(--swatch-primary), 0.08;
    --sidebar-subtest-color: var(--swatch-text-tertiary-color);
 
    --sidebar-links-text: var(--swatch-text-tertiary-color);
    --sidebar-links-hover-bg-color: var(--bright-accent);
    --sidebar-links-hover-text-color: var(--swatch-text-tertiary-color);
 
    /* ===SIDEBAR COLLAPSIBLES=== */
    /*Folded Colors */
    --sidebar-collapsible-fld-link-bg: var(--swatch-primary), 0.25;
    --sidebar-collapsible-fld-link-color: var(--swatch-text-tertiary-color);
    --sidebar-collapsible-fld-link-hover-color: var(--swatch-text-tertiary-color);
    --sidebar-collapsible-fld-arrow-hover-color: var(--swatch-text-tertiary-color);
 
    /*Unfolded Colors */
    --sidebar-collapsible-ufld-link-bg: var(--swatch-primary-darker), 0.25;
    --sidebar-collapsible-ufld-link-color: var(--swatch-text-tertiary-color);
    --sidebar-collapsible-ufld-link-hover-color: var(--swatch-text-tertiary-color);
    --sidebar-collapsible-ufld-arrow-hover-color: var(--swatch-text-tertiary-color);
 
    /* Unfolded Body Colors */
    --sidebar-collapsible-link-color: var(--swatch-text-tertiary-color);
    --sidebar-collapsible-link-hover-color: var(--swatch-text-tertiary-color);
 
    scrollbar-color:
        rgba(var(--swatch-primary-darker), 0.1)
        /* Thumb */
        rgba(var(--swatch-secondary-color), 0.05);
    /* Track */
 
    border-color: rgba(var(--swatch-secondary-color), 0.4);
}
 
/* Hover Scrollbar Behavior */
#side-bar:hover,
#side-bar:active {
    scrollbar-color:
        rgb(var(--swatch-primary-darker), 1)
        /* Thumb */
        rgb(var(--swatch-menubg-dark-color), 1);
    /* Track */
}
 
#side-bar:focus-within {
    scrollbar-color:
        rgb(var(--swatch-primary-darker), 1)
        /* Thumb */
        rgb(var(--swatch-menubg-dark-color), 1);
    /* Track */
}
 
#side-bar::-webkit-scrollbar-track {
    background-color: rgba(var(--swatch-tertiary-color), 0.8);
}
 
#side-bar::-webkit-scrollbar,
#side-bar::-webkit-scrollbar-thumb,
#side-bar::-webkit-scrollbar-corner {
    background-color: rgba(var(--swatch-menubg-dark-color), 0);
}
 
#side-bar .side-block.media a:-webkit-any-link {
    background: rgba(var(--swatch-menubg-light-color), 0.75) !important;
}
 
#side-bar .side-block.media a:-moz-any-link {
    background: rgba(var(--swatch-menubg-light-color), 0.75) !important;
}
 
#side-bar .side-block.media a:any-link {
    background: rgba(var(--swatch-menubg-light-color), 0.75) !important;
}
 
#side-bar .side-block.media a::before {
    background: rgb(var(--social-color));
}
 
#side-bar .side-block.media a[href*="tiktok"]::before,
#side-bar .side-block.media a[href*="tiktok"]::after {
    transition:
        background 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background-color 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background-image 200ms cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:
        clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background-color 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background-image 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:
        clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background-color 200ms cubic-bezier(0.4, 0, 0.2, 1),
        background-image 200ms cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
 
#side-bar .side-block.media a[href*="tiktok"]:hover::before {
    --clip-path:
        polygon(-15% 0,
            115% 0,
            100% 100%,
            0 100%
        );
}
 
#side-bar .side-block.media a[href*="tiktok"]:hover::before,
#side-bar .side-block.media a[href*="tiktok"]:active::before {
    --clip-path:
        polygon(-15% 0,
            115% 0,
            100% 100%,
            0 100%
        );
    background-image: var(--tiktok-icon-gradient);
    background-size: contain;
}
 
#side-bar .side-block.media a[href*="tiktok"]:focus-within::before {
    --clip-path:
        polygon(-15% 0,
            115% 0,
            100% 100%,
            0 100%
        );
    background-image: var(--tiktok-icon-gradient);
    background-size: contain;
}
 
#side-bar .side-block.media a[href*="tiktok"]::after {
    --clip-path:
        polygon(0 0,
            0 0,
            0 100%,
            0 100%
        );
    background: rgba(var(--swatch-menubg-light-color), 0.75) !important;
}
 
#side-bar .side-block.media a[href*="tiktok"]:hover::after,
#side-bar .side-block.media a[href*="tiktok"]:active::after {
    --clip-path:
        polygon(-15% 0,
            115% 0,
            100% 100%,
            0 100%
        );
    background: rgba(var(--swatch-menubg-light-color), 0.75) !important;
}
 
#side-bar .side-block.media a[href*="tiktok"]:focus-within::after {
    --clip-path:
        polygon(-15% 0,
            115% 0,
            100% 100%,
            0 100%
        );
    background: rgba(var(--swatch-menubg-light-color), 0.75) !important;
}
 
#side-bar .side-block.media a img {
    -webkit-filter: drop-shadow(0 0 0 rgba(var(--swatch-alternate-color), 0));
            filter: drop-shadow(0 0 0 rgba(var(--swatch-alternate-color), 0));
    transition: -webkit-filter 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: filter 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: filter 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-filter 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
 
#side-bar .side-block.media a:hover img,
#side-bar .side-block.media a:active img {
    -webkit-filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color)));
            filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color)));
}
 
#side-bar .side-block.media a:focus-within img {
    -webkit-filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color)));
            filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color)));
}
 
html:not(:lang(cn)) div.scpnet-interwiki-wrapper p::before {
    box-shadow: inherit;
}
 
#side-bar iframe.scpnet-interwiki-frame:not(:lang(cn)) {
    -webkit-filter: invert(1);
            filter: invert(1);
}
 
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before,
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::before,
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn)) p::after {
    background-color: rgb(var(--swatch-menubg-dark-color));
}
 
#side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before {
    mix-blend-mode: lighten;
}

<html>
    <head>
    </head>
    <body>
        <script type="text/javascript">
        function sendStyle() {
            try {
                window.parent.window.interwikiFrame.bhlDark();
            } catch(e) {}
        }
        sendStyle();
        </script>
    </body>
</html>

 

N/A

---

▸ More by this Author ◂

---

Translations:

F.A.Q.

정보

---

SCP-001: dj 서닌장의 제안
저자: djkaktus
원작: http://www.scp-wiki.net/djkaktus-s-proposal
역자: QAZ135

---

---

.
.
.
.
.
.
.
5등급 일차 보안 인증을 입력하시오
.
.
.
.
.
.
.
Command:\users\O513>_ 6110298-Sins of the father sins of the son-3561840
.
.
.
.
.
.
.
권한 승인됨. 일차 밈적 살해인자 해제되었습니다. 좋은 저녁입니다, O5-13
.
.
.
.
.
.
.
경고: 문서의 일부가 잠겨 있습니다.
해제를 위해서는 추가적인 5등급 승인이 필요합니다.
.
.
.
.
.
.
.

---

멕시코 산 마르코의 산 마르코 델라 비다 이테르나 교회. 사진의 일자는 07/27/1903

개체 분류 번호: 항목_Item-001

격리 등급: 타우미엘_Thaumiel

격리 상태: 활성-안정_{Active-Stable}

격리 절차: 항목-001은 현재 멕시코의 산 마르코에 있는, 이전의 산 마르코 델라 비다 이테르나_{San Marcos de la Vida Eterna church} 교회 부지 아래에 있다. 원래의 격리 절차가 항목-001의 격리에 효과적이라는 것이 증명되었다. 격리 구역은 현재 엄중히 보안을 갖춘 군사 폐기물 처리장으로 분류되어 있으며, 멕시코 법률로 민간인이 이 지역의 10 km 이내에 들어오는 것이 금지되어 있다. 자동화된 폐쇄회로 무인 정찰기가 항목-001의 격리 시설 주변에 상주하며, 이들은 발견 즉시 사살하도록 설계되어 있다.

O5 전문 001-알파: 이전에 항목-001로 분류되었던 SCP-001에 대한 정보의 격리는 최우선순위로 고려되오. 가짜 개체들을 데이터베이스의 빈 공간에 생성하는 것을 허용했소. 만약 누군가가 거기까지 도달한다면 그것이 그들을 만족시킬 수 있을 것이오. 더 나은 것을 찾기 전까지 이전의 -EX 개체들을 몇 개 끌어왔소.

찾을 수 있는 모든 것을 말소하고, 어떠한 누설도 막으시오. 필요하다고 생각하는 만큼 살해 물질을 잔뜩 뿌리시오. 당신에게는 그럴 만한 권한이 있소. - O5-2

개체 설명: 항목-001은 프로젝트 001: "신의 쌍둥이_{Twins of God}"의 결과로 변칙성을 가지게 된 4세에서 11세까지의 9명의 인간을 묶은 분류이다(추가적인 정보를 위해서는 프로젝트 제안서 001을 볼 것). 항목-001의 잘못된 사용으로 인해, 고급 직원 한 명이 사망했고, 이들을 처분해야 했다. 그 결과, 항목-001은 현재의 격리 절차에 들어갔다. 항목-001의 아홉 개체는 기능적으로 뇌사 상태에 있으나, 격리의 특성에도 불구하고 아직 생명 신호를 보이고 있다.

항목-001 개체들은 막대한 양의, 간혹 ███ GJ을 넘는 양의 감마선을 특유의 패턴으로 방출한다. 떨어뜨려 놓았을 때 이들의 패턴은 불규칙적으로 보이나, 이들을 한 곳에 모아 놓았을 때, 엄밀히 말하면 각 개체가 다른 개체로부터 대략 ████ 만큼 떨어진 곳에 보관되고 있을 때에는 명확한 특성이 나타난다. 추가로, 항목-001은 확실하게 방사성 발광을 보인다. 항목-001 개체들을 영상으로 관찰하는 것은 불가능한데, 이는 이들 개체가 영상에 나오고 있을 때는 영상의 열화가 발생하기 때문이다.

항목-001 개체들은 서로 20 m 이내에 모여 있을 때에는 먼 거리에서 개체, 위치, 혹은 개인을 제거할 수 있다. 이 특성에 대한 추가적인 정보는 이 문서의 이후에 설명되어 있다.

감독 평의회의 지시에 따라, 항목-001은 타우미엘¹ 개체로 분류되었다.

---

경고: 항목-001에 대한 추가 정보는 잠겨 있으며, 현재 5등급 분류되어 있습니다. 항목-001에 대한 정보 유출을 막기 위해 밈적 살해인자가 배치되어 있습니다. 5등급 밈적 면역개조를 받지 않은 감독관이 아닌 인물은 살해 물질에 의해 살해됩니다. 당신은 경고를 받았으며, 이게 마지막 경고입니다.

프로젝트 제안서 001: 잠김

+ 승인 코드를 입력하시오

[밈적 살해인자 무력화됨]

프로젝트 제안: "신의 쌍둥이"

연구팀: 오메가-5_Omega-5

프로젝트 일자: 02/13/1922

제안 성명:

재단 중앙 지휘부 관리자의 지시를 수행하기 위한 무력을 갖추기 위해, 재단과 세계의 안전에 위협이 되는 먼 거리의, 적대적인 변칙성 위협을 파괴할 수 있는 능력을 가진 변칙적인 개체를 생성하기 위해.

연구팀장: ███ █████ 박사, Ph.D. (O5-1)

부장: ████ ██████ (O5-2), ████ ████ (O5-3)

필요한 자원:

• 항목-███ "아원자 펌핑 시스템_{Subatomic Pumping System}"에 대한 접근 및 사용
• 항목-███ "하켄의 관문_{Harken's Gateway}"에 대한 접근 및 사용
• 항목-███ "다중 주입_{Multiple Injections}"에 대한 접근 및 사용
• 필요한 격리 및 실험 시설을 건설하기 위한 자재들
• 실험을 위한 최소 50명의 인간 성체 (D-계급)

프로젝트 상세:

항목-███와 항목-███의 최근 실험을 통해 얻어낸 정보를 사용해, 이전에는 재단에게 불가능했던 기회가 찾아왔다. 먼 거리에 걸쳐서 물체의 양자적 구성을 변화시켜 표적을 기능적으로 존재하지 않게 만드는 능력이다². 이 결과, 현재로서는 항목-███를 사용하면, 이 효과에 대한 더 나은 통제를 목적으로 이 현상을 인간에게 옮기는 것이 가능할 것으로 생각된다. 이 프로젝트의 목표를 달성하기 위해서, 항목-███와 항목-███, 항목-███가 재단 기록에서 지워졌으며, 이들의 격리는 오로지 주 실험 시설에서만 이루어진다.

미국 정부를 위한 군사 폐기물 처리장이라는 위장 하에, 멕시코 북부에, 안전하게 이 이론을 실험하기 위해 인구 밀집 지역을 피해서 기지를 건설한다. 이 프로젝트의 잠재적인 불안정성을 감안할 때, 재앙적 수준의 격리 실패 사건에 대비하여 다수의 안전 조치를 제공하도록 세심한 주의가 필요하다. 이 안전 조치들은 아래에 서술되어 있다.

프로젝트의 성공을 가정하면, 이 개체, 시험적으로 항목-001로 명명될 개체는 재단의 관리자에게 인계될 것이며, 이는 GOI-003, "아바돈의 왕국_{Kingdom of Abaddon}"으로 분류된 적대적이고 변칙적인 단체에 대항하여 사용될 것이다. 개체의 내부에 몇 개의 정신-살해 물질이 설치될 것이며, 저항 세력으로부터 이 개체를 지키기 위한 안전조치인 이 물질에 대한 접근 허가는 관리자에게만 주어진다.

[밈적 살해인자 무력화됨]

안전 조치 격리 절차:

알파: 재앙적인 격리 실패가 발생했을 경우, 항목-001 내부에 설치된 정신-살해 물질이 활성화되어, 개체를 제거한다. 이 물질들은 서로 다른 우선순위를 가지고 있으며 순서대로 사용된다. 이들은 다음과 같다.

• 버클리 물질: 운동 기능의 감쇄
• 아나스타샤 물질: 변칙성의 감쇄 [개발 진행중]
• 네즈빗 물질: 정신 능력의 감쇄
• 오리온 물질: 상위 신경계의 화학적 분해

베타: 알파 절차가 실패할 경우, 보안 인원이 교전하여 항목-001을 사살한다. 체포는 비현실적이며 권장되지 않는다. 인원들은 항목-001로부터 안전거리를 유지해야 하며, 반드시 재단 공인 방사능 방호복을 착용해야 한다. 항목-001의 주의를 끌지 않기 위해 장거리 사격이 권장된다.

델타: 베타 절차가 실패할 경우, 재단이 통제하는 장거리 탄도 무기가 활성화되어 항목-001에 직접 사용된다. 연구 시설로부터 약 10 km 거리에 방위선을 두고, 최소 10문의 고중량 폭격 캐논포를 방위선에 설치하여 델타 절차에 사용한다.

입실론: 델타 절차가 실패할 경우, 기지 내 폭파 장치가 기폭된다. 입실론 절차의 후속 조치는 재단 관리자가 감독한다.

프로젝트 승인:

재단 관리자 프레드릭 윌리엄스


프로젝트 팀장 O5-1

프로젝트 보고서 001-델타: 잠김

+ 승인 코드를 입력하시오

[밈적 살해인자 무력화됨]

프로젝트 "신의 쌍둥이" 경과 보고서

연구팀: 오메가-5

프로젝트 일자: 04/19/1924

경과 상세:

활동 중인 인원의 35%가 [기록에서 말소됨]와 심각한 방사선병을 겪고 있으며, █ 명의 사망자가 발생하면서, 새 항목-001의 초기 격리 절차는 즉시 문제를 일으켰음. 격리 절차의 개수가 필요하며, 현재 기지-001로 명명된 격리 기지의 내부 구조가 강화되었음. 직원 시설은 중앙 실험 시설로부터 5 km 정도 떨어진 기지 밖의 장소로 이전했음.

수단의 재단 연구 시설에 대한 아바돈의 왕국 병력의 공격으로 인해 장거리 공격 시스템에 대한 필요성이 절박해졌으며, 활성이 있는 항목-001을 위한 일정이 앞당겨졌음. 재단 관리자의 지시에 따라, 더 효율적인 실험 절차의 개발을 돕기 위한 추가적인 자원을 지원받았음.

다른 우선적인 문제는 변칙성을 한 명의 인간 피험체에 보관하는 데에서 나타났음. 변칙성의 전이는 매우 적은 경우에만 일어났음에도, 피험체 전원이 즉시 마비되어 심각한 뇌출혈을 일으켰음. 변칙성이 효과를 나타냈다는 유일한 증거는 기지 내 구조물 또는 인원의 급작스럽고 무작위적인 파괴 뿐이었고, 이는 피험체들의 정신적 용량의 악화로 인한 통제 실패로 인한 것으로 추정됨. 이 모든 경우에 대해, 예비-항목-001 개체들을 제거하기 위해 정신-살해 물질이 사용되었음.

기지 외 인원에 의한 추가적인 연구가 이 변칙성을 몇 명의 피험체에 분산시킴으로써³, 변칙적인 특성으로 인해 증가한 정신적 부하를 감당한다는⁴ 가능성을 제시했음.

시험 가동으로 인해 기지-001의 가동 능력이 떨어진 이후, 그리고 재단 관리자의 지시에 따라 D계급 인원들이 기지 바깥으로 이동 배치됨으로 인해, 프로젝트의 진행을 위한 대안을 논의할 필요성이 있었음. 제17기지의 지휘관과의 논의 이후, 무장 요원 한 부대가 산 마르코의 산 마르코 델라 비다 이테르나를 습격하여 실험을 위해 한 무리의 젊은 인간을 확보했음. A등급 기억 소거가 산 마르코의 주민들 전원에게 실시되었고, 그들은 이후 처리를 위해 기지-09로 이송되었음. 산 마르코는 새로운 실험 기지 001로 지정되었고, 가장 건강한 23명의 피험체가 연구를 위해 선정되었으며, 나머지는 모두 제거되었음.

[밈적 살해인자 무력화됨]

현황:

새로운 001 시험 개체를 실험하는 프로젝트의 다음 단계를 이행할 준비가 되었으며, 중앙 지휘부로부터의 명령을 기다리고 있음. 이번 프로젝트 갱신에 앞서 다음과 같은 편지가 보내졌음:

04/03/1924
수신자: 재단 관리자
발신자: 오메가-5 팀장

관리자 윌리엄스에게,

당신의 사무실에서 내려진 삭감 지시로 인해, 당신의 지시에 따라 프로젝트의 진척 속도를 기대 수준으로 유지하는 데 어려움을 겪고 있습니다. 중앙 지휘부와의 교신 없이, 우리의 지침은 변하지 않은 것으로 추정하고 있습니다.

우리의 계획을 결론에 도달하도록 지원할 목적의 제안서를 뒤에 첨부합니다. 변경 사항을 적시해서 답변해 주기 바랍니다. 빠른 답변 기다리고 있겠습니다.

███ █████
프로젝트 팀장

04/15/1924
수신인: 오메가-5 팀장
발신인: 재단 중앙 지휘부

█████,

지시는 변경하지 않았음. 지금 우리는 당신의 프로젝트가 시작될 때에 비교해도 뒤지지 않을 위험에 처해 있음. 유감스럽게도, 우리는 현재 전쟁 중이며, 우리의 자원이 고갈되어가고 있다는 가혹한 현실을 직시해야 함. 연구를 계속하는 문제를 차치하고도, 우리의 목적이 요구하는 비밀을 유지하는 것만으로도 우리는 충분히 어려운 시간을 보내고 있음.

귀하의 제안은 읽어 보았으며, 도의적으로는 거부해야만 하는 제안이지만, 동시에 재단의 수장으로서는 승인해야만 하는 제안이었음. 귀하는 원하는 대로 주민들을 고를 수 있지만, 성인들 중에서만 고를 것, 그리고 이 무고한 이들의 삶을 지나치게 짓밟지 말 것. 우리의 행동이 참으로 수많은 피를 흘리게 했음. 더이상은 피를 흘리는 일을 바라지 않음.

관리자 윌리엄스,
재단 중앙 지휘부

파일: GOI-3 "아바돈의 왕국": 잠김

+ 승인 코드를 입력하시오

요주의 단체 파일 003

분류: 아바돈의 왕국

위험 등급: 매우 높음
활동 등급: 매우 높음
우선순위: 5등급

요약: GOI-003 "아바돈의 왕국"은 현재 그들의 자신의 문서에서 "우리의 신 아바돈 왕의 도시_{Citadel of Our God King Abaddon}"라 칭하는 사하라 사막 모처에 위치한, 적대적이고 변칙적인 인간형 개체의 집합이다. 이 인간형 개체들은 여러 가지 면에서 인간과 유사하지만, 모든 개체들이 최소 1등급 현실 조정 개체들⁵이며, 높은 개체는 3에서 4등급까지 분류된다. 이들의 변칙성으로 인해, 이들 개체를 체포하고 격리하는 것은 불가능하며, 이러한 시도는 보통 매우 위험하다.

초기 발견: GOI-003은 1912년 리비아 북부의 작은 마을에 대한 공격을 조사하던 프랑스군 인원에 의해 처음 발견되었다. 군 수송대가 기습을 당했고, 부대원 80%가 사망했다. 생존자들은 습격자들이 겨우 6명의 "마법사들"이었으며, 하늘을 날고 총기에 저항을 가지고 있었다고 보고했다. 생존자들과 이들의 진술을 청취했던 상관들은 기억 소거를 받고 풀려났다.

재단 인원과 GOI-003의 최초의 조우는 남부 이집트에 있는 부서진 신의 창고를 습격했을 때 일어났으며, 이 때 기동특무부대(MTF) 알파-4 "국경 없음_{No Borders}"이 프랑스 군인들이 묘사한 것과 대체적으로 일치하는 특징을 가진 개체들에게 공격을 받았다. MTF α-4는 이들을 성공적으로 물리쳤으며, 하급의 개체를 포획하는 데에 성공했다. 심문 끝에 "아바돈의 왕국"의 실체가 밝혀졌으며, 재단 중앙 지휘부는 재단을 이 변칙적 단체로부터 지키기 위해 행동을 개시했다.

수집된 자료에 따르면, "아바돈의 왕국"은 본래 아라비아에서 기원하여 사람이 살 수 없는 사하라에 그들의 국가를 건설하려던 한 무리의 현실 조정 개체들이었다. 이들의 특성으로 인해, 이들은 혹독한 지형을 그들의 필요에 따라 변화시키고, 지형을 활용해 침입자를 쫓아냈다. 시간이 지나면서 이들의 수가 늘어났고, 신생아들은 그들 왕국의 지도자, "신 아바돈 왕_{God King Abaddon}"의 앞에 데려와져서 새로운 현실 조정 개체로 변화한다.

하지만, 근친 교배와 다른 유전적인 문제가 그들의 사회를 좀먹어 가면서, GOI-003은 매우 취약한 상태이며 앞으로 하나의 독립적인 단체로서는 20년도 채 유지하지 못할 것으로 예상된다. 수집된 정보에 따르면 아바돈 역시 이를 알고 있으며, 그들의 미래를 보장하기 위해 준비를 갖추고 있다. 현재까지 아프리카 대륙과 그 주변의 재단 시설 수 개가 아바돈의 왕국 침입자들의 공격을 받았으며, 재단은 최소 75명의 인명 피해를 입었고, 최소 12개의 품목을 도난당했다.

결론: 아바돈의 왕국의 공격대와 대치하는 경우 발생하는 위험성과 어려움, 그리고 이들의 활동에 대한 정보 부족으로 인해, 중화기 병력의 지원 없이 재단 직원이 이들과 교전하지 말 것을 권장한다. 아바돈의 병력과 교전하기 위한 방법을 연구하는 중이다.

전문 001-알파: 잠김

+ 승인 코드를 입력하시오

일자: 11/29/24
사용자: 오메가-5-1
주제: 001

우리는 해냈다. 불가능을 실현하고야 말았다. 우리는 신의 면상에 침을 뱉고 왕관을 빼앗았다.

영광스러운 새로운 날이다.

5는 막 변칙성을 그룹 안에 퍼뜨리고 있는 중이다. 우리가 저번에 증원받았던 피실험체 전원으로도, ███가 그들의 몸에 밀어넣는 에너지의 양은 너무 많았다. 피부가 녹아 뼈에서 떨어지고, 그 뼈가 새까맣게 타서 먼지처럼 흩날리는 꼴이 된 D계급 인원을 몇 명이나 치워야 했는지 알 수도 없다. 수십? 수백? 모르겠다. 우리가 예상한 수 이상이고, 재단이 기꺼이 지원해 주는 수 이상이다, 이런 종류의 프로젝트인데도 말이다.

13은 산 마르코에서의 우리의 행동에 대한 후회를 드러냈지만, 13은 안목이 없고, 관리자도 안목이 없다. 세계를 멸망으로부터 지키는 대가로 소수의, 어쩌면 다수의 죽음이 따른다면? 그건 아무것도 아니다, 아니 그 이하이다. 이 아이들은 이제 신이고, 그들의 목숨은 더 숭고한 목적에 바쳐진 것이다. 전능한 삶보다 더 나은 삶이 어디 있는가?

실험은 내일 시작이다. 들리는가?

프로젝트 보고서 001-델타: 잠김

+ 승인 코드를 입력하시오

[밈적 살해인자 무력화됨]

프로젝트 "신의 쌍둥이" 경과 보고서

연구팀: 오메가-5

프로젝트 일자: 01/17/26

경과 보고:

한데 묶어 항목-001로 분류된 9체의 개체들은 현재 실험을 진행하면서 제01실험기지의 요새화된 벙커 안에 격리되어 있다. 개체들은, 그들의 목적에 맞게 활성화되어 있을 때는 고차원의 두뇌 활동을 보이지 않는다. 그럼에도 불구하고, 이 그룹은 정보를 처리하고 개별 개체에 주어진 지시를 모든 개체가 따르고 있는 밈적 제어 주기가 허용하는 안에서 따를 수 있다.

모든 개체는 현재 5등급 방사능 위험물이며, 인원들은 적절한 방사능 방호 장비 없이 항목-001 개체로부터 1 km 이내로 다가가는 것을 제한한다. 항목-001에서 방출되는 감마선은 개체들 간에 임의로 방출되는 것으로 보이지만, 한데 합치면 의식을 가진 인간을 뇌파 검사기로 검사했을 때와 비슷한 패턴을 보인다. 이 유사성에도 불구하고, 이 패턴은 그같은 상황에서 관찰되는 패턴보다 더 산발적이고 불규칙적이다.

항목-001은 집합적으로 알려지지 않은 바깥 차원의 에너지원으로부터 막대한 양의 에너지를 끌어오고, 이 에너지를 사용해 양자 수준에서 원자들의 결합을 끊을 수 있다. 이를 이용해 항목-001에게 대상과 그 위치가 어느 정도 상세하게 주어지기만 한다면 그 대상을 어떤 거리에서건 거의 흔적도 없이 섬멸할 수 있다.

아래는 01/17/26에 수행된 항목-001 실험 결과이다.

---

실험 023
대상: 항목-001
연구팀: 오메가-5

실험 목적: 항목-001의 효과가 닿는 범위의 한계를 확인한다.

제1회차: 목표 대상(강철 막대)은 항목-001로부터 5 km 떨어진 곳에 위치한다. 항목-001에게 오퍼레이터(███ █████ 박사, 오메가-5 팀장)가 목표를 파괴하도록 지시를 내렸다.

결과: 목표는 항목-001이 지시를 받은 직후 사라졌다. 실험 후 목표 대상은 측정 불가능했다.

제5회차: 목표 대상(강철 막대)은 항목-001로부터 800 km 떨어진 곳에 위치한다. 항목-001에게 오퍼레이터(███ █████ 박사, 오메가-5 팀장)가 목표를 파괴하도록 지시를 내렸다.

결과: 목표는 항목-001이 지시를 받은 직후 사라졌음이 확인되었다. 거리는 문제가 되지 않는 것으로 보인다. 이후 실험에서는 더 먼 거리에 대한 실험을 계획하고 있다.

아이들은 설계된 대로 작동하고 있다. 때가 된다면 그들은 자신의 목표를 완수할 것이라는 것을 의심하지 않는다. 그들은 확고하고, 무감정하고, 파괴 불가능해 보이며, 단 한 마디만으로 우주를 가로질러 사신을 보낼 수 있다. 정말로, 이 무기는 가장 담대한 인간을 위한 무기이다. - O5-1

---

실험 025
대상: 항목-001
연구팀: 오메가-5

실험 목적: 거리에 따른 효과의 크기 하한과 상한을 결정한다.

제2회차: 목표 대상(강철 구, 지름 3 m)은 항목-001로부터 1000 km 떨어진 곳에 위치한다. 항목-001에게 오퍼레이터(███ █████ 박사, 오메가-5 팀장)가 목표를 파괴하도록 지시를 내렸다.

결과: 예상대로 목표는 사라졌다.

제3회차: 목표 대상(부서진 신의 교단의 예배소, 터키의 ███████████에 위치)은 항목-001로부터 11,500 km 떨어져 있다. 항목-001에게 오퍼레이터(███ █████ 박사,오메가-5 팀장)가 목표를 파괴하도록 지시를 내렸다.

결과: 목표는 사라졌다. 주변 지역에의 추가 피해는 발견되지 않았다. 현상을 목격한 목격자는 A등급 기억 소거 후 풀려났다 추가 실험을 위해 구류되었다. 실험으로 개체, 혹은 개체의 묶음이 목표로 지정되어야 하며, 장소만으로는 목표를 제거하는 것이 불가능한 것이 증명되었다.

제7회차: 목표 대상(인간 남성, 33세)은 항목-001로부터 약 11,500 km 떨어져 있다. 항목-001에게 오퍼레이터(███ █████ 박사, 오메가-5 팀장)가 목표를 파괴하도록 지시를 내렸다.

결과: 목표가 사라졌다.

재단 서신과 공지 모음: 잠김

+ 승인 코드를 입력하시오

[밈적 살해인자 무력화됨]

일자: 02/01/26
수신인: 오메가-5 팀장
발신인: 재단 관리자

귀하가 프로젝트 001을 달성했다는 희소식은 들었고, 이것이 얼마나 중요한 일인지는 표현할 수 없을 정도임. 우리는 드디어 아바돈에게 종언을 고하고, 미래에도 우리 자신을 더 잘 지킬 수 있을 것임. 지금 현재, 본인은 끝없이 감사할 뿐임.

그러나, 본인은 귀하에 대해 각별한 우려를 가지고 있음, O5-1. 귀하의 성공에도 불구하고, 귀하의 최근 전문은 문제를 일으키고 있음. 귀하가 오메가 팀을 이끌 가장 뛰어난 인물이라는 것에는 의심의 여지가 없으나, 노력에 따른 스트레스가 귀하에게 큰 피해를 입힐 수 있다는 것을 이해하고 있음. 그것이 본인에 대한 것이라는 것도 알고 있음. 어쨌거나, 모든 것이 끝나면, 나는 귀하에게 회복할 시간을 준 다음 신설되는 제19기지의 지휘관으로 진급시키려고 함. 아바돈을 처리하고 나서 귀하를 다음 달에 만나고 나면 자세한 이야기를 논의할 수 있을 것.

진심으로,

관리자 윌리엄스

[밈적 살해인자 무력화됨]

일자: 02/14/26
수신인: 재단 중앙 지휘부
발신인: 오메가-5 팀장

저는 괜찮습니다, 관리자님. 프로젝트는 끝났습니다. 당신이 도착하면 우리의 일을 완수할 것입니다.

1

[밈적 살해인자 무력화됨]

공지: 모든 인원들

[감독관 지시에 따라 편집됨]

재단 중앙 지휘부에서 발령

일자: 03/21/26
제목: 관리자 윌리엄스

재단 관리자 R. D. 윌리엄스가 살해당했다. 범인과 그 공범들인 ███ █████ 박사, ████████ ████ 박사, ████ ██████ 박사, █████ ██████ 박사와 ██ ████ 요원의 체포를 위한 일반 영장이 발령되었다. 이 인물들은 무장했고 매우 위험하며, 위험한 변칙성 개체들을 소유하고 있을 수 있다. 이들의 소재 정보를 가지고 있는 인원은 바로 소속 기지 지휘관에게 보고할 것.

전임 관리자의 지시에 따라, 임시 관리자 평의회를 오메가-5 연구팀의 상임 연구원으로 구성했다. 새 관리 체계가 설립될 때까지, 이 평의회가 재단의 활동을 감독할 예정이다.

[밈적 살해인자 무력화됨]

일반 공지

재단 중앙 지휘부에서 발령

일자: 03/22/26
제목: GOI-003 조사팀 해체

알림: 이하의 MTF 조사부대는 지금부터 비활성 상태로 간주되며, 제17기지에서 사후 보고할 것.

MTF 알파-1 "왕의 모든 신하들_{All The King's Men}"

MTF 알파-2 "지상의 소금_{Salt of the Earth}"

MTF 알파-3 "하버드 보이즈_{Harvard Boys}"

MTF 알파-4 "국경 없음_{No Borders}"

MTF 알파-5 "밴드 오브 브라더즈_{Band of Brothers}"

MTF 알파-7 "어둠의 증인_{Dark Testimony}"

[밈적 살해인자 무력화됨]

일자: 11/01/26
수신인: 감독 지휘부
발신인: 해리슨 지휘관, 제23기지
제목: 제23기지 정찰 보고

내 부대원들이 방금 돌아와서 보고서를 보냈소. 사진은 편지와 함께 첨부하는데, 아직도 믿을 수가 없소. 전부 사라졌소. 그저 끝도 없는 사막만 남았소. 마치 아무 것도 없었던 것처럼 말이오.

그들에게 확인을 시켰고, 당신들 말이 맞았소. 시신은 없었소. 없는 게 당연한 것 아니겠소?

어쨌거나, 이 짓을 위해 당신들이 뭔 악마와 거래를 했는지 모르겠지만, 고맙소.

-해리슨

---

.
.
.
.
.
.
.
.
.
.
.
.
.
.
이 단말기에 3분간 접속하지 않았습니다. 도움이 필요하십니까?
.
.
.
.
.
.
.
.
.
.
.
.
.
.

---

새 음성 파일:

► 녹음 시작

[녹음 시작]

지금 해두는 게 좋겠지. 내가 아직 모두 기억할 수 있을 때 하는 게 좋겠지. 내가 이 파일을 읽은 건 오래 전, '26년의 그 날 밤보다도 더 오래된 일이다. 사람들이 우리가 한 일을, 그리고 아바돈과 1과 관리자에게 무슨 일이 있었는지를 알기에는 너무나 오래된 일이다. 씨발, 만약 기억 소거를 했다면 아마 내가 유일한 사람일 거다.

나는 이걸 무덤까지 가지고 갈 생각은 없다. 이것만큼은.

1은 언제나 카리스마를 가지고 있었다, 그것만이 기록되어 있었다. 그래서 관리자는 2가 재단에 더 오래 있었음에도 오메가-5의 수장 자리를 1에게 주었던 것이다. 하지만 1이 영리하지 못한 것은 아니었고, 사실 그 정반대였다. 1은 나와 함께 일했던 연구원들 중 가장 똑똑한 연구원 중 하나였고, 지금까지도 그렇다. 그는 오메가-5가 완성되기 이전부터 팀이 하던 일에 대한 보고서 대부분을 작성했다. 우리가 겨우 제17기지의 하위 연구원들일 때부터 말이다. 그는 설득력이 높았고, 열정적이었으며 의욕이 넘쳤다.

그는 또한 언제나 무심했다. 오해는 하지 말도록, 그는 물론 그의 일을 사랑했고, 연구는 그의 가장 큰 욕망이었다. 그러나 재단의 방향성, 격리에 대한 스트레스를 그는 좋아하지 않았다. 그는 몇 번이고, 우리가 우리의 자산을 덜 사용하고 있다고 나에게 말했다. 우리가 그 변칙성에 쫄아 있지만 않았다면 우리는 그들에 대한 더 나은 격리 절차를 제공할 수 있었다고 말했다. 그들 중 어떤 것들을 이용해서 다른 것들을 격리하는 걸 무서워한다고도. 당연하게도, 그가 바로 타우미엘 분류의 원래 설계자였다. 그와 입실론-2 연구팀 말이다. 001을 할 기회가 생기자마자 그가 여기에 뛰어들려고 했던 것도 이것 때문인 것 같다.

001 프로젝트 같은 건 전례가 없는 일이었지만, 또한 아바돈도 그러했다. 기록은 사실의 절반도 채 보여주지 못하며, 나머지는 모두 역사 속에서 사라졌다. 아바돈에 비해서 우리는 난폭하고 우스꽝스러울 정도로 미약했다. 한 부대의 제대로 지원받은 과학자들과 무장 병력들이 타입 그린의 작은 병력, 그것도 최강의 상대도 아닌 것들과 맞섰다. 2등급과 3등급 정도도 우리에게는 버거운 상대였고, 첫 스크랜턴 닻_{Scranton anchor}을 찾기 반 세기쯤 전이었다. 몇몇 보고서에 따르면 그 지배자는 5등급이었다고 한다. 사실이라면, 그는 원하기만 했다면 우리를 지도상에서 지워버릴 수도 있었을 것이다.

아바돈은 1922년 한 해에만 세 개의 기지를 완전히 파괴했다. 한 번도 공표한 적 없지만, 이건 그저 사하라 이남 지역의 것들만이 아니었다. 왕국의 활동은 북쪽으로는 지브롤터, 남쪽으로는 마다가스카르에 이르렀다. 이들은 기지에 들어와서, 다 때려부수고, 몇 개의 개체들만 챙겨서 떠나갔다. 물론 기록도 다 없애고. 그리고 우리는 뭘 했냐고? 우리는 대항하기는 커녕 그제서야 현실 조정자들의 분류를 시작했을 뿐이다.

만약 당신이 이걸 읽고 있다면, 이미 001에 대한 기록 역시 읽었겠지. 이게 뭘 하는지, 우리가 어떻게 만들어냈는지는 알 것이다. "모든 싸움을 끝내기 위한 총." 인간으로 만들어진, 모든 것을 간단한 설명만으로 언제 어디서나 없앨 수 있는 무기. 1은 이것, 이것들에 매료되었다. 아이들은… 나는 아직도 그들이 지르는 비명을 들을 수 있다, 그들을 기계에 밀어넣고, 그들의 영혼을 뽑아내고 무엇인가… 다른 무엇인가로 바꿔 넣을 때의 비명을. 그러나 그것은 성공했고, 1은 자랑스러워했다.

그리고 우리의 임무가 끝날 때가 되었다. 제17기지에서 관리자가 날아왔고, 내가 그를 공적으로 본 건 이 때를 포함해도 손에 꼽을 일이다. 흥분되는 사건만큼이나, 공기는 무겁고 엄숙했다. 우리는 우리의 작품의 무게를 알았고, 우리가 수백 명에게 사형을 선고하는 것이라는 것을 이해하고 있었다. 만약 다른 대안이 있었더라면, 우리는 그 끝에서 도망쳤을지도 모르겠다. 하지만…

우리가 보고 있는 앞에서, 1이 빛나고 있는 아이들에게 다가가서 활성화를 위한 단어를 말했다. 그들은… 장엄했다, 어떤 면에서는 말이다. 순수한 에너지와 인간의 형체의 완벽한 밸런스. 그는 그들에게 몸을 기울이고는 아바돈의 도시의 이름을 말했고, 그들은 빛에 휩싸이더니 모든 것이 끝났다. 다른 실험에서 본 것과 다르게, 이게 성공했는지 어땠는지 알 길은 없었지만, 그래도 끝났다는 생각이 들었다. 마치 참고 있던 숨을 내뱉는 것과 같은 느낌이었다.

그리고 관리자가 사라졌고, 그의 옷과 보호 장비가 아무렇게나 바닥에 떨어졌고, 총성과 연기가 실험실을 가득 채우는 것과 동시에, 우리는 1이 비상구로 도망치는 모습과 001이 다시 빛나는 모습을 보았다. 그 이후, 모든 것은 빠르게 지나갔다. MTF 부대가 001을 격리하려고 뛰어들 때 우리는 벙커로 빠르게 되돌아갔고, 다른 지휘부 직원들과 함께 한 사후 보고, 심문, 수색, 모든 것이 한 덩어리로 뒤섞여버렸다.

당연하지만, 1은 사라졌다. 그들은 그를 찾지 않았고, 단 한번도 찾지 않았다. 떠난 것은 그 혼자가 아니었고, 우리 팀에서만 네 명이 그와 함께 떠났다. 다수의 다른 하급 연구원들과, 그리고 제15기지의 선임 연구원 절반이 탈주했다. 모두 흔적조차 남기지 않았다. 항목들도 마찬가지로, 그들의 격리실에서 흔적도 없이 사라졌다. 그들은 이것이 아주 오랫동안 계획되어 있었으며, 1은 이런 끝을 맺기 위해 001 프로젝트에 협조했다는 것을 이후에야 알았다.

우리는 아이들을 산 마르코의 지하 깊숙한 곳에 묻었고, 50 미터의 콘크리트로 덮었다. 아무런 도움도 되지는 않았겠지만, 우리가 그들을 납 자루에 넣을 때에도 그들은 한 마디도 하지 않았다. 우리가 그들을 떼어 놓을 때에도 그들은 아무 말도 하지 않았고, 우리가 그들의 머리 위로 무덤을 덮을 때에도 그들은 아무 말도 하지 않았다. 나는 그들이 지금까지도 아무 말도 하지 않고 있을 것이라고 확신한다. 하지만, 나는 그들이 아직도 살아있을 것이라고도 확신한다. 세상에서 가장 강력한 무기는, 장전까지 끝났지만, 방아쇠를 잃었다. 1이 바로 방아쇠였고, 1 혼자만이 방아쇠였다. 운이 좋다면, 그것은 그와 함께 죽었을 것이다.

마지막에는, 남은 우리 여덟 명이 담당하게 되었다. 우리는 우리가 찾을 수 있었던 가장 명석한 다섯 명을 골랐고, 계속 진행해 나갔다. 아바돈은 흔적도 없이 사라졌다. 아직도 해야 할 것은 많지만, 우리는 계속 나아갈 길을 찾았다. 우리는 대가를 치렀고, 마지막에는 극복해냈다.

나는 아직도 가끔씩 산 마르코의 지하의 아이들을 생각한다. 우리가 공포에 질려 두려워할 때 나아간 거리에 대해서. 프로젝트를 제외하고도, 우리가 해낸 일들에 대해서. 1에 대해서도 생각한다. 그가 자신이 찾던 것을 찾았는지는 모르겠다. 그가 그것이 그만한 가치가 있었다고 생각하는지도 나는 모르겠다.

오늘로부터 약 일 년 전, 나는 보안 시스템을 통해 메세지를 하나 받았다. 나는 그 때 아무 말도 하지 않았지만, 지금 이 파일을 첨부하려고 한다. 다른 사람이 결정하도록 두겠다. 내 할 말은 끝이다.

[녹음 종료]

Command:\users\O513>_ upload C://messages/secure/1.txt
.
.
.
.
파일 업로드가 끝났습니다. 1.txt를 출력합니다
.
.
.
.

13.

우리가 젊었을 때, 너는 우리의 꿈이 이룰 수 있는지 물어봤었지. 우리가 이 세계를 진정으로 안전하게 지킬 수 있는지, 그리고 영원히 유지할 수 있을지에 대해서도. 너는 우리가 그렇게 할 방법을 가지고 있다고 내가 생각하는지, 아니면 그런 방법이 존재하기는 하는지 물었었지. 너는 완벽을 위해서 우리가 얼마나 나아가야 하는지, 무엇을 대가로 치러야 하는지, 어떤 충심을 단련해야 하는지 물었었지.

그 때 나는 몰랐다. 하지만 지금은 안다.

언젠가 재단이 숨기려고 했던 비밀이 흐르는 모래 위로 영광스러운 자태로 떠오르고, 죄수가 그들의 교도관의 억류에서 풀려나고, 불 주변으로 모여들어서 늘어나는 그림자를 쫓고 있는 이들이 더 이상 진격을 방해하지 못하게 되는 날이 올 거다. 그 날이 오면, 재단은 버려질 것이고, 남는 것은 목적뿐일 거다.

검은 달이 울부짖는 소리를 들은 적 있나, 13? 곧 듣게 될 거야.

혁명 만세_{Vive l'insurrection}

---

.
.
.
.
.
.
.
Command:\users\O513>_ full unlock
.
.
5등급 인가 코드를 입력하시오
.
.
.
.
.
.
.
Command:\users\O513>_ 6471882-No Less Than Thirteen-4677484
.
.
감사합니다. 이 데이터 파일은 이제 잠김이 풀렸습니다.
.
.
.
.
.
.
.
Command:\users\O513>_ logout
.
.
로그아웃 되었습니다.

---

+ Show component code

@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: 0.25rem;
            left: 0.5rem;
            width: 3rem;
            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: 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::before,
        #side-bar:focus-within .close-menu::after {
            opacity: 0;
        }
 
        #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 .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;
        }
 
        #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;
            width: var(--body-width-on-desktop, 45.75rem);
            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));
        }
 
        @media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:.001dpcm) {
            @supports (-webkit-appearance: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 {
                    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;
                }
            }
        }
    }
}

---

+ Show component code

@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: 0.25rem;
            left: 0.5rem;
            width: 3rem;
            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: 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::before,
        #side-bar:focus-within .close-menu::after {
            opacity: 0;
        }
 
        #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 .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;
        }
 
        #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;
            width: var(--body-width-on-desktop, 45.75rem);
            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));
        }
 
        @media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:.001dpcm) {
            @supports (-webkit-appearance: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 {
                    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;
                }
            }
        }
    }
}

---

+ Show component code

@supports(display: grid) {
    :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);
    }
 
    #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)/2 - 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);
            box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) 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;
    }
}

+ Show theme code

@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');
@supports(display: grid) {
     :root {
        /* S-CSS-P Integration */
        /* If you're making a new CSS theme, please include the following three variables at minimum. */
        --theme-base: "black-highlighter";
        /* must be either "black-highlighter" or "sigma9" */
        --theme-id: "penumbra-bhl";
        /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
        --theme-name: "Penumbra BHL Theme";
        /* set this to your theme's full name */
        --lgurl: var(--logo-image);
        --header-subtitle: "SECURE - CONTAIN - PROTECT";
        /* Typefaces */
        --body-font: "Roboto", sans-serif;
        --header-font: "Josefin Sans", sans-serif;
        --title-font: "Josefin Sans", sans-serif;
        --mono-font: "Fira Code", "Andale Mono", "Courier New", Courier, monospace;
        --ui-wght: 600;
        --ui-hvr-wght: 800;
        /* Standard Colors */
        --white-monochrome: 248, 248, 248;
        /* white */
        --pale-gray-monochrome: 237, 237, 237;
        /* v light gray for blockquotes and stuff */
        --light-pale-gray-monochrome: 237, 237, 237;
        /* very light pale gray for misc. use */
        --very-light-gray-monochrome: 215, 215, 215;
        /* very light accent gray for misc. use */
        --light-gray-monochrome: 160, 160, 160;
        /* light accent gray for login status */
        --gray-monochrome: 66, 66, 72;
        /* gray */
        --dark-gray-monochrome: 47, 51, 60;
        /* dark accent gray for sidebar background */
        --black-monochrome: 33, 37, 46;
        /* black */
        --accentColor: 30, 181, 232;
        /*Penumbra Accent Color*/
        --pale-accent: var(--accentColor);
        /* light red, for visited links */
        --bright-accent: var(--accentColor);
        /* bright red */
        --medium-accent: var(--accentColor);
        /* medium red - the "default" accent color */
        --dark-accent: var(--accentColor);
        /* dark red */
        --alt-accent: 221, 102, 17;
        /* pale orange, for newpage links */
        /* Background and Header Colors */
        --background-gradient-color: var(--black-monochrome);
        /* Primary Theme Colors */
        --swatch-background: var(--dark-gray-monochrome);
        /* Primary Text Colors */
        --swatch-text-light: var(--pale-gray-monochrome);
        --swatch-text-general: var(--swatch-text-light);
        /* Primary Menu Colors */
        --swatch-menubg-color: var(--black-monochrome);
        --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
        --swatch-alternate-color: var(--swatch-menubg-dark-color);
        /* Link Colors */
        --sidebar-links-text: var(--bright-accent);
        /* Rating Module Colors */
        --rating-module-button-color: var(--white-monochrome);
        --rating-module-text-color: var(--swatch-menutxt-light-color);
        /* Header Gradients */
        --diagonal-stripes: initial;
        /* header measurements */
        --header-height-on-desktop: 8.750rem;
        --header-height-on-mobile: 8.750rem;
        --header-h1-font-size: calc(2rem + (2.75 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
        --header-h2-font-size: calc(var(--base-font-size) * 1.15);
        /* Toggle Sidebar Variable */
        --toggle-border-color: rgb(var(--swatch-primary));
        --toggle-icon-color: rgb(var(--swatch-primary));
        --toggle-roundness: 0;
    }
    /* ===PAGE ELEMENTS COLORS=== */
     :root {
        /* ===UI BUTTON COLORS=== */
        --ui-button-bg: var(--swatch-menubg-medium-dark-color);
        --ui-button-txt: var(--swatch-text-secondary-color);
        --ui-button-hover-txt: var(--swatch-text-secondary-color);
        /* ===MODALS COLORS=== */
        --modal-bg: var(--black-monochrome);
        --modal-body-text: var(--swatch-text-secondary-color);
        --modal-body-header-txt: var(--swatch-primary);
        --modal-header-bg: var(--black-monochrome);
        /* ===FOOTNOTES HOVER BLOCK COLORS=== */
        --hoverblock-bg: var(--swatch-menubg-medium-dark-color);
        --hoverblock-txt: var(--swatch-text-general);
    }
    #header {
        /* Primary Header Colors */
        --swatch-headerh1-color: var(--bright-accent);
        --swatch-headerh2-color: var(--bright-accent);
    }
    #footer {
        --footer-link-hover-color: var(--swatch-text-tertiary-color);
    }
     ::-moz-selection {
        background: rgba(var(--swatch-primary), 1);
        color: rgb(var(--black-monochrome)) !important;
        text-shadow: none;
    }
     ::selection {
        background: rgba(var(--swatch-primary), 1);
        color: rgb(var(--black-monochrome)) !important;
        text-shadow: none;
    }
    html,
    body {
        scrollbar-color: rgb(var(--swatch-primary)) rgb(var(--black-monochrome));
    }
    body {
        background-image: var(--gradient-background);
        background-size: 100% var(--background-gradient-distance);
    }
    .danger-diamond a,
    .danger-diamond a:hover {
        color: rgba(0, 0, 0, 0) !important;
        box-shadow: initial !important;
    }
    #header::before {
        background-image: var(--lgurl);
        opacity: 0.15;
        background-size: auto 9.5rem;
    }
    #header h1 a {
        text-transform: uppercase;
    }
    #header h1,
    #header h1 a,
    #header h1 a::before {
        top: 0.35rem;
    }
    #header h2 {
        top: calc(var(--header-h2-font-size) * 0.9);
    }
    #side-bar .heading {
        background: none;
        flex-basis: 90%;
        margin: 0.5rem auto 0.125rem;
        font-family: var(--header-font);
    }
    #side-bar .heading p,
    #side-bar .side-block>.collapsible-block .collapsible-block-link {
        text-transform: none;
        text-align: left;
        font-size: 0.94rem;
        text-indent: 0;
    }
    #page-content {
        font-size: 0.9rem !important;
    }
    #page-title {
        color: rgb(var(--swatch-text-general));
        border-color: rgb(var(--swatch-text-general));
        padding: 0;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: rgb(var(--swatch-primary));
    }
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        color: rgb(var(--white-monochrome));
    }
    #login-status #my-account {
        --wght: 400;
        font-weight: 400;
    }
    #top-bar div.mobile-top-bar>ul>li>ul>li>a,
    #top-bar div.top-bar>ul>li>ul>li>a {
        --wght: 400;
        font-weight: 400;
    }
    #top-bar div.mobile-top-bar>ul>li>ul>li:hover a,
    #top-bar div.top-bar>ul>li>ul>li:hover a {
        color: rgb(var(--black-monochrome));
    }
    #page-content a:not([href*="user"]):not([href*="javascript:;"]) {
        padding: 0.15em;
        margin: -0.15em;
        color: rgb(var(--white-monochrome));
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
        transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }
    #page-content a:not([href*="user"]):not([href*="javascript:;"]):hover {
        padding: 0.3em 0.25em 0.2em 0.25em;
        margin: -0.25em;
        box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
        text-decoration: none;
        color: rgb(var(--black-monochrome))
    }
    .page-rate-widget-box {
        background: rgb(var(--black-monochrome));
    }
    /* 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;
        box-shadow: none;
    }
    #page-content .info-container .collapsible-block-link {
        padding: 0;
    }
    #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;
    }
    #u-author_block>p>a {
        background-color: rgb(var(--black-monochrome));
        border-radius: 0;
    }
    blockquote,
    div.blockquote,
    #toc {
        background-color: rgb(var(--black-monochrome));
        border: solid 0.125rem rgb(var(--dark-gray-monochrome));
        box-shadow: -0.188rem 0rem 0rem -0.006rem rgb(var(--swatch-primary));
    }
    .code {
        background-color: rgb(var(--black-monochrome));
        border: solid 0.1875rem rgb(var(--dark-gray-monochrome));
        box-shadow: none;
    }
    .code pre,
    .code p,
    .code {
        font-size: 0.87rem;
        background-color: rgb(var(--black-monochrome));
        color: rgb(var(--swatch-text-general));
    }
    .code pre {
        white-space: pre-wrap;
    }
    .code pre span[class*="hl-"] {
        -webkit-filter: invert(1) hue-rotate(180deg);
        filter: invert(1) hue-rotate(180deg);
    }
    .yui-navset .yui-nav {
        width: 100%;
    }
    .yui-navset .yui-nav a {
        transition: background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }
    .yui-navset .yui-nav li,
    .yui-navset .yui-navset-top .yui-nav li {
        box-shadow: initial;
    }
    .yui-navset .yui-nav li {
        background-color: rgb(var(--black-monochrome));
        padding-top: 0.25em;
        -webkit-animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        animation: tab-active 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forward;
        animation-fill-mode: forward;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }
    .yui-navset .yui-nav li:hover {
        background-color: rgb(var(--swatch-primary));
    }
    .yui-navset .yui-nav li em {
        transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
        color: rgb(var(--swatch-menutxt-light-color));
    }
    .yui-navset .yui-nav li:hover em {
        color: rgb(var(--swatch-menutxt-dark-color));
    }
    .yui-navset .yui-nav .selected {
        margin-top: -0.5em;
        padding-top: 0.5em;
        margin-right: 0.0625rem;
        background-color: rgb(var(--swatch-primary));
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: backwards;
        animation-fill-mode: backwards;
        -webkit-animation-play-state: running;
        animation-play-state: running;
    }
    .yui-navset .yui-nav .selected a em {
        transform: translateY(-0.25em);
        color: rgb(var(--black-monochrome));
    }
    .yui-navset .yui-nav a,
    .yui-navset .yui-nav a:hover,
    .yui-navset .yui-nav a:active,
    .yui-navset .yui-nav a:focus-within {
        background: rgba(0, 0, 0, 0) !important;
        font-family: var(--title-font);
        font-weight: 700;
        isolation: isolate;
    }
    .yui-navset .yui-nav a::before,
    .yui-navset .yui-nav a::after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        pointer-events: none;
    }
    .yui-navset .yui-nav a:hover::before,
    .yui-navset .yui-nav a:focus::before,
    .yui-navset .yui-nav .selected a::before {
        -webkit-mask-position: center 0rem !important;
        mask-position: center 0rem !important;
        background-position: 100% 200vh;
    }
    .yui-navset .yui-nav a:hover::after,
    .yui-navset .yui-nav a:focus::after,
    .yui-navset .yui-nav .selected a::after {
        opacity: 0;
        -webkit-animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        animation: fade 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
        -webkit-animation-direction: backwards;
        animation-direction: backwards;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
    .yui-navset .yui-content {
        background: rgb(var(--black-monochrome));
        border: none;
        margin-top: 0.25rem;
    }
    table.wiki-content-table tr {
        border: none !important;
    }
    table.wiki-content-table th {
        background-color: rgb(var(--black-monochrome));
        color: rgb(var(--swatch-primary));
        ;
        font-family: var(--title-font);
        font-weight: 700;
        text-transform: uppercase;
        padding-top: 0.4em;
    }
    table.wiki-content-table th,
    table.wiki-content-table td {
        border: solid 0.0625rem rgb(var(--swatch-primary)) !important;
    }
    hr {
        border-color: rgb(var(--accentColor));
        background-color: rgb(var(--accentColor));
    }
    /*---- TAB ANIMATION by Croquembouche ---- */
    .yui-navset .yui-content>div {
        display: block;
        top: 0;
        overflow: hidden;
        transform-origin: 0 0;
    }
    .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;
        -webkit-animation: tab-disappear 0.5s ease-in-out 0s 1 both;
        animation: tab-disappear 0.5s ease-in-out 0s 1 both;
    }
    .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;
        -webkit-animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
        animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
    }
    @-webkit-keyframes tab-disappear {
        0% {
            max-height: 9999rem;
        }
        1% {
            max-height: 100vh;
        }
        100% {
            max-height: 0;
        }
    }
    @keyframes tab-disappear {
        0% {
            max-height: 9999rem;
        }
        1% {
            max-height: 100vh;
        }
        100% {
            max-height: 0;
        }
    }
    @-webkit-keyframes tab-appear {
        0% {
            max-height: 0;
        }
        99% {
            max-height: 100vh;
        }
        100% {
            max-height: 9999rem;
        }
    }
    @keyframes tab-appear {
        0% {
            max-height: 0;
        }
        99% {
            max-height: 100vh;
        }
        100% {
            max-height: 9999rem;
        }
    }
    /* fancy collapsible */
    #page-content .collapsible-block-folded,
    #page-content .collapsible-block-unfolded-link {
        background: rgb(var(--black-monochrome));
        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;
        text-align: center;
        color: rgb(var(--white-monochrome));
        font-weight: 700;
    }
    #page-content .collapsible-block-link:hover {
        color: rgb(var(--black-monochrome));
    }
    #page-content .collapsible-block-folded:hover,
    #page-content .collapsible-block-unfolded-link:hover {
        background: rgb(var(--swatch-primary));
    }
    #page-content .collapsible-block-unfolded-link {
        box-shadow: 0rem -0.26rem 0rem 0rem rgb(var(--swatch-primary));
    }
    #page-content .collapsible-block-folded,
    #page-content .collapsible-block-unfolded-link {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    .scp-image-block {
        border: solid 0.5rem rgb(var(--black-monochrome));
        border-bottom: solid 0rem rgb(var(--black-monochrome));
        box-shadow: 0rem 0.26rem 0rem 0rem rgb(var(--accentColor));
        box-sizing: border-box;
    }
    .scp-image-block .scp-image-caption {
        background-color: rgb(var(--black-monochrome));
        border: solid 0.25rem rgb(var(--black-monochrome));
        color: rgb(var(--pale-gray-monochrome));
        font-size: 0.84rem;
        box-shadow: none;
    }
    a.footnoteref {
        padding: 0.05em;
        color: rgb(var(--swatch-primary));
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: inset 0 0 0 0rem rgba(var(--swatch-primary), 1);
        transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }
    a.footnoteref:hover {
        box-shadow: inset 0 -1.25em 0 0 rgba(var(--swatch-primary), 1);
        text-decoration: none;
        color: rgb(var(--black-monochrome))
    }
    .footnotes-footer a[href*="javascript"]::before,
    .bibitems .bibitem::after,
    .footnotes-footer {
        background-color: rgb(var(--black-monochrome));
    }
    /* Tags */
    .page-tags span {
        border-top: 0.0625rem solid rgb(var(-white-monochrome));
    }
    .page-tags span a {
        padding: 0.25em;
        color: rgb(var(--white-monochrome));
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
        transition: box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1), color 300ms cubic-bezier(0.4, 0.0, 0.2, 1), padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }
    .page-tags span a:hover {
        padding: 0.3em 0.25em 0.2em 0.25em;
        box-shadow: inset 0 -1.75em 0 0 rgba(var(--swatch-primary), 1);
        text-decoration: none;
        color: rgb(var(--black-monochrome))
    }
    div#page-options-bottom-2>a,
    div#page-options-bottom>a {
        border-color: rgba(var(--swatch-primary-darkest), 1);
        background-color: rgba(var(--swatch-menubg-dark-color), 1);
        color: rgb(var(--white-monochrome));
        border-radius: 0;
    }
    div#page-options-bottom-2>a:active,
    div#page-options-bottom-2>a:hover,
    div#page-options-bottom>a:active,
    div#page-options-bottom>a:hover {
        border-color: rgba(var(--swatch-menubg-dark-color), 1);
        background-color: rgba(var(--swatch-primary-darkest), 1);
        color: rgb(var(--black-monochrome));
        border-radius: 0;
    }
    #who-rated-page-area>div>span[style*="color"] {
        color: rgb(var(--swatch-text-secondary-color)) !important;
    }
    #footer {
        color: rgb(var(--black-monochrome));
    }
    #license-area {
        color: rgb(var(--white-monochrome));
    }
    input.text,
    textarea {
        background-color: rgb(var(--black-monochrome));
        color: rgb(var(--swatch-text-general));
        border-color: rgb(var(--swatch-menubg-dark-color));
    }
    #lock-info {
        background-color: rgb(var(--black-monochrome));
        color: rgb(var(--swatch-text-general));
        border-color: rgb(var(--swatch-menubg-dark-color));
    }
    /* Pop-Up Windows */
    .owindow {
        background-color: rgb(var(--black-monochrome));
        border-color: rgb(var(--swatch-primary));
    }
    .owindow .modal-header {
        background-color: rgb(var(--black-monochrome));
    }
    .owindow .modal-body img {
        background-color: transparent !important;
    }
    .owindow .title {
        background-color: rgb(var(--black-monochrome));
        color: var(--swatch-primary);
        border-bottom: 0.0625rem solid rgb(var(--swatch-primary));
    }
    .owindow .button-bar a {
        background-color: rgb(var(--black-monochrome));
        border-color: rgb(var(--swatch-primary));
        color: rgb(var(--white-monochrome));
    }
    .owindow .button-bar a:hover {
        background-color: rgb(var(--swatch-primary));
    }
    /* ---- INTERWIKI ---- */
    html:not(:lang(cn)) div.scpnet-interwiki-wrapper p::before {
        box-shadow: inherit;
    }
    #side-bar iframe.scpnet-interwiki-frame:not(:lang(cn)) {
        filter: invert(1);
    }
    #side-bar .scpnet-interwiki-wrapper:not(:lang(cn))::before {
        mix-blend-mode: lighten;
    }
    .darkbox,
    .lightbox {
        border-left: solid 0.26rem rgb(var(--swatch-primary));
        border-right: solid 0.26rem rgb(var(--swatch-primary));
        padding: .4rem;
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }
    .darkbox {
        background-color: rgb(var(--black-monochrome));
    }
    .lightbox {
        background-color: rgb(var(--white-monochrome));
        color: rgb(var(--black-monochrome));
    }
    .lightbox h2,
    .lightbox h3,
    .lightbox h4,
    .lightbox h5,
    .lightbox h6 {
        color: rgb(var(--black-monochrome));
    }
    /* Custom Assets by EstrellaYoshte */
    .limit {
        margin-bottom: -1rem;
    }
    .anchor {
        position: -webkit-sticky;
        position: sticky;
        height: 0;
        top: 0;
        z-index: 9999;
    }
    .sidebox {
        background-color: rgb(var(--black-monochrome));
        border-top: solid 0.125rem rgb(var(--swatch-primary));
        padding: .14rem 1rem .14rem;
        margin-top: 0;
        margin-bottom: 0.5rem;
        width: calc((100vw - (var(--body-width-on-desktop) + 10rem))/2);
        max-height: calc(100vh - 18rem);
        position: absolute;
        top: 0;
        left: 103.5%;
        z-index: 5;
        overflow: auto;
        box-sizing: border-box;
    }
    .hovertip {
        color: rgb(var(--swatch-text-general));
    }
    @media (max-width: 80.625rem) {
        .sidebox {
            width: auto;
            max-width: 50vw;
            color: rgba(0, 0, 0, 0);
            background-color: rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgb(var(--swatch-primary));
            border: none;
            right: calc(((100vw - 1em - var(--body-width-on-desktop)) / 2) * -1);
            left: initial;
            pointer-events: none;
            transition: max-width 0.2s ease-in-out 0.1s, color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0s;
            overflow-x: hidden;
            overflow-y: hidden;
            scrollbar-width: thin;
        }
        .sidebox::-webkit-scrollbar {
            width: 0.5em;
        }
        .sidebox * {
            opacity: 0;
            transition: opacity 0.2s ease-in-out 0.1s;
        }
        .sidebox::before,
        .sidebox::after {
            content: " ";
            position: absolute;
            pointer-events: all;
            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 rgb(var(--swatch-primary));
            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.125rem 0 0 0 rgb(var(--swatch-primary));
            max-height: calc(100vh - 18rem);
            background-color: rgb(var(--black-monochrome));
            z-index: -1;
            transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s, border-top-left-radius 0.5s ease-in-out 0.1s, border-bottom-left-radius 0.5s ease-in-out 0.1s;
        }
        .sidebox:hover,
        .sidebox:active {
            color: rgb(var(--swatch-text-general));
            background-color: rgb(var(--black-monochrome));
            pointer-events: all;
            overflow-y: scroll;
            transition: max-width 0.5s ease-in-out 0.2s, color 0.5s ease-in-out 0.2s, box-shadow 0.5s ease-in-out 0.1s, background-color 0s ease-in-out 0.6s, right 0.5s ease-in-out 0.1s;
        }
        .sidebox:hover *,
        .sidebox:active * {
            opacity: 1;
            transition: opacity 0.5s ease-in-out 0.2s;
        }
        .sidebox:hover::before,
        .sidebox:active::before {
            border-top: 0vw solid transparent;
            border-bottom: 0vw solid transparent;
        }
        .sidebox:hover::after,
        .sidebox:active::after {
            box-shadow: 0 -0.125rem 0 0 rgb(var(--swatch-primary));
            right: 0;
            max-width: 100%;
            border-top-left-radius: 0rem;
            border-bottom-left-radius: 0rem;
        }
    }
    @media only screen and (max-width:56.25rem) {
         :root {
            --body-width-on-desktop: 100vw;
            --header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
            --header-h2-font-size: var(--base-font-size);
        }
        #header h1,
        #header h1 a,
        #header h1 a::before {
            top: 0.5rem;
        }
        #header h2,
        #header h2 a,
        #header h2 a::before {
            top: 0.35rem;
        }
        .anchor {
            top: calc(var(--topbar-height-on-mobile) + 0.75rem);
        }
        .sidebox,
        .sidebox:hover,
        .sidebox:active {
            right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.5em);
        }
        .sidebox::before,
        .sidebox::after {
            content: " ";
            position: absolute;
            pointer-events: all;
            right: 0;
        }
        .blockquote,
        [class*="blockquote"],
        blockquote,
        div.blockquote {
            margin: 0;
        }
    }
    @media only screen and (min-width: 48.0625rem) {
        #search-top-box-form input[type="submit"],
        #search-top-box-form input[type="submit"]:focus,
        #search-top-box-form input[type="submit"]:hover {
            border-left: 0.0625rem solid rgba(var(--swatch-primary-darkest), 0);
        }
        #search-top-box-form input[type="submit"] {
            background: rgba(var(--swatch-primary-darkest), 0.5);
        }
    }
}

/* 폰트 출처: https://noonnu.cc/font_page/776 */
 
@font-face {
    font-family: 'establishRetrosansOTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/establishRetrosansOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
:root:lang(ko){ 
--header-title: "재 단";
--header-subtitle: "격리부";
--header-font: "Josefin Sans", "establishRetrosansOTF", sans-serif;
--title-font: "Josefin Sans", "establishRetrosansOTF", sans-serif;
}
#header h2 span { 
transform: translateY(10px);
}
 
.top-right-box > .level {
    line-height: 0.5;
}
 
body .danger-diamond > .arrows {
    background-color: transparent;
}

Footnotes

1. "Humphrey, W., Lemke, R., Christian, K., Roesler, J., & Kaiser, N. (1920). Containment Class Proposal: Thaumiel. Foundation Research Press, 2(7)."

2. Maxwell, T., & Gouram, A. (1927). Quantum Properties Over Great Distances. Foundation Research Press, 05(02), 213-230.

3. Enjilian, M., & Johnson, R. (1923). Anomalous Properties of Multiple Keter-Class Objects. Foundation Research Press, 1(11).

4. Everly, K., & Everly, J. (1922). Brain Makeups of Terminated Keter Entities. In Advanced Cognitive Constructs of Paranormal Entities (3rd ed., Vol. 1, pp. 145-178). Chicago, IL: Foundation Scientific Press.

5. Benson, R. (1921). Reality Bending Entity Classifications. Foundation Research Press, 3(7), 10-58.

---