/* ═══════════════════════════════════════════════════════════
   games.css — styles for 5 interactive mini-games + AI Tutor
   ═══════════════════════════════════════════════════════════ */


/* ═══ AI TUTOR (floating chat) ═══ */
.ai-tutor {
  position: fixed; bottom: 70px; right: 18px; z-index: 80;
  pointer-events: none;
}
.ai-tutor > * { pointer-events: auto; }
.ai-tutor-fab {
  width: 56px; height: 56px; border-radius: 50%;
  background: linear-gradient(135deg, var(--g-blue), var(--g-green));
  border: none; cursor: pointer;
  box-shadow: 0 8px 24px rgba(66,133,244,.4);
  display: flex; align-items: center; justify-content: center;
  position: relative;
  transition: all .25s cubic-bezier(.34,1.56,.64,1);
}
.ai-tutor-fab:hover { transform: scale(1.08); box-shadow: 0 10px 28px rgba(66,133,244,.5); }

/* Hide AI tutor on intro */
.intro:not(.gone) ~ .ai-tutor { display: none; }

/* ═══ CIKGU VOICE — live-sparring rings (ported from cs/lite) ═══ */

/* Sparring mode: a blue aura glows around her while a live voice session runs. */
.ai-tutor-fab.sparring { background: none !important; box-shadow: none !important; animation: none !important; }
.ai-tutor-fab.sparring .cz-avatar-img {
  filter: drop-shadow(0 0 7px rgba(66,133,244,.5)) drop-shadow(0 0 16px rgba(66,133,244,.25));
  animation: sparAura 1.8s ease-in-out infinite;
}
.ai-tutor-fab.sparring.speaking .cz-avatar-img { animation: czBob 1.6s ease-in-out infinite, sparAura 1.8s ease-in-out infinite; }
@keyframes sparAura {
  0%,100% { filter: drop-shadow(0 0 5px rgba(66,133,244,.35)) drop-shadow(0 0 12px rgba(66,133,244,.15)); }
  50%     { filter: drop-shadow(0 0 8px rgba(66,133,244,.6)) drop-shadow(0 0 20px rgba(66,133,244,.3)); }
}
@media (prefers-reduced-motion: reduce) { .ai-tutor-fab.sparring .cz-avatar-img { animation: none; } }

/* Mobile adjustments */
@media (max-width: 720px) {
  .scratch-builder { grid-template-columns: 1fr; }
  .pt-cell, .bubble-cell { width: 48px; height: 48px; font-size: 18px; }
}