/* The Tortoise and the Hare - a calm, sunlit picture-book race */

html,
body {
  height: 100%;
}

body {
  background: linear-gradient(180deg, #57A7D9 0%, #A8D86E 58%, #E5A84B 100%);
  overflow: hidden;
}

.game-container {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  padding: 0 10px;
}

.gravity-title {
  text-shadow: 0 2px 0 rgba(255, 255, 255, 0.35);
}

#story-stage {
  background: #B9E1F3;
  border-color: #5D4037;
}

#story-stage canvas {
  filter: saturate(0.96) contrast(0.98);
}

#story-text {
  background: #FFFDF4;
  border-color: #5D4037;
}

.gravity-btn.primary {
  background: linear-gradient(135deg, #F57C00, #C45100);
}

@media (max-width: 480px) {
  .gravity-title {
    font-size: clamp(1rem, 5.3vw, 1.35rem);
  }
}