.unlock-toast-host{position:absolute;inset:0;pointer-events:none}.unlock-toast{position:absolute;left:50%;top:24px;width:min(470px,calc(100% - 34px));translate:-50% 0;pointer-events:none;z-index:5;color:#f9f6f2;transform-origin:center top}#global-achievement-unlock-toast-host .unlock-toast{left:var(--achievement-unlock-toast-left, 50%);top:var(--achievement-unlock-toast-top, 24px);width:var(--achievement-unlock-toast-width, min(650px, calc(100% - 34px) ))}.unlock-toast *{box-sizing:border-box}.unlock-toast-title,.unlock-toast-name,.unlock-toast-desc,.unlock-toast-meta{margin:0;letter-spacing:0}.unlock-badge{display:grid;place-items:center;flex:0 0 auto;font-weight:900;line-height:1;overflow:hidden}.unlock-badge>svg,.unlock-badge>img,.unlock-badge .achievement-badge{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.unlock-badge>img{object-fit:contain}.achievement-toast-icon-box{display:grid;place-items:center;width:min(96px,100%);height:min(96px,100%);overflow:hidden}.achievement-toast-icon-box>svg,.achievement-toast-icon-box>img,.achievement-toast-icon-box .achievement-badge{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.achievement-toast-icon-box>img{object-fit:contain}.unlock-toast--codepen{width:min(650px,calc(100% - 34px));min-height:126px;animation:unlock-codepen-in 3.6s cubic-bezier(.16,1,.3,1) both}.unlock-toast--codepen .unlock-toast-card{position:relative;min-height:126px;filter:drop-shadow(0 24px 34px rgba(52,40,28,.28))}.unlock-toast--codepen .unlock-toast-content{position:absolute;left:50px;right:0;top:34px;height:64px;overflow:hidden;border-radius:10px;background:#3e3e3c;box-shadow:inset 0 1px #ffffff1a;animation:unlock-codepen-content 3.6s ease both}.unlock-toast--codepen .unlock-badge{position:absolute;left:0;top:0;z-index:2;width:128px;height:128px;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9) 0 10%,transparent 11%),radial-gradient(circle,#f26b3f 0 48%,#a53d25 49% 70%,#5b2921 71% 100%);box-shadow:inset 0 0 0 7px #ffffff38,0 0 0 5px #f26b3f3d;font-size:27px;animation:unlock-badge-pop 3.6s ease both}.unlock-toast--codepen .unlock-toast-title{position:absolute;left:0;top:5px;width:100%;color:#d7d7d3;font-size:12px;font-weight:400;text-align:center;text-transform:uppercase;animation:unlock-codepen-text 3.6s ease both}.unlock-toast--codepen .unlock-toast-name{position:absolute;left:0;top:23px;width:100%;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:30px;font-style:italic;font-weight:400;line-height:1.1;text-align:center;animation:unlock-codepen-text 3.6s ease both}.unlock-toast--codepen .unlock-toast-name:before{content:open-quote}.unlock-toast--codepen .unlock-toast-name:after{content:close-quote}.unlock-toast--codepen .unlock-toast-desc{display:none}.unlock-toast--codepen-milestone .unlock-toast-content,.unlock-toast--codepen-reward .unlock-toast-content{top:25px;height:78px}.unlock-toast--codepen-milestone .unlock-badge{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9) 0 10%,transparent 11%),radial-gradient(circle,#38bdf8 0 48%,#1d4ed8 49% 70%,#172554 71% 100%);box-shadow:inset 0 0 0 7px #ffffff38,0 0 0 5px #38bdf83d;font-size:23px}.unlock-toast--codepen-reward .unlock-badge{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95) 0 10%,transparent 11%),radial-gradient(circle,#facc15 0 48%,#ca8a04 49% 70%,#713f12 71% 100%);box-shadow:inset 0 0 0 7px #ffffff3d,0 0 0 5px #facc1547,0 0 28px #facc1580}.unlock-toast--codepen-milestone .unlock-toast-name,.unlock-toast--codepen-reward .unlock-toast-name{top:22px;font-size:25px}.unlock-toast--codepen-milestone .unlock-toast-name{top:23px}.unlock-toast--codepen-milestone .unlock-toast-desc,.unlock-toast--codepen-reward .unlock-toast-desc{position:absolute;left:0;top:48px;display:block;width:100%;color:#d7d7d3;font-size:12px;font-weight:700;text-align:center;animation:unlock-codepen-text 3.6s ease both}.unlock-toast--codepen-reward .unlock-toast-content{background:linear-gradient(180deg,#4a3715,#312814);box-shadow:inset 0 1px #ffffff29,0 0 26px #facc1547}.unlock-toast--easter-egg .unlock-badge{left:0;top:0;width:128px;height:128px;animation:unlock-easter-egg-badge 3.6s ease both}.unlock-toast--easter-egg .unlock-toast-content{left:50px;right:0;top:25px;width:auto;height:78px;animation:unlock-easter-egg-content 3.6s ease both}.unlock-toast--easter-egg .unlock-toast-title,.unlock-toast--easter-egg .unlock-toast-name,.unlock-toast--easter-egg .unlock-toast-desc{animation:unlock-easter-egg-text 3.6s ease both}.unlock-toast--easter-egg .unlock-toast-name{font-size:23px}.unlock-toast--easter-egg .unlock-toast-desc{top:49px;font-size:11px;line-height:1.25}.unlock-toast--easter-egg .achievement-easter-egg-full{animation:unlock-easter-egg-full 3.6s ease both}.unlock-toast--easter-egg .achievement-easter-egg-bottom{animation:unlock-easter-egg-shell 3.6s ease both}.unlock-toast--easter-egg .achievement-easter-egg-top{transform-box:view-box;transform-origin:19px 47px;animation:unlock-easter-egg-top-shell 3.6s ease both}.unlock-toast--easter-egg .achievement-easter-egg-crack{stroke-dasharray:40;animation:unlock-easter-egg-crack 3.6s ease both}.unlock-codepen-progress{position:absolute;left:0;right:0;bottom:8px;width:min(240px,62%);height:5px;margin:0 auto;overflow:hidden;border-radius:999px;background:#ffffff29;animation:unlock-codepen-progress-in 3.6s ease both}.unlock-codepen-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#facc15)}@keyframes unlock-codepen-in{0%{opacity:0;transform:translateY(-18px) scale(.98)}10%,82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.98)}}@keyframes unlock-codepen-content{0%,17%{clip-path:inset(0 100% 0 0 round 10px)}34%,82%{clip-path:inset(0 0 0 0 round 10px)}to{clip-path:inset(0 100% 0 0 round 10px)}}@keyframes unlock-codepen-text{0%,30%{opacity:0;transform:translate(-12px)}42%,82%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}@keyframes unlock-codepen-progress-in{0%,30%{opacity:0}42%,82%{opacity:1}to{opacity:0}}@keyframes unlock-badge-pop{0%{transform:scale(.2) rotate(-18deg)}14%{transform:scale(1.08) rotate(4deg)}24%,to{transform:scale(1) rotate(0)}}@keyframes unlock-easter-egg-badge{0%{transform:scale(.2) rotate(-10deg)}13%{transform:scale(1.06) rotate(2deg)}20%,to{transform:scale(1) rotate(0)}}@keyframes unlock-easter-egg-full{0%,18%{opacity:1}24%,to{opacity:0}}@keyframes unlock-easter-egg-shell{0%,17%{opacity:0}22%,to{opacity:1}}@keyframes unlock-easter-egg-top-shell{0%,18%{opacity:0;transform:rotate(0)}22%{opacity:1;transform:rotate(0)}32%,to{opacity:1;transform:rotate(-15deg)}}@keyframes unlock-easter-egg-crack{0%,18%{opacity:0;stroke-dashoffset:40}32%,to{opacity:1;stroke-dashoffset:0}}@keyframes unlock-easter-egg-content{0%,34%{clip-path:inset(0 100% 0 0 round 10px)}48%,82%{clip-path:inset(0 0 0 0 round 10px)}to{clip-path:inset(0 100% 0 0 round 10px)}}@keyframes unlock-easter-egg-text{0%,43%{opacity:0;transform:translate(-12px)}52%,82%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}@media(max-width:520px){.unlock-toast{width:calc(100% - 28px)}.unlock-toast--codepen,.unlock-toast--codepen .unlock-toast-card{min-height:108px}.unlock-toast--codepen .unlock-badge{width:96px;height:96px;font-size:21px}.unlock-toast--codepen .unlock-toast-content{left:40px;top:26px;height:56px}.unlock-toast--codepen .unlock-toast-title,.unlock-toast--codepen .unlock-toast-name,.unlock-toast--codepen .unlock-toast-desc{padding-left:56px}.unlock-toast--codepen-milestone .unlock-toast-content,.unlock-toast--codepen-reward .unlock-toast-content{height:78px}.unlock-toast--codepen .unlock-toast-name{top:22px;font-size:23px}.unlock-toast--codepen-milestone .unlock-toast-name{top:19px}}@media(max-width:340px){.unlock-toast--codepen .unlock-toast-title,.unlock-toast--codepen .unlock-toast-name,.unlock-toast--codepen .unlock-toast-desc{padding-left:36px}}@media(prefers-reduced-motion:reduce){.unlock-toast,.unlock-badge,.unlock-codepen-progress span{animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes ach-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ach-empty-pulse{0%,to{border-color:#b4a08247}50%{border-color:#ceb2788f}}@keyframes ach-float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ach-badge-glow{0%,to{box-shadow:0 0 14px #dab4642e}50%{box-shadow:0 0 28px #dab46461}}@keyframes ach-easter-egg-detail-full{0%,30%{opacity:1}38%,to{opacity:0}}@keyframes ach-easter-egg-detail-shell{0%,30%{opacity:0}38%,to{opacity:1}}@keyframes ach-easter-egg-detail-top{0%,30%{opacity:0;transform:rotate(0)}38%{opacity:1;transform:rotate(0)}to{opacity:1;transform:rotate(-15deg)}}@keyframes ach-easter-egg-detail-crack{0%,38%{opacity:0;stroke-dashoffset:40}to{opacity:1;stroke-dashoffset:0}}body[data-page=achievements]{margin:0;min-height:100vh;color:var(--pp-ink, #3c342c);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:radial-gradient(ellipse 140% 55% at 50% -6%,rgba(243,199,107,.12),transparent 50%),radial-gradient(ellipse 80% 50% at 88% 100%,rgba(169,120,93,.07),transparent 44%),linear-gradient(168deg,#fdfaf3,#f5edd8 38%,#efe3ca 70%,#eadbc3);background-attachment:fixed}.achievements-page-shell,html[data-theme=mist_cyan] body[data-page=achievements] .achievements-page-shell{width:min(1180px,calc(100% - 28px))}.achievements-header{position:relative}.achievements-header-user{position:absolute;left:50%;top:50%;max-width:clamp(120px,28vw,320px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%,-50%);color:#5b4d42;font-size:27px;font-weight:900;line-height:1.2;pointer-events:none;text-align:center}.achievements-overview,.achievements-workspace{display:grid;gap:16px}.achievements-overview{grid-template-columns:minmax(0,.75fr) minmax(340px,1.25fr);margin-top:18px}.achievements-workspace{grid-template-columns:minmax(0,1fr);margin-top:18px;align-items:start}.achievements-summary-card,.achievements-showcase-card,.achievements-list-card,.achievement-detail{padding:20px;border-radius:20px;border:1px solid rgba(200,180,150,.42);background:linear-gradient(145deg,#ffffffbd,#faf4e68f);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 8px 32px #785a320f,inset 0 1.5px #ffffffd1;transition:box-shadow .25s ease}.achievements-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.achievements-panel-head h2,.achievements-panel-head p{margin:0}.achievements-panel-head h2{font-size:22px;font-weight:900;background:linear-gradient(135deg,#5a4a3a,#8a6e52);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievements-panel-head p{margin-top:4px;color:#8c7a67;font-size:13px;line-height:1.4}.achievements-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.achievements-stat{min-height:82px;padding:14px;border:1px solid rgba(210,190,160,.48);border-radius:14px;background:linear-gradient(150deg,#ffffffd1,#faf2e194);box-shadow:0 4px 16px #8c6e460d,inset 0 1px #ffffffeb;transition:transform .2s ease,box-shadow .2s ease}.achievements-stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8c6e461a,inset 0 1px #ffffffeb}.achievements-stat strong{display:block;font-size:30px;font-weight:900;line-height:1.1;background:linear-gradient(135deg,#b8860b,#d4a340,#c49535);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievements-stat:nth-child(3) strong{font-size:15px;line-height:1.25;overflow-wrap:anywhere}.achievements-stat span{display:block;margin-top:4px;color:#7a6754;font-size:12px;font-weight:800;letter-spacing:.04em}.achievements-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.achievement-showcase-slot{position:relative;display:grid;justify-items:center;align-content:center;min-height:136px;padding:14px;border:1px solid rgba(210,185,145,.52);border-radius:14px;background:radial-gradient(ellipse 80% 55% at 50% 8%,rgba(243,220,160,.14),transparent 48%),linear-gradient(180deg,#ffffffc7,#faf4e68c);box-shadow:inset 0 1px #ffffffd1,0 6px 20px #8c6e3c0d;transition:transform .22s ease,box-shadow .22s ease;text-align:center}.achievement-showcase-slot:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffffd1,0 10px 28px #8c6e3c1c}.achievement-showcase-slot.is-empty{display:grid;place-items:center;color:#a89578;border-style:dashed;border-width:2px;border-color:#b4a0825c;background:linear-gradient(180deg,#ffffff6b,#f8f0e147);font-weight:800;font-size:13px;letter-spacing:.04em;animation:ach-empty-pulse 2.8s ease-in-out infinite}.achievements-showcase-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.achievement-badge{width:54px;height:54px;display:inline-grid;place-items:center;border-radius:10px;color:#f9f6f2;background:linear-gradient(145deg,#c9a050,#8f7a66,#6b5a4a);box-shadow:inset 0 2px 4px #ffffff59,0 6px 16px #50403029;font-size:22px;font-weight:900;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.achievement-badge img{width:100%;height:100%;object-fit:cover}.achievement-badge svg{display:block;width:100%;height:100%}.achievement-badge.is-locked{color:#a99c90;background:linear-gradient(145deg,#e0d8cd,#ccc3b5);box-shadow:inset 0 1px #ffffff8a;filter:grayscale(.85) brightness(.95)}.achievement-badge:has(svg),.achievement-badge.is-locked:has(svg){border-radius:999px;background:transparent;box-shadow:none}.achievement-name{display:block;margin:10px 0 4px;color:#4d4339;font-size:15px;font-weight:900;line-height:1.25}.achievement-meta,.achievement-desc{display:block;margin:0;color:#8c7a67;font-size:12px;line-height:1.4}.achievement-desc{flex:1}.achievement-card.is-locked .achievement-name,.achievement-card.is-locked .achievement-desc,.achievement-card.is-locked .achievement-meta{color:#9a9088}.achievements-wall-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.achievements-wall-head h2,.achievements-wall-head p{margin:0}.achievements-wall-head h2{font-size:24px;font-weight:900;background:linear-gradient(135deg,#5a4a3a,#8a6e52);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievements-wall-head p{margin-top:4px;color:#8c7a67;font-size:13px;line-height:1.45}.achievements-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.achievement-filter{min-height:36px;border:1px solid rgba(200,180,155,.52);border-radius:999px;padding:0 16px;color:#6f5f4f;background:linear-gradient(180deg,#ffffffc2,#f8f0e194);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px #8c6e460a;transition:all .2s ease}.achievement-filter:hover{transform:scale(1.04);border-color:#b4966eb3;box-shadow:0 4px 14px #8c6e4617;background:linear-gradient(180deg,#ffffffeb,#f8f0e1bd)}.achievement-filter.is-active{color:#fff8e8;background:linear-gradient(145deg,#8b7355,#6d5a44,#7a6550);border-color:#64503773;box-shadow:0 4px 14px #644b282e,inset 0 1px #ffffff24}.achievements-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}.achievement-card{position:relative;display:flex;min-height:200px;flex-direction:column;align-items:center;justify-content:flex-start;padding:14px 12px 12px;text-align:center;cursor:pointer;border:1px solid rgba(210,185,145,.48);border-radius:16px;background:radial-gradient(ellipse 100% 55% at 50% 6%,rgba(243,210,130,.18),transparent 50%),linear-gradient(180deg,#ffffffd1,#faf4e69e);box-shadow:inset 0 1px #ffffffd1,0 4px 16px #785a320d;transition:transform .24s cubic-bezier(.34,1.56,.64,1),border-color .22s ease,box-shadow .28s ease;animation:ach-float-in .35s ease both}.achievement-card:hover{transform:translateY(-4px) scale(1.015);border-color:#c4a56ead;box-shadow:inset 0 1px #ffffffd1,0 14px 36px #a07d3c21,0 0 0 1px #dabe8c2e}.achievement-card.is-locked{color:#8f8276;background:radial-gradient(ellipse 90% 50% at 50% 10%,rgba(160,150,140,.07),transparent 48%),linear-gradient(180deg,#f8f6f1b8,#eee8de85);border-color:#beb2a55c;box-shadow:inset 0 1px #ffffff80,0 3px 10px #78645008}.achievement-card.is-locked:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff80,0 8px 22px #78645014}.achievement-card.is-selected{border-color:#a0825094;box-shadow:0 0 0 3px #c4a56e2e,0 8px 24px #a07d3c1a,inset 0 1px #ffffffd1}.achievement-card:disabled{cursor:not-allowed}.achievement-card.is-showcase-picked:after{content:"展示";position:absolute;top:10px;right:10px;border-radius:999px;padding:3px 10px;color:#3f7a49;background:#4e8b5821;border:1px solid rgba(78,139,88,.18);font-size:11px;font-weight:900;letter-spacing:.04em}.achievement-light-state{align-self:flex-start;border-radius:999px;padding:3px 10px;color:#8a6520;background:linear-gradient(135deg,#ecc35a29,#dcaa461a);border:1px solid rgba(220,180,90,.18);font-size:11px;font-weight:900;letter-spacing:.03em}.achievement-card.is-locked .achievement-light-state{color:#8c7a67;background:#8c7a6714;border-color:#8c7a6724}.achievement-medal-face{display:grid;place-items:center;width:80px;height:80px;margin-top:12px;border:2px solid rgba(200,165,90,.38);border-radius:999px;position:relative;overflow:hidden;background:conic-gradient(from 30deg,#f5d78c9e,#be9b5a52 25%,#fff0bead 37%,#c8a56461 50%,#f5d78c9e 62%,#be9b5a52 75%,#fff0bead 87%,#f5d78c9e);box-shadow:inset 0 2px 6px #ffffff85,inset 0 -2px 6px #785a281a,0 8px 22px #a07d3c21,0 0 0 1px #c8aa642e;transition:box-shadow .3s ease}.achievement-card:not(.is-locked) .achievement-medal-face:before{content:"";position:absolute;inset:-2px;border-radius:999px;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.38) 45%,rgba(255,255,255,.58) 50%,rgba(255,255,255,.38) 55%,transparent 70%);background-size:200% 100%;animation:ach-shimmer 3.5s ease-in-out infinite;pointer-events:none;z-index:1}.achievement-family-card{position:relative;display:flex;min-height:218px;flex-direction:column;align-items:center;padding:14px 12px 12px;border:1px solid rgba(210,185,145,.48);border-radius:8px;color:inherit;background:radial-gradient(ellipse 100% 55% at 50% 6%,rgba(243,210,130,.18),transparent 50%),linear-gradient(180deg,#ffffffd1,#faf4e69e);box-shadow:inset 0 1px #ffffffd1,0 4px 16px #785a320d;cursor:pointer;text-align:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.achievement-family-card .achievement-light-state{align-self:center}.achievement-family-card:hover{transform:translateY(-3px);border-color:#c4a56ead;box-shadow:inset 0 1px #ffffffd1,0 12px 28px #a07d3c21}.achievement-family-card.is-locked{color:#8f8276;border-color:#beb2a55c;background:linear-gradient(180deg,#f8f6f1b8,#eee8de85)}.achievement-family-card.is-locked .achievement-light-state{color:#8c7a67;background:#8c7a6714;border-color:#8c7a6724}.achievement-family-card.is-locked .achievement-medal-face{border-color:#aa9e8e47;background:conic-gradient(from 0deg,#d7d2ca7a,#c3bcb24d 25%,#e1dcd485,#cdc6bc5c 75%,#d7d2ca7a);box-shadow:inset 0 1px 4px #ffffff61,0 4px 12px #786e5a0d}.achievement-family-card.is-locked:hover{transform:translateY(-1px)}.achievement-family-card.is-selected,.achievement-family-card.is-showcase-picked{border-color:#a08250ad;box-shadow:0 0 0 3px #c4a56e29,0 8px 24px #a07d3c1a,inset 0 1px #ffffffd1}.achievement-family-card:disabled{cursor:not-allowed;opacity:.72}.achievement-family-card:not(.is-locked) .achievement-medal-face:before{content:"";position:absolute;inset:-2px;border-radius:999px;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.38) 45%,rgba(255,255,255,.58) 50%,rgba(255,255,255,.38) 55%,transparent 70%);background-size:200% 100%;animation:ach-shimmer 3.5s ease-in-out infinite}.achievement-family-card .achievement-medal-face>.achievement-badge{position:relative;z-index:1}.achievement-family-dialog{width:min(860px,calc(100vw - 32px));max-height:min(680px,calc(100vh - 32px));margin:auto;padding:0;border:1px solid rgba(255,255,255,.32);border-radius:12px;color:#f5f2ec;background:#23262c42;box-shadow:0 24px 72px #00000047;backdrop-filter:blur(36px) saturate(1.05);-webkit-backdrop-filter:blur(36px) saturate(1.05)}.achievement-family-dialog::backdrop{background:#1113174d;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.achievement-family-dialog-frame{position:relative;overflow:auto;max-height:inherit;padding:36px 46px 34px;border-radius:11px;background:transparent}.achievement-family-dialog-close{position:absolute;top:18px;right:18px;display:grid;width:32px;height:32px;place-items:center;padding:0;border:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e6ded1;background:#ffffff1a;font-size:24px;line-height:1;cursor:pointer}.achievement-family-dialog-close:hover{color:#fff;background:#fff3}.achievement-family-hero{display:flex;align-items:center;gap:24px;min-height:128px;padding-right:44px}.achievement-family-hero-badge{display:grid;width:124px;height:124px;flex:0 0 auto;place-items:center;border:2px solid rgba(255,255,255,.44);border-radius:999px;background:#ffffff0f;box-shadow:inset 0 0 0 8px #ffffff0d}.achievement-family-hero-badge .achievement-badge{width:96px;height:96px;border-radius:999px;background:transparent;box-shadow:none}.achievement-family-eyebrow{margin:0 0 8px;color:#d8b86c;font-size:14px;font-weight:900}.achievement-family-hero h2{margin:0;color:#fff;font-size:34px;line-height:1.2}.achievement-family-hero p:not(.achievement-family-eyebrow){margin:12px 0 0;color:#d9d5cf;font-size:16px;line-height:1.6}.achievement-family-track{display:grid;grid-auto-columns:minmax(136px,1fr);grid-auto-flow:column;gap:0;margin:32px 0 0;padding:24px 0 0;overflow-x:auto;border-top:1px solid rgba(255,255,255,.18);list-style:none}.achievement-tier-item{position:relative;min-width:0}.achievement-tier{display:flex;width:100%;min-height:156px;flex-direction:column;align-items:center;padding:0 12px 10px;border:0;color:inherit;background:transparent;font:inherit;text-align:center;cursor:pointer}.achievement-tier-item:not(:last-child):after{content:"";position:absolute;top:38px;left:calc(50% + 43px);width:calc(100% - 86px);border-top:2px solid rgba(226,213,179,.74)}.achievement-tier.is-locked{color:#9298a0}.achievement-tier-item.is-locked:after{border-color:#8b92998a}.achievement-tier-icon .achievement-badge{width:78px;height:78px;border-radius:999px;background:transparent;box-shadow:none}.achievement-tier.is-locked .achievement-tier-icon .achievement-badge{filter:grayscale(1) saturate(0) opacity(.5)}.achievement-tier.is-previewing .achievement-tier-icon{position:relative}.achievement-tier.is-previewing .achievement-tier-icon:after{content:"";position:absolute;inset:-7px;border:2px solid #f2ce73;border-radius:999px;box-shadow:0 0 18px #f2ce7361}.achievement-tier-copy{min-width:0;margin-top:10px}.achievement-tier-copy strong,.achievement-tier-copy small,.achievement-tier-copy em{display:block}.achievement-tier-copy strong{color:#f7f4ee;font-size:14px;line-height:1.3}.achievement-tier-copy small{margin-top:4px;color:#d8b86c;font-size:12px;font-weight:800;line-height:1.35}.achievement-tier-copy em{margin-top:7px;color:#b8b8b6;font-size:11px;font-style:normal;line-height:1.35}.achievement-tier.is-locked .achievement-tier-copy strong,.achievement-tier.is-locked .achievement-tier-copy span,.achievement-tier.is-locked .achievement-tier-copy small,.achievement-tier.is-locked .achievement-tier-copy em{color:#9298a0}.achievement-single-detail{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px 30px;margin-top:34px;padding-top:28px;border-top:1px solid rgba(255,255,255,.18);color:#c6c4c0;font-size:16px}.achievement-single-detail strong{color:#fff}@media(max-width:620px){.achievement-showcase-slot{padding-inline:6px;place-items:center}.achievement-showcase-slot>:is(.achievement-badge,.achievement-name,.achievement-meta){justify-self:center;max-width:100%;text-align:center}.achievements-workspace,.achievements-list-card,.achievements-wall-head,.achievements-list{min-width:0;max-width:100%}.achievements-list-card{width:100%;box-sizing:border-box}.achievements-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.achievement-family-card{min-height:220px;padding:12px 8px 10px}.achievement-family-card .achievement-medal-face{width:64px;height:64px;margin-top:10px}.achievement-family-card .achievement-desc{display:-webkit-box;min-height:2.8em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.achievement-family-card .achievement-meta{font-size:11px}.achievements-filter-row{flex-wrap:nowrap;overflow-x:auto;margin:-14px -14px 0;padding:14px 14px 18px;scroll-padding-inline:14px}.achievement-filter{flex:0 0 auto}.achievement-family-dialog{width:min(100vw - 24px,520px);max-height:min(620px,calc(100vh - 24px))}.achievement-family-dialog-frame{padding:28px 18px 24px}.achievement-family-hero{align-items:flex-start;gap:14px;min-height:0;padding-right:34px}.achievement-family-hero-badge{width:84px;height:84px;border-width:2px;box-shadow:inset 0 0 0 5px #ffffff0d}.achievement-family-hero-badge .achievement-badge{width:68px;height:68px}.achievement-family-hero h2{font-size:25px}.achievement-family-hero p:not(.achievement-family-eyebrow){margin-top:7px;font-size:14px}.achievement-family-track{grid-auto-columns:minmax(112px,34vw);margin-top:24px;padding-top:20px}.achievement-tier{min-height:146px}.achievement-tier-icon .achievement-badge{width:70px;height:70px}.achievement-tier-item:not(:last-child):after{top:34px;left:calc(50% + 38px);width:calc(100% - 76px)}}.achievement-card:hover .achievement-medal-face{box-shadow:inset 0 2px 6px #ffffff85,inset 0 -2px 6px #785a281a,0 12px 30px #c8a03c33,0 0 0 1px #c8aa6447}.achievement-card.is-locked .achievement-medal-face{border-color:#aa9e8e47;background:conic-gradient(from 0deg,#d7d2ca7a,#c3bcb24d 25%,#e1dcd485,#cdc6bc5c,#d7d2ca7a);box-shadow:inset 0 1px 4px #ffffff61,0 4px 12px #786e5a0d}.achievement-card button{all:unset}.achievements-unlock-toast-host.unlock-toast-host{position:fixed;inset:0;z-index:1000;pointer-events:none}.achievements-unlock-badge .achievement-badge{width:82px;height:82px;border-radius:999px;background:transparent;box-shadow:none}.achievements-unlock-badge .achievement-badge img{object-fit:contain}.achievement-detail{position:sticky;top:16px;min-height:260px;background:linear-gradient(160deg,#ffffffc7,#fcf6e894);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 10px 40px #785a3212,inset 0 1px #ffffffdb}.achievement-detail-empty{min-height:220px;display:grid;place-items:center;color:#a89578;text-align:center;font-weight:800;font-size:14px;letter-spacing:.02em}.achievement-detail h2{margin:14px 0 8px;color:#3c342c;font-size:22px;font-weight:900}.achievement-detail p{margin:8px 0;color:#6f5f4f;line-height:1.6;font-size:14px}.achievement-detail-list{display:grid;gap:0;margin-top:16px}.achievement-detail-line{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(210,195,175,.42);padding:10px 4px;color:#7a6754;font-size:13px;transition:background .15s ease;border-radius:4px}.achievement-detail-line:hover{background:#f3ebdc61}.achievement-detail-line:last-child{border-bottom:1px solid rgba(210,195,175,.42)}.achievements-tip{min-height:20px;margin:12px 0 0;color:#8c7a67;font-size:13px}.achievements-tip:not(:empty){border:1px solid transparent;border-radius:12px;padding:10px 14px 10px 20px;position:relative;overflow:hidden}.achievements-tip:not(:empty):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.achievements-tip[data-state=ok]{border-color:#4e8b5833;color:#3a7a46;background:linear-gradient(90deg,#4e8b5812,#4e8b5805)}.achievements-tip[data-state=ok]:before{background:linear-gradient(180deg,#4e8b58,#3a7a46)}.achievements-tip[data-state=err]{border-color:#c2473b33;color:#a83b32;background:linear-gradient(90deg,#c2473b12,#c2473b05)}.achievements-tip[data-state=err]:before{background:linear-gradient(180deg,#c4473b,#a83b32)}@media(max-width:920px){.achievements-overview,.achievements-workspace{grid-template-columns:1fr}.achievement-detail{position:static}}@media(max-width:760px){.achievements-header-user{position:static;max-width:100%;margin:4px auto 0;transform:none}}@media(max-width:620px){.achievements-stats,.achievements-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.achievements-stat{min-height:0;padding:10px}.achievements-stat strong,.achievements-stat:nth-child(3) strong{overflow-wrap:normal;font-size:18px;line-height:1.2;white-space:nowrap}.achievements-stat span{margin-top:5px;font-size:11px;letter-spacing:0;white-space:nowrap}.achievement-card{min-height:180px}.achievement-medal-face{width:68px;height:68px}.achievement-family-card .achievement-desc{font-size:11px;line-height:1.35}}.achievement-family-dialog{position:fixed;inset:0;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-sizing:border-box;overflow:hidden;color:#f7f5f1;background:#16191c8f;box-shadow:none;backdrop-filter:blur(38px) brightness(.45) saturate(.78);-webkit-backdrop-filter:blur(38px) brightness(.45) saturate(.78)}.achievement-family-dialog::backdrop{background:transparent}.achievement-family-dialog-frame{display:flex;width:100%;height:100%;min-height:0;box-sizing:border-box;flex-direction:column;align-items:center;padding:var(--medal-viewer-vpad, clamp(28px, 5vh, 52px)) clamp(24px,6vw,72px);overflow-y:auto;border-radius:0;background:transparent}.achievement-family-dialog-close{position:fixed;top:clamp(20px,3.5vh,40px);right:clamp(20px,3.5vw,48px);z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#f7f5f1;background:#ffffff14}.achievement-family-dialog-close:hover{background:#ffffff2e}#achievement-family-dialog-content{display:flex;width:min(640px,100%);min-height:calc(100dvh - var(--medal-viewer-vpad, clamp(28px, 5vh, 52px)) - var(--medal-viewer-vpad, clamp(28px, 5vh, 52px)));flex:1;flex-direction:column}.achievement-fullscreen-preview{display:flex;flex-direction:column;align-items:center;padding-top:clamp(8px,5vh,48px);text-align:center}.achievement-family-hero-badge{width:clamp(210px,30vh,340px);height:clamp(210px,30vh,340px);border:0;background:transparent;box-shadow:none}.achievement-family-hero-badge .achievement-badge{width:87.5%;height:87.5%;border-radius:999px;background:transparent;box-shadow:none}.achievement-family-dialog[open] .achievement-easter-egg-full{animation:ach-easter-egg-detail-full .8s ease both}.achievement-family-dialog[open] .achievement-easter-egg-bottom{animation:ach-easter-egg-detail-shell .8s ease both}.achievement-family-dialog[open] .achievement-easter-egg-top{transform-box:view-box;transform-origin:19px 47px;animation:ach-easter-egg-detail-top .8s ease both}.achievement-family-dialog[open] .achievement-easter-egg-crack{stroke-dasharray:40;animation:ach-easter-egg-detail-crack .8s ease both}.achievement-fullscreen-preview h2{margin:clamp(42px,6vh,56px) 0 0;color:#fff!important;font-size:clamp(28px,4vw,42px);line-height:1.2}html[data-theme] body[data-page=achievements] .achievement-family-dialog .achievement-fullscreen-preview h2{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.achievement-preview-status{margin:8px 0 0;color:#f7f5f1b8!important;font-size:16px}.achievement-fullscreen-details{margin-top:clamp(24px,4vh,38px);padding-top:clamp(20px,3vh,28px);border-top:1px solid rgba(255,255,255,.22);text-align:center}.achievement-fullscreen-details p{margin:0;color:#f7f5f1e0!important;font-size:16px;line-height:1.65}.achievement-fullscreen-details span{display:block;margin-top:12px;color:#f7f5f1a8!important;font-size:14px}.achievement-fullscreen-tiers{margin-top:auto;padding-top:clamp(36px,7vh,68px)}.achievement-family-track{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;margin:0;padding:0;overflow:visible;border:0}.achievement-tier-item{min-width:0}.achievement-tier{min-height:88px;padding:0 6px;color:#f7f5f1}.achievement-tier-item:not(:last-child):after{top:34px;left:calc(75% + 18px);width:calc(50% - 36px);border-color:#ffffff4d}.achievement-tier-item.is-locked:after{border-color:#b5bbc347}.achievement-tier-icon{display:grid;place-items:center;line-height:0}.achievement-tier-icon .achievement-badge{width:clamp(58px,9vw,76px);height:clamp(58px,9vw,76px);background:transparent;box-shadow:none}.achievement-tier.is-previewing .achievement-tier-icon:after{inset:0;border-color:#f2ce73;box-shadow:0 0 18px #f2ce7375}@media(max-width:620px){.achievement-family-dialog-frame{--medal-viewer-vpad: 28px;padding-inline:20px}#achievement-family-dialog-content{min-height:calc(100dvh - 56px)}.achievement-family-dialog-close{top:18px;right:18px;width:38px;height:38px}.achievement-family-hero-badge{width:clamp(220px,38dvh,320px);height:clamp(220px,38dvh,320px)}.achievement-fullscreen-preview h2{font-size:30px}.achievement-fullscreen-details p{font-size:15px}.achievement-fullscreen-tiers{padding-top:42px}.achievement-tier{min-height:76px;padding:0 3px}.achievement-tier-icon .achievement-badge{width:clamp(46px,14vw,64px);height:clamp(46px,14vw,64px)}.achievement-tier-item:not(:last-child):after{top:clamp(26px,7vw,32px);left:calc(75% + clamp(13px,3.5vw,16px));width:calc(50% - clamp(26px,7vw,32px))}}@media(prefers-reduced-motion:reduce){.achievement-family-dialog[open] .achievement-easter-egg-full,.achievement-family-dialog[open] .achievement-easter-egg-bottom,.achievement-family-dialog[open] .achievement-easter-egg-top,.achievement-family-dialog[open] .achievement-easter-egg-crack{animation-duration:1ms!important;animation-iteration-count:1!important}}