@font-face{font-family:gg sans;src:url('assets/discord/ggsans.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:gg sans;src:url('assets/discord/ggsansmedium.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:gg sans;src:url('assets/discord/ggsanssemibold.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:gg sans;src:url('assets/discord/ggsansbold.woff2') format('woff2');font-weight:700 900;font-display:swap}
body,button,input,textarea,select{font-family:'gg sans','Noto Sans',Arial,sans-serif}.profile .note textarea{font-family:'gg sans',Arial,sans-serif}.avatar-decoration{position:absolute;inset:-12px;pointer-events:none;z-index:3;display:block}.avatar-decoration[data-decoration="none"]{display:none}.avatar-decoration img{width:100%;height:100%;object-fit:contain;display:block}.dm-avatar-wrap .avatar-decoration{inset:-3px}.profile-effect-layer,.profile-frame-layer{position:absolute;inset:0;pointer-events:none;z-index:4;border-radius:inherit}.profile-effect-layer{overflow:hidden;opacity:0;transition:opacity .18s}.profile:hover>.profile-effect-layer,.profile.effect-playing>.profile-effect-layer,.profile:focus-within>.profile-effect-layer{opacity:1}.profile-effect-layer[data-effect="none"],.profile-frame-layer[data-effect="none"]{display:none}.profile-effect-layer img{width:100%;height:100%;object-fit:fill;display:block}.profile-frame-layer{z-index:5}.profile-frame-layer img{position:absolute;width:calc(100% + 24px);height:calc(100% + 24px);left:-12px;top:-12px;object-fit:fill}.generator-bar .cosmetic-control{width:100%;grid-column:1/-1;font-size:12px}.originals-editor{width:980px;max-width:calc(100vw - 32px);max-height:90vh;padding:24px;background:#1f2024;color:#f2f3f5;border:1px solid #41434a;overflow-y:auto}.originals-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.originals-eyebrow{font-size:11px;font-weight:700;color:#a5a7af;letter-spacing:1px}.originals-header h2{margin:4px 0 0;font-size:24px;line-height:30px}.originals-header .originals-close{border-radius:50%;background:#313338;margin:0;padding:3px;width:30px;height:30px;font-size:24px;color:#b5bac1}.cosmetic-tabs{display:flex;gap:6px;margin:22px 0 18px;padding-bottom:12px;border-bottom:1px solid #3a3c43}.cosmetic-tabs button{flex:1;margin:0;font-size:13px;border-radius:6px;padding:10px 6px;background:transparent;color:#b5bac1}.cosmetic-tabs button:hover{background:#35373c}.cosmetic-tabs button[aria-pressed="true"]{background:#5865f2;color:#fff}.originals-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.originals-search{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b5bac1}.originals-search input{background:#111214;border:1px solid #3b3d43;border-radius:6px;color:#f2f3f5;padding:10px 12px;font-size:14px}.cosmetic-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:410px;overflow-y:auto;padding:2px 5px 3px 2px;align-content:start}.cosmetic-options .cosmetic-option{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:center;padding:12px 8px;font-size:12px;line-height:16px;background:#2b2d31;border:2px solid transparent;min-height:130px;text-align:center;border-radius:10px}.cosmetic-options .cosmetic-option:hover{background:#35373c;border-color:#777fbc}.cosmetic-options .cosmetic-option[aria-pressed="true"]{border-color:#5865f2;background:#363b66}.cosmetic-options .cosmetic-option[aria-pressed="true"]:after{content:'✓';position:absolute;right:5px;top:5px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#5865f2;font-size:12px}.cosmetic-swatch{position:relative;display:grid;place-items:center;width:74px;height:74px}.cosmetic-swatch img{position:absolute;width:100%;height:100%;object-fit:contain}.cosmetic-swatch .swatch-avatar{width:84%;height:84%;object-fit:cover;border-radius:50%}.cosmetic-swatch.effect-swatch{width:53px;height:90px;background:#151619;border-radius:6px;overflow:hidden}.cosmetic-swatch.plate-swatch{height:35px;width:100%;background:#202127;border-radius:5px;overflow:hidden}.plate-swatch video{height:100%;width:100%;object-fit:cover}.cosmetic-options .no-cosmetic{color:#b5bac1}.originals-preview{position:sticky;top:0;align-self:start}.originals-preview h3{font-size:12px;color:#b5bac1;text-transform:uppercase;margin:0 0 12px}.cosmetic-preview-mount{height:400px;overflow:hidden;border-radius:12px;background:#161719;position:relative}.cosmetic-profile-preview{pointer-events:none;transform:scale(.675);transform-origin:top left;width:400px;max-width:none!important;min-height:592px!important;margin:0!important;border-radius:18px!important;box-shadow:none}.cosmetic-profile-preview .dm-slot{min-height:100px;padding:20px 0}.cosmetic-profile-preview .note{display:none}.originals-preview #cosmetic-replay{width:100%;margin-top:12px;font-size:12px;background:#383a40}.originals-preview .subtle{margin:9px 0;color:#b5bac1;font-size:12px}.catalog-note{font-size:11px!important;color:#949ba4!important;margin:14px 0 0;line-height:16px!important}.cosmetic-upload{padding-top:15px;margin-top:20px;border-top:1px solid #383a40;font-size:12px;color:#b5bac1}.cosmetic-upload summary{cursor:pointer}.cosmetic-upload .upload-label{margin-top:12px;font-size:12px;background:#383a40}.originals-empty{grid-column:1/-1;color:#b5bac1;line-height:20px;padding:16px;border:1px dashed #4e5058;border-radius:8px}.originals-editor .footer{position:sticky;bottom:-24px;background:#1f2024;padding:16px 0;margin-top:12px;border-top:1px solid #383a40}.originals-editor .primary{background:#5865f2}.originals-editor .primary:hover{background:#4752c4}.dm-nameplate-video{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}.dm-preview.has-original-nameplate{background:#313338}.profile-light .dm-preview.has-original-nameplate{background:#dcdfe7}.dm-preview.has-original-nameplate .dm-effect-gif{display:none}.dm-preview.has-original-nameplate .dm-name{position:relative;z-index:1}.profile-light .dm-nameplate-video{opacity:1}
@media(max-width:760px){.originals-editor{padding:18px}.originals-body{grid-template-columns:1fr}.originals-preview{position:static;display:none}.cosmetic-tabs{flex-wrap:wrap}.cosmetic-tabs button{flex:1 0 40%}.cosmetic-options{max-height:48vh}.originals-header h2{font-size:21px}.originals-editor .footer{bottom:-18px}.cosmetic-options .cosmetic-option{min-height:115px}.cosmetic-swatch{width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){.profile-effect-layer{opacity:0!important}.avatar-decoration img{animation:none}}

/* Presence stays above every avatar decoration, including the DM nameplate. */
.avatar>.status,.dm-avatar-wrap>.dm-status{z-index:4}
/* Width-based scaling preserves top/bottom artwork as the card height changes. */
.profile.has-profile-frame{overflow:visible;container-type:inline-size;margin-top:95px;margin-bottom:65px}.profile.has-profile-frame>.banner{border-radius:18px 18px 0 0}.profile-frame-layer.original-profile-frame{overflow:visible;border-radius:inherit;isolation:isolate}.original-profile-frame img{position:absolute;display:block;max-width:none;height:auto;object-fit:fill;top:auto;bottom:auto;pointer-events:none}.original-profile-frame img[data-order="back"]{z-index:0}.original-profile-frame img[data-order="front"]{z-index:1}.original-profile-frame img[hidden]{display:none}.original-profile-frame img[data-frame-layer="rail"]{height:calc(100% + 20cqw);object-fit:fill}.cosmetic-options .cosmetic-swatch:has(img[src*="collectibles-shop"]){width:85px;height:85px}.cosmetic-profile-preview.has-profile-frame{margin-top:95px!important}.cosmetic-preview-mount:has(.has-profile-frame){height:560px;overflow:hidden}
.preview-column:has(>.has-profile-frame){padding-inline:10px}.profile.has-profile-frame{min-height:max(650px,calc(100vh - 245px))}.profile.has-profile-frame .dm-slot{min-height:80px;padding:16px 0}.cosmetic-profile-preview.has-profile-frame{min-height:592px!important;margin-left:15px!important;transform:scale(.6)}
/* All layers share the same center and scale from the frame's native inner width. */
.preview-column:has(>.has-profile-frame){padding-inline:0}.original-profile-frame img[data-frame-layer="rail"]{height:auto}.cosmetic-profile-preview.has-profile-frame{margin-left:15px!important}
/* The profile hides rear artwork; only original foreground caps overlap its face. */
.frame-plane{position:absolute;inset:0;pointer-events:none}.frame-plane-back{z-index:0;clip-path:polygon(evenodd,-100% -100%,200% -100%,200% 200%,-100% 200%,-100% -100%,0 0,0 100%,100% 100%,100% 0,0 0)}.frame-plane-front{z-index:1}.original-profile-frame .frame-plane img{z-index:auto}
/* Match the rear-art cutout to all four rounded corners of the profile. */
.frame-plane-back{clip-path:polygon(evenodd,-100% -100%,200% -100%,200% 200%,-100% 200%,-100% -100%,18px 0,calc(100% - 18px) 0,calc(100% - 11.11px) 1.37px,calc(100% - 5.27px) 5.27px,calc(100% - 1.37px) 11.11px,100% 18px,100% calc(100% - 18px),calc(100% - 1.37px) calc(100% - 11.11px),calc(100% - 5.27px) calc(100% - 5.27px),calc(100% - 11.11px) calc(100% - 1.37px),calc(100% - 18px) 100%,18px 100%,11.11px calc(100% - 1.37px),5.27px calc(100% - 5.27px),1.37px calc(100% - 11.11px),0 calc(100% - 18px),0 18px,1.37px 11.11px,5.27px 5.27px,11.11px 1.37px,18px 0)}
.profile.has-profile-frame>.banner{clip-path:inset(0 round 18px 18px 0 0)}