.live-room{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:stretch;min-width:0;margin:24px 0}.live-room>.inner-player{margin:0;width:100%;min-width:0;height:100%;min-height:430px;aspect-ratio:auto}.site-chat{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;max-height:none;border:1px solid #b6d7bd24;border-radius:20px;background:linear-gradient(145deg,#163325b0,#0d1213d9);backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%);box-shadow:inset 0 1px #e8ffeb08,0 12px 38px #0000001c;overflow:hidden}
.site-chat .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;min-height:52px;padding:4px 12px 4px 16px;border-bottom:1px solid #ffffff12}.chat-heading h2{margin:0;font-size:16px;line-height:1.2;white-space:nowrap}.chat-heading h2 span{color:var(--accent,#c5ff23)}.chat-heading-tools{display:flex;align-items:center;gap:4px;min-width:0}.chat-heading [data-chat-connection]{font-size:10px;color:#a3b5a8}.chat-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--text,#eef2ee);border-radius:12px;cursor:pointer}.chat-close[hidden]{display:none}
.chat-history{position:relative;display:flex;flex:1;min-height:150px;overflow:hidden}.chat-messages{position:relative;min-width:0;width:100%;height:100%;min-height:150px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 4px;scrollbar-width:thin;scrollbar-color:#789f8366 transparent;scroll-behavior:auto}.chat-empty{font-size:13px;color:#a8b6ad;line-height:1.6}.chat-message{margin:0 0 12px;overflow-wrap:anywhere}.chat-message header{display:flex;gap:7px;align-items:center;margin-bottom:3px}.chat-message strong{font-size:12px;color:#e1eae0}.chat-message time{margin-left:auto;font-size:10px;color:#9aaba0}.chat-message p{margin:0;font-size:13px;line-height:1.5;white-space:pre-wrap;color:#d9e1db}.chat-staff{border:1px solid #c5ff2333;border-radius:5px;padding:2px 4px;font-size:9px;color:#c5ff23}.chat-latest{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);min-height:44px;max-width:calc(100% - 24px);padding:10px 16px;border:1px solid #c5ff2344;border-radius:24px;background:#18291df2;color:#e4f0e4;font-size:12px;white-space:nowrap;cursor:pointer;box-shadow:0 5px 20px #0005}.chat-latest[hidden]{display:none}
.chat-form{flex:0 0 auto;padding:0 10px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid #ffffff12;background:#0a130c35}.chat-identity{display:flex;align-items:center;gap:7px;max-width:100%;min-height:44px;padding:0 4px;border:0;background:transparent;color:#b4c8b9;font:inherit;font-size:11px;cursor:pointer}.chat-identity [data-chat-name-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-identity svg{flex-shrink:0;opacity:.7}.chat-identity:disabled{cursor:default;opacity:.6}.chat-name-editor{display:flex;align-items:center;gap:8px;margin:0 0 8px}.chat-name-editor[hidden]{display:none}.chat-name{flex:1;min-width:0}.chat-name-editor input{box-sizing:border-box;width:100%;min-width:0;height:44px;border:1px solid #c9dfca38;border-radius:12px;background:#09120dc9;padding:10px 12px;color:#eef2ee;font:inherit;font-size:14px}.chat-name-editor button{min-width:58px;min-height:44px;border:1px solid #c9dfca38;border-radius:12px;padding:8px;color:#d8e8da;background:#18271dc9;font-size:11px;cursor:pointer}
.chat-compose-row{display:flex;align-items:flex-end;gap:8px}.chat-compose{display:block;flex:1;min-width:0;margin:0}.chat-compose textarea{box-sizing:border-box;display:block;margin:0;width:100%;min-width:0;min-height:44px;max-height:94px;resize:none;border:1px solid #c9dfca38;border-radius:13px;padding:10px 12px;background:#09120db0;color:#eef2ee;font:inherit;font-size:14px;line-height:20px;outline-offset:2px;overflow-y:hidden}.chat-compose textarea:focus,.chat-name-editor input:focus{outline:1px solid #c5ff2388;border-color:#c5ff2366}.chat-send{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;height:44px;padding:0;border:0;border-radius:13px;background:var(--accent,#c5ff23);color:#0b1308;cursor:pointer}.chat-send:disabled{opacity:.4;cursor:default}.chat-rules{display:block;padding:6px 4px 0;font-size:9px;line-height:1.4;color:#98ab9d}.chat-notice{padding:0 14px;margin:0 0 10px;flex:0 0 auto;font-size:11px;line-height:1.5;color:#c0cec2}.chat-notice:empty{display:none}.site-chat button:focus-visible{outline:2px solid var(--accent,#c5ff23);outline-offset:2px}
@media(max-width:900px){.site-chat{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.chat-compose textarea,.chat-name-editor input{font-size:16px;line-height:22px}}
.page-columns:has(.live-room){grid-template-columns:minmax(0,1fr)}.page-columns:has(.live-room)>.site-rail{display:none}@media(max-width:850px){.live-room{grid-template-columns:minmax(0,1fr);gap:14px}.live-room>.inner-player{min-height:360px;height:auto}.site-chat{border-radius:20px}}