@media (max-width:720px){
  .wrap{padding:7px 7px 68px}
  header{gap:5px}h1{font-size:27px}.back{font-size:13px}
  .panel{margin-top:7px;padding:9px;border-width:2px;border-radius:12px}
  .status{gap:4px;padding:6px;border-radius:9px;font-size:11px}.tag{padding:3px 6px}
  .message{font-size:15px;padding:7px 4px}
  .cards{gap:7px}.car{border-width:2px;border-radius:11px}.car img{height:175px;object-fit:contain;background:#f8f1df}.car h3{font-size:16px;margin:7px 9px}
  .stats{gap:4px;padding:0 7px 8px}.stat{padding:6px 5px;border-width:1px;font-size:11px}.stat span{font-size:10px}.stat strong{font-size:14px}
  .fact{margin:6px 7px 8px;padding:7px;font-size:12px}.fact summary{cursor:pointer;font-weight:850;color:#684426}.fact p{margin:6px 0 0}
  #game[data-phase="choose"] .cards{grid-template-columns:1fr}
  #game[data-phase="choose"] .covered{display:none}
  #game[data-phase="reveal"] .cards,#game[data-phase="finished"] .cards{grid-template-columns:1fr 1fr}
  #game[data-phase="reveal"] .car img,#game[data-phase="finished"] .car img{height:130px}
  #game[data-phase="reveal"] .stat:not(.chosen),#game[data-phase="finished"] .stat:not(.chosen){display:none}
  #game[data-phase="reveal"] .car h3,#game[data-phase="finished"] .car h3{font-size:12px;min-height:29px}
  .actions{margin-top:7px}.actions button,.actions .btn{padding:9px 12px;font-size:14px}
  .handover{padding:18px}.handover h2{font-size:25px}.covered{min-height:100px}.wait{padding:16px}.code{margin:4px 0}
}