.achievements-section{margin:30px 0 28px}
.achievements-section h2{font-size:14px;font-weight:550;color:var(--muted);margin:0 0 16px}
.achievement-gallery{display:grid;grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:1fr 1fr;column-gap:18px;row-gap:16px;align-items:start}
.achievement{--metal:#d6b89d;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start;min-width:0;width:100%;height:100%;padding:0 4px 6px;border:0;border-radius:14px;background:transparent;text-align:center}
.achievement[data-achievement="legends"]{grid-area:1/1}
.achievement[data-achievement="endurance"]{grid-area:2/1}
.achievement[data-achievement="knowledge"]{grid-area:1/3}
.achievement[data-achievement="precision"]{grid-area:2/3}
.achievement[data-achievement="mastery"]{grid-area:1/2/3/3;align-self:center;justify-content:center;height:auto}
.achievement-art{display:block;width:100%;aspect-ratio:1;max-width:152px;transition:filter .2s,transform .2s}
.achievement-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 9px #0005)}
.achievement[data-achievement="mastery"] .achievement-art{max-width:228px}
.achievement-name{display:block;margin-top:7px;color:var(--metal);font-size:13px;font-weight:550;line-height:1.4;overflow-wrap:anywhere;max-width:100%}
.achievement[data-achievement="mastery"] .achievement-name{font-size:16px}
.achievement[data-metal="silver"],.achievement-popover[data-metal="silver"]{--metal:#d0e0e9}
.achievement[data-metal="gold"],.achievement-popover[data-metal="gold"]{--metal:#f4d78b}
.achievement[data-metal="locked"]{padding-bottom:34px}
.achievement-silhouette{background:#34484a;mask-image:var(--badge-image);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:var(--badge-image);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
.achievement:hover .achievement-art,.achievement[aria-expanded="true"] .achievement-art{filter:drop-shadow(0 0 14px #d2e9d621);transform:translateY(-3px)}
.achievement[data-achievement="mastery"][data-level="3"] .achievement-art{filter:drop-shadow(0 0 24px #efc76729)}
.achievement-popover{--metal:#d6b89d;position:fixed;z-index:40;padding:20px;background:#1c2e30;border:1px solid #55726c;border-radius:14px;box-shadow:0 15px 45px #0008;overflow:auto;overscroll-behavior:contain;color:var(--text);font-size:13px;line-height:1.6}
.achievement-kind{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}
.achievement-title{display:block;font-size:18px;line-height:1.35;font-weight:600;color:var(--metal)}
.achievement-popover[data-metal="locked"] .achievement-title{color:var(--text)}
.achievement-next{display:block;margin-top:16px;font-size:11px;color:var(--accent)}
.achievement-condition,.achievement-congratulations{margin:8px 0 15px}
.achievement-congratulations{margin-bottom:0}
.achievement-progress{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}
.achievement-progress strong{font-weight:550;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.achievement-popover progress{display:block;width:100%;height:4px;border:0;border-radius:4px;margin-top:8px;overflow:hidden;background:#3c5251;color:var(--accent)}
.achievement-popover progress::-webkit-progress-bar{background:#3c5251}
.achievement-popover progress::-webkit-progress-value{background:var(--accent)}
.achievement-popover progress::-moz-progress-bar{background:var(--accent)}
.achievement-genres-label{display:block;margin-top:18px;font-size:11px;color:var(--muted)}
.achievement-genres{display:flex;flex-wrap:wrap;gap:5px 12px;list-style:none;margin:6px 0 0;padding:0;color:#c8ddd5;font-size:12px}
@media(max-width:580px){
 .achievement-gallery{column-gap:7px;row-gap:20px}
 .achievement{padding-left:0;padding-right:0}
 .achievement-name{font-size:11px}
 .achievement[data-achievement="mastery"] .achievement-name{font-size:13px}
 .achievements-section{margin-top:26px}
}
@media(prefers-reduced-motion:reduce){.achievement-art{transition:none}.achievement:hover .achievement-art,.achievement[aria-expanded="true"] .achievement-art{transform:none}}

.achievement-close{position:absolute;top:8px;right:8px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:24px;line-height:1;padding:0}
.achievement-close:hover{background:#ffffff0a;color:var(--text)}
.achievement-kind,.achievement-title{padding-right:18px}