/* Only episode 1: child-facing stage, no terminology or scene skipping. */
.ep01-mode #learningFocusCard, .ep01-mode .scene-direct-tabs,
.ep01-mode .scene-formula-tag, .ep01-mode #screenBadge,
.ep01-mode .story-progress-bar,
.ep01-mode .voice-hint-badge, .ep01-mode .logo-badge { display: none !important; }
.ep01-mode .cinema-stage { max-width: 1000px; margin: auto; }
.ep01-mode .screen-container { aspect-ratio: 16 / 9; overflow: clip; }
.ep01-mode .ep1-interactive-layer { position: absolute; inset: 0; }
.ep01-mode .flying-rocket, .ep01-mode .starlight-trail {
  animation: none !important; bottom: auto; opacity: 1; line-height: 1;
}
.ep01-mode .flying-rocket { z-index: 2; }
.ep01-mode .starlight-trail { font-size: clamp(14px, 3vw, 24px); }
.ep01-mode .ep1-prompt-wrap {
  position: absolute;
  right: 24px;
  left: auto;
  top: auto;
  bottom: 16px;
  width: auto;
  max-width: 340px;
  transform: none;
  gap: 10px;
  align-items: flex-end;
  animation: none;
}
.ep01-mode .ep1-speech-bubble {
  padding: 8px 14px;
  font-size: 14px;
}
.ep01-mode .ep1-start-btn {
  padding: 12px 28px;
  font-size: 20px;
  min-height: 52px;
}
.ep01-mode .ep1-complete-wrap {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  width: 100%;
  max-width: none;
  margin: 12px 0 0;
  padding: 18px;
}
.ep01-mode .ep1-complete-wrap.active { display: flex !important; }
.ep01-mode .ep1-action-choices { width: 100%; }
.ep01-mode .btn-child-choice { min-height: 48px; }
.ep01-mode .cinema-cut { animation: none !important; }
.ep01-mode #ep01AudioHelp { padding: 12px; background: #29334c; border-radius: 12px; }
#ep01AudioHelp[hidden] { display: none; }
#ep01AudioHelp button { min-height: 48px; padding: 10px 16px; margin: 4px; border-radius: 20px; border: 0; font-size: 15px; cursor: pointer; }
.ep01-mode .ep1-start-btn:focus-visible, .ep01-mode button:focus-visible { outline: 3px solid #fcd34d; outline-offset: 3px; }
@media(max-width: 600px) {
  .ep01-mode .cinema-stage { padding: 8px; }
  .ep01-mode .ep1-prompt-wrap {
    right: 10px;
    bottom: 10px;
    max-width: 260px;
  }
  .ep01-mode .ep1-speech-bubble { display: none; }
  .ep01-mode .ep1-start-btn { padding: 10px 20px; font-size: 17px; min-height: 48px; }
  .ep01-mode .cinema-subtitle-bar { padding: 10px; min-height: 80px; }
  .ep01-mode .control-deck { flex-wrap: wrap; gap: 10px; }
  .ep01-mode .ep1-action-choices { flex-direction: column; }
  .ep01-mode .btn-child-choice { justify-content: center; }
}