/* minecraft.html - page-only styles (same as cs16.css, plus the plan-grid rule for few WHMCS plans) */
/* console section: style.css keeps its two columns at every width, which squeezed the console on phones */
.game-layout > * { min-width: 0; }
@media (max-width: 1080px) {
  .game-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .game-metrics-row { grid-template-columns: 1fr; gap: 10px; }
  .terminal-action-row { flex-wrap: wrap; gap: 12px; }
  .mockup-top { flex-wrap: wrap; gap: 8px; }
  .mockup-top span { overflow-wrap: anywhere; }
}
/* long translated highlights must not push the hero column wider than the screen */
.hero-grid > * { min-width: 0; }

/* plan grid follows WHMCS: few plans (1 today) stay centred at the cs16 card width */
.vps-grid[data-whmcs-grid] { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
@media (max-width: 640px) { .vps-grid[data-whmcs-grid] { grid-template-columns: 1fr; } }

/* "Supported engines" marquee (#software). Base look + mcTickerScroll keyframes come from style.css
   (.mc-marquee-*); these rules only harden it for the cs16-based layout. */
#software .mc-marquee-wrap > * { min-width: 0; }
#software .mc-marquee-track { min-width: 0; max-width: 100%; }
#software .mc-marquee-track:focus-within .mc-marquee-content { animation-play-state: paused; }
#software .mc-brand-item:hover i { color: var(--primary); }