.player-presence{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font-size:11px;font-weight:900;white-space:nowrap;cursor:help;box-shadow:0 5px 16px #355b4910}
.player-presence>i{width:9px;height:9px;border-radius:50%;background:#9aa7a1;box-shadow:0 0 0 4px #9aa7a11f;flex:none}
.player-presence.is-online{border-color:#9ed8bb;background:#ebf9f2;color:#237b5b}
.player-presence.is-online>i{background:#31bd7f;box-shadow:0 0 0 4px #31bd7f24}
.player-presence.is-offline{border-color:#e4cf9d;background:#fff9eb;color:#936614}
.player-presence.is-offline>i{background:#d79b27;box-shadow:0 0 0 4px #d79b2724}
.player-presence.is-unavailable{border-color:#d8dde0;background:#f6f8f7;color:#728079}
.player-presence-tip{position:absolute;z-index:80;top:calc(100% + 10px);right:0;display:none;width:min(330px,calc(100vw - 28px));padding:13px 14px;border:1px solid #34483f;border-radius:11px;background:#1d2b25f5;color:#eef8f3;text-align:left;white-space:normal;box-shadow:0 18px 45px #17231e4d}
.player-presence-tip:before{content:"";position:absolute;right:18px;top:-6px;width:10px;height:10px;border-left:1px solid #34483f;border-top:1px solid #34483f;background:#1d2b25;transform:rotate(45deg)}
.player-presence-tip b,.player-presence-tip span{display:block}.player-presence-tip b{position:relative;font-size:12px;margin-bottom:5px}.player-presence-tip span{font-size:11px;font-weight:500;line-height:1.5;color:#c8d9d0}
.player-presence:hover .player-presence-tip,.player-presence:focus-visible .player-presence-tip,.player-presence.is-open .player-presence-tip{display:block}
.player-presence:focus-visible{outline:3px solid #72bd9a55;outline-offset:2px}
[data-theme=dark] .player-presence.is-online{background:#193429;border-color:#386b55;color:#82d8ad}[data-theme=dark] .player-presence.is-offline{background:#382f1d;border-color:#68552f;color:#e9c676}[data-theme=dark] .player-presence.is-unavailable{background:#222d28;border-color:#3c4943;color:#a9b5af}
@media(max-width:780px){.player-presence{padding:8px}.player-presence>span:not(.player-presence-tip){display:none}.player-presence-tip{position:fixed;top:74px;right:14px}}
@media(max-width:390px){.player-presence{min-height:36px;padding:7px}.player-presence-tip{top:70px}}