/* Telefon YATAY: kısa ekran (yükseklik ≤ 520px). Lobi tek sütun + alt sekme çubuğu, kompakt üst çubuk, pencereler kısa ekrana sığar.
 * Oyun masası kuralları ilgili oyunun table.css dosyasındadır (aynı ölçüt). Dikey düzen ve masaüstü etkilenmez. */
@media (orientation: landscape) and (max-height: 520px) {
  :root { --topbar: 44px; --gap: 8px; }
  .topbar { gap: 8px; padding: 0 10px; }
  .topbar .icon-btn { width: 34px; height: 34px; }
  .brand-name, .balance .lbl { display: none; }

  /* Lobi: telefondaki gibi tek sütun; Masalar / Sohbet sekmeleri alt çubukta, Oyuncular sağdan açılan panel */
  .lobby { padding: 6px 8px 52px; }
  .grid { grid-template-columns: 1fr; height: calc(100vh - var(--topbar) - 52px); height: calc(100dvh - var(--topbar) - 52px); min-height: 0; }
  .grid > .panel { display: none; }
  .grid[data-view="tables"] > .tables-panel, .grid[data-view="chat"] > .chat-panel { display: flex; }
  .grid > .players-panel.open { display: flex; position: fixed; top: 0; bottom: 0; left: auto; right: 0; width: min(380px, 60vw); height: auto; margin: 0; z-index: 70; border-radius: 18px 0 0 18px; animation: none; padding-bottom: 0; }
  .players-panel .sheet-grab { display: none; }
  .tabbar { display: grid; grid-template-columns: repeat(3, 1fr); position: fixed; bottom: 0; left: 0; right: 0; height: 46px; background: var(--surface); border-top: 1px solid var(--line); z-index: 45; padding-bottom: env(safe-area-inset-bottom); }
  .tabbar button { border: 0; background: transparent; color: var(--dim); display: flex; align-items: center; justify-content: center; gap: 8px; font-size: .78rem; font-weight: 700; padding: 0; }
  .tabbar button.on { color: var(--accent); }
  .panel-head { padding: 8px 12px; }
  .quick { grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 0 10px 6px; }
  .quick button { grid-template-columns: auto 1fr; align-items: center; gap: 2px 8px; padding: 5px 8px; } .quick small { display: none; } .quick .ico { width: 24px; height: 24px; grid-row: span 1; }
  .rt-grid { display: flex; overflow-x: auto; gap: 8px; padding: 0 10px 8px; scroll-snap-type: x proximity; scrollbar-width: thin; }
  .rt-card { flex: 0 0 188px; padding: 10px 12px; gap: 6px; scroll-snap-align: start; } .rt-stake strong { font-size: 1.25rem; } .rt-seat { width: 24px; height: 24px; }
  .tl-label { margin: 2px 12px 6px; } .join-row { padding: 6px 12px; }
  .chat-panel .notice { display: none; } .claim-strip { padding: 4px 10px; font-size: .78rem; } .claim-strip .btn { height: 28px; }

  /* Pencereler kısa ekrana sığar (içeride kayar), alttan sayfa yerine ortada açılır */
  .modal-layer { align-items: center; padding: 8px; }
  .modal { width: min(560px, 100%); max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); border-radius: var(--r-lg); padding: 14px; animation: none; }
  .modal::before { display: none; }
  .wl-ico { width: 52px; height: 52px; font-size: 1.7rem; }
  .tb-sheet { left: auto; right: 0; top: 0; bottom: 0; width: min(320px, 60vw); border-radius: 18px 0 0 18px; overflow-y: auto; }

  /* Giriş/diğer tam sayfa ekranlar */
  .auth { min-height: auto; padding: 10px; }
}