.avatar-picker{margin:0 0 20px;padding:15px;border:1px solid #e2b45442;border-radius:15px;background:linear-gradient(145deg,#3b261a99,#170f0bbb)}
.avatar-picker header{margin:0 0 12px;padding:0;border:0;background:none}
.avatar-picker header h3{margin:0 0 3px;font:900 20px Georgia,serif;color:#f5d98f}
.avatar-picker header small{color:#ad9a84}
.avatar-grid{display:grid;grid-template-columns:repeat(6,minmax(64px,1fr));gap:9px}
.avatar-choice{min-width:0;padding:5px 5px 7px;border:2px solid transparent;border-radius:12px;background:#ffffff0b;color:#d8c6ad;cursor:pointer;transition:.16s transform,.16s border-color,.16s background}
.avatar-choice:hover{transform:translateY(-2px);background:#ffffff14}
.avatar-choice.selected{border-color:#f2c45d;background:#70502380;box-shadow:0 0 0 2px #8e642744,0 6px 15px #0006}
.avatar-choice img{width:100%;aspect-ratio:1;display:block;object-fit:cover;border-radius:8px;background:#2e2018}
.avatar-choice span{display:block;margin-top:5px;overflow:hidden;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.mini-avatar,.player-avatar,.university-profile-avatar,.pisti-opponent button>span,.pisti-player-me>span,.okey-player>span,.okey-me>span,.word-mini-avatar,.word-result-avatar,.result-avatar{overflow:hidden}
.mini-avatar img,.player-avatar img,.university-profile-avatar img,.pisti-opponent button>span img,.pisti-player-me>span img,.okey-player>span img,.okey-me>span img,.word-mini-avatar>img,.word-result-avatar img,.result-avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}
@media(max-width:760px){.avatar-grid{grid-template-columns:repeat(4,minmax(54px,1fr))}}
@media(orientation:landscape) and (max-height:560px){.avatar-picker{margin-bottom:8px;padding:7px}.avatar-picker header{margin-bottom:6px}.avatar-picker header h3{font-size:14px}.avatar-grid{grid-template-columns:repeat(6,minmax(42px,1fr));gap:5px}.avatar-choice{padding:3px}.avatar-choice span{margin-top:2px;font-size:7px}}
.avatar-choice:disabled{cursor:not-allowed;opacity:.65;transform:none}
.avatar-choice:disabled img{filter:grayscale(.85);opacity:.7}
.avatar-choice small{display:block;color:#efca77;margin-top:4px;font-size:10px}

/* Fit the complete avatar collection to the available profile panel. */
#profileModal .profile-panel-appearance{padding:10px;overflow:hidden}
#profileModal .avatar-picker{height:100%;min-height:0;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr);padding:8px;overflow:hidden}
#profileModal .avatar-picker header{margin:0 0 6px}
#profileModal .avatar-grid{min-height:0;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:5px}
#profileModal .avatar-choice{min-height:0;min-width:0;padding:3px;display:grid;grid-template-rows:minmax(0,1fr) auto auto;overflow:hidden}
#profileModal .avatar-choice img{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:contain;background:transparent}
#profileModal .avatar-choice span{margin-top:2px;font-size:9px;line-height:1.1}
#profileModal .avatar-choice small{margin-top:2px;font-size:8px;line-height:1.1}