feat: expand to 1014 words, add title-case display and 2 new themes

- Move word data from hardcoded seed.py to data/words.json
- Expand from 210 words across 7 categories to 1014 words across 14
  categories (animals, food, colors, sports, space, nature, music,
  science, countries, occupations, ocean, weather, mythology, technology)
- Word list sidebar now shows title case (Tiger) while grid stays
  uppercase; text input remains case-insensitive
- Add Ocean theme (light, blue accents) and Forest theme (dark, amber
  accents on deep green)
- Replace hardcoded rgba values with --coral-bg CSS variable so
  selection highlighting adapts per theme

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

templates/scoreboard.html

@@ -0,0 +1,55 @@
+{% extends "base.html" %}
+
+{% block active_page %}{% set active_page = "scoreboard" %}{% end %}
+
+{% block title %}Word Search — Scoreboard{% end %}
+
+{% block content %}
+<h2 class="mb-4"><i class="bi bi-trophy"></i> Scoreboard</h2>
+
+<div id="scoreboard-loading" class="text-center py-4">
+    <div class="spinner-border text-secondary" role="status">
+        <span class="visually-hidden">Loading...</span>
+    </div>
+</div>
+
+<div id="recent-games-section" class="d-none mb-4">
+    <h3 class="mb-3"><i class="bi bi-clock-history"></i> Your Recent Games</h3>
+    <div class="card">
+        <div class="card-body p-0">
+            <div class="table-responsive">
+                <table class="table table-hover mb-0" id="recent-games-table">
+                    <thead>
+                        <tr>
+                            <th>Category</th>
+                            <th>Player</th>
+                            <th>Time</th>
+                            <th>Board</th>
+                            <th>Words</th>
+                            <th>Date</th>
+                        </tr>
+                    </thead>
+                    <tbody></tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="popular-section" class="d-none mb-4">
+    <h3 class="mb-3"><i class="bi bi-fire"></i> Popular Categories</h3>
+    <div class="row g-3" id="popular-row"></div>
+</div>
+
+<div id="leaderboards-section" class="d-none">
+    <h3 class="mb-3"><i class="bi bi-list-ol"></i> Leaderboards</h3>
+    <div id="leaderboards-container"></div>
+</div>
+
+<div id="scoreboard-empty" class="d-none text-center py-4">
+    <p class="text-muted fs-5">No completed games yet. Be the first to finish a puzzle!</p>
+    <a href="/game" class="btn btn-accent">Start a Game</a>
+</div>
+
+<script src="{{ static_url('js/scoreboard.js') }}"></script>
+{% end %}