/* Profile friend actions match the light invitation controls. */
html[data-theme="light"] #profile-modal-body [data-profile-friend-action] {
 background:#f5f5ed!important;
 background-image:none!important;
 color:#344f3c!important;
 border-color:#cfd7c5!important;
 box-shadow:none!important;
}
html[data-theme="light"] #profile-modal-body [data-profile-friend-action]:hover:not(:disabled) {
 background:#e9eee2!important;
 color:#344f3c!important;
 border-color:#b9cbbb!important;
}
/* Friend invitations use the site's green palette in both themes. */
#friend-game-modal .modal-btn.primary {
 background:#173c35!important;
 background-image:none!important;
 color:#fff!important;
 border-color:#173c35!important;
 box-shadow:none!important;
}
#friend-game-modal .modal-btn.primary:hover { background:#286052!important; }
#friend-game-modal .friend-game-modal-panel { min-width:0; box-sizing:border-box; overflow-x:hidden; }
#friend-game-modal .friend-game-link-row { min-width:0; }
#friend-game-modal .friend-game-link-row input { width:0; }
@media(max-width:620px) {
 #friend-game-modal .friend-game-link-row input { width:100%; box-sizing:border-box; }
 body.view-game-view .room-board-area {
  display:flex!important;
  flex-direction:column!important;
  align-items:center;
  height:auto!important;
  min-height:0!important;
  padding:8px 4px 10px!important;
  gap:10px;
  overflow:visible!important;
 }
 body.view-game-view .room-board-area .board-toolbar {
  position:static!important; transform:none!important; margin:0 auto;
 }
 body.view-game-view #go-board { max-width:100%!important; height:auto; }
}