/* css/shell-mobile.css —— 移动端外壳（M3，设计 §8.3）
   触控目标 ≥44px、单列布局、底部 Tab 导航、穿梭动画降级为全屏渐变。 */

/* 触控友好：按钮/可点元素不小于 44px */
.shell-mobile .btn { min-height: 44px; padding: 10px 14px; font-size: 12px; }
.shell-mobile .task-btn { flex: 1; min-height: 48px; padding: 12px 4px; font-size: 12px; }

/* 底部 Tab 导航加高，并避开 iPhone 底部手势条 */
.shell-mobile .taskbar {
  min-height: 58px;
  padding: 4px 6px calc(4px + env(safe-area-inset-bottom, 0px));
  gap: 4px;
}

/* 点击大按钮 */
.shell-mobile .click-btn { min-height: 100px; padding: 36px 16px; font-size: 24px; }

/* 单列布局 */
.shell-mobile .resources-layout,
.shell-mobile .records-layout { grid-template-columns: 1fr; }
.shell-mobile .tech-grid { grid-template-columns: 1fr; }
.shell-mobile .ach-grid { grid-template-columns: 1fr 1fr; }

/* 标题栏改为移动端三行：第一行标题 / 第二行游戏内时间 / 第三行速率+周目 */
.shell-mobile .titlebar {
  flex-direction: column;
  align-items: stretch;
  height: auto;
  padding: 8px 10px;
  gap: 3px;
}
.shell-mobile .titlebar-left { font-size: 12px; }
.shell-mobile .titlebar-right {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  font-size: 12px;
}
.shell-mobile .titlebar-right .titlebar-time { white-space: nowrap; }
.shell-mobile .titlebar-right .titlebar-meta { gap: 12px; white-space: nowrap; }

/* 生成器卡片：按钮组换行到右侧 */
.shell-mobile .gen-card { flex-wrap: wrap; }
.shell-mobile .gen-btns { width: 100%; justify-content: flex-end; }

/* 面板与视口间距 */
.shell-mobile .view-container { padding: 10px; }
.shell-mobile .panel { padding: 10px; }

/* 数值字号略调大，便于阅读 */
.shell-mobile .res-value { font-size: 12px; }