*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;padding:10px}.game-container{position:relative;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;max-width:100%}#gameCanvas{display:block;background:linear-gradient(180deg,#87ceeb,#98d8c8 50%,#90ee90);max-width:100%;height:auto}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.7);opacity:1;transition:opacity .3s}.game-overlay.hidden{opacity:0;pointer-events:none}.title{font-size:32px;color:gold;text-shadow:3px 3px 6px rgba(0,0,0,.5);margin-bottom:20px}.subtitle,.title{text-align:center;padding:0 20px}.subtitle{font-size:18px;color:#fff;margin-bottom:30px}.start-btn{padding:15px 50px;font-size:20px;background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;color:#333;cursor:pointer;font-weight:700;box-shadow:0 5px 20px rgba(255,215,0,.4);transition:transform .2s,box-shadow .2s;touch-action:manipulation}.start-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(255,215,0,.6)}.instructions{margin-top:30px;color:#ddd;font-size:14px;text-align:center;padding:0 20px}.instructions p{margin:5px 0}.score-display{left:15px;font-size:22px;color:gold}.best-score,.score-display{position:absolute;top:15px;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-weight:700}.best-score{right:15px;font-size:20px;color:#ff6b6b}.game-over-text{font-size:40px;color:#ff6b6b;text-shadow:3px 3px 6px rgba(0,0,0,.5);margin-bottom:20px}.final-score{font-size:24px;color:#fff;margin-bottom:30px}.controls{gap:15px;margin-top:20px;flex-wrap:wrap}.control-btn,.controls{display:flex;justify-content:center;align-items:center}.control-btn{width:70px;height:70px;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:50%;color:#fff;font-size:28px;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3);touch-action:manipulation;transition:transform .1s}.control-btn:active{transform:scale(.9)}.control-btn.small{width:60px;height:60px;font-size:24px}.control-btn.red{background:linear-gradient(135deg,#f44336,#d32f2f)}.control-btn.blue{background:linear-gradient(135deg,#2196f3,#1976d2)}.control-btn.orange{background:linear-gradient(135deg,#ff9800,#f57c00)}.control-btn.green{background:linear-gradient(135deg,#4caf50,#45a049)}@media (max-width:768px){.title{font-size:24px}.subtitle{font-size:16px}.score-display{font-size:18px}.game-over-text{font-size:32px}.final-score{font-size:20px}.control-btn{width:60px;height:60px;font-size:24px}.control-btn.small{width:50px;height:50px;font-size:20px}}