/* =========================================================
   かえるずきん v2
   丸い頭、飛び出した目、斑点、喉袋、横に広い口を強調する。
   ========================================================= */

/* 頭巾がブタ耳と口を置き換える。鼻と顔は開口部から見せる。 */
.pig.equip-kaeruzukin .ear,
.pig.equip-kaeruzukin .mouth {
  opacity: 0;
}

.acc-shop-kaeruzukin .kz-hood-shadow {
  fill: #47a83e;
  stroke: #2f7c2e;
  stroke-width: 3.4;
  stroke-linejoin: round;
}
.acc-shop-kaeruzukin .kz-hood-highlight {
  fill: #67c957;
  opacity: .86;
}
.acc-shop-kaeruzukin .kz-side-l,
.acc-shop-kaeruzukin .kz-side-r {
  fill: #3d9b36;
  stroke: #2f7c2e;
  stroke-width: 2;
}

/* カエルの飛び出した眼球。 */
.acc-shop-kaeruzukin .kz-eye-pod {
  fill: #5fc451;
  stroke: #2f7c2e;
  stroke-width: 3;
}
.acc-shop-kaeruzukin .kz-eye-w {
  fill: #fbfff4;
  stroke: #2f7c2e;
  stroke-width: 2.4;
}
.acc-shop-kaeruzukin .kz-eye-p { fill: #20271f; }
.acc-shop-kaeruzukin .kz-eye-s { fill: #fff; }

/* 斑点で単色の帽子感をなくす。 */
.acc-shop-kaeruzukin .kz-spot { fill: #2f8d34; opacity: .72; }
.acc-shop-kaeruzukin .kz-spot-small { fill: #82d86a; opacity: .82; }

/* 淡い喉袋と大きく横へ広がる口。 */
.acc-shop-kaeruzukin .kz-throat {
  fill: #c9e986;
  stroke: #6cab45;
  stroke-width: 2.2;
  transform-box: fill-box;
  transform-origin: center top;
}
.acc-shop-kaeruzukin .kz-grin {
  fill: none;
  stroke: #285f2a;
  stroke-width: 5;
  stroke-linecap: round;
}
.acc-shop-kaeruzukin .kz-mouth-corner { fill: #285f2a; }

/* 広場では襟と水かきのある足を追加。 */
.rp-frog-costume .rf-collar {
  fill: #56ba49;
  stroke: #2f7c2e;
  stroke-width: 2;
}
.rp-frog-costume .rf-foot {
  fill: #5dc44f;
  stroke: #2f7c2e;
  stroke-width: 2.4;
  stroke-linejoin: round;
}
.rp-frog-costume .rf-toe-line {
  fill: none;
  stroke: #2f7c2e;
  stroke-width: 2;
  stroke-linecap: round;
}

/* 待機中は喉袋がゆっくり呼吸し、ジャンプ着地では一度大きく膨らむ。 */
.roompig.equip-kaeruzukin .kz-throat {
  animation: frogThroatIdle 2.8s ease-in-out infinite;
}
.room-pig.froghop .kz-throat {
  animation: frogThroatHop .6s ease-out;
}
@keyframes frogThroatIdle {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04, 1.11); }
}
@keyframes frogThroatHop {
  0%, 45% { transform: scale(1); }
  72% { transform: scale(1.09, 1.24); }
  100% { transform: scale(1); }
}

/* ジャンプもカエルらしく、最初にしゃがんでから高く跳ぶ。 */
.room-pig.froghop {
  animation: frogHopV2 .72s cubic-bezier(.25,.75,.35,1);
  transform-origin: center bottom;
}
@keyframes frogHopV2 {
  0% { transform: translateY(0) scale(1); }
  12% { transform: translateY(3px) scale(1.09, .86); }
  38% { transform: translateY(-34px) scale(.94, 1.08); }
  58% { transform: translateY(-38px) scale(.95, 1.06); }
  82% { transform: translateY(1px) scale(1.10, .88); }
  100% { transform: translateY(0) scale(1); }
}

/* プレビューでも眼球や口の輪郭が潰れないよう少し強調。 */
.acc-icon .acc-shop-kaeruzukin .kz-grin { stroke-width: 6; }
.acc-icon .acc-shop-kaeruzukin .kz-eye-pod { stroke-width: 3.5; }

@media (prefers-reduced-motion: reduce) {
  .roompig.equip-kaeruzukin .kz-throat,
  .room-pig.froghop {
    animation: none;
  }
}