@media (min-width: 901px) {
  .mix-layout { height: calc(100svh - 58px); min-height: 0; }

  .mix-sidebar { padding: 14px 18px; overflow: hidden; }
  .mix-sidebar h1 { margin-bottom: 4px; font-size: 34px; }
  .mix-sidebar .intro { margin-bottom: 7px; font-size: 12px; line-height: 1.32; }
  .mix-sidebar .mix-panel { margin-top: 7px; margin-bottom: 0; padding: 8px 10px; }
  .mix-sidebar .mix-panel h2 { margin-bottom: 4px; font-size: 13px; }
  .mix-sidebar .mix-panel p,
  .mix-sidebar .mix-panel li,
  .mix-sidebar .mix-panel label { font-size: 11px; line-height: 1.28; }
  .mix-sidebar .start-help ol { margin: 5px 0 6px; }
  .mix-sidebar .start-help li + li { margin-top: 2px; }
  .mix-sidebar .length-choice { padding-top: 5px; }
  .mix-sidebar .length-choice select { font-size: 11px; }
  .mix-sidebar .round-line,
  .mix-sidebar .clue-row,
  .mix-sidebar .ticket { font-size: 11px; }
  .mix-sidebar .clue-row { margin: 4px 0; }
  .mix-sidebar .quiet { margin-top: 5px; }
  .mix-sidebar .new-game { margin-top: 7px; padding: 7px 10px; }
  .mix-sidebar .new-game { background: #243131; border-color: #243131; color: #fff; }

  .mix-layout .map-wrap { display: grid; grid-template-rows: auto minmax(0, 1fr); height: 100%; min-height: 0; }
  .mix-layout .map-stage { display: grid; place-items: center; min-height: 0; height: 100%; }
  .mix-layout #map { width: auto; height: 100%; min-width: 0; min-height: 0; max-width: 100%; }
}