.achievements-page{max-width:1120px;margin-inline:auto;padding-block:32px 72px}
.achievements-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}
.achievements-heading h1{font-size:clamp(30px,4vw,46px);margin:10px 0 0}
.achievement-hero{display:flex;align-items:center;gap:28px;padding:clamp(24px,5vw,48px);border:1px solid #3b3b3b;border-radius:24px;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent)}
.achievement-hero-mark{display:grid;place-items:center;width:88px;height:88px;flex-shrink:0;border:1px solid #505050;border-radius:50%;color:#f5f5f5}
.achievement-hero-mark svg{width:42px;height:42px}
.achievement-hero h2{font-size:clamp(23px,3vw,33px);line-height:1.6;margin:0 0 12px;max-width:26ch}
.achievement-hero p{color:#aaa;line-height:1.9;margin:0 0 24px;max-width:56ch}
.achievements-page .btn{border-radius:12px;min-height:44px}
.achievement-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 40px;border-block:1px solid #303030;padding:24px 0;gap:20px}
.achievement-totals>div{padding-inline:24px;border-inline-start:1px solid #303030}.achievement-totals>div:first-child{border:0}
.achievement-totals dt{color:#aaa;font-size:14px}.achievement-totals dd{font-size:32px;font-weight:600;margin:10px 0 0;font-variant-numeric:tabular-nums}.achievement-totals dd span{font-size:16px;color:#888;font-weight:400}
.achievement-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:48px}
.achievement-milestone{position:relative;padding:26px;border:1px solid #303030;border-radius:20px;background:transparent}.achievement-milestone.is-earned{border-color:#606060;background:rgba(255,255,255,.025)}
.achievement-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #444;color:#aaa;margin-bottom:20px}.is-earned .achievement-symbol{background:#ededed;color:#101010;border-color:#ededed}.achievement-symbol svg{width:23px;height:23px}
.achievement-status{font-size:12px;color:#aaa}.is-earned .achievement-status{color:#eee}.achievement-milestone h2{font-size:23px;margin:8px 0}.achievement-milestone p{line-height:1.9;color:#aaa;margin:0}
.achievement-units>header,.achievement-week>header{margin-bottom:22px}.achievement-units h2,.achievement-week h2{font-size:24px;margin:0 0 8px}.achievement-units header p,.achievement-week header p{color:#999;font-size:14px;line-height:1.8;margin:0}
.achievement-units>ul,.achievement-week>ul{list-style:none;margin:0;padding:0}
.achievement-unit{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #2d2d2d}.achievement-unit:first-child{border-top:1px solid #2d2d2d}.achievement-unit-mark{color:#888;flex-shrink:0}.achievement-unit-mark svg{width:26px;height:26px}.achievement-unit.is-earned .achievement-unit-mark{color:#eee}.achievement-unit-copy{flex:1;min-width:0}.achievement-unit h3{font-size:20px;margin:6px 0;line-height:1.6}.achievement-unit p{font-size:13px;color:#999;margin:0 0 14px}.achievement-unit .progress-line{max-width:430px}.achievement-unit-count{display:block;font-size:12px;color:#999;margin-top:8px;line-height:1.8}.achievement-unit .btn{flex-shrink:0}
.achievement-week{margin-top:48px}.achievement-week li{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #292929}.achievement-week li>span{display:flex;color:#aaa}.achievement-week svg{width:18px;height:18px}.achievement-week li>a{flex:1;line-height:1.8;color:#eee}.achievement-week time{color:#999;font-size:12px;flex-shrink:0}.achievement-empty{padding:22px;border:1px dashed #3b3b3b;border-radius:16px;color:#aaa;line-height:1.9}.achievement-empty p{margin:0 0 12px}
.achievement-entry-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.achievement-entry-links .quiet-link{white-space:nowrap}
.achievement-unit-summary{margin-top:16px;max-width:64ch;font-size:14px;line-height:1.9;color:#bbb}
.achievement-unit-summary>summary{width:fit-content;max-width:100%;padding:6px 0;cursor:pointer;color:#eee;list-style-position:inside;border-radius:4px}
.achievement-unit-summary>summary:focus-visible{outline:2px solid #eee;outline-offset:4px}
.achievement-unit-summary>ul{margin:10px 0 0;padding-inline-start:22px}
.achievement-unit-summary li{margin-block:7px;overflow-wrap:anywhere}
@media(max-width:650px){.achievements-page{padding-block:20px 44px}.achievement-hero{align-items:flex-start;flex-direction:column;gap:20px}.achievement-hero-mark{width:60px;height:60px}.achievement-hero-mark svg{width:30px;height:30px}.achievement-totals{gap:8px}.achievement-totals>div{padding-inline:10px}.achievement-totals dt{font-size:12px}.achievement-totals dd{font-size:26px}.achievement-totals dd span{display:block;font-size:12px}.achievement-milestones{grid-template-columns:1fr;gap:14px}.achievement-unit{flex-wrap:wrap;gap:14px}.achievement-unit .btn{margin-inline-start:40px}.achievement-week li{flex-wrap:wrap}.achievement-week li>a{flex-basis:calc(100% - 36px)}.achievement-week time{margin-inline-start:30px}.achievement-entry-links{gap:12px}}