.room-heading{flex-wrap:wrap;gap:10px}.room-code{flex-wrap:wrap;gap:10px}
.room-social{margin:14px 0 0;text-align:left}.room-social[hidden]{display:none}
.room-social-panel{background:#0b2324;border:1px solid #b7995559;border-radius:12px;overflow:hidden}
.room-social-panel summary{cursor:pointer;padding:13px 16px;font-size:15px;color:#eddbab;min-height:44px}
.room-social-panel summary span{font-size:12px;color:#9eb8b0;margin-left:12px}
.social-messages{max-height:170px;overflow:auto;padding:0 16px;font-size:14px;line-height:1.6}
.social-messages>div{display:flex;gap:12px;padding:5px 0}.social-messages b{color:#b1c8bf;max-width:120px;overflow-wrap:anywhere;font-weight:500}.social-messages span{color:#f2ebd7}.social-messages p{color:#9eb8b0}
.social-emoji,.social-phrases{display:flex;flex-wrap:wrap;gap:7px;padding:8px 16px}
.social-emoji button,.social-phrases button{border:1px solid #567167;border-radius:8px;background:#173633;color:#f2e7c8;cursor:pointer;min-height:44px;padding:8px 12px;font-size:14px}.social-emoji button{font-size:23px;min-width:48px}
.social-players{border-top:1px solid #9f894c3b;padding:8px 16px}.social-players>div{display:flex;align-items:center;gap:13px;min-height:44px}.social-players span{flex:1;font-size:14px;overflow-wrap:anywhere}.social-players button{font-size:14px;min-height:40px}
.social-status{font-size:14px;line-height:1.5;color:#e0cca4;margin:7px 0;min-height:0}.social-status:empty{display:none}
.social-report-form{padding:14px 16px;border-top:1px solid #a78b485c}.social-report-form label{font-size:14px;display:block}.social-report-form select{display:block;background:#082321;color:#eee5ce;padding:10px;margin-top:7px;border:1px solid #647a64;border-radius:8px;width:100%;font-size:15px}.social-report-form p{font-size:14px;color:#b3c5b9;line-height:1.5}.social-report-form .button{margin-right:8px;min-height:44px}
.room-rematch{padding:12px 15px;background:#112d29;border:1px solid #b5954d88;border-radius:12px}.rematch-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f0dcac}.rematch-heading strong{font-size:17px}.rematch-heading>span{font-size:14px;color:#c8d4b6}.rematch-players{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.rematch-players span{padding:5px 8px;border-radius:6px;font-size:13px;background:#243d37;color:#c0ccc4}.rematch-players .is-ready{background:#1b4d3c;color:#d9f4c4}.room-rematch p{font-size:14px;line-height:1.5;color:#c6cdb8;margin:8px 0}.room-rematch .row-actions{display:flex;flex-wrap:wrap;gap:8px}.room-rematch .button{min-height:44px;font-size:14px}
.room-share-fallback{padding:12px 16px;border:1px solid #bda466;border-radius:10px;margin-bottom:10px;font-size:14px}.room-share-fallback input{display:block;width:100%;margin-top:7px;padding:10px;background:#102a2b;color:#fff1c8;border:1px solid #647b70;border-radius:7px;font-size:14px}
@media(max-width:600px){.room-social-panel summary span{display:block;margin:4px 0 0}.room-rematch{padding:10px}.rematch-heading strong{font-size:16px}.room-rematch .row-actions .button{flex:1}.social-messages{max-height:140px}.room-heading,.room-code{justify-content:center}.room-social-panel summary{padding:10px 12px}.social-emoji,.social-phrases{padding:7px 12px}.social-players{padding:6px 12px}}