:root{--color-sky-blue: #87CEEB;--color-sky-light: #E0F6FF;--color-dark-bg: #1a1a2e;--color-dark-bg-light: #16213e;--color-green: #4CAF50;--color-green-dark: #45a049;--color-green-border: #2d6b2f;--color-blue: #2196F3;--color-blue-dark: #1976D2;--color-blue-border: #0D47A1;--color-gray: #666;--color-gray-dark: #555;--color-gray-border: #333;--color-gray-text: #ccc;--color-orange: #FF6B35;--color-orange-light: #FFA500;--color-gold: #FFD700;--color-red: #FF4444;--color-black: #000;--color-white: #fff;--bg-gradient: linear-gradient(to bottom, var(--color-sky-blue), var(--color-sky-light));--bg-dark-gradient: linear-gradient(to bottom, var(--color-dark-bg), var(--color-dark-bg-light));--btn-green-gradient: linear-gradient(to bottom, var(--color-green), var(--color-green-dark));--btn-blue-gradient: linear-gradient(to bottom, var(--color-blue), var(--color-blue-dark));--btn-gray-gradient: linear-gradient(to bottom, var(--color-gray), var(--color-gray-dark));--text-primary: var(--color-white);--text-accent: var(--color-orange);--text-gold: var(--color-gold);--text-muted: var(--color-gray-text);--radius-sm: 10px;--radius-md: 15px;--radius-lg: 20px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .2);--shadow-md: 0 6px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial Black,Arial,sans-serif;background:var(--bg-gradient);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;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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)}}.menu-screen{text-align:center;animation:fadeIn .5s ease-in;width:90%;max-width:600px}.game-title{font-size:4rem;color:var(--text-accent);text-shadow:4px 4px 0px var(--color-gray-border),8px 8px 0px rgba(0,0,0,.2);margin-bottom:3rem;animation:bounce 2s infinite}@media(max-width:768px){.game-title{font-size:2.5rem;margin-bottom:2rem}}@media(max-height:600px){.game-title{font-size:2rem;margin-bottom:1.5rem}}.start-button{background:var(--btn-green-gradient);color:#fff;font-size:2rem;font-weight:700;padding:1.5rem 3rem;border:4px solid var(--color-green-border);border-radius:15px;cursor:pointer;box-shadow:0 8px 0 var(--color-green-border),0 12px 20px #0000004d;transition:all .1s;text-transform:uppercase}@media(max-width:768px){.start-button{font-size:1.3rem;padding:1rem 2rem}}@media(max-height:600px){.start-button{font-size:1.1rem;padding:.8rem 1.5rem}}.start-button:hover{transform:translateY(2px);box-shadow:0 6px 0 var(--color-green-border),0 10px 15px #0000004d}.start-button:active{transform:translateY(4px);box-shadow:0 4px 0 var(--color-green-border),0 6px 10px #0000004d}.button-container{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}@media(max-width:768px){.button-container{gap:1rem}}.fullscreen-toggle-button{background:var(--btn-blue-gradient);color:#fff;font-size:1.3rem;font-weight:700;padding:1.5rem 2rem;border:4px solid var(--color-blue-border);border-radius:15px;cursor:pointer;box-shadow:0 8px 0 var(--color-blue-border),0 12px 20px #0000004d;transition:all .1s;text-transform:uppercase;white-space:pre-line;line-height:1.3}.fullscreen-toggle-button:hover{transform:translateY(2px);box-shadow:0 6px 0 var(--color-blue-border),0 10px 15px #0000004d}.fullscreen-toggle-button:active{transform:translateY(4px);box-shadow:0 4px 0 var(--color-blue-border),0 6px 10px #0000004d}@media(max-width:768px){.fullscreen-toggle-button{font-size:1rem;padding:1rem 1.5rem}}@media(max-height:600px){.fullscreen-toggle-button{font-size:.9rem;padding:.8rem 1.2rem}}.language-toggle{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1rem;font-weight:600;padding:.7rem 1.2rem;border:2px solid rgba(255,255,255,.3);border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.3rem;box-shadow:0 4px 15px #0003}.language-toggle:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.language-toggle:active{transform:translateY(0);box-shadow:0 2px 10px #0003}@media(max-width:768px){.language-toggle{top:1rem;right:1rem;font-size:.9rem;padding:.6rem 1rem}}@media(max-height:600px){.language-toggle{top:.8rem;right:.8rem;font-size:.8rem;padding:.5rem .8rem}}*:focus{outline:3px solid var(--text-gold);outline-offset:3px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:3px solid var(--text-gold);outline-offset:3px}.ship-option:focus{outline:4px solid var(--text-gold);outline-offset:5px}.select-screen{text-align:center;animation:fadeIn .5s ease-in;width:90%;max-width:800px}.select-title{font-size:3rem;color:var(--text-accent);text-shadow:3px 3px 0px var(--color-gray-border);margin-bottom:2rem}@media(max-width:768px){.select-title{font-size:2rem;margin-bottom:1.5rem}}@media(max-height:600px){.select-title{font-size:1.5rem;margin-bottom:1rem}}.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))}.game-container{border:8px solid var(--color-gray-border);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden;max-width:95vw;max-height:90vh}.gameover-screen{text-align:center;animation:fadeIn .5s ease-in;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}@media(max-width:768px){.gameover-screen{padding:1rem;max-height:85vh}}.gameover-title{font-size:4rem;color:var(--color-red);text-shadow:3px 3px 0px var(--color-black);margin-bottom:2rem;animation:shake .5s}@media(max-height:600px){.gameover-title{font-size:2rem;margin-bottom:1rem}}.score-display{margin-bottom:2rem}.final-score{font-size:2rem;color:var(--text-gold);text-shadow:2px 2px 4px var(--color-black);margin-bottom:1rem}@media(max-height:600px){.final-score{font-size:1.3rem;margin-bottom:.5rem}}.highscore-display{background:#ffffff1a;padding:1.5rem;border-radius:10px;margin-bottom:2rem}.highscore-display h3{font-size:1.5rem;color:var(--color-orange-light);margin-bottom:1rem;text-shadow:1px 1px 2px var(--color-black)}.highscore-display ol{list-style-position:inside;font-size:1.3rem;color:#fff;text-shadow:1px 1px 2px var(--color-black)}.highscore-display li{margin:.5rem 0}@media(max-height:600px){.highscore-display{padding:1rem}.highscore-display h3{font-size:1.2rem;margin-bottom:.5rem}.highscore-display ol{font-size:1rem}.highscore-display li{margin:.3rem 0}}.play-again-button{background:var(--btn-blue-gradient);color:#fff;font-size:1.5rem;font-weight:700;padding:1rem 2rem;border:4px solid var(--color-blue-border);border-radius:15px;cursor:pointer;box-shadow:0 6px 0 var(--color-blue-border),0 10px 20px #0000004d;transition:all .1s;text-transform:uppercase}.play-again-button:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--color-blue-border),0 8px 15px #0000004d}.play-again-button:active{transform:translateY(4px);box-shadow:0 2px 0 var(--color-blue-border),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:9999}.rotate-content{text-align:center;color:#fff}.rotate-icon{font-size:5rem;margin-bottom:2rem;animation:rotatePhone 2s infinite}.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:var(--text-muted)}@keyframes rotatePhone{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.copyright{position:fixed;bottom:10px;left:50%;transform:translate(-50%);text-align:center;color:var(--color-black);font-size:.9rem;font-weight:600;text-shadow:0 0 3px var(--color-white),0 0 5px var(--color-white);z-index:1000;padding:8px 16px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);max-width:90%;white-space:nowrap}.copyright-link{color:var(--color-orange);text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:all .3s ease;padding-bottom:2px}.copyright-link:hover{color:var(--color-orange-light);border-bottom:2px solid var(--color-orange-light);text-shadow:0 0 8px var(--color-orange-light)}@media(max-height:600px){.copyright{font-size:.7rem;bottom:5px;padding:6px 12px}}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10001;animation:fadeIn .3s ease-in}.modal-content{background:var(--bg-dark-gradient);padding:2.5rem;border-radius:20px;box-shadow:0 10px 50px #000000b3;text-align:center;max-width:500px;width:90%;border:3px solid var(--text-gold)}.modal-content h2{font-size:2rem;color:var(--text-gold);margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.modal-content p{font-size:1.2rem;color:#fff;margin-bottom:1rem;line-height:1.6}.modal-icon{font-size:4rem;margin-bottom:1rem}.modal-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.modal-button{font-size:1.1rem;font-weight:700;padding:1rem 1.5rem;border:3px solid;border-radius:12px;cursor:pointer;transition:all .1s;text-transform:uppercase;font-family:Arial Black,sans-serif}.modal-button.primary{background:var(--btn-green-gradient);color:#fff;border-color:var(--color-green-border);box-shadow:0 6px 0 var(--color-green-border),0 10px 20px #0000004d}.modal-button.primary:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--color-green-border),0 8px 15px #0000004d}.modal-button.primary:active{transform:translateY(4px);box-shadow:0 2px 0 var(--color-green-border),0 4px 10px #0000004d}.modal-button.secondary{background:var(--btn-gray-gradient);color:#fff;border-color:var(--color-gray-border);box-shadow:0 6px 0 var(--color-gray-border),0 10px 20px #0000004d}.modal-button.secondary:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--color-gray-border),0 8px 15px #0000004d}.modal-button.secondary:active{transform:translateY(4px);box-shadow:0 2px 0 var(--color-gray-border),0 4px 10px #0000004d}.modal-subtitle{font-size:.9rem;color:var(--text-muted);margin-top:1rem}.current-highscore{color:var(--text-gold);font-weight:700;text-shadow:0 0 10px var(--text-gold)}@media(max-width:768px){.modal-content{padding:1.5rem}.modal-content h2{font-size:1.5rem}.modal-content p{font-size:1rem}.modal-button{font-size:1rem;padding:.9rem 1.2rem}}