#okio-age-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:999999}
.okio-age-modal{color:#fff;max-width:560px;width:92%;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.6);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;position:relative}
.okio-age-modal h2{margin:0 0 8px}
#okio-age-desc{margin:0 0 14px}
.okio-age-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:12px 0 10px}
.okio-field select{width:100%;padding:10px 12px;font-size:16px;border-radius:10px;border:1px solid #333;background:#1a1a1a;color:#fff;outline:none}
.okio-field select:focus{border-color:#666}
.okio-label{display:block;margin-bottom:6px}
#okio-enter-btn{padding:12px 16px;border:1px solid #3a3a3a;border-radius:12px;cursor:not-allowed;transition:transform .06s ease, background .2s ease, border-color .2s ease, color .2s ease}
#okio-enter-btn.okio-ready{cursor:pointer}
#okio-enter-btn.okio-ready:active{transform:scale(.99)}
.okio-help{margin-bottom:10px}
.okio-error{min-height:1.2em}
.okio-close{position:absolute;right:10px;top:10px;background:transparent;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer}
body.okio-age-lock{overflow:hidden;touch-action:none}
@media (max-width: 640px){
  .okio-age-modal{ width: calc(100% - 40px) !important; margin: 0 20px; border-radius: 12px; padding: 18px; }
  .okio-age-grid{ grid-template-columns: 1fr; gap: 8px; }
  #okio-enter-btn{ width: 100%; }
}