.pixel-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;pointer-events:none}
.has-avatar-frame{position:relative;overflow:visible!important}
.has-avatar-frame>.avatar-frame-image{position:absolute!important;inset:calc((100% - var(--avatar-frame-size,136.6%))/2)!important;width:var(--avatar-frame-size,136.6%)!important;height:var(--avatar-frame-size,136.6%)!important;max-width:none!important;border:0!important;border-radius:0!important;object-fit:contain!important;pointer-events:none;z-index:2}
.avatar-frame-image[data-avatar-frame="steam_frame_3707049"]{--avatar-frame-size:158%}
.avatar-frame-image[data-avatar-frame="steam_frame_430397"]{--avatar-frame-size:122%}
.avatar-frame-image[data-avatar-frame="steam_frame_314156"]{--avatar-frame-size:124%}
.avatar-frame-image[data-avatar-frame="steam_frame_1438278"]{--avatar-frame-size:115%}
.avatar-frame-image[data-avatar-frame="steam_frame_103151"]{--avatar-frame-size:122%}
.has-avatar-frame>.social-status-dot{z-index:3}
.nav-avatar.has-avatar-frame>img:not(.avatar-frame-image),.site-account-avatar.has-avatar-frame>img:not(.avatar-frame-image){border-radius:inherit}
.avatar-frame-art{height:180px;background:radial-gradient(ellipse,#ecf6fb,#f8fbfd)}
.avatar-frame-art .social-avatar{width:82px;height:82px;border-radius:7px}
.avatar-frame-showcase{display:flex;gap:32px;align-items:center;padding:40px;min-height:235px;background:linear-gradient(120deg,#f0f9ff,#fff)}
.avatar-frame-showcase>.social-avatar{width:112px;height:112px;border-radius:8px;margin:12px 20px}
.avatar-frame-showcase strong{display:block;font-size:24px;color:#253e52}
.avatar-frame-showcase small{display:block;margin-top:9px;color:#8499a9}
.avatar-frame-source{color:#6094a8;font-size:11px;text-decoration:none}
.avatar-frame-source:hover{text-decoration:underline}
@media(max-width:600px){.avatar-frame-showcase{padding:24px;gap:12px}.avatar-frame-showcase>.social-avatar{width:78px;height:78px;margin:12px}.avatar-frame-showcase strong{font-size:18px}}
.social-profile-cover:has(.pixel-background){height:260px;background:#203648}
.social-profile-host{grid-template-columns:minmax(0,1fr)}
.social-profile-cover:has(.pixel-background)::before{display:none}
.social-profile-cover:has(.pixel-background) .social-profile-cover-label{color:#fff;text-shadow:0 1px 4px #13232b;letter-spacing:2px}
.profile-decoration-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.profile-decoration-card{overflow:hidden;border:1px solid #e1eaf0;border-radius:14px;background:#fff;padding:0;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.profile-decoration-card:hover{border-color:#9bdae5}
.profile-decoration-card[data-selected="true"]{border-color:#12b7cf;box-shadow:0 0 0 2px #12b7cf15}
.profile-decoration-select{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left;font:inherit;cursor:pointer}
.profile-decoration-select:focus-visible{outline:2px solid #12b7cf;outline-offset:-3px}
.profile-decoration-art{height:144px;background:#f2f8fb;position:relative;display:grid;place-items:center;border:0;width:100%;padding:0;cursor:pointer}
.profile-decoration-art:not(.avatar-frame-art){height:168px}
.profile-decoration-copy{padding:17px;display:grid;gap:9px}
.profile-decoration-copy strong{color:#253e52;font-size:14px}
.profile-decoration-copy small{color:#8a9ead;font-size:11px;line-height:1.5}
.profile-decoration-status{color:#7f91a1;font-size:11px}
.profile-decoration-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px 17px}
.profile-decoration-footer .profile-decoration-equip{min-width:70px;padding:8px 14px;border:1px solid #cdebf1;background:#eefbfd;color:#079bb2;border-radius:9px;font:inherit;font-size:12px;cursor:pointer}
.profile-decoration-footer .profile-decoration-equip:disabled{cursor:default;background:#f5f8fa;color:#8b9fae;border-color:#e0e9ee}
.profile-decoration-showcase{grid-column:1/-1;overflow:hidden;background:#fff;border:1px solid #dceaf0;border-radius:16px;margin-bottom:6px}
.profile-decoration-showcase header{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;gap:16px}
.profile-decoration-showcase header strong{font-size:15px;color:#274153}
.profile-decoration-showcase header small{color:#8b9fae;font-size:11px}
.profile-decoration-showcase .social-profile-cover{height:260px}
.profile-decoration-showcase .preview-player{padding:0 24px 20px;margin-top:-30px;position:relative;display:flex;gap:16px;align-items:center}
.preview-player>.social-avatar{width:64px;height:64px;border:4px solid #fff;border-radius:18px}
.preview-player strong{padding-top:23px;color:#2b4156;font-size:17px}
.rewards-shop-tabs{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.profile-decoration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-decoration-showcase header{flex-wrap:wrap}.social-profile-cover:has(.pixel-background){height:190px}}
@media(max-width:460px){.profile-decoration-grid{grid-template-columns:1fr}}