================================================================
404 PLAYER — BREAKER（ブロック崩し / Breakout）
遊べる404ページ / Playable 404 page — v1.0.0
================================================================

ミニマルな404画面がブロック崩しに。積み上がった「404」をすべて砕くと200 OK。
  The classic "Not Found" page becomes a breakout stage.

操作 / Controls:
  マウス / タッチ / ←→キーでパドル操作 (Mouse / touch / arrow keys)

----------------------------------------------------------------
1. セットアップ（2ヶ所書き換えるだけ）
----------------------------------------------------------------

404.html をテキストエディタで開き、ファイル冒頭の
PLAYER404_CONFIG を書き換えてください。

  homeUrl:  "/"      → あなたのサイトのトップページURL
  siteName: ""       → あなたのサイト名（空欄でも動きます）

そのほかの設定:

  lang:  "auto"      → "ja" / "en" で言語を固定できます
                       （auto は訪問者のブラウザ言語で自動切替）
  sound: true        → false にすると効果音を無効にし、切替ボタンも表示しません
                       （効果音はブラウザ内で合成。音声ファイルなし）


色の変更:

  ファイル冒頭 <style> 内の ==THEME== ブロック（--t-*）の
  色コードを書き換えると、ゲーム全体の配色が変わります。
  配布ページの CUSTOMIZE ボタンを使えば、プレビューで
  遊びながら色を選んで、カスタマイズ済みのファイルを
  そのままダウンロードすることもできます。
  https://amix-design.com/tl/web-404-player/

----------------------------------------------------------------
2. サーバーへの設置
----------------------------------------------------------------

404.html をサーバーにアップロードし、404エラー時にこの
ページが表示されるよう設定します。必要なファイル名や設置場所は
利用するサーバー・ホスティングサービスの仕様に従ってください。

■ Apache（.htaccess に1行）

  ErrorDocument 404 /404.html

  ※ サブディレクトリに置く場合はパスを合わせてください。
     例: ErrorDocument 404 /blog/404.html

■ Nginx（server ブロック）

  error_page 404 /404.html;
  location = /404.html { internal; }

■ Netlify / Cloudflare Pages / GitHub Pages

  公開フォルダの直下に 404.html を置くだけで、自動的に
  404ページとして使われます。

■ Vercel（静的サイト）

  公開フォルダ直下の 404.html がそのまま使われます。
  フレームワーク使用時は各フレームワークの404の作法に
  従ってください（例: Next.js は pages/404 など）。

■ WordPress

  テーマの404.phpから読み込む方法や、サーバー側で指定する方法が
  あります。テーマやホスティング環境によって手順が異なるため、
  利用環境の404ページ設定も確認してください。

----------------------------------------------------------------
3. 動作について
----------------------------------------------------------------

・HTMLファイル1枚で完結しています。画像・フォント・
  ライブラリ・音声ファイルなど、外部への通信は一切ありません。
・アクセス解析やCookieも含まれていません。
・ページには noindex を指定済みです。サーバーが正しく
  404ステータスを返す設置方法なら、通常の404ページと同様に
  処理されます。
・スマートフォンのタッチ操作に対応しています。

----------------------------------------------------------------
4. ライセンス
----------------------------------------------------------------

同梱の LICENSE.txt を必ずお読みください。要約:

  OK: 個人・商用サイトのエラーページとしての設置（無料）
  OK: 色・文言・リンクなどの改変
  OK: クレジット表記は不要
  NG: 再配布・再販売（改変後も同様）

----------------------------------------------------------------

404 PLAYER
https://amix-design.com/tl/web-404-player/
(c) AMIX / トミナガハルキ Haruki Tominaga
