@media (max-width: 760px) {
  .cardan-toolbar > label:has(#linkage-speed) {
    flex: 1 1 100%;
    justify-content: space-between;
    white-space: normal;
  }

  .cardan-toolbar .cardan-time {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 6px;
  }

  .cardan-time input { min-width: 0; width: 100%; }
  .cardan-time output { min-width: 5em; font-variant-numeric: tabular-nums; }

  .cardan-case .cardan-canvas {
    height: clamp(145px, calc(100svh - var(--tool-header-height, 109px) - 100px), 290px);
  }

  .cardan-case .cardan-local-play {
    min-height: 44px;
  }
}
