html.hg-age-gate-required body > * { visibility: hidden; }
html.hg-age-gate-required body > #hg-age-gate { visibility: visible; }
#hg-age-gate { position: fixed; z-index: 2147483646; inset: 0; display: grid; place-items: center; box-sizing: border-box; padding: 24px; background: rgba(3, 7, 12, .94); color: #edf2f7; font-family: inherit; }
.hg-age-gate__panel { width: min(100%, 460px); box-sizing: border-box; border: 1px solid #3a4658; border-radius: 20px; padding: 32px; background: linear-gradient(145deg, #161e2a, #0f151f); box-shadow: 0 24px 72px rgba(0, 0, 0, .58); text-align: center; }
.hg-age-gate__mark { display: inline-grid; width: 58px; height: 58px; place-items: center; border: 1px solid rgba(245, 196, 74, .66); border-radius: 50%; color: #f6cf61; font-size: 25px; font-weight: 800; }
.hg-age-gate h1 { margin: 18px 0 10px; color: #f8fafc; font-size: 26px; line-height: 1.3; }
.hg-age-gate p { margin: 0; color: #aeb8c8; font-size: 14px; line-height: 1.75; }
.hg-age-gate__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
.hg-age-gate__enter, .hg-age-gate__leave { min-height: 46px; border-radius: 12px; font: inherit; font-size: 14px; font-weight: 800; white-space: nowrap; cursor: pointer; }
.hg-age-gate__enter { border: 1px solid #40cc92; background: #40cc92; color: #07130f; }
.hg-age-gate__leave { border: 1px solid #455367; background: transparent; color: #d6deea; }
.hg-age-gate__legal { display: inline-block; margin-top: 18px; color: #f3cf6a; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 480px) { #hg-age-gate { padding: 18px; } .hg-age-gate__panel { border-radius: 18px; padding: 28px 22px; } .hg-age-gate h1 { font-size: 23px; } .hg-age-gate__enter, .hg-age-gate__leave { font-size: 13px; } }