/* Tablet styles for all pages */
@media (min-width: 600px) and (max-width: 1023px) {
  /* Table sizing overrides (Tablet) */
  :root {
    --tbl-font-size: 12px;
    --tbl-cell-pad-y: 10px;
    --tbl-cell-pad-x: 5px;
    --thead-height: 38px;
    /* Percent-based widths for tablet; player stays auto */
    --col-rank-pct: 6%;
    --col-photo-pct: 7%;
    --col-flight-pct: 9%;
    --col-total-pct: 9%;
    --col-pigeon-pct: 7%;
    --col-day-pct: 10%;
    --col-player-min-w: 0px;
  }
  /* Roman Urdu: Daily winners (First/Last) ko tablet par 1 line me side-by-side rakhein */
  .winners-bar { grid-template-columns: repeat(2, 1fr); gap: 10px; align-items: stretch; }
  .winner-title { padding: 7px 10px; font-size: 16px; }
  .winner-body { gap: 10px; padding: 10px 12px; }
  .winner-avatar-wrap { width: 30px; height: 30px; }
  .winner-avatar { width: 30px; height: 30px; }
  .winner-player { font-size: 16px; }
  .winner-time { font-size: 14px; }
  /* Roman Urdu: Tablet par Top-3 podium desktop ki tarah ek hi line me, beech me centered. */
  .podium-bar {
    grid-template-columns: repeat(3, 200px);
    gap: 16px 1px;
    margin: 30px auto 16px;
    justify-content: center;
    justify-items: center;
    width: max-content;
  }

  /* Roman Urdu: Cards grid column ke size ke mutabiq full width lein */
  .podium-card { width: 100%; }

  /* Grid layout */
  .grid { grid-template-columns: repeat(2, 1fr); }
  .thead, .tr { grid-template-columns: 50px 1fr 100px; }
  
  /* Tournament tables (inherit sizes from variables) */
  .tournament-table th,
  .tournament-table td {
    padding: var(--tbl-cell-pad-y) var(--tbl-cell-pad-x);
    font-size: var(--tbl-font-size);
  }

  /* DM winner (below top-3) - tablet sizing */
  .dm-card { width: 90%; margin: 10px auto 0; }
  .dm-card .winner-title { font-size: 15px; padding: 8px 10px; }
  .dm-card .winner-body { gap: 10px; padding: 10px 12px; }
  .dm-card .winner-avatar-wrap { width: 28px; height: 28px; }
  .dm-card .winner-avatar { width: 28px; height: 28px; }
  .dm-card .winner-player { font-size: 15px; }
  .dm-card .winner-time { font-size: 13px; }
  
  .player-avatar {
    width: 28px;
    height: 28px;
  }
  
  .photo-col {
    width: 50px;
  }
  
  .rank-col {
    width: 50px;
  }
  
  .total-col {
    width: 80px;
  }
}