#player-profile{width:min(850px,calc(100% - 32px));max-height:90dvh;padding:0;border-radius:24px;background:#f8f5ff;color:#3c2b5c;overflow:auto}.profile-head{padding:23px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8def2}.profile-head h2{font:800 25px 'Outfit',sans-serif;margin:4px 0 0;letter-spacing:-.6px}.profile-eyebrow{font-size:9px;letter-spacing:1.6px;color:#aa90bd;font-weight:800}.profile-close{border:0;border-radius:50%;width:32px;height:32px;color:#9278aa;background:#eae1f6;font-size:22px}.profile-layout{display:grid;grid-template-columns:230px 1fr}.profile-identity{padding:30px 24px;background:linear-gradient(#eee5fc,#e3f5f0);text-align:center}.profile-avatar{width:136px;height:136px;margin:0 auto 16px}.profile-avatar svg{width:100%;height:100%;display:block}.profile-identity h3{font:800 27px 'Outfit',sans-serif;margin:0 0 5px;letter-spacing:-.7px}.profile-identity p{font-size:11px;color:#a084b7;margin:0}.profile-identity .profile-edit{border:0;background:#fff9;color:#7d55aa;border-radius:12px;padding:11px 14px;font-weight:800;font-size:11px;margin-top:21px}.profile-tag{display:inline-block;font-size:9px;font-weight:800;color:#6b9686;background:#d4eee0;border-radius:20px;padding:6px 10px;margin-top:16px}.profile-content{padding:24px 26px 28px;min-width:0}.profile-tabs{display:flex;gap:23px;border-bottom:1px solid #e5d9ef;margin-bottom:21px}.profile-tabs button{border:0;border-bottom:3px solid transparent;background:none;color:#a38bb8;font-size:12px;font-weight:800;padding:0 0 12px}.profile-tabs button[aria-selected=true]{color:#7d4ec4;border-color:#9061d3}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 20px}.profile-stat{background:#fff;border:1px solid #e7ddf1;border-radius:14px;padding:17px 8px;text-align:center}.profile-stat strong{font:800 28px 'Outfit',sans-serif;display:block;color:#6c42ab}.profile-stat small{font-size:10px;color:#ae96bf;display:block;margin-top:3px}.profile-stat.win strong{color:#519c86}.profile-stat.loss strong{color:#c07b95}.profile-data-label{display:flex;justify-content:space-between;align-items:center;gap:10px}.profile-data-label label{font-size:10px;color:#a28bb4}.profile-data-label select{border:1px solid #dfd2ee;border-radius:8px;padding:6px;color:#8c6da7;background:#fff;font-size:10px}.profile-section-title{font:700 16px 'Outfit',sans-serif;margin:22px 0 10px}.profile-match{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #eee5f5}.profile-match img{width:59px;height:42px;object-fit:cover;border-radius:8px}.profile-match>div{flex:1;min-width:0}.profile-match b{font:700 13px 'Outfit',sans-serif;display:block}.profile-match small{font-size:9px;color:#aa94bb;display:block;margin-top:4px}.profile-outcome{font-size:9px;font-weight:800;padding:6px 9px;border-radius:7px;white-space:nowrap;background:#e9e1f4;color:#8b6ca3}.profile-outcome.win{background:#dbf0e5;color:#538e74}.profile-outcome.loss{background:#f9e4ed;color:#b67189}.profile-more{border:0;background:none;color:#9066ba;padding:13px 0;font-size:11px;font-weight:700}.profile-empty{background:#eee7f6;border-radius:14px;padding:26px 18px;color:#a28ab5;text-align:center;font-size:12px;line-height:1.8}.customize-label{display:block;font-size:10px;letter-spacing:.5px;font-weight:800;color:#9d7fb2;margin:17px 0 10px}.avatar-swatches{display:flex;gap:10px;flex-wrap:wrap}.avatar-swatches button{width:32px;height:32px;border-radius:50%;background:var(--swatch);border:3px solid transparent;box-shadow:0 0 0 1px #b7a6c833;font-size:12px;color:#514260}.avatar-swatches button[aria-pressed=true]{border-color:white;box-shadow:0 0 0 2px #875bc8}.avatar-options{display:flex;gap:8px;flex-wrap:wrap}.avatar-options button{background:#eee5f8;border:2px solid transparent;border-radius:11px;padding:10px 12px;color:#9878af;font-size:11px;min-width:65px}.avatar-options button[aria-pressed=true]{border-color:#ad85dc;background:#fff;color:#7e51b2}.profile-save{background:#7850cd;color:#fff;border:0;border-radius:12px;padding:12px 20px;font-size:12px;font-weight:800;margin-top:23px}.profile-cancel{background:none;border:0;color:#a088b2;font-size:11px;margin-left:10px}.profile-message{font-size:11px;color:#7d9c87;min-height:16px;margin-top:12px}.personal-avatar{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible;line-height:0}.personal-avatar svg{display:block;width:100%;height:100%;pointer-events:none}.play-header button.avatar{cursor:pointer;flex-shrink:0}@media(max-width:620px){#player-profile{width:calc(100% - 20px);max-height:94dvh;border-radius:18px}.profile-head{padding:18px}.profile-layout{grid-template-columns:1fr}.profile-identity{padding:20px;display:grid;grid-template-columns:80px 1fr;text-align:left;column-gap:18px;align-items:center}.profile-avatar{width:80px;height:80px;grid-row:span 4;margin:0}.profile-identity h3{font-size:23px}.profile-identity .profile-edit{margin-top:10px;justify-self:start;padding:8px 12px}.profile-tag{display:none}.profile-content{padding:20px 18px}.profile-stat{padding:13px 5px}.profile-stat strong{font-size:25px}.profile-stats{gap:7px}.profile-data-label{align-items:center}.profile-data-label select{max-width:150px}.profile-tabs{gap:20px}.play-header .avatar{display:grid!important;width:38px;height:38px}.play-header .back{font-size:10px}.play-header .brand{font-size:25px}.play-header{gap:8px}}

.profile-handle{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.profile-handle span{min-width:0;overflow-wrap:anywhere;user-select:text}.profile-copy-handle{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:7px;border:0;border-radius:9px;background:#fff9;color:#7d55aa;cursor:pointer}.profile-copy-handle svg{width:18px;height:18px}.profile-copy-handle:hover{background:#fff;color:#6034a0}.profile-copy-handle:disabled{opacity:.45;cursor:default}@media(max-width:620px){.profile-handle{justify-content:flex-start}.profile-copy-handle{width:40px;height:40px}}

.profile-handle-text{position:relative;display:block;line-height:16px}
.profile-handle .profile-copy-feedback{position:absolute;top:calc(100% + 3px);left:0;right:0;font-size:10px;font-weight:700;line-height:14px;color:#688b7b;white-space:nowrap;opacity:0;transition:opacity .25s ease;pointer-events:none;user-select:none}
.profile-handle .profile-copy-feedback.is-visible{opacity:1}

/* Match the visible size of both lobby faces, including the SVG artwork inset. */
.duel-faces .personal-avatar svg{transform:scale(1.25);overflow:visible}

.profile-name{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}.profile-identity .profile-name h3{min-width:0;overflow-wrap:anywhere;margin:0}
@media(max-width:620px){.profile-avatar{grid-row:span 3}.profile-name{grid-column:2;justify-content:flex-start}.profile-handle{grid-column:2}.profile-identity .profile-edit{grid-column:2}}


/* A draft can include locked items; the server only saves owned choices. */
.avatar-editor{scroll-margin-top:18px}.avatar-draft{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #e0d2ef;border-radius:16px;background:#fff}.avatar-draft-picture{width:76px;height:76px;flex:none}.avatar-draft-picture svg{width:100%;height:100%}.avatar-draft h3{font:800 19px 'Outfit',sans-serif;margin:0 0 5px}.avatar-draft p{font-size:12px;line-height:1.5;margin:0 0 6px;color:#735a8d}.avatar-draft strong{font-size:12px;color:#8c642a}.avatar-categories{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 12px}.avatar-categories button{min-height:44px;padding:9px 12px;border:0;border-radius:12px;background:#eae0f6;color:#76558f;font-weight:700;font-size:12px}.avatar-categories button[aria-pressed=true]{background:#7850cd;color:#fff}.avatar-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.avatar-choice{padding:10px 6px;border:2px solid #e5dbee;border-radius:14px;background:#fff;color:#5a3d78;text-align:center;min-width:0}.avatar-choice[aria-pressed=true]{border-color:#7850cd;box-shadow:inset 0 0 0 1px #7850cd;background:#f3edff}.avatar-choice-picture{display:block;width:64px;height:64px;margin:0 auto 4px}.avatar-choice-picture svg{width:100%;height:100%}.avatar-choice b{display:block;font-size:12px;line-height:1.4}.avatar-choice small{display:block;font-size:10px;line-height:1.5;margin-top:4px;color:#79608e}.avatar-save-area{margin-top:15px;padding-top:12px;border-top:1px solid #dfd2eb}.avatar-save-area .profile-save{margin-top:8px}.avatar-save-area .profile-more{display:block}.avatar-save-area button:disabled{opacity:.55;cursor:default}.avatar-unlock{display:flex;gap:9px;justify-content:space-between;align-items:center;background:#fff3d1;border-radius:12px;padding:10px;margin:0 0 8px;color:#755626}.avatar-unlock span{font-size:12px;font-weight:700;min-width:0}.avatar-unlock small{display:block;font-size:10px;font-weight:500;margin-top:4px}.avatar-unlock button{flex:none;border:0;border-radius:10px;background:#7850cd;color:white;font-size:11px;font-weight:800;min-height:44px;padding:9px}.avatar-editor button:focus-visible{outline:3px solid #40236d;outline-offset:3px}
@media(max-width:620px){.avatar-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-draft{padding:10px;gap:10px}.avatar-draft-picture{width:64px;height:64px}.avatar-draft h3{font-size:18px}.avatar-categories button{font-size:11px;padding:9px}.avatar-unlock{flex-wrap:wrap}.avatar-unlock button{margin-left:auto}}