/* Yalnızca mobil oyun masası: masaüstü yerleşimini ve oyun mantığını etkilemez. */
@media (max-width: 820px) {
  main {
    position: relative;
    grid-template-rows: minmax(0, 1fr) 32px;
  }

  /* Alt sırada yalnızca hızlı bahisler kalır; oyun aksiyonları masanın içine alınır. */
  .controls {
    height: 32px;
    padding: 2px 8px calc(2px + env(safe-area-inset-bottom));
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 28px;
    gap: 0;
    overflow: visible;
  }
  .controls .bet-area {
    grid-column: 1;
    grid-row: 1;
    height: 28px;
  }
  .controls .quick-bet-actions { height: 28px; }

  .action-area {
    position: absolute;
    right: 12px;
    bottom: 88px;
    left: 12px;
    z-index: 10;
    grid-column: auto;
    width: auto;
    height: 42px;
  }
  .play-buttons {
    width: 100%;
    height: 42px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px;
  }
  .game-action {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 42px;
    padding: 0 3px;
    justify-content: center;
    gap: 2px;
    letter-spacing: .2px;
    white-space: nowrap;
  }
  .game-action kbd { display: none; }
  .deal-button { height: 42px; }

  /* Aksiyon sırasına yer açmak için iki bahis tablosu yukarı taşınır. */
  .multi-player-zone { bottom: 50px; }

  /* Oyuncu ve krupiye kartları mevcut mobil ölçülere göre %10 büyütülür. */
  .dealer-zone .cards { height: 77px; }
  .dealer-zone .card {
    width: 52.8px;
    height: 75.9px;
    margin-left: -13.2px;
  }
  .dealer-zone .card-suit { font-size: 24.2px; }

  .spot-cards,
  .spot-cards.split-layout { height: 70.4px; }
  .spot-cards .card {
    width: 47.3px;
    height: 68.2px;
    margin-left: -19.8px;
  }
  .spot-cards.split-layout .card {
    width: 39.6px;
    height: 57.2px;
    margin-left: -18.7px;
  }

  /* Mobil metinler, önceki mobil değerlerine göre +2px. */
  .topbar { padding-inline: 7px; }
  .top-actions { gap: 3px; }
  .account-badge { max-width: 102px; padding-inline: 7px; }
  .ad-slot span { font-size: 8px; }
  .ad-slot strong { font-size: 10px; }
  .logo-mark { font-size: 15px; }
  .account-badge { font-size: 11px; }
  .text-button { font-size: 12px; letter-spacing: .25px; }
  .table > .message .message-kicker { font-size: 11px; }
  .table > .message strong { font-size: 13px; }
  .dealer-character > span { font-size: 10px; }
  .hand-head { font-size: 11px; }
  .dealer-zone .card-corner { font-size: 11px; }
  .table-copy b { font-size: 10px; }
  .table-copy small { font-size: 9px; }
  .bet-spot > header span,
  .spot-hand-head span { font-size: 11px; }
  .bet-spot > header b { font-size: 14px; }
  .bet-result { font-size: 9px; }
  .spot-hand-head .score { font-size: 13px; }
  .spot-cards .card-corner { font-size: 10px; }
  .spot-cards .pip-field { font-size: 11px; }
  .spot-cards .pips-1 i:nth-child(1) { font-size: 17px; }
  .spot-cards .split-label { font-size: 9px; }
  .spot-side span { font-size: 11px; }
  .spot-side small { font-size: 9px; }
  .spot-side b { font-size: 11px; }
  .spot-side em { font-size: 9px; }
  .balance-panel span { font-size: 9px; }
  .balance-panel strong { font-size: 14px; }
  .balance-panel > div:first-child strong { font-size: 17px; }
  .balance-panel button,
  .balance-panel .reset-control #resetBtn { font-size: 9px; }
  .reset-control #resetAllowance { font-size: 7.5px; }
  .balance-panel .join-cta { font-size: 7px; }
  .repeat-bet,
  .all-in-bet,
  .quick-bet-actions .clear-bet { font-size: 10px; }
  .repeat-bet span,
  .all-in-bet span { font-size: 11px; }
  .table-bet-rail > .control-label { font-size: 10px; }
  .table-bet-rail .chip span { font-size: 11px; }
  .deal-button { font-size: 13px; }
  .deal-button i { font-size: 20px; }
  .game-action { font-size: 11px; }
}

@media (max-width: 820px) and (max-height: 740px) {
  main { grid-template-rows: minmax(0, 1fr) 30px; }
  .controls {
    height: 30px;
    grid-template-rows: 26px;
  }
  .controls .bet-area,
  .controls .quick-bet-actions { height: 26px; }
  .action-area { bottom: 86px; height: 40px; }
  .play-buttons,
  .game-action,
  .deal-button { height: 40px; }
  .multi-player-zone { bottom: 47px; }
  .spot-cards,
  .spot-cards.split-layout { height: 61.6px; }
  .spot-cards .card { width: 42.9px; height: 61.6px; }
}