/* Phone fixes for the player screens (QA 2026-10-05, checked at 390 px wide). */
@media (max-width: 520px) {
  /* Lobby: the balance was squeezed to an empty pill; show the amount (the "Balance" caption is dropped). */
  html body header .hright > div:first-child { flex: none !important; width: auto !important; min-width: max-content !important; max-width: none !important; padding: 6px 10px !important; overflow: visible !important; justify-content: center; }
  .hright > div:first-child > span:first-child { display: none !important; }
  html body .hdr .hright > div [data-2win-balance], .hright > div:first-child > span, .hright [data-2win-balance] { display: inline !important; font-size: 13px !important; font-weight: 800; white-space: nowrap; }
  /* Crash bet slips: the auto cash-out row overflowed (the value was cut off) and the quick-stake chips
     covered the bet button. The row wraps, and the chips give way to ½ / 2× and typing the stake. */
  .slot > div:first-child { height: auto !important; }
  html body:has(.slots) .slot > div:first-child > div:first-child:has(> label), .slot div:has(> label) { flex-wrap: wrap !important; row-gap: 6px; }
  .slot label { font-size: 0 !important; display: inline-flex !important; align-items: center; gap: 6px; white-space: nowrap; }
  .slot label::before { content: 'Auto'; order: -1; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #97A69B; }
  .slot label input[type=number] { font-size: 14px !important; width: 64px !important; }
  .slot [style*="repeat(4"] { display: none !important; }
  /* Aero Rush: the "Stunt run" panel covered the multiplier. */
  .aero-hud { display: none !important; }
  /* Slots: the fixed AUTO / SPIN bar covered the bottom of the page; leave room to scroll past it.
     The DEMO label already shows in the header, so the corner badge (which covered SPIN) is hidden. */
  body.wc-slot { padding-bottom: 120px !important; }
  html body .stage .ctrl { width: auto !important; box-sizing: border-box !important; } /* left/right 8px + width 100% overflowed */
  .tw-demo-badge { display: none !important; }
}
@media (max-width: 520px) {
  /* Safety net: no player screen may scroll sideways on a phone (clip keeps sticky headers working). */
  html, body { overflow-x: clip !important; }
}

/* Visually hidden, still read by screen readers (game names on cards whose cover art shows the name). */
.tw-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Game cards with cover art: art (179x190) on top, a strip below for the status line, at any card width. */
html body a.gtile { height: auto !important; aspect-ratio: 179 / 252; }