#jass-chat{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:900;font:14px/1.45 system-ui,sans-serif;color:#fff5d7}#jass-chat [hidden]{display:none!important}#jass-chat *{box-sizing:border-box}#jass-chat button{font:inherit;font-weight:700;min-height:40px;padding:8px 14px;border:1px solid #668776;border-radius:9px;background:#123e30;color:#fff5d7;cursor:pointer;margin:0;letter-spacing:normal;text-transform:none}#jass-chat button:focus-visible,#jass-chat textarea:focus-visible{outline:3px solid #f5d36c;outline-offset:2px}#jass-chat .chat-toggle,#jass-chat form button{background:#f5d36c;color:#09261b}#jass-chat .chat-badge{background:#a53239;color:white;border-radius:20px;padding:2px 7px}#chat-panel{position:absolute;bottom:52px;right:0;width:370px;max-width:calc(100vw - 24px);height:540px;max-height:calc(100dvh - 100px);display:flex;flex-direction:column;background:#30473f;border:1px solid #8ba496;border-radius:14px;box-shadow:0 12px 40px #0009;overflow:hidden}#jass-chat header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;position:static;min-height:0;background:none}#jass-chat nav{display:flex;gap:8px;padding:0 12px 10px}#jass-chat nav button[aria-pressed=true]{border-color:#f5d36c;background:#285440}#jass-chat .chat-messages{overflow:auto;flex:1;min-height:70px;padding:12px;overscroll-behavior:contain}#jass-chat article{padding:9px 11px;margin:0 0 10px;border-radius:10px;background:#164334;overflow-wrap:anywhere}#jass-chat article.chat-own{background:#bde5c5;color:#102d20;margin-left:22px}#jass-chat .chat-message-head{display:flex;justify-content:space-between;gap:12px}#jass-chat time{font-size:11px;color:#bbccbe;flex-shrink:0}#jass-chat p{margin:5px 0;white-space:pre-wrap}#jass-chat .chat-mute{font-size:11px;min-height:28px;padding:3px 5px;background:transparent;border:0;color:#b8cbbc}#jass-chat .chat-status{margin:0;padding:0 12px;font-size:12px;color:#f5d36c}#jass-chat form{padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:8px;margin:0}#jass-chat form label{grid-column:1/-1;font-size:12px}#jass-chat textarea{width:100%;min-width:0;resize:none;background:#041c14;color:#fff5d7;border:1px solid #668776;border-radius:7px;padding:8px;font:inherit}#jass-chat details{padding:6px 12px 10px;font-size:11px;max-height:110px;overflow:auto}#jass-chat .chat-muted{display:flex;flex-wrap:wrap;gap:6px}#jass-chat .chat-muted button{font-size:11px;min-height:30px}@media(max-width:600px){#jass-chat{right:12px}#chat-panel{width:calc(100vw - 48px);max-width:420px;right:12px}}
/* Mannschaftsfarbe der Nachricht beim Absenden; eigene Beiträge heller. */
#jass-chat article.chat-team-green{background:#245c40;border-left:3px solid #79d99a}
#jass-chat article.chat-team-red{background:#653536;border-left:3px solid #ed979c}
#jass-chat article.chat-own.chat-team-green{background:#bde5c5;color:#102d20}
#jass-chat article.chat-own.chat-team-red{background:#f1c0c3;color:#3d171d}
#jass-chat article.chat-own time{color:#355641}
#jass-chat article.chat-own.chat-team-red time{color:#6d353c}
#jass-chat article.chat-team-red .chat-mute,#jass-chat article.chat-team-red:not(.chat-own) time{color:#efd2d4}

/* Auto margin fills spare space without hiding the start of long histories. */
#jass-chat .chat-messages{display:flex;flex-direction:column}#jass-chat .chat-messages> *{flex-shrink:0}#jass-chat .chat-messages>:first-child{margin-top:auto}#jass-chat .chat-messages>:last-child{margin-bottom:0}