/* 手机建档独立布局；桌面保持灰雾牌阵。 */
@media (max-width: 760px) {
  #screenCreate.ritual-enabled:not(.ritual-intro) .ritual-stage { display: none; }
  #screenCreate.ritual-enabled:not(.ritual-intro) .ritual-card-dock { opacity: .12; }
  #screenCreate.ritual-enabled:not(.ritual-intro) .ritual-workspace { display: block; padding: 50px 8px 12px; width: 100%; max-width: 100%; }
  #screenCreate.ritual-enabled .create-form { min-width: 0; padding: 10px; background: #101923f5; }
  #screenCreate.ritual-enabled .card { min-width: 0; padding: 14px 12px; }
  #screenCreate .srow { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; }
  #screenCreate .srow > span:first-child { font-size: 11px; }
  #screenCreate .srow > span:last-child { text-align: left; white-space: normal; overflow-wrap: anywhere; }
  #screenCreate .ritual-review .srow { gap: 3px; }
  #screenCreate .ritual-nav { gap: 6px; padding: 8px; }
  #screenCreate .ritual-nav .btn { min-width: 0; padding: 8px; min-height: 40px; }
  #screenCreate #ritualQuickStart { width: 100%; margin: 0; min-height: 32px; font-size: 11px; }
  #screenCreate .pickgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #screenCreate .pick { min-width: 0; overflow-wrap: anywhere; white-space: normal; }
  #screenCreate .opening-sequence-summary { padding: 10px; border: 1px solid #89785b; border-radius: 8px; color: #e6d0aa; overflow-wrap: anywhere; }
  #screenCreate .opening-sequence-summary p { margin: 5px 0 0; color: #c2ccd6; font-size: 12px; }
  #screenGame .game-side { width: 100%; max-width: 100%; max-height: 100vh; max-height: 100dvh; border-radius: 0; }
  #screenGame .side-body { min-height: 0; flex: 1 1 0; }
}
.opening-sequence-summary { padding: 12px; border: 1px solid #89785b; border-radius: 8px; }
html[data-layout="mobile"] .game-side { width: 100%; max-width: 100%; max-height: 100dvh; }