/* Compact community chat. All rules are scoped to the landing chat panel. */
#chat{--chat-muted:#91b1c7;--chat-line:#28475c}
#chat>.panel-head{display:block;padding:10px 12px 8px}
#chat .chat-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#chat #chatTitle{margin:0;font-size:13px;line-height:1.4;letter-spacing:0}
#chat .live{width:6px;height:6px;margin-left:6px}
#chat .chat-seasons{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:21px;font-size:9px;color:var(--chat-muted)}
#chat .chat-season{display:inline-flex;align-items:center;gap:4px;min-height:21px;padding:2px 6px;border:1px solid #365e79;border-radius:4px;background:#13334a;white-space:nowrap}
#chat .chat-season[data-sport=soccer]{border-color:#2d6b59;background:#103b31;color:#b7e6d4}
#chat .chat-season b{font-weight:600;color:#d8ebf6}
#chat .chat-communities{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
#chat .chat-communities>span{font-size:9px;color:var(--chat-muted);line-height:1.4}
#chat .chat-community-flags{display:flex;align-items:center;gap:3px;flex-wrap:wrap;min-width:0}
#chat .chat-community-flag{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:22px;padding:3px;border:1px solid transparent;border-radius:4px;text-decoration:none;color:#bfd9ea;font-size:8px}
#chat .chat-community-flag img{display:block;width:16px;height:11px;object-fit:cover;border-radius:1px}
#chat .chat-community-flag:hover{background:#1a415a;border-color:#486a81}
#chat .chat-community-flag[aria-current=true]{border-color:#65b5e4;background:#1b4b69}
#chat .chat-flag-fallback{display:inline-block;font-size:8px;font-weight:600}
#chat #chatMessages{height:min(360px,48dvh);min-height:240px;scrollbar-width:thin;scrollbar-color:#42647d transparent;overflow-anchor:none}
#chat .chat-message{gap:8px;padding:8px 12px;border-bottom:1px solid #ffffff09;line-height:1.4}
#chat .avatar{width:23px;height:23px;font-size:10px}
#chat .message-meta{gap:6px;font-size:10px;line-height:1.35;min-height:15px}
#chat .message-meta time,#chat .message-meta small{font-size:9px;color:var(--chat-muted)}
#chat .message-meta .language{padding:0 4px;border-radius:3px;font-size:8px;line-height:14px}
#chat .message-meta .user-flag{width:13px;height:9px}
#chat .message-meta .lp-person-actions{gap:2px;margin-left:1px}
#chat .message-meta .lp-person-actions button{width:19px;height:18px;min-height:0;padding:2px;font-size:9px}
#chat .message-meta .lp-person-actions svg{width:11px;height:11px}
#chat .chat-message p{font-size:11px;line-height:1.45;margin:3px 0 0}
#chat .message-quote{margin:3px 0 4px;padding:2px 6px;font-size:9px;line-height:1.4;border-left-color:#4d7996;background:#ffffff03;max-height:43px;overflow:auto}
#chat .chat-message-footer{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;margin-top:5px}
#chat .chat-message-footer .thz-message-reactions{margin:0;gap:4px}
#chat .thz-message-reactions .thz-reaction,#chat .thz-reaction-picker>summary{min-height:23px;padding:3px 6px;gap:3px;font-size:9px;line-height:1.2;border-radius:4px;background:#12384e;border-color:#31576f}
#chat .thz-reaction>span:first-child{font-size:12px}
#chat .thz-reaction b{font-size:9px}
#chat .thz-message-reactions .thz-reaction-choices .thz-reaction{min-height:29px;min-width:29px;padding:4px 5px}
#chat .thz-message-reactions .thz-reaction-choices .thz-reaction>span{font-size:18px}
#chat .message-actions{margin:0;gap:8px;align-items:center;min-height:23px}
#chat .message-actions .text-action{font-size:9px;line-height:1.4}
#chat .chat-message.is-mentioned{padding-left:10px}
#chat .chat-day-divider{display:flex;align-items:center;gap:9px;margin:0;padding:7px 12px 4px;color:#8eafc4;font-size:9px;line-height:1.4}
#chat .chat-day-divider:before,#chat .chat-day-divider:after{content:'';height:1px;flex:1;background:#ffffff0d}
#chat #chatForm{display:block;padding:9px 11px 8px;border-top:1px solid var(--chat-line)}
#chat .chat-compose-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#chat .chat-compose-entry{display:flex;align-items:flex-end;gap:7px}
#chat #chatInput{display:block;flex:1;width:100%;min-width:0;height:34px;min-height:34px;max-height:120px;padding:8px 9px;font:11px/1.4 Arial,sans-serif;border-radius:5px;resize:vertical}
#chat #chatSend,#chat #chatLogin{min-height:34px;padding:7px 11px;font-size:10px;border-radius:5px;flex:none}
#chat .chat-compose-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;margin-top:5px}
#chat #chatComposeTools{flex:1;min-width:0}
#chat .thz-composer-tools{margin:0;gap:5px;font-size:10px}
#chat .thz-composer-tools>small{display:none}
#chat .thz-composer-tools>button,#chat .thz-emoji-picker>summary{min-height:24px;padding:4px 7px;font-size:9px;line-height:1.3;border-radius:4px}
#chat .thz-emoji-grid{padding:5px 0;gap:2px;max-width:270px}
#chat .thz-composer-tools .thz-emoji-grid button{min-height:28px;font-size:18px;padding:3px 2px}
#chat #chatCounter{width:auto;flex:none;text-align:right;font-size:9px;line-height:24px;color:var(--chat-muted);white-space:nowrap}
#chat .chat-context{font-size:10px;margin-bottom:6px}
#chat .chat-status{font-size:10px;line-height:1.4;margin-top:5px}
#chat .chat-status:empty{display:none}
#chat .thz-compose-preview{padding:5px;margin:0 0 7px;gap:7px}
#chat .thz-compose-preview img{width:48px;height:38px}
#chat .thz-compose-preview span{font-size:10px}
#chat .thz-compose-preview button{padding:4px 6px;min-height:24px;font-size:9px}
#chat .thz-message-photo img{max-height:160px}
#chat .new-messages{margin:5px 11px;font-size:10px;min-height:27px;padding:4px 8px}
#chat :focus-visible{outline-offset:2px}
@media(max-width:540px){#chat .chat-compose-footer>#landingMessagesToggle{position:static;flex:none;align-items:center;min-height:27px;gap:4px;margin:0;padding:4px 6px;border-radius:4px;box-shadow:none;font-size:9px;background:#12384e;border-color:#426e89;z-index:auto}#chat .chat-compose-footer>#landingMessagesToggle svg{width:12px;height:12px}#chat .chat-compose-footer>#landingMessagesToggle b{min-width:15px;padding:1px 3px;font-size:9px}#chat .chat-compose-footer>#landingMessagesToggle:not(.has-unread) b{display:none}}
@media(max-width:540px){#chat>.panel-head{padding:9px 10px 7px}#chat .chat-heading{gap:5px}#chat .chat-seasons{gap:4px;font-size:8px}#chat .chat-season{font-size:8px;padding:2px 5px}#chat .chat-communities{gap:4px}#chat .chat-community-flag{min-width:25px;min-height:25px}#chat .chat-message{padding:8px 10px}#chat #chatMessages{height:46dvh;min-height:230px;max-height:390px}#chat .chat-message-footer{gap:5px 8px}#chat .message-actions{gap:8px}#chat #chatForm{padding:8px 9px}#chat #chatInput{font-size:16px;line-height:1.2;padding:7px 8px;min-height:35px}#chat .thz-message-reactions .thz-reaction,#chat .thz-reaction-picker>summary{min-height:27px}#chat .thz-composer-tools>button,#chat .thz-emoji-picker>summary{min-height:27px;font-size:10px}}