body.guide-access-open { overflow: hidden; }
.guide-access { width: min(540px, calc(100% - 28px)); max-height: calc(100dvh - 28px); overflow: auto; box-sizing: border-box; padding: 32px; border: 2px solid var(--accent); background: var(--panel); color: var(--body); box-shadow: 8px 8px 0 #000; font: 24px/1.25 var(--text); }
.guide-access::backdrop { background: rgb(0 0 0 / 88%); }
.guide-access h2 { font: 16px/1.7 var(--pixel); color: var(--accent); margin: 14px 0; }
.guide-access .access-kicker { font: 10px/1.6 var(--pixel); color: var(--muted); }
.guide-access label { display: block; margin: 16px 0; }
.guide-access label span { display: block; margin-bottom: 8px; font: 10px/1.5 var(--pixel); }
.guide-access input { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid var(--line); background: var(--bg); color: var(--ink); font: 24px var(--text); }
.guide-access input:focus-visible, .guide-access button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.guide-access button { width: 100%; margin-top: 18px; }
.guide-access button:disabled { opacity: .65; cursor: wait; }
.guide-access-status { min-height: 28px; margin: 14px 0 0; }
.guide-access-status[data-tone="error"] { color: #ffb5a3; }
@media(max-width: 480px) { .guide-access { padding: 22px; } .guide-access h2 { font-size: 13px; } }

#guideTurnstile { min-height: 65px; margin-top: 16px; }