@media (max-width: 1439px) {
  .jg-rail__track { grid-auto-columns: calc((100% - 5 * 8px) / 6); }
}
@media (max-width: 1199px) {
  .jg-split { grid-template-columns: 1fr; }
  .jg-split__copy .jg-intro { gap: 20px; }
  .jg-showcase, .jg-quartet, .jg-numbered, .jg-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jg-reel-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .jg-game-top { grid-template-columns: 1fr; }
  .jg-game-art { order: -1; }
  .jg-related { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .jg-base__top { grid-template-columns: 1fr 1fr; }
  .jg-base__brand { grid-column: 1 / -1; }
  .jg-grid-3, .jg-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jg-hero__bg { object-position: 72% center; }
}
@media (max-width: 1023px) {
  .jg-hero { min-height: auto; }
  .jg-hero__bg { display: none; }
  .jg-hero__copy { max-width: 760px; padding-bottom: 24px; }
  .jg-home .jg-masthead { background: rgba(253, 243, 234, 0.94); }
  .jg-hero__picture { display: block; margin-inline: calc(var(--jg-gutter) * -1); }
  .jg-hero__picture img { width: 100%; aspect-ratio: 1000 / 700; object-fit: cover; object-position: 78% 50%; }
  .jg-hero__note { position: static; transform: none; width: auto; margin: 0 auto; padding: 16px 0 32px; }
  .jg-quest-grid, .jg-voices, .jg-faq-cols, .jg-grid-2, .jg-media-split, .jg-status-grid { grid-template-columns: 1fr; }
  .jg-finale { grid-template-columns: 1fr; }
  .jg-headline-row { grid-template-columns: 1fr; }
  .jg-headline-row > img { display: none; }
  .jg-reel-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 8px; }
  .jg-rail__track { grid-auto-columns: calc((100% - 3 * 8px) / 4); }
  .jg-base__care { flex-direction: column; align-items: flex-start; }
  .jg-base__note { border-right: 0; padding-right: 0; }
}
@media (max-width: 767px) {
  .jg-tiles { grid-template-columns: 1fr; }
  .jg-faq-intro { grid-template-columns: 1fr; }
  .jg-faq-intro img { max-width: 300px; }
  .jg-help-banner { grid-template-columns: 1fr; padding: 28px 20px; gap: 16px; justify-items: center; }
  .jg-help-banner img { max-width: 200px; }
  .jg-quest { padding: 26px; min-height: 0; padding-bottom: 210px; }
  .jg-quest__art { width: 200px; right: 50%; transform: translateX(50%); bottom: 12px; }
  .jg-voice { min-height: 0; padding: 26px; }
  .jg-numbered__item { min-height: 260px; }
  .jg-base__top { grid-template-columns: 1fr; }
  .jg-base__note { flex-direction: column; gap: 16px; }
  .jg-related { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .jg-pills { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 6px; margin-inline: calc(var(--jg-gutter) * -1); padding-inline: var(--jg-gutter); }
  .jg-pills::-webkit-scrollbar { display: none; }
  .jg-grid-3, .jg-steps { grid-template-columns: 1fr; }
  .jg-tier-table thead { display: none; }
  .jg-tier-table, .jg-tier-table tbody, .jg-tier-table tr, .jg-tier-table td { display: block; width: 100%; }
  .jg-tier-table tr { margin-bottom: 12px; background: #fff; border-radius: 22px; padding: 10px 6px; box-shadow: var(--jg-shadow-card); }
  .jg-tier-table td { padding: 6px 16px; border-radius: 0 !important; background: transparent; display: flex; justify-content: space-between; gap: 12px; }
  .jg-tier-table td::before { content: attr(data-label); font-weight: 600; color: var(--jg-muted); }
  .jg-tier-table td:first-child::before { content: none; }
}
@media (max-width: 599px) {
  .jg-showcase, .jg-quartet, .jg-numbered, .jg-grid-4 { grid-template-columns: 1fr; }
  .jg-reel-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .jg-rail__track { grid-auto-columns: calc((100% - 2 * 8px) / 3); }
  .jg-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jg-stat { min-height: 140px; }
  .jg-back { margin-left: 0; }
}
@media (max-width: 380px) {
  .jg-reel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jg-related { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jg-btn { font-size: 1rem; }
}