.account-panel .auth-email-view[hidden] { display: none; }
.account-panel .auth-email-view { min-width: 0; }
.account-panel .auth-email-view .panel-copy { max-width: 48ch; line-height: 1.55; }
.account-panel .auth-email-warning { max-width: 56ch; margin: 0 0 16px; padding: 10px 12px; border: 1px solid #886d32; background: #2b2413; color: #f0d895; font-size: .85rem; line-height: 1.5; }
.account-panel .auth-email-warning[hidden] { display: none; }
.account-panel .auth-email-view .auth-form label { display: grid; gap: 7px; min-width: 0; }
.account-panel .auth-email-view input { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; font-size: 1rem; letter-spacing: normal; text-transform: none; }
.account-panel .auth-email-view input:disabled,
.account-panel .auth-email-view button:disabled { cursor: wait; opacity: .65; }
.account-panel .auth-email-view .form-status { flex: 1 1 100%; min-width: 0; overflow-wrap: anywhere; }
.account-panel .auth-email-links { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 8px; }
.account-panel .auth-email-links button { text-align: start; }
#email-login-challenge-slot #login-challenge-panel { display: grid; gap: 8px; }
#email-login-challenge-slot #login-challenge-panel[hidden] { display: none; }
#email-login-challenge-slot #login-challenge-status { margin: 0; }
#email-message-title:focus { outline: 3px solid var(--lobby-yellow); outline-offset: 4px; }

@media (max-width: 600px) {
  .account-panel .auth-email-view h3 { font-size: clamp(1.8rem, 9vw, 2.3rem); overflow-wrap: anywhere; }
  .account-panel .auth-email-links { align-items: flex-start; flex-direction: column; }
}