/* ═══ v6: oyun ekranı — telefon düzeni (≤760px) ═══
   Harita tam ekran; üstte iki satırlı kayar çubuk, altta araç şeridi,
   oyuncular + sohbet alttan açılan çekmece (mevcut "sohbeti daralt" düğmesi ile).
   Eski dağınık kurallar (game-v5/v6/v8) burada !important ile geçersiz kılınır. */

@media (max-width: 760px) {
  #screen-game { --gm-top: 98px; --gm-bar: 64px; }

  /* ── üst çubuk: 1. satır marka + eylemler, 2. satır kaynaklar ── */
  #screen-game .hud-top {
    height: auto !important; max-height: none !important; min-height: 0 !important;
    flex-wrap: wrap !important; align-items: center; gap: 6px 8px !important; padding: 6px 8px 8px !important;
  }
  #screen-game .hud-brand { order: 1; flex: 0 0 auto; gap: 6px; }
  #screen-game .hud-brand > span:not(.phase-badge) { display: none; }
  #screen-game .hud-brand .acct-lv { display: none; }
  #screen-game .hud-actions {
    order: 2; flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin-left: 0 !important;
    display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start;
    overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent);
  }
  #screen-game .hud-actions::-webkit-scrollbar { display: none; }
  #screen-game .hud-actions > * { flex: none; }
  #screen-game .hud-top .hud-actions .icon-btn { width: 36px !important; height: 36px !important; }
  #screen-game .res-chips {
    order: 3; flex: 1 0 100% !important; width: 100%;
    display: flex !important; flex-wrap: nowrap !important; gap: 6px !important;
    overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent); mask-image: linear-gradient(90deg, #000 88%, transparent);
  }
  #screen-game .res-chips::-webkit-scrollbar { display: none; }
  #screen-game .res-chips .res { flex: none !important; padding: 4px 10px !important; height: 34px; }

  /* ── alt araç şeridi ── */
  #screen-game .v6-rail {
    top: auto !important; bottom: 10px !important; left: 8px !important; right: 8px !important;
    width: auto !important; height: 54px !important; padding: 6px !important;
    flex-direction: row !important; justify-content: space-between; align-items: center; gap: 2px;
    overflow-x: auto; scrollbar-width: none; z-index: 50 !important;
  }
  #screen-game .v6-rail::-webkit-scrollbar { display: none; }
  #screen-game .v6-rail button { flex: none; width: 40px !important; height: 40px !important; }
  #screen-game .v6-rail button:hover { transform: none; }

  /* ── harita kontrolleri ── */
  #screen-game .minimap, #screen-game .kbd-hint { display: none !important; }
  #screen-game .zoom-ctl {
    left: auto !important; right: 10px !important; top: auto !important; bottom: calc(var(--gm-bar) + 16px) !important;
    flex-direction: column; z-index: 30 !important;
  }
  #screen-game .zoom-ctl .icon-btn { width: 40px; height: 40px; }

  /* ── oyuncular + sohbet: alttan çekmece ── */
  #screen-game #hud-right-dock, #screen-game .hud-right {
    position: absolute !important; display: flex !important; flex-direction: column; gap: 8px;
    left: 8px !important; right: 8px !important; top: auto !important; bottom: calc(var(--gm-bar) + 16px) !important;
    width: auto !important; max-width: none !important; height: min(64vh, 560px) !important; max-height: none !important;
    z-index: 45 !important; padding: 0 !important;
    animation: gm-sheet .45s cubic-bezier(.22,1,.36,1) both;
  }
  @keyframes gm-sheet { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
  #screen-game #hud-right-dock #panel-players { flex: 0 0 auto; max-height: 30% !important; margin: 0 !important; }
  #screen-game #hud-right-dock #panel-chat {
    flex: 1 1 auto; min-height: 0 !important; height: auto !important; width: auto !important; margin: 0 !important;
  }
  #screen-game #chat-resize { display: none !important; }
  /* telefonda paneller harita üstünde okunaklı olsun: daha opak cam */
  #screen-game { --gs-surface: rgba(10, 10, 12, .97); }
  /* çekmece ya da seçim kartı açıkken yakınlaştırma düğmeleri çekilir */
  #screen-game:has(#hud-right-dock:not(.chat-collapsed)) .zoom-ctl,
  #screen-game:has(#sel-card:not(.hidden)) .zoom-ctl,
  #screen-game:has(#sel-card:not(.hidden)) #hud-right-dock.chat-collapsed,
  #screen-game:has(.v6-panel.open) .zoom-ctl,
  #screen-game:has(.v6-panel.open) #hud-right-dock.chat-collapsed,
  #screen-game:has(.hud-panel.left:not(.hidden)) .zoom-ctl,
  #screen-game:has(.hud-panel.left:not(.hidden)) #hud-right-dock.chat-collapsed { display: none !important; }

  /* kapalıyken yalnızca "Sohbet" düğmesi kalır */
  #screen-game #hud-right-dock.chat-collapsed {
    left: 10px !important; right: auto !important; height: auto !important; width: auto !important;
    pointer-events: none; animation: none; background: none !important;
  }
  #screen-game #hud-right-dock.chat-collapsed #panel-players,
  #screen-game #hud-right-dock.chat-collapsed #panel-chat,
  #screen-game #hud-right-dock.chat-collapsed #panel-report { display: none !important; }
  #screen-game #hud-right-dock.chat-collapsed .chat-fab {
    position: static !important; display: inline-flex !important; align-items: center; gap: 8px;
    pointer-events: auto; padding: 10px 16px !important; height: 44px;
    background: rgba(12,12,14,.9) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.18) !important;
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    font: 600 14px/1 'Inter', system-ui, sans-serif; letter-spacing: 0; text-transform: none;
  }
  #screen-game #hud-right-dock.chat-collapsed .chat-fab .badge { position: static !important; margin-left: 2px; }

  /* ── seçim kartı: alttan kart ── */
  #screen-game .sel-card {
    left: 8px !important; right: 8px !important; width: auto !important; top: auto !important;
    bottom: calc(var(--gm-bar) + 16px) !important; max-height: 58vh !important; overflow: auto; z-index: 46 !important;
  }

  /* ── sol paneller (diplomasi, sıralama, araştırma…) ── */
  #screen-game .hud-panel.left, #screen-game .v6-panel {
    left: 8px !important; right: 8px !important; width: auto !important;
    top: calc(var(--gm-top) + 8px) !important; bottom: calc(var(--gm-bar) + 16px) !important;
    max-height: none !important; overflow: auto; z-index: 44 !important;
  }

  /* ── bildirimler üst çubuğun altında ── */
  #screen-game .toast-timeline, #toast-timeline { top: calc(var(--gm-top) + 8px) !important; }
  .modal-card { max-height: calc(100dvh - 32px); overflow: auto; }
}