/* 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 {
    height: auto;
    min-height: 108px;
    padding: 10px;
    gap: 7px;
    display: grid;
    grid-template-columns: 1fr;
    align-content: center;
  }
  .arena-topbar .game-search { display: none; }
  .mobile-brand { width: 100%; min-width: 0; flex: 0 0 auto; }
  .mobile-brand .brand-logo { width: clamp(96px, 27vw, 124px); }
  .arena-topbar .topbar-account {
    width: 100%;
    margin-left: 0;
    gap: 5px;
    justify-content: flex-end;
  }
  .arena-topbar .topbar-account > * { flex-shrink: 0; }
  .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-topbar .diamond { max-width: 38vw; padding-inline: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .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 small { font-size: clamp(13px, 3.55vw, 15px); line-height: 1.35; letter-spacing: .035em; }
  .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); }
  #dashboard .metric-top small { font-size: clamp(13px, 3.5vw, 15px); line-height: 1.35; letter-spacing: .04em; }
  #dashboard .metric-card>p { font-size: clamp(13px, 3.45vw, 15px); line-height: 1.5; }
  #dashboard .card-heading small { font-size: clamp(13px, 3.5vw, 15px); line-height: 1.35; }
  #dashboard .performance-grid strong { font-size: clamp(23px, 6vw, 28px); }
  #dashboard .performance-grid span { font-size: clamp(13px, 3.4vw, 15px); line-height: 1.4; }
  #dashboard .activity-row b,#dashboard .activity-row>strong,#dashboard .activity-empty { font-size: clamp(13px, 3.4vw, 15px); }
  #dashboard .activity-row small { font-size: clamp(12px, 3.15vw, 14px); line-height: 1.4; }
  .match-panel .match-economy div {
    padding-block: 10px;
    font-size: clamp(14px, 3.65vw, 16px);
    line-height: 1.35;
  }
  .match-panel .match-economy span,.match-panel .match-economy b { font-size: inherit; }
  .block-lobby .block-economy > div { padding-block: 10px; }
  .block-lobby .block-economy small { font: 500 clamp(14px, 3.65vw, 16px)/1.35 Manrope,Arial,sans-serif; }
  .block-lobby .block-economy b { font-size: clamp(14px, 3.65vw, 16px); line-height: 1.35; }
  .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: auto; right: 10px; bottom: 76px; }
  .support-messages { padding: 12px; }
  .match-social { right: 10px; bottom: 76px; width: 50px !important; }
  .match-social:has(.chat-panel:not(.hidden)) { width: min(360px, calc(100vw - 20px)) !important; }
  .chat-consent { width: 50px !important; height: 50px !important; min-height: 50px !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; }
  .chat-panel header { height: 46px; padding-inline: 14px; }
  .chat-panel header b { font-size: 12px; }
  .chat-panel header button { width: 40px; height: 40px; font-size: 23px; }
  .chat-messages { height: min(230px, 32dvh); padding: 12px; gap: 9px; }
  .chat-messages b { font-size: 11px; }
  .chat-messages span { font-size: 15px; line-height: 1.45; }
  .chat-panel form { padding: 10px; gap: 8px; }
  .chat-panel input { min-height: 46px; font-size: 16px; }
  .chat-panel form button { min-width: 72px; font-size: 13px; }
  .auth-box { max-height: calc(100dvh - 24px); overflow-y: auto; overscroll-behavior: contain; }
  .auth-guest { margin: 14px 0 10px; }
  .auth-guest .secondary { min-height: 54px; padding: 12px 14px; }
  .auth-guest b { font-size: 15px; }
  .auth-guest small { font-size: 12px; }
  .support-widget:has(.support-window:not(.hidden)) {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100dvh;
    padding: 12px;
    display: grid !important;
    place-items: center;
    pointer-events: none;
  }
  .support-widget:has(.support-window:not(.hidden)) .support-launcher { display: none; }
  .support-window {
    position: relative;
    inset: auto;
    width: min(370px, calc(100vw - 24px));
    height: min(500px, calc(100dvh - 150px));
    min-height: 300px;
    transform: none;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
  }
  .support-window.hidden { display: none !important; }
  .support-window>header { flex: 0 0 auto; padding: 13px 15px; }
  .support-window header strong { font-size: 14px; }
  .support-window header small { font-size: 12px; }
  .support-history { flex: 1 1 auto; min-height: 0; height: auto; padding: 12px; }
  .support-window form { flex: 0 0 auto; padding: 10px; }
  .support-window textarea { min-height: 48px; max-height: 82px; font-size: 16px; }
  .support-window form button { min-width: 70px; padding-inline: 12px; font-size: 13px; }
}
@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; }
  .arena-topbar .topbar-account { gap: 3px; }
  .arena-topbar .diamond { max-width: 34vw; padding-inline: 6px; }
  main,.arena-main { padding-inline: 12px; }
  .catalog-card .game-price { gap: 6px; }
  .catalog-card .game-price b { font-size: 12px; }
}