.community-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 24px;margin:20px 0;border:1px solid #d8bd83;background:linear-gradient(120deg,#fffaf0,#f6e9cf);border-radius:20px;color:#173b30;text-align:start}
.community-invites .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.community-summary>div{display:grid;gap:5px}.community-summary strong{font-size:1.25rem}.community-summary b{font-size:1.4rem}.community-summary label{display:grid;gap:6px;margin-inline-start:auto}.community-summary select{border:1px solid #c9b484;border-radius:9px;padding:8px 12px;background:#fffaf0;color:#173b30;font:inherit}.community-summary small{flex-basis:100%;font-size:.78rem;line-height:1.7;color:#57615a}.community-summary [role=status]{font-size:.85rem}
.community-invites{margin:20px 0;border:1px solid #d8bd83;border-radius:18px;padding:20px;background:#fff9ee;color:#173b30;text-align:start}.community-invites summary{cursor:pointer;font-weight:800;font-size:1.1rem}.community-invites p{line-height:1.8}.invite-actions{display:flex;align-items:end;gap:18px;flex-wrap:wrap}.invite-actions form{display:flex;align-items:end;gap:10px;flex:1;min-width:0}.invite-actions label{display:grid;gap:7px;flex:1;min-width:0}.community-invites input{width:100%;min-width:0;box-sizing:border-box;padding:11px;border:1px solid #d0bd97;border-radius:9px;background:#fff;font:inherit}.community-invites ul{list-style:none;padding:0;margin:16px 0 0}.community-invites li{display:flex;flex-wrap:wrap;gap:12px;padding:10px 0;border-top:1px solid #e4d9c2;overflow-wrap:anywhere}.community-invites li>span{flex:1;min-width:180px}.community-invites #inviteShareUrl{margin:10px 0}
[data-player-status]{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:500}[data-player-status]::before{content:"";width:7px;height:7px;border-radius:50%;background:#687777}[data-player-status][data-status=online]::before{background:#1c8751}[data-player-status][data-status=busy]::before{background:#ad3e35}[data-player-status][data-status=away]::before{background:#dca52c}
@media(max-width:600px){.community-summary{gap:14px;padding:16px}.community-summary label{margin-inline-start:0}.community-summary label,.community-summary .btn{flex:1}.invite-actions,.invite-actions form{flex-direction:column;align-items:stretch;width:100%}.invite-actions button{width:100%}.community-invites{padding:16px}}
@media(prefers-reduced-motion:reduce){.community-summary *,.community-invites *{animation:none!important;transition:none!important}}
.friends-panel{margin:24px 0;padding:22px;border:1px solid #d8bd83;border-radius:20px;background:#fff9ee;color:#173b30;text-align:start;overflow-wrap:anywhere}.friends-panel h2{margin-block:0 10px}.friends-panel p,.friends-panel small{line-height:1.7}.friends-panel label{display:grid;gap:7px}.friend-add-form,.friends-preferences{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-block:18px}.friend-add-form label{flex-basis:100%}.friend-add-form input{flex:1;min-width:150px}.friends-panel input:not([type=checkbox]),.friends-panel select{max-width:100%;box-sizing:border-box;min-height:44px;padding:9px 12px;border:1px solid #bbaa88;border-radius:10px;background:#fffdf6;color:#173b30;font:inherit}.friends-panel .friend-mute{display:flex;align-items:center;gap:9px;max-width:350px;min-height:44px}.friend-mute input{width:20px;height:20px;flex-shrink:0}.friends-hero{max-width:400px}.friends-preferences{padding-block:16px;border-block:1px solid #e2d1b1}.friends-panel button,.friends-panel a.btn{min-height:44px}.friends-panel :focus-visible{outline:3px solid #215f46;outline-offset:3px}.friends-group{margin-block:20px}.friends-group h3{font-size:1rem}.friends-group ul{list-style:none;padding:0;margin:0}.friends-group li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #e3d4b9}.friend-identity{display:grid;gap:4px;min-width:120px;flex:1}.friend-identity strong,.friend-identity small{unicode-bidi:plaintext}.friend-status{font-size:.8rem;display:inline-flex;align-items:center;gap:6px}.friend-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#778481}.friend-status[data-status=online]:before{background:#218457}.friend-status[data-status=busy]:before{background:#a23a35}.friend-status[data-status=away]:before{background:#bd891b}.friends-empty{font-size:.85rem;color:#63736c}.friends-panel summary{cursor:pointer;min-height:44px;display:list-item;padding-block:12px}.friends-panel [role=status]{min-height:1.6em}
@media(max-width:600px){.friends-panel{padding:16px}.friend-add-form,.friends-preferences{align-items:stretch;flex-direction:column}.friend-add-form>*{width:100%;box-sizing:border-box}.friends-group li .friend-identity{flex-basis:100%}.friends-group li button,.friends-group li a.btn{flex-grow:1}.friends-panel .friend-mute{max-width:none}}