.social-panel{max-width:1150px;margin:24px auto;padding:22px 28px;background:#fff8e8;border:1px solid #ded1b0;border-radius:24px}.social-panel h2{font:24px serif;margin:0 0 12px}.social-panel p{font-size:12px;margin:8px 0}.social-controls,.emotes{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.social-controls label{padding:10px}#seat-button{background:#526f47;color:#fff;border-color:#526f47}#peer-labels{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.peer-bubble{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;border-radius:16px;padding:5px 10px;background:#fffaf0e8;border:1px solid #cbbd99;font-size:11px;box-shadow:0 4px 10px #534e3720}details select{min-height:44px;padding:10px;margin:10px;border-radius:12px}@media(max-width:600px){.social-panel{margin:16px 3%;padding:18px}.emotes{display:grid;grid-template-columns:1fr 1fr}.emotes button{font-size:12px}.social-controls button{font-size:12px}.social-controls label{font-size:12px}.peer-bubble{font-size:10px;max-width:180px;white-space:normal}.social-panel h2{font-size:21px}}
.quick-greetings{position:absolute;right:4%;bottom:170px;z-index:3}.quick-greetings>button{background:#fff8e6ee}.quick-greetings #greeting-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:220px;padding:10px;background:#fff9e8ee;border:1px solid #d6c49c;border-radius:18px;margin-top:8px}.quick-greetings #greeting-menu[hidden]{display:none}.quick-greetings #greeting-menu button{font-size:11px;padding:6px;min-height:44px}