:root {
  --bg: #0b1220;
  --accent: #ffcc00;
  --panel: rgba(255,255,255,0.06);
}

* { box-sizing: border-box; }
html,body { height:100%; margin:0; font-family: Inter, Roboto, Arial; background: var(--bg); color: #fff; display:flex; align-items:center; justify-content:center; }

.container { width: 960px; max-width:95%; }
canvas { background: linear-gradient(180deg,#081022,#0f1726); display:block; border-radius:8px; box-shadow: 0 8px 30px rgba(0,0,0,0.7); }

.ui { margin-top:10px; display:flex; align-items:center; gap:12px; }
#score { background:var(--panel); padding:8px 12px; border-radius:6px; }
#message { color: #cbd5e1; }
button { background:var(--accent); color:#111; border:none; padding:8px 12px; border-radius:6px; cursor:pointer; font-weight:600; }
button:hover { filter:brightness(.95); }