/* Uncle Logic site frame around the approved Alibi game. */
body { background-image: none; }
.ul-game-site--alibi { color: var(--text); }
.ul-game-site--alibi .ul-site-header { position: relative; z-index: 1; }
.alibi-skip { position: absolute; left: -9999px; top: 0; z-index: 10000; padding: 10px; background: #fff; color: #071426; }
.alibi-skip:focus { left: 8px; }
.alibi-guide { max-width: 1120px; margin: 28px auto 0; padding: 22px clamp(18px, 3vw, 32px); border: 1px solid var(--border); border-radius: 16px; background: var(--panel); color: var(--text); }
.alibi-guide h2 { margin: 0 0 8px; font: 800 1.5rem/1.15 Georgia, serif; }
.alibi-guide h3 { margin: 20px 0 7px; font: 750 1.1rem/1.2 Georgia, serif; }
.alibi-guide p { max-width: 75ch; margin: 0 0 10px; color: var(--soft); }
.alibi-guide nav { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 20px; }
.alibi-guide a, .alibi-site-footer a { color: var(--gold); }
.alibi-site-footer { max-width: 1120px; margin: 24px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; color: var(--soft); }
.alibi-site-footer nav { display: flex; flex-wrap: wrap; gap: 16px; }
#refill-button, #hint-message { display: none !important; }
.alibi-refill-note { color: var(--muted); font-size: .76rem; margin: 7px 0 0; }
@media(max-width:620px) { .alibi-guide { margin: 20px 12px 0; } .alibi-site-footer { margin-inline: 12px; } }