.achievement-card,.achievement-lab{--ach-paper:var(--paper-surface,#fffdf8);--ach-paper-2:var(--paper-muted,#f3efea);--ach-ink:var(--foreground,#14201b);--ach-muted:var(--muted-foreground,#5c665f);--ach-line:color-mix(in oklab, var(--ach-ink) 14%, transparent);--ach-forest:var(--forest-green,#047857);--ach-forest-deep:var(--forest-dark,#064e3b);--ach-amber:var(--streak-amber,#ea580c);--ach-amber-bright:var(--streak-bright,#f97316);--ach-bronze:#a9653f;--ach-silver:#9aa7b4;--ach-gold:#c99a2e;--ach-platinum:#8fa99b;--ach-diamond:#2f6f6a;--ach-wax:#8b2e2e;--ach-tier:var(--ach-forest);--ach-veil:0}.dark .achievement-card,.dark .achievement-lab{--ach-paper:#151b17;--ach-paper-2:#0f1411;--ach-ink:#e7ede8;--ach-muted:#a8b4ad;--ach-line:color-mix(in oklab, var(--ach-ink) 16%, transparent);--ach-forest:#34d399;--ach-forest-deep:#10b981;--ach-amber:#fb923c;--ach-amber-bright:#fdba74;--ach-bronze:#c98a62;--ach-silver:#b7c3ce;--ach-gold:#e0b64a;--ach-platinum:#a9c1b4;--ach-diamond:#6fb9b1;--ach-wax:#b24a4a}.celebration-story-card{margin-top:28px}.celebration-story-card .achievement-card{--ach-paper:#fffdf8;--ach-paper-2:#f3efea;--ach-ink:#14201b;--ach-muted:#5c665f;--ach-line:#14201b24}@supports (color:lab(0% 0 0)){.celebration-story-card .achievement-card{--ach-line:lab(10.9753% -6.58116 1.62465/.14)}}.achievement-card{width:var(--ach-card-width,240px);color:var(--ach-ink);font-family:var(--font-body,ui-sans-serif, system-ui, sans-serif);flex:none;container-type:inline-size}.achievement-card[data-size=thumb]{--ach-card-width:44px;--ach-pad:3px;--ach-gap:2px;--ach-meta:4px;--ach-seal:11px;--ach-emblem:74%}.achievement-card[data-size=compact]{--ach-card-width:120px;--ach-pad:5px;--ach-gap:3px;--ach-title:9px;--ach-story:6px;--ach-meta:5px;--ach-seal:18px;--ach-emblem:50%}.achievement-card[data-size=standard]{--ach-card-width:240px;--ach-pad:8px;--ach-gap:6px;--ach-title:15px;--ach-story:9.5px;--ach-meta:6.5px;--ach-seal:28px;--ach-emblem:46%}.achievement-card[data-size=hero]{--ach-card-width:320px;--ach-pad:10px;--ach-gap:8px;--ach-title:21px;--ach-story:11.5px;--ach-meta:7.5px;--ach-seal:34px;--ach-emblem:42%}.achievement-card__button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:0;display:block}.achievement-card__button--static{cursor:default;margin:0}.achievement-card__button:focus-visible{outline:2px solid var(--ring,var(--ach-forest));outline-offset:3px}.achievement-card__frame{isolation:isolate;gap:var(--ach-gap,6px);min-height:calc(var(--ach-card-width,240px) * 1.25);padding:var(--ach-pad,8px);background:var(--ach-paper);border:1px solid var(--ach-line);box-shadow:0 1px 2px color-mix(in oklab, var(--ach-ink) 7%, transparent), 0 16px 28px -22px color-mix(in oklab, var(--ach-ink) 38%, transparent);border-radius:18px;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.achievement-card__frame:after{content:"";z-index:4;pointer-events:none;opacity:.18;background-image:radial-gradient(circle at 1px 1px, color-mix(in oklab, var(--ach-ink) 22%, transparent) .6px, transparent .8px);mix-blend-mode:multiply;background-size:4px 4px;position:absolute;inset:0}.dark .achievement-card__frame:after{opacity:.12;mix-blend-mode:screen}.achievement-card__button:hover .achievement-card__frame{box-shadow:0 1px 2px color-mix(in oklab, var(--ach-ink) 7%, transparent), 0 22px 34px -22px color-mix(in oklab, var(--ach-ink) 45%, transparent);transform:translateY(-2px)}.achievement-card[data-kind=story]{--ach-tier:var(--ach-amber)}.achievement-card[data-kind=feat]{--ach-tier:var(--ach-forest)}.achievement-card[data-kind=meta]{--ach-tier:var(--ach-gold)}.achievement-card[data-kind=secret]{--ach-tier:var(--ach-wax)}.achievement-card[data-kind=honour]{--ach-tier:var(--ach-gold)}.achievement-card[data-state=legacy]{--ach-tier:var(--ach-muted)}.achievement-card[data-tier="1"]{--ach-tier:var(--ach-bronze)}.achievement-card[data-tier="2"]{--ach-tier:var(--ach-silver)}.achievement-card[data-tier="3"]{--ach-tier:var(--ach-gold)}.achievement-card[data-tier="4"]{--ach-tier:var(--ach-platinum)}.achievement-card[data-tier="5"]{--ach-tier:var(--ach-diamond)}.achievement-card[data-kind=feat] .achievement-card__frame{border-radius:4px 18px}.achievement-card[data-kind=story] .achievement-card__frame{border-radius:8px}.achievement-card[data-kind=secret]{--ach-paper:#0f1512;--ach-paper-2:#0a0f0c;--ach-ink:#e7ede8;--ach-muted:#a8b4ad;--ach-line:#e7ede824}.achievement-card[data-kind=secret] .achievement-card__frame{background:#0f1512}.achievement-card[data-state=legacy] .achievement-card__frame{filter:grayscale(.55);opacity:.92}.achievement-card__top{z-index:3;min-height:calc(var(--ach-seal,28px) + 2px);align-items:center;gap:5px;display:flex;position:relative}.achievement-card__family{min-width:0;color:var(--ach-muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--ach-meta,6.5px);letter-spacing:.1em;text-transform:uppercase;flex:1;align-items:center;gap:4px;font-weight:700;display:inline-flex}.achievement-card__family-icon{width:calc(var(--ach-meta,6.5px) + 4px);height:calc(var(--ach-meta,6.5px) + 4px);color:var(--ach-tier);flex:none}.achievement-card__family-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.achievement-card__number{color:var(--ach-muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:calc(var(--ach-meta,6.5px) - .5px);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:.82}.achievement-card__postmark{border:1px dashed color-mix(in oklab, var(--ach-amber) 70%, var(--ach-line));color:var(--ach-amber);font-family:var(--font-mono,ui-monospace, monospace);font-size:calc(var(--ach-meta,6.5px) - .5px);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:4px;flex:none;padding:2px 4px;font-weight:700;line-height:1.1;transform:rotate(-4deg)}.achievement-seal{width:var(--ach-seal,28px);height:var(--ach-seal,28px);color:var(--ach-ink);background:color-mix(in oklab, var(--ach-tier) 18%, var(--ach-paper));border:1px solid color-mix(in oklab, var(--ach-tier) 55%, var(--ach-line));box-shadow:inset 0 1px 0 #ffffff3d, 0 1px 2px color-mix(in oklab, var(--ach-ink) 16%, transparent);flex:none;place-items:center;display:grid;position:relative}@supports (color:lab(0% 0 0)){.achievement-seal{box-shadow:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.24), 0 1px 2px color-mix(in oklab, var(--ach-ink) 16%, transparent)}}.achievement-seal[data-shape=circle]{border-radius:50%}.achievement-seal[data-shape=square]{border-radius:5px}.achievement-seal[data-shape=hex]{clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);border-radius:0}.achievement-seal[data-shape=octagon]{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);border-radius:0}.achievement-seal[data-shape=star]{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);border-radius:0}.achievement-seal[data-shape=stamp]{border-style:dashed;border-radius:2px;transform:rotate(-5deg)}.achievement-seal[data-shape=postmark]{border-style:dashed;border-radius:50%}.achievement-seal[data-shape=ribbon]{clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);border-radius:2px 2px 50% 50%}.achievement-seal[data-shape=wax]{border-color:color-mix(in oklab, var(--ach-wax) 60%, #000);background:var(--ach-wax);color:#fff;border-radius:50%;box-shadow:inset 0 1px #ffffff3d,0 2px 4px #00000047}.achievement-seal__short{font-family:var(--font-mono,ui-monospace, monospace);font-size:calc(var(--ach-seal,28px) * .36);font-weight:800;line-height:1}.achievement-seal__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.achievement-card__art{z-index:1;aspect-ratio:16/10;background:var(--ach-paper-2);border:1px solid var(--ach-line);border-radius:10px;display:block;position:relative;overflow:hidden}.achievement-card[data-kind=story] .achievement-card__art{border-style:dashed;border-radius:4px}.achievement-card[data-size=thumb] .achievement-card__art{aspect-ratio:1}.achievement-plate,.achievement-plate svg{width:100%;height:100%;display:block;position:absolute;inset:0}.achievement-card__veil{background:var(--ach-paper);opacity:var(--ach-veil,0);position:absolute;inset:0}.achievement-card[data-state=locked] .achievement-plate,.achievement-card[data-state=progress] .achievement-plate{filter:saturate(.45)contrast(.95)}.achievement-card__emblem-wrap{width:var(--ach-emblem,46%);aspect-ratio:1;color:var(--ach-ink);background:color-mix(in oklab, var(--ach-paper) 88%, transparent);border:1px solid var(--ach-line);box-shadow:0 6px 16px color-mix(in oklab, var(--ach-ink) 14%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.achievement-card[data-state=locked] .achievement-card__emblem-wrap,.achievement-card[data-state=progress] .achievement-card__emblem-wrap{opacity:.72}.achievement-emblem{width:68%;height:68%;overflow:visible}.achievement-emblem__accent{fill:var(--ach-tier);stroke:none;opacity:.9}.achievement-card__secret-mark{aspect-ratio:1;color:#fff;background:var(--ach-wax);width:42%;font-family:var(--font-display,serif);border:2px solid #fff3;border-radius:50%;place-items:center;font-size:clamp(14px,16cqw,42px);font-weight:800;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #00000052}.achievement-card__redaction{background:repeating-linear-gradient(to bottom, color-mix(in oklab, var(--ach-ink) 30%, transparent) 0 3px, transparent 3px 12px);opacity:.28;display:block;position:absolute;inset:18% 12%;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.achievement-card__body{z-index:3;flex-direction:column;flex:1;gap:3px;padding:1px 2px 2px;display:flex;position:relative}.achievement-card__title{color:var(--ach-ink);font-family:var(--font-display,ui-serif, serif);font-size:var(--ach-title,15px);letter-spacing:-.025em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:800;line-height:1.05;display:-webkit-box;overflow:hidden}.achievement-card__story{color:var(--ach-muted);font-size:var(--ach-story,9.5px);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.achievement-card__progress{flex-direction:column;gap:4px;margin-top:auto;padding-top:4px;display:flex}.achievement-card__progress-label{color:var(--ach-muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:calc(var(--ach-meta,6.5px) - .5px);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;gap:6px;line-height:1.1;display:flex}.achievement-card__progress-label span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.achievement-card__progress-bar{background:var(--ach-paper-2);border-radius:999px;height:4px;display:block;overflow:hidden}.achievement-card__progress-fill{background:var(--ach-tier);border-radius:inherit;height:100%;transition:width .5s;display:block}.achievement-card__earned{color:var(--ach-tier);font-family:var(--font-mono,ui-monospace, monospace);font-size:calc(var(--ach-meta,6.5px) - .5px);letter-spacing:.08em;text-transform:uppercase;margin-top:auto;padding-top:4px;font-weight:700;line-height:1.1}.achievement-card__criteria{color:var(--ach-muted);font-size:calc(var(--ach-story,9.5px) - .5px);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.achievement-card__criteria--earned{opacity:.9;margin-top:2px}.achievement-card[data-treatment=postcard] .achievement-card__frame{border-radius:6px;gap:8px}.achievement-card__postcard-art{z-index:1;aspect-ratio:16/10;background:var(--ach-paper-2);border:1px dashed color-mix(in oklab, var(--ach-ink) 24%, transparent);border-radius:4px;display:block;position:relative;overflow:hidden}.achievement-card__postcard-veil{background:var(--ach-paper);opacity:var(--ach-veil,0);position:absolute;inset:0}.achievement-card__postcard-emblem{width:38%;height:38%;color:var(--ach-ink);filter:drop-shadow(0 3px 5px color-mix(in oklab, var(--ach-ink) 38%, transparent));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.achievement-card__postcard-stamp{color:var(--ach-amber);background:color-mix(in oklab, var(--ach-paper) 82%, transparent);border:1px dashed color-mix(in oklab, var(--ach-amber) 70%, var(--ach-line));font-family:var(--font-mono,ui-monospace, monospace);font-size:calc(var(--ach-meta,6.5px) - .5px);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:3px 6px;font-weight:700;line-height:1.1;position:absolute;top:8px;right:8px;transform:rotate(-4deg)}.achievement-card__body--postcard{gap:4px;padding:2px}.achievement-card[data-state=locked] .achievement-card__postcard-art .achievement-plate{filter:saturate(.45)contrast(.95)}.achievement-card[data-state=locked] .achievement-card__postcard-emblem{opacity:.6}.achievement-card[data-state=locked] .achievement-card__postcard-stamp{opacity:.55}.achievement-card[data-size=thumb] .achievement-card__postcard-art{aspect-ratio:1}.achievement-card[data-size=thumb] .achievement-card__body--postcard{display:none}.achievement-card[data-treatment=sticker] .achievement-card__frame{background:var(--ach-paper);border:4px solid var(--ach-paper);box-shadow:0 0 0 1px var(--ach-line), 0 18px 30px -22px color-mix(in oklab, var(--ach-ink) 45%, transparent);border-radius:8px;gap:8px}.achievement-card__sticker-art{z-index:1;aspect-ratio:16/10;background:var(--ach-paper-2);border:1px solid var(--ach-line);border-radius:4px;display:block;position:relative;overflow:hidden}.achievement-card__sticker-art .achievement-card__veil{position:absolute;inset:0}.achievement-card__sticker-emblem{width:38%;height:38%;color:var(--ach-ink);filter:drop-shadow(0 4px 6px color-mix(in oklab, var(--ach-ink) 38%, transparent));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.achievement-card__body--sticker{gap:4px;padding:2px}.achievement-card[data-treatment=sticker][data-kind=secret] .achievement-card__sticker-art{background:#0b1511}.achievement-card[data-treatment=scene] .achievement-card__frame{gap:8px}.achievement-card__scene-art{z-index:1;aspect-ratio:16/10;border:1px solid var(--ach-line);background:#0b1b19;border-radius:10px;display:block;position:relative;overflow:hidden}.achievement-card__scene-art>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.achievement-card__scene-seal{z-index:4;filter:drop-shadow(0 3px 5px #0000004d);position:absolute;top:8px;right:8px;transform:rotate(-4deg)}.achievement-card__body--scene{gap:4px;padding:2px}.achievement-card__day{color:var(--ach-muted);font-size:calc(var(--ach-story,9.5px) - .5px);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-style:italic;line-height:1.35;display:-webkit-box;overflow:hidden}.achievement-card__margin{color:var(--ach-muted);border-top:1px solid var(--ach-line);font-family:var(--font-mono,ui-monospace, monospace);font-size:calc(var(--ach-meta,6.5px) - .5px);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:8px;padding-top:4px;font-weight:700;display:flex}.achievement-card__scene-progress,.achievement-card__scene-paused,.achievement-card__scene-prepared{font-family:var(--font-mono,ui-monospace, monospace);font-size:calc(var(--ach-meta,6.5px) - .5px);letter-spacing:.06em;text-transform:uppercase;margin-top:auto;padding-top:5px;font-weight:700;line-height:1.1}.achievement-card__scene-progress{color:var(--ach-tier)}.achievement-card__scene-paused,.achievement-card__scene-prepared{color:var(--ach-muted)}.achievement-card[data-size=thumb] .achievement-card__scene-art{aspect-ratio:1}.achievement-card[data-size=thumb] .achievement-card__scene-art>svg{transform-origin:40% 60%;transform:scale(1.45)}.achievement-card[data-size=thumb] .achievement-card__scene-seal{top:3px;right:3px}.achievement-card[data-size=thumb] .achievement-card__body--scene,.achievement-card[data-size=compact] .achievement-card__margin,.achievement-card[data-size=compact] .achievement-card__story{display:none}.achievement-card[data-size=compact] .achievement-card__body--scene{gap:2px}.achievement-card[data-size=compact] .achievement-card__scene-progress,.achievement-card[data-size=compact] .achievement-card__scene-paused,.achievement-card[data-size=compact] .achievement-card__scene-prepared{padding-top:2px}.achievement-card[data-size=thumb] .achievement-card__family,.achievement-card[data-size=thumb] .achievement-card__number,.achievement-card[data-size=thumb] .achievement-card__postmark,.achievement-card[data-size=thumb] .achievement-card__body{display:none}.achievement-card[data-size=thumb] .achievement-card__top{z-index:6;min-height:0;position:absolute;top:3px;right:3px}.achievement-card[data-size=thumb] .achievement-card__frame{border-radius:8px;gap:0;min-height:0;padding:3px}.achievement-card[data-size=thumb] .achievement-seal{position:static}.achievement-card[data-size=compact] .achievement-card__story,.achievement-card[data-size=compact] .achievement-card__criteria,.achievement-card[data-size=compact] .achievement-card__progress-label{display:none}.achievement-card[data-size=compact] .achievement-card__title{-webkit-line-clamp:1}.achievement-card[data-size=compact] .achievement-card__postmark{padding:1px 3px;font-size:4px}.achievement-card[data-size=compact] .achievement-card__body{gap:2px;padding-top:0}.achievement-card[data-size=hero] .achievement-card__story{-webkit-line-clamp:3}.achievement-card[data-size=hero] .achievement-card__frame{box-shadow:0 2px 3px color-mix(in oklab, var(--ach-ink) 7%, transparent), 0 26px 48px -28px color-mix(in oklab, var(--ach-ink) 48%, transparent)}
