/* Temporary visual gate. Remove lock.js, the body class and this stylesheet to publish openly. */
body.tarot-locked > :not(#tarot-lock) { display: none !important; }
#tarot-lock { min-height: 100dvh; display: grid; place-items: center; padding: 24px; background: #0c1020; color: #f4efe8; font-family: system-ui, sans-serif; }
#tarot-lock-form { width: min(100%, 360px); display: grid; gap: 14px; padding: 32px 24px; background: #181c2e; border: 1px solid #4a4057; border-radius: 16px; }
#tarot-lock-form h1 { margin: 0; font-size: 1.7rem; }
#tarot-lock-form p { margin: 0; line-height: 1.6; }
#tarot-lock-form label { font-size: .95rem; }
#tarot-lock-form input { width: 100%; box-sizing: border-box; padding: 12px; border-radius: 8px; border: 1px solid #aaa; background: #fff; color: #171717; font: inherit; }
#tarot-lock-form button { min-height: 44px; border: 0; border-radius: 8px; background: #d6b780; color: #191622; font: inherit; font-weight: 700; cursor: pointer; }
#tarot-lock-error { color: #ffb4b4; min-height: 1.5em; }