/* Age restriction modal styles */ .age-modal-backdrop { position: fixed; inset: 0; z-index: 60; background: rgba(15, 23, 42, 0.72); display: flex; align-items: center; justify-content: center; padding: var(--space-4); } .age-modal-backdrop--hidden { display: none; } .age-modal { width: 100%; max-width: 460px; background: radial-gradient(circle at top left, rgba(6, 182, 212, 0.12) 0, #ffffff 40%, #ffffff 100%); border-radius: var(--radius-xl); padding: var(--space-6) var(--space-5); box-shadow: var(--shadow-lg); } .age-modal-header { margin-bottom: var(--space-4); } .age-modal-header .pill { margin-bottom: var(--space-2); } .age-modal h2 { font-size: var(--font-size-2xl); } .age-modal-body p { font-size: var(--font-size-sm); } .age-modal-actions { display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-4); } .age-modal-actions .btn { width: 100%; justify-content: center; } @media (min-width: 480px) { .age-modal-actions { flex-direction: row; } } /* When modal is active, prevent body scroll (class toggled via JS on ) */ .body-age-locked { overflow: hidden; }