/* Storybook theme for Pip's Reading Maze */
.screen[data-screen="start"],
.screen[data-screen="win"],
.screen[data-screen="gameover"] {
  background: rgba(18, 38, 24, 0.78);
  backdrop-filter: blur(6px);
}

.card-modal {
  background: #fffef8;
  color: #1e293b;
  padding: 1.75rem 1.4rem;
  border-radius: 26px;
  border: 4px solid #7ac74f;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
  max-width: 360px;
  margin: 0 auto;
  display: grid;
  gap: 0.75rem;
}

.hero-icons {
  font-size: 3.2rem;
  line-height: 1.1;
}

#title, .card-modal h2 {
  color: #1f4d24;
  font-size: 2rem;
  margin: 0;
}

.subtitle {
  color: #475569;
  font-size: 1.1rem;
  line-height: 1.35;
  margin: 0 0 0.4rem;
}

button {
  background: #ff8c00;
  color: #fff;
  font-weight: 800;
  font-size: 1.25rem;
  box-shadow: 0 5px 0 #c96800;
}
button.secondary {
  background: #e2e8f0;
  color: #334155;
  box-shadow: 0 4px 0 #94a3b8;
}