/* Achievements borrow the same progress, task row, and tab patterns as the rest of WordWise. */
#page-achievements .achievement-heading,
#page-achievements .achievement-categories,
#page-achievements .achievement-toolbar,
#page-achievements .achievement-list{max-width:900px}
#page-achievements .achievement-heading{align-items:center;gap:1rem;margin-bottom:1rem}
#page-achievements .achievement-summary{display:flex;align-items:baseline;gap:.45rem;min-width:0;padding:.45rem .7rem;border-left:2px solid color-mix(in srgb,var(--gold) 60%,var(--line));border-radius:0 .35rem .35rem 0;background:color-mix(in srgb,var(--card) 86%,var(--mint));color:var(--muted)}
#page-achievements .achievement-summary strong{color:var(--green);font:600 1.35rem/1 var(--serif)}
#page-achievements .achievement-summary span{font-size:.62rem;line-height:1.4}
#page-achievements .achievement-categories{flex-wrap:nowrap;gap:0;margin:0;padding:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
#page-achievements .achievement-categories::-webkit-scrollbar{display:none}
#page-achievements .achievement-categories button{transition:color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}
#page-achievements .achievement-categories button:focus-visible{outline:2px solid color-mix(in srgb,var(--green) 60%,transparent);outline-offset:-2px}
#page-achievements .achievement-toolbar{position:static;top:auto;z-index:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2rem;margin:.55rem 0 .7rem;padding:0;border:0;background:transparent;box-shadow:none}
#page-achievements .achievement-toolbar p{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;color:var(--muted);font-size:.7rem}
#page-achievements .achievement-claim-all{min-height:2rem;padding:.4rem .72rem;border-radius:.35rem;box-shadow:none;font-size:.66rem}
#page-achievements .achievement-list{display:grid;gap:.6rem;width:100%}
#page-achievements .achievement-row{grid-template-columns:32px minmax(0,1.25fr) minmax(150px,.8fr) minmax(74px,auto);align-items:center;gap:clamp(.75rem,1.8vw,1.25rem);min-height:96px;padding:15px 16px;border:1px solid var(--line);border-radius:7px;background:var(--card);box-shadow:none;transition:border-color .18s ease,background-color .18s ease}
#page-achievements .achievement-row.in-progress{background:var(--card)}
#page-achievements .achievement-row.ready{border-color:color-mix(in srgb,#6279c8 46%,var(--line));background:color-mix(in srgb,var(--card) 96%,#e7e8fa)}
#page-achievements .achievement-row.claimed{border-color:color-mix(in srgb,var(--green) 38%,var(--line));background:color-mix(in srgb,var(--card) 98%,var(--mint))}
#page-achievements .achievement-mark{width:32px;height:32px;border:1px solid var(--line);border-radius:.35rem;background:var(--paper);color:var(--muted)}
#page-achievements .achievement-mark i{display:block;width:.58rem;height:.58rem;border:1.5px solid currentColor;border-radius:50%;background:transparent}
#page-achievements .achievement-row.ready .achievement-mark{border-color:#cfd4f0;background:#eef0ff;color:#5369b5}
#page-achievements .achievement-row.ready .achievement-mark i{border-color:#6478c7;border-radius:.12rem;background:#6478c7}
#page-achievements .achievement-row.claimed .achievement-mark{border-color:color-mix(in srgb,var(--green) 48%,var(--line));background:var(--mint);color:var(--green)}
#page-achievements .achievement-row.claimed .achievement-mark i{width:.66rem;height:.36rem;border-width:0 0 1.5px 1.5px;border-radius:0;transform:rotate(-45deg) translate(1px,-1px)}
#page-achievements .achievement-copy{min-width:0}
#page-achievements .achievement-copy h2{margin:.08rem 0;font:600 1.05rem var(--serif);letter-spacing:0}
#page-achievements .achievement-copy>p{margin:.18rem 0;color:var(--muted);font-size:.68rem;line-height:1.45}
#page-achievements .achievement-reward{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .45rem;margin-top:.42rem;color:var(--green);font-size:.59rem;font-weight:600}
#page-achievements .achievement-reward>span{color:var(--muted);font:.52rem var(--mono);letter-spacing:.07rem}
#page-achievements .achievement-progress{min-width:0;align-self:center}
#page-achievements .achievement-progress>div{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.38rem;color:var(--muted);font:.58rem var(--mono)}
#page-achievements .achievement-progress strong{color:var(--ink);font-weight:600;white-space:nowrap}
#page-achievements .achievement-progress>i{display:block;height:4px;overflow:hidden;border-radius:99px;background:var(--line)}
#page-achievements .achievement-progress>i>b{display:block;height:100%;border-radius:inherit;background:#839d8b;transition:width .22s ease}
#page-achievements .achievement-row.ready .achievement-progress>i>b{background:#6478c7}
#page-achievements .achievement-row.claimed .achievement-progress>i>b{background:var(--green)}
#page-achievements .achievement-action{min-width:5.5rem;text-align:right}
#page-achievements .achievement-action-label{color:var(--muted);font:600 .61rem var(--sans);white-space:nowrap}
#page-achievements .achievement-row.claimed .achievement-action-label{color:var(--green)}
#page-achievements .achievement-claim{min-width:5.25rem;min-height:2rem;margin:0;padding:.38rem .68rem;border:1px solid #cfd4f0;border-radius:.35rem;background:#eef0ff;color:#5369b5;box-shadow:none;font-size:.67rem}
#page-achievements .achievement-claim:hover{background:#e6e9ff}
#page-achievements .achievement-claim:focus-visible{outline:2px solid color-mix(in srgb,#6279c8 60%,transparent);outline-offset:2px}
#page-achievements .achievement-list.achievement-list-entering{animation:wordwise-list-enter var(--motion-fast) var(--motion-ease) both}
@media(max-width:740px){#page-achievements .achievement-heading{align-items:flex-start;flex-direction:column}#page-achievements .achievement-row{grid-template-columns:32px minmax(0,1fr);min-height:0;gap:.7rem}#page-achievements .achievement-progress,#page-achievements .achievement-action{grid-column:2;text-align:left}#page-achievements .achievement-action{min-height:1.8rem}#page-achievements .achievement-toolbar{align-items:flex-start}}
@media(max-width:480px){#page-achievements .achievement-row{padding:.82rem}#page-achievements .achievement-progress,#page-achievements .achievement-action{grid-column:1/-1}#page-achievements .achievement-action .achievement-claim{width:100%}#page-achievements .achievement-toolbar{align-items:stretch;flex-direction:column}#page-achievements .achievement-toolbar .button{width:100%}}
@media(prefers-reduced-motion:reduce){#page-achievements .achievement-row,#page-achievements .achievement-categories button,#page-achievements .achievement-categories button::after,#page-achievements .achievement-progress>i>b,#page-achievements .achievement-list.achievement-list-entering{transition:none;animation:none!important}}