SCP-3293 - 넌 집에 못 가
djkaktus와 Joreth 공저
2차 등급:
{$secondary-class}
혼란 등급:
{$disruption-class}
일련번호: 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의 변칙성은 평범한 물건으로 복잡하고 불가해한 기계와 장비를 만들어내는 능력으로 나타나며, 이는 의지에 따라 행해지는 것으로 보인다.
그 능력이 미치는 범위가 직접 닿는 주변으로만 제한되어 있어, SCP-3293은 II등급 현실조정자로 분류되었다. SCP-3293은 자신이 가진 능력의 변칙적인 성질과 그 기원을 의식하지 못하는 것으로 보인다. 실제 과학 및 기술 구조에 대한 SCP-3293의 이해력은 한정되어 있으며, 자신의 능력을 변칙적이라고 여기지 않는다. 그 대신, 다양한 물건과 그 기능을 지칭하는 데 쓰는 SCP-3293만의 가공의 용어가 실현되며, 이로써 SCP-3293은 구조에 상관없이 설계한 대로 기능하는 장치를 만들어 낸다.
SCP-3293은 적은 양의 자원으로도 먼 곳까지 순간이동하는 장치를 손쉽게 만들어낼 수 있으므로, 대상은 격리 상태에서 탈주하기 쉽다. 그러나, 항상 집에 있는 부모에게로 돌아가려 하는 SCP-3293의 성향으로 인해 대상은 거의 매번 간단히 재격리되고 있다. 추가적인 정보는 부록 3293.3을 참고하라.
부록 3293.1: 발견
SCP-3293은 오하이오주립대 학부 내에 파견되어 있던 재단 요원이 컬럼버스의 작은 교외에 비정상적이고 이해할 수 없을 정도로 높은 방사선이 집중되는 것을 보고하면서 발견되었다. 이 현상을 특정 가정집 한 곳의 원인불명의 에너지 피드백과 연관지어, 요원들이 신속히 SCP-3293을 찾아내 체포할 수 있었다.
부록 3293.2: 면담
비고: 이하 면담은 첫 격리 직후, 영구 격리 절차가 세워지기 이전에 진행되었다. 이 면담 동안, SCP-3293은 자신이 어린이 데이케어 시설에 온 것이라고 믿었다.
[기록 시작]
일즈 박사: 안녕, 꼬마 친구. 기분이 어떠니?
SCP-3293: 봐요, 아주머니Ms. Lady. 내가 TV를 만들었어요.
SCP-3293이 판지 상자 조각으로 받쳐 놓은 화이트보드를 보여준다. 빨간 털실 몇 토막을 붙여 놓은 재단 보급 칫솔이 테이프로 부착되어 있다. SCP-3293이 칫솔을 조작하자, 장치가 텔레비전처럼 기능한다. 해당 장치는 이후 연구를 위해 수집되었다.
일즈 박사: 우와 쿠퍼, 정말 멋지구나! 어떻게 만든 거니?
SCP-3293: 여기에다가- 전선을 달고, 연결을 했는데, 어, 그게 긴 전선은 아니고 짧은 전선이에요. 나한테 긴 전선이 하나도 없었거든요. 그래도 그걸 여기 모키-트롤(mokey-trol)에다가 연결하고 전원을 켰어요.
일즈 박사: 정말 잘했구나, 우리 꼬마 친구. 오늘은 뭘 보고 있니?
SCP-3293: 어, 검볼(Gumball)을 보고 있어요.
일즈 박사: 좋아, 알겠어. 그럼 쿠퍼, 다른 날에 만들었던 것에 대해 얘기해줄 수 있겠니?
SCP-3293: (웃음) 바나나가 땅바닥에 철퍼덕해버렸어요!
일즈 박사: 그렇구나, 알겠어. 그렇지만 저기, 다른 날에 네가 만들었던 걸 얘기해 보면 어떨까, 응? 그걸로는 뭘 하니?
SCP-3293: 아, 그건 쿠키-만드미에요. “쿠키가 있으면 좋을지도”라는 생각이 들어서, 그래서 쿠키-찾으미를 만들고 그걸 물건-만드미에다가 연결해서 쿠키-만드미를 만들었어요. 하지만, 하지만 그때, 어, 아저씨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등급 인원들을 즉결처분하는 제안을 파기하고 그 대신 웰스 부부를 기억소거하고 가짜 신분과 기억을 주어 재배치시키는 쪽을 택했다.
이로써 탈주 시도가 더 잦아졌지만, 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의 격리실에 들어가 진정제를 투여하는 인원들은 이 과정을 신속히 수행해야 한다. 해당 격리실에 출입하는 모든 인원은 SCP-3293이 다룰 수 있는 물건이 남겨지는 것을 방지하기 위해 모든 장비의 위치를 확인해 두어야 한다.
부록 3293.4: 무효화
2018년 6월 17일, 정기 건강검진 도중 진정제를 투여하기 위해 인원이 들어가자 SCP-3293이 격리실 문 뒤에 숨었고, 직원들을 공격했다. 인원들 중 한 명으로부터 가져온 열쇠고리로, SCP-3293은 재빨리 급조 테이저건을 만들어내 양쪽 직원들을 모두 제압했다. 혼란에 빠지고 공포에 질린 상태에서, SCP-3293은 격리 상태에서 벗어나기 위한 장치를 급히 만들어내려고 시도했다. 격리실 내부 음성 장비가 작동하는 동안 SCP-3293이 작업 도중 "집에 갈래"라는 말을 반복하는 것이 기록되었다.
그러나, 설계상의 문제 혹은 사고로 인해 그 결과물은 심하게 진동하며 밝게 빛을 내기 시작했고, SCP-3293에게 상당한 신체구조적 변형을 일으켰다. 대상의 팔다리는 순식간에 길어지기 시작해, 그 모습이 심하게 왜곡되며 여러 곳이 부러졌다. 피부 여러 곳이 넓게 벗겨져 나가기 시작했으며, 눈은 상당히 튀어나오고 피가 차오르기 시작했다. 턱은 심하게 축 처져 더 이상 입을 다물 수가 없게 된 것처럼 보였으며, 대상의 말은 알아들을 수 없는 소리가 되었다. 막 의식을 되찾은 격리 담당 직원들이 분명히 공황 상태에 빠진 대상에게 다가가 말을 걸고, 구석으로 몰아넣었다. 추가 격리 인원이 격리실에 들어가기 전, SCP-3293이 만든 장치가 격렬하게 폭발했으며, SCP-3293과 대상에게 다가간 직원 모두가 사망했다.
격리 담당 인원 두 명의 시신은 재단 프로토콜에 따라 매장되었으며, SCP-3293의 사체는 부검 후 화장되었다.
이후, 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의 최초 격리 장소로만 전화를 걸 수 있음. |
격리실 |
3293-A-22 |
정체불명의 파괴된 물체. |
기억소거제를 처방받은 인간을 대상으로 그 약효를 무력화시키는 장치로 보임. SCP-3293가 무효화되고 대략 다섯 시간 후에 비활성화됨. |
격리실 |
구성요소 코드 보기
@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) {
--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;
}
}
.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 {
font-size: calc(var(--base-font-size) * 1.35);
}
.top-right-box > .level {
line-height: 0.5;
}
body .danger-diamond > .arrows {
background-color: transparent;
}