/* src/common/template/src/web/app/age-gate.css の写し（2026-11-10）。直すときは template を直してから写す */
/* 年齢の確認（g-age-gate）。仕様: docs/common/template/ui-components.md §3.17 */
.g-age-locked body > *:not(.g-age-gate) { filter: blur(14px); pointer-events: none; user-select: none; }
.g-age-locked { overflow: hidden; }
.g-age-gate { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center;
  padding: 16px; background: rgba(0, 0, 0, .55); }
.g-age-box { max-width: 420px; width: 100%; text-align: center; padding: 24px; }
.g-age-box h2 { margin: 0 0 10px; font-size: 1.3rem; }
.g-age-box p { margin: 0 0 18px; color: var(--g-text-muted); }
.g-age-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }