/* guides-migrated.css (agent P2): the gate panel under the opening of a club or sign-in guide. Built from the shell's own
   tokens (--card, --line, --ink, --dim, --g2) and its .btn, so it sits in day and night like the guide's join box. */
.ngate{max-width:720px;margin:28px auto 40px;padding:28px 26px;border-radius:24px;background:var(--card);border:1px solid color-mix(in srgb,var(--g2) 55%,transparent);box-shadow:0 24px 60px -36px rgba(0,0,0,.45);text-align:center;position:relative}
.ngate h2{font-weight:900;font-size:clamp(24px,3vw,36px);line-height:1.1;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.ngate p{margin:0 0 16px;color:var(--dim)}
.ngate .tag{display:inline-block;margin-bottom:10px;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:800;background:#17110F;color:#F7DF97}
.ngate .btn{min-height:48px;display:inline-flex;align-items:center;gap:10px;justify-content:center}
.ngate .btn .gg{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff}
.ngate .btn .gg svg{width:16px;height:16px}
.ngate .fine{font-size:13.5px;margin:14px 0 0}
.ngate .fine a{color:inherit;text-underline-offset:3px}
.ngate button[disabled]{opacity:.7;cursor:progress}
.ngvid{display:block;width:100%;height:auto;max-height:80vh;border-radius:14px;background:#000}
.crumbs a{display:inline-block;padding-block:11px;margin-block:-11px}