/* table screen on a narrow device (a phone or tablet used as the table) */
@media (max-width:900px){
  body.tv{font-size:15px}
  .arena{grid-template-columns:1fr 1fr;grid-template-areas:"top sright" "mid mid" "sleft bottom";gap:10px}
  body.tv .tseat{width:100%;min-height:0;padding:16px 10px 10px;gap:8px}
  body.tv .tseat .nm{font-size:18px}
  body.tv .felt.square{width:100%;padding:36px 18px}
  body.tv .felt.square .tableBadge h2{font-size:22px}
  body.tv .felt.square .tableBadge .sym{width:56px}
  body.tv .felt.square .status{font-size:15px}
  body.tv .arena .reveal{grid-template-columns:1fr;min-height:0}
  .codeArena{grid-template-columns:1fr 1fr;gap:10px}
  .codeArena .cmid{grid-column:1/-1;order:3}
  body.tv .tile{min-height:64px;font-size:16px;border-radius:10px}
  body.tv .board{gap:8px}
  body.tv .clueBar{font-size:15px;padding:10px}
  body.tv .clueBar b{font-size:20px}
  body.tv .clueBar span{font-size:13px}
  body.tv .teamBox{padding:16px 12px 10px;gap:6px}
  body.tv .tb-head b{font-size:16px}
  body.tv .tb-names{font-size:14px}
  body.tv .pips i{width:10px;height:10px}
  body.tv .code{font-size:48px;letter-spacing:8px}
  body.tv .bigMsg{font-size:30px}
  body.tv .moon{width:70px}
  body.tv .nightBox p,body.tv .mafiaTv .felt p{font-size:15px}
  body.tv .mseats{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}
  body.tv .mseat b{font-size:16px}
  body.tv .mseat small,body.tv .mseat .small{font-size:12px}
  body.tv .mafiaTv .felt,body.tv .mafiaTv .nightBox{min-height:0}
}