/* ============================================================
   PC = giao diện điện thoại.
   Mọi trang riêng lẻ (Bingo, Nông trại, Blog, Vòng quay, Hộp thư, ...) trên màn hình
   rộng được thu về đúng khung 520px căn giữa, có viền + bóng như #app ở trang chủ,
   để trải nghiệm trên máy tính giống hệt trên điện thoại.
   Trang chủ (body.room-page-body) đã có khung #app 520px nên không đụng tới.
   ============================================================ */
@media (min-width:560px){
  html{ background:var(--bg, #0f0a1f); }
  body:not(.room-page-body){
    width:100% !important; max-width:520px !important; margin-left:auto !important; margin-right:auto !important;
    min-height:100vh; position:relative; overflow-x:hidden;
  }
  /* Các khung nội dung từng trang (…-wrap) không được rộng hơn khung điện thoại */
  body:not(.room-page-body) [class$="-wrap"]{ max-width:100% !important; }
}
@media (min-width:640px) and (hover:hover) and (pointer:fine){
  body:not(.room-page-body){
    border-left:1px solid #2b1f4514; border-right:1px solid #2b1f4514;
    box-shadow:0 0 60px -20px #000000a0;
  }
}
/* Bảng/lưới nhiều cột trong trang riêng: giữ số cột như điện thoại */
@media (min-width:560px){
  body:not(.room-page-body) .tw-grid, body:not(.room-page-body) .sh-grid{ grid-template-columns:repeat(2,1fr) !important; }
  body:not(.room-page-body) .cd-grid{ grid-template-columns:repeat(3,1fr) !important; }
}