*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;overflow:hidden;background:#87ceeb}#app{position:relative;width:100vw;height:100vh}#gameCanvas{display:block;width:100%;height:100%;background:linear-gradient(to bottom,#87ceeb,#87ceeb 60%,#90ee90 60%,#228b22)}#ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#87ceebe6;pointer-events:all}.screen.hidden{display:none}#gameScreen{background:transparent!important;pointer-events:none}#gameScreen>*{pointer-events:all}#startScreen h1{font-size:3rem;color:#2c3e50;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}#startScreen p{font-size:1.2rem;color:#34495e;margin-bottom:2rem;text-align:center;max-width:600px}.controls-info{background:#fffc;padding:1rem;border-radius:10px;margin-bottom:2rem}.controls-info p{margin:.5rem 0;font-size:1rem}button{background:#e74c3c;color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;border-radius:10px;cursor:pointer;transition:background .3s}button:hover{background:#c0392b}button:active{transform:scale(.95)}#hud{position:absolute;top:20px;left:20px;background:#ffffffe6;color:#2c3e50;padding:15px 25px;border-radius:15px;font-size:1.2rem;font-weight:700;pointer-events:none;border:3px solid #34495e;box-shadow:0 4px 8px #0003}#hud div{margin:8px 0}.mobile-controls{position:absolute;bottom:20px;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:0 20px;pointer-events:all}.movement-controls{display:flex;flex-direction:column;align-items:center;gap:10px}.horizontal-controls{display:flex;gap:10px}.mobile-controls button{width:60px;height:60px;border-radius:50%;font-size:1.5rem;padding:0;background:#ffffffe6;color:#2c3e50;border:3px solid #34495e;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-weight:700;box-shadow:0 4px 8px #0003}#dropBtn{width:80px;height:80px;border-radius:50%;font-size:1rem;background:#e74c3c;color:#fff;border:3px solid #c0392b}.mobile-controls button:active{background:#3498dbcc;color:#fff}#dropBtn:active{background:#c0392b}#gameOverScreen{background:#000c;color:#fff}#gameOverScreen h2{font-size:2.5rem;margin-bottom:1rem}#finalScore{font-size:1.5rem;margin-bottom:1rem}#finalStats{font-size:1.2rem;margin-bottom:2rem;text-align:center}@media (max-width: 768px){#startScreen h1{font-size:2rem}#startScreen p{font-size:1rem;padding:0 20px}.controls-info{margin:0 20px 2rem}.mobile-controls button{width:50px;height:50px;font-size:1.2rem}#dropBtn{width:70px;height:70px}#hud{font-size:1rem;padding:10px 15px}}