정보
SCP-3293: 넌 집에 못 가(You Can't Go Home)
원작: http://scp-wiki.wikidot.com/scp-3293
저자: djkaktus,
Joreth
역자: TocoT0ucan_98

격리 이전의 SCP-3293.
일련번호: SCP-3293
등급: 케테르 무효(Neutralized)
특수 격리 절차: SCP-3293은 표준 인간형 격리실에 격리한다. 불복종 내력 및 그 변칙적 성질 때문에, SCP-3293에게는 어떠한 표준형 편의 설비도 주어지지 않았다. SCP-3293은 지속적인 감시 하에 두며, 격리실 수색을 매일 실시한다. 허가받은 연구원이 SCP-3293을 찾아가 순응을 강요하고 의욕을 높게 유지하도록 하는 것을 권장한다.
발견된 SCP-3293-A 개체는 압수하고 일즈 박사Dr. Iles에게 보고한다. 이전 SCP-3293-A 개체들은 E 변칙물품동 502호실에서 찾아볼 수 있다. SCP-3293-A 개체로 연구를 진행할 예정인 인원은 일즈 박사의 허가를 받아야 한다.
현 격리 절차는 재검토 단계에 있으며 윤리위원회의 승인 이후 변경될 수도 있다.
격리 절차 갱신됨: SCP-3293은 무효화되었다. 구체적인 내용은 부록 3293.4를 참고하라. 오하이오 주 컬럼버스에 있는 웰스 본가는 지속적인 감시 하에 놓여 있다.
설명: SCP-3293은 6세의 백인 남성으로, 이전에는 미국 오하이오 주 컬럼버스에 살던 쿠퍼 웰스Cooper Wells 였다. SCP-3293의 변칙성은 평범한 물건으로 복잡하고 불가해한 기계와 장비를 만들어내는 능력으로 나타나며, 이는 의지에 따라 행해지는 것으로 보인다.
그 능력이 미치는 범위가 직접 닿는 주변으로만 제한되어 있어,1 SCP-3293은 II등급 현실조정자로 분류되었다. SCP-3293은 자신이 가진 능력의 변칙적인 성질과 그 기원을 의식하지 못하는 것으로 보인다. 실제 과학 및 기술 구조에 대한 SCP-3293의 이해력은 한정되어 있으며, 자신의 능력을 변칙적이라고 여기지 않는다. 그 대신, 다양한 물건과 그 기능을 지칭하는 데 쓰는 SCP-3293만의 가공의 용어가 실현되며, 이로써 SCP-3293은 구조에 상관없이 설계한 대로 기능하는 장치를 만들어 낸다.
SCP-3293은 적은 양의 자원으로도 먼 곳까지 순간이동하는 장치를 손쉽게 만들어낼 수 있으므로, 대상은 격리 상태에서 탈주하기 쉽다. 그러나, 항상 집에 있는 부모에게로 돌아가려 하는 SCP-3293의 성향으로 인해 대상은 거의 매번 간단히 재격리되고 있다. 추가적인 정보는 부록 3293.3을 참고하라.
부록 3293.1: 발견
SCP-3293은 오하이오주립대 학부 내에 파견되어 있던 재단 요원이 컬럼버스의 작은 교외에 비정상적이고 이해할 수 없을 정도로 높은 방사선이 집중되는 것을 보고하면서 발견되었다. 이 현상을 특정 가정집 한 곳의 원인불명의 에너지 피드백과 연관지어, 요원들이 신속히 SCP-3293을 찾아내 체포할 수 있었다.2
부록 3293.2: 면담
비고: 이하 면담은 첫 격리 직후, 영구 격리 절차가 세워지기 이전에 진행되었다. 이 면담 동안, SCP-3293은 자신이 어린이 데이케어 시설에 온 것이라고 믿었다.
[기록 시작]
일즈 박사: 안녕, 꼬마 친구. 기분이 어떠니?
SCP-3293: 봐요, 아주머니Ms. Lady. 내가 TV를 만들었어요.
SCP-3293이 판지 상자 조각으로 받쳐 놓은 화이트보드를 보여준다. 빨간 털실 몇 토막을 붙여 놓은 재단 보급 칫솔이 테이프로 부착되어 있다. SCP-3293이 칫솔을 조작하자, 장치가 텔레비전처럼 기능한다. 해당 장치는 이후 연구를 위해 수집되었다.
일즈 박사: 우와 쿠퍼, 정말 멋지구나! 어떻게 만든 거니?
SCP-3293: 여기에다가- 전선을 달고, 연결을 했는데, 어, 그게 긴 전선은 아니고 짧은 전선이에요. 나한테 긴 전선이 하나도 없었거든요. 그래도 그걸 여기 모키-트롤(mokey-trol)3에다가 연결하고 전원을 켰어요.
일즈 박사: 정말 잘했구나, 우리 꼬마 친구. 오늘은 뭘 보고 있니?
SCP-3293: 어, 검볼(Gumball)을 보고 있어요.
일즈 박사: 좋아, 알겠어. 그럼 쿠퍼, 다른 날에 만들었던 것에 대해 얘기해줄 수 있겠니?
SCP-3293: (웃음) 바나나가 땅바닥에 철퍼덕해버렸어요!
일즈 박사: 그렇구나, 알겠어. 그렇지만 저기, 다른 날에 네가 만들었던 걸 얘기해 보면 어떨까, 응? 그걸로는 뭘 하니?
SCP-3293: 아, 그건 쿠키-만드미에요.4 “쿠키가 있으면 좋을지도”라는 생각이 들어서, 그래서 쿠키-찾으미를 만들고 그걸 물건-만드미에다가 연결해서 쿠키-만드미를 만들었어요. 하지만, 하지만 그때, 어, 아저씨Mr. Guy가 와서, 쿠키-만드미를 가져가 버렸어요.
일즈 박사: 아, 알겠어. 하지만 쿠퍼, 내가 알고 싶은 건-
SCP-3293: 아저씨를 알아요? 아저씨가 그걸 돌려주면 돌려받고 나서 아주머니한테 쿠키 줄게요. 아저씨한테도 하나 주고요.
일즈 박사: 그래, 그런데 쿠키-만드미를 어떻게 만든 거니, 쿠퍼?
SCP-3293: 으응?
일즈 박사: 음, 너도 알잖니, 쿠키를 양말이랑 전등만 가지고는 만들어 낼 수 없-
SCP-3293: 아니에요, 그건 쿠키-찾으미고, 내가 물건-만드미에다가 연결한 거예요.
일즈 박사: 그렇지만, 거기에는 동력 공급원도 없었잖니, 꼬마 친구.
SCP-3293: 아 그래, 배터리 넣는 걸 깜빡했었네요! 배터리만 넣으면 그럼 어, 어, 으으음. 쿠키-만드미가, 쿠키를 더 많이 만들어내겠죠?
[기록 종료]
부록 3293.3: 격리 파기
몇 번의 각기 다른 경우에, SCP-3293은 제81기지 밖으로 순간이동하는 장치를 만들어내거나, 기지 내에 설치된 보안 시설을 무작정 뚫고 지나가는 장치를 만들어내서 격리 상태에서 탈주할 수 있었다. 이러한 장치에는 "투명 모자", "줄어드는-총", "워프 담요", 그리고 "터널 신발" 등등이 있었다. 그러나, 탈주한 후 SCP-3293은 매번 집에 있는 자신의 부모, 데이브 웰스Dave Wells와 캐시 웰스Kathy Wells에게로 돌아가려고 시도했다.
윤리위원회는 격리를 용이하게 하기 위해, SCP-3293이 희귀질환으로 인해 현재 격리되어 있다고 가장하여 웰스 부부를 E등급 인원으로 고용하는 제안을 처음에는 승인했었다. 초기에 이는 고용 후 3개월 동안 격리 파기 시도가 전면 중단되는 결과를 가져왔다.
그러나, 2018/02/14에, E등급 인원들이 탈주 후 심문의 두려움과 지루함을 이유로 들며 SCP-3293에게 격리 탈주를 시도하도록 설득했다. 윤리위원회는 E등급 인원들을 즉결처분하는 제안을 파기하고 그 대신 웰스 부부를 기억소거하고5 가짜 신분과 기억을 주어 재배치시키는 쪽을 택했다.
이로써 탈주 시도가 더 잦아졌지만, SCP-3293은 웰스 가로 돌아가려고 하는 처음의 탈주 패턴을 여전히 따랐다. 이 행동 패턴 때문에, SCP-3293은 보통 손쉽게 진정당하고 재격리되었다. 종국에는 SCP-3293은 자신의 부모를 찾아내서 그곳에 변칙적으로 이동시켜 주는 장치를 만들기 시작했으나, 부모는 대상을 알아보지 못했고 보통은 지역 경찰서에 파견되어 있는 재단 인원에게 즉시 신고했다.
기억소거를 받은 웰스 부부에 의해 몇 번의 시도가 당국으로 넘겨지게 되는 결과로 끝난 이후, SCP-3293의 감정 상태는 심하게 나빠지기 시작했다. 이는 격리 연장으로 인해 가중되었는데, 특히 변칙적인 장치를 만드는 데 쓰일 수 있는 모든 물건에 접근하는 것을 제한한 프로토콜 이후에 그러했다. 결국, SCP-3293은 혼자 틀어박혀 있게 되었고 재단 직원에게 적개심을 보였으며, 식사와 수면 등을 위해 진정제를 투여해야 했다.
오스터만 박사Dr. Ostermann
이전 격리 탈주에서 볼 수 있듯이, SCP-3293은 대상의 격리와 연관된 인원에게 상당한 위험을 끼칩니다. 자신이 처한 환경에 적응할 수 없다는 것을 입증했고 이제는 급조한 무기로 격리실에 들어가는 어떤 인원이든지 공격할 것입니다.
SCP-3293이 중경비 케테르 등급 격리 수용소로 보내질 수도 있게 되기 전에, 격리 탈주의 위험성을 최소화하고, 또한 대상이 무효화되는 일 없이 지속적인 진정제 투여를 통해 정신 상태를 꾸준히 유지하기 위해 현 격리 절차를 다음과 같이 개정할 것을 제안하는 바입니다.
특수 격리 절차: SCP-3293은 제81기지의 방음이 되는, 개조된 인간형 격리실에 격리한다. 격리실에는 어떠한 물건도 있어서는 안 되며, 이는 생활용 설비와 모든 유형의 오락을 포함한다. SCP-3293에게는 어떠한 옷이나 개인 소지품도 주어지지 않으며, 대상은 구속되어 있어야 한다.
하루에 세 번, SCP-3293은 적당한 식량을 지급받는다 진정제가 투여된 동안 튜브를 통해 영양분을 공급받는다. SCP-3293과 진정제를 투여하는 데 쓰인 장비의 접촉을 피하기 위해, SCP-3293의 격리실에 들어가 진정제를 투여하는 인원들은 이 과정을 신속히 수행해야 한다.6 해당 격리실에 출입하는 모든 인원은 SCP-3293이 다룰 수 있는 물건이 남겨지는 것을 방지하기 위해 모든 장비의 위치를 확인해 두어야 한다.
부록 3293.4: 무효화
2018년 6월 17일, 정기 건강검진 도중 진정제를 투여하기 위해 인원이 들어가자 SCP-3293이 격리실 문 뒤에 숨었고, 직원들을 공격했다. 인원들 중 한 명으로부터 가져온 열쇠고리로, SCP-3293은 재빨리 급조 테이저건을 만들어내 양쪽 직원들을 모두 제압했다. 혼란에 빠지고 공포에 질린 상태에서, SCP-3293은 격리 상태에서 벗어나기 위한 장치를 급히 만들어내려고 시도했다. 격리실 내부 음성 장비가 작동하는 동안 SCP-3293이 작업 도중 "집에 갈래"라는 말을 반복하는 것이 기록되었다.
그러나, 설계상의 문제 혹은 사고로 인해 그 결과물은 심하게 진동하며 밝게 빛을 내기 시작했고, SCP-3293에게 상당한 신체구조적 변형을 일으켰다. 대상의 팔다리는 순식간에 길어지기 시작해, 그 모습이 심하게 왜곡되며 여러 곳이 부러졌다. 피부 여러 곳이 넓게 벗겨져 나가기 시작했으며, 눈은 상당히 튀어나오고 피가 차오르기 시작했다. 턱은 심하게 축 처져 더 이상 입을 다물 수가 없게 된 것처럼 보였으며, 대상의 말은 알아들을 수 없는 소리가 되었다. 막 의식을 되찾은 격리 담당 직원들이 분명히 공황 상태에 빠진 대상에게 다가가 말을 걸고, 구석으로 몰아넣었다. 추가 격리 인원이 격리실에 들어가기 전, SCP-3293이 만든 장치가 격렬하게 폭발했으며, SCP-3293과 대상에게 다가간 직원 모두가 사망했다.
격리 담당 인원 두 명의 시신은 재단 프로토콜에 따라 매장되었으며, SCP-3293의 사체는 부검 후 화장되었다.7
이후, SCP-3293은 무효 등급으로 재분류되었다.
부록 3293.5: 수집된 변칙적 장치
분류명 | 설명 | 용도 | 회수 위치 |
---|---|---|---|
3293-A-1 | 조잡한 토륨 리액터가 붙어 있는 장난감 오븐. 주로 빈 깡통, 손전등, 작동하지 않는 노트북 컴퓨터로 만들어짐. | SCP-3293의 간식을 생성하는 "토스터". | 최초 격리 장소 |
3293-A-4 | 플라스틱으로 된 "휘어지는 빨대"를 테이프로 붙여 놓은 빈 성냥갑. | 휴대전화처럼 기능함. | 최초 격리 장소 |
3293-A-6 | 면 양말 한 켤레가 감겨 있는 평범한 침실용 전등. | 쿠키를 생성함. | 격리실 |
3293-A-9 | 신발끈으로 묶어 놓은 침대 용수철 세 개. 수건으로 고정해서 머리 위에 씀. | 순간이동 장치. | 격리실 |
3293-A-14 | 대걸레 손잡이 끝에 달려 있는 평범한 슬리퍼. 슬리퍼 끝부분이 면도날처럼 날카로움. | 땅을 파는 데 쓰는 장치로, 어떤 물질이든지 파낼 수 있는 것으로 보임. | 격리실 |
3293-A-21 | 플라스틱 숟가락이 묶여 있는 스티로폼 컵. | 3293-A-4와 비슷하지만, SCP-3293의 최초 격리 장소로만 전화를 걸 수 있음.8 | 격리실 |
3293-A-22 | 정체불명의 파괴된 물체.9 | 기억소거제를 처방받은 인간을 대상으로 그 약효를 무력화시키는 장치로 보임. SCP-3293가 무효화되고 대략 다섯 시간 후에 비활성화됨.10 | 격리실 |
@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.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: 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: 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: 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 { /* 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://nu-scptheme.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)/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); } #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: 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: 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 { /* 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://nu-scptheme.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)/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); } #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; }
@font-face { font-family: 'MapoDPPA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoDPPA.woff') format('woff'); font-weight: 700; font-style: normal; } @supports(display: grid) { :root:lang(ko) { --lgurl: var(--logo-image); --header-title: "SCP 재단"; --header-subtitle: "확보 - 격리 - 보호"; /* Typefaces */ --body-font: "Roboto", 'NanumBarunCatsi', sans-serif; --header-font: "Josefin Sans", 'MapoDPPA', sans-serif; --title-font: "Josefin Sans", 'MapoDPPA', sans-serif; --mono-font: "Fira Code", "Andale Mono", "Courier New", Courier, 'Nanum Gothic Coding', monospace; } #header::before { background-image: var(--lgurl); } } .modalbox { background: rgb(var(--dark-gray-monochrome)); box-shadow: 0 2px 6px rgb(0 79 102 / 50%); } .modalbox .close-credits { filter: invert(1); }
/* 폰트 출처: 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; }