#onlineGeneralChat{padding:0;overflow:hidden;background:linear-gradient(140deg,#26301c88,#10160d);border-color:#a5b66e77}
.general-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 20px 0}
#online .general-chat-heading h2{font-size:24px;margin:5px 0 0;letter-spacing:-.4px}
#generalChatConnection{white-space:nowrap;font-size:11px;color:#c0c8b4;background:#ffffff08;border:1px solid #ffffff20;padding:6px 9px;border-radius:20px}
#generalChatConnection[data-connected=true]{color:#d3e9ad;border-color:#b8d07944}#generalChatConnection:before{content:'●';font-size:9px;margin-right:6px}#generalChatConnection[data-connected=true]:before{color:#badd7d}
#online .general-chat-intro{font-size:12px;color:#b7c1a7;margin:7px 20px 17px}
#generalChatMessages{height:350px;overflow-y:auto;overscroll-behavior:contain;padding:9px 20px;background:#080d0788;border-block:1px solid #a5b66e33;scrollbar-width:thin;scrollbar-color:#798748 #141b10}
.general-chat-message{display:grid;grid-template-columns:35px minmax(0,1fr) 23px;gap:11px;padding:12px 0;border-bottom:1px solid #ffffff0b}
.general-chat-message:last-child{border-bottom:0}.general-chat-avatar{width:35px;height:39px;display:grid;place-items:center;background:#ffffff06;border:1px solid #ffffff12;border-radius:7px}.general-chat-avatar img{width:26px;height:29px;object-fit:contain}
.general-chat-meta{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6}.general-chat-meta b{color:#f3edca}.general-chat-meta time{font-size:10px;color:#87937d}.general-chat-message[data-own=true] .general-chat-meta b{color:#cedc85}
#online .general-chat-message p{font-size:13px;line-height:1.5;margin:3px 0 0;color:#edf0e5;overflow-wrap:anywhere;white-space:pre-wrap}
#online .general-chat-mute{padding:0;min-width:22px;min-height:25px;align-self:start;background:none;border:0;font-size:17px;color:#8b987a;box-shadow:none;opacity:.55}#online .general-chat-mute:hover,#online .general-chat-mute:focus-visible{opacity:1;color:#fff}
.general-chat-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 20px;color:#8f9c80;font-size:10px}
#online #generalChatUnmute,#online #generalChatEdit{padding:0;background:none;border:0;box-shadow:none;min-height:24px;font-size:10px;color:#c6d494;text-decoration:underline}
#generalChatForm{padding:8px 20px 14px}.general-chat-identity{display:flex;align-items:center;gap:7px;font-size:11px;color:#aeb99d;margin-bottom:10px}.general-chat-identity img{width:19px;height:22px;object-fit:contain}.general-chat-identity b{color:#e9eddb}.general-chat-identity button{margin-left:auto}
.general-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.general-chat-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
#online #generalChatInput{margin:0;background:#252e1f;border:1px solid #8c9a645c;border-radius:7px;min-height:44px;font-size:13px;padding:11px 12px}#generalChatInput::placeholder{color:#8c987d}
#online #generalChatSend{min-height:44px;min-width:96px;padding:9px 14px;font-size:12px;border-radius:7px}#online #generalChatSend:disabled{opacity:.45}
.general-chat-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:10px;line-height:1.5;color:#a0ad8e}#generalChatCount{white-space:nowrap;color:#8b977b}#generalChatRetry{margin:0 20px 16px}
.general-chat-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;color:#c1ccad;padding:25px;font-size:13px}.general-chat-empty span{font-size:12px;color:#8d9d7b;max-width:260px;line-height:1.5}
@media(max-width:650px){#online .online-mode-tabs{gap:6px}#online .online-mode-tabs button{font-size:10px;padding:8px 5px;min-height:44px}.general-chat-heading{padding:16px 14px 0}#online .general-chat-heading h2{font-size:22px}#online .general-chat-intro{margin:7px 14px 14px;line-height:1.5}#generalChatMessages{height:340px;padding:6px 14px}.general-chat-footer{padding:7px 14px}#generalChatForm{padding:7px 14px 12px}.general-chat-message{gap:9px;grid-template-columns:30px minmax(0,1fr) 20px}.general-chat-avatar{width:30px;height:35px}.general-chat-avatar img{width:24px;height:27px}#online #generalChatInput{font-size:16px;min-width:0}.general-chat-identity{font-size:10px}#online #generalChatSend{min-width:75px;padding:9px;font-size:11px}.general-chat-bottom{font-size:9px}#generalChatConnection{font-size:10px;padding:5px 7px}}
@media(pointer:coarse) and (orientation:landscape){#generalChatMessages{height:200px}#onlineGeneralChat .general-chat-message p{font-size:12px;margin:2px 0}.general-chat-message{padding:8px 0}}
main:has(#online:not([hidden])){max-width:1360px}
#onlineGeneralChat{position:sticky;top:12px;min-width:0;align-self:start}
#online .general-chat-heading{cursor:pointer;padding:15px 14px;list-style:none;border:0;color:#fff;text-align:left}
.general-chat-heading::-webkit-details-marker{display:none}.general-chat-heading>span:first-child{min-width:0}.general-chat-heading .online-kicker{font-size:7px;letter-spacing:1px}
#online .general-chat-heading strong{display:block;font-size:20px;font-weight:400;margin-top:5px}.general-chat-heading:after{content:'⌄';color:#c3cf9d}#onlineGeneralChat[open]>.general-chat-heading:after{content:'⌃'}
#online .general-chat-intro{margin:0 14px 12px;font-size:11px;line-height:1.5}
#generalChatMessages{height:320px;padding:5px 12px}.general-chat-message{grid-template-columns:27px minmax(0,1fr) 15px;gap:8px;padding:10px 0}.general-chat-avatar{width:27px;height:31px}.general-chat-avatar img{width:22px;height:25px}.general-chat-meta{gap:6px;flex-wrap:wrap;font-size:11px}.general-chat-meta time{font-size:9px}#online .general-chat-message p{font-size:12px}
.general-chat-footer{padding:8px 12px;font-size:9px}#generalChatForm{padding:5px 12px 12px}#online #generalChatInput{font-size:12px;padding:9px 10px}#online #generalChatSend{min-width:65px;padding:8px;font-size:11px}.general-chat-compose{gap:6px}
#generalChatPinned{margin:0 12px 10px;padding:10px 11px;border-left:2px solid #e7c96c;background:#d6bd5310;border-radius:0 5px 5px 0}#generalChatPinned div>span{display:block;color:#c4b77e;font-size:8px;margin-bottom:7px;text-transform:uppercase;letter-spacing:.5px}#generalChatPinned b{font-size:10px;color:#f5e7b2;display:flex;align-items:center;gap:7px}
#online #generalChatPinned p{font-size:10px;color:#cdd3bd;line-height:1.6;margin:6px 0 0;overflow-wrap:anywhere}
.general-chat-verified{color:#f4dc8a;background:#e4bc3a18;border:1px solid #e4bc3a55;border-radius:3px;padding:2px 4px;font:700 7px/1.4 Arial,sans-serif;white-space:nowrap}
#generalChatCreatorAccess{border-top:1px solid #ffffff10;margin:0 12px;padding:9px 0;font-size:9px;color:#95a285}#generalChatCreatorAccess summary{cursor:pointer}#online #generalChatCreatorAccess label{font-size:10px}#online #generalChatCreatorAccess input,#online #generalChatCreatorAccess textarea{font-size:12px;width:100%;margin:6px 0}#online #generalChatCreatorAccess button{font-size:10px;padding:7px 9px;min-height:30px;margin-top:6px}#generalChatCreatorAccess form{margin-top:10px}
@media(min-width:1050px){#online .online-layout{grid-template-columns:180px minmax(0,1fr) 310px;gap:16px}#online .online-entry-grid{grid-template-columns:1fr}#online[data-view=tournaments][data-bracket=true] .online-layout,#online[data-view=tournaments][data-started=true] .online-layout{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1049px){#onlineGeneralChat{position:static;grid-column:1/-1;grid-row:1}#online .online-profile-card{grid-column:1;grid-row:2}#online .online-main{grid-column:2;grid-row:2}#generalChatMessages{height:260px}#online .general-chat-heading{padding:11px 14px}#online .general-chat-heading strong{font-size:17px}#online[data-view=tournaments][data-started=true] .online-main,#online[data-view=tournaments][data-bracket=true] .online-main{grid-column:1/-1}}
@media(max-width:650px){#online .online-layout{grid-template-columns:minmax(0,1fr)}#online .online-profile-card{grid-column:1;grid-row:2}#online .online-main{grid-column:1;grid-row:3}#online #generalChatInput{font-size:16px}#generalChatMessages{height:260px}#online .general-chat-message p{font-size:12px}#generalChatPinned b{font-size:11px}#online #generalChatPinned p{font-size:11px}}

@media(min-width:1250px){#online .online-entry-grid{grid-template-columns:1fr 1fr}}

#onlineGeneralChat:not([open])>.general-chat-heading .online-kicker{display:none}#online #onlineGeneralChat:not([open])>.general-chat-heading{padding:12px 14px}#online #onlineGeneralChat:not([open])>.general-chat-heading strong{margin:0;font-size:17px}
@media(min-width:1050px){
 html:is(:fullscreen,.expanded-game) #online .online-layout{grid-template-columns:clamp(180px,16vw,260px) minmax(0,1fr) clamp(310px,23vw,400px);gap:20px}
 #online .online-layout>.online-profile-card{grid-column:1;grid-row:1}
 #online .online-layout>.online-main{grid-column:2;grid-row:1}
 #online .online-layout>#onlineGeneralChat{grid-column:3;grid-row:1}
 html:is(:fullscreen,.expanded-game) #online[data-view=tournaments]:is([data-bracket=true],[data-started=true]) .online-layout{grid-template-columns:minmax(0,1fr) clamp(310px,23vw,400px)}
 #online[data-view=tournaments]:is([data-bracket=true],[data-started=true]) .online-layout>.online-main{grid-column:1;grid-row:1}
 #online[data-view=tournaments]:is([data-bracket=true],[data-started=true]) .online-layout>#onlineGeneralChat{grid-column:2;grid-row:1}
}

#online #generalChatPinnedText{white-space:pre-wrap}#online #generalChatPinStatus{font-size:11px;line-height:1.5;color:#e4d79e;margin:9px 0;overflow-wrap:anywhere}