#achievements-view,.account-achievements-panel{max-width:980px;margin:0 auto;padding:8px 0 28px}
.achievements-summary{margin:0 0 22px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 4px 22px #00131c14}
.achievements-summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px 20px;margin-bottom:16px}
.achievements-summary h2{margin:6px 0 8px;font:800 clamp(26px,3.2vw,34px) Manrope,sans-serif;letter-spacing:-.03em}
.achievements-lede{margin:0;font-size:14px;line-height:1.65;color:var(--muted);max-width:52ch}
.achievements-score{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--mint) 35%,var(--line));background:color-mix(in srgb,var(--mint) 10%,transparent);font:700 15px Manrope,sans-serif;white-space:nowrap;color:var(--mint)}
.achievements-score .icon{width:22px;height:22px;margin:0!important;flex:0 0 22px;color:var(--mint);filter:drop-shadow(0 1px 0 color-mix(in srgb,var(--mint) 35%,transparent))}
.achievements-score .icon use{color:inherit}
.achievements-score strong{font-size:18px;color:inherit}
.achievements-score-sep{opacity:.55;margin:0 2px}
.achievements-overall{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 12px;align-items:center}
.achievements-overall-label{grid-column:1;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.achievements-overall-pct{grid-column:2;grid-row:1 / span 2;font:700 13px Manrope,sans-serif;color:var(--muted)}
.achievements-overall-track{grid-column:1;height:8px;border-radius:999px;background:color-mix(in srgb,var(--line) 55%,transparent);overflow:hidden}
.achievements-overall-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),color-mix(in srgb,var(--mint) 70%,#fff));transition:width .35s ease}
.achievement-category{margin:0 0 24px}
.achievement-category-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0 2px}
.achievement-category-head h3{margin:0;font:700 13px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.achievement-category-count{font-size:12px;font-weight:700;color:var(--mint);padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--mint) 30%,var(--line));background:color-mix(in srgb,var(--mint) 8%,transparent)}
.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.achievement-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 14px 13px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 35%,var(--panel));min-height:100%}
.achievement-card.is-unlocked{border-color:color-mix(in srgb,var(--mint) 45%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--mint) 18%,transparent)}
.achievement-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--line) 40%,transparent);color:var(--muted);flex-shrink:0}
.achievement-card.is-unlocked .achievement-icon{background:color-mix(in srgb,var(--mint) 16%,transparent);color:var(--mint)}
.achievement-icon .icon{width:20px;height:20px;margin:0!important;overflow:visible}
.achievement-icon svg use{color:inherit}
.achievement-body{min-width:0}
.achievement-body h3{margin:0 0 4px;font:700 15px/1.25 Manrope,sans-serif;letter-spacing:-.02em}
.achievement-body p{margin:0 0 10px;font-size:11px;line-height:1.45;color:var(--muted)}
.achievement-progress{height:6px;border-radius:999px;background:color-mix(in srgb,var(--line) 50%,transparent);overflow:hidden;margin-bottom:6px}
.achievement-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3a8fae,var(--mint));transition:width .35s ease}
.achievement-card.is-unlocked .achievement-progress-fill{background:linear-gradient(90deg,var(--mint),#9ef5de)}
.achievement-fraction{margin:0;font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--muted)}
.achievement-lock{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;color:var(--muted);opacity:.5}
.achievement-lock .icon{width:15px;height:15px;margin:0!important}
[data-theme=light] .achievements-summary{background:#fff;border-color:#d3e8f5;box-shadow:0 8px 28px #1676b10f}
[data-theme=light] .achievements-summary h2{color:#123e62}
[data-theme=light] .achievement-card{background:#f7fbfe;border-color:#d3e8f5}
[data-theme=light] .achievement-card.is-unlocked{border-color:#9ad4bc;background:#f3fbf8}
[data-theme=light] .achievement-icon{background:#eef6fc;color:#5a849c}
[data-theme=light] .achievement-card.is-unlocked .achievement-icon{background:#e5faf2;color:#06706a}
@media(max-width:900px){.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.achievements-summary-top{flex-direction:column;align-items:stretch}.achievements-score{align-self:flex-start}.achievement-grid{grid-template-columns:1fr}}

.achievement-pop-stack{position:fixed;z-index:12000;right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:min(360px,calc(100vw - 32px));pointer-events:none;display:flex;flex-direction:column;gap:10px}
.achievement-pop{pointer-events:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 14px 13px;border-radius:14px;border:1px solid color-mix(in srgb,var(--mint) 45%,var(--line));background:color-mix(in srgb,var(--panel) 94%,#000);box-shadow:0 12px 40px #00101866,0 0 0 1px color-mix(in srgb,var(--mint) 12%,transparent);transform:translateY(16px) scale(.96);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.2,1),opacity .35s ease}
.achievement-pop.is-visible{transform:translateY(0) scale(1);opacity:1}
.achievement-pop.is-leaving{transform:translateY(8px) scale(.98);opacity:0;transition-duration:.28s}
.achievement-pop-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--mint) 18%,transparent);color:var(--mint);flex-shrink:0}
.achievement-pop-icon .icon{width:22px;height:22px;margin:0!important}
.achievement-pop-eyebrow{margin:0 0 2px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mint)}
.achievement-pop-title{margin:0 0 4px;font:700 16px/1.25 Manrope,sans-serif;letter-spacing:-.02em;color:#e8f2f6}
.achievement-pop-desc{margin:0;font-size:12px;line-height:1.45;color:var(--muted)}
.achievement-pop-dismiss{align-self:flex-start;margin:-4px -4px 0 0;padding:6px!important;min-height:0;color:var(--muted)}
.achievement-pop-dismiss .icon{width:16px;height:16px;margin:0!important}
[data-theme=light] .achievement-pop{background:#fff;border-color:#9ad4bc;box-shadow:0 14px 36px #1676b124}
[data-theme=light] .achievement-pop-title{color:#123e62}

.account-achievements{margin:28px 0 0;padding:22px 20px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 88%,transparent)}
.account-achievements-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px 18px;margin-bottom:14px}
.account-achievements-head h2{margin:0 0 6px;font:700 20px Manrope,sans-serif}
.account-achievements-score{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--mint) 35%,var(--line));background:color-mix(in srgb,var(--mint) 10%,transparent);font:700 14px Manrope,sans-serif;color:var(--mint);white-space:nowrap}
.account-achievements-score .icon{width:20px;height:20px;margin:0!important;color:var(--mint)}
.account-achievements-score .icon use{color:inherit}
.account-achievements-score span{opacity:.75;font-weight:600}
.account-achievements-overall{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.account-achievements-overall-track{flex:1;height:7px;border-radius:999px;background:color-mix(in srgb,var(--line) 55%,transparent);overflow:hidden}
.account-achievements-overall-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),color-mix(in srgb,var(--mint) 65%,#fff))}
.account-achievements-overall-pct{font-size:12px;font-weight:700;color:var(--muted);min-width:2.5em;text-align:right}
.account-achievement-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.account-achievement-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 11px 7px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--mint) 40%,var(--line));background:color-mix(in srgb,var(--mint) 8%,transparent);font-size:12px;font-weight:600;color:#e8f2f6}
.account-achievement-chip-icon{display:inline-flex;color:var(--mint)}
.account-achievement-chip-icon .icon{width:15px;height:15px;margin:0!important}
.account-achievement-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-achievement-empty{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.account-achievements-actions{margin:14px 0 0}
.account-achievements-link{display:inline-flex;align-items:center;gap:6px;font-weight:600}
[data-theme=light] .account-achievements{background:#fff;border-color:#d3e8f5}
[data-theme=light] .account-achievement-chip{color:#123e62}