@font-face{
font-family:"Trade Winds";
src:url("/rc/tw/trade-winds-v6-latin-regular.woff2") format("woff2");
font-weight:400;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:"Hack";
src:url("/rc/hk/hack-regular-subset.woff2") format("woff2");
font-weight:400;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:"Hack";
src:url("/rc/hk/hack-bold-subset.woff2") format("woff2");
font-weight:700;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:"Hack";
src:url("/rc/hk/hack-italic-subset.woff2") format("woff2");
font-weight:400;
font-style:italic;
font-display:swap;
}
@font-face{
font-family:"Hack";
src:url("/rc/hk/hack-bolditalic-subset.woff2") format("woff2");
font-weight:700;
font-style:italic;
font-display:swap;
}
:root{
	--font-color:#cac5bf;
	--font-mono:"Hack",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
	--font-sans:ui-sans-serif,Roboto,Liberation,Ubuntu,sans-serif !important;
	--img-focus:saturate(125%) brightness(125%);
}
::selection{background:#955f50;color:#1f1816}
:focus{outline:none}
:focus-visible{outline:none;background:#543c22}
button{appearance:none;-webkit-appearance:none}
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:0;
padding:0;
font-family:var(--font-sans);
font-size:1rem;
line-height:1.6;
-webkit-tap-highlight-color:transparent;
background:#000;
padding-bottom:calc(4rem + env(safe-area-inset-bottom));
}
a{color:#bec7e8;text-decoration:none;transition:all 250ms}
a:active{color:#f4a460;text-decoration:underline 1px;text-underline-offset:0.3em}
a:hover{color:#f4a460;text-decoration:underline 1px;text-underline-offset:0.3rem}
p[id]{
	scroll-margin-top:1rem;
	&:target{
		margin-left:-0.5rem;
		padding-left:0.5rem;
		border-radius:0 1rem 1rem 0;
		animation:kfHighlight 2s ease;
	}
}
@keyframes kfHighlight{
	0%{background-color:transparent}
	30%{background-color:#543c22}
	100%{background-color:transparent}
}
hr{margin:0;border:0;border-bottom:1px solid #543c22}
ol,ul{padding-left:1.5rem;line-height:1.9}
ol li, ul li{padding-left:0.5rem;break-inside:avoid}
ul li::marker{content:"\00bb";color:#955f50}
ol li::marker{font-size:0.6rem;color:#918e8a}
.sOrder1,.sOrder2{padding:0 1rem 0 1rem}
.sOrder2{overflow:auto;box-sizing:border-box}
.fSml{font-size:0.8rem}
#sNav{
	margin:auto;
	width:100%;
	max-width:100rem;
	height:3rem;
	display:flex;
	align-items:stretch;
	font-family:var(--font-mono);
	font-variant-ligatures:none;
	font-feature-settings:"calt" 0,"liga" 0;
	white-space:nowrap;
	overflow-x:auto;
	justify-content:flex-start;
	-webkit-overflow-scrolling:touch;
	&::-webkit-scrollbar{display:none}
	-ms-overflow-style:none;
	scrollbar-width:none;
}
#sNav img{display:flex;margin-left:0.5rem;width:3rem}
#BG{
	position:fixed;
	top:0;right:0;bottom:0;left:0;
	background-color:#000;
	background-size:cover;
	background-position:center;
	filter:grayscale(80%) brightness(80%);
	z-index:-1
}
#sNav .sHref{display:flex;align-items:center}
#menuAvatar{position:relative}
#repDiff{
	position:absolute;
	top:0;right:0;bottom:0;
	width:3rem;
	display:flex;
	justify-content:center;
	align-items:center;
	background:radial-gradient(circle,#201e1b,#543c22);
}
#sMenuBox{
	display:flex;
	margin:auto;
	width:100%;
	max-width:calc(1600px + 4rem);
	padding:0 1rem 0 1rem;
	background:#1e1b17;
	border:1em solid #201e1b;
	border-top:0;
	border-radius:0 0 2rem 2rem;
	box-sizing:border-box;
	transform:translateY(-100%);
}
#srchResults{
	display:grid;
	padding:1rem 0 1rem 0;
	grid-template-columns:repeat(auto-fill,10rem);
	gap:1rem;
	justify-content:space-around;
	border-bottom:1px solid #80501c;
	transition:all 250ms;
}
#mapLinks{
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
	-ms-overflow-style:none;
	&::-webkit-scrollbar{display:none;}
}
#mapLinks > *{flex-shrink:0}
#mapLinks > *:first-child{margin-left:auto}
#mapLinks > *:last-child{margin-right:auto}
.sBoxIn{animation:kfBoxIn 350ms cubic-bezier(0.22, 1, 0.36, 1) forwards}
@keyframes kfBoxIn{to{transform:translateY(0)}}
.sFill,.sFillNoScroll{
	position:fixed;
	top:0;right:0;bottom:0;left:0;
	background:rgba(22,19,15,0.75);
}
.sFill{overflow:auto}
.sFullBgIn{z-index:2;animation:kfFullBgIn 250ms ease;}
@keyframes kfFullBgIn{from{background:rgba(22,19,15,0)}}
.sMenuL{
	flex-grow:1;
	display:grid;
	grid-template-columns:repeat(auto-fit,14ch);
	justify-content:space-around;
	padding:0 1rem 1rem 0;
	height:max-content;
	text-align:center;
	border-right:1px solid #543c22;
}
.sMenuR{display:flex;margin-left:auto}
#sMenuP1{
	margin-left:auto;
	padding:1rem 1rem 0 1rem;
	width:6rem;
	text-align:center;
}
#sMenuP1 img{
	display:block;
	margin:auto;
	width:4em;
	border-radius:1em;
}
#sMenuP2{
	display:grid;
	height:max-content;
	padding:0 0 1rem 0; 
}
.sFull{margin:auto;max-width:100rem}
.sSplit,.sSplitCenter{
	margin:auto;
	max-width:100rem;
	display:grid;
	grid-template-columns:2fr 1fr;
	padding:0 1rem;
	gap:0 2rem;
}
.sSplit{align-items:stretch}
.sSplitCenter{align-items:center}
.s66Head{
	display:grid;
	align-items:center;
	padding:0.75rem 1rem 0.75rem 1rem;
	font-family:'Trade Winds';
	font-size:2rem;
	line-height:1;
	text-align:center;
}
.s34Head{
	display:grid;
	align-items:center;
	padding:1rem;
	font-family:var(--font-mono);
	font-variant-ligatures:none;
	font-feature-settings:"calt" 0,"liga" 0;
}
.s34Head div{overflow:hidden;text-overflow:ellipsis}
.s34Head a{margin-right:0.5rem;white-space:nowrap}
.sIdxFlx{
	display:flex;
	align-items:center;
}
.sIdxVPort{
	position:relative;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	user-select:none;
	touch-action:pan-y;
	container-type:inline-size;
	background:url("/img/load.webp") center top / 50% auto no-repeat content-box;
	cursor:grab;
}
.sIdxVPort img,.sIdxFMapA img{transition:filter 500ms}
.sIdxTrk{display:flex;will-change:transform}
.sIdxVItm{flex:0 0 100%;width:100%}
.sIdxVNav{
	position:absolute;
	top:33cqw;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	display:flex;
	justify-content:space-between;
	gap:0.5rem;
	opacity:0.25;
	transition:opacity 500ms;
}
.sIdxVDot{
	width:1rem;
	height:1rem;
	border:3px solid #80501c;
	border-radius:0.5rem;
	transition:background 250ms,border-color 500ms;
}
.sIdxVDot.act{border:3px solid var(--font-color)}
.sIdxVDot:hover{
	background:#543c22;
	border:3px solid #f4a460;
	cursor:pointer;
}
.sIdxMapA,.sIdxFMapA{position:relative;display:block}
.sIdxFMapA{background:url("/img/load.webp") center top / 100% auto no-repeat content-box}
.sIdxVPort:hover img,.sIdxFMapA:hover img{filter:var(--img-focus)}
.sIdxVPort:hover .sIdxVNav{opacity:0.8}
.sIdxVImg{
	display:block;
	margin:auto;
	width:100%;
	max-width:62rem;
	height:auto;
	aspect-ratio:8/3;
	object-fit:cover;
	object-position:center;
	will-change:transform;
	border-radius:1rem;
}
.sIdxFImg{
	display:block;
	margin:auto;
	width:100%;
	max-width:31rem;
	height:auto;
	aspect-ratio:4/3;
	object-fit:cover;
	object-position:center;
	will-change:transform;
	border-radius:1rem;
}
.sIdxTW{
	position:absolute;
	top:0;left:0;right:0;
	text-align:center;
	padding:0 1.5rem;
	font-family:"Trade Winds";
	font-size:1.5rem;
	line-height:2;
	background:linear-gradient(90deg,rgba(0,0,0,0) 15%,#0b0a08d0 50%,rgba(0,0,0,0) 85%);
}
.sIdxGrid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));
	gap:1rem;
	align-content:start;
	justify-content:center;
	justify-items:center;
	padding:0.5rem 1rem 1rem 1rem;
}
.sLoading{
	font-size:0.9rem;
	font-family:var(--font-mono);
	font-variant-ligatures:none;
	font-feature-settings:"calt" 0,"liga" 0;
	text-align:center;
	white-space:pre;
}
.sLink,.sDiv.act{
	color:#bec7e8;
	transition:all 250ms;
	cursor:pointer;
}
.sLink:hover,.sDiv.act:hover{
	color:#f4a460;
	text-decoration:underline 0.01rem;
	text-underline-offset:0.3rem
}
.sLink:active,.sDiv.act:active{
	color:#f4a460;
	text-decoration:underline 0.01rem;
	text-underline-offset:0.3rem
}
.sButL,.sButLD{
	margin:0;
	padding:0;
	font:inherit;
	line-height:initial;
	border:none;
	background:none;
	white-space:nowrap;
	transition:all 250ms;
}
.sButL{color:#bec7e8;cursor:pointer}
.sButLD{color:var(--font-color)}
.sButL:hover{
	color:#f4a460;
	text-decoration:underline 0.01rem;
	text-underline-offset:0.3rem
}
.sButL:focus-visible{outline:none;background:#543c22}
.sHref,.sDiv{
	padding:0.5rem;
	font-size:0.9rem;
	font-family:var(--font-mono);
	font-variant-ligatures:none;
	font-feature-settings:"calt" 0,"liga" 0;
	white-space:pre;
}
.sHref.act{color:#cac5bf;background:#30281f}
.sDiv{display:inline}
.sHref::before,.sDiv::before,.sDiv::before{
	content:"\005b\00a0";
	color:#543c22;
	transition:all 500ms;
}
.sHref::after,.sDiv::after,.sDiv::after{
	content:"\00a0\005d";
	color:#543c22;
	transition:all 500ms;
}
.sHref:focus::before,.sHref:focus::after,.sDiv.act:focus::before,.sDiv.act:focus::after{
	text-decoration:none;
	color:#f4a460;
}
.sHref:active,.sHref:active::before,.sHref:active::after,.sDiv.act:active,.sDiv.act:active::before,.sDiv.act:active::after{
	text-decoration:none;
	color:#f4a460;
}
.sHref:hover,.sHref:hover::before,.sHref:hover::after,.sDiv.act:hover,.sDiv.act:hover::before,.sDiv.act:hover::after{
	text-decoration:none;
	color:#f4a460;
}
.sModFull{
	position:fixed;
	top:0;right:0;bottom:0;left:0;
	padding-bottom:3rem;
	overflow-y:auto;
}
.sModBox{
	margin:1em auto;
	padding:1.5em;
	width:calc(100% - 3em);
	max-width:var(--mod-width,87rem);
	border-radius:2em;
	border:1em solid #201e1b; 
	background:#332f27;
	box-sizing:border-box;
	transform:translateY(calc(-100% - 2em));
}
.sModBoxHead{
	display:flex;
	justify-content:center;
	align-items:center;
}
.sModHead{
	text-align:center;
	padding:1rem 2rem 1rem 2rem;
	font-family:'Trade Winds';
	font-size:2em;
	text-align:center;
}
.sModBody{
	margin:auto;
	padding:0.5em 1.5em 1em 1.5em;
	width:100%;
	max-width:var(--mod-width,30rem);
	border-radius:2em;
	border:1em solid #201e1b; 
	background:#332f27;
	box-sizing:border-box;
	transition:all 250ms;
}
.sModBody a{cursor:pointer}
.sModInput{
	margin:auto;
	width:100%;
	min-width:6rem;
	max-width:40rem;
	font-family:var(--font-mono);
	font-size:0.9rem;
	font-variant-ligatures:none;
	font-feature-settings:"calt" 0,"liga" 0;
	color:var(--font-color);
	padding:0.5rem;
	border:1px solid #543c22;
	background:#30281f;
	box-sizing:border-box;
	transition:border 250ms;
}
.sModInput:focus{border:1px solid #80501c}
.sModAct{text-align:right}
#pingWrap{
	position:fixed;
	right:1.5rem;
	bottom:1.5rem;
	padding:1rem;
	min-width:13rem;
	max-width:16rem; 
	border-radius:1rem;
	border:0.25rem solid #332f27;
	background:#1e1b17;
	transition:border-color 250ms,background 250ms;
	animation:kfPing 1s;
}
#pingWrap:hover{border:0.25rem solid #543c22}
#ping{font-size:0.8rem;font-family:var(--font-mono)}
#pingAct{padding-top:0.5rem;text-align:right}
@keyframes kfPing{
	0%{border:0.25rem solid #1e1b17;background:#543c22}
	20%{border:0.25rem solid #f4a460}
	100%{border:0.25rem solid #332f27;background:#1e1b17}
}
.sHistory{
	margin:auto;
	max-width:100rem;
	padding:0 1rem 0.5rem 1rem;
	font-family:var(--font-mono);
	font-size:0.9rem;
}
.sHistoryHead{display:flex;align-items:baseline}
#peak{
	position:absolute;
	border:1px solid #f4a460;
	border-radius:1rem 1rem 1rem 0;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow:0 0 8px 2px #0b0a08;
	will-change:transform;
	pointer-events:none;
}
#peakImg{
	display:block;
	width:10rem;
	height:auto;
	aspect-ratio:16/9;
	object-fit:cover;
	object-position:center;
	transition:opacity 250ms;
}
.sTextArea{
	margin:auto;
	width:100%;
	min-width:6rem;
	max-width:var(--mx-width,40rem);
	height:var(--box-height,8rem);
	max-height:var(--mx-height,16rem);
	font-family:var(--font-mono);
	font-variant-ligatures:none;
	font-feature-settings:"calt" 0,"liga" 0;
	font-size:0.9rem;
	line-height:1.6;
	color:var(--font-color);
	padding:0.5rem;
	overflow-y:auto;
	resize:none;
	border:1px solid #543c22;
	background:#30281f;
	box-sizing:border-box;
	transition:border 250ms;
}
.sTextArea:focus{border:1px solid #80501c}
.sBut{
	margin:0.5rem 0 0.5rem 0;
	padding:0.75rem;
	font-size:1rem;
	border-radius:0.5rem;
	border:1px solid #543c22;
	color:#aea8a1;
	background:#30281f;
	transition:all 250ms;
}
.sBut.dis{color:#847f7a;background:transparent}
.sBut.sel{color:var(--font-color);background:#201e1b}
.sBut:hover:not(.dis){
	color:#ffd9ad;
	border:1px solid #80501c;
	background:#201e1b;
}
.sBut:focus{
	color:#ffd9ad;
	border:1px solid #80501c;
	background:#1e1b17;
}
.sBut+.sBut,.sModInput+.sBut{margin-left:0.5rem}
.sColWrap{
	font-size:0.9rem;
	font-family:var(--font-mono);
	font-variant-ligatures:none;
	font-feature-settings:"calt" 0,"liga" 0;
}
.sCol,.sColTxt{
	columns:var(--col-width,16rem);
	column-gap:var(--col-gap,2rem);
	column-rule:var(--col-rule,1px solid #543c22);
	font-size:var(--col-fSize,0.8rem);
}
.sCol ol,.sCol ul{margin:0}
.sColTxt li{margin:0;padding:0}
.sColTxt li::marker{content:""}
.sColTxt li button{
	display:block;
	width:100%;
	box-sizing:border-box;
}
.sHWrap{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr;
	padding:1rem 0 0.5rem 0;
}
.sHHead{grid-column:1/3}
.sHLeft{font-size:0.8rem}
.sHRight{font-size:0.8rem;text-align:right}
.sHBar{
	grid-column:1/3;
	width:100%;
	height:0.25em;
	background-color:#333;
	background-image:linear-gradient(90deg,#701919 0%,var(--hbhex,#701919) var(--hbpos,0%),transparent var(--hbpos,0%));
}
.sHBut{
	position:absolute;
	top:1rem;right:0;bottom:0;left:0;
	margin:auto;
	text-align:center;
	border:1px solid #543c22;
	border-radius:0.5rem;
	background:#30281f;
}
.sHWrap .sHBut{opacity:0;transition:opacity 400ms}
.sHWrap:hover .sHBut{display:block;opacity:1}
.sLBox{
	padding:1rem;
	text-align:center;
	font-family:var(--font-mono);
	font-variant-ligatures:none;
	font-feature-settings:"calt" 0,"liga" 0;
	font-size:0.9rem;
	white-space:pre-wrap;
	overflow:hidden;
	border:1px solid #543c22;
	border-radius:1rem;
	background:#30281f;
	transition:all 250ms;
}
.sGroupItem{
	margin-right:0.5rem;
	padding:0.5rem;
	white-space:nowrap;
	overflow:hidden;
	border-radius:0 1rem 1rem 0;
	transition:all 250ms;
}
.sStripeDonate{
	padding:0.5rem 1rem 0.5rem 1rem;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	border-radius:0.5rem;
	background:#005ebb;
}
.sStripeDonate:hover{
	color:#9effa8;
	text-decoration:none;
	background:#024d99;
}
.sDonorsWrap{
	margin-top:2rem;
	padding:1rem 0 0 0;
	border-top:1px solid #543c22;
}
.sDonorsWrap b{
	display:inline-block;
	padding-bottom:0.5rem;
}
.sDonors{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));
}
.sDonor{
	padding:0.5rem;
	font-size:0.9rem;
	white-space:nowrap;
	overflow:hidden;
	border-radius:0 1rem 1rem 0;
	transition:all 250ms;
}
.sDonor:hover,.sGroupItem:hover{background:#30281f}
.sFltBlock{
	padding:1rem 0 1rem 0;
	display:grid;
	grid-template-columns:var(--grid-col,repeat(auto-fit,minmax(9rem,1fr)));
}
.sState,.sStateText{
	margin:0 0.25rem 0.25rem 0;
	font-family:var(--font-mono);
	padding:0 1rem 0 0.5rem;
	font-size:0.9rem;
	font-variant-ligatures:none;
	font-feature-settings:"calt" 0,"liga" 0;
	line-height:2.5;
	text-align:left;
	white-space:pre;
	border:none;
	border-radius:0.5rem;
	background:none;
}
.sStateText{color:inherit}
.sState{
	color:#bec7e8;
	cursor:pointer;
	transition:all 250ms;
}
.sState::before{
	content:"\003e\00a0";
	transition:all 500ms;
	color:transparent;
}
.sState.on,.sState.flip{
	color:#ffd9ad;
	background:#543c22;
}
.sState.on::before,.sState.flip::before{color:#ffd9ad}
.sState.on:hover{cursor:default}
.sState:hover:not(.on){
	color:#f4a460;
	background:#201e1b;
	cursor:pointer;
}
.sState.flip:hover{color:#bec7e8;cursor:pointer}
.sState:hover::before{color:#f4a460}
.x2{grid-column:span 2}
#skull,.sPreText,.sPreTextNB,.sReadMe{
	font-family:var(--font-mono);
	font-variant-ligatures:none;
	font-feature-settings:"calt" 0,"liga" 0;
	font-size:0.9rem;
	white-space:pre-wrap;
	overflow:hidden;
	padding:0.5rem 0.5rem 0.5rem 1rem;
}
#skull{font-size:0.75rem;line-height:1.15}
.sPreText{border-left:1px solid #543c22}
.sReadMe,.sSample,.sIdxTxt{
	margin:1rem auto auto auto;
	max-width:var(--max-width,62rem);
	text-align:left;
	padding:1rem;
	overflow-wrap:break-word;
	background:#0b0a08ab;
	border-radius:1rem;
	box-sizing:border-box;
}
.sIdxTxt{margin-top:0.5rem}
#skull b{animation:kfLoop 2s infinite}
@keyframes kfLoop{
	0%{color:#ffffff} 
	50%{color:#f4a460}
	100%{color:#ffffff}
}
.sSect{
	text-align:right;
	font-size:0.8rem;
	font-style:italic;
	color:#a39e99;
}
.sGridInfo{
	display:grid;
	grid-template-columns:auto minmax(0,1fr);
	gap:0.5rem 1rem;
	align-items:baseline;
	padding:0 1rem;
}
.sGridBody{
	display:grid;
	grid-template-columns:var(--grid-col,repeat(auto-fit,minmax(13.75rem,1fr)));
	gap:var(--grid-gap,1rem);
	align-content:start;
	justify-content:center;
	justify-items:center;
	padding:var(--grid-pad,1rem);
}
.sGridJump{
	display:grid;
	grid-template-columns:var(--grid-col,repeat(auto-fit,minmax(6ch,1fr)));
	gap:var(--grid-gap,0.125rem);
	align-content:start;
	justify-content:center;
	justify-items:center;
	padding:var(--grid-pad,0);
}
.sFlexGrow{flex-grow:1}
.sSticky{position:sticky;top:1rem}
.sUnit{
	width:13.75rem;
	font-size:0.8rem;
	overflow:hidden;
	border-radius:1rem;
	box-sizing:border-box;
	transition:all 250ms;
}
.sUnit.s8x3{background:url("/img/load.webp") center top / 50% auto no-repeat content-box}
.sUnit.s16x9{background:url("/img/load.webp") center top / 80% auto no-repeat content-box}
.sUnit.sAvt{
	width:5rem;
	font-size:0.75rem;
	background:url("/img/load.webp") center top / 80px auto no-repeat content-box;
	cursor:pointer;
}
.sUnit.sMbr{
	display:grid;
	grid-template-columns:4rem 9.75rem;
	border-radius:0.5rem;
}
.sUnit.sMbr img{background:url("/img/load.webp") center top / 100% auto no-repeat content-box}
.sUnit img{
	width:100%;
	object-fit:cover;
	object-position:center;
	vertical-align:top;
	transition:all 250ms;
}
.sUnit.s8x3 img{aspect-ratio:8/3}
.sUnit.s16x9 img{aspect-ratio:16/9}
.sUnit.sMbr img, .sUnit.sAvt img{aspect-ratio:1/1}
.sUnit div{
	padding:0.25rem 0 0.5rem 0.5rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.sUnit.snipet div.sSnipTitle{padding:0.25rem 0 0 0.5rem;white-space:nowrap}
.sUnit.snipet div.sSnipet{
	display:-webkit-box;
	padding:0 0.5rem 0 0.5rem;
	margin-bottom:0.75em;
	line-height:1.6;
	white-space:wrap;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.sBadge{
	display:inline-block;
	padding-right:0.25rem;
	color:#f4a460;
	font-weight:bold;
	cursor:help;
}
#srchResults .sUnit{width:10rem}
.sUnit:focus{background:#543c22}
.sUnit:hover{text-decoration:none;background:#201e1b}
.sUnit:focus img,.sUnit:hover img{filter:var(--img-focus)}
#infoParent{position:relative}
#infoTog,#ovTog{
	position:absolute;
	top:-0.9rem;right:0.5rem;
	border-radius:0.25rem;
	border:1px solid #543c22;
	background:#201e1b;
	cursor:pointer;
}
#ovTog{
	display:none;
	top:unset;
	bottom:-0.875rem;
	z-index:2;
}
#infoTog:hover,#infoTog:focus,#ovTog:hover,#ovTog:focus{background:#543c22}
#svgTog{
	display:block;
	width:1.5rem;
	height:1.5rem;
	fill:var(--font-color);
	transform:rotate(180deg);
	transition:all 500ms;
}
#infoBox{padding-bottom:1rem}
.iBoxHide #infoParent{grid-template-columns:1fr}
.iBoxHide #infoBox{display:none}
.iBoxHide #svgTog{transform:rotate(0deg)}
#svgTog.flip{transform:rotate(0deg)}
.sChartWrap{
    display:grid;
    grid-template-columns:6ch 1fr;
    gap:0.25rem 0;
	font-family:var(--font-mono);
	font-size:0.8rem;
    align-items:center;
	min-width:12rem;
	box-sizing:border-box;
}
.sChartHead{border-bottom:1px solid #543c22}
.sChartBarWrap{cursor:pointer;position:relative}
.sChartBar{
	height:1rem;
	background:#543c22;
    border-radius:0 0 1rem 0;
    transition:all 250ms, transform 250ms ease-in-out;
    width:0;
}
.sChartBarWrap::after{
	content:attr(data-count);
    position:absolute;
    left:1.25rem;
    top:-0.25rem;
    background:#f4a460;
    color:#201e1b;
    padding:0.125rem 0.25rem 0.125rem 0.25rem;
    border-radius:0.25rem;
    font-weight:bold;
    pointer-events:none;
	visibility:hidden;
	opacity:0;
	transition:all 250ms;
}
.sChartBarWrap:hover .sChartBar{filter:brightness(1.5);transform:scaleY(1.25)}
.sChartBarWrap:hover::after{visibility:visible;opacity:1}
.sReview{
	margin-top:1rem;
	text-align:left;
	padding:1rem;
	columns:auto;
	column-width:20rem;
	column-gap:3rem;
	column-rule:1px solid #543c22;
	background:#0b0a08ab;
	border-radius:1rem
}
.sReview p:first-of-type{margin-top:0}
.sMainWrap{
	padding:1rem 0 0 0;
	margin:0 auto;
	text-align:center;
	width:100%;
	min-width:0;
	max-width:62rem;
	box-sizing:border-box;
}
.sMapWrap{box-sizing:border-box;background:url("/img/load.webp") center top / contain no-repeat content-box}
.sMapImg,.sMapImg83,.sMapImg43{
	width:100%;
	vertical-align:top;
	aspect-ratio:16/9;
	object-fit:cover;
	object-position:center;
	height:auto;
	box-shadow:0 0 8px 2px var(--shd-hex,#0b0a08);
	will-change:transform;
	transition:all 250ms;
}
.sMapImg83{aspect-ratio:8/3}
.sMapImg43{aspect-ratio:4/3}
.sVideo,.sVideoNo,.sPano,.sPanoNo{
	display:block;
	width:100%;
	max-width:62rem;
	height:auto;
	border-radius:1rem;
}
.sVideo{aspect-ratio:16/9;box-shadow:0 0 8px 2px #0b0a08}
.sShot{
	position:relative;
	margin:auto;
	width:100%;
	max-width:var(--max-width,62rem);
	aspect-ratio:4/3;
	overflow:hidden;
	cursor:grab;
	user-select:auto;
	border-radius:1rem;
	box-shadow:0 0 8px 2px #0b0a08;
	touch-action:pan-y;
}
.sShotImg{
	flex:0 0 100%;
	display:block;
	width:100%;
	pointer-events:none;
	user-select:none;
	-webkit-user-drag:none;
}
.sShotAct{
	border:2px solid transparent;
	border-radius:1rem;
	box-sizing:border-box;
}
.sShotAct.on{border:2px solid #80501c}
.sShotMenu{
	position:fixed;
	z-index:2;
	padding:0.5rem 1rem 0.5rem 1rem;
	border:0.5rem solid #201e1b;
	border-radius:0.5rem;
	background:#30281f;
	box-shadow:0 0 8px 2px #0b0a08;
	white-space:nowrap;
}
.sShotMenu[hidden]{display:none}
.sShotSVG{
	position:absolute;
	top:50%;
	z-index:4;
	width:2rem;
	height:2rem;
	padding:0.25rem;
	background:#0b0a0800;
	border-radius:1rem;
	border:3px solid #80501c;
	fill:var(--font-color);
	cursor:pointer;
	transition:background 250ms ease, opacity 250ms ease;
	user-select:none;
	opacity:0;
}
.sShotSVG.prev{left:1rem;transform:translateY(-50%)}
.sShotSVG.next{right:1rem;transform:translateY(-50%) rotate(180deg)}
.sShot:hover .sShotSVG{opacity:0.5;background:#0b0a08ab}
.sShot:hover .sShotSVG:hover{opacity:1;background:#0b0a08ab}
.sPano{
	height:30rem;
	overflow:hidden;
	user-select:none;
	box-shadow:0 0 8px 2px #0b0a08;
	touch-action:pan-y;
	cursor:grab;
}
.sShot:active,.sPano:active,.sIdxVPort:active{cursor:grabbing}
.sTrack{
	display:flex;
	height:100%;
	will-change:transform
}
.sPanoImg{
	flex:0 0 100%;
	display:block;
	width:100%;
	max-width:30rem;
	height:100%;
	pointer-events:none;
	user-select:none;
	-webkit-user-drag:none;
}
.sPanoNo{position:relative;height:30rem}
.sVideoNoImg,.sPanoNoImg{
	filter:grayscale(60%) blur(0.25rem) brightness(65%);
	width:calc(100% - 1rem);
	max-width:61rem;
	object-fit:cover;
	object-position:center;
	height:auto;
	border-radius:1rem
}
.sVideoNoImg{aspect-ratio:16/9}
.sPanoNoImg{height:30rem}
.sVotesBG{
	filter:grayscale(60%) blur(0.25rem) brightness(65%);
	aspect-ratio:8/3;
	vertical-align:top;
	object-fit:cover;
	object-position:center;
	width:100%;
	height:auto;
	border-radius:1rem;
}
.sVotesBlk{position:relative}
.sVotesWrap{
	position:relative;
	margin:0.25rem auto;
	width:320px;
	height:64px;
	background:url("/img/excellent128.png") repeat-x;
	background-size:64px 128px;
	background-position:0 -64px
}
.sVotesRankBar{
	width:0;
	height:64px;
	background:url("/img/excellent128.png") repeat-x;
	background-size:64px 128px
}
.sVideoNo{position:relative;aspect-ratio:16/9}
.sNoTxt,.sOverlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:grid;
	align-items:center;
	justify-items:center;
}
.sOverlay{
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	&::-webkit-scrollbar{display:none}
	-ms-overflow-style:none;
	scrollbar-width:none;
}
.sNoTxt div,.sOverlayBlk{
	padding:1rem 2rem;
	background:#0b0a08ab;
	border-radius:1rem
}
.sMapDate{
	font-size:0.8rem;
	margin:auto;
	text-align:left;
	padding-left:1rem;
	max-width:var(--max-width,62rem);
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.sMapA{
	display:inline-block;
	width:100%;
	max-width:var(--max-width,62rem);
	transition:all 250ms;
}
.sMapA:focus img, .sMapA:hover img{filter:var(--img-focus)}
.sImg640,.sImg800,.sImgMax{border-radius:1rem}
.sImg640{max-width:40rem;}
.sImg800{max-width:50rem;}
.sImgMax{max-width:62rem;}
.sTop{
	position:sticky;
	display:inline-block;
	bottom:1.5rem;
	font-size:0.8rem;
	padding:0.5rem;
	border-radius:1rem;
	border:0.25rem solid #332f27;
	background:#1e1b17;
}
.sFlex,.sFlexHR1{
	display:flex;
	justify-content:center;
	align-items:var(--align,baseline);
	flex-wrap:var(--wrap,wrap);
}
.sFlexHR1{margin-top:1rem;border-top:1px solid #543c22}
.sMbrAvtr{
	position:sticky;
	top:1rem;
	margin:0.25rem 1rem 1.25rem 0;
	max-width:4rem;
	max-height:4rem;
}
.sMbrAvtr.own{cursor:pointer}
.sCmt{
	display:flex;
	gap:0;
	margin-bottom:1rem;
	padding-bottom:1rem;
}
.sCmtOpt{
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity 250ms;
}
.sCmt:hover .sCmtOpt.reg{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}
.sCmtAvt{flex-shrink:0;width:3rem}
.sCmtAvtImg{max-height:3rem}
.sCmtBody{width:100%}
.sCmtWho{
	display:flex;
	align-items:baseline;
	padding:0.25rem 0.5rem 0.25rem 1rem;
	background:#201e1b;
}
.sCmtPost{padding:0.5rem 0.5rem 0 1rem}
.sCmtWrap{padding-bottom:1rem}
.sPrvWrap{
	margin:0.5rem 0;
	border:1px solid #ff4900;
	border-radius:1rem;
}
#reactBar{
	position:absolute;
	border:0.25rem solid #332f27;
	border-radius:1rem;
	padding:0.125rem 0.5rem;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow:0 0 8px 2px #0b0a08;
	display:flex;
	background:#1e1b17;
	pointer-events:none;
	opacity:0;
	visibility:hidden;
	transition:opacity 250ms;
}
#reactors{
	position:absolute;
	top:0;
	border:2px solid #332f27;
	border-radius:0.75rem 0.75rem 0.75rem 0;
	padding:0.25rem 0.5rem;
	font-size:0.9rem;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow:0 0 8px 2px #0b0a08;
	background:#1e1b17;
	pointer-events:none;
	visibility:hidden;
	opacity:0;
	transition:opacity 250ms;
}
#mbrs{
	position:absolute;
	top:0;
	border:2px solid #332f27;
	border-radius:0.75rem 0.75rem 0.75rem 0;
	padding:0;
	font-family:var(--font-mono);
	font-feature-settings:"calt" 0,"liga" 0;
	font-variant-ligatures:none;
	font-size:0.8rem;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow:0 0 8px 2px #0b0a08;
	background:#1e1b17;
	pointer-events:none;
	visibility:hidden;
	opacity:0;
	transition:opacity 250ms;
}
#reactBar.act,#reactors.act,#mbrs.act{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}
.sCmtNm{
	max-width:16ch;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:0.5rem;
	transition:background 250ms ease;
	cursor:pointer;
}
.sCmtNm:hover{
	background:#332f27
}
.sCmtNm.act{
	color:#f4a460;
	background:#543c22
}
.sEmj{
	margin:0.125rem;
	width:2rem;
	height:2rem;
	background:url("/img/emoji64.webp") no-repeat;
	background-size:288px 32px;
	background-position:var(--bg-pos,0 0);
	background-origin:content-box;
	border-radius:0.25rem;
	border:1px solid transparent;
	transition:background 250ms;
}
.sEmj24{
	display:inline-block;
	vertical-align:bottom;
	margin:0.125rem;
	width:1.5rem;
	height:1.5rem;
	background:url("/img/emoji64.webp") no-repeat;
	background-size:216px 24px;
	background-position:var(--bg-pos,0 0);
	background-origin:content-box;
}
.sEmj:hover{background-color:#30281f;border:1px solid #543c22}
.sEmjBox{
	display:inline-block;
	margin:0.5rem 0.125rem;
	padding:0.125rem 0.5rem 0.125rem 0.125rem;
	border-radius:0.25rem;
	border:1px solid #332f27;
	background:#0b0a08;
	user-select:none;
	-webkit-user-select:none;
	transition:background 250ms;
}
.sEmjBox.reg{cursor:pointer}
.sEmjBox:hover{background:#1e1b17}
.cQuote{
	padding:0.5rem;
	font-size:0.9rem;
	font-style:italic;
	border-left:1px solid #30281f;
	background:linear-gradient(90deg, #0b0a08, transparent);
}
.sTbl{width:100%;border-collapse:collapse;box-sizing:border-box}
.sTbl th{background:#30281f}
.sTbl th,.sTbl td{
	padding:0.5rem 1rem;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #80501c;
	
}
.sTbl td{font-size:0.9rem}
.sTbl code{font-size:0.8rem;font-family:var(--font-mono)}
.sNote{
	position:fixed;
	bottom:1.5rem;
	left:1.5rem;
	padding:0.5rem;
	border-radius:2.5rem;
	border:0.25rem solid #332f27;
	background:#1e1b17;
	font-family:var(--font-mono);
	transition:all 500ms;
}
.sNote.but{
	display:flex;
	width:2rem;
	height:2rem;
	margin:auto;
}
.sNote.but b{
	width:100%;
	text-align:center;
	align-self:center;
	transition:opacity 2s;
}
.sNote.open{
	display:block;
	width:48rem;
	height:18rem;
}
.sNote.open b{
	position:absolute;
	visibility:hidden;
	opacity:0;
	pointer-events:none;
}
.sNote.but .act{
	visibility:hidden;
	opacity:0;
	transition:opacity 1s;
}
.sNote textarea{
	position:absolute;
	top:2rem;
	right:0;
	bottom:0;
	left:0;
	margin:0.5rem 0 2.5rem 0;
	padding:0 2rem 0 2rem;
	font-family:var(--font-mono);
	font-variant-ligatures:none;
	font-feature-settings:"calt" 0,"liga" 0;
	font-size:0.9rem;
	line-height:1.6;
	color:var(--font-color);
	border:0;
	background:transparent;
	resize:none;
	box-sizing:border-box;
}
.sFocus{animation:kfHighlight 2s ease}
.sHide{display:none}
.sCenter{margin:auto;text-align:center}
.sGridBust{grid-column:1/-1;width:100%}
.sMarginLeftAuto{margin-left:auto}
.sPad0101{padding:0 1rem}
.sPad1{padding:1rem}
.sPadTop05{padding-top:0.5rem}
.sPadTop1{padding-top:1rem}
.sNoWrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sOpacity0{opacity:0}
.sClip{overflow:hidden;text-overflow:ellipsis}
.sRed{color:#ff4900}
.sGreen{color:#38d05e}
.sDull{filter:grayscale(70%);opacity:0.5}
#overview.hide{transform:translateX(0%)}
.imgMember{max-width:100%}
/* 1904px wide */
@media all and (max-width:119em){
	#siteNote{display:none}
}
/* 1432px to 960px */
@media all and (max-width:89.5em) and (min-width:60em){
	.sIdxGrid >:nth-child(6){display:none}
}
/* 1196px to 960px */
@media all and (max-width:74.75em) and (min-width:60em){
	.sIdxGrid >:nth-child(5){display:none}
}
/* 1280px */
@media all and (max-width:80em){
	.sVotesWrap{
		margin:0.125rem auto;
		width:240px;
		height:48px;
		background-size:48px 96px;
		background-position:0 -48px
	}
	.sVotesRankBar{height:48px;background-size:48px 96px}
}
/* 896px */
@media all and (max-width:56em){
	.sSplit, .sSplitCenter{grid-template-columns:1fr}
	.s66Head{border-right:0}
	.s34Head{position:relative;padding-top:0;text-align:center}
	.sOrder1{order:1}
	.sOrder2{order:2}
	#infoBox,#overview{
		position:fixed;
		top:7.5rem;
		right:0;
		padding:0.5rem 2rem 1rem 1.5rem;
		max-width:22rem;
		max-height:calc(100% - 12rem);
		border-radius:2em 0 0 2em;
		border:0.5rem solid #201e1b;
		border-right:0;
		background:#30281fee;
		overflow-y:auto;
		transition:transform 250ms ease-in-out;
	}
	#overview{padding:1rem;z-index:1}
	#ovTog{display:block}
	#ovTog.index{
		top:9rem;
		bottom:unset;
		z-index:1;
	}
	.iBoxHide #infoBox{display:block;transform:translateX(100%)}
	#overview.hide{transform:translateX(100%)}
	#overview.idx{padding-top:0}
}
/* 736px */
@media all and (max-width:46em){
	#sMenuP1{display:none}
	#sMenuP2{padding-left:1rem}
}
/* 496px */
@media all and (max-width:31em){
	.sIdxGrid >:nth-child(n+5){display:none}
	.sIdxTW{font-size:1rem}
	.sIdxVNav{top:44cqw};
	.sIdxVImg{aspect-ratio:2/1}
	.sIdxVDot{width:0.75rem;height:0.75rem;border-radius:0.25rem}
	#sMenuBox .sHref{padding:0.5rem 0}
	#sMenuBox{padding:0}
	.sMenuL{
		grid-template-columns:repeat(auto-fit,12ch);
		padding:0 0.5rem 0.5rem 0
	}
}