/* Desktop layout density tuned against the customer's 100% reference screenshot.
   Keep the existing deep-field background, colors, motion and mobile layout. */
@media (min-width: 1200px) {
  .game { padding-inline: 20px; }
  .game-top { max-width: none; }
  .edition { font-size: clamp(17px, 1.18vw, 22px); }
  .music { font-size: clamp(15px, 1.12vw, 20px); gap: 10px; padding: 5px 13px 5px 7px; }
  .music button { width: clamp(36px, 2.68vw, 46px); height: clamp(35px, 2.6vw, 45px); }
  .music input { width: clamp(83px, 6.8vw, 116px); }
  .music output { font-size: clamp(15px, 1.12vw, 20px); min-width: 42px; }

  .title { margin-bottom: 16px; }
  .title h1 { font-size: clamp(78px, 6.33vw, 112px); }
  .title p { font-size: clamp(15px, .96vw, 18px); }
  .selection-body { width: min(100%, max(900px, min(73vw, 1480px))); }
  .step-label { font-size: clamp(21px, 1.45vw, 27px); }
  .step-label b { width: clamp(27px, 1.95vw, 35px); height: clamp(27px, 1.95vw, 35px); font-size: clamp(18px, 1.24vw, 22px); }
  .step-label small { font-size: clamp(12px, .84vw, 16px); }

  .subject-grid { gap: clamp(15px, 1.1vw, 20px) clamp(18px, 1.25vw, 24px); }
  .subject-card { height: clamp(103px, 7.2vw, 123px); gap: 12px; padding-right: 20px; }
  .subject-card > img { width: clamp(84px, 6.1vw, 104px); height: clamp(87px, 6.25vw, 107px); }
  .subject-card strong { font-size: clamp(30px, 2.1vw, 36px); }
  .subject-card small { font-size: clamp(12px, .82vw, 15px); }

  .sound-line { margin-block: clamp(22px, 1.8vw, 32px) clamp(18px, 1.5vw, 27px); }
  .sound-title { font-size: clamp(18px, 1.28vw, 23px); }
  .sound-options button { min-width: clamp(99px, 7vw, 125px); font-size: clamp(17px, 1.19vw, 22px); padding: 7px 11px; }
  .duration-grid { gap: clamp(16px, 1.2vw, 22px); }
  .duration-grid button { padding-block: clamp(16px, 1.36vw, 23px); }
  .duration-grid strong { font-size: clamp(39px, 2.65vw, 47px); }
  .duration-grid span { font-size: clamp(16px, 1.07vw, 19px); }
  .game-footer { margin-top: clamp(23px, 1.75vw, 31px); font-size: clamp(12px, .86vw, 16px); }
}
