.age-wrap{
  position:fixed;inset:0;z-index:80;
  display:flex;align-items:center;justify-content:center;
  padding:20px 16px;
  background:
    radial-gradient(ellipse at 50% 20%, rgba(76,245,0,.22), transparent 55%),
    rgba(0,2,1,.92);
  backdrop-filter:blur(10px);
}
html.age-ok .age-wrap{display:none}
.age-card{
  width:100%;max-width:360px;
  background:#010602;color:#ebf5e9;
  border:1px solid rgba(76,245,0,.55);
  border-radius:24px;padding:26px 20px 20px;
  box-shadow:0 0 40px rgba(76,245,0,.25);
  text-align:center;
  font-family:Inter,system-ui,sans-serif;
}
.age-mark{
  width:52px;height:52px;margin:0 auto 12px;
  border-radius:14px;background:#4cf500;color:#031204;
  display:grid;place-items:center;font-weight:900;font-size:1.1rem;
}
.age-card h1{
  margin:0;
  font-family:Rajdhani,system-ui,sans-serif;
  font-size:1.35rem;letter-spacing:.02em;line-height:1.2;
  text-transform:uppercase;
}
.age-card p{margin:8px 0 0;color:#869483;font-size:13px}
.age-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:18px}
.age-no,.age-yes{
  border:0;border-radius:999px;padding:13px 10px;
  font:inherit;font-weight:800;cursor:pointer;
}
.age-no{background:#1a221b;color:#dcecdc;border:1px solid rgba(20,39,15,.6)}
.age-yes{background:#4cf500;color:#031204}
.age-no:active,.age-yes:active{transform:scale(.97)}
.age-no:disabled,.age-yes:disabled{opacity:.7;cursor:wait}
.age-note{margin-top:14px;font-size:.72rem;font-weight:700;color:#869483}
.age-deny h1{margin-bottom:8px}
@media(max-width:360px){.age-actions{grid-template-columns:1fr}}