/* ------------------------------------------------------------------
   TERMS-OF-SERVICE GATE (see inc-tos-gate.php)
   Full-screen layer that looks like the old Adults Only entrance page.
   The logo, yes/no buttons and terms box reuse the theme's own
   .logo / .enter-yesno / .enter-terms rules from main.css.
   ------------------------------------------------------------------ */

/* Very old browsers without <template> support would otherwise render it */
template {
	display: none;
}

/* Lock the page underneath while the gate is up */
html.f911-gate-open,
html.f911-gate-open body {
	overflow: hidden;
}

.f911-gate {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	/* Opaque, and reuses the body's graph-paper pattern from main.css */
	background-color: #0f0f0f;
	background-image: inherit;
}

/* Content sits above the vignette */
.f911-gate-scroll {
	position: relative;
	z-index: 1;
	min-height: 100%;
}

/* The theme's .bg vignette is z-index:-1 (behind the page). Inside the gate
   it has to sit above the gate's own background, under the content. */
.f911-gate .bg {
	z-index: 0;
}

/* .glitch / .ekg are absolutely positioned inside the logo block */
.f911-gate .logo {
	position: relative;
}