/* Large-screen readability pass: fewer micro labels, larger controls, no unused canvas. */
@media (min-width: 901px) {
  .app { grid-template-columns: 218px minmax(0, 1fr); }
  .rail { padding: 22px 16px; }
  .logo { padding-bottom: 22px; }
  .logo img { width: 112px; }
  .rail nav { padding-top: 18px; }
  .rail nav p { font-size: 9px; margin: 18px 8px 7px; }
  .rail nav button { padding: 11px 10px; font-size: 13px; }
  main { padding: 0 34px; grid-template-rows: 66px minmax(0, 1fr); }
  .crumb { font-size: 11px; }
  .online, .open-count { font-size: 11px; }
  .balance { padding: 8px 10px; gap: 8px; }
  .balance small { font-size: 8px; }
  .balance b { font-size: 14px; }
  .account { font-size: 13px; }
  .account img { width: 32px; height: 32px; }
  .workspace { max-width: none; margin: 0; grid-template-rows: 102px minmax(0, 1fr); }
  .page-title h1 { font-size: 30px; }
  .page-title p { font-size: 10px; }
  .page-title span { font-size: 12px; }
  .filter { font-size: 11px; padding: 10px 12px; }
  .create-open { font-size: 11px; padding: 13px 16px; }
  .columns { grid-template-columns: minmax(0, 1fr) 338px; gap: 22px; }
  .list-head { height: 57px; padding: 0 18px; }
  .list-head b { font-size: 14px; }
  .list-head span, .list-head button { font-size: 10px; }
  .labels { height: 33px; padding: 0 18px; font-size: 8px; }
  .labels, .lobby { grid-template-columns: 1.55fr 1fr 100px 78px 120px; gap: 12px; }
  .lobby { height: 84px; padding: 0 18px; }
  .player { gap: 10px; }
  .player img { width: 43px; height: 43px; }
  .player b { font-size: 13px; }
  .player small { font-size: 10px; }
  .player i, .player strong { font-size: 9px; }
  .offer img { width: 38px; height: 38px; }
  .offer span { width: 27px; height: 27px; font-size: 10px; }
  .pot { font-size: 15px; }
  .chance { font-size: 10px; }
  .actions button { font-size: 10px; padding: 9px 10px; }
  footer { height: 40px; padding: 0 18px; font-size: 10px; }
  footer > span { font-size: 9px; }
  .chat { height: 466px; }
  .chat-head { height: 57px; padding: 0 16px; }
  .chat-head b { font-size: 14px; }
  .chat-head span { font-size: 10px; }
  .messages { padding: 6px 15px; }
  .messages article { grid-template-columns: 33px 1fr auto; gap: 9px; padding: 12px 0; }
  .messages img { width: 32px; height: 32px; }
  .messages b { font-size: 11px; }
  .messages p { font-size: 11px; margin-top: 3px; }
  .messages time { font-size: 9px; }
  .chat form { grid-template-columns: 1fr 42px; padding: 12px; }
  .chat input { font-size: 11px; }
  .chat form button { font-size: 18px; }
}