html:root .achv-root,html:root .hof-root,html:root .achv-toast-host{--achv-card:linear-gradient(180deg,#2b2c30 0%,#222326 46%,#1a1b1e 100%);--achv-card-bd:#d9b7744d;--achv-line:#e2c57d38;--achv-txt:#fff7e6;--achv-muted:#b9ad95;--achv-acc:#e2c57d;--achv-well:#07080a;--achv-well-bd:#e2c57d59;--achv-well-sh:inset 0 2px 5px #0000008c;--achv-neu:linear-gradient(180deg,#34353a,#26272b 52%,#1d1e21);--achv-neu-bd:#d9b77466;--achv-neu-tx:#ecd9b0;--achv-tile:#e2c57d1a;--achv-tile-lock:#ffffff0d;--achv-shadow:0 10px 30px #00000073,0 1px 0 #ffffff0f inset;--achv-kicker:#e9957c;--achv-gold:linear-gradient(180deg,#f6e8c4,#e6c987 52%,#d9b66e);color:var(--achv-txt)}html[data-skin=light]:root .achv-root,html[data-skin=light]:root .hof-root,html[data-skin=light]:root .achv-toast-host{--achv-card:linear-gradient(180deg,#fffdf8 0%,#faf5ea 50%,#f1e9da 100%);--achv-card-bd:#9670324d;--achv-line:#96703238;--achv-txt:#1b1b1f;--achv-muted:#6b604c;--achv-acc:#7a5a1c;--achv-well:#fbf8f1;--achv-well-bd:#96703252;--achv-well-sh:inset 0 2px 4px #5a401424;--achv-neu:linear-gradient(180deg,#fbfbfc,#e9ebee 52%,#d9dce1);--achv-neu-bd:#c9ccd2;--achv-neu-tx:#111;--achv-tile:#7a5a1c17;--achv-tile-lock:#0000000d;--achv-shadow:0 8px 24px #5a401424,0 1px 0 #fff inset;--achv-kicker:#b4553d}html[data-skin=nebula]:root .achv-root,html[data-skin=nebula]:root .hof-root,html[data-skin=nebula]:root .achv-toast-host{--achv-card:linear-gradient(180deg,#2c286a 0%,#1f1c50 50%,#15133c 100%);--achv-card-bd:#e8c27e66;--achv-line:#ecc98a3d;--achv-txt:#fff7e6;--achv-muted:#bdb6e6;--achv-acc:#ecc98a;--achv-well:#110f28;--achv-neu:linear-gradient(180deg,#2c2e78,#1d1f5a 52%,#121340);--achv-neu-bd:#e8c27e80;--achv-neu-tx:#e8c27e;--achv-tile:#786eeb2e;--achv-tile-lock:#ffffff0f;--achv-shadow:0 10px 30px #00000080,0 1px 0 #ffffff14 inset}html:root .achv-medal{--achv-m:56px;width:var(--achv-m);height:var(--achv-m);flex:0 0 var(--achv-m);aspect-ratio:1;vertical-align:middle;place-items:center;display:inline-grid}html:root .achv-medal>svg{width:100%;height:100%;display:block;overflow:visible}html:root .achv-medal.is-locked{filter:grayscale()opacity(.42)}html:root .achv-root{flex-direction:column;gap:13px;min-width:0;font-size:14px;line-height:1.45;display:flex}html:root .achv-card{background:var(--achv-card);border:1px solid var(--achv-card-bd);box-shadow:var(--achv-shadow);border-radius:18px;min-width:0;padding:16px}html:root .achv-note{color:var(--achv-muted);margin:0;font-size:12px}html:root .achv-sum{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}html:root .achv-ring{background:conic-gradient(#e6c26e 0 var(--achv-p,0%),var(--achv-well) var(--achv-p,0%) 100%);width:92px;height:92px;box-shadow:var(--achv-well-sh);border-radius:50%;place-items:center;display:grid}html:root .achv-ring>div{background:var(--achv-well);text-align:center;border-radius:50%;place-items:center;width:72px;height:72px;line-height:1.05;display:grid}html:root .achv-ring b{color:var(--achv-acc);font:700 21px/1 Georgia,serif;display:block}html:root .achv-ring .achv-ring-l{color:var(--achv-muted);font-size:10.5px}html:root .achv-stats{flex-wrap:wrap;gap:18px;display:flex}html:root .achv-stats>div{min-width:72px}html:root .achv-stats b{color:var(--achv-acc);font:700 20px/1.15 Georgia,serif;display:block}html:root .achv-stats .achv-stat-l{color:var(--achv-muted);font-size:12px}html:root .achv-tiers{color:var(--achv-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;font-size:12px;display:flex}html:root .achv-tiers>div{align-items:center;gap:4px;display:inline-flex}html:root .achv-tiers .achv-medal{--achv-m:22px}html:root .achv-show-l{letter-spacing:.12em;text-transform:uppercase;color:var(--achv-muted);text-align:center;margin-bottom:6px;font-size:11px}html:root .achv-show{justify-content:center;align-items:center;gap:10px;display:flex}html:root .achv-show .achv-medal{--achv-m:60px}html:root .achv-slot{aspect-ratio:1;border:1px dashed var(--achv-card-bd);width:60px;height:60px;color:var(--achv-muted);border-radius:50%;place-items:center;font-size:20px;display:grid}html:root .achv-own{border-top:1px solid var(--achv-line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:13px;padding-top:12px;display:flex}html:root .achv-own>.achv-lab{color:var(--achv-muted);font-size:12px}html:root .achv-select{background:var(--achv-well);border:1px solid var(--achv-well-bd);height:40px;box-shadow:var(--achv-well-sh);color:var(--achv-txt);font:inherit;border-radius:999px;max-width:220px;padding:0 14px;font-size:13px}html:root .achv-check{color:var(--achv-muted);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}html:root .achv-seg{background:var(--achv-well);border:1px solid var(--achv-well-bd);height:40px;box-shadow:var(--achv-well-sh);scrollbar-width:none;box-sizing:border-box;border-radius:999px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}html:root .achv-seg>:is(button,a,[role=radio]){height:32px;color:var(--achv-muted);white-space:nowrap;font:inherit;cursor:pointer;box-shadow:none;text-shadow:none;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;display:inline-flex}html:root .achv-seg>:is(button,a,[role=radio]):hover{color:var(--achv-acc)}html:root .achv-seg>:is(button,a,[role=radio]).is-on{background:var(--achv-gold);color:#2a2112;font-weight:600;box-shadow:inset 0 0 0 1px #f0d796e6}html:root .achv-bar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}html:root .achv-bar-row>.achv-bar-n{color:var(--achv-muted);font-size:12px}html:root .achv-cat>summary{background:var(--achv-neu);border:1px solid var(--achv-neu-bd);height:46px;color:var(--achv-neu-tx);cursor:pointer;box-sizing:border-box;text-shadow:none;border-radius:999px;align-items:center;gap:10px;padding:0 8px 0 18px;font-weight:600;list-style:none;display:flex}html:root .achv-cat>summary::-webkit-details-marker{display:none}html:root .achv-cat>summary .achv-cat-n{color:var(--achv-muted);margin-left:auto;font-size:12px;font-weight:500}html:root .achv-cat>summary .achv-tog{aspect-ratio:1;width:30px;height:30px;color:var(--achv-acc);border-radius:50%;flex:0 0 30px;place-items:center;display:grid}html:root .achv-cat>summary .achv-tog svg{width:14px;height:14px}html:root .achv-cat>summary .achv-tog .v{transition:opacity .15s}html:root .achv-cat[open]>summary .achv-tog .v{opacity:0}html:root .achv-cat-vis{color:var(--achv-muted);border:1px solid var(--achv-line);appearance:none;cursor:pointer;height:22px;box-shadow:none;text-align:center;background:0 0;border-radius:999px;flex:none;padding:0 8px;font-family:inherit;font-size:11px;font-weight:500;line-height:1}html:root .achv-cat-vis>option{color:#111;background:#fff}html:root .achv-seg>[role=radio]{cursor:pointer;-webkit-user-select:none;user-select:none}html:root .achv-seg>[role=radio]:focus-visible,html:root .achv-pin:focus-visible,html:root .achv-toast-x:focus-visible{outline:2px solid var(--achv-acc);outline-offset:2px}html:root .achv-ring b,html:root .achv-stats b{font-weight:700}html:root .achv-cat>.achv-grid{margin-top:10px}html:root .achv-cat-vis.is-fixed{cursor:default;align-items:center;display:inline-flex}html:root .achv-cat-t{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}html:root .achv-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}html:root .achv-tile{background:var(--achv-tile);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex;position:relative}html:root .achv-tile.is-locked{background:var(--achv-tile-lock)}html:root .achv-tile .achv-medal{--achv-m:56px}html:root .achv-tile-t{flex:1;min-width:0}html:root .achv-tile-n{text-overflow:ellipsis;white-space:nowrap;color:var(--achv-txt);font-size:14px;font-weight:600;line-height:1.25;overflow:hidden}html:root .achv-tile-d{color:var(--achv-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}html:root .achv-tile-m{color:var(--achv-muted);justify-content:space-between;gap:8px;margin-top:3px;font-size:11px;display:flex}html:root .achv-bar{background:var(--achv-well);height:6px;box-shadow:var(--achv-well-sh);border-radius:999px;margin-top:6px;overflow:hidden}html:root .achv-bar>i{background:linear-gradient(90deg,#d9b66e,#f6e8c4);border-radius:999px;height:100%;display:block}html:root .achv-pin{aspect-ratio:1;width:28px;height:28px;color:var(--achv-muted);cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px}html:root .achv-pin svg{width:15px;height:15px}html:root .achv-pin.is-on{color:#ffd98a}html:root .achv-pin.is-on svg{filter:drop-shadow(0 0 4px #ffe196bf)}@media (hover:hover){html:root .achv-pin:hover{box-shadow:0 0 0 1px #e2c57d47,0 0 10px #e2c57d57}}html:root .achv-empty{color:var(--achv-muted);text-align:center;padding:18px 8px;font-size:13px}html:root .achv-badges{vertical-align:middle;align-items:center;gap:3px;display:inline-flex}html:root .achv-badges .achv-medal{--achv-m:20px}html:root .fr-achv-badges{justify-content:center;gap:3px;margin-top:4px;text-decoration:none;display:flex}html:root .fr-achv-badges .achv-medal{--achv-m:22px}html:root .achv-title-chip{border:1px solid var(--achv-card-bd,#d9b7744d);height:20px;color:var(--achv-acc,#e2c57d);background:var(--achv-tile,#e2c57d1a);vertical-align:middle;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}html:root .achv-toast-host{z-index:6000;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:190px;right:16px}html:root .achv-toast{pointer-events:auto;background:var(--achv-card);border:1px solid var(--achv-card-bd);width:360px;max-width:calc(100vw - 24px);box-shadow:var(--achv-shadow);cursor:pointer;box-sizing:border-box;text-align:left;font:inherit;color:var(--achv-txt);border-radius:16px;outline:none;align-items:center;gap:12px;padding:12px 8px 12px 14px;animation:.22s ease-out achv-in;display:flex}html:root .achv-toast .achv-medal{--achv-m:56px}html:root .achv-toast.is-gw .achv-medal>svg{filter:drop-shadow(0 0 6px #ffe1968c)drop-shadow(0 0 14px #ffd2784d)}html:root .achv-toast-t{flex:1;min-width:0}html:root .achv-toast-k{letter-spacing:.12em;text-transform:uppercase;color:var(--achv-kicker);font-size:11px}html:root .achv-toast-n{color:var(--achv-acc);font:600 15px/1.25 Georgia,serif}html:root .achv-toast-d{color:var(--achv-muted);font-size:12px}html:root .achv-toast-p{color:var(--achv-acc);margin-top:2px;font-size:12px;font-weight:600}html:root .achv-toast-mini{gap:4px;margin-top:4px;display:flex}html:root .achv-toast-mini .achv-medal{--achv-m:22px}html:root .achv-toast-x{aspect-ratio:1;width:28px;height:28px;color:var(--achv-acc);cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:50%;flex:0 0 28px;align-self:flex-start;place-items:center;padding:0;display:grid}html:root .achv-toast-x svg{width:14px;height:14px}@keyframes achv-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html:root .achv-toast{animation:none}}@media (max-width:768px){html:root .achv-card{border-radius:16px;padding:12px}html:root .achv-sum{grid-template-columns:auto 1fr;gap:12px}html:root .achv-ring{width:76px;height:76px}html:root .achv-ring>div{width:60px;height:60px}html:root .achv-ring b{font-size:18px}html:root .achv-stats{gap:12px}html:root .achv-stats b{font-size:17px}html:root .achv-stats>div{min-width:0}html:root .achv-showbox{grid-column:1/-1}html:root .achv-show .achv-medal,html:root .achv-slot{--achv-m:50px;width:50px;height:50px}html:root .achv-bar-row>.achv-seg{width:100%}html:root .achv-bar-row>.achv-seg>:is(button,a,[role=radio]){flex:1;padding:0 8px}html:root .achv-grid{grid-template-columns:1fr;gap:8px}html:root .achv-tile{gap:10px;min-height:52px;padding:6px 10px}html:root .achv-tile .achv-medal{--achv-m:40px}html:root .achv-tile-d{-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;display:block}html:root .achv-tile-m{display:none}html:root .achv-tile .achv-bar{height:5px;margin-top:4px}html:root .achv-toast-host{align-items:stretch;inset:64px 11px auto}html:root .achv-toast{width:auto;max-width:none}html:root .achv-toast .achv-medal{--achv-m:48px}}