@media (max-width: 768px) {
  #felt,
  #submit-felt,
  #training-felt {
    max-width: 100%;
    height: auto;
    aspect-ratio: 420 / 260;
    margin: 12px auto;
  }

  /* Reduce tilt on smaller screens for readability */
  #felt, #training-felt {
    transform: perspective(900px) rotateX(10deg);
    transform-origin: 50% 100%;
  }

  #training-felt .training-seat-chip {
    min-width: 60px;
    font-size: 10px;
    padding: 5px 8px;
  }

  .seat-gif {
    width: 16px;
    height: 16px;
  }

  .pot-display,
  .training-pot-display {
    font-size: 12px;
    padding: 6px 10px;
  }
}