.achievement-intro{display:flex;align-items:center;gap:14px;margin:8px 0 12px;padding:18px;border:1px solid #c3a9f955;border-radius:16px;background:linear-gradient(135deg,#b49af22e,#ffffff08)}
.achievement-intro>span{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#d7bcff29;color:#efd8ff;font-size:28px}.achievement-intro strong{font-family:'Playfair Display',serif;font-size:18px}.achievement-intro p{margin:5px 0 0;font-size:11px;color:var(--muted)}
.achievement-filters{display:flex;gap:7px;overflow-x:auto;margin:16px 0;padding:2px 0 8px}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.achievement-card{min-width:0;min-height:150px;padding:16px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffff08;color:var(--text);text-align:left}.achievement-card:hover{border-color:#c3a9f9}.achievement-card strong,.achievement-card small{display:block;overflow-wrap:anywhere}.achievement-card strong{font-family:'Playfair Display',serif;font-size:15px;line-height:1.2;margin:12px 0 6px}.achievement-card small{font-size:10px;line-height:1.4;color:var(--muted)}.achievement-icon{font-size:26px}.achievement-detail>p{font-size:13px;line-height:1.55}.achievement-detail-icon{width:74px;height:74px;margin:5px auto 16px;display:grid;place-items:center;border:1px solid #c3a9f955;border-radius:50%;background:#b49af22e;font-size:36px}.achievement-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:22px 0}.achievement-stages>div{display:flex;align-items:center;flex-direction:column;gap:6px;font-size:10px;text-align:center}.achievement-stages small{color:var(--muted)}.achievement-medal{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid currentColor;background:#ffffff0c;font-size:19px}.stage-0{color:#c7a77c}.stage-1{color:#d28a64}.stage-2{color:#c5ccd5}.stage-3{color:#edc875}
.topbar-left{display:flex;align-items:center;gap:5px;z-index:1}.achievement-hint{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#decaff;color:#241a39;font-size:12px}.achievement-hint button{margin-left:auto;border:0;background:none;color:inherit;font-size:18px}.achievement-highlight{outline:3px solid #d9bbff!important;outline-offset:3px}
@media(max-width:400px){.topbar-left{gap:3px}.topbar .brand{font-size:16px}}