/* 18+ click-through gate. Matches the page palette and type. */
html.gated body > :not(.gate) { visibility: hidden; }
html.gated, html.gated body { overflow: hidden; }
.gate { display: none; }
html.gated .gate { display: grid; position: fixed; inset: 0; z-index: 9999; place-items: center; padding: var(--gut); background: var(--paper); color: var(--ink); }
.gate-box { width: min(440px, 100%); text-align: center; }
.gate-word { margin: 0 0 .1em; font: 900 clamp(64px, 18vw, 140px)/.9 var(--display); letter-spacing: -.02em; }
.gate-sub { margin: 0 0 28px; color: var(--ink-2); font: 500 15px/1.5 var(--body); }
.gate-actions { display: grid; gap: 12px; }
.gate-btn { appearance: none; border: 1px solid var(--ink); border-radius: 999px; padding: 16px 22px; font: 600 16px/1 var(--body); cursor: pointer; background: var(--ink); color: var(--paper); text-align: center; }
.gate-btn.out { background: transparent; color: var(--ink); }
.gate-fine { margin: 22px 0 0; color: var(--mute); font: 400 12px/1.5 var(--body); }