*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial Black,Arial,sans-serif;background:linear-gradient(to bottom,#87ceeb,#e0f6ff);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.app{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.menu-screen{text-align:center;animation:fadeIn .5s ease-in}.game-title{font-size:4rem;color:#ff6b35;text-shadow:4px 4px 0px #333,8px 8px 0px rgba(0,0,0,.2);margin-bottom:3rem;animation:bounce 2s infinite}.start-button{background:linear-gradient(to bottom,#4caf50,#45a049);color:#fff;font-size:2rem;font-weight:700;padding:1.5rem 3rem;border:4px solid #2d6b2f;border-radius:15px;cursor:pointer;box-shadow:0 8px #2d6b2f,0 12px 20px #0000004d;transition:all .1s;text-transform:uppercase}.start-button:hover{transform:translateY(2px);box-shadow:0 6px #2d6b2f,0 10px 15px #0000004d}.start-button:active{transform:translateY(4px);box-shadow:0 4px #2d6b2f,0 6px 10px #0000004d}.select-screen{text-align:center;animation:fadeIn .5s ease-in}.select-title{font-size:3rem;color:#ff6b35;text-shadow:3px 3px 0px #333;margin-bottom:2rem}.ship-container{display:flex;gap:3rem;justify-content:center;align-items:center}.ship-option{cursor:pointer;transition:transform .2s;text-align:center}.ship-option:hover{transform:scale(1.1)}.ship-option img{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(0,0,0,.3))}.ship-option p{margin-top:1rem;font-size:1.5rem;color:#333;font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.game-container{border:8px solid #333;border-radius:10px;box-shadow:0 10px 40px #00000080;overflow:hidden;max-width:95vw;max-height:90vh}.gameover-screen{text-align:center;background:#000c;padding:3rem;border-radius:20px;box-shadow:0 10px 50px #000000b3;animation:fadeIn .5s ease-in;max-width:500px}.gameover-title{font-size:4rem;color:#f44;text-shadow:3px 3px 0px #000;margin-bottom:2rem;animation:shake .5s}.score-display{margin-bottom:2rem}.final-score{font-size:2rem;color:gold;text-shadow:2px 2px 4px #000;margin-bottom:1rem}.highscore-display{background:#ffffff1a;padding:1.5rem;border-radius:10px;margin-bottom:2rem}.highscore-display h3{font-size:1.5rem;color:orange;margin-bottom:1rem;text-shadow:1px 1px 2px #000}.highscore-display ol{list-style-position:inside;font-size:1.3rem;color:#fff;text-shadow:1px 1px 2px #000}.highscore-display li{margin:.5rem 0}.play-again-button{background:linear-gradient(to bottom,#2196f3,#1976d2);color:#fff;font-size:1.5rem;font-weight:700;padding:1rem 2rem;border:4px solid #0D47A1;border-radius:15px;cursor:pointer;box-shadow:0 6px #0d47a1,0 10px 20px #0000004d;transition:all .1s;text-transform:uppercase}.play-again-button:hover{transform:translateY(2px);box-shadow:0 4px #0d47a1,0 8px 15px #0000004d}.play-again-button:active{transform:translateY(4px);box-shadow:0 2px #0d47a1,0 4px 10px #0000004d}.rotate-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-in}.rotate-content{text-align:center;color:#fff;padding:2rem}.rotate-icon{font-size:6rem;margin-bottom:1rem;animation:rotatePhone 2s infinite ease-in-out}.rotate-content h2{font-size:2rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.rotate-content p{font-size:1.2rem;color:#ccc}@keyframes rotatePhone{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.fullscreen-button{background:linear-gradient(to bottom,#ff6b35,#f45425);color:#fff;font-size:1.3rem;font-weight:700;padding:1rem 2rem;border:3px solid #D93D00;border-radius:12px;cursor:pointer;box-shadow:0 6px #d93d00,0 10px 20px #0000004d;transition:all .1s;text-transform:uppercase;margin-top:1.5rem}.fullscreen-button:hover{transform:translateY(2px);box-shadow:0 4px #d93d00,0 8px 15px #0000004d}.fullscreen-button:active{transform:translateY(4px);box-shadow:0 2px #d93d00,0 4px 10px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}