/* 特殊ピースの絵：ハロウィン版（固定テイスト）と、その絵に合わせた演出の位置（見た目だけ）
   リン＝ボム、クウ＝ロケット、ラン＝飛行機。盤面・案内・演出で同じ絵を使う（.art-*）。
   通常版へ戻す時は、index.html の読み込みを special-art-normal.css に替えるだけ（このファイルと同じ形）。
   --art-* は app.mjs が読む演出の位置（要素の幅・高さの割合、角度は deg）。値は artwork-source/special-v2/anchors.json。 */
:root {
  --art-rin-tip-x: .116; --art-rin-tip-y: .467;   /* 導火線の先 */
  --art-rin-cap-x: .23;  --art-rin-cap-y: .58;    /* 導火線の付け根 */
  --art-kuu-aim: -61.5;                           /* 発射時に機首を真上へ向ける角度（絵の機体は右上へ 28.5°） */
  --art-kuu-flame-tilt: 61.5;                     /* 噴射の炎を機体の後ろ向きに */
  --art-kuu-axis-dx: .193;                        /* 真上へ向けた時の機体の軸のずれ（列の中央へ戻す） */
  --art-kuu-nozzle-dx: 0; --art-kuu-nozzle-dy: .207; /* 噴射口（火の粉・煙） */
  --art-kuu-trail-dy: .307;                       /* 光の尾の上端 */
}
.art-row, .art-col { background-image: url('special/halloween/kuu-rocket-halloween.webp'); }
.art-plane { background-image: url('special/halloween/ran-plane-halloween.webp'); }
.art-bomb { background-image: url('special/halloween/rin-bomb-halloween.webp'); }
/* 演出の部品の位置を、新しい絵に合わせる */
.rin-heat { left: 14.7%; top: 62.5%; width: 44%; height: 35.4%; }   /* 爆発が近いほど赤く光る範囲＝ボム本体 */
.kuu-flame { left: 24%; top: 75.2%; }                                /* 噴射の炎（幅30%の中心が噴射口） */
.kuu-glow { left: 39%; top: 75.2%; }                                 /* 噴射口の光 */
.ran-prop { left: 65.4%; top: 56.7%; width: 29.6%; height: 29.9%; }  /* プロペラの回転のぼかし */
.ran-trail { right: 96.9%; top: 67.5%; }                             /* 飛行機雲（尾翼の後ろから） */