/* Okno skrytki na szyfr (ui/safe.js): krótkie, ciemne jak reszta okien; cyfry w trzech polach, próby w liczniku */
#safewin { position: fixed; inset: 0; z-index: 62; display: none; align-items: center; justify-content: center; background: rgba(8,10,6,.6); font-family: Bahnschrift, 'DIN Alternate', 'Segoe UI', sans-serif; }
#safewin.on { display: flex; }
.sf-box { position: relative; width: min(340px, 94vw); display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 18px 22px 20px; background: rgba(22,25,17,.97); border: 1px solid #5a5e44; box-shadow: 0 10px 30px rgba(0,0,0,.5); }
.sf-box .win-x { position: absolute; top: var(--win-x); right: var(--win-x); }   /* UIMIN: wspólne X okien */
.sf-title { font: var(--win-title); letter-spacing: var(--win-title-ls); text-transform: uppercase; color: #e6e0c4; }   /* ten sam tytuł co w window.css */
.sf-row { display: flex; gap: 10px; }
.sf-d { width: 52px; height: 64px; text-align: center; font: 800 30px Bahnschrift, sans-serif; color: #f0c040; background: rgba(10,12,8,.7); border: 1px solid #5a5e44; border-bottom: 3px solid #8a7a3c; outline: none; }
.sf-d:focus { border-color: #f0c040; }
.sf-msg { min-height: 16px; font-size: 12px; color: #d9836a; letter-spacing: .06em; }
.sf-tries { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #8a866f; }
.sf-go { padding: 8px 26px; font: 800 13px Bahnschrift, sans-serif; letter-spacing: .2em; color: #e6e0c4; background: #3b4530; border: 1px solid #6b7a52; cursor: pointer; }
.sf-go:hover { background: #4b5a3c; }