/* Targeted mobile-only readability layer. Desktop remains untouched. */
@media (max-width: 680px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body { font-size: clamp(14px, 3.8vw, 16px); }
  .arena-topbar { padding-inline: 10px; gap: 7px; }
  .arena-topbar .game-search { display: none; }
  .mobile-brand { flex: 0 0 auto; }
  .mobile-brand .brand-logo { width: clamp(96px, 27vw, 124px); }
  .arena-topbar .topbar-account { gap: 5px; }
  .arena-layout .header-actions { display: flex; gap: 4px; }
  .arena-layout .header-actions .login-link { display: inline-flex; align-items: center; min-height: 42px; padding: 0 7px; font-size: clamp(12px, 3.4vw, 14px) !important; white-space: nowrap; }
  .arena-layout .header-actions .small { min-height: 42px; padding: 0 9px !important; font-size: clamp(12px, 3.4vw, 14px) !important; white-space: nowrap; }
  .language-selector { min-height: 42px; padding-inline: 5px; }
  .language-selector select { width: 2.65rem; min-width: 2.65rem; max-width: 2.65rem; font-size: 13px; }
  .arena-hero h1 { font-size: clamp(37px, 10.8vw, 48px) !important; line-height: 1.06; }
  .arena-hero .lead { font-size: clamp(14px, 3.8vw, 16px); line-height: 1.65; }
  .arena-hero .primary,.arena-hero .text-link { font-size: 14px !important; }
  .trust-row,.presence { font-size: 12px; line-height: 1.45; }
  .arena-main .section-title h2 { font-size: clamp(25px, 7vw, 31px) !important; }
  .catalog-card .game-type,.catalog-card .game-live,.catalog-card .match-speed { font-size: clamp(11px, 3vw, 13px) !important; line-height: 1.3; }
  .catalog-card .game-card-copy { padding: clamp(16px, 4.5vw, 21px); }
  .catalog-card .game-card-copy h3 { margin: 9px 0 7px; font-size: clamp(23px, 6.5vw, 29px) !important; line-height: 1.15; }
  .catalog-card .game-card-copy>p { height: auto; margin-bottom: 12px; font-size: clamp(14px, 3.9vw, 16px) !important; line-height: 1.55; }
  .catalog-card .game-price { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 12px 0; font-size: clamp(12px, 3.35vw, 14px) !important; line-height: 1.35; }
  .catalog-card .game-price span:last-child { text-align: right; }
  .catalog-card .game-price b { font-size: clamp(13px, 3.55vw, 15px); white-space: nowrap; }
  .catalog-card .primary,.catalog-card .secondary { min-height: 46px; height: auto; font-size: clamp(14px, 3.9vw, 16px) !important; }
  .quick-wallet article { padding: 14px; }
  .quick-wallet span,.metric-card span,.dashboard-card span { font-size: 12px; line-height: 1.4; }
  .quick-wallet b,.metric-card b,.dashboard-card b { font-size: clamp(17px, 4.7vw, 21px); }
  .mobile-bottom-nav a { font-size: 12px !important; line-height: 1.25; }
  :is(input, select, textarea) { min-height: 44px; font-size: 16px; }
  :is(.modal-box p, .wallet-card p, .dashboard-card p, .support-panel p, .user-message p) { font-size: 14px !important; line-height: 1.55; }
  :is(.primary, .secondary, .confirm-entry, .support-launcher, .support-send) { min-height: 44px; }
  .support-widget { width: min(100% - 20px, 390px); right: 10px; bottom: 76px; }
  .support-messages { padding: 12px; }
}
@media (max-width: 360px) {
  .mobile-brand .brand-logo { width: 92px; }
  .arena-layout .header-actions .login-link { padding-inline: 5px; }
  .arena-layout .header-actions .small { padding-inline: 7px !important; }
  .language-selector span { display: none; }
  main,.arena-main { padding-inline: 12px; }
  .catalog-card .game-price { gap: 6px; }
  .catalog-card .game-price b { font-size: 12px; }
}