*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#f0f0f0;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}
.game-wrap{background:#fff;border-radius:15px;padding:20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.2);max-width:450px;width:100%}
h1{color:#333;margin-bottom:15px;font-size:1.8em}
canvas{background:#e8f4f8;display:block;margin:0 auto;border-radius:10px;max-width:100%;height:auto;border:2px solid #ccc}
.info{color:#333;margin-top:15px}
.controls{display:flex;gap:10px;justify-content:center;margin-bottom:10px}
button{padding:8px 16px;border:none;border-radius:8px;background:#007bff;color:#fff;font-size:14px;cursor:pointer;transition:all 0.3s ease}
button:hover{background:#0056b3}
footer{font-size:12px;color:#666;margin-top:15px}
@media (max-width: 600px) {
  .game-wrap{padding:15px}
  canvas{width:100%;height:auto}
}