.playing-now{display:flex;justify-content:flex-end;margin:0 0 4px}.playing-now[hidden]{display:none!important}.playing-now button{font:inherit;font-size:12px;font-weight:500;color:#315d46;background:transparent;border:0;border-radius:6px;padding:3px 6px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.presence-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:22px;border:1px solid #c4d0c4;border-radius:20px;background:#fffefa;color:#244c38}.presence-dialog::backdrop{background:#244c3880}.presence-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.presence-heading h2{font-size:22px;margin:0}.presence-heading button{font:inherit;font-size:14px;padding:8px 12px;border:1px solid #c4d0c4;border-radius:9px;background:#fffefa;color:#315d46;cursor:pointer}.presence-dialog>p{font-size:14px;line-height:1.5}.presence-players{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}.presence-players li{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}.presence-avatar,.presence-players img{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:50%;background:#e8ede5;object-fit:cover}.presence-status:empty{display:none}@media(hover:hover){.playing-now button:hover,.presence-heading button:hover{background:#eaf0e6;color:#315d46}}

.presence-progress-heading .playing-now{justify-content:flex-end;margin:0 0 8px}

.presence-player-details{display:grid;gap:4px;min-width:0}.presence-player-progress{display:flex;align-items:center;gap:8px;font-size:12px;color:#536b61}.presence-player-progress:empty{display:none}.presence-player-details>small{font-size:12px;color:#64736b}.presence-player-progress .player-rank{font-size:12px;padding:2px 7px;border-radius:6px}