ダークモード切替時にプレイ画面の枠・ヘッダーが白/黄色のまま残る

1. 不具合の内容
v1.122.0で追加されたライト・ダーク切替は「全画面共通」と説明されているが、実際にはプレイ画面(pages/play.php)のゲームカードとヘッダーがインラインstyleで固定の明色を指定しているため、ダークモードに切り替えてもこの部分だけ明るい色のまま残る。

2. 根拠・発生しそうな条件
pages/play.php の抜粋に以下のインラインstyleが直接記述されている。
- `<div class="card" style="padding:0; background:#fff; border-radius:14px; overflow:hidden;">`
- `<div id="game-topbar" style="...background:#fff5d6; ...color:#2d6535; ...">`
インラインstyle属性はCSSクラスやbody[data-theme=dark]セレクタより詳細度が高いため、通常のスタイルシートでの上書きでは効かず、`!important`を使わない限りダークモードのCSSが適用されない。manifest.jsonのfeatures一覧には「全画面共通のライト・ダーク表示切替」と明記されているため、プレイ画面のヘッダー/カード枠が意図せず明色のまま残るのは仕様と矛盾する不具合である。特に夜間利用時、周囲が暗いテーマなのにプレイ画面中央だけ白や黄色の帯が光って表示され、ダークモード導入の目的(目の負担軽減)を損なう。

3. 期待動作
テーマをダークに切り替えた場合、タイトル・図鑑・ランキングだけでなくプレイ画面のヘッダー(#game-topbar)とゲームカード枠(#game-shellを包むカード)の背景色・文字色もダークテーマに追従して切り替わること。ゲームCanvas内部(モード別カラーテーマ)は現状維持で問題ない。

4. 修正方針
- pages/play.php内の該当インラインstyle(background:#fff, background:#fff5d6, color:#2d6535など)をCSSクラス(例: .vd-game-card, .vd-game-topbar)に置き換え、通常CSSファイル側で定義する。
- 既存のダークテーマ切替の仕組み(body[data-theme="dark"] などの属性/クラス切替と推測)に対応するセレクタで、上記クラスの背景色・文字色をダーク用配色に上書きする追加ルールを定義する。
- 既存のライトモード時の見た目(白背景・黄色ヘッダー・緑文字)は変更せず、ダークモード時のみ配色が切り替わるようにし、他ページの既存スタイルやゲームCanvas内の描画色は変更しない。
- 変更後、ライト/ダーク双方でPC・スマホ幅の表示崩れがないことを確認する。