*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Jersey 10",Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to bottom,#87ceeb,#e0f6ff);overflow:hidden;padding:0;margin:0}.game-container{position:relative;width:100vw;height:100vh;background:#fff;overflow:hidden}#gameCanvas{display:block;width:100%;height:100%}.screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.screen.start-idle{background:transparent;pointer-events:none}#gameOverScreen{background:#0006}#restartButton{font-weight:500;margin-top:20px}.instructions-container{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:auto;background:#000000b3;padding:40px 60px;border-radius:20px;box-shadow:0 8px 32px #0000004d}.instructions-container h1{font-family:"Jersey 10",sans-serif;font-size:64px;color:#fff;margin-bottom:30px;text-shadow:3px 3px 6px rgba(0,0,0,.5)}.instructions-container .instruction{font-family:"Jersey 10",sans-serif;font-size:28px;color:#fff;margin:15px 0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.screen.hidden{display:none}.screen h1{font-family:"Jersey 10",sans-serif;font-size:56px;color:#fff;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.screen p{font-family:"Jersey 10",sans-serif;font-size:24px;color:#fff;margin-bottom:30px}button{font-family:"Jersey 10",sans-serif;padding:15px 40px;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(to bottom,#4caf50,#45a049);border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 6px #0003;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 6px 8px #0000004d}button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}#hud{color:#fff;position:absolute;top:30px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}#hud.hidden{display:none}.score{font-family:"Jersey 10",sans-serif;font-size:24px;font-weight:700;color:#fff}.instructions{font-family:"Jersey 10",sans-serif;font-size:14px;color:#fff}@media (max-width: 850px){.screen h1{font-size:48px}.screen p{font-size:16px}button{padding:12px 30px;font-size:18px}#hud{top:10px;left:10px;right:10px}.score{font-size:24px}.instructions{font-size:12px}}@media (orientation: landscape) and (max-height: 500px){.screen h1{font-size:28px;margin-bottom:10px}.screen p{font-size:16px;margin-bottom:15px}button{padding:10px 25px;font-size:16px}}#pauseButton{position:absolute;top:20px;right:20px;width:50px;height:50px;padding:0;font-size:24px;line-height:1;background:#0009;border:2px solid rgba(255,255,255,.8);border-radius:50%;color:#fff;cursor:pointer;z-index:15;display:flex;align-items:center;justify-content:center;transition:all .2s}#pauseButton:hover{background:#000c;transform:scale(1.1)}#pauseButton:active{transform:scale(.95)}#pauseButton.hidden{display:none}#muteButton{position:absolute;top:20px;left:20px;width:50px;height:50px;padding:0;font-size:24px;line-height:1;background:#0009;border:2px solid rgba(255,255,255,.8);border-radius:50%;color:#fff;cursor:pointer;z-index:15;display:flex;align-items:center;justify-content:center;transition:all .2s}#muteButton:hover{background:#000c;transform:scale(1.1)}#muteButton:active{transform:scale(.95)}