body[data-age-check] { overflow: hidden; }
body[data-age-check] > :not(#age-check) { visibility: hidden; }
#age-check {
  position: fixed;
  inset: 0;
  box-sizing: border-box;
  width: min(440px, calc(100% - 2rem));
  max-height: calc(100% - 2rem);
  margin: auto;
  padding: clamp(1.4rem, 5vw, 2.5rem);
  border: 1px solid var(--site-line);
  border-radius: 20px;
  background: var(--site-panel);
  color: var(--site-text);
  font: 400 1rem/1.5 system-ui, sans-serif;
}
#age-check::backdrop { background: #101215; }
#age-check h1 { margin: .7rem 0 .35rem; font-size: 2rem; letter-spacing: -.05em; }
#age-check p { margin: 0 0 1.2rem; color: var(--site-muted); }
.age-check-badge { display: inline-block; padding: .25rem .65rem; border-radius: 7px; background: var(--site-yellow); color: var(--site-yellow-ink); font-weight: 800; }
.age-check-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.age-check-actions button { cursor: pointer; }