/* Player-selectable football avatars */
.mini-avatar{position:relative;overflow:hidden;isolation:isolate;flex-shrink:0}
.mini-avatar .avatar-fallback{position:absolute;inset:0;display:grid;place-items:center;z-index:0;visibility:hidden}
.mini-avatar.avatar-image-failed .avatar-fallback{visibility:visible}
.mini-avatar img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover}
.mini-avatar.avatar-team{background:linear-gradient(150deg,#1e3330,#0b1516);padding:3px}
.mini-avatar.avatar-team img{object-fit:contain}
.mini-avatar.avatar-photo{padding:0}
.mini-avatar.avatar-fun{font-size:1.25rem;background:radial-gradient(circle at 35% 25%,#476241 0%,#152e2c 75%);border-color:#668752}
.mini-avatar .avatar-emoji{position:relative;z-index:1;line-height:1;display:grid;place-items:center;width:100%;height:100%}
.avatar-profile{max-width:790px;overflow:hidden}
.avatar-profile-head{display:flex;align-items:center;gap:19px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.avatar-profile-head>div:last-child{min-width:0}
.avatar-profile-head h2{font-size:1.23rem}
.avatar-profile-head p{font-size:.83rem;color:var(--muted);line-height:1.5;margin-top:6px}
.avatar-profile-preview{width:88px;height:88px;flex:0 0 88px;display:grid;place-items:center}
.avatar-profile-preview>.mini-avatar{width:88px;height:88px;border-radius:21px;font-size:1.5rem;box-shadow:0 8px 24px #0005}
.avatar-profile-preview>.avatar-fun{font-size:3rem}
.avatar-picker-tabs{display:flex;gap:6px;overflow-x:auto;padding:18px 0 15px}
.avatar-picker-tabs button{border:1px solid var(--line);color:var(--muted);background:#132022;padding:10px 14px;border-radius:10px;white-space:nowrap;font-size:.79rem;font-weight:750}
.avatar-picker-tabs button.active{border-color:#748b4e;background:#263a26;color:var(--lime)}
.avatar-picker-tabs button:hover{color:var(--lime)}
.avatar-picker-tabs button:focus-visible,.avatar-choice:focus-visible,.avatar-save:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:11px;max-height:405px;overflow-y:auto;padding:3px 4px 6px}
.avatar-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:102px;background:linear-gradient(150deg,#1b2b2b,#111b1d);border:1px solid var(--line);border-radius:14px;padding:10px 7px;color:var(--text);font-size:.68rem;font-weight:700;text-align:center;line-height:1.25}
.avatar-choice:hover{border-color:#718f64;background:#22372e}
.avatar-choice.selected{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime);background:#203729}
.avatar-choice .mini-avatar{width:56px;height:56px;font-size:1.9rem;border-radius:14px}
.avatar-choice .mini-avatar.avatar-fun{font-size:1.9rem}
.avatar-choice-name{max-width:100%;min-height:29px;display:flex;align-items:center;justify-content:center}
.avatar-picker-search{max-width:420px;margin-bottom:15px}
.avatar-photo-drop{border:1px dashed #65836a;background:#132325;border-radius:16px;padding:28px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:11px}
.avatar-photo-drop p{color:var(--muted);font-size:.77rem;line-height:1.6;max-width:440px}
.avatar-photo-drop input{position:absolute;width:1px;height:1px;opacity:0}
.avatar-photo-drop .btn{cursor:pointer}
.avatar-profile-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:18px}
.avatar-profile-footer p{font-size:.76rem;color:var(--muted);line-height:1.45}
.r-podium-avatar .mini-avatar{width:100%;height:100%;border-radius:50%;font-size:1.25rem}
.r-podium-avatar .mini-avatar.avatar-fun{font-size:2rem}
@media(max-width:570px){.avatar-profile-head{gap:13px}.avatar-profile-preview,.avatar-profile-preview>.mini-avatar{width:72px;height:72px;flex-basis:72px}.avatar-profile-head h2{font-size:1.07rem}.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.avatar-profile-footer{align-items:stretch;flex-direction:column}.avatar-profile-footer .btn{width:100%}.avatar-photo-drop{padding:21px 12px}}