/* Hide protected content until the 18+ gate is confirmed (works with agegate.js; without JS the content stays hidden). */
html:not(.age-ok) .age-protected{visibility:hidden}
#agegate{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,rgba(80,12,70,.97),rgba(19,4,26,.985) 72%);overflow-y:auto;padding:16px}
.agegate-box{max-width:460px;width:100%;margin:auto;background:#1a0620;border:1px solid #6a1d6a;border-left:3px solid #ff2e97;border-radius:var(--t-r2,6px);padding:22px;color:#fff2fa;font:13px/1.6 ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.agegate-box h2{margin:0 0 8px;font-size:16px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#ff7ad0}
.agegate-box p{margin:0 0 16px;color:#f2bfe0}.agegate-game{margin:0 0 14px;padding:10px 0 4px;border-top:1px dashed rgba(255,82,184,.4);border-bottom:1px dashed rgba(255,82,184,.4)}
.agegate-actions{display:flex;flex-wrap:wrap;gap:10px}
.agegate-actions button{font:inherit;letter-spacing:.05em;padding:10px 16px;border-radius:var(--t-r1,4px);border:1px solid #6a1d6a;background:transparent;color:#fff2fa;cursor:pointer;flex:1;min-width:140px}
#agegate-yes{border-color:#ffc933;color:#ffc933}
#agegate-yes:hover{background:rgba(255,201,51,.1)}
#agegate-no:hover{border-color:#ff2e97;color:#ff2e97}
.agegate-box .agegate-warn{color:#ff9db8;font-size:12px;border-left:2px solid #ff5c8a;padding-left:10px}