/* Mobile weapon tables only. Approved desktop artwork stays unchanged. */
@media (max-width: 600px) {
  #liveWeapons .weapon-live img,
  #matchDetail .weapon-live img {
    display: none !important;
  }

  #liveWeapons .weapon-live,
  #matchDetail .weapon-live {
    display: block;
    min-width: 0;
    font-size: 12px;
    line-height: 1.45;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  #players-live > .live-scroll:has(#liveWeapons),
  #matchDetail .live-scroll {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  #players-live .live-table:has(> #liveWeapons) {
    min-width: 500px;
    width: 100%;
    table-layout: auto;
    font-size: 12px;
  }

  #matchDetail,
  #matchDetail .match-players,
  #matchDetail .match-players > article {
    min-width: 0;
    max-width: 100%;
  }

  #matchDetail .live-table {
    min-width: 440px;
    width: 100%;
    table-layout: auto;
    font-size: 12px;
  }

  #players-live .live-table:has(> #liveWeapons) th,
  #players-live .live-table:has(> #liveWeapons) td,
  #matchDetail .live-table th,
  #matchDetail .live-table td {
    padding: 9px 8px;
    vertical-align: middle;
  }

  #liveWeapons td:first-child,
  #matchDetail .live-table td:first-child {
    width: 132px;
    min-width: 120px;
    white-space: normal;
  }

  #liveWeapons td:not(:first-child),
  #matchDetail .live-table td:not(:first-child) {
    min-width: 65px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }

  #players-live .live-table:has(> #liveWeapons) th,
  #matchDetail .live-table th {
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    line-height: 1.4;
  }
}
