/* Compact cards on phones; desktop proportions are unchanged. */
@media (max-width: 620px) {
  .room-page .stage-card { width:100%;padding:12px;margin-bottom:4px; }
  .room-page .stage-card h3 { font-size:18px;line-height:1.4;margin:6px 0; }
  .room-page .stage-card small { font-size:10px; }
  .room-page .stage-card p { font-size:12px;line-height:1.5; }
  .room-page .profile-facts { grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;margin:10px 0; }
  .room-page .profile-facts div { padding:6px 0;min-width:0; }
  .room-page .profile-facts div:nth-last-child(-n+2) { grid-column:span 3;display:grid;grid-template-columns:42px 1fr;align-items:baseline;gap:8px; }
  .room-page .profile-facts dt { font-size:11px; }
  .room-page .profile-facts dd { font-size:12px;line-height:1.45;margin:3px 0 0;overflow-wrap:anywhere; }
  .room-page .profile-facts div:nth-last-child(-n+2) dd { margin:0; }
  .room-page .silhouette-preview { width:78px;height:88px;margin:10px auto; }
  .room-page .silhouette-preview span { width:36px;height:40px;left:21px;top:10px; }
  .room-page .silhouette-preview span:after { width:74px;height:60px;left:-19px;top:34px; }
  .room-page .stage-card details { margin-top:8px; }
  .room-page .stage-card summary { min-height:36px;display:flex;align-items:center; }
  .room-page .balance-options { gap:8px;margin:10px 0; }
  .room-page .balance-options button { min-height:44px;padding:9px 7px;font-size:12px;line-height:1.5; }
  .room-page .game-nav { margin-top:6px; }
  .room-page .game-nav button { min-height:40px;padding:8px; }
  .room-page .vote-screen { padding:20px 14px; }
  .room-page .vote-screen h2 { font-size:26px;line-height:1.4; }
  .room-page .vote-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0; }
  .room-page .vote-card { padding:12px 9px; }
  .room-page .vote-card b { font-size:14px;gap:6px;margin:6px 0; }
  .room-page .vote-card .drawn-avatar { width:32px;height:32px; }
  .room-page .vote-card p { line-height:1.5; }
}