/* ============================================================
 * classic_diff3.css  (v=20260907s3t)
 * 经典四游戏三档难度画面参数：打地鼠/钓鱼/气球/星星
 * 档位钩子：#gameCanvas.diff-lv1 / .diff-lv2 / .diff-lv3
 *   L2 为基线（保持 game_modern.css 原参数），本文件只覆写 L1 与 L3。
 * 配色规范与海盗船一致：蓝金体系；仅动节奏/大小，不改温和化 emoji。
 * ============================================================ */

/* ---------- 打地鼠 whack ---------- */
/* L1：所有地鼠都醒着（CSS 强制可见，盖过内置探头/缩洞循环与 .show 的 id 权重）；已叫醒的不受影响 */
#gameCanvas.diff-lv1 .whack-mole:not(.whacked):not(.target-hit) {
  transform: translateY(0) !important;
  opacity: 1 !important;
}
/* L1 地鼠更大一点，小朋友看得清 */
#gameCanvas.diff-lv1 .mole-body {
  transform: scale(1.12) !important;
  transform-origin: center bottom;
}
/* L3 地鼠略小（s3t：0.9→0.95 略放大，节奏放缓），洞里更挤、更考验眼尖 */
#gameCanvas.diff-lv3 .mole-body {
  transform: scale(0.95) !important;
  transform-origin: center bottom;
}
/* L3：贪睡补觉中的地鼠——缩进洞（JS .cg-nap 加/卸；!important 盖过 .whack-mole.show 的 id 权重）；
   命中加 .whacked 后 :not(.whacked) 选择器失效，地鼠天然弹回可见（读对必应兜底） */
#gameCanvas.diff-lv3 .whack-mole.cg-nap:not(.whacked) {
  transform: translateY(120%) !important;
  opacity: 0 !important;
  transition: transform 0.3s var(--gm-ease, ease), opacity 0.3s;
}
/* L3：补觉预告期 .cg-nap-soon（0.6s）——地鼠仍在洞口可见、可被读对叫醒，冒 💤 浮动+眨眼给孩子预期；命中 .whacked 后预告即时消失 */
#gameCanvas.diff-lv3 .whack-mole.cg-nap-soon:not(.whacked) {
  position: relative;
}
#gameCanvas.diff-lv3 .whack-mole.cg-nap-soon:not(.whacked)::before {
  content: "\1F4A4";  /* 💤 */
  position: absolute;
  top: -14px;
  right: -6px;
  font-size: 20px;
  z-index: 5;
  animation: cgNapSoonFloat 0.6s ease-in-out infinite;
}
#gameCanvas.diff-lv3 .whack-mole.cg-nap-soon:not(.whacked) .mole-emoji {
  display: inline-block;
  animation: cgNapSoonBlink 0.6s ease-in-out infinite;
}
@keyframes cgNapSoonFloat {
  0%   { transform: translateY(2px); opacity: 0.7; }
  50%  { transform: translateY(-4px); opacity: 1; }
  100% { transform: translateY(2px); opacity: 0.7; }
}
@keyframes cgNapSoonBlink {
  0%, 100% { transform: scaleY(1); }
  50%      { transform: scaleY(0.85); }
}

/* ---------- 气球 balloon ---------- */
/* L1：大气球、慢慢轻摇（3.6s，±2.5°） */
#gameCanvas.diff-lv1 .balloon-target {
  animation-name: cgBalloonSway1;
  animation-duration: 3.6s;
}
#gameCanvas.diff-lv1 .balloon-body {
  transform: scale(1.15) !important;
  transform-origin: center bottom;
}
@keyframes cgBalloonSway1 {
  0%, 100% { transform: rotate(-2.5deg) scale(1); }
  50%      { transform: rotate(2.5deg) scale(1.03); }
}
/* L3：小气球、摇摆放缓（s3t：2.0s→2.4s，±8°→±6°，scale 0.9→0.92） */
#gameCanvas.diff-lv3 .balloon-target {
  animation-name: cgBalloonSway3;
  animation-duration: 2.4s;
}
#gameCanvas.diff-lv3 .balloon-body {
  transform: scale(0.92) !important;
  transform-origin: center bottom;
}
@keyframes cgBalloonSway3 {
  0%, 100% { transform: rotate(-6deg) scale(1); }
  50%      { transform: rotate(6deg) scale(1.05); }
}

/* ---------- 钓鱼 fish ---------- */
/* L1：小鱼慢慢游（3.8s，小幅度 ±6px/1.5°） */
#gameCanvas.diff-lv1 .fish-target {
  animation-name: cgFishSwim1;
  animation-duration: 3.8s;
}
#gameCanvas.diff-lv1 .fish-target .fish-shape {
  transform: scale(1.12) !important;
  transform-origin: center;
}
@keyframes cgFishSwim1 {
  0%, 100% { transform: translateX(0) rotate(-1.5deg); }
  50%      { transform: translateX(6px) rotate(1.5deg); }
}
/* L3：小鱼游得欢但节奏放缓（s3t：1.8s→2.2s，游幅 ±20px→±16px、±4°→±3°，scale 0.92→0.95） */
#gameCanvas.diff-lv3 .fish-target {
  animation-name: cgFishSwim3;
  animation-duration: 2.2s;
}
#gameCanvas.diff-lv3 .fish-target .fish-shape {
  transform: scale(0.95) !important;
  transform-origin: center;
}
@keyframes cgFishSwim3 {
  0%, 100% { transform: translateX(-16px) rotate(-3deg); }
  50%      { transform: translateX(16px) rotate(3deg); }
}

/* ---------- 星星 star ---------- */
/* L1：星星又大又亮、慢慢闪（3.2s，轻微缩放） */
#gameCanvas.diff-lv1 .star-target {
  animation-name: cgStarTwinkle1;
  animation-duration: 3.2s;
}
#gameCanvas.diff-lv1 .star-body {
  transform: scale(1.18) !important;
  transform-origin: center;
}
@keyframes cgStarTwinkle1 {
  0%, 100% { transform: scale(1) rotate(0);     filter: drop-shadow(0 0 10px rgba(255,230,120,0.75)); }
  50%      { transform: scale(1.05) rotate(4deg); filter: drop-shadow(0 0 16px rgba(255,230,120,0.95)); }
}
/* L3：星星小而闪、节奏放缓（s3t：1.5s→1.8s，转动 -10°/12°→-8°/10°，scale 0.88→0.90），8颗满天星 */
#gameCanvas.diff-lv3 .star-target {
  animation-name: cgStarTwinkle3;
  animation-duration: 1.8s;
}
#gameCanvas.diff-lv3 .star-body {
  transform: scale(0.90) !important;
  transform-origin: center;
}
@keyframes cgStarTwinkle3 {
  0%, 100% { transform: scale(1) rotate(-8deg); filter: drop-shadow(0 0 6px rgba(255,230,120,0.7)); }
  50%      { transform: scale(1.12) rotate(10deg); filter: drop-shadow(0 0 18px rgba(255,230,120,1)); }
}