/* Faction access modal — brand-matched (charcoal + orange). */
#faction-access-modal[hidden]{display:none}
.fam{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.fam__backdrop{position:absolute;inset:0;background:rgba(8,12,20,.72);backdrop-filter:saturate(120%) blur(2px)}
.fam__dialog{position:relative;width:100%;max-width:440px;background:#121a26;border:1px solid #243140;border-radius:14px;
  box-shadow:0 24px 64px rgba(0,0,0,.5);padding:30px 28px;color:#e7ecf3;
  font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.fam__x{position:absolute;top:12px;right:14px;background:none;border:0;color:#8b97a7;font-size:26px;line-height:1;cursor:pointer;padding:4px 8px}
.fam__x:hover{color:#fff}
.fam__title{margin:0 0 8px;font-size:20px;font-weight:700;color:#fff}
.fam__lead{margin:0 0 18px;font-size:14px;line-height:1.5;color:#aeb8c5}
.fam__label{display:block;margin:12px 0 6px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#cdd5e0}
.fam__opt{font-weight:400;text-transform:none;letter-spacing:0;color:#7e8b9e}
.fam__form input[type=email],.fam__form input[type=text],.fam__form input[type=password],.fam__form input[type=tel]{
  width:100%;box-sizing:border-box;background:#0f1824;border:1px solid #2a3950;color:#fff;
  padding:12px 14px;font-size:15px;border-radius:8px;outline:none}
.fam__form input:focus{border-color:#f66900;box-shadow:0 0 0 2px rgba(246,105,0,.28)}
.fam__hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.fam__btn{margin-top:16px;width:100%;background:#f66900;color:#fff;border:0;padding:13px 18px;
  font-weight:700;letter-spacing:.02em;font-size:15px;border-radius:8px;cursor:pointer}
.fam__btn:hover{background:#d95c00}
.fam__btn--ghost{background:transparent;border:1px solid #2a3950;color:#cdd5e0}
.fam__btn--ghost:hover{background:#1a2532;color:#fff}
.fam__alt{margin:16px 0 0;font-size:13px;color:#8b97a7;text-align:center}
.fam__alt a{color:#f99a4d;text-decoration:none}
.fam__alt a:hover{text-decoration:underline}
.fam__msg{margin:12px 0 0;font-size:13px;min-height:1em}
.fam__msg--err{color:#f3b6a6}
.fam__msg--ok{color:#cfe9d4}
@media (max-width:480px){.fam__dialog{padding:24px 20px}}