@font-face{
font-family:"Hack";
src:url("/rc/hk/hack-regular-subset.woff2") format("woff2");
font-weight:400;
font-style:normal;
font-display:swap;
}
:root{
	--font-color:#cac5bf;
	--font-mono:"Hack",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}
::selection{
	background:#955f50;
	color:#1f1816;
}
html{
	scroll-behavior:smooth;
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
	scrollbar-color:#543c22 #201e1b;
	scrollbar-width: thin;
	&::-webkit-scrollbar{width:12px;height:12px;}
	&::-webkit-scrollbar-track{background:#201e1b;border-radius:6px;} 
	&::-webkit-scrollbar-thumb{background-color:#543c22;border-radius:6px;border: 2px solid #201e1b;}
	&::-webkit-scrollbar-thumb:hover{background-color:#543c22;}
}
body{ 
color:var(--font-color);
margin:0px;
padding:0px;
font-family:var(--font-mono);
font-variant-ligatures:none;
font-feature-settings:"calt" 0,"liga" 0;
font-size:0.9em;
white-space:pre-wrap;
overflow:hidden;
line-height:1.6;
-webkit-tap-highlight-color:transparent;
background:#000;
}
a{color:#bec7e8;text-decoration:none}
a:active{color:#f4a460;text-decoration:underline 0.01em;text-underline-offset:0.3em}
:focus{
	outline:none;
}
:focus-visible{
	outline:none;
	background:#543c22;
}
#BG{
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background-color:#000;
	background-size:cover;
	background-position:center;
	filter:grayscale(80%) brightness(80%);
	z-index:-1
}
.sButL{
	margin:0;
	padding:0;
	font:inherit;
	border:none;
	background:none;
	white-space:nowrap;
	transition:all 250ms;
}
.sButL{
	color:#bec7e8;
	cursor:pointer;
}
.sButL:hover{
	color:#f4a460;
	text-decoration:underline 0.01rem;
	text-underline-offset:0.3rem
}
.sButL:focus-visible{
	outline:none;
	background:#543c22;
}
.sHref{
	padding:0.125rem;
	white-space:pre;
}
.sHref::before{
	content:"\005b\00a0";
	color:#543c22;
	transition:all 500ms;
}
.sHref::after{
	content:"\00a0\005d";
	color:#543c22;
	transition:all 500ms;
}
.sHref:focus::before, .sHref:focus::after{
	text-decoration:none;
	color:#f4a460;
}
.sHref:active, .sHref:active::before, .sHref:active::after{
	text-decoration:none;
	color:#f4a460;
}
.sHref:hover, .sHref:hover::before, .sHref:hover::after{
	text-decoration:none;
	color:#f4a460;
}

.sConsole{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:3.5rem;
	overflow-y:auto;
	padding:1rem
}
#tViewport{
	max-width:72rem;
	margin:auto
}
#tCaret{
	position:absolute;
	top:0;
	left:11.85ch;
	padding-top:0.75rem;
	font-weight:bold;
	white-space:pre
}
#tSuggest{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:10.90ch;
	padding:0.5rem;
	white-space:pre;
	color:#543c22
}
#tCommandLine{
	position:absolute;
	top:0px;
	right:0px;
	left:11.85ch;
	border:0px;
	font:inherit;
	margin:0px;
	padding:0.5rem 0px 0.5rem 0px;
	background:transparent;
	color:var(--font-color);
	box-sizing:border-box;
	caret-color:transparent
}
.sHero{
	width:60ch;
	margin:auto;
	line-height:1rem;
	text-align:left
}
.sCmdWrap{
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	margin:auto auto 1rem auto;
	padding:0.5rem 1rem 0.5rem 1rem;
	font-size:0.8rem;
	max-width:72rem;
	background:#1e1b17
}
.sCmdBar{
	color:#f4a460;
	overflow:hidden
}
.sCenter{text-align:center}
.sHide{display:none}
.sNoWrap{white-space:nowrap}
.sGreen{color:#38d05e}