/* Keep the hero compact in resized desktop windows. Explicit positions prevent
   inherited wide-screen columns and auto-placement from creating empty rows. */
@media (min-width: 900px) and (max-width: 1199px) {
  .jin-hero-with-game {
    grid-template-columns: minmax(180px,1.1fr) minmax(120px,.8fr) minmax(160px,1.2fr) 70px minmax(170px,1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }
  .jin-hero-with-game > .max-w-3xl { grid-area: 1 / 1 !important; min-width: 0; }
  .jin-hero-with-game > .jin-community-trade { display: contents !important; }
  .jin-hero-with-game .jin-community-link { grid-area: 1 / 2 !important; }
  .jin-hero-with-game > #jin-hero-guide-video-card { grid-area: 1 / 3 !important; }
  .jin-hero-with-game > #jin-game-console { grid-area: 1 / 4 !important; width: 70px !important; }
  .jin-hero-with-game .jin-community-trade > #jin-trade-guide { grid-area: 1 / 5 !important; }
  .jin-hero-with-game .jin-ai-order-title { font-size: 24px !important; }
  .jin-hero-with-game .jin-ai-order-description { font-size: 12px !important; }
  .jin-hero-with-game .jin-community-link,
  .jin-hero-with-game .jin-community-trade > #jin-trade-guide {
    width: 100% !important; min-width: 0 !important; min-height: 180px; padding: 10px 8px; align-self: stretch;
  }
  .jin-hero-with-game .jin-community-link { gap: 6px; }
  .jin-hero-with-game .jin-community-link img { width: 76px; }
  .jin-hero-with-game .jin-community-link strong { font-size: 12px; }
  .jin-hero-with-game > #jin-hero-guide-video-card {
    width: 100% !important; min-width: 0 !important; max-width: none !important;
    height: 160px !important; margin: 0 !important; justify-self: stretch !important;
  }
  .jin-hero-with-game > #jin-game-console strong { font-size: 12px; }
  .jin-hero-with-game > #jin-game-console svg { width: 70px; }
  #jin-korea-clock { gap: 4px; font-size: 11px; }
  #jin-season-elapsed { font-size: 10px; gap: 3px; }
}
@media (min-width: 768px) and (max-width: 899px) {
  .jin-hero-with-game {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr) 76px !important;
    gap: 10px !important; align-items: center !important;
  }
  .jin-hero-with-game > .max-w-3xl { grid-area: 1 / 1 / 2 / 3 !important; min-width: 0; }
  .jin-hero-with-game > #jin-hero-guide-video-card {
    grid-area: 1 / 3 !important; width: 100% !important; max-width: none !important;
    min-width: 0 !important; height: 120px !important; margin: 0 !important;
  }
  .jin-hero-with-game > #jin-game-console { grid-area: 1 / 4 !important; width: 76px !important; }
  .jin-hero-with-game > .jin-community-trade { display: contents !important; }
  .jin-hero-with-game .jin-community-link { grid-area: 2 / 1 / 3 / 3 !important; min-height: 0; gap: 5px; padding: 8px; }
  .jin-hero-with-game .jin-community-link img { width: 66px; }
  .jin-hero-with-game .jin-community-link strong { font-size: 12px; line-height: 1.3; }
  .jin-hero-with-game .jin-community-trade > #jin-trade-guide { grid-area: 2 / 3 / 3 / 5 !important; min-height: 0; padding: 8px; gap: 5px; }
  .jin-hero-with-game .jin-trade-guide__steps { grid-template-columns: 1fr 1fr !important; }
}
/* The mobile hero keeps its existing compact layout and visible guide video. */
@media (max-width: 767px) {
  .jin-hero-with-game > #jin-hero-guide-video-card { justify-self: stretch !important; max-width: none !important; }
}
@media (min-width: 768px) and (max-width: 1279px) {
  body:has(#jin-footer-ai-copy) #jin-footer-bar {
    grid-template-columns: minmax(180px,1fr) minmax(430px,2fr) !important;
    min-height: 84px !important; padding: 12px 18px !important; gap: 12px !important;
  }
  #jin-footer-bar > div:first-child { gap: 10px !important; }
  #jin-footer-bar > div:first-child > div:first-child { width: 42px !important; height: 42px !important; }
  #jin-footer-bar [data-jin-footer-total] { font-size: 30px !important; }
  #jin-footer-bar [data-jin-mobile-cart-hint] { white-space: normal !important; font-size: 10px !important; }
  #jin-footer-bar #jin-footer-actions { grid-column: 2 !important; min-width: 0 !important; width: 100%; gap: 10px !important; }
  #jin-footer-bar #jin-footer-actions > button,
  #jin-footer-bar #jin-footer-ai-copy { height: 48px !important; min-width: 0 !important; }
  #jin-footer-bar #jin-footer-actions > button { padding: 0 10px !important; font-size: 14px !important; }
  #jin-footer-bar #jin-footer-ai-copy button { min-width: 0 !important; padding: 0 6px !important; }
}