:root { --mainbg: #101; --mainfg: #c6c6c0; --altbg: #102; --lolite: #323c; --link1: #ba6; --link2: #cb8; --link3: #db6; --bodybg: #111; --accent1: #213; --accent2: #426; --button1: #8702; --button2: #8704; --codefg: #cca; --codebg: #000; --pattern1: #202; } body { background: radial-gradient(circle at top left,transparent 9%, var(--pattern1) 10% ,var(--pattern1) 15% , transparent 16%) , radial-gradient(circle at bottom left,transparent 9%, var(--pattern1) 10% ,var(--pattern1) 15% , transparent 16%), radial-gradient(circle at top right ,transparent 9%, var(--pattern1) 10% ,var(--pattern1) 15% , transparent 16%) , radial-gradient(circle at bottom right,transparent 9%, var(--pattern1) 10% ,var(--pattern1) 15% , transparent 16%),radial-gradient(circle, transparent 25%, var(--mainbg) 26%),linear-gradient(45deg, transparent 46%, var(--pattern1) 47%, var(--pattern1) 52%, transparent 53%), linear-gradient(135deg, transparent 46%, var(--pattern1) 47%, var(--pattern1) 52%, transparent 53%); background-size: 3em 3em; background-color: var(--mainbg); opacity: 1; font-family: "Arvo", serif; } #workskin .blur { text-shadow: 0px 0px 6px, 1px 1px 3px, -1px -1px 3px; opacity: 50%; } .blur { filter: blur(1px); } .hunter-n p, .friendly-n p { text-indent: 2em; } /* Hostile Takeover */ .center { text-align:center; } .small { font-size: .75em; opacity: 80%; } .scene-break { font-weight: bold; text-align: center; user-select: none; } .italics, .italics code { font-style: italic; } #workskin em em, #workskin .italics em, #workskin .long-dream em { font-style: italic; font-variant: small-caps; } #workskin p .break:after { margin-right: 1em; content: ""; } #workskin pre { border: 1px solid; padding: 0 1em; } #workskin summary { border: 2px solid; padding: .5em 1em; } #workskin details[open] { border: dashed 1px; padding: 0 1em; } #workskin details[open] summary { border-bottom: dashed 1px; margin: 0 -1em .5em; } .getting-quieter, .getting-quieter span { opacity: 90%; } .quiet {opacity: 30%} .cynsecret {opacity: 10%} .timebreak { text-align: center; font-weight:bold;} .timebreak code {border: 1px solid;} .hunter-j { text-shadow: #ea27 2px 1px 0px } .uzi-screen { color: #a7b; } .murder-screen, .murder-screen code { color: #ba5 } .pain { text-shadow: 0 -3px 0px, 0 3px 0px; } .friendly-n { float: right; padding-left: 5%; margin-left: 5%; border-left: 1px solid; } .friendly-n, .hunter-n { width: 45%; font-size: .8em; } .ndicator, .hide { display:none; } .center-n { text-align:center; clear:right; } .uzi-from-beyond, .from-beyond { text-shadow: 2px 0px 0px; } .boxed { border: 2px dashed #444; margin: auto .5em; padding: 0 .5em; } .cyn { text-shadow: #ba5 2px 2px 2px; } .solver { line-height: 2em; margin-bottom: 4em; } .reflection { text-shadow: #fd64 2px 2px 2px, #fd68 2em 1em 3px, #fd65 4em 2em 5px; margin-bottom: 1em; } .reflection em { text-shadow: 0px 1px 0px, 0px -1px 0px, #fd64 2px 2px 2px, #fd68 2em 1em 3px, #fd65 4em 2em 5px; } .minor-reflection { text-shadow: #fd64 2px 2px 2px, #fd65 2em 1em 5px; } .command { text-shadow: #fd6 2px 2px 5px, 0px -3px 0px, 0px 3px 0px, #fd68 2em 1em 3px; } .overlap-container { display:inline-flex; } .invisible { opacity:0%; } .overlap-container span:nth-child(2) { position:absolute; margin-top: -1.5em; } .overlap-container span:nth-child(3) { position:absolute; margin-top: -.5em; } .overlap-container span:nth-child(4) { position:absolute; margin-top: .5em; } .overlap-container span:nth-child(5) { position:absolute; margin-top: 1.5em; } .poetry { margin-bottom: .5em; } .merge-back { margin-left:-1em; } .solver-four-words { width:12em; height: 12em; position:relative; } .solver-four-words div { position:absolute; } .solver-lef { top:0; left:0 } .solver-rig { top:0; right:0 } .solver-mid { left:5em; top:3em; } .solver-bot { bottom:0; left:5.25em; } .dream, .core-poem { color: transparent; text-shadow: -1px -1px 3px #666a, 3px 3px 7px #bbba; } .subtle-dream { opacity: 90%; text-shadow: -1px -1px 3px #666a, 3px 3px 7px #bbba; } .long-dream, .long-dream code { font-style: oblique; opacity: 80%; text-shadow: 1px 1px 5px #fff8, 3px 3px 5px #333a; } .red-shadow { color: #c22; text-shadow: 5px 5px 1px #922c, 10px 10px 3px #6228, 15px 15px 5px #3224; } .uzi-moan { text-shadow: 1px 1px 1px #b2ec, 3px 3px 3px #b2e8, 5px 5px 5px #b2e4; } .railgun { text-shadow: .1em 0 1px #2c2a, .2em 0 2px #2c28, .3em 0 3px #2c26, .4em 0 4px #2c24; } .solvercmd { letter-spacing: .5ch; font-weight: bold; font-family: monospace; } .solvercmd::before { content: "["; } .solvercmd::after { content: "]"; } .hunter-maid { text-shadow: white 2px -1px 0px } .overlap { text-indent:0; opacity: 40%; position:absolute; user-select: none; } .memleak { width: fit-content; margin: auto; line-height: 1; padding: 1px; border: none; letter-spacing: -.1em; font-size: 75%; } .memline { letter-spacing: -.1em; } .zalgo .cruft { opacity: 50%; user-select: none; } .core-poem { text-align: center; font-style: italic; margin: auto; max-width: 90%; width: 25em; } .chat { max-width:25em; text-align:left; margin:auto; } .chat .info { text-align:center; } .chat .msg p { margin:0; } .chat .msg { width: fit-content; padding: .25em .5em; border-radius: 1em; max-width: 70%; margin-bottom: .25em; border: 1px solid #da3; background: #da3; color: #222; } .chat .sender .msg { margin-left: auto; margin-bottom: .25em; border: 1px solid #82a; background: #82a; color: #ccc; } .chat .msgblock { margin-bottom: .5em; } .chat .sender .msg:not(:last-child) { border-bottom-right-radius: .1em; } .chat .sender .msg:not(:first-child) { border-top-right-radius: .1em; } .chat :not(.sender) .msg:not(:last-child) { border-bottom-left-radius: .1em; } .chat :not(.sender) .msg:not(:first-child) { border-top-left-radius: .1em; }