/* Main-room conversation; the same panel travels into an open chessboard. */
.main-chat-mount{grid-column:2;min-width:0;align-self:start}
.room-chat{min-width:0;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 25px #45503905}
.chat-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 18px 16px;border-bottom:1px solid var(--line)}
.chat-title-line{display:flex;align-items:center;gap:8px}.chat-title-line h2{font-size:15px;font-weight:600;letter-spacing:-.2px}.chat-icon{display:grid;place-items:center;color:#778b69}.chat-icon svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.chat-header p{font-size:10px;color:#85917d;line-height:1.6;margin-top:5px}.chat-header-actions{display:flex;align-items:center;gap:4px}.chat-status{font-size:9px;white-space:nowrap;color:#617957;background:#edf2e8;border-radius:20px;padding:5px 8px}.chat-status.chat-offline{color:#927748;background:#f7efdf}.chat-toggle{width:27px;height:28px;min-width:27px}.chat-toggle svg{width:14px;height:14px}.chat-toggle.is-collapsed svg{transform:rotate(180deg)}
.chat-badge{font-size:9px;font-weight:600;background:#b66d50;color:#fff9f0;min-width:18px;height:18px;border-radius:20px;padding:3px 5px;text-align:center}
.chat-content{position:relative}.chat-channel-note{margin:0 16px;padding:12px 0 11px;font-size:10px;line-height:1.7;color:#88907e;border-bottom:1px solid #eeeede}.chat-log{height:350px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccd5c2 transparent;padding:6px 16px 12px;outline-offset:-3px;overflow-anchor:none}
.chat-empty{position:absolute;top:110px;left:22px;right:22px;text-align:center;pointer-events:none;color:#96a28a}.chat-empty svg{width:34px;height:34px;fill:none;stroke:#b2bda3;stroke-width:1.2;margin-bottom:12px}.chat-empty h3{font-family:Georgia,serif;font-weight:normal;font-size:23px;line-height:1.2;color:#6d7f61;margin:0 0 10px}.chat-empty p{font-size:11px;line-height:1.8;color:#96a08c}
.chat-message{display:flex;gap:9px;padding:14px 0 2px;min-width:0}.chat-avatar{--sender-color:#607862;display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:9px;color:var(--sender-color);background:#f0f1e9;border:1px solid #e7e8de;font-size:11px;font-weight:650;margin-top:1px}.chat-message-body{min-width:0;flex:1}.chat-message-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0}.chat-message-meta strong{font-size:11px;font-weight:600;overflow-wrap:anywhere;color:#52674b;unicode-bidi:plaintext}.chat-message-meta time{flex-shrink:0;font-size:8px;color:#929b85;white-space:nowrap}.chat-message-body p{font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;margin:6px 0 0;color:#69745e;background:#f3f5ed;padding:10px 11px;border-radius:0 10px 10px 10px}.chat-message.is-mine .chat-message-body p{background:#f7ece2;color:#876247}.chat-message.is-mine .chat-message-meta strong{color:#ae6a4c}
.chat-form{padding:13px 16px 12px;border-top:1px solid var(--line);background:#fdfcf7}.chat-label{display:block;color:#6d7d61;font-size:10px;margin-bottom:8px;font-weight:600}.chat-input-wrap{border:1px solid #dce1d3;border-radius:10px;background:#fffef9;padding:9px 11px}.chat-input-wrap:focus-within{border-color:#8f9f80;box-shadow:0 0 0 3px #a9b69816}.chat-input-wrap textarea{font-family:var(--font);font-size:12px;line-height:1.6;resize:vertical;min-height:58px;max-height:140px;width:100%;padding:0;border:0;outline:none;background:transparent;color:#485b40}.chat-input-wrap textarea::placeholder{color:#9fa793}.chat-input-wrap textarea:disabled{opacity:.7;cursor:not-allowed}.chat-compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}.chat-counter{font-size:9px;color:#989f8f;font-variant-numeric:tabular-nums}.chat-counter.over-limit{color:#a14938}.chat-send{min-height:34px;width:auto;padding:7px 13px;border-radius:7px;font-size:10px;gap:7px}.chat-send svg{height:13px;width:13px}.chat-error{font-size:10px;line-height:1.65;color:#a15940;margin:7px 0 0;overflow-wrap:anywhere}.chat-error:empty{display:none}.chat-key-hint{font-size:8px;line-height:1.65;color:#98a08b;margin-top:9px}.chat-latest{display:block;margin:0 auto 10px;border:1px solid #d6dfcc;border-radius:30px;background:#eaf0e2;color:#647758;padding:6px 12px;font-size:10px;max-width:95%}.chat-in-game{display:none}.chess-chat-mount{min-width:0;grid-column:1/-1}.chess-chat-mount .chat-log{height:260px}.chess-chat-mount .room-chat{box-shadow:none}
@media(min-width:1400px){.app-layout{max-width:1840px;grid-template-columns:210px minmax(0,1fr) 304px;gap:24px;padding:30px 32px}.site-header,.site-footer{max-width:1840px;padding-left:32px;padding-right:32px}.main-chat-mount{grid-column:auto;position:sticky;top:20px}.main-chat-mount .chat-log{height:440px}.welcome-copy h1{font-size:51px}.world-stage{min-width:760px}.room-toolbar{padding:23px 21px}.sidebar{gap:18px}}
@media(min-width:1200px){.chess-dialog{width:1270px}.chess-layout{grid-template-columns:minmax(0,1fr) 225px 290px;gap:22px}.chess-chat-mount{grid-column:auto}.chess-chat-mount .chat-header{padding:17px 14px}.chess-chat-mount .chat-log{height:360px}.chess-chat-mount .chat-title-line h2{font-size:14px}}
@media(max-width:1100px){.main-chat-mount{grid-column:1/-1}.chat-log{height:330px}}
@media(max-width:700px){.main-chat-mount{grid-column:1/-1}.room-chat{border-radius:13px}.chat-header{padding:17px 15px}.chat-log{height:310px;padding-left:14px;padding-right:14px}.chat-message-body p{font-size:13px}.chat-message-meta strong{font-size:12px}.chat-message-meta time{font-size:9px}.chat-avatar{width:31px;height:31px;font-size:12px}.chat-input-wrap textarea{font-size:16px;min-height:62px}.chat-send{min-height:40px;font-size:12px}.chat-label{font-size:11px}.chat-key-hint{font-size:9px}.chat-form{padding:13px 14px}.chat-status{font-size:10px}.chat-channel-note{font-size:11px}.chess-chat-mount .chat-log{height:290px}}

/* One-to-one private messages. */
.private-header-button{position:relative;border:1px solid #dce3d5;background:#f7f9f3;color:#62705e;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:600}.private-header-button:hover:not(:disabled),.private-header-button.has-unread{background:#edf3e6;color:#4f664b}.private-header-button:disabled{opacity:.45;cursor:not-allowed}.private-header-badge{position:absolute;right:-7px;top:-8px;background:#b66d50;color:#fff;min-width:18px;height:18px;padding:2px 5px;border-radius:999px;font-size:9px;line-height:14px;text-align:center}
.private-message-button{border:1px solid #dce4d5;background:#f5f8f1;color:#60745b;border-radius:7px;padding:6px 8px;font-size:9px;white-space:nowrap}.private-message-button:hover{background:#eaf1e4}
.private-dialog{width:min(820px,calc(100vw - 30px));padding:0;overflow:hidden}.private-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.private-dialog-head h2{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:normal;color:#3d533c}.private-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:500px}.private-conversations{border-right:1px solid var(--line);padding:10px;overflow:auto;max-height:560px;background:#fafaf5}.private-person{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:10px;border-radius:9px;text-align:left;color:#596655}.private-person:hover,.private-person.active{background:#edf2e8}.private-person-dot{width:11px;height:11px;border-radius:50%;background:#9baa91;flex:0 0 auto}.private-person-copy{min-width:0;flex:1}.private-person-copy strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.private-person-copy small{display:block;font-size:9px;color:#949c8e;margin-top:3px}.private-unread{background:#b66d50;color:white;border-radius:99px;padding:2px 6px;font-size:9px}.private-empty{font-size:10px;color:#949c8e;line-height:1.6;padding:15px}.private-thread-pane{display:flex;flex-direction:column;min-width:0}.private-thread-title{padding:14px 18px;border-bottom:1px solid var(--line)}.private-thread-title h3{font-size:14px}.private-thread-title p{font-size:9px;color:#929989;margin-top:4px}.private-thread{height:350px;overflow:auto;padding:16px;background:#fffefa}.private-thread-empty{height:100%;display:grid;place-content:center;text-align:center;color:#929a8c}.private-thread-empty strong{font-size:13px;color:#6d7867}.private-thread-empty span{font-size:10px;margin-top:4px}.private-message{max-width:82%;margin:0 0 12px;padding:9px 11px;background:#eef2e8;border-radius:10px 10px 10px 3px}.private-message.mine{margin-left:auto;background:#f3e8df;border-radius:10px 10px 3px 10px}.private-message-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#8d9588}.private-message-meta strong{font-weight:600;color:#667261}.private-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.55;margin-top:4px}.private-form{border-top:1px solid var(--line);padding:13px 15px;background:#fbfbf6}.private-form textarea{width:100%;resize:vertical;min-height:58px;max-height:130px;border:1px solid #dde1d4;border-radius:8px;background:#fffefa;padding:9px;font:inherit;font-size:12px;outline:none}.private-form textarea:focus{border-color:#8fa181;box-shadow:0 0 0 3px #8fa18118}.private-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.private-form-bottom span{font-size:9px;color:#949b8f}.private-form-bottom .primary-button{width:auto;min-height:34px;padding:7px 14px;font-size:10px}.private-error{font-size:10px;color:#a15940;min-height:14px;margin-top:6px}
@media(max-width:700px){.private-header-button{padding:7px 8px;font-size:10px}.private-layout{grid-template-columns:1fr;min-height:0}.private-conversations{display:flex;gap:6px;border-right:0;border-bottom:1px solid var(--line);max-height:none;overflow-x:auto}.private-person{min-width:145px}.private-thread{height:310px}.private-dialog{max-height:calc(100dvh - 20px)}.private-form textarea{font-size:16px}}

/* v19.0 responsive chat/private messaging */
@media(max-width:600px){
  .main-chat-mount,.room-chat{width:100%;min-width:0}
  .chat-header{align-items:flex-start;flex-wrap:wrap}
  .chat-header-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}
  .chat-log{height:min(42dvh,340px)}
  .chat-compose-bottom{flex-wrap:wrap}
  .private-dialog{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
  .private-layout{grid-template-columns:1fr!important;min-height:0!important;max-height:calc(100dvh - 90px)}
  .private-conversations{max-height:150px!important;border-right:0!important;border-bottom:1px solid var(--line)}
  .private-thread{height:min(36dvh,300px)!important}
  .private-dialog-head{padding:14px}
  .private-dialog-head h2{font-size:22px}
  .private-message{max-width:92%}
}

/* v28.0 iPhone/mobile: public chat history follows whole-page vertical scroll. */
@media(max-width:700px){
  .main-chat-mount .chat-log{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overscroll-behavior:auto!important;
    touch-action:pan-y!important;
  }
}