/* Mobile styles for all pages */
@media (max-width: 599px) {
  /* Roman Urdu: Mobile par design web jaisa hi dekhega, bas sizes chhotay honge. */
  /* Roman Urdu: Neeche her major section ka compact version diya gaya hai. */

  /* Table sizing overrides (Mobile) */
  :root {
    /* Keep your compact text/padding */
    --tbl-font-size: 4px;
    --tbl-cell-pad-y: 4px;
    --tbl-cell-pad-x: 2px;
    --thead-height: 20px;
    /* Percent-based widths (player name stays auto) */
    --col-rank-pct: 2%;
    --col-photo-pct: 5%;
    --col-flight-pct: 6%;
    --col-total-pct: 8%;
    --col-pigeon-pct: 8%;
    --col-day-pct: 8%;
    --col-player-min-w: 0px; /* player auto */
  }

  /* Layout/containers */
  .container {
    padding: 0 12px;
  }

  .site-header {
    padding: 8px 0;
  }

  .site-header .brand {
    font-size: 18px;
  }

  .title {
    font-size: 22px;
  }

  .muted {
    font-size: 12px;
  }

  /* Tabs (Days/Total) */
  .tabs {
    gap: 6px;
  }

  .tab {
    font-size: 12px;
    padding: 6px 10px;
  }

  /* Winners Bar (Daily) */
  /* Roman Urdu: First/Last winner cards ko ek hi line me side-by-side rakhein (2 columns). */
  .winners-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    align-items: stretch;
  }

  .winner-title {
    padding: 6px 8px;
    font-size: 10px;
  }

  .winner-body {
    gap: 8px;
    padding: 8px 10px;
  }

  .winner-avatar-wrap {
    width: 26px;
    height: 26px;
  }

  .winner-avatar {
    width: 26px;
    height: 26px;
  }

  .winner-player {
    font-size: 8px;
  }

  .winner-time {
    font-size: 10px;
  }

  /* Podium (Totals) */
  /* Roman Urdu: Top-3 ko ek hi line me rakhein (wrap na ho), scroll band. 3 barabar columns. */
  .podium-bar {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    overflow-x: visible;
    width: 100%;
    justify-content: center;
    justify-items: center;
  }

  .podium-card {
    width: 100%;
    gap: 6px;
  }

  .podium-art {
    width: 100%;
    height: 90px;
  }

  .podium-banner {
    top: -20px;
    width: 60px;
    height: 38px;
  }

  .podium-avatar-wrap {
    bottom: 10px;
    left: 50%;
    transform: translateX(-14px);
    width: 28px;
    height: 28px;
  }

  .podium-avatar {
    width: 28px;
    height: 28px;
    border-width: 2px;
  }

  .podium-info {
    width: 95%;
    padding: 8px 10px;
  }

  .podium-name {
    font-size: 12px;
  }

  .podium-time {
    font-size: 11px;
  }

  .dm-card {
    width: 100%;
  }

  /* DM winner (below top-3) - compact mobile sizing */
  .dm-card {
    margin-top: 8px;
  }

  .dm-card .winner-title {
    font-size: 10px;
    padding: 6px 8px;
  }

  .dm-card .winner-body {
    gap: 8px;
    padding: 8px 10px;
  }

  .dm-card .winner-avatar-wrap {
    width: 24px;
    height: 24px;
  }

  .dm-card .winner-avatar {
    width: 24px;
    height: 24px;
  }

  .dm-card .winner-player {
    font-size: 8px;
  }

  .dm-card .winner-time {
    font-size: 10px;
    font-weight: 400;
  }

  /* Grid helpers */
  .grid {
    grid-template-columns: 1fr;
  }

  /* Tables */
  /* Roman Urdu: Cells chhotay, columns narrow. Horizontal scroll allow. */
  .table-responsive {
    overflow-x: auto;
  }

  .tournament-table th,
  .tournament-table td {
    padding: var(--tbl-cell-pad-y) var(--tbl-cell-pad-x);
    font-size: var(--tbl-font-size);
  }

  .flight-time-col { width: var(--col-flight-pct); }
  .day-col { width: var(--col-day-pct); }
  .total-col { width: var(--col-total-pct); }
  .photo-col { width: var(--col-photo-pct); }
  .rank-col { width: var(--col-rank-pct); }

  /* Cells */
  .player-cell,
  .urdu {
    font-size: 12px;
  }

  .player-avatar {
    width: 15px;
    height: 15px;
  }

  /* Footer */
  .site-footer {
    padding: 16px 0;
    font-size: 12px;
  }
}