.social-tools{display:flex;gap:5px}.social-tools svg,.social-card h2 svg,.social-dialog h2 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;vertical-align:middle}.social-tools b{color:#c45f33;font-size:12px}.social-card{position:absolute;left:16px;bottom:65px;width:390px;max-width:calc(100vw - 32px);background:#fff4d7f5;color:#294d51;border:2px solid #beaa77;border-radius:16px;box-shadow:0 8px 30px #001d2860;overflow:hidden;pointer-events:auto}.social-card header,.social-dialog header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(#f6e8bb,#e6d5a6);border-bottom:1px solid #c9b782}.social-card h2,.social-dialog h2{font-size:16px;margin:0;display:flex;align-items:center;gap:8px}.social-card h2 small{font-size:11px;font-weight:500;color:#607c78}.chat-channel-row{display:flex;gap:10px;align-items:center;padding:9px 12px}.chat-channel-row select{width:110px;padding:7px;border:1px solid #c6b98f;border-radius:8px;background:#fff9e9;color:#285659;font:inherit;font-size:13px}#chat-as{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#whisper-row{padding:0 12px 8px;font-size:12px;display:flex;align-items:center;gap:8px}#whisper-row[hidden]{display:none}#whisper-to{flex:1;min-width:0;padding:7px}#chat-log{height:185px;overflow:auto;padding:4px 12px;overscroll-behavior:contain;scrollbar-color:#b6a87c transparent}.chat-message{font-size:13px;line-height:1.5;padding:4px 0;overflow-wrap:anywhere}.chat-message time{font-size:10px;color:#778781;margin-right:6px}.chat-author{border:0;background:none;padding:0 5px 0 0;color:#246e78;font:inherit;font-weight:750;cursor:pointer}.chat-author:after{content:':'}.own-message .chat-author{color:#876727}#chat-empty{font-size:13px;margin:0;padding:6px 12px;color:#748479}#chat-hint{font-size:12px;color:#965232;padding:0 12px;margin:3px 0}#chat-hint:empty{display:none}#chat-form{display:flex;gap:6px;padding:8px 10px 4px}#chat-input{flex:1;min-width:0;font-size:13px;padding:9px 10px}.social-card input,.social-dialog input{border:1px solid #c7b68d;border-radius:8px;background:#fffbef;color:#244c51;font:inherit}.chat-footer{font-size:10px;color:#768477;padding:5px 12px 9px}.social-modal{position:fixed;inset:0;z-index:900;background:#092c3d80;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:auto}.social-modal[hidden],.social-card[hidden],#storage-notice[hidden]{display:none}.social-dialog{width:440px;max-width:100%;max-height:85vh;background:#fff5dc;color:#294e52;border:2px solid #c6ae79;border-radius:18px;box-shadow:0 18px 80px #001a3180;overflow:auto}.social-dialog-body{padding:20px;line-height:1.6;font-size:14px}.social-dialog input{width:100%;box-sizing:border-box;padding:12px;margin-top:8px}.social-dialog p{margin:0 0 14px}.social-dialog form p{font-size:12px;color:#768276;margin:9px 0 14px}.social-dialog label{font-weight:750}.google-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px;border:1px solid #bdb5a2;border-radius:10px;background:#fff;font:600 15px system-ui;cursor:pointer;color:#34434a}.google-button span{font-size:22px;color:#4285f4;font-weight:800}.google-button[hidden],#username-form[hidden],#account-sign-out[hidden]{display:none}#account-status{font-size:13px;color:#856635;min-height:1.2em;margin-top:14px}.text-button{border:0;background:none;text-decoration:underline;color:#436f73;font:inherit;font-size:12px;cursor:pointer;display:block;margin-top:18px}.privacy-copy h3{font-size:15px;margin:20px 0 7px}.privacy-copy a{color:#226e79}#storage-notice{position:fixed;left:16px;right:16px;bottom:12px;z-index:1000;display:flex;align-items:center;gap:16px;padding:15px 18px;background:#fff4da;color:#305158;border:2px solid #c6ae79;border-radius:16px;box-shadow:0 5px 35px #092d4070;font:13px/1.5 system-ui}#storage-notice div{flex:1}#storage-notice strong{font-size:15px}#storage-notice p{margin:2px 0 0}.storage-link{position:fixed;bottom:8px;right:12px;z-index:20;background:#123a43aa;color:#f5e6bd;border:0;border-radius:5px;padding:5px 8px;font:11px system-ui;cursor:pointer}#live-count{font-size:13px}#human-count{display:block;font-size:12px;color:#2e7778;font-weight:700;margin-top:2px}@media(max-width:1100px){.social-tools .tool span{display:none}.tools{gap:3px!important}.tools .tool{padding:8px!important}.brand-bar{max-width:240px}}@media(max-width:700px){#storage-notice{flex-wrap:wrap;gap:8px}.social-card{bottom:60px}.brand-bar{max-width:180px}#live-count{font-size:11px}}

.live-info>br{display:none}.live-info>#live-count{display:block}#test-world-label{top:96px}