.cosmetic-avatar{--frame:#81918c;display:inline-flex!important;position:relative;align-items:center;justify-content:center;flex:none;vertical-align:middle;box-sizing:border-box;border-radius:7px;isolation:isolate}
.cosmetic-avatar img{width:100%!important;height:100%!important;object-fit:cover;border-radius:inherit;image-rendering:pixelated;margin:0!important}
.avatar-22{width:22px;height:22px}.avatar-26{width:26px;height:26px}.avatar-32{width:32px;height:32px}.avatar-42{width:42px;height:42px}.avatar-48{width:48px;height:48px}.avatar-64{width:64px;height:64px}.avatar-96{width:96px;height:96px}
.cosmetic-avatar:not(.frame-none){padding:3px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--frame)}
.cosmetic-avatar:not(.frame-none):after{content:"";position:absolute;inset:0;border:2px solid var(--frame);border-radius:inherit;pointer-events:none}
.frame-basic{--frame:#559c82}.frame-copper{--frame:#be7c4c}.frame-iron{--frame:#9bafba}.frame-diamond{--frame:#2cb6cb}.frame-netherite{--frame:#947cab}
.frame-diamond:after,.frame-netherite:after{clip-path:polygon(0 0,30% 0,30% 8%,70% 8%,70% 0,100% 0,100% 30%,92% 30%,92% 70%,100% 70%,100% 100%,70% 100%,70% 92%,30% 92%,30% 100%,0 100%,0 70%,8% 70%,8% 30%,0 30%)}
.frame-netherite{background:#29262f!important;box-shadow:inset 0 0 0 2px #49414f,inset 0 0 0 4px var(--frame)!important;padding:5px!important}
.cosmetic-title{display:block;font-size:11px;font-weight:500;line-height:1.6;color:var(--green);overflow-wrap:anywhere}.cosmetic-title:empty{display:none}
.cosmetic-avatar.frame-admin{--frame:#dbb563;padding:5px;background:#183830;box-shadow:inset 0 0 0 1px #9a7339,inset 0 0 0 3px #edd49a,inset 0 0 0 5px #24483d;border-radius:8px}
.cosmetic-avatar.frame-admin:after{inset:0;border:3px solid #edcf86;clip-path:polygon(0 0,28% 0,28% 7%,72% 7%,72% 0,100% 0,100% 28%,93% 28%,93% 72%,100% 72%,100% 100%,72% 100%,72% 93%,28% 93%,28% 100%,0 100%,0 72%,7% 72%,7% 28%,0 28%)}
.cosmetic-avatar.frame-admin:before{content:"";position:absolute;z-index:2;top:-3px;left:calc(50% - 4px);width:8px;height:8px;box-sizing:border-box;background:#28c98a;border:1px solid #f5dc96;transform:rotate(45deg);box-shadow:0 0 0 2px #183830}
.avatar-22.frame-admin,.avatar-26.frame-admin,.avatar-32.frame-admin{padding:3px;box-shadow:inset 0 0 0 1px #d8b66b,inset 0 0 0 3px #24483d}
.avatar-22.frame-admin:after,.avatar-26.frame-admin:after,.avatar-32.frame-admin:after{border-width:2px}
.avatar-22.frame-admin:before,.avatar-26.frame-admin:before,.avatar-32.frame-admin:before{width:5px;height:5px;top:-2px;left:calc(50% - 2.5px);box-shadow:none}
.cover-admin{background-image:url('/assets/covers/admin-citadel.webp');background-position:50% 42%}
.member-cover.cover-admin{height:280px;background-position:50% 0;border:1px solid #b2935159}
@media(max-width:760px){.member-cover.cover-admin{height:180px;background-position:43% 40%}}
.cosmetic-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cosmetic-badges:empty{display:none}
.cosmetic-badge{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);padding:6px 9px;border:1px solid var(--line);border-radius:5px;background:var(--surface);max-width:100%}
.cosmetic-badge>.icon{width:16px;height:16px;color:var(--green);flex:none}.cosmetic-badge>span{overflow-wrap:anywhere}
.cosmetic-tooltip{display:none;position:absolute;z-index:5;bottom:calc(100% + 8px);left:0;width:210px;max-width:70vw;padding:10px;background:var(--ink);color:var(--bg);border-radius:5px;box-shadow:0 4px 16px #0002;pointer-events:none;font-size:11px;line-height:1.7}
.cosmetic-badge:hover .cosmetic-tooltip,.cosmetic-badge:focus .cosmetic-tooltip{display:block}
.cover-forest{background-image:url('/assets/covers/forest.webp')}.cover-snow{background-image:url('/assets/covers/snow.webp')}.cover-ocean{background-image:url('/assets/covers/ocean.webp')}.cover-redstone{background-image:url('/assets/covers/redstone.webp')}.cover-nether{background-image:url('/assets/covers/nether.webp')}.cover-end{background-image:url('/assets/covers/end.webp')}.cover-none{background:var(--soft)}
.member-cover{height:240px;background-size:cover;background-position:center;border-radius:7px;margin:8px 0 0}.member-cover+.member-header{padding-top:24px}.member-cover.cover-none{display:none}
.member-header .cosmetic-badges{margin-top:12px}.member-header .cosmetic-title{font-size:13px;margin:5px 0}.member-header .cosmetic-avatar{border:0}
.question-author{min-width:0}.question-author-name{display:flex;flex-direction:column;min-width:0;line-height:1.4}.question-author-name>a{overflow-wrap:anywhere}.question-author .cosmetic-title{font-size:10px;font-weight:400}
.review-author .cosmetic-title{flex-basis:100%;font-size:10px}
.appearance-page{max-width:1180px;margin:auto;padding:28px 0 48px}.appearance-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 30px}.appearance-heading p{font-size:10px;color:var(--green);margin:0 0 8px}.appearance-heading h1{font-size:28px;margin:0;line-height:1.4;overflow-wrap:anywhere}.appearance-progress{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);flex-wrap:wrap}.appearance-progress>.icon{width:17px;color:var(--green)}.appearance-progress strong{color:var(--ink)}
.appearance-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}.appearance-layout form{min-width:0}.appearance-section{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}.appearance-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:18px}.appearance-section-heading h2{font-size:17px;margin:0}.appearance-section-heading>span{font-size:11px;color:var(--muted)}
.cover-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.cosmetic-option{cursor:pointer;position:relative;min-width:0;display:flex;flex-direction:column;gap:4px;font-size:12px}.cosmetic-option>input{position:absolute;width:1px;height:1px;opacity:0}.cover-swatch{height:86px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;border:2px solid transparent;border-radius:6px;position:relative;margin-bottom:4px}.cosmetic-option:has(input:checked) .cover-swatch,.cosmetic-option:has(input:checked) .frame-swatch{border-color:var(--green)}.cosmetic-option:has(input:focus-visible) .cover-swatch,.cosmetic-option:has(input:focus-visible) .frame-swatch{outline:2px solid var(--ink);outline-offset:3px}.option-mark{position:absolute;right:5px;bottom:5px;display:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:var(--green);color:var(--bg)}.option-mark>.icon{width:12px;height:12px}.is-locked .option-mark{display:flex;background:#182328cc;color:#fff}.cosmetic-option:has(input:checked) .option-mark{display:flex}.option-name{font-weight:700;line-height:1.5;overflow-wrap:anywhere}.cosmetic-option small{font-size:10px;color:var(--muted);line-height:1.6}.is-locked{cursor:default}.is-locked .cover-swatch{filter:saturate(.65)}
.frame-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.frame-swatch{display:flex;align-items:center;justify-content:center;height:88px;border:2px solid var(--line);border-radius:6px;background:var(--surface);position:relative;margin-bottom:4px}
.title-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.title-option{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.title-option>span{min-width:0;flex:1}.title-option strong,.badge-option strong{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.title-option small,.badge-option small{display:block;color:var(--muted);font-size:10px;line-height:1.6}.title-option>.icon,.badge-option>.icon{width:13px;height:13px;color:var(--muted);flex:none}.appearance-page input[type=radio],.appearance-page input[type=checkbox]{accent-color:var(--green);flex:none;width:16px;height:16px;margin:0}.title-option:has(input:disabled){cursor:default}.title-option:has(input:disabled) strong{color:var(--muted)}
.badge-options{display:grid;gap:0}.badge-option{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.badge-option>span:not(.badge-emblem){flex:1;min-width:0}.badge-emblem{display:grid;place-items:center;width:40px;height:40px;background:var(--green-soft);color:var(--green);border-radius:6px;flex:none}.badge-emblem>.icon{width:21px;height:21px}.badge-option.is-locked .badge-emblem{background:var(--soft);color:var(--muted)}.appearance-note{font-size:11px;line-height:1.8;color:var(--muted);margin:18px 0 0}.appearance-save{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.appearance-save [role=status]{font-size:11px;color:var(--muted);flex-basis:100%;min-height:20px}
.appearance-preview{position:sticky;top:24px;min-width:0}.appearance-preview>h2{font-size:12px;color:var(--muted);font-weight:400;margin:0 0 14px}.profile-preview{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--surface)}.preview-cover{height:124px;background-size:cover;background-position:center}.appearance-preview-identity{padding:0 20px 24px}.appearance-preview-identity>.cosmetic-avatar{margin-top:-25px;box-shadow:0 0 0 5px var(--surface);background:var(--surface)}.appearance-preview-identity h3{font-size:19px;margin:14px 0 3px;line-height:1.4;overflow-wrap:anywhere}.preview-handle{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.appearance-preview-identity .cosmetic-badges{flex-direction:column;align-items:flex-start}.answer-preview{border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:20px}.answer-preview h3{font-size:11px;font-weight:400;color:var(--muted);margin:0 0 15px}.answer-preview>div{display:flex;align-items:center;gap:12px}.answer-preview>div>span:last-child{min-width:0}.answer-preview strong{font-size:12px;overflow-wrap:anywhere}
@media(max-width:1000px){.appearance-layout{grid-template-columns:minmax(0,1fr) 260px;gap:28px}.cover-options{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-heading{align-items:flex-start;flex-direction:column}.appearance-heading h1{font-size:25px}}
@media(max-width:760px){.appearance-layout{display:flex;flex-direction:column;gap:28px}.appearance-preview{position:static;order:-1;width:100%}.appearance-preview .profile-preview{max-width:none}.preview-cover{height:128px}.appearance-preview-identity{padding:0 16px 18px}.appearance-preview-identity .cosmetic-badges{flex-direction:row}.appearance-preview .answer-preview,.appearance-preview>.subtle-link{display:none}.appearance-layout>form{width:100%}.appearance-heading h1{font-size:24px}.appearance-section-heading>span{font-size:10px}.appearance-page{padding-top:20px}.frame-options{gap:14px 10px}.frame-option .option-name{font-size:11px}.frame-option small{font-size:9px}.title-options{grid-template-columns:1fr}.member-cover{height:160px}.member-header>.cosmetic-avatar{width:72px;height:72px}.member-header .cosmetic-title{font-size:11px}.appearance-save .primary-action{font-size:11px;padding:0 12px}.appearance-section-heading h2{font-size:16px}}