/**
 * Okno weryfikacji wieku (RSD_Age_Gate) — kolory Dragons Fireworks.
 * Część „wspólne” jest taka sama w motywach Dragon, Monstrum i Ultras Army; różnią się tylko zmienne --age-*.
 */
:root {
	--age-overlay: rgba(4, 6, 4, .92);
	--age-panel: #0d100d;
	--age-border: 1px solid #2f362c;
	--age-shadow: 0 0 0 1px rgba(168, 255, 0, .08), 0 30px 80px rgba(0, 0, 0, .7);
	--age-radius: 0;
	--age-radius-sm: 0;
	--age-title: #f3f5ee;
	--age-title-weight: 800;
	--age-text: #f3f5ee;
	--age-text-2: #c6cbc2;
	--age-muted: #8a9087;
	--age-line: #2f362c;
	--age-accent: #a8ff00;
	--age-accent-hover: #c4ff4d;
	--age-accent-text: #0a0d07;
	--age-badge-bg: #a8ff00;
	--age-badge-text: #0a0d07;
	--age-link: #a8ff00;
	--age-display: var(--drg-display, "Barlow Condensed", Impact, sans-serif);
	--age-body: var(--drg-body, "DM Sans", Arial, sans-serif);
}

/* ---------------------------------------------------------------- wspólne (RSD_Age_Gate) */
.rsd-age-pending { overflow: hidden; }
.rsd-age-pending body { overflow: hidden; }
.rsd-age-pending .rsd-age { display: grid; }
.rsd-age {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	place-items: center;
	padding: 18px;
	background: var(--age-overlay);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	font-family: var(--age-body);
	color: var(--age-text);
}
.rsd-age__box {
	width: min(100%, 460px);
	background: var(--age-panel);
	border: var(--age-border);
	box-shadow: var(--age-shadow);
	border-radius: var(--age-radius);
	padding: 34px 30px 26px;
	text-align: center;
}
.rsd-age__logo img { max-height: 64px; width: auto; margin: 0 auto 18px; display: block; }
.rsd-age__badge {
	display: inline-block;
	margin: 0 0 14px;
	padding: 6px 12px;
	background: var(--age-badge-bg);
	color: var(--age-badge-text);
	border-radius: var(--age-radius-sm);
	font: 800 20px/1 var(--age-display);
	letter-spacing: .5px;
}
.rsd-age .rsd-age__title {
	margin: 0 0 12px;
	color: var(--age-title);
	font: var(--age-title-weight) 34px/1.05 var(--age-display);
	text-transform: uppercase;
	letter-spacing: .3px;
}
.rsd-age__text { margin: 0 0 22px; color: var(--age-text-2); font-size: 15px; line-height: 1.55; }
.rsd-age__actions { display: grid; gap: 10px; }
.rsd-age .rsd-age__yes,
.rsd-age .rsd-age__no {
	width: 100%;
	min-height: 50px;
	border-radius: var(--age-radius-sm);
	cursor: pointer;
	font: 700 15px/1 var(--age-body);
	letter-spacing: 1px;
	text-transform: uppercase;
	box-shadow: none;
}
.rsd-age .rsd-age__yes { background: var(--age-accent); color: var(--age-accent-text); border: 1px solid var(--age-accent); }
.rsd-age .rsd-age__yes:hover, .rsd-age .rsd-age__yes:focus-visible { background: var(--age-accent-hover); border-color: var(--age-accent-hover); color: var(--age-accent-text); }
.rsd-age .rsd-age__no { background: transparent; color: var(--age-title); border: 1px solid var(--age-line); }
.rsd-age .rsd-age__no:hover, .rsd-age .rsd-age__no:focus-visible { border-color: var(--age-muted); background: transparent; color: var(--age-title); }
.rsd-age button:focus-visible { outline: 2px solid var(--age-accent); outline-offset: 3px; }
.rsd-age__small { margin: 18px 0 0; color: var(--age-muted); font-size: 12px; line-height: 1.5; }
.rsd-age__small a { color: var(--age-link); }

@media (max-width: 480px) {
	.rsd-age__box { padding: 26px 20px 20px; }
	.rsd-age .rsd-age__title { font-size: 28px; }
}
