/* こぶたぬき（化けだぬきの訪問者） */

/* 化けている間ののんびり移動（ウェイポイント間をすーっと歩く） */
.room-tanuki { transition: left 2.9s ease-in-out, top 2.9s ease-in-out; z-index: 3; }

/* 手がかりの葉っぱ */
.tk-leaf .tk-leaf-body { fill: #6fb35f; stroke: #4e8f45; stroke-width: 3; }
.tk-leaf .tk-leaf-vein { fill: none; stroke: #4e8f45; stroke-width: 2.5; stroke-linecap: round; }
.tk-leaf .tk-leaf-stem { fill: #4e8f45; }

/* 正体（こぶたぬき）の配色 */
.tk-true .tk-body { fill: #b08a63; }
.tk-true .tk-belly { fill: #f0e2c8; }
.tk-true .tk-head { fill: #b08a63; }
.tk-true .tk-ear { fill: #7a5a3a; }
.tk-true .tk-patch { fill: #6b4a2e; }
.tk-true .tk-eye-w { fill: #fff; }
.tk-true .tk-eye-p { fill: #2a1c14; }
.tk-true .tk-muzzle { fill: #f0e2c8; }
.tk-true .tk-nose { fill: #3a2a1c; }
.tk-true .tk-mouth { fill: none; stroke: #3a2a1c; stroke-width: 4; stroke-linecap: round; }
.tk-true .tk-tail ellipse { fill: #b08a63; }
.tk-true .tk-tail .tk-tail-stripe { fill: none; stroke: #7a5a3a; stroke-width: 6; stroke-linecap: round; }

/* 正体を現す瞬間：ぽんっと弾む */
.room-tanuki.tk-revealed { animation: tkPop .5s ease; }
@keyframes tkPop {
  0% { transform: scale(.6) rotate(-8deg); }
  60% { transform: scale(1.15) rotate(4deg); }
  100% { transform: scale(1) rotate(0); }
}