*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial}
body{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0b1220,#071226);color:#fff}
.container{width:860px;max-width:95%;text-align:center;padding:18px}
h1{margin:6px 0 12px;font-weight:600}
.hud{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
#score,#lives{font-size:18px}
.buttons button{margin-left:8px;padding:6px 10px;border-radius:6px;border:none;background:#1e90ff;color:#fff;cursor:pointer}
.buttons button:hover{opacity:0.9}
#gameCanvas{background:#071322;border-radius:6px;display:block;margin:0 auto;box-shadow:0 6px 18px rgba(0,0,0,0.6)}
.controls{margin-top:8px;color:#cbd5e1}
.message{margin-top:10px;font-size:18px;color:#ffd54a}

@media (max-width:600px){
	.container{padding:8px}
	.buttons button{padding:6px 8px}
}