.ach-page{padding-block:8px 40px}.ach-summary{justify-content:flex-end;margin-top:16px;display:flex}.ach-total{font:700 13px var(--f-mono);color:var(--violet);background:color-mix(in srgb,var(--violet) 14%,var(--surface));border:2px solid color-mix(in srgb,var(--violet) 35%,var(--line));font-variant-numeric:tabular-nums;border-radius:999px;padding:8px 12px}.ach-group{margin-top:26px}.ach-group-title{font:800 18px var(--f-display);color:var(--fg);letter-spacing:.02em;align-items:center;gap:10px;margin:0 0 12px;display:flex}.ach-group-title:after{content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--violet) 60%,var(--line)),transparent);border-radius:999px;flex:1;height:2px}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.ach-card{border:2px solid var(--line);background:var(--surface);box-shadow:var(--shadow);animation:achRise .45s var(--ease) both;transition:transform .25s var(--spring),border-color .2s,box-shadow .25s;border-radius:16px;gap:10px;min-width:0;padding:14px;display:grid;position:relative}.ach-card:hover{transform:translateY(-3px)}.ach-card.unlocked{border-color:var(--gold);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 12%,var(--surface-hi)),var(--surface) 72%)}.ach-card-top{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.ach-name{font:700 15px var(--f-body);color:var(--fg);overflow-wrap:anywhere;min-width:0;margin:0}.ach-check{background:radial-gradient(circle at 34% 30%,#ffe9a8,var(--gold) 60%,#a9761a 100%);color:#5a3c08;width:24px;height:24px;box-shadow:0 0 8px 1px color-mix(in srgb,var(--gold) 70%,transparent);border:2px solid #7a5310;border-radius:50%;flex:none;place-items:center;font-size:14px;line-height:1;display:grid}.ach-desc{font:500 13px/1.45 var(--f-body);color:var(--muted);min-width:0;margin:0}.ach-progress-row{align-items:center;gap:10px;display:flex}.ach-progress{background:color-mix(in srgb,var(--ink) 40%,var(--surface));border:2px solid var(--line);border-radius:999px;flex:1;height:12px;position:relative;overflow:hidden}.ach-progress-fill{background:linear-gradient(90deg,var(--violet),color-mix(in srgb,var(--violet) 55%,var(--gold)));height:100%;transition:width .6s var(--ease);border-radius:999px}.ach-card.unlocked .ach-progress-fill{background:linear-gradient(90deg,var(--gold),#ffe9a8)}.ach-progress-text{font:700 12px var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:54px}.ach-reward{font:700 13px var(--f-mono);color:var(--gold)}.ach-skeleton{border:2px solid var(--line);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-hi) 50%,var(--surface) 70%);background-size:200% 100%;border-radius:18px;place-items:center;height:180px;margin-top:20px;animation:1.4s linear infinite shimmer;display:grid;position:relative}.ach-connecting{font:600 14px var(--f-mono);color:var(--muted);letter-spacing:.08em}@keyframes achRise{0%{opacity:0;transform:translateY(14px)}}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width:480px){.ach-grid{grid-template-columns:1fr}.ach-summary{justify-content:flex-start}}