/* One frame/glow layer shared by identity surfaces; content never sets the frame tone. */
.sx-player-avatar{--frame-tone:#55c7ff;box-sizing:border-box;display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border:3px solid var(--frame-tone);border-radius:50%;background:#20283a;color:var(--sx-color-text,#edf2ff);box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 18px color-mix(in srgb,var(--frame-tone) 42%,transparent)}
.sx-player-avatar[data-frame="combo"]{border-style:double;border-width:6px}
.sx-player-avatar[data-frame="boss"]{box-shadow:0 0 0 3px #35181f,0 0 24px rgba(255,107,107,.55)}
.sx-player-avatar[data-frame="veteran"]{box-shadow:0 0 0 3px #6f592a,0 0 24px rgba(255,209,102,.55)}
.sx-player-avatar-content{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;font-weight:900;line-height:1}
.sx-player-avatar-content>.sx-icon,.sx-player-avatar-content>.spintrix-wordmark__x{width:65%;height:65%;object-fit:contain}
.sx-player-avatar[data-avatar="cyan-paddle"] .sx-icon{color:#19ddf5}
.sx-player-avatar[data-avatar="purple-paddle"] .sx-icon{color:#b792ff}
.profile-frame-option i span{display:grid;place-items:center;width:100%;height:100%}
.profile-frame-option i span>.sx-icon,.profile-frame-option i span>.spintrix-wordmark__x{width:65%;height:65%;object-fit:contain}
.profile-metadata{display:grid;gap:10px;min-width:0}
.profile-metadata label{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.profile-metadata select{max-width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--sx-color-border);border-radius:var(--sx-radius-sm);background:var(--sx-color-surface);color:var(--sx-color-text)}
.profile-id{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}
.profile-id code{font-size:11px;overflow-wrap:anywhere;min-width:0}
.profile-metadata [data-avatar-options]{display:flex;flex-wrap:wrap;gap:8px}
.profile-metadata [data-avatar-options][hidden]{display:none!important}
.profile-metadata [data-avatar-id]{display:grid;place-items:center;width:48px;height:48px;padding:8px}
.profile-metadata [data-avatar-id]>.sx-icon,.profile-metadata [data-avatar-id]>.spintrix-wordmark__x{width:100%;height:100%;object-fit:contain}
.profile-metadata [data-avatar-id="cyan-paddle"]{color:#19ddf5}
.profile-metadata [data-avatar-id="purple-paddle"]{color:#b792ff}
.profile-metadata [aria-pressed="true"]{outline:2px solid var(--sx-color-cyan);outline-offset:2px}
.profile-identity .sx-player-avatar{width:76px;height:76px}
@media(max-width:620px){.profile-identity .sx-player-avatar{width:64px;height:64px}}
@media (pointer:coarse) and (orientation:landscape),(max-width:860px) and (orientation:landscape){.profile-identity .sx-player-avatar{width:52px;height:52px}}