/* Nút bán hàng: một hành động chính gọn, một hành động phụ tách rõ.
   File ở cuối danh sách CSS để override style quầy cũ, không đụng logic bán. */
#game #serve{
  box-sizing:border-box;
  width:176px;
  min-width:0;
  height:54px;
  min-height:54px;
  padding:7px 12px 9px;
  gap:9px;
  border-radius:13px;
  white-space:nowrap;
  font-size:23px;
  letter-spacing:.025em;
}
#game #serve b{font-weight:600;line-height:1.15}
#game #serve .serve-send-icon{
  display:block;
  width:23px;
  height:23px;
  flex:none;
  color:#fff1ce;
  filter:drop-shadow(0 1px 1px #53290677);
}
#game #discard{
  box-sizing:border-box;
  min-height:44px;
  height:44px;
  font-size:18px;
  padding:6px 13px;
  border-radius:10px;
  white-space:nowrap;
}
#game #discard span{font-size:20px;line-height:1.15}

/* Cùng kích thước cảm ứng rõ ràng ở viewport ngang rất thấp. Game vốn
   scale nguyên sân khấu; cần target lớn hơn theo đơn vị sân khấu. */
@media(max-height:520px) and (orientation:landscape){
  #game.expanded #serve{width:192px;height:108px;min-height:108px;font-size:27px}
  #game.expanded #discard{height:102px;min-height:102px;font-size:23px}
  #game.expanded #serve .serve-send-icon{width:26px;height:26px}
}
/* Mobile portrait tự xoay sân khấu 90°: không ghim 2 nút cùng top=790px. */
@media(orientation:portrait) and (max-width:1100px){
  #game.expanded #serve{width:192px;height:108px;min-height:108px!important}
  #game.expanded #discard{height:102px;min-height:102px!important}
}