.player-presence{display:inline-block;box-sizing:border-box;width:8px;height:8px;min-width:8px;margin-inline-start:6px;vertical-align:middle;border-radius:50%;background:#899098;box-shadow:0 0 0 1px #101214;flex-shrink:0}
.player-presence[data-state="online"]{background:#4ade80;box-shadow:0 0 0 1px #143a25,0 0 5px #4ade8040}
.player-presence[data-state="unknown"]{background:transparent;border:1px solid #a3abb3;box-shadow:none}
#profile-name{overflow-wrap:anywhere}
@media(forced-colors:active){.player-presence{background:GrayText;border:1px solid CanvasText}.player-presence[data-state="online"]{background:Highlight}.player-presence[data-state="unknown"]{background:Canvas}}
.player-race-photo{position:relative;display:block;box-sizing:border-box}
.player-race-photo>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.player-race-photo>img[hidden]{display:none}
.player-race-photo>.player-presence{position:absolute;inset-inline-end:-2px;bottom:-2px;margin:0;width:9px;height:9px;box-shadow:0 0 0 2px #181c1e}