/* Achievement cosmetics: CSS-only materials, no image recompression. */
.cr-avatar{--cr-size:44px;--cr-edge:#bdc6d6;position:relative;isolation:isolate;display:inline-flex;width:var(--cr-size);height:var(--cr-size);flex:0 0 var(--cr-size);border-radius:50%;vertical-align:middle;box-sizing:border-box;padding:4px;background:#0c111c}
.cr-photo{position:relative;display:flex;width:100%;height:100%;border-radius:50%;z-index:2;overflow:hidden;background:#272d40;color:#e7eaf7;align-items:center;justify-content:center}
.cr-avatar .cr-photo .avatar,.cr-avatar .cr-photo .game-avatar{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;border-radius:50%!important;object-fit:cover;display:flex;align-items:center;justify-content:center}
.cr-avatar[class*="frame-"] .game-avatar{border:0!important;box-shadow:none!important;outline:0!important;background:none!important;animation:none!important;filter:none!important}.cr-avatar[class*="frame-"] .game-avatar:before,.cr-avatar[class*="frame-"] .game-avatar:after{display:none!important}.cr-avatar .game-avatar-level{display:none}
.cr-rim,.cr-light{pointer-events:none;position:absolute;inset:0;border-radius:50%;z-index:3}.cr-rim{border:1px solid #b4c5dd55;box-shadow:inset 0 0 0 1px #020710,0 0 0 1px #adc6ef16}.frame-graphite{background:conic-gradient(from 32deg,#687280,#d4dde7 9%,#4d586a 23%,#181e2b 40%,#b9c5d3 56%,#353e50 74%,#aebed3 86%,#48576a)}
.frame-spectrum{--cr-edge:#8ddbf2;background:conic-gradient(from 35deg,#7ba3dd,#bdceff 14%,#456995 23%,#122330 38%,#aaf9ed 47%,#90a1fa 63%,#e1a4f3 77%,#28405b 87%,#7ba3dd);box-shadow:0 0 7px #9cbcff33}.frame-spectrum .cr-rim{inset:-1px;border:1px solid #b6cdf366;box-shadow:inset 0 0 0 2px #10151e66}
.frame-impulse{--cr-edge:#8eeddc;background:conic-gradient(from 18deg,#d6fff9 0deg,#56baa8 25deg,#243640 45deg,#1b2735 160deg,#cefff5 180deg,#58b4a9 207deg,#233442 225deg,#192632 340deg,#d6fff9);box-shadow:0 0 0 1px #749c9f55}.frame-impulse .cr-rim{inset:-2px;border:1px solid #86c9bb55;clip-path:polygon(0 0,75% 0,75% 25%,100% 25%,100% 100%,25% 100%,25% 75%,0 75%)}
.frame-eclipse{--cr-edge:#d8bda2;background:conic-gradient(from 90deg,#292e36,#c3a68a 15%,#f5e0c5 23%,#9d8267 33%,#1b2534 48%,#1a1e27 72%,#dfd7ce 83%,#4c5260 92%,#292e36);box-shadow:0 0 0 1px #c9b39666,0 0 10px #d8a86125}.frame-eclipse .cr-rim{inset:-3px;border:1px solid #c6ae8655;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(-25deg)}
.effect-glint .cr-light{background:conic-gradient(from 0deg,transparent 0 305deg,#fff0 315deg,#fff9 330deg,#fff0 345deg,transparent 350deg);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:cr-turn 9s linear infinite}
.effect-pulse .cr-light{inset:-2px;border:1px solid var(--cr-edge);box-shadow:0 0 7px var(--cr-edge);animation:cr-breathe 5s ease-in-out infinite;opacity:.25}
.effect-orbit .cr-light{inset:-4px;border:1px solid #a6c6dd35;animation:cr-turn 12s linear infinite}.effect-orbit .cr-light:after{content:'';position:absolute;top:8%;left:15%;width:4px;height:4px;background:#d7eeff;border-radius:50%;box-shadow:0 0 5px #acc8ed}
.effect-aurora .cr-light{inset:-3px;border:1px solid #a6dacf99;box-shadow:1px -1px 7px #7dc1b477,-1px 1px 7px #9188df77;animation:cr-aurora 8s ease-in-out infinite}
.cr-name.name-mint,.cr-name.name-mint strong{color:#91e0c7!important}.cr-name.name-violet,.cr-name.name-violet strong{color:#c9b7ff!important}.cr-name.name-amber,.cr-name.name-amber strong{color:#eed09d!important}.cr-name.name-ice,.cr-name.name-ice strong{color:#9bceef!important}
[data-theme="light"] .cr-name.name-mint,[data-theme="light"] .cr-name.name-mint strong{color:#146954!important}[data-theme="light"] .cr-name.name-violet,[data-theme="light"] .cr-name.name-violet strong{color:#63459d!important}[data-theme="light"] .cr-name.name-amber,[data-theme="light"] .cr-name.name-amber strong{color:#815718!important}[data-theme="light"] .cr-name.name-ice,[data-theme="light"] .cr-name.name-ice strong{color:#216a93!important}
@keyframes cr-turn{to{transform:rotate(360deg)}}@keyframes cr-breathe{0%,100%{opacity:.12}50%{opacity:.52}}@keyframes cr-aurora{0%,100%{opacity:.5;transform:rotate(-15deg)}50%{opacity:.95;transform:rotate(15deg)}}
.cr-collection{max-width:1180px;margin:auto;color:var(--text,#e6e8ef)}.cr-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.cr-heading h1{font-size:30px;margin:8px 0}.cr-heading p,.cr-goal p,.cr-note,.cr-coming p{color:var(--muted,#a5acbe);line-height:1.65;font-size:14px;margin:6px 0}.cr-eyebrow{font-size:10px;font-weight:750;letter-spacing:1.9px;color:var(--muted,#a5acbe)}.cr-chat-link{font-size:13px;color:var(--accent,#cbb5ff);white-space:nowrap}.cr-goal{display:flex;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid var(--line,#343c50);border-radius:20px;background:linear-gradient(125deg,#99b1d10c,transparent 60%),var(--surface,#191e29);margin-bottom:25px}.cr-goal h2{font-size:21px;margin:8px 0}.cr-goal-progress{min-width:180px;display:grid;align-content:center;gap:7px}.cr-goal-progress strong{font-size:24px;font-weight:500}.cr-goal-progress button{font-size:12px;padding:7px;background:transparent;color:var(--accent);border:0}.cr-goal-mark{font-size:64px;color:#7d91ab;padding:0 30px}.cr-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.cr-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px}.cr-filters button{border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px;padding:9px 12px;border-radius:10px;min-height:38px}.cr-filters button[aria-pressed="true"]{background:var(--tint,#2a293a);color:var(--text);border-color:var(--line)}.cr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cr-tile{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;min-width:0;border:1px solid var(--line,#343c50);background:var(--surface,#191e29);border-radius:16px;padding:18px 10px 16px;color:var(--text);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.cr-tile:hover{border-color:#8b9aa9}.cr-tile.is-selected{border-color:var(--accent,#cbb5ff);background:var(--tint,#25283b)}.cr-tile-title{font-size:13px;font-weight:650;margin-top:14px}.cr-tile-status{font-size:10px;color:var(--muted);margin-top:6px}.cr-tile-bar{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#7f91ac15}.cr-tile-bar i{display:block;height:100%;background:#b7bfd6}.cr-preview{display:flex;flex-direction:column;align-items:center;gap:17px;padding:25px 0 20px;min-width:0}.cr-preview .cr-avatar{--cr-size:112px;padding:6px}.cr-preview>.avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#28324a;color:#e5e8ef;font-size:38px}.cr-preview .cr-photo>.avatar{font-size:38px}.cr-preview>strong{font-size:17px;max-width:100%;overflow-wrap:anywhere}.cr-preview>span:not(.cr-avatar):not(.avatar){color:var(--muted);font-size:11px}.cr-preview-small{padding:9px 0 0;gap:12px}.cr-preview-small .cr-avatar{--cr-size:58px;padding:4px}.cr-preview-small>.avatar{width:50px;height:50px;font-size:22px}.cr-preview-small .cr-photo>.avatar{font-size:22px}.cr-preview-small>strong{font-size:11px}.cr-note{font-size:12px;margin:17px 2px}.cr-detail{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:22px;position:sticky;top:88px;scroll-margin-top:85px}.cr-detail>.cr-eyebrow{font-size:9px;letter-spacing:1px;display:block;text-align:center}.cr-detail-copy{border-top:1px solid var(--line);padding-top:17px}.cr-category{color:var(--muted);font-size:11px}.cr-detail h2{font-size:22px;margin:6px 0 9px}.cr-detail p{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0}.cr-tasks{padding:0;list-style:none;margin:20px 0}.cr-tasks li{margin:14px 0}.cr-tasks li>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:8px}.cr-tasks strong{white-space:nowrap;font-size:11px}.cr-collection progress{appearance:none;display:block;width:100%;height:4px;overflow:hidden;border:0;border-radius:6px;background:#8491a824}.cr-collection progress::-webkit-progress-bar{background:#8491a824}.cr-collection progress::-webkit-progress-value{background:#a997db;border-radius:6px}.cr-collection progress::-moz-progress-bar{background:#a997db}.cr-primary{display:block;width:100%;min-height:42px;border-radius:11px;border:1px solid #b9a7e1;background:#b9a7e1;color:#191627;font-weight:700;font-size:13px;padding:10px}.cr-primary:disabled{background:var(--tint);border-color:var(--line);color:var(--muted);cursor:default}.cr-detail small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:10px}.cr-equipped{margin-top:24px;border:1px solid var(--line);border-radius:18px;padding:22px}.cr-equipped h2,.cr-coming h2{font-size:19px;margin:0 0 18px}.cr-equipped>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cr-equipped>div>div{display:flex;align-items:start;flex-direction:column;gap:8px;font-size:13px}.cr-equipped span{font-size:11px;color:var(--muted)}.cr-equipped button{padding:5px 0;border:0;background:transparent;color:var(--accent);font-size:12px;min-height:30px}.cr-coming{padding:24px 3px}.cr-coming h2{margin:10px 0}.cr-coming p{max-width:760px;font-size:13px}.cr-collection button:focus-visible{outline:2px solid var(--accent,#cbb5ff);outline-offset:3px}.cr-collection[aria-busy="true"] button{cursor:wait;opacity:.7}
@media(max-width:1000px){.cr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}}
@media(max-width:760px){.cr-heading{align-items:start;gap:12px;flex-direction:column;margin-bottom:20px}.cr-heading h1{font-size:26px}.cr-goal{padding:19px;gap:15px;flex-direction:column}.cr-goal-progress{min-width:0;grid-template-columns:45px 1fr;align-items:center}.cr-goal-progress button{grid-column:1/-1;justify-self:start;padding-left:0}.cr-goal-mark{display:none}.cr-layout{display:flex;flex-direction:column;gap:18px}.cr-items{width:100%}.cr-detail{width:100%;box-sizing:border-box;position:static}.cr-detail .cr-preview{padding:26px 0}.cr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cr-filters{gap:2px}.cr-filters button{padding:9px 10px;font-size:11px}.cr-equipped>div{grid-template-columns:1fr;gap:16px}.cr-equipped>div>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.cr-equipped strong{grid-column:1}.cr-equipped button{grid-column:2;grid-row:1/3}.cr-avatar{--cr-size:40px}}
@media(prefers-reduced-motion:reduce){.cr-light{animation:none!important}.cr-tile{transition:none}.effect-glint .cr-light{transform:rotate(35deg)}.effect-pulse .cr-light{opacity:.25}}
.cr-chat-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);text-decoration:none;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--surface);flex:0 0 auto}.cr-chat-progress strong{font-size:11px;color:var(--accent)}.cr-chat-progress:hover{color:var(--text)}
.cr-collection progress.cr-tile-bar{position:absolute;height:2px;border-radius:0}.cr-collection progress.cr-tile-bar::-webkit-progress-value{background:#b7bfd6}

/* One portrait, one decoration layer: never retain the inner legacy hero padding/aura. */
.cr-avatar .cr-photo>.game-avatar{padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:none!important;animation:none!important;filter:none!important}
.cr-avatar .cr-photo>.game-avatar::before,.cr-avatar .cr-photo>.game-avatar::after{display:none!important}
.cr-avatar .cr-photo>.game-avatar>.avatar{padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;object-fit:cover!important;object-position:center!important}
#main .public-conversation .message-row>a>.cr-avatar{--cr-size:46px;padding:2px}
.effect-mist .cr-light{inset:-3px;border:1px solid #99d7e899;box-shadow:0 0 0 2px #8acadd18,0 0 12px #82bde942;animation:cr-mist 7s ease-in-out infinite}
.effect-duotone .cr-light{inset:-3px;background:conic-gradient(from 30deg,transparent 0deg,#91e9ef 40deg,transparent 100deg,transparent 180deg,#bd9af0 240deg,transparent 300deg);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:cr-turn 15s linear infinite;filter:drop-shadow(0 0 3px #9c9deb)}
.effect-solar .cr-light{inset:-3px;border:1px solid #daa96277;box-shadow:0 0 0 2px #b3863d18,0 0 10px #e8ad4340}.effect-solar .cr-light:after{content:'';position:absolute;inset:-1px;border-radius:50%;border:2px solid transparent;border-top-color:#ffe4a7;border-right-color:#e0af6366;animation:cr-turn 18s linear infinite}
.effect-nocturne .cr-light{inset:-5px;border:1px solid #b7a3e388;box-shadow:inset 0 0 5px #926cc999,0 0 9px #6c59a866;animation:cr-mist 9s ease-in-out infinite}.effect-nocturne .cr-light:after{content:'';position:absolute;inset:2px;border:1px solid #c5bbeb99;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:cr-turn 22s linear infinite}
@keyframes cr-mist{0%,100%{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.cr-light,.cr-light:after{animation:none!important}}

.cr-avatar[class*="frame-author"]{--metal:#96e1cf;--dark-metal:#173d3c;--cr-edge:#96e1cf;background:conic-gradient(from 25deg,#c9eee0,#205c58,#85b3a9,#ebfaf0,#216059,#91d7c1)}.cr-avatar[class*="frame-patron"]{--metal:#d9b38d;--dark-metal:#513e39;--cr-edge:#d9b38d;background:conic-gradient(from 45deg,#f3d8b9,#79564b,#e3bfa2,#9b8782,#f0e1ce,#80584d,#f3d8b9)}.frame-encyclopedia{--cr-edge:#93c6ec;background:conic-gradient(#b7e3ee,#2e426b,#9999d6,#d5eefa,#35455f,#a2c5de)}.frame-encyclopedia .cr-rim{inset:-4px;border:2px double #a9d0e7}
.cr-name.name-ink,.cr-name.name-ink strong{color:#a4dfd2!important}.cr-name.name-copper,.cr-name.name-copper strong{color:#e6bc9e!important}.cr-name.name-precision,.cr-name.name-precision strong{color:#a9d9f1!important}[data-theme=light] .cr-name.name-ink,[data-theme=light] .cr-name.name-ink strong{color:#21665b!important}[data-theme=light] .cr-name.name-copper,[data-theme=light] .cr-name.name-copper strong{color:#8a4e2f!important}[data-theme=light] .cr-name.name-precision,[data-theme=light] .cr-name.name-precision strong{color:#285c91!important}
.effect-script .cr-light{inset:-5px;border:1px solid #9bdcca;border-right-color:transparent;border-left-color:transparent;animation:cr-turn 20s linear infinite}.effect-filigree .cr-light{inset:-5px;border:1px dotted #d7b08a;box-shadow:0 0 0 3px #d7b08a20;animation:cr-breathe 8s ease-in-out infinite}.effect-crystal .cr-light{inset:-5px;border:1px solid #9cc7df;box-shadow:0 0 8px #9cc7df44}.effect-crystal .cr-light:after{content:'';position:absolute;top:-3px;left:calc(50% - 3px);width:6px;height:6px;transform:rotate(45deg);background:#c2e7f5}@media(prefers-reduced-motion:reduce){.effect-script .cr-light,.effect-filigree .cr-light{animation:none}}
