:root{--bg:#cccccc;--card:#ffffff;--ink:#1b1b1b;--muted:#5f6368;--radius:18px;--shadow:0 14px 36px rgba(0,0,0,.18);--accent:#7fa8c9}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.6);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid rgba(0,0,0,.06)}
.header-inner{max-width:1100px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:700;display:flex;align-items:center;gap:10px}
header a{color:var(--ink);text-decoration:none}header a:hover{text-decoration:underline}
main{max-width:1100px;margin:24px auto;padding:0 16px}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.photo{max-width:980px;margin:0 auto}.photo img{display:block;width:100%;height:auto}
.caption{text-align:center;padding:16px 18px 22px;font-size:1.4rem;color:#333}
#gameSection{max-width:980px;margin:26px auto;padding:16px}
#gameWrap{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:16px;text-align:center}
#instructions{margin:4px 0 10px;color:#333;font-size:14px}
#score{font-size:18px;color:#FF4500;margin-top:10px}
#gameCanvas{border:2px solid #333;background:#87CEEB;border-radius:8px}