*{
    box-sizing:border-box;
    margin:0;padding:0
}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#1a1a2e;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}
.game-wrap{background:#16213e;border-radius:15px;padding:20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.3);max-width:450px;width:100%;color:#fff}
h1{color:#00d4ff;margin-bottom:15px;font-size:1.8em;text-shadow:0 0 10px #00d4ff}
canvas{background:#0f0f23;display:block;margin:0 auto;border-radius:10px;max-width:100%;height:auto;border:2px solid #00d4ff}
.info{margin-top:15px}
.stats{display:flex;justify-content:space-around;margin-bottom:10px;font-size:16px}
.controls{display:flex;gap:10px;justify-content:center;margin-bottom:10px}
button{padding:8px 16px;border:none;border-radius:8px;background:#00d4ff;color:#16213e;font-size:14px;cursor:pointer;transition:all 0.3s ease}
button:hover{background:#0099cc}
footer{font-size:12px;color:#666;margin-top:15px}
@media (max-width: 600px) {
  .game-wrap{padding:15px}
  canvas{width:100%;height:auto}
  .stats{flex-direction:column;gap:5px}
}