/* The public beta notice uses the existing official mark, warm ink and coral. */
.topbar.closed-beta-visible { flex-wrap: wrap; row-gap: 8px; }
.closed-beta-strip {
  flex: 0 0 100%; order: 10; display: flex; flex-wrap: wrap; gap: 4px 14px;
  padding: 7px 12px; border-radius: 10px; border: 1px solid #70402f;
  background: #211815; color: #fff0e6; font-size: 12px; line-height: 1.4;
}
.closed-beta-strip strong { color: #ffac8b; }
.closed-beta-welcome.modal {
  width: min(580px, calc(100vw - 32px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px);
  overflow: auto; padding: clamp(24px, 5vw, 40px); border-radius: 24px;
  border: 1px solid #714535; color: #fff0e6;
  background: linear-gradient(150deg, #2a1d18, #171211 70%);
  box-shadow: 0 24px 80px #0008; display: grid; gap: 18px;
}
.closed-beta-welcome .closed-beta-logo { width: min(230px, 75%); height: auto; }
.closed-beta-welcome h2 { margin: 0; color: #fff4eb; font-size: clamp(26px, 5vw, 36px); line-height: 1.15; }
.closed-beta-welcome p { margin: 0; max-width: 55ch; color: #f3dfd4; font-size: 15px; line-height: 1.6; }
.closed-beta-welcome .closed-beta-eyebrow { color: #ffac8b; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.closed-beta-welcome .closed-beta-limits { padding: 14px 16px; border-radius: 12px; color: #f7d9c9; background: #35231d; font-size: 14px; }
.closed-beta-welcome .modal-actions { margin-top: 8px; }
.closed-beta-welcome button.solid { min-height: 46px; background: #ff8b65; color: #241511; border-color: #ff8b65; }
.closed-beta-welcome button:focus-visible { outline-color: #ffbe93; }
@media (max-width: 480px) {
  .closed-beta-strip { font-size: 11px; gap: 2px; }
  .closed-beta-strip span { flex-basis: 100%; }
  .closed-beta-welcome .modal-actions button { width: 100%; }
}