/* HOME CHAT (Brian 10-25): pool chat in the right window. See home-chat.js. */
#hwChat{position:absolute;left:73.44%;top:32.41%;width:24.64%;height:47.3%;display:none;flex-direction:column;
  pointer-events:auto;background:linear-gradient(180deg,#112940 0,#0a1c30 9%,#03101c 16%,#03101c 100%);
  border-radius:.4cqw;overflow:hidden;font-family:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif}
#hwRoot.hw-chat-on #hwChat{display:flex}
#hwRoot.hw-chat-on :is(#hwRightTitle,#hwRows,#hwRightPulse){visibility:hidden}
#hwChat .hwc-head{display:flex;align-items:center;justify-content:space-between;gap:.5cqw;padding:.55cqw .8cqw;
  border-bottom:.12cqw solid rgba(243,215,122,.45)}
#hwChat .hwc-title{font-family:Freshman,Impact,sans-serif;font-style:italic;font-size:1.6cqw;letter-spacing:.04em;text-shadow:0 .12cqw .25cqw #000}
#hwChat .hwc-switch,#hwChatChip{font:800 .78cqw/1 'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.08em;cursor:pointer;
  color:#f3d77a;background:rgba(243,215,122,.08);border:.08cqw solid rgba(243,215,122,.55);border-radius:99px;padding:.35cqw .7cqw}
#hwChat .hwc-switch:hover,#hwChatChip:hover{background:rgba(243,215,122,.2)}
#hwChat .hwc-list{flex:1;overflow-y:auto;padding:.5cqw .7cqw;display:flex;flex-direction:column;gap:.45cqw;scrollbar-width:thin}
#hwChat .hwc-msg{background:rgba(255,255,255,.05);border-left:.22cqw solid rgba(255,255,255,.25);border-radius:.25cqw;padding:.35cqw .55cqw}
#hwChat .hwc-msg.is-me{border-left-color:#f3d77a;background:rgba(243,215,122,.09)}
#hwChat .hwc-top{display:flex;justify-content:space-between;gap:.4cqw;align-items:baseline}
#hwChat .hwc-top b{font-size:.82cqw;color:#f3d77a;letter-spacing:.04em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hwChat .hwc-top i{font-style:normal;font-size:.68cqw;color:#8fa3b3;white-space:nowrap}
#hwChat .hwc-text{font:600 .98cqw/1.25 Barlow,'Barlow Semi Condensed',Arial,sans-serif;color:#eef3f6;word-wrap:break-word;overflow-wrap:anywhere}
#hwChat .hwc-empty{margin:auto;text-align:center;color:#a9b8c4;font-size:1cqw;padding:1cqw}
#hwChat .hwc-status{font-size:.75cqw;color:#ff8a80;padding:0 .8cqw .2cqw}
#hwChat .hwc-form{display:flex;gap:.4cqw;padding:.5cqw .6cqw .6cqw;border-top:.08cqw solid rgba(255,255,255,.1)}
#hwChat .hwc-form input{flex:1;min-width:0;font:600 .95cqw Barlow,Arial,sans-serif;color:#fff;background:#0b1622;
  border:.08cqw solid #5d7284;border-radius:.3cqw;padding:.45cqw .6cqw;outline:none}
#hwChat .hwc-form input:focus{border-color:#f3d77a}
#hwChat .hwc-send{font:800 .85cqw 'Barlow Semi Condensed',Arial,sans-serif;letter-spacing:.08em;color:#1a1204;cursor:pointer;
  background:linear-gradient(#f8e39a,#d6a93c);border:0;border-radius:.3cqw;padding:0 .9cqw}
#hwChat .hwc-send:disabled{opacity:.5}
#hwChatChip{position:absolute;left:85.76%;top:38.9%;transform:translateX(-50%);pointer-events:auto;z-index:2;background:#0a1c30}
#hwChatChip.has-new{color:#1a1204;background:linear-gradient(#f8e39a,#d6a93c);animation:hwcPulse 1.6s ease-in-out infinite}
#hwRoot.hw-chat-on #hwChatChip{display:none}
@keyframes hwcPulse{50%{box-shadow:0 0 .8cqw rgba(243,215,122,.8)}}
@media (prefers-reduced-motion:reduce){#hwChatChip.has-new{animation:none}}
@media(max-width:850px){
  #hwChat{position:relative;left:auto;top:auto;width:auto;height:420px;order:3;border:1px solid #8599a8;border-radius:8px;margin-bottom:12px}
  #hwRoot.hw-chat-on :is(#hwRightTitle,#hwRows,#hwRightPulse){display:none}
  #hwChat .hwc-title{font-size:20px}
  #hwChat .hwc-switch,#hwChatChip{font-size:12px;padding:6px 12px}
  #hwChat .hwc-head{padding:8px 12px}
  #hwChat .hwc-list{padding:8px 10px;gap:6px}
  #hwChat .hwc-msg{padding:6px 8px;border-left-width:3px}
  #hwChat .hwc-top b{font-size:12px}#hwChat .hwc-top i{font-size:11px}
  #hwChat .hwc-text{font-size:15px}
  #hwChat .hwc-empty{font-size:14px}
  #hwChat .hwc-status{font-size:12px}
  #hwChat .hwc-form{padding:8px}
  #hwChat .hwc-form input{font-size:16px;padding:9px 10px}
  #hwChat .hwc-send{font-size:13px;padding:0 14px}
  #hwChatChip{position:relative;left:auto;transform:none;right:auto;top:auto;order:2;align-self:flex-end;margin:0 0 6px}
}