.badge-unlock-dialog{
  width:min(calc(100% - 32px),420px);
  max-height:calc(100dvh - 32px);
  border:1px solid color-mix(in srgb,var(--active-faction) 72%,var(--line));
  background:#101317;
  color:var(--ink);
  padding:0;
  box-shadow:0 18px 60px rgb(0 0 0 / 72%),0 0 24px color-mix(in srgb,var(--active-faction) 18%,transparent);
}
.badge-unlock-dialog::backdrop{background:rgb(0 0 0 / 78%);backdrop-filter:blur(4px)}
.badge-unlock-card{display:grid;gap:10px;padding:22px 20px;text-align:center}
.badge-unlock-card>.label{color:var(--active-faction);font-size:10px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}
.badge-unlock-card h2{margin:0;color:var(--ink);font-size:25px;line-height:1.05;text-transform:uppercase}
.badge-unlock-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}
.badge-unlock-actions{display:grid;gap:8px;margin-top:4px}
.badge-unlock-actions .button{min-height:48px;width:100%;font-weight:1000;text-transform:uppercase}