.achievements-directory{gap:var(--space-6);min-width:0;display:grid}.achievements-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.achievements-count{color:var(--text-muted);font-size:var(--text-small)}.achievements-head .control{align-items:center;gap:var(--space-2);display:inline-flex}.achievements-state{align-content:center;justify-items:center;gap:var(--space-3);min-height:calc(var(--space-8)*6);padding:var(--space-6);border:var(--line-width) dashed var(--line);border-radius:var(--radius-lg);text-align:center;display:grid}.achievements-state p,.achievements-state>svg{color:var(--text-muted)}.achievements-group{gap:var(--space-3);min-width:0;display:grid}.achievements-group h2{font-size:var(--text-title)}.achievements-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.achievements-grid>li{min-width:0}.achievement-card{gap:var(--space-3);min-width:0;height:100%;padding:var(--space-3);border:var(--line-width) solid var(--line);border-radius:var(--radius-lg);background:var(--panel);color:inherit;transition:border-color var(--transition),transform var(--transition);grid-template-columns:72px minmax(0,1fr);text-decoration:none;display:grid}.achievement-card:hover{border-color:var(--text-muted);transform:translateY(-2px)}.achievement-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.achievement-card-media{aspect-ratio:1;padding:var(--space-2);border-radius:var(--radius-md);background:var(--item-media-bg,#2b2f33);place-items:center;display:grid}.achievement-card-media .item-image{width:100%;height:100%}.achievement-card-body{gap:var(--space-1);align-content:start;min-width:0;display:grid}.achievement-card-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600}.achievement-card-desc,.achievement-card-name{line-height:var(--leading-body);overflow:hidden}.achievement-card-desc{-webkit-line-clamp:2;color:var(--text-muted);font-size:var(--text-small);-webkit-box-orient:vertical;display:-webkit-box}.achievement-card-tags{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.achievements-note{margin-top:var(--space-2)}.achievement-requirement{white-space:pre-line}.achievement-progress{gap:var(--space-3);margin:0;display:grid}.achievement-progress>div{gap:var(--space-4);grid-template-columns:minmax(120px,max-content) minmax(0,1fr);align-items:center;display:grid}.achievement-progress dt{color:var(--text-muted);font-size:var(--text-small)}.achievement-progress dd{align-items:center;gap:var(--space-3);font-variant-numeric:tabular-nums;margin:0;display:flex}.achievement-progress dd strong{min-width:calc(var(--space-8)*1.5);text-align:right}.achievement-progress-track{height:var(--space-2);border-radius:var(--radius-sm);background:var(--panel-soft);flex:1;overflow:hidden}.achievement-progress-fill{background:var(--resource-accent);height:100%;display:block}.achievement-siblings{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.achievement-siblings>li{min-width:0}.achievement-sibling{grid-template-columns:calc(var(--space-8)*1.5) minmax(0,1fr) auto;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-2);border:var(--line-width) solid var(--line);border-radius:var(--radius-md);background:var(--panel);color:inherit;transition:border-color var(--transition);align-items:center;text-decoration:none;display:grid}.achievement-sibling:hover{border-color:var(--text-muted)}.achievement-sibling .item-image{width:calc(var(--space-8)*1.5);height:calc(var(--space-8)*1.5);padding:var(--space-1);border-radius:var(--radius-sm);background:var(--item-media-bg,#2b2f33)}.achievement-sibling-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.achievements-detail .achievements-note{align-items:center;gap:var(--space-2);display:flex}@media (width>=1024px){.achievements-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1440px){.achievements-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=639px){.achievements-grid{grid-template-columns:minmax(0,1fr)}.achievement-card{grid-template-columns:56px minmax(0,1fr)}.achievement-progress>div{gap:var(--space-1)}.achievement-progress>div,.achievement-siblings{grid-template-columns:minmax(0,1fr)}}