/* One original four-character portrait atlas, one quadrant per seat. */
.avatar.character{position:relative;isolation:isolate;overflow:hidden;flex-shrink:0;width:64px;height:64px;border-radius:50%;border:3px solid #ebd6a3;background:#396e5b;box-shadow:0 3px 9px #071e2566}
.avatar.character::before{content:"";position:absolute;inset:0;background-image:url("avatars/chibi-players.png");background-size:200% 200%;background-position:var(--avatar-position);background-repeat:no-repeat;border-radius:inherit}
.avatar-0{--avatar-position:0% 0%}.avatar-1{--avatar-position:100% 0%}.avatar-2{--avatar-position:0% 100%}.avatar-3{--avatar-position:100% 100%}
.me .avatar.character{width:54px;height:54px;border-color:#acd7bd}
.player.active .avatar.character,.me .avatar.character.active{border-color:#ffdf83;box-shadow:0 0 0 4px #f9d77666,0 3px 13px #09251899}
@media(max-width:620px),(max-width:1000px) and (max-height:600px) and (orientation:landscape){
 .avatar.character{width:44px;height:44px;border-width:2px}.me .avatar.character{width:40px;height:40px;display:grid}.player{gap:5px}
}
@media(max-width:1000px) and (max-height:600px) and (orientation:landscape){
 .me .avatar.character{display:grid;width:30px;height:30px}.me{min-width:132px}
}