.room-top{flex-wrap:wrap;gap:12px}.room-host-controls{display:flex;gap:8px;align-items:center}.room-management-button,.claim-host-button{font:inherit;font-size:11px;line-height:1.7;padding:8px 12px;border-radius:10px;background:#eee8f7;color:#8062b0;border:1px solid #e0d4ee}.claim-host-button:disabled{opacity:1;color:#a69ab1;background:#f5f2f8}.room-management-button:hover,.claim-host-button:hover:not(:disabled){background:#e4d9f1}.room-management-button:focus-visible,.claim-host-button:focus-visible{outline:3px solid #cbb6ed;outline-offset:2px}
.room-capacity-form{display:grid;grid-template-columns:1fr;gap:10px;margin:20px auto;padding:17px;background:#f8f5fb;border:1px solid #e9e1f0;border-radius:13px;max-width:420px;text-align:left}.room-capacity-form>label:first-child{font-size:12px;color:#88749d}.capacity-controls{display:flex;gap:10px}.capacity-controls select{flex:1;min-width:0;background:#fff;border:1px solid #ded2e9;border-radius:9px;padding:9px 12px;color:#776582}.capacity-controls .secondary-button{font-size:12px;padding:10px 14px;flex-shrink:0}.room-join-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#7b698e}.room-join-toggle input{accent-color:#8062c5;width:16px;height:16px;flex-shrink:0}.room-capacity-form>p{font-size:10px;line-height:1.8;color:#a193aa;margin:0}.retained-score-note{font-size:11px;line-height:1.8;color:#97869f;text-align:center}.room-lock-state{color:#987ea9}
.moderation-panel,.moderation-confirm{font-size:13px}.moderation-help{font-size:12px;color:#96869f;line-height:1.9}.moderation-members{display:grid;gap:12px;margin-top:20px}.moderation-member{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px;border:1px solid #e9e0ef;background:#fffefa;border-radius:12px}.moderation-member>div:first-child{min-width:0}.moderation-member strong{display:block;color:#776283;font-size:13px;overflow-wrap:anywhere;line-height:1.6}.member-presence{display:block;color:#a295ac;font-size:10px;line-height:1.8;margin-top:4px}.member-actions{display:flex;gap:8px;flex-shrink:0}.member-actions .secondary-button,.member-actions .remove-member-button{font-size:11px;padding:8px 10px;line-height:1.6}.remove-member-button{border:1px solid #edcfcf;background:#faeaea;color:#b0757a;border-radius:9px;padding:11px 17px;font:inherit;font-size:12px;line-height:1.6}.remove-member-button:hover:not(:disabled){background:#f4dddd}.moderation-panel .room-capacity-form{max-width:none;margin-bottom:0}.moderation-confirm .confirm-copy{overflow-wrap:anywhere}
@media(max-width:700px){.room-host-controls{margin-left:auto}.room-management-button,.claim-host-button{font-size:10px;padding:7px 9px}.moderation-member{align-items:flex-start;flex-direction:column}.member-actions{width:100%;justify-content:flex-end}.capacity-controls{gap:7px}.room-capacity-form{padding:14px}.moderation-confirm .confirm-actions{flex-wrap:wrap}}