*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0;background:linear-gradient(#ffeedd,#fff8f2);color:#333;display:flex;align-items:center;justify-content:center;height:100vh}
.game-wrap{width:720px;max-width:95%;text-align:center;position:relative}
h1{margin:0 0 8px}
.hud{display:flex;justify-content:space-between;margin:8px 0 12px;font-weight:600}
canvas{background:linear-gradient(#fff,#fffefc);border-radius:10px;display:block;margin:0 auto;box-shadow:0 6px 18px rgba(0,0,0,0.12)}
.controls{margin-top:10px}
button{padding:8px 14px;border-radius:6px;border:1px solid rgba(0,0,0,0.08);background:#fff;cursor:pointer}
.hint{font-size:0.9rem;color:#666;margin-top:6px}
.overlay{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);color:#fff}
.overlay .box{background:linear-gradient(#ffefe0,#ffd3b8);padding:20px;border-radius:10px;color:#222;text-align:center}
small{display:block;color:#666;margin-top:6px}
@media (max-width:420px){.game-wrap{padding:0 6px}}