/* 平台 4.0 街機走廊大廳 手機端樣式 (100dvh 五大槽位防禦 · 旗艦適配) */
@media (max-width: 1023px) {
  .lobby-viewport {
    height: 100dvh; width: 100vw; overflow: hidden;
  }

  /* 槽位 1：頂部控制列 (緊湊高對比) */
  .lobby-header {
    height: 50px; padding: 0 10px; flex-shrink: 0;
  }
  .brand-logo { font-size: 18px; }
  .brand-name { font-size: 13.5px; font-weight: 900; }
  #btn-vip-status { font-size: 10px !important; padding: 1px 6px !important; }

  /* 手機端隱藏跑馬燈，騰出點數空間 */
  .marquee-wrapper { display: none !important; }

  .header-actions { gap: 6px; }
  .balance-capsule {
    padding: 2px 8px; font-size: 12px;
  }
  .balance-value {
    font-size: 14px; font-weight: 900;
  }
  #btn-daily-bonus { display: none !important; } /* 手機端已收納至底部導航 */
  .btn-recall { display: none !important; } /* 手機端已收納至底部導航 */
  #btn-member-center { font-size: 16px; padding: 2px; }

  /* 槽位 3：機台舞台展示區 (縱向平滑滾動) */
  .lobby-main {
    padding: 10px 12px 96px 12px !important; /* 鐵律防遮擋 */
    align-items: center; overflow-y: auto; justify-content: flex-start;
  }

  .game-grid {
    flex-direction: column; align-items: center; gap: 14px; width: 100%; max-width: 380px;
  }

  .game-card {
    width: 100%; max-width: 360px; border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.7);
  }
  .game-card:active { transform: scale(0.98); }

  .game-card-cover {
    height: 135px; border-radius: 12px 12px 0 0;
  }

  .game-card-info {
    padding: 10px 14px;
  }
  .game-card-name {
    font-size: 17px; font-weight: 900; color: #fde047;
  }
  .game-card-minbet {
    font-size: 12px; color: #94a3b8; margin-top: 2px;
  }
  .btn-enter {
    height: 36px; padding: 0 16px; font-size: 14px; font-weight: 900;
    box-shadow: 0 2px 8px rgba(246, 200, 96, 0.4);
  }

  /* 槽位 5：手機端專屬吸底快捷導航列 (Slot 5) */
  .mobile-bottom-nav {
    position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
    height: 56px !important; background: rgba(10, 12, 18, 0.96);
    backdrop-filter: blur(12px); border-top: 1.5px solid #d97706;
    display: flex !important; align-items: center !important; justify-content: space-around !important;
    z-index: 1000 !important; box-shadow: 0 -4px 18px rgba(0,0,0,0.8);
  }
  .mob-nav-item {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    color: #94a3b8; font-size: 11px; cursor: pointer; flex: 1; text-align: center;
  }
  .mob-nav-item.active {
    color: #fde047; font-weight: 900;
  }
  .mob-nav-icon {
    font-size: 20px;
  }
}