/* Procedural SVG portraits: no image requests, canvas or external fonts. */
.avatar.portrait{padding:0;overflow:hidden;background:transparent;border-radius:28%}.avatar.portrait>svg{width:100%;height:100%;display:block}
.player-card .avatar.portrait{width:62px;height:62px}.avatar-edit{font-size:.68rem;min-height:32px;padding:5px 9px;background:#f0e9ff;color:#5e3aa6;font-weight:700}.player-card .avatar-edit{margin-top:3px}.team-member .avatar{width:32px;height:32px}.team-member-name{flex:1;min-width:0;overflow-wrap:anywhere}.team-member .avatar-edit{padding:3px 7px}.team-member{flex-wrap:wrap}.team-member .remove{flex-shrink:0}
.avatar-wait-card{display:flex;align-items:center;text-align:left;gap:18px;padding:20px;border-radius:22px;border:1px solid #ddd0f5;background:linear-gradient(120deg,#f2eaff,#e5f7f1);margin:22px 0}.avatar-wait-card .avatar{width:100px;height:100px}.avatar-wait-card h2{font-size:1.12rem;margin-bottom:5px}.avatar-wait-card p{font-size:.8rem!important;margin:0 0 10px!important;line-height:1.4}.avatar-wait-card button{font-size:.8rem;padding:9px 12px}.waiting-players{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px}.waiting-player{width:64px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.65rem;font-weight:650;overflow-wrap:anywhere}.waiting-player .avatar{width:44px;height:44px}
.avatar-dialog{width:min(840px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:22px;overflow:hidden}.avatar-dialog .dialog-heading{margin-bottom:18px}.avatar-dialog .dialog-content{min-height:0;display:flex;flex-direction:column;overflow:hidden}.avatar-dialog[open]{display:flex;flex-direction:column}.avatar-workshop{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;min-height:0}.avatar-stage{background:#f2edfb;border-radius:20px;padding:20px 14px;text-align:center;align-self:start}.avatar-large{width:170px;max-width:100%;margin:auto;aspect-ratio:1}.avatar-large svg{width:100%;height:100%;display:block;filter:drop-shadow(0 7px 7px #50357113)}.avatar-stage-caption strong{display:block;font-size:1.2rem;margin-top:13px;overflow-wrap:anywhere}.avatar-stage-caption p{font-size:.75rem!important;line-height:1.4!important;margin:5px 0 15px!important;color:var(--muted)}#avatar-shuffle{background:white;box-shadow:0 3px 0 #e0d5ef;font-weight:750;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}.avatar-settings{display:flex;flex-direction:column;min-height:0;min-width:0}.avatar-tabs{display:flex;gap:4px;padding:4px;background:#f2eef8;border-radius:13px;flex-shrink:0;overflow-x:auto;scrollbar-width:thin}.avatar-tabs button{flex:1;min-height:36px;padding:7px 9px;background:transparent;font-size:.72rem;font-weight:700;white-space:nowrap}.avatar-tabs button[aria-pressed=true]{background:white;color:#6741b6;box-shadow:0 2px 5px #422e5c12}.avatar-choices{overflow:auto;min-height:0;padding:16px 4px 4px;max-height:440px;overscroll-behavior:contain}.avatar-field{padding:0;margin:0 0 18px;border:0;min-width:0}.avatar-field legend{padding:0;margin-bottom:9px;font-size:.77rem;font-weight:800;color:#5a486b}.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.avatar-choice{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:40px;min-width:0;padding:8px 5px;border:2px solid #eee7f5;background:#fff;color:#665471;font-size:.68rem;font-weight:650;line-height:1.2}.avatar-choice[aria-pressed=true]{border-color:#7951c5;background:#f4efff;color:#4d2c82}.avatar-choice:disabled{opacity:.45}.avatar-choice-preview{padding:5px 5px 8px}.avatar-mini{display:block;width:55px;height:55px}.avatar-mini svg{display:block;width:100%;height:100%}.avatar-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-swatches .avatar-choice{padding:7px 3px}.avatar-selected{position:absolute;right:3px;top:3px;border-radius:50%;width:15px;height:15px;line-height:15px;font-size:10px;background:#7951c5;color:white}.avatar-tip{font-size:.72rem!important;margin:0 0 10px!important;color:var(--muted)}.avatar-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;margin-top:16px;border-top:1px solid #eee7f5;flex-shrink:0}.avatar-editor-footer p{font-size:.72rem!important;line-height:1.4!important;color:var(--muted);margin:0!important;max-width:200px}.avatar-editor-footer>div{display:flex;gap:8px}.avatar-editor-footer button{font-size:.8rem;min-height:42px}
.score-mode{display:flex;gap:4px;background:#f2edf9;border-radius:10px;padding:3px;margin:4px 0 7px}.score-mode button{flex:1;min-height:28px;padding:4px 8px;font-size:.68rem;background:transparent}.score-mode button[aria-pressed=true]{background:white;color:#5c399b;font-weight:750}.score-team{display:block;font-size:.62rem;font-weight:400;color:var(--muted);line-height:1.15;margin-top:2px}.in-game .score-row .avatar.portrait{width:34px;height:34px}.game-dialog .score-name{overflow-wrap:anywhere;min-width:0}.score-row .points{white-space:nowrap}
@media(max-width:600px){.avatar-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:15px}.avatar-dialog .dialog-heading{margin-bottom:10px}.avatar-dialog .dialog-heading h2{font-size:1.15rem}.avatar-workshop{display:flex;flex-direction:column;gap:12px}.avatar-stage{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;padding:10px 12px;border-radius:15px;flex-shrink:0}.avatar-large{width:100px;margin:0;flex-shrink:0}.avatar-stage-caption{text-align:left;min-width:0}.avatar-stage-caption strong{font-size:.95rem;margin-top:0}.avatar-stage-caption p{font-size:.67rem!important;margin:4px 0 8px!important}.avatar-stage-caption #avatar-shuffle{min-height:36px;font-size:.75rem;padding:6px 10px}.avatar-tabs button{padding:7px 6px;font-size:.67rem}.avatar-choices{max-height:none;padding-top:13px}.avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-editor-footer{margin-top:10px;padding-top:10px}.avatar-editor-footer p{max-width:115px;font-size:.64rem!important}.avatar-editor-footer button{padding:9px 11px;font-size:.75rem}.avatar-wait-card{gap:13px;padding:15px}.avatar-wait-card .avatar{width:80px;height:80px}.avatar-wait-card button{font-size:.75rem}.player-card .avatar.portrait{width:55px;height:55px}}
@media(max-height:650px){.avatar-dialog .dialog-heading{margin-bottom:8px}.avatar-stage{padding:8px}.avatar-large{width:80px}.avatar-stage-caption p{display:none}.avatar-stage-caption #avatar-shuffle{margin-top:7px}.avatar-workshop{gap:8px}.avatar-field{margin-bottom:13px}.avatar-mini{width:44px;height:44px}.avatar-choices{padding-top:10px}.avatar-editor-footer p{display:none}.avatar-editor-footer{justify-content:flex-end;margin-top:7px;padding-top:7px}.avatar-editor-footer>div{width:100%}.avatar-editor-footer button{flex:1}.in-game .end-card .score-row .avatar.portrait{width:28px;height:28px}}
@media(max-height:700px){.in-game .end-card .scoreboard{margin:12px 0}.in-game .end-card>p.muted{font-size:.8rem}}

/* Large portraits in the participant waiting room. */
.avatar-wait-card .avatar.portrait{width:200px;height:200px}
.waiting-player{width:96px;font-size:.8rem}.waiting-player .avatar.portrait{width:88px;height:88px}
@media(max-width:600px){.avatar-wait-card{flex-direction:column;text-align:center}.avatar-wait-card .avatar.portrait{width:160px;height:160px}}