.my-status-button{display:flex;align-items:center;gap:8px;min-height:40px;--presence-color:#82a473}
.presence-dot,.friend-presence:before,.player-presence:before{width:7px;height:7px;border-radius:50%;background:var(--presence-color,#82a473);flex-shrink:0;display:inline-block}
.my-status-button .presence-prefix{font-size:9px;opacity:.6;margin-right:1px}
.presence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.presence-option{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #d9dfcb;background:#edf0e2;border-radius:12px;padding:13px;min-height:88px;position:relative}
.presence-option .prop-art{width:48px;height:48px}
.presence-copy{min-width:0}.presence-copy b{display:block;font-size:12px;font-weight:500;line-height:1.6}
.presence-copy small{display:block;font-size:9px;line-height:1.7;margin-top:4px;color:#87917c}
.presence-option[aria-pressed=true]{border-color:#63815e;background:#dfe9d3;box-shadow:inset 0 0 0 1px #63815e}
.presence-option[aria-pressed=true]:after{content:'✓';position:absolute;right:8px;top:5px;font-size:11px;color:#4e754c}
.presence-note{font-size:10px;line-height:1.9;color:#87917c;margin:17px 0 0}
.friend-name{min-width:0;overflow-wrap:anywhere;flex:1}
.friend-presence{display:flex;align-items:center;gap:5px;background:#edf0e2;padding:6px 8px;border-radius:20px;white-space:nowrap}
.friend-presence:before,.player-presence:before{content:''}
.player-presence{display:flex;align-items:center;justify-content:center;gap:4px;font-size:8px;line-height:1.5;margin-top:3px;opacity:.95}
.player-presence:before{width:5px;height:5px}
@media(max-width:500px){.presence-option{padding:11px 9px;gap:7px;min-height:94px}.presence-option .prop-art{width:36px;height:40px}.presence-copy b{font-size:11px}.presence-copy small{font-size:9px}.my-status-button{font-size:10px;padding:8px 11px;min-height:35px}.my-status-button .presence-prefix{display:none}.friend-presence{font-size:9px}}