:root{--bg:#0d1117;--card:#161b22;--border:#30363d;--text:#c9d1d9;--muted:#8b949e;--accent:#58a6ff;--accent2:#7ee787;--danger:#f85149;--warn:#d29922}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);min-height:100vh}
a{color:var(--accent);text-decoration:none}
.game-container{max-width:900px;margin:0 auto;padding:20px}
.game-header{text-align:center;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:30px}
.game-header h1{font-size:1.8rem;color:var(--accent);margin-bottom:8px}
.game-header .subtitle{color:var(--muted);font-size:.9rem}
.game-board{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}
canvas{display:block;margin:0 auto;border-radius:8px;background:#010409;touch-action:none}
.score-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 15px;background:#010409;border-radius:8px}
.score-bar .score{font-size:1.2rem;font-weight:bold;color:var(--accent2)}
.score-bar .high-score{color:var(--muted);font-size:.9rem}
.controls{display:flex;gap:10px;justify-content:center;margin-top:15px;flex-wrap:wrap}
.btn{padding:10px 24px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);cursor:pointer;font-size:.95rem;transition:all .2s}
.btn:hover{border-color:var(--accent);color:var(--accent)}
.btn-primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}
.btn-primary:hover{opacity:.85}
.game-over{text-align:center;padding:30px}
.game-over h2{font-size:1.5rem;margin-bottom:15px}
.game-over .final-score{font-size:2rem;color:var(--accent2);margin:15px 0}
.back-link{display:block;text-align:center;margin-top:20px;color:var(--muted)}
.back-link:hover{color:var(--accent)}
@media(max-width:600px){.game-container{padding:10px}.game-header h1{font-size:1.4rem}}