@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700,900|Roboto+Mono:400,500,700|Source+Sans+Pro:400,400i,600,600i,700,700i,900,900i&display=swap&subset=latin-ext'); @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-highlighte"; /* must be either "nuscp" or "sigma9" */ --theme-id: "uiu-bhl-theme"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "Unusual Incidents Unit BHL Theme"; /* set this to your theme's full name */ /* Header */ --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:uiu-bhl-theme/UIU_Logo.svg"); --header-title: "FBI"; --header-subtitle: "Unusual Incidents Unit"; /* Typefaces */ --body-font: 'Source Sans Pro', 'Lato', sans-serif; --header-font: 'Source Sans Pro', 'Poppins', sans-serif; --title-font: 'Merriweather', 'Poppins', sans-serif; --mono-font: 'Roboto Mono', "Andale Mono", "Courier New", Courier, monospace; --ui-wght: 550; --ui-hvr-wght: 700; /* Standard Colors */ --white-monochrome: 230, 234, 246; /* off-blue white */ --pale-gray-monochrome: 204, 216, 239; /* v light blue for blockquotes and stuff */ --light-gray-monochrome: 118, 137, 174; /* light accent blue for login status */ --gray-monochrome: 36, 59, 120; /* blue */ --dark-gray-monochrome: 26, 20, 71; /* deep blue */ --black-monochrome: 15, 11, 12; /* off-blue black */ --bright-accent: 239, 221, 27; /* bright yellow */ --medium-accent: 227, 69, 38; /* medium red */ --dark-accent: 148, 26, 29; /* deep red */ --newpage-color: var(--bright-accent); /* pale orange */ /* Primary Theme Colors */ --swatch-background: var(--white-monochrome); --swatch-primary: var(--bright-accent); --swatch-primary-darker: var(--medium-accent); --swatch-primary-darkest: var(--dark-accent); /* Primary Text Colors */ --swatch-text-dark: var(--black-monochrome); --swatch-text-light: var(--white-monochrome); --swatch-important-text: var(--bright-accent); /* Primary Menu Colors */ --swatch-menubg-color: var(--white-monochrome); --swatch-menubg-light-color: var(--pale-gray-monochrome); --swatch-menubg-medium-color: var(--light-gray-monochrome); --swatch-menubg-medium-dark-color: var(--gray-monochrome); --swatch-menubg-dark-color: var(--dark-gray-monochrome); --swatch-menubg-black-color: var(--black-monochrome); --swatch-menubg-hover-color: var(--black-monochrome); --swatch-menutxt-dark-color: var(--black-monochrome); --swatch-menutxt-light-color: var(--white-monochrome); --swatch-border-color: var(--black-monochrome); /* Primary Header Colors */ --header-gradient-color-bottom: var(--black-monochrome); --header-gradient-color-middle: var(--dark-gray-monochrome); --header-gradient-color-top: var(--dark-gray-monochrome); --swatch-headerh1-color: var(--white-monochrome); --swatch-headerh2-color: var(--white-monochrome); --swatch-topmenu-border-color: var(--black-monochrome); --swatch-topmenu-bg-color: var(--pale-gray-monochrome); --link-color: var(--dark-accent); --visited-link-color: var(--medium-accent); --hover-link-color: var(--medium-accent); --rating-module-button-color: var(--black-monochrome); --rating-module-text-color: var(--swatch-menutxt-dark-color); /* Header Gradients */ --gradient-header: linear-gradient(35deg, rgb(var(--header-gradient-color-bottom)) 0, rgb(var(--header-gradient-color-middle)) 90%, rgb(var(--header-gradient-color-top)) 100%); --gradient-topmenu: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) var(--header-height-on-desktop), rgba(var(--swatch-topmenu-border-color)) var(--header-height-on-desktop), rgba(var(--swatch-topmenu-bg-color), 1) calc(var(--header-height-on-desktop) + 0.125rem), rgba(var(--swatch-topmenu-bg-color), 1) calc(100% - .125rem), rgba(var(--swatch-topmenu-bg-color), 0) calc(100% - .125rem), rgba(var(--swatch-topmenu-border-color), 0) 100%); --gradient-topmenu-mobile: linear-gradient(to bottom, rgba(var(--swatch-topmenu-border-color), 1) 0, rgba(var(--swatch-topmenu-bg-color), 1) .125rem, rgba(var(--swatch-topmenu-bg-color), 1) calc(3rem - .125rem), rgba(var(--swatch-topmenu-bg-color), 0) calc(3rem - .125rem), rgba(var(--swatch-topmenu-border-color), 0) 3rem); --diagonal-stripes: inherit; --header-height-on-desktop: 12.25rem; --header-height-on-mobile: var(--header-height-on-desktop); --header-background-image-size: 100% var(--header-height-on-desktop); /* ===TOPBAR MEASUREMENTS=== */ --topbar-height-on-mobile: 2.5rem; } /* ===PAGE ELEMENTS COLORS=== */ /* Colors for Buttons, Tabs, Tables, & Footnotes Hover/Modal */ :root { /* ===UI BUTTON COLORS=== */ --ui-button-bg: var(--swatch-menubg-dark-color); --ui-button-txt: var(--swatch-text-secondary-color); --ui-button-hover-bg: var(--swatch-primary); --ui-button-hover-txt: var(--swatch-text-tertiary-color); /* ===TABS COLORS=== */ --tabs-bg: var(--swatch-menubg-dark-color); --tabs-txt: var(--swatch-text-secondary-color); --tabs-hover-bg: var(--swatch-primary-darkest); --tabs-hover-txt: var(--swatch-text-secondary-color); --tabs-selected-bg: var(--swatch-primary); --tabs-selected-txt: var(--swatch-text-tertiary-color); --tabs-selected-outline: var(--swatch-primary); --tabs-bottom-border-color: var(--swatch-primary-darkest); /* ===FOOTNOTES HOVER BLOCK COLORS=== */ --hoverblock-bg: var(--swatch-secondary-color); --hoverblock-txt: var(--swatch-text-tertiary-color); --hoverblock-header-bg: var(--swatch-primary-darker); --hoverblock-header-txt: var(--swatch-text-secondary-color); --hoverblock-footer-bg: var(--swatch-tertiary-color); --hoverblock-footer-txt: var(--swatch-text-tertiary-color); } #main-content { /* ===TABS=== */ --tabs-hover-bg: var(--swatch-primary-darkest); --tabs-selected-bg: var(--swatch-alternate-color); --tabs-selected-outline: var(--swatch-alternate-color); --tabs-bottom-border-color: var(--swatch-primary-darkest); --tabs-content-bg-color: var(--swatch-secondary-color), 0.5; --tabs-content-border-color: var(--swatch-primary-darkest); /* ===BLOCKQUOTES=== */ --blockquote-bg-color: var(--swatch-secondary-color), 0.5; --blockquote-border-color: var(--swatch-primary-darkest); } ::-moz-selection { background: rgba(var(--bright-accent), 0.5); } ::selection { background: rgba(var(--bright-accent), 0.5); } html { background: white; } html, body { font-feature-settings: "onum"0; font-variant-numeric: tabular-nums; } #page-content span > a:not([href*="classification-"]), #page-content div:not([id*="wiki-tabview"]) a { transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1); box-shadow: inset 0 0 0 0.01px rgba(var(--swatch-primary), 1); -webkit-box-decoration-break: clone; box-decoration-break: clone; } .owindow .title { background-color: rgb(var(--swatch-primary-darkest)); color: rgb(var(--white-monochrome)); } .title.modal-header, .owindow { background: var(--gradient-header); color: rgb(var(--white-monochrome)); } .hovertip { background: var(--gradient-header); background-color: rgb(var(--dark-gray-monochrome)); background-size: contain; color: rgb(var(--white-monochrome)); } .owindow .button-bar a { background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--white-monochrome)); } .title.modal-header h1, .owindow h1, .hovertip h1 { color: rgb(var(--white-monochrome)); } #lock-info { background-color: rgb(var(--pale-gray-monochrome)); } #main-content { margin-top: 2.1em; } #page-content span > a:not([href*="classification-"]):hover, #page-content span > a:not([href*="classification-"]):active, #page-content div:not([id*="wiki-tabview"]) a:hover, #page-content div:not([id*="wiki-tabview"]) a:active { transition: box-shadow 1000ms cubic-bezier(0.4, 0.0, 0.2, 1); box-shadow: inset 100vw 0 0 0 rgba(var(--swatch-primary), 1); text-decoration: none; } body { background-size: var(--header-background-image-size), 100% 14.25rem, 100% var(--background-gradient-distance); } hr { position: relative; width: 90%; height: 1.5rem; margin: 1.875rem auto; border: 0; background: rgb(0, 0, 0, 0); } #page-title::before, hr::before { content: " "; display: inline-block; position: absolute; z-index: 1; top: 0.1em; left: 0; width: 4rem; height: 1.5rem; margin: 0 0 0 -0.188rem; margin-left: calc(50% - 2rem); background-color: transparent; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 447.1 202.4' xml:space='preserve'%3E%3Cg%3E%3Cpolygon fill='%23E34526' points='223.5,45.7 208,90.5 160.6,91.4 198.4,120.1 184.6,165.5 223.5,138.4 262.5,165.5 248.7,120.1 286.5,91.4 239.1,90.5 '/%3E%3Cpolygon fill='%23E34526' points='89,58.3 77.7,90.7 43.4,91.4 70.8,112.2 60.9,145 89,125.4 117.2,145 107.2,112.2 134.6,91.4 100.3,90.7 '/%3E%3Cpolygon fill='%23E34526' points='403.6,91.4 369.4,90.7 358.1,58.3 346.8,90.7 312.5,91.4 339.9,112.2 329.9,145 358.1,125.4 386.2,145 376.3,112.2 '/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; background-size: contain; color: rgb(var(--medium-accent)); font-size: 0.938rem; line-height: 0; } #page-title::after, hr::after { content: " "; position: absolute; top: 50%; left: 0; box-sizing: border-box; width: 100%; height: 0.125rem; margin: 0 auto; background: rgb(var(--gray-monochrome)); -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 630 23' xml:space='preserve'%3E%3Cpath fill='%23E6EAF6' d='M0,0v23h630V0H0z M334.9,15.9l1.4,4.6l-13.9,2.3h-14.8l-13.9-2.3l1.4-4.6l0.8-2.6l-2.1-1.6l-3.9-2.9l4.9-0.1 l2.7-0.1l0.9-2.5l1.6-4.6L315,0.1l15.1,1.4l1.6,4.6l0.9,2.5l2.7,0.1l4.9,0.1l-3.9,2.9l-2.1,1.6L334.9,15.9z'/%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 630 23' xml:space='preserve'%3E%3Cpath fill='%23E6EAF6' d='M0,0v23h630V0H0z M334.9,15.9l1.4,4.6l-13.9,2.3h-14.8l-13.9-2.3l1.4-4.6l0.8-2.6l-2.1-1.6l-3.9-2.9l4.9-0.1 l2.7-0.1l0.9-2.5l1.6-4.6L315,0.1l15.1,1.4l1.6,4.6l0.9,2.5l2.7,0.1l4.9,0.1l-3.9,2.9l-2.1,1.6L334.9,15.9z'/%3E%3C/svg%3E%0A"); -webkit-mask-size: 43.375rem auto; mask-size: 43.375rem auto; -webkit-mask-position: center center; mask-position: center center; } #header { height: var(--header-height-on-desktop); background-position: left .75rem top 1rem; background-size: auto 10.375rem; -webkit-filter: initial; filter: initial; } #header h1 { max-height: 12.75rem; } #header h1, #header h1 a, #header h2, #header h2 span { display: flex; align-items: center; } #header h1 a { display: flex; position: relative; top: 0; align-items: center; justify-content: center; width: auto; margin-top: -1em; margin-left: 11rem; } #header h1 a::before { --wght: 900; font-size: 2.75em; } #header h2, #header h2 span { --wght: 600; justify-content: flex-start; width: 15rem; height: var(--header-height-on-desktop); margin-left: 10.75rem; font-family: var(--title-font); } #header h2 span { margin-top: 0rem; font-size: 1.45em; line-height: 1.15; } #login-status #account-options li>a:hover, #login-status #account-options li>a:active { color: rgb(var(--swatch-text-general)); } #login-status #account-options li>a:focus-within { color: rgb(var(--swatch-text-general)); } #search-top-box:focus-within::before { background-color: rgb(var(--swatch-menubg-dark-color)); } #top-bar { --wght: 900; font-size: var(--base-font-size); } #side-bar { margin: 2em 0 0 0; } #side-bar:hover { background: rgb(var(--white-monochrome)); } #top-bar div.top-bar>ul>li:hover, #top-bar div.mobile-top-bar>ul>li:hover { background-color: rgb(var(--gray-monochrome)); } #top-bar div.top-bar>ul>li>a, #top-bar div.mobile-top-bar>ul>li>a { color: rgb(var(--swatch-menutxt-dark-color)) !important; } #top-bar div.top-bar>ul>li>a::before, #top-bar div.top-bar>ul>li>a::after, #top-bar div.mobile-top-bar>ul>li>a::before, #top-bar div.mobile-top-bar>ul>li>a::after { background-color: rgb(var(--dark-accent)); } #top-bar div.top-bar>ul>li:hover>a, #top-bar div.top-bar>ul>li:hover>a, #top-bar div.top-bar>ul>li.sfhover>a, #top-bar div.top-bar>ul>li.sfhover>a, #top-bar div.mobile-top-bar>ul>li:hover>a, #top-bar div.mobile-top-bar>ul>li:hover>a, #top-bar div.mobile-top-bar>ul>li.sfhover>a, #top-bar div.mobile-top-bar>ul>li.sfhover>a { color: rgb(var(--white-monochrome)) !important; } #top-bar div.top-bar>ul>li>ul, #top-bar div.mobile-top-bar>ul>li>ul { background-color: rgb(var(--dark-gray-monochrome)); background-image: var(--gradient-header); box-shadow: inherit; } #top-bar div.top-bar>ul>li>ul, #top-bar div.mobile-top-bar>ul>li>ul, #top-bar div.top-bar>ul>li>ul>li, #top-bar div.mobile-top-bar>ul>li>ul>li { border-color: rgb(var(--light-gray-monochrome)); } #top-bar div.top-bar>ul>li>ul>li>a, #top-bar div.mobile-top-bar>ul>li>ul>li>a { --wght: 600; font-weight: 600; } #top-bar div.top-bar>ul>li>ul>li>a::before, #top-bar div.top-bar>ul>li>ul>li>ul>li>a::before, #top-bar div.top-bar>ul>li>ul>li>a:hover::before, #top-bar div.mobile-top-bar>ul>li>ul>li>a::before, #top-bar div.mobile-top-bar>ul>li>ul>li>ul>li>a::before, #top-bar div.mobile-top-bar>ul>li>ul>li>a:hover::before { background-color: rgb(var(--dark-accent)); } #side-bar:hover { background: rgb(var(--white-monochrome)); } #side-bar .heading, #side-bar .side-block>.collapsible-block:nth-child(1) .collapsible-block-folded { min-height: 1.5rem; background: rgba(var(--pale-gray-monochrome), 0.5); font-family: var(--title-font); } #side-bar .heading p, #side-bar .side-block>.collapsible-block .collapsible-block-link { --wght: 900; display: flex; align-items: center; justify-content: center; height: 1.5rem; color: rgb(var(--dark-gray-monochrome)); font-size: calc(var(--base-font-size) * 0.95); font-weight: 900; letter-spacing: 0.15em; text-shadow: inherit; } #side-bar div.menu-item a::before, #side-bar div.menu-item a:hover::before { background: var(--gradient-header); } #side-bar div.menu-item .sub-text { color: rgb(var(--medium-accent)); } #page-title { position: relative; border: 0px; font-family: var(--title-font); text-align: center; } #page-title:before { top: calc(100% - 0.75rem); } #page-title:after { top: calc(100%); left: 50%; max-width: 43.375rem; transform: translateX(-50%); } #page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-title { --wght: 700; font-weight: 700; line-height: 1.25; justify-content: center; } #page-content h1, #page-title { font-size: 2.45rem; } #page-content h2 { font-size: 1.7rem; } #page-content h3 { font-size: 1.25rem; } #page-content h4 { font-size: 1rem; } #page-content h5 { font-size: .9rem; } #page-content *>#page-title, #page-content *>h1:first-of-type, #page-content *>h2:first-of-type, #page-content *>h3:first-of-type, #page-content *>h4:first-of-type, #page-content *>h5:first-of-type, #page-content *>h6:first-of-type { margin-top: 0; margin-bottom: 0; } #page-content *+h1, #page-content *+h2, #page-content *+h3, #page-content *+h4, #page-content *+h5, #page-content *+h6 { margin-top: 1.5em; } #page-title+*, #page-content h1+*, #page-content h2+*, #page-content h3+*, #page-content h4+*, #page-content h5+*, #page-content h6+* { margin-top: 1em; } #page-content p+* { margin-top: 1em; } #page-content ol:not([class*="yui-nav"]), #page-content ul:not([class*="yui-nav"]) { margin-top: 1em; margin-bottom: 1em; padding-left: 3ch; line-height: 1.5; } #page-content ol:not([class*="yui-nav"]) li, #page-content ul:not([class*="yui-nav"]) li { max-width: 75ex; margin-bottom: .25em; } #page-content table { margin: 1.25rem auto !important; border-spacing: 0; border-collapse: collapse !important; font-size: 1rem; line-height: 1.5; } #page-content table td, #page-content table th, #page-content td, #page-content th { --wght: 400; grid-auto-flow: column; align-items: center; justify-content: center; padding: .25rem 0.5rem !important; border: 1px solid rgb(var(--gray-monochrome)); background-color: rgb(var(--white-monochrome)); font-weight: 400; } #page-content thead td, #page-content thead th, #page-content th { --wght: 700; background-color: rgb(var(--pale-gray-monochrome)) !important; color: rgb(var(--dark-gray-monochrome)); font-weight: 700 !important; } #page-content table thead th, #page-content thead th { --wght: 700; font-weight: 700; } #page-content table th, #page-content th { text-align: left; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { padding: 0.5em 2em; } .footnotes-footer, .code { background-image: linear-gradient(90deg, transparent 2.35em, rgb(171, 206, 212) 2.35em, rgb(171, 206, 212) 2.5em, transparent 2.5em), linear-gradient(rgba(var(--light-gray-monochrome), 0.5) .1em, transparent .1625em); background-position: 1em 0.75em; background-size: 100% 1.8em; font-size: 0.9em; font-family: var(--mono-font); } .code pre { width: 100%; overflow: hidden; white-space: pre; white-space: normal; } .code>*, .footnotes-footer>* { --wght: 400; padding: 0 0 0 3em; font-weight: 400; letter-spacing: 0.05em; outline: none; } .code>* { line-height: 1.75; } .footnotes-footer>* { line-height: 2; } .footnotes-footer .title { --wght: 900; font-family: var(--title-font); margin: -0.75em 0 0.75em 0; } .footnotes-footer .footnote-footer { width: 90%; margin: 0 0 0 4ch !important; } .footnotes-footer a[href*="javascript"]::before, .bibitems .bibitem::after { right: -50%; background-color: rgb(var(--swatch-primary)); color: rgb(var(--swatch-text-tertiary-color)); padding: 0 0.125em 0 0.25em; font-size: 0.9em; } .footnotes-footer div.footnote-footer:not([id*="footnote-1"]) { margin-top: -0.1em !important; } .footnotes-footer .footnote-footer>a:nth-of-type(1) { margin-left: 0; } .scp-image-block { box-shadow: initial; } div[id*="page-options-bottom"]>a:hover::after, div[id*="page-options-bottom"]>a:active::after { background-color: rgb(var(--swatch-menubg-dark-color)) } div[id*="page-options-bottom"]>a:focus-within::after { background-color: rgb(var(--swatch-menubg-dark-color)) } div.page-watch-options a, div.page-watch-options a:visited, #main-content .page-tags span a:any-link:not([href^="/system:page-tags/tag/_"]), #footer, #license-area { --hover-link-color: var(--swatch-text-general); } #footer a { color: rgb(var(--swatch-primary)); } #footer { background: rgba(var(--dark-gray-monochrome)); color: rgba(var(--white-monochrome)); } @media only screen and (max-width: 56.25rem) { #header { background-position: left center; background-size: auto calc(var(--header-height-on-mobile) - 3rem); } #header h1 a { margin-top: -3.5rem; margin-left: 9rem; } #header h1 a::before { font-size: calc(var(--header-h1-font-size) * 5); } #header h2 { width: 100%; height: calc(100% - 7.5rem); margin-top: calc((var(--header-height-on-desktop) + var(--header-h1-font-size))/2 + 2em); margin-left: 9.35rem; text-align: left; } #header h2 span { display: flex; position: relative; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; font-size: calc(var(--header-h1-font-size) / 1.5); } #header h2 span::before { position: absolute; top: 0; left: 0; width: 90%; margin: 0; } #top-bar>div.mobile-top-bar>div.open-menu>p>a { color: rgb(var(--swatch-menutxt-dark-color)) !important; } #top-bar div.mobile-top-bar>ul>li>a { letter-spacing: 0; } .footnotes-footer, .code { background-image: linear-gradient(90deg, transparent 1.35rem, #abced4 1.35rem, #abced4 1.5rem, transparent 1.5rem), linear-gradient(rgba(var(--light-gray-monochrome), 0.5) .1rem, transparent .1625rem); background-position: 1rem 0.45rem; background-size: 100% 1.25rem; font-family: var(--mono-font); font-size: 0.7rem; } .code>*, .footnotes-footer>* { padding-left: 2.5rem; line-height: 1.75; } .footnotes-footer .title { padding-left: 2.5rem !important; ; } .footnotes-footer div:not([id*="footnote-1"]) { padding: 0 0 0 2.5rem; } #page-content h1, #page-title { font-size: 1.9rem; } #page-content h2 { font-size: 1.5rem; } #page-content h3 { font-size: 1.1rem; } #page-content h4 { font-size: 0.9rem; } #page-content h5 { font-size: .8rem; } } }
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700,900|Roboto+Mono:400,500,700|Source+Sans+Pro:400,400i,600,600i,700,700i,900,900i&display=swap&subset=latin-ext'); @import url('https://scpko.wdfiles.com/local--files/unfont/UnBatangBold.css'); @supports(display:grid) { :root:lang(ko) { /* Header */ --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Auiu-bhl-theme/UIU_Logo.svg"); --header-title: "FBI"; --header-subtitle: "특사반"; /* Typefaces */ --body-font: 'Source Sans Pro', 'Lato', sans-serif; --header-font: 'Source Sans Pro', 'Poppins', sans-serif; --title-font: 'Merriweather', 'UnBatangBold', sans-serif; --mono-font: 'Roboto Mono', monospace; } #header { background-position: left .75rem top 1rem; -webkit-background-size: auto 10.375rem; -moz-background-size: auto 10.375rem; -o-background-size: auto 10.375rem; background-size: auto 10.375rem; height: 12.25rem; -webkit-filter: initial; filter: initial; } textarea { font-family: var(--mono-font); } input#edit-page-title.text { font-family: var(--title-font); }
@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; } } } } }
이하는 연방기록법에 따른 전자문서사본임
UIU 파일 1999-534: 사건 파일 "가정 파괴"
요약: 미국 텍사스 주 댈러스 카운티에서 발생한 강도살인 사건으로, 피해자는 로버트 진섭 한Robert Jinseob Han과 그 배우자 제인 한Jane Han, 그리고 그들의 딸 리지 한Lizzie Han이다. 이들은 전부 불균질적 무기로 인해 살해되었다.
가해자인 범죄 신디케이트 '엘더Elder'는 그 특유의 불균질적 능력과 행보로 UIU 당국의 이목을 끌어왔고, 사건 발생 사흘 만에 전부 검거되었다.

성명: 알렉산더 루크
불균성 상호참조: 인간, 깡패, 엘더, 적대적
신체 기술:
성별 | 신장 | 체중/체격 | 인종 | 모발 | 홍채 | 밝혀진 속성 |
---|---|---|---|---|---|---|
남성 | 5피트 10인치 | 190파운드/건장함 | 아일랜드계 | 금발 | 푸른색 | 범죄 신디케이트 "엘더"의 수괴 |
능력: 물리력, 특히 중력에 관한 불균질적 능력. 자신 이외의 물체의 중력을 조정할 수 있으며, 대개 중력의 하중을 증가시키는 방식으로 이를 다룬다. 용의자는 이러한 능력을 어린 시절부터 사용해 왔다고 진술했으며, 이를 뒷받침하듯 상당한 수준의 운용 실력을 보여준다. 용의자는 이를 바탕으로 자신의 주변에서 유용한 능력을 갖춘 인물을 선별하여 범죄 신디케이트를 조직한 것으로 알려졌다.
목적/동기: 용의자의 주목적은 피해자의 금품 갈취였다. 용의자는 로버트 한의 저항이 거세자 판단을 바꾸어 해당 장소 내에 있던 피해자를 모두 살해한 것으로 보인다.
범행수법: 용의자는 거센 반항을 하던 로버트 한의 경추를 자신의 능력을 통해 손상시켰고, 한의 육체를 그대로 압축했다. 한의 신원은 유일하게 손상되지 않은 상태로 남아있던 오른손의 지문을 통해 확인할 수 있었다. 이후 제인 한과 리지 한은 그의 동료들이 사살한 것으로 보인다.
양태: 용의자는 삭발하였으며, 팔뚝에 문신을 새겼다. 용의자의 불균질적 능력은 주로 자기 귀 뒤에 손가락을 접촉하며 발현되므로, 현재는 신체적 구속을 통해 그 능력을 억제하고 있다.
A. 한 가족의 사체: 압축된 로버트 한과 사살된 제인, 리지 한의 사체.
B. 카드: 초록색 바탕의 카드. 용의자들이 공통적으로 소유하고 있었으며, 이를 "대출증"이라고 지칭함. 방랑자의 도서관이라는 공간에서 사용되는 것으로 추정됨.
C. 옹기: 대한민국 전통 항아리. 로버트 한의 소유로, 그의 부모가 대한민국에서 이민을 올 때 반입한 기록이 남아있음. 해당 증거품에 대한 자세한 기록은 하술.
현재 상태: 체포. 현재 엘더에 소속된 조직원 전체 심신상실 상태.
범죄: 다수의 특수상해죄, 강도치사죄, 사기죄.
선고: 무기한 구류.
UIU 행동 내역:
09/11/1999: 지역 경찰에 최초로 신고. 사건의 불균질성을 파악한 FBI에서 사건 이관. UIU 요원들이 댈러스 카운티로 파견되어 사건 현장을 수색했다. 당시 엘더의 조직원은 전부 벽면에 붙어 경련하고 있었으며, 자신의 신원을 제대로 기억하지 못하는 등 중증의 정신이상 상태를 겪고 있었다. 용의자들은 전부 체포되었다.
09/12/1999: 자세한 정황 파악을 위해 로버트 한의 가택 테라스에 설치된 방범용 카메라의 기록을 수거.
09/13/1999: 신디케이트의 수괴 알렉산더 루크가 회복되었다. 그는 강한 PTSD를 겪고 있었으며, 정신분열증 증세를 보였다. 사건에 대한 진술이 제공되었지만, 용의자의 정신 상태로 인해 확증으로 판단되지는 않았다.
09/14/1999: CCTV 기록이 복구되었다. 해당 기록에서는 엘더가 로버트 한의 가택으로 침입하는 장면이 촬영되었다. 약간의 시간이 지난 뒤 테라스 창문이 박살 나며 로버트 한이 바깥으로 추락하는 장면이 포착되었고, 용의자 알렉산더 루크가 뒤따라 나가 자신의 불균질적 능력으로 한을 살해하는 장면이 이어졌다. 이윽고 다른 용의자들이 화면에서는 보이지 않는 곳을 향해 사격하는 장면이 포착되었다. 그러나 이 직후 용의자의 진술에서 드러나지 않은 부분이 나타났다. 테라스 한 편에서 정체불명의 독립체가 걸어 나온 장면이 포착된 것이다. 직후 화면은 암전되었다.
09/15/1999: 해당 독립체에 대해 조사하기 위해 UIU 요원들이 파악되었다. 그러나 해당 부지 내에는 증거품 C를 제외한 아무 요소도 존재하지 않았고, 이에 C를 수집했다.
10/01/1999: 로버트 한의 유족인 한형태가 유품인 증거품 C를 경찰 당국에 요구하였다. 독립체에 대한 조사가 진척이 없었으므로, 한에게 증거품 C를 제공했다. 선고가 확정되었으며, UIU 본부로 용의자들을 송치했다.
□
□
□
□
□
신은 눈을 감고 있었다.
기억 속 어느 순간, 어떤 인간이 그를 숭배하기 시작했다. 특별한 영감이 있는 자였고, 제정신이 아닌 자였다. 그 마을에서 그 여자의 광증을 모르는 사람이 없을 정도였으니까. 그러나 인간의 광증이래야 신에게는 위협도 조롱거리도 되지 않았으며, 실상 그는 꽤나 독실하게 헌신하였으므로 신은 특별히 그의 신이 되어주었다. 그리고 그의 가정 한귀퉁이에 깃들어 그를 해하는 자를 도리어 해하였다.
정해진 수명이 지나고, 그를 섬긴 여자가 죽었다. 여자는 자손을 남겼는데, 신은 그 자손에게 옮겨갔다. 그리고 그 자손이 죽자 자손의 자손에게로 옮겨갔다. 여자의 피를 이은 존재들에게, 신은 나타나 가정의 한 귀퉁이에 자리를 잡았다.
이후 몇백 년 동안, 신은 점점 고요해졌다. 어느 순간부터 그는 자신을 섬기는 자들을 무미건조하게 관조해 왔다. 대를 이어 자신을 숭앙하던 그 여자의 자손들은 그가 눈치채기도 전에 태어나 있었고, 또 죽어 있었다. 그를 숭배하던 일은 어느새 관습이 되어 그 가문, 그리고 그 가문을 넘어 그 인근 동리 전역에 퍼져나갔다. 어느새 그는 사람들 사이에서 까다로운 신으로 불리기 시작했다. 잘못 섬기면 가정을 멸하는 신, 사람을 미치광이로 만드는 신이라고. 그 신을 섬겼던 여자가 그렇게 미쳐버린 이유가 무엇이겠느냐고… 그리 전하는 이들 중 아무도 진정으로 그가 어떠한 신인지는 알지 못했으면서도, 소문은 진실의 장막을 넘어 설화의 영역에서 훨훨 날아다녔다. 그러나 그러한 사소한 일들은 딱히 신의 관심을 끌지 않았다. 어차피 한 번의 숨을 내쉬기도 전에 사라질 것들에게 일일이 관심을 두긴 어려운 일이었으므로.
그러나 이번만큼은 달랐다.
신은 그 여자의 마지막 자손이 어떤 힘으로 흉측하게 죽는 모습을 보았다. 먼 이국땅에 와서 태어난 그 남자가 한순간에 고깃덩이로 변하는 모습을 지켜보았다. 그리고 그의 아내와 그의 자손이 총에 맞아 쓰러지는 것을 보았다.
죽는 것은 별 수 없는 일임을 모르는 바 아니었다. 그러나 그 순간 신은 자신 안의 무언가가 끊어지는 것을 느낄 수 있었다. 그것은 일종의 해방감이었다. 인간 개개인은 미약하다 한들 그들이 모이면 거대한 것을 만들어 낸다. 개개의 인간은 신에게 거대한 존재가 아니었다 한들, 그들 전체가 만들어낸 연결성은 신에게 어떤 족쇄를 만들어 내었던 것이다. 유대감이라는 이름의 족쇄를.
그리고 족쇄에서 풀려난 신은 족쇄를 풀어준 자들의 정신을 철저히 부수었다.
신은 이에 만족하였다.
"무슨 장독을 들고 와?"
"이거 숙부가 미국 갈 때부터 들고 간 거야… 남은 게 이것밖에 없더라."
"그래도 불편한데 버리고 오지."
"당신은 무슨 말을 그렇게 해. 됐어, 우리 집에는 못 놔도 할머니 댁에 가져다 두면 되겠지. 돌아가신 숙부를 그렇게 보고 싶어 하시는데, 이 정도는 해줄 수 있잖아."
"알았어, 토요일에 뵙고 오면 되겠지."
"그래요. 일단 창고에 놔둘 테니… 형도 참 안 됐어. 애가 이제 고등학교에 들어갈 나이였는데…"