/* タイトル画面（Tap to Start）のメイン画像：ハロウィン版（固定テイスト、941×1672 の縦長）
   旧 halloween-title-v1.webp（正方形）は残し、画像の指定だけを替える。app.mjs（画面の流れ・ボタン・音）は変えない。
   通常版へ戻す時は、index.html の読み込みを title-art-normal.css に替えるだけ（このファイルと同じ形で用意する）。
   縦長になったので、枠の幅を「画面の高さに収まる幅」までに抑え、絵に描かれたボタンの位置に押せる範囲を合わせる。 */
.halloween-title > img { content: url('title/halloween/title-halloween.webp'); aspect-ratio: 941 / 1672; }
#modal:has(#titleStart) { width: min(calc(100% - 24px), calc((100svh - 36px) * 941 / 1672), 500px); }
/* 押せる範囲＝絵の「Tap to Start」の骨形ボタン（横 21〜79.5%・縦 79〜89%）。高さは最低 44px のまま */
.halloween-start { left: 21%; top: 79%; width: 58.5%; height: 10%; }