/* Shared account cosmetic. A single transparent atlas, no per-player requests. */
.player-avatar{--avatar-size:36px;position:relative;display:inline-block;width:var(--avatar-size);height:var(--avatar-size);flex:0 0 var(--avatar-size);vertical-align:middle;isolation:isolate}
.player-avatar .player-avatar-photo,.player-avatar .player-avatar-empty{position:absolute;left:50%;top:50%;width:72%;height:72%;transform:translate(-50%,-50%);border-radius:50%;object-fit:cover;background:#183650;border:0;display:block}
.player-avatar-empty::before{content:'';position:absolute;left:34%;top:18%;width:32%;height:32%;border-radius:50%;background:#718695}
.player-avatar-empty::after{content:'';position:absolute;left:20%;bottom:13%;width:60%;height:32%;border-radius:50% 50% 30% 30%;background:#718695}
.player-avatar[data-frame-tier="0"] .player-avatar-photo,.player-avatar[data-frame-tier="0"] .player-avatar-empty{width:80%;height:80%}
.player-avatar-frame{position:absolute;inset:0;pointer-events:none;background-image:url('img/frames/avatar-frames-v1.png');background-size:500% 200%;background-repeat:no-repeat}
.player-avatar[data-frame-tier="1"] .player-avatar-frame{background-position:0 0}
.player-avatar[data-frame-tier="2"] .player-avatar-frame{background-position:25% 0}
.player-avatar[data-frame-tier="3"] .player-avatar-frame{background-position:50% 0}
.player-avatar[data-frame-tier="4"] .player-avatar-frame{background-position:75% 0}
.player-avatar[data-frame-tier="5"] .player-avatar-frame{background-position:100% 0}
.player-avatar[data-frame-tier="6"] .player-avatar-frame{background-position:0 100%}
.player-avatar[data-frame-tier="7"] .player-avatar-frame{background-position:25% 100%}
.player-avatar[data-frame-tier="8"] .player-avatar-frame{background-position:50% 100%}
.player-avatar[data-frame-tier="9"] .player-avatar-frame{background-position:75% 100%}
.player-avatar[data-frame-tier="10"] .player-avatar-frame{background-position:100% 100%}
.player-avatar:is([data-frame-tier="6"],[data-frame-tier="7"],[data-frame-tier="8"],[data-frame-tier="9"],[data-frame-tier="10"],[data-frame-tier="11"],[data-frame-tier="12"],[data-frame-tier="13"],[data-frame-tier="14"],[data-frame-tier="15"],[data-frame-tier="16"],[data-frame-tier="17"],[data-frame-tier="18"]) :is(.player-avatar-photo,.player-avatar-empty){width:64%;height:64%;top:45%}
.player-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px 8px;max-width:100%}
.player-list-name{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow-wrap:anywhere}
.player-list-separator{font-size:11px;color:#718695}
.room-player-avatar{--avatar-size:30px;margin-right:4px}
.lb-avwrap .player-avatar{--avatar-size:34px}
.lb-avwrap:has(.player-avatar) .lb-crown{top:-13px}
.profile-frame-avatar{--avatar-size:84px}
.profile-frame-avatar .profile-avatar-img{width:72%;height:72%}
.frame-progress{display:flex;align-items:center;gap:14px}
.frame-progress .player-avatar{--avatar-size:62px}
.frame-progress p{margin:3px 0;font-size:13px;color:var(--muted,#536575)}
.frame-progress progress{display:block;width:min(260px,100%);height:8px;margin-top:8px;accent-color:#245e8d}
.frame-milestones{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.frame-milestones figure{margin:0;text-align:center;font-size:11px;color:var(--muted,#536575)}
.frame-milestones .player-avatar{--avatar-size:44px}
.frame-milestones .is-locked{opacity:.42;filter:grayscale(1)}
.frame-milestones figcaption{margin-top:3px}
.frame-toast{position:fixed;right:18px;bottom:18px;z-index:12000;display:flex;align-items:center;gap:12px;width:min(360px,calc(100vw - 36px));padding:14px;background:#fff;border:1px solid #aebec9;border-left:4px solid #89600c;border-radius:5px;color:#183650;box-shadow:0 4px 20px #0002;font:13px/1.5 'Segoe UI',sans-serif}
.frame-toast .player-avatar{--avatar-size:56px}
.frame-toast strong{display:block;font-weight:650}
.frame-toast p{margin:2px 0;color:#536575}
.frame-toast a{color:#245e8d}
.frame-toast button{margin-left:auto;align-self:flex-start;background:none;border:0;color:#536575;cursor:pointer;font-size:22px;min-width:32px;min-height:32px}
.frame-toast button:focus-visible{outline:2px solid #245e8d}
@media(max-width:700px){.room-player-avatar{--avatar-size:18px;margin-right:2px}.player-list{gap:3px}.player-list .player-avatar{--avatar-size:30px}}

/* Prestige keeps the original Prismatic artwork; only stars are added. */
.player-avatar:is([data-frame-tier="11"],[data-frame-tier="12"],[data-frame-tier="13"],[data-frame-tier="14"],[data-frame-tier="15"],[data-frame-tier="16"],[data-frame-tier="17"],[data-frame-tier="18"]){margin-bottom:calc(var(--avatar-size)*.15);--frame-star-color:#dce8f4}
.player-avatar:is([data-frame-tier="11"],[data-frame-tier="12"],[data-frame-tier="13"],[data-frame-tier="14"],[data-frame-tier="15"],[data-frame-tier="16"],[data-frame-tier="17"],[data-frame-tier="18"]) .player-avatar-frame{background-position:100% 100%}
.player-avatar:is([data-frame-tier="11"],[data-frame-tier="12"],[data-frame-tier="13"],[data-frame-tier="14"],[data-frame-tier="15"],[data-frame-tier="16"],[data-frame-tier="17"],[data-frame-tier="18"])::after{content:var(--frame-stars);position:absolute;top:91%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:calc(var(--avatar-size)*.19);line-height:1;letter-spacing:calc(var(--avatar-size)*.015);color:var(--frame-star-color);text-shadow:0 1px 1px #091422,0 0 2px #647a91;pointer-events:none}
.player-avatar[data-frame-tier="11"]{--frame-stars:"★"}
.player-avatar[data-frame-tier="12"]{--frame-stars:"★★"}
.player-avatar[data-frame-tier="13"]{--frame-stars:"★★★"}
.player-avatar[data-frame-tier="14"]{--frame-stars:"★★★★"}
.player-avatar[data-frame-tier="15"]{--frame-stars:"★";--frame-star-color:#ffd36a}
.player-avatar[data-frame-tier="16"]{--frame-stars:"★★";--frame-star-color:#ffd36a}
.player-avatar[data-frame-tier="17"]{--frame-stars:"★★★";--frame-star-color:#ffd36a}
.player-avatar[data-frame-tier="18"]{--frame-stars:"★★★★";--frame-star-color:#ffd36a}