/* Hide access to the page without preventing its images and scripts loading. */
html.koa-age-pending,
.koa-age-pending body { overflow: hidden !important; }
.koa-age-pending body > :not(.koa-age-gate) { visibility: hidden; }
html.koa-age-pending::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  background: #0b0e2c;
}

.koa-age-gate {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 24px;
  border: 0;
  overflow: auto;
  overscroll-behavior: contain;
  color: #33291c;
  background: radial-gradient(ellipse at 50% 25%, #243c48, #0b0e2c 75%);
}
.koa-age-gate[open] { display: flex; }
.koa-age-gate::backdrop { background: #0b0e2c; }
.koa-age-gate *, .koa-age-gate *::before, .koa-age-gate *::after { box-sizing: border-box; }
.koa-age-gate [hidden] { display: none !important; }
.koa-age-card {
  width: min(460px, 100%);
  margin: auto;
  padding: 38px 36px 36px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 22px;
  background: #f4e7cd;
  text-align: center;
  box-shadow: 0 28px 80px rgba(0,0,0,.35);
}
.koa-age-logo { display: block; width: 180px; height: auto; margin: 0 auto 30px; filter: brightness(0); opacity: .85; }
.koa-age-kicker { margin: 0 0 6px; color: #015738; font: 32px/1.1 'Niconne', cursive; }
.koa-age-card h1 { margin: 0; color: #015738; font: 400 clamp(36px, 8vw, 52px)/1.1 'Kelly Slab', Georgia, serif; }
#koa-age-note, .koa-age-denied p { margin: 18px 0 0; font: 16px/1.5 'Questrial', sans-serif; }
.koa-age-actions { display: flex; flex-direction: column; gap: 12px; margin-top: 28px; }
.koa-age-button {
  display: block;
  width: 100%;
  min-height: 50px;
  padding: 14px 18px;
  border: 2px solid #015738;
  border-radius: 40px;
  color: #015738;
  background: transparent;
  font: 15px/1.25 'Questrial', sans-serif;
  cursor: pointer;
}
.koa-age-button.is-primary, .koa-age-button:hover { color: #f4e7cd; background: #015738; }
.koa-age-button.is-primary:hover { background: #0d3a28; border-color: #0d3a28; }
.koa-age-button:focus-visible { outline: 3px solid #bb773a; outline-offset: 4px; }
.koa-age-denied .koa-age-button { margin-top: 24px; }
@media (max-width: 400px) {
  .koa-age-gate { padding: 16px; }
  .koa-age-card { padding: 28px 22px; }
  .koa-age-logo { width: 156px; margin-bottom: 24px; }
}
@media (max-height: 500px) {
  .koa-age-gate { padding: 12px; }
  .koa-age-card { padding: 20px 28px; }
  .koa-age-logo { width: 130px; margin-bottom: 12px; }
  .koa-age-kicker { font-size: 26px; }
  .koa-age-card h1 { font-size: 36px; }
  #koa-age-note { margin-top: 10px; }
  .koa-age-actions { margin-top: 18px; gap: 10px; }
}