/* the password door in front of the game: the night, the logo, one field */
#fp-gate { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 24px max(16px, env(safe-area-inset-left, 0px)); background: radial-gradient(ellipse at 50% 30%, #1d2240 0%, #0a0b12 70%); color: #e8e3d6; font: 18px/1.3 'VT323', ui-monospace, monospace; }
#fp-gate[hidden] { display: none; }
#fp-gate .g-box { width: min(340px, 100%); display: grid; gap: 12px; text-align: center; }
#fp-gate img { width: min(260px, 70vw); height: auto; margin: 0 auto 8px; image-rendering: pixelated; }
#fp-gate p { margin: 0; color: #9aa0b8; }
#fp-gate form { display: grid; gap: 10px; }
#fp-gate input { font: inherit; font-size: 22px; padding: 10px 12px; color: #e8e3d6; background: #05060b; border: 2px solid #3a3e58; text-align: center; }
#fp-gate input:focus { outline: none; border-color: #ffd23a; }
#fp-gate button { font: 700 12px 'Silkscreen', ui-monospace, monospace; letter-spacing: .08em; padding: 12px; color: #1b1206; background: linear-gradient(#ffe27a, #f0a83a); border: 2px solid #000; box-shadow: 3px 3px 0 #000; cursor: pointer; }
#fp-gate button:disabled { opacity: .6; cursor: default; }
#fp-gate .g-msg { min-height: 1.3em; color: #ff8a8a; }