.team-tools{gap:12px;flex-wrap:wrap}.team-tools>.button{min-height:46px;padding:12px 20px;font-size:14px}.room-action-bar{gap:10px;align-items:center;flex-wrap:wrap}.room-action-bar>.button{min-height:42px}.room-action-bar .leave-room-button{margin-left:auto;background:#fff1f2;color:#a01532;border:2px solid #bd2949;font-weight:800;padding:10px 18px}.room-action-bar .leave-room-button:hover{background:#ffe0e5}.room-action-bar .is-locked{border-color:var(--accent);font-weight:800}.room-lifecycle-note{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 0 0}
[data-theme=night] .room-action-bar .leave-room-button,[data-theme=steel] .room-action-bar .leave-room-button{background:#fff1f2;color:#93122b;border-color:#ff9cad}
.team-invite-list{display:grid;gap:10px;max-height:48vh;overflow:auto;margin:16px 0}.invite-player{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px;border-radius:12px}.invite-player>div{flex:1;min-width:0}.invite-player strong{display:block;overflow-wrap:anywhere}.invite-player small{display:block;color:var(--muted);margin-top:5px}.invite-player>.button{flex-shrink:0}.invite-player-tabs{overflow-x:auto}.invite-player-tabs button{white-space:nowrap}
#invitation-inbox{position:fixed;z-index:120;top:16vh;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 28px));filter:drop-shadow(0 20px 50px #0006)}#invitation-inbox[hidden]{display:none}.invitation-window{background:var(--panel,#fff);color:var(--text,#18201a);border:2px solid var(--accent,#a68a45);border-radius:22px;padding:24px;max-height:78vh;overflow:auto}.invitation-window>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.invitation-window h2{margin:4px 0;font-size:23px}.invitation-window>p{font-size:13px;color:var(--muted)}.invitation-stack{display:grid;gap:12px;margin:16px 0}.invitation-choice{border:1px solid var(--line,#ddd);background:var(--bg,#f5f6f8);border-radius:14px;padding:16px}.invitation-from{display:flex;align-items:center;gap:10px}.invitation-from strong,.invitation-from small{display:block;overflow-wrap:anywhere}.invitation-from small{color:var(--muted);margin-top:3px}.invitation-choice h3{font-size:17px;margin:14px 0 6px;overflow-wrap:anywhere}.invitation-choice p{font-size:12px;color:var(--muted);line-height:1.6}.invitation-choice .dialog-actions{margin-top:12px;flex-wrap:wrap}
@media(max-width:680px){.team-tools{width:100%;display:grid;grid-template-columns:1fr 1fr}.team-tools>.button{padding:11px 8px;font-size:13px}.team-tools>[data-action=team-invite]{grid-column:1/-1}.room-action-bar{display:grid;grid-template-columns:1fr 1fr}.room-action-bar .leave-room-button{margin:0}.room-action-bar .link{padding:10px}.invite-player{padding:10px;gap:8px}.invite-player .avatar{width:36px;height:36px;min-width:36px}.invite-player strong{font-size:13px}.invite-player>.button{padding:8px 10px}.invitation-window{padding:18px;border-radius:18px;max-height:72vh}.invitation-window h2{font-size:20px}#invitation-inbox{top:12vh}.invitation-choice{padding:12px}}
.invitation-window{background:#fff;display:flex;flex-direction:column;overflow:hidden}.invitation-window>header,.invitation-window>p,.invitation-window>.link{flex-shrink:0}.invitation-stack{min-height:0;overflow:auto}.invitation-window>p{margin-top:8px}[data-theme=night] .invitation-window{background:#161616}[data-theme=steel] .invitation-window{background:#101a1f}body:has(#invitation-inbox:not([hidden])) #notification-popup{visibility:hidden}

.waiting-mode-counts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.waiting-mode-counts>span{border:1px solid var(--line);padding:5px 10px;border-radius:8px;font-size:12px}.waiting-mode-counts b{color:var(--accent);margin-left:5px}

/* 3.9.1: actionable status tabs and readable member/chat identity. */
.room-status-summary>button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:15px 18px;text-align:left;cursor:pointer}
.room-status-summary>button strong{font-size:26px;line-height:1.2}.room-status-summary>button span{font-size:14px;color:var(--muted)}
.room-status-summary>button[aria-pressed=true]{border:2px solid var(--accent);padding:14px 17px;background:var(--accent-soft)}.room-status-summary>button[aria-pressed=true] span{color:var(--text);font-weight:700}
.room-status-summary>button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.room-elapsed{display:block;font-variant-numeric:tabular-nums;font-size:14px;line-height:1.6;color:var(--accent);margin:8px 0}
.page-team .seat-name{font-size:17px;font-weight:700;line-height:1.5}.page-team .seat-tag{font-size:15px;color:var(--text);overflow-wrap:anywhere;max-width:100%}.page-team .seat-name small{font-size:11px}
.page-team .room-host-strip strong,.page-team .off-seat-person strong,.page-team .member-person strong{font-size:16px;overflow-wrap:anywhere}.page-team .member-person>div{min-width:0}.page-team .member-person small{font-size:14px;overflow-wrap:anywhere}
.page-team .room-host-strip small{font-size:13px}.page-team .member-person{min-width:0}.page-team .mic-seat .member-state,.page-team .host-label{font-size:12px}
.page-team .bubble{font-size:17px;line-height:1.65;overflow-wrap:anywhere}.page-team .message-name{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.page-team .message-name time{font-size:12px}.page-team .system-message{font-size:15px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}.page-team .chat-heading h2{font-size:18px}.page-team .chat-compose input{font-size:16px}.page-team .record-summary{font-size:13px}.detail-members>div>span{font-size:15px;overflow-wrap:anywhere}
@media(max-width:600px){.room-status-summary{gap:8px}.room-status-summary>button{padding:12px 9px;border-radius:9px}.room-status-summary>button[aria-pressed=true]{padding:11px 8px}.room-status-summary>button strong{font-size:23px}.room-status-summary>button span{font-size:12px}.page-team .seat-name{font-size:16px}.page-team .seat-tag{font-size:14px}.page-team .host-seat-wrap>.mic-seat{width:160px;max-width:80%}.page-team .room-host-strip strong{font-size:15px}.page-team .room-host-strip small{font-size:12px}.page-team .mobile-member-volumes .member-person strong,.page-team .off-seat-person strong{font-size:15px}.page-team .mobile-member-volumes .member-person small{font-size:13px}.page-team .off-seat-person small{font-size:12px}.page-team .chat-log{padding:16px 12px}.page-team .bubble{font-size:16px}.page-team .chat-heading h2{font-size:17px}.page-team .system-message{font-size:15px}.page-team .off-seat-heading strong{font-size:14px}}

.copy-summoner{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:4px 8px;margin:3px 0;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--accent);font-size:12px;line-height:1.3;cursor:pointer;flex-shrink:0}.copy-summoner:hover{border-color:var(--accent);background:var(--accent-soft)}.copy-summoner:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.person-detail>.copy-summoner{display:flex;width:max-content;margin:8px auto 12px;min-height:40px;padding:8px 14px;font-size:14px}.detail-members>div{flex-wrap:wrap}.detail-members .copy-summoner{margin-left:auto}

/* Member positions have no microphone/voice semantics. */
.member-slot .empty-position{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--panel-2);font-size:19px;color:var(--muted);margin-bottom:8px}.page-team .member-slot .seat-avatar{margin-bottom:8px}.page-team .host-seat-wrap>.member-slot{min-height:160px}.page-team .member-slot.empty-seat{min-height:160px}.page-team .mic-seat-grid{margin-bottom:0}.page-team .room-action-bar{border-top:1px solid var(--line)}
@media(max-width:600px){.page-team .member-slot.empty-seat{min-height:140px}.page-team .host-seat-wrap>.member-slot{min-height:150px}}

/* Queue attendance should be readable at a glance. */
.waiting-overview{border:2px solid var(--accent);padding:24px}.waiting-number{gap:20px}.waiting-number>strong{font-size:88px;font-weight:800;line-height:1.05;letter-spacing:-2px}.waiting-number b{font-size:22px;font-weight:750}.waiting-mode-counts{gap:10px;margin:16px 0}.waiting-mode-counts>span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 14px;font-size:14px;font-weight:600;border-width:2px}.waiting-mode-counts b{font-size:28px;font-weight:800;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:600px){.waiting-overview{padding:18px 14px}.waiting-number{gap:14px;flex-wrap:wrap}.waiting-number>strong{font-size:64px;letter-spacing:-1px}.waiting-number b{font-size:20px}.waiting-mode-counts>span{padding:9px 11px;font-size:13px;gap:5px}.waiting-mode-counts b{font-size:24px}}

.member-away{font-size:12px;color:var(--muted);display:block;flex-basis:100%}.seat-role:has(.member-away){flex-wrap:wrap}

.admin-mode-list form{flex-wrap:wrap}.admin-mode-list label:has(select){flex:0 0 110px}.match-mode small{font-size:12px;opacity:.8;white-space:nowrap}

.room-admin-members article{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.room-admin-members article>div{min-width:0}.room-admin-members strong{overflow-wrap:anywhere}.room-admin-members small{display:block}.room-admin-member-actions{display:flex;gap:12px;margin-left:auto;flex-wrap:wrap}