.clan-personal-theme{--text2:var(--td-dim);--accent-text:var(--td-on-accent,#17130f);--clan-cta:var(--td-bar);--clan-cta-text:var(--accent-text);--clan-level:var(--accent-strong);--clan-fresh:var(--accent-strong);--clan-fresh-soft:var(--accent-soft);--clan-art-dark-opacity:.4;--clan-art-light-opacity:.5;background:var(--bg)}[data-theme=light] .clan-personal-theme{--text2:var(--tl-dim);--accent-text:var(--tl-on-accent,#fff);--clan-cta:var(--tl-bar)}.clan-personal-theme .clan-panel{background:var(--card)}.clan-personal-theme .clan-panel-edge{box-shadow:inset 0 0 0 1px var(--border)}.clan-personal-theme .clan-banner-fade{background:linear-gradient(180deg, transparent 45%, var(--bg))}.clan-personal-theme .clan-showcase{background:var(--card);border-radius:var(--profile-radius,14px);box-shadow:inset 0 0 0 1px var(--border)}.clan-personal-theme :is(button,a):focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.clan-theme-art{z-index:-1;pointer-events:none;position:absolute;inset:252px 0 0;overflow:clip;-webkit-mask-image:linear-gradient(#0000,#000 120px);mask-image:linear-gradient(#0000,#000 120px)}.clan-theme-art-viewport{height:100svh;min-height:600px;position:sticky;top:0}.clan-theme-art img{object-fit:cover;object-position:center;width:100%;height:100%;opacity:var(--clan-art-dark-opacity);display:block}[data-theme=light] .clan-theme-art img{opacity:var(--clan-art-light-opacity)}.clan-theme-art--portrait img{object-fit:cover}.clan-theme-art--portrait .clan-theme-art-viewport:after{content:"";background:color-mix(in srgb, var(--bg) 48%, transparent);position:absolute;inset:0}[data-clan-theme-style=mood-pixel] .clan-theme-art img{image-rendering:pixelated}.clan-appearance-preview{isolation:isolate;border:1px solid var(--border);background:var(--kit-screen,var(--bg));color:var(--text);border-radius:18px;position:relative;overflow:hidden}.clan-appearance-preview-cover{background:var(--card);background-position:50%;background-size:cover;height:100px;-webkit-mask-image:linear-gradient(#000 35%,#0000);mask-image:linear-gradient(#000 35%,#0000)}.clan-appearance-preview-info{align-items:flex-end;gap:16px;margin-top:-32px;padding:0 22px;display:flex;position:relative}.clan-appearance-preview-avatar{flex:0 0 72px;width:72px;height:72px;position:relative}.clan-framed-avatar{place-items:center;display:grid}.clan-header-avatar.clan-framed-avatar{--clan-avatar-size:116px;width:116px;height:116px}.clan-header-avatar.clan-framed-avatar>:first-child,.clan-appearance-preview-avatar.clan-framed-avatar>:first-child{width:calc(var(--clan-avatar-size) * var(--clan-avatar-fit))!important;height:calc(var(--clan-avatar-size) * var(--clan-avatar-fit))!important}.clan-framed-avatar>.profile-shop-frame{transform:translate(-50%, -50%) scale(var(--clan-avatar-fit))!important}.clan-appearance-preview-name{min-width:0;padding-bottom:4px}.clan-appearance-preview-name strong{font:800 18px/1.3 var(--font-unbounded), sans-serif;overflow-wrap:anywhere;display:block}.clan-appearance-preview-name span{color:var(--text3);font:500 12px/1.5 var(--font-manrope), sans-serif;margin-top:5px;display:block}.clan-appearance-preview-panel{border:1px solid var(--border);background:var(--card);color:var(--text3);font:500 12px/1.5 var(--font-manrope), sans-serif;border-radius:12px;margin:22px 16px 16px;padding:12px;position:relative}.clan-theme-art--compact{top:0;-webkit-mask-image:none;mask-image:none}.clan-theme-art--compact .clan-theme-art-viewport{height:auto;min-height:0;position:absolute;inset:0}@media (min-width:1024px){.clan-theme-art:not(.clan-theme-art--compact){top:517px}.clan-header-avatar.clan-framed-avatar{--clan-avatar-size:148px;width:148px;height:148px}.clan-theme-art--portrait:not(.clan-theme-art--compact) img{object-fit:contain;object-position:right center;width:auto;max-width:62%;margin-left:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25%);mask-image:linear-gradient(90deg,#0000,#000 25%)}.clan-theme-art--portrait:not(.clan-theme-art--compact) .clan-theme-art-viewport:after{background:linear-gradient(to right, var(--bg) 15%, color-mix(in srgb, var(--bg) 78%, transparent) 48%, color-mix(in srgb, var(--bg) 22%, transparent))}}@media (max-width:380px){.clan-appearance-preview-info{gap:12px;padding-inline:16px}.clan-appearance-preview-name strong{font-size:16px}}