/* A reserved side column on computers; the floating mobile UI stays intact. */
@media(min-width:1024px) and (any-pointer:fine) and (any-hover:hover){
 body:not([data-practice-docked=true]):not([data-clean-view=true]) .arena.room-chat-docked{
  --desktop-chat-width:clamp(210px,19vw,260px);
  grid-template-columns:var(--desktop-chat-width) minmax(0,1fr) 64px;
  grid-template-rows:minmax(0,1fr) 64px;
 }
 body:not([data-practice-docked=true]):not([data-clean-view=true]) .arena.room-chat-collapsed{--desktop-chat-width:44px}
 .room-chat-docked>#roomChatDock{grid-column:1;grid-row:1/-1;min-width:0;min-height:0;position:relative;padding:6px;background:#000;border-right:1px solid #ffffff12}
 .room-chat-docked>#tableView{grid-column:2;grid-row:1}
 body .arena.room-chat-docked>.shot-controls{grid-column:3;grid-row:1}
 .room-chat-docked>.secondary-controls{grid-column:2/-1;grid-row:2}
 .room-chat-dock-toggle{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:5px 8px;border:1px solid #c1c6b526;border-radius:7px;background:#34443e;color:#eddfbc;font-size:12px;font-weight:700}
 .room-chat-dock-toggle svg{width:16px;height:16px}
 .room-chat-dock-label{flex:1;text-align:left}
 .room-chat-dock-toggle .room-chat-unread{margin:0}
 .room-chat-collapsed .room-chat-dock-toggle{justify-content:center;padding:5px 0}
 .room-chat-collapsed .room-chat-dock-label{display:none}
 .room-chat-collapsed .room-chat-dock-toggle svg{transform:rotate(180deg)}
 .room-chat-collapsed #roomChatDockUnread{position:absolute;left:12px;top:48px}
 .room-social.room-social-docked{
  position:fixed;left:calc(max(6px,env(safe-area-inset-left)) + 6px);
  top:calc(max(4px,env(safe-area-inset-top)) + 90px);bottom:max(4px,env(safe-area-inset-bottom));right:auto;
  width:calc(var(--desktop-chat-width) - 12px);height:auto;max-width:none;
  align-items:stretch;gap:7px;overflow:hidden;
 }
 .room-social-docked.room-social-collapsed{visibility:hidden;pointer-events:none}
 .room-social-docked .room-social-buttons{order:0;flex:none}
 .room-social-docked .room-social-buttons #roomChatButton{display:none}
 .room-social-docked .room-social-buttons #roomCallButton{width:100%;min-height:31px;font-size:12px;border-radius:7px;background:#34443e;backdrop-filter:none}
 .room-social-docked .room-call-invite{order:1;flex:none;width:100%;padding:9px;backdrop-filter:none}
 .room-social-docked #roomCallPanel{order:2;position:relative;inset:auto;width:100%;height:calc(var(--desktop-chat-width)*.75 + 30px);max-height:36%;flex:0 0 auto;transform:none!important;box-shadow:none;border-radius:8px}
 .room-social-docked #roomCallResize{display:none}
 .room-social-docked #roomCallClose{min-height:24px;padding:3px 6px;font-size:12px}
 .room-social-docked #roomCallDragHandle,.room-social-docked #roomChatDragHandle{cursor:default;touch-action:auto}
 .room-social-docked #roomCallDragHandle:active,.room-social-docked #roomChatDragHandle:active{cursor:default}
 .room-social-docked .room-video-controls{padding:5px;gap:4px}
 .room-social-docked #roomChatPanel{order:3;position:static;width:100%;max-height:none;min-height:0;flex:1 1 0;transform:none!important;border:1px solid #c1c6b526;border-radius:8px;background:#343e38;box-shadow:none;backdrop-filter:none}
 .room-social-docked #roomChatDragHandle{min-height:34px;padding:7px 9px;background:#3e4840}
 .room-social-docked #roomChatDragHandle small,.room-social-docked #roomChatClose{display:none}
 .room-social-docked #roomChatMessages{height:auto;min-height:0;flex:1 1 0;padding:9px;gap:7px;scrollbar-width:thin}
 .room-social-docked .room-chat-message{padding:7px 8px;background:#46524a}
 .room-social-docked .room-chat-message.mine{background:#4d6249}
 .room-social-docked #roomChatForm{flex:none;flex-wrap:wrap;padding:8px;gap:6px;border-color:#ffffff1a}
 .room-social-docked #roomChatInput{width:100%;flex-basis:100%;font-size:14px;padding:8px;background:#25312c}
 .room-social-docked #roomChatForm>button{margin-left:auto;min-height:32px;padding:5px 13px;font-size:12px}
 body[data-clean-view=true] #roomChatDock{display:none!important}
 body[data-clean-view=true] .arena.room-chat-docked>#tableView{grid-column:1}
}