.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.social-card,.social-panel{border:1px solid #343b46;background:var(--panel,#1b2028);border-radius:16px;padding:26px;color:var(--text,#eef1f7)}.social-card{display:flex;flex-direction:column;gap:16px;text-decoration:none;min-height:235px;transition:border-color .2s,background .2s}.social-card:hover{border-color:#879cb9;background:#222a35}.social-card h2{font-size:26px;letter-spacing:-.5px;margin:0}.social-card p,.social-panel p{color:#b7c1d1;line-height:1.8}.social-number{font-size:12px;letter-spacing:2px;color:#a6b9d5}.social-card span:last-child{margin-top:auto;color:#c4d7f2}.social-panel h2{font-size:22px;margin:0 0 20px}.social-panel+.social-panel{margin-top:20px}.social-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.social-field{display:grid;gap:8px;font-size:14px;color:#c6d0de;flex:1;min-width:160px}.social-field input,.social-field select,.social-chat input{font:inherit;font-size:16px;min-height:46px;color:#f0f4fc;border:1px solid #4a5465;background:#141921;border-radius:9px;padding:10px 12px;box-sizing:border-box;width:100%}.social-panel button,.social-panel .collection-button{min-height:44px;border-radius:9px}.social-panel :focus-visible,.social-card:focus-visible{outline:3px solid #a7c4ec;outline-offset:4px}.social-error{min-height:24px;color:#f2bdbd!important;margin:10px 0}.social-status{font-size:14px;color:#bdcfeb!important}.social-room{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:20px}.social-room .social-panel{margin-top:0;min-width:0}.social-live-head{margin-bottom:20px}.social-live-head strong{font-size:22px;font-variant-numeric:tabular-nums}.social-members{list-style:none;padding:0;display:grid;gap:8px}.social-members li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #323a47;overflow-wrap:anywhere}.social-chat-log{max-height:320px;min-height:150px;overflow:auto;overscroll-behavior:contain;border:1px solid #323a47;border-radius:10px;padding:12px;scrollbar-gutter:stable}.social-chat-log p{font-size:14px;margin:0 0 12px;overflow-wrap:anywhere;white-space:pre-wrap}.social-chat-log b{color:#d6e5fc}.social-chat-log .system{color:#8fa7c7}.social-chat{display:flex;gap:8px;margin-top:12px}.social-chat input{min-width:0}.social-chat button{flex-shrink:0}.social-video{width:100%;aspect-ratio:16/9;border-radius:12px;background:#0c1016;object-fit:contain;margin-bottom:16px}.social-draw{width:100%;height:auto;aspect-ratio:900/560;background:#fff;border-radius:12px;display:block;touch-action:none;cursor:crosshair}.social-tools{margin:16px 0}.social-tools button[aria-pressed=true]{outline:2px solid #a6c4ed;outline-offset:2px}.social-score{list-style:none;padding:0;display:grid;gap:8px}.social-score li{display:flex;justify-content:space-between;padding:10px 12px;background:#141a22;border-radius:8px}.social-timer{font:600 20px ui-monospace,monospace;color:#c7d9f2}.social-choices{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.social-stage{position:relative;overflow:hidden;border:1px solid #354152;border-radius:16px;aspect-ratio:16/10;background:#10151e}.social-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.social-camera{position:absolute;right:12px;bottom:12px;width:24%;border:1px solid #7c95b5;border-radius:12px;transform:scaleX(-1);z-index:1}.social-stage-label{position:absolute;left:18px;top:12px;font-size:12px;color:#b5c9e6;pointer-events:none}.social-note{font-size:13px;line-height:1.7;color:#a7b5cb}.social-tour-list{padding-left:24px;color:#c2cde0;line-height:2}.tour-guide{max-width:1120px;margin:20px auto;padding:18px 24px;background:#202936;border:1px solid #526682;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#e5efff;font:15px/1.6 system-ui,sans-serif;box-sizing:border-box}.tour-guide p{margin:0}.tour-guide a,.tour-guide button{color:#e5efff;background:#303e52;border:1px solid #6d819d;border-radius:8px;padding:10px 14px;min-height:44px;font:inherit;text-decoration:none;box-sizing:border-box}.tour-guide a:focus-visible,.tour-guide button:focus-visible{outline:3px solid #b2cbef;outline-offset:3px}.tour-guide .social-row{flex-shrink:0}.social-room[hidden],.social-panel [hidden],.social-panel[hidden],.tour-guide[hidden]{display:none!important}@media(max-width:800px){.social-room{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr}.social-panel,.social-card{padding:20px}.social-live-head strong{font-size:18px}.tour-guide{margin:12px 16px;flex-direction:column;align-items:stretch;padding:16px}.social-card{min-height:190px}}@media(prefers-reduced-motion:reduce){.social-card{transition:none}}