.age-gate-open,
.age-gate-open body { overflow: hidden !important; }
.age-gate { position: fixed; z-index: 2147483646; inset: 0; display: grid; place-items: center; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 18px; color: #14234e; background: radial-gradient(circle at 50% 25%, rgba(55,168,240,.45), transparent 38%), linear-gradient(rgba(5,25,65,.92), rgba(3,15,44,.97)); font-family: Verdana, Arial, sans-serif; }
.age-gate::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 24px 24px; }
.age-gate__window { position: relative; display: flex; flex-direction: column; width: min(780px, 100%); max-height: calc(100vh - 36px); max-height: calc(100dvh - 36px); overflow: hidden; background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(216,241,253,.97)); border: 1px solid #a9e6ff; border-radius: 13px 13px 8px 8px; box-shadow: 0 0 0 4px rgba(59,175,235,.24), 0 26px 80px #000b, inset 0 1px #fff; }
.age-gate__titlebar { display: flex; flex: 0 0 auto; justify-content: space-between; gap: 18px; padding: 9px 13px; color: #fff; font: bold 12px "Trebuchet MS", sans-serif; letter-spacing: .04em; text-shadow: 0 1px 2px #003d74; background: linear-gradient(#63cef7 0%, #1784d2 48%, #0664b1 52%, #52baf0 100%); border-bottom: 1px solid #035aa1; box-shadow: inset 0 1px rgba(255,255,255,.78); }
.age-gate__body { display: grid; grid-template-columns: minmax(220px, .85fr) minmax(290px, 1.15fr); align-items: center; gap: 8px; min-height: 0; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 18px 24px 22px 12px; }
.age-gate__mascot { align-self: end; text-align: center; }
.age-gate__mascot img { display: block; width: min(100%, 330px); height: auto; margin: auto; filter: drop-shadow(0 8px 8px rgba(0,55,100,.28)); animation: age-gate-float 3.2s ease-in-out infinite; }
.age-gate__copy { padding: 6px 0; }
.age-gate__badge { display: inline-block; margin: 0 0 8px; padding: 5px 10px; color: #fff; font: bold 11px "Trebuchet MS", sans-serif; letter-spacing: .1em; background: linear-gradient(#f56a6a, #b90f19); border: 1px solid #85070e; border-radius: 999px; box-shadow: inset 0 1px rgba(255,255,255,.72), 0 2px 5px #640b1d42; }
.age-gate__copy h1 { margin: 0 0 10px; color: #124d87; font: bold 28px Georgia, serif; text-shadow: 0 1px #fff; }
.age-gate__copy p { margin: 7px 0; font-size: 13px; line-height: 1.55; }
.age-gate__question { color: #9c0d28; font-weight: bold; }
.age-gate__actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0 9px; }
.age-gate__actions button { min-height: 38px; padding: 8px 14px; border-radius: 5px; font: bold 11px Verdana, sans-serif; cursor: pointer; touch-action: manipulation; }
.age-gate__enter { color: #fff; background: linear-gradient(#74d659, #2e9c25 48%, #228219 52%, #55b93b); border: 2px outset #b7efa8; text-shadow: 1px 1px #196015; }
.age-gate__leave { color: #183f69; background: linear-gradient(#fff, #d7ebf7); border: 2px outset #fff; }
.age-gate__actions button:focus-visible { outline: 3px solid #ffcf21; outline-offset: 2px; }
.age-gate__copy small { color: #52708c; font-size: 10px; }
@keyframes age-gate-float { 0%,100% { transform: translateY(0) rotate(-.25deg); } 50% { transform: translateY(-5px) rotate(.25deg); } }
@media (max-width: 820px), (hover: none) and (pointer: coarse) {
  .age-gate {
    place-items: center;
    padding: max(9px, env(safe-area-inset-top)) max(9px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(9px, env(safe-area-inset-left));
  }
  .age-gate__window {
    width: min(100%, 520px);
    max-height: calc(100vh - 18px);
    max-height: calc(100dvh - 18px);
  }
  .age-gate__titlebar { padding: 7px 10px; font-size: 10px; }
  .age-gate__body { grid-template-columns: minmax(0, 1fr); gap: 3px; padding: 8px 14px 14px; text-align: center; }
  .age-gate__mascot { align-self: auto; width: 100%; height: min(28dvh, 210px); min-height: 110px; }
  .age-gate__mascot img { width: 100% !important; max-width: none; height: 100% !important; margin: 0 auto; object-fit: contain; }
  .age-gate__copy { padding: 0; }
  .age-gate__badge { margin-bottom: 6px; }
  .age-gate__copy h1 { margin-bottom: 7px; font-size: clamp(20px, 6vw, 24px); }
  .age-gate__copy p { margin: 5px 0; font-size: 12px; line-height: 1.4; }
  .age-gate__actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 7px; margin: 11px 0 8px; }
  .age-gate__actions button { width: 100%; min-height: 42px; padding: 7px 9px; }
}
@media (max-height: 560px) {
  .age-gate__mascot { height: 100px; min-height: 80px; }
  .age-gate__copy h1 { font-size: 19px; }
  .age-gate__copy p { font-size: 11px; line-height: 1.3; }
}
@media (max-width: 390px) {
  .age-gate__actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .age-gate__mascot img { animation: none; } }