.achievement-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.achievement-badge{border:1px solid #d7e6fa;border-radius:18px;padding:20px;background:#f1f6ff;color:#173351}
.achievement-badge>span{display:grid;place-items:center;width:52px;height:52px;border:2px solid #246fe5;border-radius:50%;color:#246fe5;font-size:28px}
.achievement-badge h3{font-size:18px;margin:14px 0 8px}.achievement-badge p{font-size:14px;line-height:1.5}
#achievements button,.achievement-dialog button{min-height:44px;padding:10px 16px;border:0;border-radius:12px;background:#246fe5;color:white;cursor:pointer;margin:6px 6px 0 0;font:inherit}
.achievement-dialog{max-width:560px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;box-sizing:border-box;border:0;border-radius:20px;padding:24px;color:#173351}
.achievement-dialog::backdrop{background:#173351aa}.achievement-dialog label{display:block;margin:14px 0}.achievement-dialog input:not([type=checkbox]),.achievement-dialog select{display:block;box-sizing:border-box;width:100%;padding:12px;font:inherit}
.achievement-dialog canvas{display:block;width:100%;height:auto;max-height:50vh;object-fit:contain}.achievement-dialog button:disabled{opacity:.5;cursor:default}
.achievement-dialog :focus-visible,#achievements button:focus-visible{outline:3px solid #72a8ff;outline-offset:3px}