.social-chat{position:fixed;right:16px;bottom:16px;z-index:80;width:min(390px,calc(100vw - 32px));color:#dceff6;font:14px/1.4 system-ui,sans-serif;--chat-cyan:#83dfed;--chat-gold:#e6c878}
.social-chat button,.social-chat textarea{font:inherit}.social-chat button{cursor:pointer}.social-chat [hidden]{display:none!important}.social-chat :focus-visible{outline:2px solid #e6c878;outline-offset:3px}
.social-chat .chat-toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin-left:auto;padding:11px 18px;min-height:44px;border:1px solid #65cddd70;border-radius:5px;background:#103348;color:#c7f3fc}
.chat-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.social-chat .chat-toggle.has-unread{color:#fff1b8;border-color:var(--chat-gold);background:#333025;box-shadow:0 0 16px #e6c87880,inset 0 0 15px #e6c87820}
.chat-unread{display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;box-sizing:border-box;border-radius:50%;background:var(--chat-gold);color:#122333;font-size:12px;font-weight:700}
.social-chat section{display:flex;flex-direction:column;box-sizing:border-box;margin-top:10px;padding:16px;max-height:min(640px,calc(100dvh - 100px));border:1px solid #70d9e45c;border-radius:7px;background:linear-gradient(145deg,#0d2b3c,#071b2b);box-shadow:0 14px 44px #0009;overflow:hidden}
.social-chat .chat-channel{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding-bottom:12px;border-bottom:1px solid #70d9e433}
.social-chat .chat-identity{display:flex;align-items:center;gap:12px;min-width:0;mix-blend-mode:screen}
.social-chat .chat-identity img{width:44px;height:44px;object-fit:contain;flex:none}
.social-chat .chat-kicker{font:10px/1.5 monospace;color:#92c7d4;letter-spacing:.15em}
.social-chat .chat-channel h2{font-size:20px;line-height:1.3;font-weight:500;letter-spacing:0;margin:2px 0 0;color:#d5f5fb;text-transform:none}
.social-chat [data-chat-back]{display:grid;place-items:center;font-size:24px;width:34px;height:34px;padding:0;border:1px solid #70d9e44f;border-radius:4px;background:#103448;color:#c5f3fa;flex:none}
.social-chat .chat-description{font-size:12px;line-height:1.4;color:#8fb8c6;margin:10px 0 12px;flex:none}
.social-chat .chat-console{display:flex;min-height:0;flex:1}
.social-chat .chat-stream{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1}
.social-chat .chat-messages{list-style:none;margin:0;padding:0 3px 0 0;height:min(300px,36dvh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#397486 transparent;min-height:0}
.social-chat .chat-messages li{display:flex;align-items:flex-start;gap:10px;padding:12px;margin:0 0 12px;border:1px solid #70d9e42b;border-radius:8px;background:#11324680}
.social-chat .chat-avatar{width:28px;height:28px;flex:none;border-radius:7px;background:#205166;color:#c8f5fb;font-size:13px;display:grid;place-items:center}
.social-chat .chat-message-body{min-width:0;flex:1}
.social-chat .chat-message-body>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.social-chat .chat-messages strong{font-size:13px;font-weight:600;color:#b5e7f3;overflow-wrap:anywhere}
.social-chat .chat-messages time{font:10px monospace;white-space:nowrap;color:#89aab8}
.social-chat .chat-messages p{font-size:15px;line-height:1.55;color:#e1f2f7;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.social-chat .chat-form{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex:none;border-top:1px solid #70d9e430;padding-top:12px}
.social-chat .chat-form label{display:block;font-size:13px;color:#b5d6e1;line-height:1.4;width:100%}
.social-chat .chat-form textarea{display:block;box-sizing:border-box;width:100%;font-size:15px;line-height:1.5;min-height:52px;height:52px;max-height:100px;margin-top:6px;padding:9px 11px;border:1px solid #70d9e453;background:#061824;color:#e1f2f7;border-radius:6px;resize:vertical}
.social-chat .chat-form button{align-self:flex-end;min-height:36px;margin:0;padding:8px 18px;font-size:14px;border:1px solid #75dbe970;border-radius:5px;color:#d2f7fc;background:#17475c}
.social-chat .chat-form button:hover{background:#20576d;border-color:#a5e9f3}.social-chat .chat-form button:disabled{opacity:.55;cursor:wait}
.social-chat .chat-form>small{font-size:10px;color:#7d9fab;margin:0}
.social-chat .chat-status{font-size:12px;color:#e6c878;margin:8px 0 0;flex:none}.social-chat .chat-status:empty{display:none}
.home-inline-panel[data-home-panel=games] .social-chat--docked{position:static!important;width:100%!important;height:100%;padding:0;display:flex;flex-direction:column;align-items:stretch;border:1px solid #70d9e44a;border-radius:6px;background:linear-gradient(145deg,#0c2738,#071b2b);overflow:hidden;box-sizing:border-box}
.home-inline-panel[data-home-panel=games] .social-chat--docked>.chat-toggle{display:none}
.home-inline-panel[data-home-panel=games] .social-chat--docked section{padding:16px;margin:0;height:100%;max-height:none;flex:1;min-height:0;border:0;border-radius:0;background:none;box-shadow:none}
.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-console{display:flex!important;gap:0;margin:0}
.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-channel{display:flex!important;justify-content:space-between;gap:12px}
.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-channel>div{display:flex!important}
.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-channel h2{font-size:20px!important}
.home-inline-panel[data-home-panel=games] .social-chat--docked [data-chat-back]{display:grid}
.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-description{display:block!important}
.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-messages{margin:0;flex:1;height:auto;min-height:0}
@container(max-height:420px){.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-description{display:none!important}.home-inline-panel[data-home-panel=games] .social-chat--docked section{padding:12px}.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-identity img{width:30px;height:30px}.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-channel{padding-bottom:8px}.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-form{padding-top:7px;gap:4px}.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-form label{font-size:0!important;line-height:0!important}.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-form textarea{min-height:38px;height:38px;margin-top:0}.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-form button{align-self:stretch;min-height:32px;padding:5px 12px}.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-form>small{display:none}.home-inline-panel[data-home-panel=games] .social-chat--docked .chat-messages li{padding:9px;margin-bottom:8px}}
@media(max-width:600px){.social-chat{right:8px;bottom:8px;width:min(390px,calc(100vw - 16px))}}
.full-match-history{max-height:70dvh;overflow:auto;overscroll-behavior:contain}.history-title button{font:inherit;font-size:12px;margin-left:8px}
.undo-request{padding:12px;border:1px solid #c3a764;border-radius:8px;background:#17283a;color:#fff}.undo-request p{font-size:13px}.undo-request button{margin:4px}