/* ════ LEVEL MODE STYLES ════ */

/* ── Level 1: grey-out games not allowed ── */
body.level-1 .gcard[data-game]:not([data-game="tapPicture"]):not([data-game="matchIt"]):not([data-game="memoryGame"]):not([data-game="feedFoxy"]):not([data-game="listenPick"]) {
  opacity: 0.35;
  pointer-events: none;
}

/* ── Larger touch targets in L1 ── */
body.level-1 .btn,
body.level-1 .gcard,
body.level-1 .wcard,
body.level-1 .lcard {
  min-height: 60px;
}

/* ── Tap Picture: choice buttons ── */
body.level-1 .tp-choice-btn {
  min-height: 110px;
}

/* ── Tap Picture game ── */
.tp-choices {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 16px;
}

.tp-choice-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, .07);
  border: 2px solid rgba(255, 255, 255, .12);
  border-radius: 20px;
  padding: 16px 8px;
  cursor: pointer;
  transition: transform .15s var(--spring, cubic-bezier(.34,1.56,.64,1)), border-color .15s, background .15s;
  font-family: inherit;
  min-height: 100px;
  color: inherit;
}

.tp-choice-btn:active {
  transform: scale(0.94);
}

.tp-emoji {
  font-size: 2.6rem;
  line-height: 1;
}

.tp-word {
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}

.tp-choice-btn.tp-correct {
  border-color: #34d399;
  background: rgba(52, 211, 153, .15);
}

.tp-choice-btn.tp-wrong {
  border-color: #f87171;
  background: rgba(248, 113, 113, .12);
}