/* =========================
style.css
========================= */
* {
touch-action: manipulation;
}


body {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: #70c5ce;
font-family: Arial, sans-serif;
overflow: hidden;
}


canvas {
background: linear-gradient(#70c5ce, #dff6f9);
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}


.hint {
position: absolute;
top: 20px;
color: #fff;
font-size: 16px;
text-shadow: 1px 1px 2px #000;
z-index: 10;
}