💡 全体的な攻略の流れ（基本思想）
このアプリは、Water Sort（試験管の色分けパズル）で「最も確実にクリアできる最短ルート」を計算・ナビゲートします。
序盤〜中盤の戦略
🔍 隠しタイル（？）の優先開錠
隠しタイルが多く残っている段階では、最終ゴール（全色完成）を目指しても裏向きタイルの正体がわからないため攻略できません。
そのため、「隠しタイルが残り3つくらいになるまでは、最短で隠しタイルを開けること」を最優先して進めます。
終盤の戦略（残り1〜4個）
🎯 推測・場合分け ＆ 完全クリア直行
各色のタイルは盤面に必ず4個ずつ存在します。隠しタイルが残り少なくなると、欠落しているタイルが判明します。
・残り1個：100%正体が特定できるため、即座に完全クリアまで計算します。
・残り2〜4個：解が存在する「有力パターン」を特定し、開錠マイルストーン手まで進めます。
1 試験管の本数をゲーム画面と合わせる
パズルを始める前に、画面上の試験管の本数をゲーム画面とぴったり一致させます。
▲ ツールバーのボタンと試験管の右上の「✕」ボタンを使って本数を調整します
＋ 試験管を追加
本数が足りない場合はクリックして増やします。
✕ 個別削除
各試験管の右上にある赤い「✕」ボタンを押すと、その試験管だけをピンポイントで削除できます。
空管も必ず用意
ゲーム画面に最初からある「空の試験管（通常2本）」も必ずアプリ上に配置してください（空管がないとタイルを注ぐことができません）。
2 マークと色を手動入力する
試験管の各スロット（4段）をクリックして、ゲーム画面と同じマーク（色）を登録していきます。
▲ スロットをタップして現れるパレットから色・記号、または「❓ 隠しタイル」を選びます
下から順に入力
試験管は底（1段目）から上に向かってタイルが入ります。底のスロットから順にタップして色を設定してください。
❓ 隠しタイルの入力
ゲーム画面でまだ正体がわからない裏向きのタイルは、パレット下の「❓ 隠しタイル」を押します。
タイル集計で過不足をチェック
画面下の「タイル集計 (各4個目標)」を見ると、各マークが何個入力されたか確認できます。緑色の「4/4」になっていればバッチリです。
3 入力直後に「盤面を保存」する（重要）
タイルを全て入力し終えたら、攻略を始める前に必ずツールバーの **「💾 盤面を保存」** をクリックしてください！
💾 盤面を保存
ブラウザ内に現在の盤面が保存され、いつでも一覧から呼び出せます。
↺ 入力直後に戻す
手順を進めた後や、リトライ（ゲーム内の最初からやり直す）になった場合でも、このボタンを押せば一瞬で入力完了時の状態に戻せます。
4 攻略ルートを計算し、ゲームを進める
右上の **「🚀 攻略ルートを計算」** ボタンを押すと、ブラウザ内で一瞬で計算が行われます。
▲ 大きく表示される「どの試験管からどこへ注ぐか」を見ながらゲームを操作します
「▶ 次の手」で1手ずつ確認
画面を見ながらゲーム実機を操作します。シミュレーション盤面も連動して水が動きます。
全手順一覧からジャンプ
下の一覧表から好きな手をクリックすると、その時点の盤面に一瞬でスキップできます。
5 隠しタイルが開錠された時の流れ
指示に従って手順を進め、隠しタイルが開錠される手に到達すると、自動的に「何が現れましたか？」というダイアログが開きます。
🎯 候補タイルからワンクリック
有力パターン探索時は、画面上部に「開錠候補タイル」が表示されます。現れたタイルをタップするだけで、自動で次の手順へ分岐します。
予測的中ならそのまま続行
有力パターンの予測通りだった場合は、何の手間もなくそのまま完全クリアまで手順を続けられます。
別の色が出た場合（切替 or 再攻略）
別の色が出た場合でも、アプリが自動で「パターン切替」または「判明した色を反映して初期状態から最短再攻略」を即座に計算してナビゲートします。