/* A complete wood-and-metal frame, without the cropped chain decoration. */
.desktop-client #chat-box .chat-header::before { display: none; }
.desktop-client #chat-box .chat-header {
  background: linear-gradient(#16120a35, #08070470), url('/assets/ui/native-detail-wood.png') center;
  border: 3px solid transparent;
  border-image: url('/assets/ui/native-detail-frame.png') 7 / 3px / 0 stretch;
  box-sizing: border-box;
  box-shadow: inset 0 1px #cfb47755, inset 0 -1px #000b;
  color: #f5dfaf;
}
.desktop-client.touch-client #chat-box .chat-header {
  padding: 0 10px 0 15px;
  background: linear-gradient(#16120a35, #08070470), url('/assets/ui/native-detail-wood.png') center;
}
.desktop-client.touch-client #chat-box .chat-header::before { display: none; }
.desktop-client:not(.touch-client) #chat-box.chat-box {
  background: linear-gradient(#17130a70, #080b0870), url('/assets/ui/native-detail-wood.png') center;
  box-shadow: inset 0 0 0 2px #352a1d, inset 0 0 0 3px #b4976455;
}
.desktop-client:not(.touch-client) #chat-box .chat-header {
  padding: 0 12px 0 15px;
  background: linear-gradient(#16120a35, #08070470), url('/assets/ui/native-detail-wood.png') center;
}
.desktop-client:not(.touch-client) #chat-box::before {
  width: 58px;
  top: 50px;
  bottom: 0;
  background: linear-gradient(90deg, #211b1055, #090c0866), url('/assets/ui/native-detail-wood.png') center;
  border-right: 1px solid #9b805655;
}
/* Place the map and rail against the game viewport, rather than inset them
   again for a phone safe area inside the already fitted landscape surface. */
.desktop-client.touch-client {
  --mobile-rail-right: 0px;
}
.desktop-client.touch-client .map-card { left: 2px; }