.achievements-page .page-head p{max-width:640px}.ach-guest{font-size:14px}.medal-summary{background:var(--card);border:var(--line-width) solid var(--border);border-radius:var(--radius);align-items:center;gap:18px;margin:4px 0 14px;padding:14px 16px;display:flex}.ach-ring{flex:none;width:84px;height:84px;position:relative}.ach-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ach-ring circle{fill:none;stroke-width:4px}.ach-ring .track{stroke:color-mix(in srgb, var(--foreground) 10%, transparent)}.ach-ring .fill{stroke:var(--primary);stroke-linecap:round;stroke-dasharray:var(--p) 100;transition:stroke-dasharray .8s var(--ease-out)}.ach-ring span{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;inset:0}.ach-ring b{font-family:var(--font-title);font-size:24px;font-weight:800}.ach-ring small{color:var(--muted-foreground);font-size:12px}.ach-stats{flex:1;grid-template-columns:repeat(2,1fr);gap:8px 14px;margin:0;display:grid}.ach-stats div{flex-direction:column;display:flex}.ach-stats dt{color:var(--muted-foreground);font-size:12px}.ach-stats dd{font-family:var(--font-title);margin:0;font-size:22px;font-weight:800}@media (width>=640px){.ach-stats{grid-template-columns:repeat(4,1fr)}}.medal-recent{margin:0 0 18px}.medal-recent h2{margin-bottom:8px;font-size:18px}.medal-recent-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ach-mini{font:inherit;color:var(--foreground);cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:4px;display:flex}.ach-mini svg{width:54px;height:60px;overflow:visible}.ach-mini b{font-size:13px;line-height:1.2}.ach-mini small{color:var(--muted-foreground);font-size:11px}.ach-tabs{scrollbar-width:none;gap:8px;margin:4px 0 18px;padding-bottom:2px;display:flex;overflow-x:auto}.ach-tabs::-webkit-scrollbar{display:none}.ach-tabs a{color:var(--foreground);background:color-mix(in srgb, var(--c) var(--tint), var(--card));border:max(var(--line-width), 1px) solid var(--border);border-radius:99px;flex:none;padding:7px 14px;font-size:14px;font-weight:600;text-decoration:none}.ach-group{scroll-margin-top:calc(var(--header-h,60px) + 16px);margin:0 0 26px}.ach-group h2{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:22px;display:flex}.ach-group h2 .muted{font-size:14px;font-family:var(--font-body);font-weight:500}.ach-blurb{margin:2px 0 12px;font-size:15px}.ach-grid{grid-template-columns:repeat(3,1fr);gap:14px 8px;display:grid}@media (width>=640px){.ach-grid{grid-template-columns:repeat(5,1fr)}}@media (width>=1024px){.ach-grid{grid-template-columns:repeat(6,1fr)}}.ach{font:inherit;color:var(--foreground);cursor:pointer;text-align:center;border-radius:var(--radius);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;scroll-margin-top:120px;transition:transform .12s;display:flex;position:relative}.ach:active{transform:scale(.96)}@media (hover:hover){.ach:hover .ach-medal svg{transform:translateY(-3px)rotate(-3deg)}}.ach-medal svg{width:70px;height:77px;transition:transform .2s var(--ease-out), filter .2s;display:block;overflow:visible}.ach-name{font-size:13px;font-weight:700;line-height:1.2}.ach-pips{gap:3px;min-height:7px;display:flex}.ach-pips i{background:color-mix(in srgb, var(--foreground) 14%, transparent);border-radius:99px;width:12px;height:5px}.ach-pips i.on{background:var(--m);box-shadow:inset 0 0 0 1px #00000040}.ach-bar{background:color-mix(in srgb, var(--foreground) 10%, transparent);border-radius:99px;width:64px;height:4px;overflow:hidden}.ach-bar span{background:var(--c);border-radius:99px;width:0;height:100%;display:block}.ach[data-state=done] .ach-bar{visibility:hidden}.ach-lock{background:var(--card);border:1.5px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:14px;display:none;position:absolute;top:46px;left:50%}.ach-lock svg{fill:none;width:13px;height:13px;stroke:var(--foreground);stroke-width:2.2px}.ach[data-state=locked] .ach-lock{display:flex}.ach[data-state=locked] .ach-medal svg{filter:grayscale()opacity(.38)}.ach[data-state=locked] .ach-name{color:var(--muted-foreground)}.ach.fresh .ach-medal svg{animation:ach-fresh .9s var(--pop) both}@keyframes ach-fresh{0%{filter:brightness(1.5);transform:scale(.6)rotate(-12deg)}60%{transform:scale(1.1)rotate(3deg)}}.ach.flash{animation:1.6s 2 ach-flash}@keyframes ach-flash{50%{background:color-mix(in srgb, var(--primary) 25%, transparent)}}.ach-sheet{text-align:center}.ach-sheet-medal svg{width:110px;height:121px;animation:ach-fresh .7s var(--pop) both;margin:0 auto;display:block;overflow:visible}.ach-sheet.is-locked .ach-sheet-medal svg{filter:grayscale()opacity(.45)}.ach-sheet h2{margin-top:6px}.ach-sheet p{color:var(--muted-foreground);margin:4px 0 0}.ach-sheet-tiers{text-align:left;gap:8px;max-width:340px;margin:14px auto 0;padding:0;list-style:none;display:grid}.ach-sheet-tiers li{background:color-mix(in srgb, var(--foreground) 5%, var(--card));border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.ach-sheet-tiers li i{background:color-mix(in srgb, var(--foreground) 14%, transparent);border-radius:50%;flex:none;width:14px;height:14px}.ach-sheet-tiers li.got i{background:var(--m);box-shadow:inset 0 0 0 1.5px #0000004d}.ach-sheet-tiers li span{flex:1;font-weight:600}.ach-sheet-tiers li small{color:var(--muted-foreground);font-size:13px}.ach-sheet-tiers li.got{background:color-mix(in srgb, var(--c) 25%, var(--card))}@media (prefers-reduced-motion:reduce){.ach.fresh .ach-medal svg,.ach-sheet-medal svg{animation:none}}