/*
	Fantasy Theme
	[2022 Wikidot Theme]
	Created for SCP財団 by MikuKaneko
	Based on Futured Theme by MikuKaneko
	Licensed under the CC-BY SA 3.0
*/

/* Font Import */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Murecho:wght@400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");

:root {
	/* Header Config */
	--logo-image: url("/api/css-proxy?url=https%3A%2F%2Fscp-jp-storage.wdfiles.com%2Flocal--files%2Ffile%253A3438721-224-z17t%2Fscpjp_logo_white.svg");
	--header-title: "SCP財団";

	/* Size Config */
	--header-height: 8.75rem;
	--sidebar-width: calc(var(--base-font-size) * 13.9);

	/* Font Config */
	--body-font: "Atkinson Hyperlegible", sans-serif;
	--header-font: "Poppins", "Murecho", sans-serif;
	--title-font: "Atkinson Hyperlegible", "Murecho", sans-serif;
	--mono-font: "Roboto Mono", monospace;
	--base-font-size: .9375rem;
	--header-title-font-size: calc(var(--base-font-size) * 2.7);
	--title-font-size: clamp(var(--base-font-size), -0.667rem + 6.84vw, calc(var(--base-font-size) * 2));
	--label-font-size: calc(var(--base-font-size) * .86);

	/* Color Config*/
	--hue: 0deg;
	--background-color: var(--hue), 39%, 9%;
	--on-background-color: var(--hue), 13%, 87%;
	--primary-color: var(--hue), 70%, 70%;
	--on-primary-color: var(--hue), 16%, 16%;
	--secondary-color: calc(var(--hue) + 39deg), 27%, 64%;
	--on-secondary-color: calc(var(--hue) + 39deg), 39%, 4%;
	--accent-color: calc(var(--hue) + 150deg), 70%, 50%;
	--on-accent-color: calc(var(--hue) - 80deg), 10%, 60%;
	--subtle-color: var(--hue), 19%, 33%;
	--on-subtle-color: var(--hue), 9%, 93%;
}

/* Hide Element */
#header h1 a span, #header h2, #search-top-box, #top-bar, #login-status #my-account, #login-status a[href="https://www.wikidot.com/account/messages"] > strong, #side-bar, #page-title, .sigma-side, #avatar-hover-container {
	display: none !important;
}

/* General Element */
html {
	scroll-behavior: smooth;
}
body {
	background-color: hsl(var(--background-color));
	color: hsl(var(--on-background-color));
	font-family: inherit;
	font-size: var(--base-font-size);
	line-height: 1.5;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
}
#extra-div-1 {
	background-image: url("/api/css-proxy?url=https%3A%2F%2Fscp-jp-storage.wdfiles.com%2Flocal--files%2Ffile%253A7657035-80-1cd6%2F3000JP_Kota-2_2_16_9.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	left: 0;
	opacity: .1;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: -1;
}
html, body, blockquote, li, ol, p, ul, table, tbody, tfoot, button, input, label {
	font-family: var(--body-font);
}
pre, code, tt, textarea, .page-source {
	font-family: var(--mono-font);
}
h1, h2, h3, h4, h5, h6, .meta-title {
	font-family: var(--title-font);
}
h1 {
	color: hsl(var(--primary-color));
	font-size: max(var(--title-font-size), var(--base-font-size));
	font-weight: 700;
	line-height: 1.25;
}
h2 {
	font-size: max(var(--title-font-size), var(--base-font-size));
	font-weight: 600;
	line-height: 1.25;
}
h3 {
	font-size: max(calc(var(--title-font-size) * .8), var(--base-font-size));
	font-weight: 600;
	line-height: 1.2;
}
h4 {
	font-size: max(calc(var(--title-font-size) * .65), var(--base-font-size));
	font-weight: 600;
	line-height: 1.33;
}
h5 {
	font-size: max(calc(var(--title-font-size) * .57), var(--base-font-size));
	font-weight: 600;
}
h6 {
	font-size: max(calc(var(--title-font-size) * .57), var(--base-font-size));
	font-weight: 500;
}
li, p {
	line-height: 1.5;
}
a {
	color: hsl(var(--primary-color));
}
a.newpage {
	color: hsl(var(--accent-color));
}
hr {
	background-color: transparent;
	background-image: -o-linear-gradient(to right, hsl(var(--primary-color)), hsl(var(--primary-color)) 100%, transparent 100%, transparent);
	background-image: linear-gradient(to right, hsl(var(--primary-color)), hsl(var(--primary-color)) 100%, transparent 100%, transparent);
	background-position: center;
	background-repeat: no-repeat;
	background-size: calc(100% - 2em);
	border-left: solid 1em hsl(var(--primary-color));
	border-right: solid 1em hsl(var(--primary-color));
	margin: 1em 2em;
}
blockquote, div.blockquote, code, .code, #toc, .page-source {
	background: hsl(var(--subtle-color));
	border-bottom: solid 1px hsl(var(--primary-color));
	border-left: none;
	border-right: none;
	border-top: solid 1px hsl(var(--primary-color));
	color: hsl(var(--on-subtle-color));
}
blockquote blockquote, div.blockquote div.blockquote {
	background: hsla(var(--background-color), 39%);
}
.ruby, ruby {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	height: 1em;
	line-height: inherit;
	text-align: justify;
	vertical-align: bottom;
}
.rt, rt {
	display: inline-block;
	font-size: .5em;
	height: 2em;
	line-height: inherit;
	text-align: justify;
	width: 100%;
}

/* Input */
#main-content .btn, table.page-history td.optionstd a, a.action-area-close, div.buttons input, input.button, button, file, a.button, .owindow .close, .owindow .button-bar a {
	background: hsl(var(--backgroud-color));
	border: solid 1px hsl(var(--subtle-color));
	border-bottom: solid 2px hsl(var(--primary-color));
	color: hsl(var(--on-backgroud-color));
	font-size: var(--label-font-size);
	padding: .2em .5em;
	white-space: nowrap;
}
#main-content .btn:hover, table.page-history td.optionstd a:hover, .action-area-close:hover, div.buttons input:hover, input.button:hover, button:hover, a.button:hover, .owindow .close:hover, .owindow .button-bar a:hover {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
	text-decoration: none;
}
input.button.disabled, div.buttons input.disabled {
	background: hsl(var(--subtle-color));
	color: hsl(var(--on-subtle-color));
}
input.button.disabled:hover, div.buttons input.disabled:hover {
	background: hsl(var(--subtle-color));
	color: hsl(var(--on-subtle-color));
}
input.checkbox {
	background: hsl(var(--background-color));
	color: hsl(var(--on-background-color));
}
input.text {
	background: hsl(var(--background-color));
	border: 1px solid hsl(var(--subtle-color));
	color: hsl(var(--on-background-color));
}
input.text.invalid {
	border-color: hsl(var(--accent-color));
}
textarea {
	background: hsl(var(--background-color));
	border: 1px solid hsl(var(--subtle-color));
	color: hsl(var(--on-background-color));
	padding: .1em;
}

/* Selection */
::-moz-selection {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}
::selection {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}

/* Scrollbar */
::-webkit-scrollbar {
	border: none;
	height: calc(var(--base-font-size) * .39);
	width: calc(var(--base-font-size) * .39);
}
::-webkit-scrollbar-thumb {
	background: hsl(var(--secondary-color));
}
::-webkit-scrollbar-track {
	background: none;
}
body {
	scrollbar-color: hsl(var(--secondary-color)) transparent;
	scrollbar-width: calc(var(--base-font-size) * .39);
}

/* Wikidot & Custom Element */
#breadcrumbs {
	font-size: var(--label-font-size);
	text-align: center;
	margin: 1em 0 0;
}
table.wiki-content-table th {
	background: hsl(var(--primary-color));
	border: solid 1px hsl(var(--subtle-color));
	color: hsl(var(--on-primary-color));
}
table.wiki-content-table td {
	border: solid 1px hsl(var(--subtle-color));
}
table[style="margin:0; padding:0"] {
	margin: 0 auto !important;
}
#toc-list {
	padding: 0 .5em;
}
.printuser a {
	margin: 0;
}
.printuser img.small {
	background-size: calc(var(--label-font-size) * 2) auto;
	display: inline;
	height: var(--label-font-size);
	padding: 0 0 0 calc(var(--label-font-size) * .5);
	vertical-align: unset;
	width: var(--label-font-size);
}
.error-inline, .error-block, .warning-block {
	border: solid 1px hsl(var(--accent-color));
	color: hsl(var(--accent-color));
}
.help-block {
	border: solid 1px hsl(var(--secondary-color));
	color: hsl(var(--on-background-color));
}

/* Wrapper */
div#container-wrap {
	background: none;
}
#content-wrap {
	margin: 0 auto;
	max-width: 43.9rem;
	min-height: unset;
}
#main-content {
	margin: 0;
	max-width: unset;
	padding: 0 calc(var(--base-font-size) * 1.5);
}
#page-content {
	font-size: inherit;
}

/* Navigation Element */
#header {
	background: none;
	height: var(--header-height);
	padding: 0;
	max-width: unset;
	width: 100%;
}
#header h1 {
	display: block;
	float: none;
	height: 100%;
	margin: 0;
	max-height: unset;
	text-align: center;
	width: 100%;
}
#header h1 a {
	color: hsl(var(--on-background-color));
	display: block;
	font-family: var(--header-font);
	font-size: clamp(calc(var(--title-font-size) * 1.5), .778rem + 2.96vw, calc(var(--title-font-size) * 3.9));
	height: 100%;
	letter-spacing: unset;
	line-height: calc(var(--header-height) + var(--base-font-size) * 2);
	max-height: unset;
	padding: 0;
	text-shadow: none;
	white-space: nowrap;
}
#header h1 a::before {
	content: var(--header-title);
}
#header-extra-div-1 {
	background-image: var(--logo-image);
	background-position: center 39%;
	background-repeat: no-repeat;
	background-size: auto 93%;
	height: 100%;
	opacity: .39;
	position: absolute;
	top: var(--base-font-size);
	width: 100%;
	z-index: -1;
}
#login-status {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 0;
	height: calc(var(--base-font-size) * 2.25);
	padding: 10px 0 0;
	top: 0;
}
#login-status > a::before {
	display: inline-block;
	font-family: "FontAwesome";
	font-size: calc(var(--base-font-size) * 1.5);
	padding: 0 .2em;
}
#login-status .printuser img.small {
	background: none !important;
	display: block;
	height: calc(var(--base-font-size) * 1.5);
	padding: 0;
	width: calc(var(--base-font-size) * 1.5);
}
#login-status .login-status-create-account::before {
	content: "\f067";
}
#login-status .login-status-sign-in::before {
	content: "\f090";
}
#login-status #account-topbutton {
	border: none;
	color: hsl(var(--subtle-color));
	margin-left: 0;
	padding: 0;
}
#login-status #account-topbutton::before {
	content: "\f0d7";
	font-size: var(--label-font-size);
}
#login-status a[href="https://www.wikidot.com/account/messages"] + #account-topbutton::before {
	color: hsl(var(--accent-color));
	content: "\f0f3";
}
#login-status #account-options {
	font-size: var(--label-font-size);
	top: calc(var(--label-font-size) * 2);
}
#login-status ul a, #login-status ul a:hover {
	background: hsl(var(--background-color));
	color: hsl(var(--primary-color));
}

/* Sidebar */
.side-wrap {
	list-style: none;
	margin: 0;
	padding: 0;
}
.side-link {
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	padding: 10px;
	position: fixed;
	z-index: 10;
}
li.unfolded .side-link {
	background: none;
	height: 100%;
	padding: 0;
	width: 100%;
}
.side-link a {
	background: hsl(var(--background-color));
	border: solid 1px hsl(var(--primary-color));
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: hsl(var(--on-background-color));
	display: block;
	font-family: "FontAwesome";
	font-size: 0;
	height: calc(var(--base-font-size) * 2.25);
	line-height: 1.5;
	text-align: center;
	width: calc(var(--base-font-size) * 2.25);
}
.side-link a::before {
	content: "\f0c9";
	font-size: calc(var(--base-font-size) * 1.5);
}
.side-link a:hover {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
	text-decoration: none;
}
li.unfolded .side-link a, li.unfolded .side-link a:hover {
	background: none;
	border: none;
	color: transparent;
	height: 100%;
	width: 100%
}
li.unfolded .side-link a::before {
	font-size: 0;
}
.side-bar {
	background: hsl(var(--background-color));
	bottom: calc(var(--base-font-size) * 2.25 + 20px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100vh;
	overflow-y: auto;
	position: fixed;
	top: 0;
	-webkit-transition: left 1s ease-in-out;
	-o-transition: left 1s ease-in-out;
	transition: left 1s ease-in-out;
	width: var(--sidebar-width);
	z-index: 10;
}
li.folded .side-bar {
	left: calc(-1 * var(--sidebar-width));
}
li.unfolded .side-bar {
	left: 0;
}
.side-block {
	padding: .5em;
}
.side-block .heading, #interwiki .heading {
	border-bottom: solid 1px hsl(var(--on-background-color));
	font-size: var(--label-font-size);
	margin: 0 0 .5em;
	padding: 0 0 0 .5em;
}
.side-block .menu-item, #interwiki .menu-item {
	margin: 0;
	padding: .1em .39em;
}
.side-block .twitter a::before {
	content: "\f099";
	font-family: "FontAwesome";
}

/* Interwiki */
.interwiki p {
	margin: 0;
}
#interwiki .side-block {
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}
#interwiki .heading {
	color: hsl(var(--on-background-color));
	font-weight: normal;
}
#interwiki .menu-item img {
	display: none;
}
#interwiki .menu-item a {
	font-weight: normal;
}

/* Bottom Link */
.bottom-link {
	background: hsl(var(--background-color));
	border: solid 1px hsl(var(--primary-color));
	bottom: calc(var(--base-font-size) * .5);
	color: hsl(var(--on-background-color));
	display: block;
	font-size: calc(var(--base-font-size) * 1.5);
	height: calc(var(--base-font-size) * 2.25);
	line-height: 1.5;
	right: calc(var(--base-font-size) * .5);
	position: fixed;
	text-align: center;
	width: calc(var(--base-font-size) * 2.25);
}
.bottom-link:hover {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
	text-decoration: none;
}

/* Meta Title */
.meta-title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: hsl(var(--on-background-color));
	display: block;
	font-size: var(--title-font-size);
	font-weight: 700;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 2;
	margin: calc(var(--title-font-size) * .5) 0;
	text-align: center;
	white-space: nowrap;
}

/* Rate Module */
#main-content .page-rate-widget-box {
	border: solid 1px hsl(var(--subtle-color));
	border-bottom: solid 2px hsl(var(--primary-color));
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	margin: 0 0 .5em;
}
#main-content .page-rate-widget-box * {
	background: none;
	border: none;
	border-radius: 0;
	-webkit-box-sizing: unset;
	box-sizing: unset;
	color: hsl(var(--on-background-color));
	display: inline-block;
	font-family: inherit;
	font-size: inherit;
	height: unset;
	margin: 0;
	padding: 0;
}
#main-content div.page-rate-widget-box .rate-points, #main-content .page-rate-widget-box a {
	padding: 0 .5em;
}
#main-content .page-rate-widget-box a:hover, #main-content .page-rate-widget-box a:active {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}

/* Credit Module */
#main-content .page-rate-widget-box a::before {
	display: none;
}
#main-content .creditRate {
	display: block;
	float: none;
	margin: 0 0 .5em;
	text-align: center;
}
#main-content .creditRate .rateBox {
	display: inline-block;
}
#main-content .rate-box-with-credit-button {
	border-radius: 0;
	display: inline-block;
	height: unset;
	min-width: unset;
}
#main-content .rate-box-with-credit-button .page-rate-widget-box {
	margin: 0;
}
#main-content .rate-box-with-credit-button .creditButton {
	background: none;
	border: solid 1px hsl(var(--subtle-color));
	border-bottom: solid 2px hsl(var(--primary-color));
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	font-size: inherit;
	height: unset;
	margin: 0 0 0 .2em;
	width: unset;
}
#main-content .creditButton a {
	color: hsl(var(--on-background-color));
	display: inline-block;
	font-size: inherit;
	line-height: inherit;
	padding: 0 .6em;
	width: unset;
}
#main-content .creditButton a:hover, #main-content .creditButton a:active {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}
#main-content #u-credit-view, #main-content #u-credit-otherwise {
	-webkit-animation: none;
	animation: none;
}
#main-content .fader {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: none;
}
#main-content .modalcontainer {
	height: -webkit-min-content;
	height: -moz-min-content;
	height: min-content;
	max-width: 100vw;
	min-width: unset;
	width: calc(var(--base-font-size) * 39);
}
#main-content .modalbox {
	background-color: hsl(var(--background-color));
	border: solid 1px hsl(var(--subtle-color));
	border-top: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: unset;
	min-height: unset;
	min-width: unset;
}
#main-content .modalbox:after {
	display: none;
}
#main-content .modalbox .modalbox-title {
	background: hsl(var(--primary-color));
	border-radius: 0;
	margin-bottom: 0;
	min-height: unset;
}
#main-content .modalbox .credit {
	height: 30vh;
	overflow: hidden auto;
	margin: 0;
	padding: 1em 2em;
}
#main-content .creditBottomRate {
	position: unset;
}
#main-content .credit-license a.cc {
	color: hsl(var(--on-background-color));
}
#main-content .creditRate.no-rate .page-rate-widget-box {
	display: none;
}

/* Tab */
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav {
	border: none;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 1em .5em;
	width: calc(100% - 2em);
}
.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li, .yui-navset-bottom .yui-nav li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: block;
	margin: .2em .3em;
	padding: 0;
	text-align: center;
	vertical-align: unset;
}
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected, .yui-navset .yui-navset-bottom .yui-nav .selected {
	margin: .2em .3em;
}
.yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a {
	background: none;
	border: solid 1px hsl(var(--subtle-color));
	border-bottom: solid 2px hsl(var(--primary-color));
	border-radius: 0;
	color: hsl(var(--on-background-color));
	display: block;
	padding: .5em 1em;
}
.yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover {
	background: hsl(var(--subtle-color));
	color: hsl(var(--on-subtle-color));
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
	background: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}
.yui-navset .yui-nav .selected a {
	border: solid 1px hsl(var(--primary-color));
	border-bottom-width: 2px;
}
.yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {
	border: none;
	padding: 0;
	position: static;
}
.yui-navset .yui-nav .selected a em {
	background: none;
	padding: 0;
}
.yui-navset .yui-content {
	background: transparent;
	border: none;
	border-top: solid 1px hsl(var(--subtle-color));
	color: unset;
	padding: 1em;
}

/* Pager */
.pager a {
	background: hsl(var(--backgroud-color));
	border: solid 1px hsl(var(--primary-color));
	color: hsl(var(--on-backgroud-color));
	font-size: var(--label-font-size);
	padding: .2em .5em;
	white-space: nowrap;
}
.pager a:hover {
	background: hsl(var(--subtle-color));
	color: hsl(var(--on-subtle-color));
	text-decoration: none;
}
.pager .current {
	background: hsl(var(--primary-color));
	border: solid 1px hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
	font-size: var(--label-font-size);
	padding: .2em .5em;
}

/* Page Tags */
#main-content .page-tags {
	margin: 1.5em 0 0;
}
.page-tags span {
	border-top: solid 1px hsl(var(--subtle-color));
	font-size: var(--label-font-size);
}
.page-tags a {
	margin: 0 .3em 0 .1em;
}
.page-tags a::before {
	content: "#";
}

/* Page Options */
#page-info, .page-watch-options {
	font-size: var(--label-font-size);
}
.page-options-bottom {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: unset;
	line-height: 1.5;
	margin: 0;
	text-align: center;
}
.page-options-bottom a {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
#revision-list tr:first-child td, #revision-list td:nth-child(2), #revision-list td:nth-child(4) {
	white-space: nowrap;
}
table.page-compare td, table.page-compare th {
	border: solid 1px hsl(var(--subtle-color));
}

/* Footer */
#footer {
	background: hsl(var(--secondary-color));
	color: hsl(var(--on-secondary-color));
	font-size: .5em;
	text-align: center;
}
#footer .options {
	display: inline-block !important;
	float: none;
	width: unset;
}
#footer .options::after {
	content: "|";
}
#footer a {
	color: hsl(var(--on-secondary-color));
}
#license-area {
	color: hsl(var(--on-background-color));
	font-size: var(--label-font-size);
}

/* Others */
#action-area-top div, .alert, #lock-info {
	background: hsl(var(--background-color));
	border: solid 1px hsl(var(--subtle-color));
	color: hsl(var(--on-background-color));
	font-size: var(--label-font-size);
}
.odialog-shader {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: none;
	opacity: 1;
	pointer-events: none;
}
.odialog-shader-iframe {
	display: none !important;
}
.owindow {
	background-color: hsl(var(--background-color));
	border: solid 1px hsl(var(--subtle-color));
	border-top: none;
	height: -webkit-min-content;
	height: -moz-min-content;
	height: min-content;
	max-width: 100vw;
	width: calc(var(--base-font-size) * 39) !important;
}
.owindow .title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: hsl(var(--primary-color));
	border-radius: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: var(--title-font-size);
	font-weight: 600;
	height: unset;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.25;
	padding: .5em 0 .4em;
}
.owindow .content {
	height: 30vh;
	overflow: hidden auto;
	margin: 0;
	padding: 1em 2em;
}
.owindow .content img {
	background: none !important;
}
.hovertip {
	background-color: hsl(var(--background-color)) !important;
	border: solid 1px hsl(var(--subtle-color)) !important;
	color: hsl(var(--on-background-color));
	font-size: var(--label-font-size);
}
.hovertip .title {
	background-color: hsl(var(--primary-color));
	color: hsl(var(--on-primary-color));
}
.flag-user-ok, .flag-user-abusive {
	display: inline-block;
}

/* Result */
.result {
	text-align: center;
	margin-bottom: 2em;
}
.result.first {
	font-size: 1.2em;
}
.result .prize {
	font-size: 1.2em;
}
.result .entry {
	font-size: 1.5em;
}