.age-gate{position:fixed;inset:0;margin:auto;width:calc(100% - 32px);max-width:480px;max-height:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:clamp(24px,6vw,44px);border:1px solid #494047;border-radius:24px;background:#181818;color:#F4F0F2;text-align:center;font-family:Manrope,system-ui,sans-serif;box-shadow:0 24px 80px #0008}
.age-gate::backdrop{background:rgba(0,0,0,.88)}
.age-gate-brand{margin-bottom:24px;color:#E8559B;font-family:var(--disp);font-size:22px;font-weight:700}
.age-gate h2{margin:0 0 16px;font-size:clamp(26px,6vw,34px);line-height:1.2}
.age-gate h2:focus{outline:none}
.age-gate p{margin:0;color:#D4CFD2;font-size:15px;line-height:1.7}
.age-gate-actions{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.age-gate button{min-height:48px;padding:12px 16px;border:1px solid #63555e;border-radius:999px;background:transparent;color:#F4F0F2;font:600 15px/1.4 Manrope,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.age-gate button[data-age-accept]{background:#E8559B;border-color:#E8559B;color:#131209}
.age-gate button:hover{border-color:#F07AB2}
.age-gate button[data-age-accept]:hover{background:#F07AB2}
.age-gate button:focus-visible{outline:3px solid #F4F0F2;outline-offset:4px}