dialog#creditsDlg { width: min(560px, 94vw); max-height: 86vh; padding: 0; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--text); overflow: hidden; }
dialog#creditsDlg[open] { display: flex; flex-direction: column; }
dialog#creditsDlg::backdrop { background: rgba(0,0,0,.45); }
#creditsDlg header { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--line); }
#creditsDlg h2 { margin: 0; font-size: 16px; }
#creditsDlg header button { border: 0; background: none; font-size: 22px; line-height: 1; cursor: pointer; color: var(--muted); }
#creditsDlg .credits__body { overflow-y: auto; padding: 4px 18px 16px; font-size: 13px; line-height: 1.5; }
#creditsDlg h3 { margin: 14px 0 6px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
#creditsDlg ul { margin: 0; padding-left: 18px; }
#creditsDlg a { color: var(--teal); }