/* xdoga age-verification gate — full-screen overlay shown until the visitor confirms they are 18+.
   Loaded on every page as a CSP-safe external file. The overlay sits ON TOP of already-rendered content
   (it does not remove it from the DOM) and only sets a cookie on confirm, so Googlebot — which never clicks
   buttons — still crawls and indexes the page underneath. Matches the site theme (#0f0f0f / #ff2d55). */
#agegate {
  position: fixed; inset: 0; z-index: 2147483647; background: #0f0f0f;
  display: flex; align-items: center; justify-content: center; padding: 24px;
  font-family: -apple-system, "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif; color: #f1f1f1;
}
#agegate .ag-card {
  width: 100%; max-width: 420px; text-align: center;
  background: #161616; border: 1px solid #232323; border-radius: 18px; padding: 30px 26px 24px;
  box-shadow: 0 14px 44px rgba(0, 0, 0, .6);
}
#agegate .ag-logo { font-size: 30px; font-weight: 800; letter-spacing: -.5px; margin: 0 0 14px; }
#agegate .ag-logo span { color: #ff2d55; }
#agegate .ag-warn {
  display: inline-block; font-size: 11.5px; font-weight: 800; letter-spacing: .6px;
  color: #ff2d55; border: 1px solid #ff2d55; border-radius: 999px; padding: 3px 12px; margin: 0 0 14px;
}
#agegate h1 { font-size: 18px; line-height: 1.4; margin: 0 0 10px; font-weight: 700; }
#agegate p { font-size: 13px; line-height: 1.65; color: #bdbdbd; margin: 0 0 22px; }
#agegate .ag-btns { display: flex; flex-direction: column; gap: 10px; }
#agegate button {
  font-size: 15px; font-weight: 700; border-radius: 14px; padding: 13px 16px; cursor: pointer;
  border: 1px solid transparent; font-family: inherit;
}
#agegate .ag-yes { color: #fff; background: #ff2d55; }
#agegate .ag-yes:active { background: #e02049; }
#agegate .ag-no { color: #bbb; background: #1c1c1c; border-color: #2a2a2a; }
#agegate .ag-no:active { background: #2a2a2a; }
#agegate .ag-fine { font-size: 11.5px; line-height: 1.5; color: #777; margin: 18px 0 0; }
/* lock background scroll while the gate is shown */
html.ag-locked, html.ag-locked body { overflow: hidden !important; }
