/* Men After God: the free-kit signup form, shared by the home, game and kit pages (2026-09-21).
   Uses the colour and type tokens each page defines on :root. */
.signup{max-width:34rem;margin-top:2rem}
.su-row{display:grid;gap:.75rem;grid-template-columns:1fr}
@media (min-width:480px){.su-row{grid-template-columns:1fr 1.4fr}}
.su-field{display:block}
.su-label{display:block;font-family:var(--ui);font-size:.75rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--soft);margin-bottom:.45rem}
.su-field input{width:100%;min-height:52px;margin:0;padding:.8rem 1rem;border:1px solid #3A3A3A;border-radius:0;
  background:rgba(255,255,255,.045);color:var(--white);font-family:var(--ui);font-size:1rem;line-height:1.3;
  -webkit-appearance:none;appearance:none;transition:border-color .18s,background .18s}
.su-field input:hover{border-color:#555}
.su-field input:focus{outline:2px solid var(--red-hot);outline-offset:2px;border-color:var(--red-hot);
  background:rgba(255,255,255,.075)}
.su-field input[aria-invalid="true"]{border-color:var(--red-hot)}
.su-go{grid-column:1/-1;width:100%;min-height:54px;margin:0;border-radius:0;cursor:pointer;font-size:.875rem;
  -webkit-appearance:none;appearance:none}
.su-busy{display:none}
.signup.is-dealing .su-idle{display:none}
.signup.is-dealing .su-busy{display:inline}
.signup.is-dealing .su-go{background:var(--red-hot);border-color:var(--red-hot);cursor:progress}
.su-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.su-msg{margin:.85rem 0 0;font-family:var(--ui);font-size:.9375rem;line-height:1.45;color:var(--white);
  border-left:2px solid var(--red-hot);padding-left:.75rem}
.su-msg:empty{display:none}
.su-fine{margin:.9rem 0 0;font-family:var(--ui);font-size:.8125rem;line-height:1.55;color:var(--soft);max-width:31rem}