/* shadcn/ui Dialog anatomy, MIT source pin/provenance in THIRD_PARTY_UI.md. */
html:has(.profile-page) { scrollbar-gutter:stable; }
body.achievement-dialog-open { overflow:hidden; }
.achievement-dialog { width:calc(100% - 2.5rem); max-width:520px; max-height:calc(100dvh - 3rem); margin:auto; padding:1.75rem; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--text); overflow:auto; overscroll-behavior:contain; }
.achievement-dialog:not([open]) { display:none; }
.achievement-dialog::backdrop { background:rgb(0 0 0 / .72); }
.achievement-dialog[open] { animation:achievement-dialog-enter .16s cubic-bezier(.16,1,.3,1); }
.achievement-dialog-header { display:flex; align-items:center; gap:1rem; padding-right:2rem; margin-bottom:1.5rem; }
.achievement-dialog-mark { display:grid; place-items:center; width:48px; height:48px; flex-shrink:0; border:1px solid var(--line); border-radius:12px; }
.achievement-dialog-mark .icon { width:25px; height:25px; }
.achievement-dialog-mark--best_solo { color:#b69cff; }
.achievement-dialog-mark--full_clear { color:var(--nuca-full-clear); }
.achievement-dialog-mark--first_blood { color:var(--nuca-first-blood); }
.achievement-dialog-event { margin:0 0 .4rem; color:var(--muted); font-size:.75rem; line-height:1.6; overflow-wrap:anywhere; }
.achievement-dialog h2 { margin:0; font-size:1.5rem; line-height:1.3; font-weight:550; }
.achievement-dialog-description { color:var(--secondary-text); font-size:.9rem; line-height:1.8; }
.achievement-dialog-description > p { margin:0 0 1rem; }
.achievement-dialog-description .achievement-dialog-source { color:var(--muted); font-size:.8rem; }
.achievement-dialog-footer { display:flex; justify-content:flex-end; padding-top:1rem; border-top:1px solid var(--line); margin-top:1.5rem; }
.achievement-dialog-close { position:absolute; top:.65rem; right:.65rem; display:grid; place-items:center; min-width:44px; min-height:44px; padding:.65rem; border:0; border-radius:8px; background:transparent; color:var(--muted); cursor:pointer; }
.achievement-dialog-close:hover { background:var(--raised); color:var(--text); }
.achievement-dialog-close .icon { width:20px; height:20px; }
.achievement-dialog-close:focus-visible,.achievement-dialog a:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.achievement-dialog-trigger:hover { border-color:var(--input-border); color:var(--text); }
.achievement-dialog-trigger:focus-visible { outline:2px solid var(--focus); outline-offset:3px; }
@keyframes achievement-dialog-enter { from { opacity:0; transform:translateY(6px) scale(.985); } to { opacity:1; transform:none; } }
@media(max-width:600px) { .achievement-dialog { padding:1.5rem; } .achievement-dialog h2 { font-size:1.3rem; } .achievement-dialog-header { align-items:flex-start; gap:.8rem; } .achievement-dialog-footer > a { width:100%; justify-content:center; } }
@media(prefers-reduced-motion:reduce) { .achievement-dialog[open] { animation:none; } }