/**
 * Strict-mode skeleton styles — the "Verifying your age..." loading card that
 * renders before the gate JS decides whether to show the gate UI or reveal
 * the underlying content. Loaded only on the gatekeeper skeleton page (see
 * templates/gatekeeper.php); uses --aw-* CSS custom properties emitted by
 * the appearance-settings inline block on the same handle.
 */

body,
html {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: var( --aw-bg, #0c0a14 );
}

.aw-spinner {
	width: 40px;
	height: 40px;
	border: 4px solid rgba( 255, 255, 255, 0.1 );
	border-left-color: var( --aw-purple, #9d70c9 );
	border-radius: 50%;
	animation: aw-spin 1s linear infinite;
	margin: 0 auto 15px auto;
}

@keyframes aw-spin {
	0%   { transform: rotate( 0deg ); }
	100% { transform: rotate( 360deg ); }
}

.aw-gate__card.aw-skeleton-card {
	min-height: 200px;
	justify-content: center;
}