/* Custom Styles for Fruit Learning App */
.font-display {
  font-family: 'Fredoka', 'Noto Sans TC', sans-serif;
}

body {
  font-family: 'Fredoka', 'Noto Sans TC', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* 翻牌動畫 */
.perspective-1000 {
  perspective: 1000px;
}

.card-inner {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}

.card-flipped .card-inner {
  transform: rotateY(180deg);
}

.card-face {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.card-back {
  transform: rotateY(180deg);
}

/* 拖拉視覺效果 */
.dragging {
  opacity: 0.5;
  transform: scale(0.95);
}

.drop-hover {
  background-color: #fef08a !important;
  border-color: #f59e0b !important;
  transform: scale(1.02);
}

/* Modal 動畫 */
@keyframes scaleUp {
  0% { transform: scale(0.9); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.animate-scale-up {
  animation: scaleUp 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Tab 樣式切換 */
.tab-btn.active-tab {
  background-color: white !important;
  color: #ea580c !important;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
}