/* Compact frosted header, matching the floating navigation dock. */
#chatPanel .chat-head{
 position:relative;z-index:5;flex-shrink:0;gap:10px;
 min-height:76px;padding:12px 16px;
 background:rgba(249,252,255,.68);
 border:0;border-bottom:1px solid rgba(255,255,255,.8);
 box-shadow:0 5px 22px #16355e0d,inset 0 1px 0 #ffffffcc;
 backdrop-filter:blur(20px) saturate(150%);
 -webkit-backdrop-filter:blur(20px) saturate(150%);
}
#chatPanel .chat-person{gap:10px;min-width:0}
#chatPanel .chat-person>div{min-width:0}
#chatPanel .chat-person strong{display:block;font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#18233b}
#chatPanel .chat-person small{font-size:12px;line-height:1.25;margin-top:3px;color:#697b92}
#chatPanel .chat-person #chatAvatar{width:42px;height:42px;border:2px solid #fff;outline:1px solid #dce6f1;box-shadow:0 2px 8px #16355e0b}
#chatPanel .chat-head :is(.chat-back,.close-chat,#chatGames){
 align-items:center;justify-content:center;flex:0 0 auto;
 width:44px;height:44px;min-width:44px;min-height:44px;
 padding:0!important;border:1px solid #ffffffc9;border-radius:50%;
 background:rgba(255,255,255,.72);color:#294768;
 box-shadow:0 2px 10px #16355e09,inset 0 1px 0 #fff;
}
#chatPanel .chat-head .close-chat{display:flex}
#chatPanel .chat-head #chatGames{display:inline-flex;font-size:14px!important}
#chatPanel .chat-head button svg{width:22px;height:22px;stroke-linecap:round;stroke-linejoin:round}
#chatPanel .chat-head button:hover,#chatPanel .chat-head #chatGames[aria-expanded=true]{background:#eaf3ff;color:#176bff}
#chatPanel .chat-head button:focus-visible{outline:2px solid #176bff;outline-offset:2px}
@media(max-width:700px){
 #chatPanel .chat-head{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top,0px));min-height:68px;gap:8px}
 #chatPanel .chat-head .chat-back{display:flex}
 #chatPanel.keyboard-open .chat-head{padding:7px 12px;min-height:58px}
 #chatPanel.keyboard-open .chat-person #chatAvatar{width:36px;height:36px}
}
@media(max-width:380px){
 #chatPanel .chat-head{gap:6px;padding-inline:8px}
 #chatPanel .chat-person{gap:7px}
 #chatPanel .chat-person strong{font-size:15px}
 #chatPanel .chat-person #chatAvatar{width:34px;height:34px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 #chatPanel .chat-head{background:#f4f8fd}
}