*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#70c5ce;display:flex;align-items:center;justify-content:center;min-height:100vh}
.game-wrap{width:min(100%, 360px);background:linear-gradient(#70c5ce,#a0e7ef);border:6px solid #2b6b6b;padding:12px;border-radius:8px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,0.2)}
canvas{background:linear-gradient(#87ceeb,#bdeaf2);display:block;margin:8px auto;border:2px solid #1b4f4f;max-width:100%;height:auto;touch-action:none}
.info{color:#08393a}
#startBtn{padding:8px 12px;margin:8px;border-radius:6px;border:0;background:#ffcb05;color:#123}
footer{font-size:12px;color:#023}

@media (max-width: 480px) {
  .game-wrap{border-width:4px;padding:8px}
  button{min-height:44px;padding:8px 12px}
}