/* Existing profile pills and badge cards keep their layout; the title owns one stretched trigger. */
#alProfile .alpp-founder,
#alProfile .alpp-ach-item,
#alAchievements .al-badge-card,
#alAchievements .al-recent-badge { position:relative; }
html body #alMemberArea :is(#alProfile,#alAchievements) .al-achievement-trigger {
  appearance:none !important; position:static !important; display:inline !important;
  width:auto !important; height:auto !important; min-width:0 !important; min-height:0 !important;
  padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important;
  background:none !important; box-shadow:none !important; color:inherit !important;
  font:inherit !important; line-height:inherit !important; letter-spacing:inherit !important;
  text-align:inherit !important; text-transform:none !important; transform:none !important;
  white-space:normal !important; overflow-wrap:anywhere !important; cursor:pointer;
}
:is(#alProfile,#alAchievements) .al-achievement-trigger::after { content:""; position:absolute; inset:0; border-radius:inherit; }
:is(#alProfile,#alAchievements) .al-achievement-trigger:is(:hover,:focus,:active) { background:none; color:inherit; border:0; box-shadow:none; }
:is(#alProfile,#alAchievements) :is(.alpp-ach-item,.al-badge-card,.al-recent-badge):has(.al-achievement-trigger:focus-visible) { outline:2px solid var(--al-color-moss,#2c6b4a); outline-offset:3px; }
@media(hover:hover) {
  html body #alMemberArea :is(#alProfile,#alAchievements) :is(.alpp-ach-item,.al-badge-card,.al-recent-badge):has(.al-achievement-trigger:hover) { border-color:color-mix(in srgb,var(--al-color-moss,#2c6b4a) 32%,white) !important; }
}
html body dialog.al-achievement-dialog {
  box-sizing:border-box; width:min(420px,calc(100% - 32px)); max-height:calc(100dvh - 32px);
  margin:auto; padding:32px 24px 24px; overflow:auto;
  border:1px solid var(--al-surface-border,#d9e5de); border-radius:var(--al-radius-lg,16px);
  background:var(--al-surface-card,#fff); color:var(--al-color-text,#18372a); box-shadow:none;
  font-family:var(--al-font-family,inherit);
}
html body dialog.al-achievement-dialog::backdrop { background:rgba(16,36,28,.4); }
html body dialog.al-achievement-dialog:not([open]) { display:none; }
html body .al-achievement-dialog__content { display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; }
html body .al-achievement-dialog__art { width:80px; height:80px; object-fit:contain; margin:0; }
html body .al-achievement-dialog__title { margin:0; padding:0 28px; color:inherit; font-size:22px; font-weight:700; line-height:1.25; overflow-wrap:anywhere; }
html body .al-achievement-dialog__tier { margin:0; font-size:13px; font-weight:600; color:var(--al-color-moss,#2c6b4a); }
html body .al-achievement-dialog__description { margin:0; color:inherit; font-size:15px; line-height:1.6; }
html body :is(.al-achievement-dialog__status,.al-achievement-dialog__note) { margin:0; font-size:13px; line-height:1.5; color:var(--al-color-text-muted,#607369); }
html body .al-achievement-dialog__close {
  appearance:none; position:absolute; top:8px; right:8px; display:grid; place-items:center;
  width:44px; height:44px; min-height:44px; margin:0; padding:0; border:0; border-radius:8px;
  background:transparent; box-shadow:none; color:#27352e; cursor:pointer;
}
html body .al-achievement-dialog__close:hover { background:var(--al-color-surface-muted,#f1f5f2); color:#27352e; box-shadow:none; }
html body .al-achievement-dialog__close:focus-visible { outline:2px solid var(--al-color-moss,#2c6b4a); outline-offset:2px; }

html body .al-achievement-dialog[data-state="locked"] .al-achievement-dialog__art { filter:grayscale(1); opacity:.55; }