*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden}#webgl-canvas{display:block;position:fixed;top:0;left:0;outline:none;width:100%;height:100%;display:none}#touch-controls-container{position:fixed;bottom:0;left:0;width:100%;height:30%;background-color:#f003;display:none;pointer-events:none;z-index:20}body.is-mobile #touch-controls-container.active{display:flex;justify-content:space-around;align-items:flex-end}#touch-left-area,#touch-right-area{flex:0 0 30%;height:100%}#touch-center-area{flex:0 0 40%;height:100%}#touch-left-area,#touch-center-area,#touch-right-area{display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px;pointer-events:auto}#touch-right-area #joystick-area{display:flex;justify-content:center;align-items:center;width:100%;height:100%}#joystick-base{width:120px;height:120px;background-color:#64646466;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center}#joystick-handle{width:60px;height:60px;background-color:#c8c8c899;border-radius:50%;position:absolute}#touch-center-area #action-buttons-area{height:100%;display:flex;flex-direction:column-reverse;justify-content:space-evenly;align-items:center;pointer-events:auto}.touch-button{width:80px;height:80px;background-color:#64646499;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;font-weight:700;font-family:sans-serif;text-align:center;user-select:none;-webkit-user-select:none}#thrust-slider-container{width:25px;height:120px;background-color:#64646466;border-radius:15px;position:relative;overflow:hidden}#thrust-slider-track{position:absolute;bottom:0;left:0;width:100%;background-color:#c8c8c84d}#thrust-slider-handle{position:absolute;width:35px;height:15px;background-color:#ffffffb3;border-radius:5px;left:50%;transform:translate(-50%);cursor:pointer}.touch-button:active{background-color:#969696cc}#landing-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#8af,#ccf0ff 70%,#66bb6a);color:#333;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;font-family:Poppins,sans-serif;opacity:1;transition:opacity .5s ease-out}#landing-page.hidden{opacity:0;pointer-events:none}#landing-logo{width:80px;height:80px;margin-bottom:20px}#landing-page h1{font-size:3.5rem;font-weight:700;letter-spacing:.15em;margin-bottom:15px;text-shadow:0 0 8px rgba(0,0,0,.2);color:#246;font-family:Poppins,sans-serif;text-align:center;line-height:1.2}#landing-subtitle{font-size:1.2rem;color:#468;margin-bottom:40px;font-style:italic;font-weight:400;letter-spacing:.05em;font-family:Poppins,sans-serif}#start-button{padding:15px 30px;font-size:1.5rem;color:#fff;background-color:#4a90e2;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;font-family:Poppins,sans-serif;font-weight:400}#start-button:hover{background-color:#2980b9}#start-button:active{transform:scale(.98)}#copyright{font-size:.8rem;color:#666;margin-top:30px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}#controls-info{margin-top:40px;text-align:center;font-size:.9rem;color:#555}#controls-info p{font-weight:700;margin-bottom:10px}#controls-info ul{list-style:none;padding:0}#controls-info li{margin-bottom:5px}#instruction-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;color:#fff;font-family:Poppins,sans-serif;font-size:1.5rem;text-align:center;z-index:99;opacity:0;transition:opacity .5s ease-in-out,visibility 0s linear .5s;visibility:hidden;pointer-events:none}#instruction-overlay.visible{opacity:1;visibility:visible;transition-delay:0s}#instruction-text{padding:20px}body.is-mobile #landing-page #controls-info{display:none}#settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .3s ease-in-out}#settings-overlay.hidden{opacity:0;pointer-events:none}#settings-panel{background-color:#f0f5fae6;padding:25px 35px;border-radius:10px;box-shadow:0 4px 15px #0003;color:#333;font-family:Poppins,sans-serif;min-width:300px;text-align:center}#settings-panel h2{margin-bottom:20px;font-size:1.5rem;color:#2c3e50}.settings-options{margin-bottom:20px;display:flex;justify-content:space-around}.settings-options label{cursor:pointer;padding:5px 10px;border-radius:5px;transition:background-color .2s ease;display:inline-flex;align-items:center}.settings-options input[type=radio]{margin-right:8px;accent-color:#3498db}.settings-options label:hover{background-color:#0000000d}#settings-refresh-notice{font-size:.9rem;color:#e74c3c;margin-bottom:15px;font-weight:700}#settings-refresh-notice.hidden{display:none}#settings-close-button{padding:10px 20px;font-size:1rem;color:#fff;background-color:#3498db;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}#settings-close-button:hover{background-color:#2980b9}@media (max-width: 600px){#landing-logo{width:60px;height:60px;margin-bottom:15px}#landing-page h1{font-size:2.5rem;letter-spacing:.1em;margin-bottom:10px}#landing-subtitle{font-size:1rem;margin-bottom:30px}#start-button{font-size:1.2rem;padding:12px 24px}#copyright{font-size:.7rem;margin-top:25px;bottom:15px}#controls-info{font-size:.8rem;margin-top:30px}}#settings-close-button:hover{background-color:#999}.instruction-overlay{position:fixed;bottom:20px;max-width:300px;padding:15px 20px;background-color:#000000a6;color:#e0e0e0;border-radius:8px;font-family:Poppins,sans-serif;font-size:.9em;line-height:1.6;text-align:left;white-space:pre-wrap;z-index:900;opacity:1;visibility:visible;transition:opacity .5s ease-out,visibility 0s linear .5s}.instruction-overlay.hidden{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0s linear .5s}#instruction-overlay-p1{left:20px}#instruction-overlay-p2{right:20px}.instruction-overlay p{margin:0;padding:0;font-weight:400}@media (max-width: 768px){.instruction-overlay{max-width:90%;left:5%;right:5%;bottom:10px;font-size:.8em;padding:10px 15px}#instruction-overlay-p1{bottom:70px}#instruction-overlay-p2{bottom:10px}}#hud-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud-button{padding:8px 12px;font-size:14px;color:#fff;background-color:#00000080;border:1px solid rgba(255,255,255,.7);border-radius:5px;cursor:pointer;transition:background-color .3s ease;font-family:Poppins,sans-serif;position:fixed;pointer-events:auto}.hud-button:hover{background-color:#ffffff4d}.hud-button:active{background-color:#ffffff80}#hud-flight-mode-button{top:10px;left:10px}#hud-settings-button{top:10px;right:10px}#hud-mute-button{top:10px;right:100px;background-color:#c0392bb3}.language-selector-wrapper{position:absolute;top:10px;right:10px;z-index:101}#language-selector{padding:5px;border-radius:5px;border:1px solid #ccc;background-color:#fff;font-family:Poppins,sans-serif}