body{margin:0;padding:0;overflow:hidden}#container{width:100vw;height:100vh;display:block}#container canvas{display:block;width:100%;height:100%}#coordinates{-webkit-user-select:none;user-select:none;position:absolute;top:15px;right:15px;color:#0f8;font-size:13px;font-family:Orbitron,Courier New,monospace;background:linear-gradient(135deg,#000f1ef2,#001e32f2);padding:0;border-radius:8px;border:2px solid rgba(0,255,136,.3);box-shadow:0 0 20px #0f83,inset 0 0 20px #00ff880d,0 8px 32px #0009;opacity:0;transition:all .5s ease-in;pointer-events:auto;z-index:100;min-width:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#coordinates input[type=checkbox],#coordinates label{-webkit-user-select:auto;user-select:auto;pointer-events:auto;cursor:pointer}#coordinates.visible{opacity:1;animation:hud-scan 2s ease-in-out infinite}@keyframes hud-scan{0%,to{box-shadow:0 0 20px #0f83,inset 0 0 20px #00ff880d,0 8px 32px #0009}50%{box-shadow:0 0 30px #0f86,inset 0 0 30px #00ff881a,0 8px 32px #0009}}.hud-panel{padding:12px 16px;border-bottom:1px solid rgba(0,255,136,.2);position:relative}.hud-panel:last-child{border-bottom:none}.hud-panel-header{font-size:10px;font-weight:700;color:#00ff88b3;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(0,255,136,.15);display:flex;align-items:center;gap:6px}.hud-panel-header:before{content:"▸";color:#0f8;font-size:12px;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,49%,to{opacity:1}50%,99%{opacity:.3}}.hud-data-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0;font-size:13px}.hud-data-label{color:#fff9;font-size:11px;text-transform:uppercase;letter-spacing:1px}.hud-data-value{color:#0f8;font-weight:700;text-shadow:0 0 8px rgba(0,255,136,.5);font-family:Orbitron,monospace}.fuel-container{margin-top:8px}.fuel-bar-wrapper{display:flex;align-items:center;gap:10px;margin-top:6px}.fuel-bar{flex:1;height:20px;background:#0009;border:1px solid rgba(0,255,136,.4);border-radius:3px;overflow:hidden;position:relative;box-shadow:inset 0 0 10px #000c}.fuel-bar-fill{height:100%;transition:width .3s ease,background .3s ease;position:relative;box-shadow:0 0 10px currentColor}.fuel-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent)}.fuel-percentage{min-width:50px;text-align:right;font-weight:700;font-size:14px;text-shadow:0 0 8px currentColor}.fuel-hint{margin-top:6px;font-size:10px;color:#fff6;text-align:center;letter-spacing:.5px}.infinite-fuel-indicator{margin-top:6px;font-size:11px;color:#0f8;font-weight:700;text-align:center;text-shadow:0 0 10px rgba(0,255,136,.8);animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{text-shadow:0 0 10px rgba(0,255,136,.8)}50%{text-shadow:0 0 20px rgba(0,255,136,1)}}#proximity-alert{position:absolute;top:10px;left:50%;transform:translate(-50%);color:#eee;font-size:16px;font-family:Microsoft YaHei,Courier New,monospace;text-shadow:1px 1px 2px rgba(0,0,0,.8);background:linear-gradient(135deg,#ffd700e6,#ff8c00e6);padding:12px 20px;border-radius:8px;border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 15px #00000080;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;z-index:100;font-weight:700}#proximity-alert.visible{opacity:1}#gps-container{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .5s ease-in;z-index:100}#gps-container.visible{opacity:1}#gps-display{width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.8);box-shadow:0 4px 20px #0009;background-color:#1a1a1a}#gps-canvas{width:100%;height:100%;display:block}.gps-zoom-controls{display:flex;flex-direction:column;gap:5px;pointer-events:auto}.gps-zoom-btn{width:30px;height:30px;background:#ffffffe6;border:2px solid rgba(0,0,0,.3);border-radius:4px;color:#333;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 5px #0000004d;padding:0;line-height:1}.gps-zoom-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 3px 8px #0006}.gps-zoom-btn:active{transform:scale(.95)}#instruments-panel{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:20px;opacity:0;transition:opacity .5s ease-in;z-index:100}#instruments-panel.visible{opacity:1}.instrument{width:200px;height:200px;background:#0000004d;border-radius:50%;box-shadow:0 4px 20px #0009;overflow:hidden}.instrument canvas{width:100%;height:100%;display:block}#credits{-webkit-user-select:none;user-select:none;position:absolute;bottom:10px;left:10px;color:#eee;font-size:10px;font-family:Arial,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.5)}#start-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease-in}#start-screen.hidden{animation:fadeOut .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}#start-content{text-align:center;color:#fff;background:#0000004d;padding:40px 60px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006}#start-content h1{font-size:48px;margin:0 0 30px;font-family:"Noto Serif TC",Microsoft YaHei,PingFang TC,serif;font-weight:900;text-shadow:2px 2px 8px rgba(0,0,0,.6),0 0 20px rgba(102,126,234,.3);letter-spacing:6px;background:linear-gradient(135deg,#fff,#e0e7ff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}#start-button{font-size:24px;padding:15px 50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;cursor:pointer;font-family:Microsoft YaHei,PingFang TC,sans-serif;font-weight:700;box-shadow:0 4px 15px #0000004d;transition:transform .2s,box-shadow .2s;margin-bottom:30px}#start-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}#start-button:active{transform:translateY(0);box-shadow:0 2px 10px #0000004d}#controls-info{margin-top:30px;text-align:center;background:#0003;padding:25px;border-radius:15px}#controls-info p{margin:0 0 20px;font-size:20px;font-weight:700;letter-spacing:2px}.control-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;max-width:800px;margin:0 auto}.control-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:#ffffff0d;border-radius:10px;transition:all .3s ease}.control-item:hover{background:#ffffff1a;transform:translateY(-3px)}.control-item svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.control-item span{font-size:14px;font-weight:500;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.powered-by{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);text-align:center;font-family:Poppins,Microsoft YaHei,sans-serif;font-size:13px;font-weight:300;color:#ffffff80;letter-spacing:.5px;transition:all .3s ease}.powered-by:hover{color:#fffc;text-shadow:0 0 10px rgba(255,255,255,.3)}.autopilot-btn{position:absolute;bottom:240px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#667eeae6,#764ba2e6);border:2px solid rgba(255,255,255,.6);border-radius:50px;color:#fff;font-family:Microsoft YaHei,PingFang TC,sans-serif;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #0009;transition:all .3s ease;opacity:0;z-index:100;letter-spacing:2px}.autopilot-btn.visible{opacity:1}.autopilot-btn:hover{transform:translate(-50%) translateY(-3px);box-shadow:0 6px 25px #667eeacc;background:linear-gradient(135deg,#667eea,#764ba2)}.autopilot-btn:active{transform:translate(-50%) translateY(-1px)}.autopilot-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.autopilot-btn.active{background:linear-gradient(135deg,#4cd137e6,#27ae60e6);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #4cd13799}50%{box-shadow:0 4px 30px #4cd137}}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-in}.modal.visible{display:flex}.modal-content{background:#141428f2;border:2px solid rgba(102,126,234,.6);border-radius:20px;padding:40px;max-width:500px;width:90%;box-shadow:0 8px 40px #000c;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{color:#fff;font-family:Microsoft YaHei,PingFang TC,sans-serif;font-size:28px;margin:0 0 30px;text-align:center;letter-spacing:3px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.waypoint-list{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:15px}.waypoint-item{background:#ffffff0d;border:2px solid rgba(102,126,234,.4);border-radius:12px;padding:20px;color:#fff;font-family:Microsoft YaHei,PingFang TC,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px}.waypoint-item:hover{background:#667eea33;border-color:#667eeacc;transform:translate(10px);box-shadow:0 4px 15px #667eea66}.waypoint-item .waypoint-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.waypoint-item .waypoint-info{flex:1}.waypoint-item .waypoint-name{font-size:20px;font-weight:700;margin-bottom:5px;letter-spacing:1px}.waypoint-item .waypoint-coords{font-size:14px;opacity:.7;font-family:Courier New,monospace}.modal-btn{width:100%;padding:15px;font-size:18px;font-weight:700;font-family:Microsoft YaHei,PingFang TC,sans-serif;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;letter-spacing:2px}.cancel-btn{background:#e74c3ccc;color:#fff}.cancel-btn:hover{background:#e74c3c;transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c80}.autopilot-status{position:absolute;top:10px;left:50%;transform:translate(-50%);padding:15px 30px;background:linear-gradient(135deg,#4cd137e6,#27ae60e6);border:2px solid rgba(255,255,255,.6);border-radius:12px;color:#fff;font-family:Microsoft YaHei,PingFang TC,sans-serif;font-size:16px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 20px #0009;opacity:0;transition:opacity .3s ease,top .3s ease;pointer-events:none;z-index:100;letter-spacing:1px}.autopilot-status.visible{opacity:1}.autopilot-status.shifted{top:80px}.autopilot-status .progress-bar{margin-top:10px;height:8px;background:#0000004d;border-radius:4px;overflow:hidden}.autopilot-status .progress-fill{height:100%;background:linear-gradient(90deg,#fffc,#fff);border-radius:4px;transition:width .3s ease}.throttle-control{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transition:opacity .5s ease-in;z-index:100;-webkit-user-select:none;user-select:none}.throttle-control.visible{opacity:1}.throttle-label{color:#eee;font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:3px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.throttle-container{display:flex;gap:15px;align-items:center}.throttle-track{position:relative;width:40px;height:250px;background:linear-gradient(180deg,#141414e6,#282828e6);border:2px solid rgba(100,100,100,.8);border-radius:8px;box-shadow:inset 0 2px 10px #000c,0 4px 20px #0009}.throttle-markers{position:absolute;left:-35px;top:0;bottom:0;width:30px}.throttle-marker{position:absolute;right:0;display:flex;align-items:center;justify-content:flex-end;transform:translateY(-50%)}.throttle-marker:after{content:"";width:10px;height:2px;background:#ffffff80;margin-left:5px;position:absolute;right:-12px}.throttle-marker span{color:#ffffffb3;font-family:Courier New,monospace;font-size:11px;font-weight:700}.throttle-lever{position:absolute;left:50%;bottom:100%;transform:translate(-50%);width:50px;height:60px;cursor:grab;transition:bottom .1s ease-out;z-index:10}.throttle-lever:active{cursor:grabbing}.throttle-handle{width:100%;height:100%;background:linear-gradient(135deg,#b42828f2,#dc3232f2,#b42828f2);border:3px solid rgba(100,20,20,.9);border-radius:12px;box-shadow:0 4px 15px #000c,inset 0 2px 5px #ffffff4d,inset 0 -2px 5px #00000080;position:relative}.throttle-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:3px;background:#0006;border-radius:2px;box-shadow:0 1px #fff3}.throttle-handle:after{content:"";position:absolute;top:calc(50% + 8px);left:50%;transform:translate(-50%,-50%);width:30px;height:3px;background:#0006;border-radius:2px;box-shadow:0 1px #fff3}.throttle-lever:hover .throttle-handle{background:linear-gradient(135deg,#c83232f2,#f03c3cf2,#c83232f2);box-shadow:0 6px 20px #dc323299,inset 0 2px 5px #fff6,inset 0 -2px 5px #00000080}.throttle-value{color:#0f0;font-family:Courier New,monospace;font-size:20px;font-weight:700;text-shadow:0 0 10px rgba(0,255,0,.8),1px 1px 2px rgba(0,0,0,.8);background:#0009;padding:8px 12px;border-radius:6px;border:1px solid rgba(0,255,0,.3);min-width:60px;text-align:center}.cockpit-controls-panel{position:fixed;bottom:20px;left:20px;z-index:200;opacity:0;transition:opacity .5s ease-in;pointer-events:none}.cockpit-controls-panel.visible{opacity:1;pointer-events:auto}.control-switch-group{display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#141923f2,#1e232df2);padding:16px 12px;border-radius:10px;border:2px solid rgba(0,255,136,.3);box-shadow:0 0 20px #0f83,inset 0 0 20px #00000080,0 8px 32px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-switch{position:relative;width:80px;height:45px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:2px solid #444;border-radius:8px;cursor:pointer;transition:all .3s ease;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:inset 0 2px 4px #00000080,0 2px 8px #0000004d}.control-switch:hover{border-color:#666;transform:translateY(-2px);box-shadow:inset 0 2px 4px #00000080,0 4px 12px #0006}.control-switch:active{transform:translateY(0);box-shadow:inset 0 2px 6px #000000b3,0 1px 4px #0000004d}.switch-indicator{width:16px;height:16px;border-radius:50%;background:#333;border:2px solid #555;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000080,0 0 #f000}.control-switch.active .switch-indicator{background:radial-gradient(circle,#0f0,#0c0,#080);border-color:#0f0;box-shadow:inset 0 2px 4px #0000004d,0 0 15px #0f0c,0 0 30px #0f06;animation:pulse-indicator 2s ease-in-out infinite}@keyframes pulse-indicator{0%,to{box-shadow:inset 0 2px 4px #0000004d,0 0 15px #0f0c,0 0 30px #0f06}50%{box-shadow:inset 0 2px 4px #0000004d,0 0 20px #0f0,0 0 40px #0f09}}.switch-label{font-family:Orbitron,Courier New,monospace;font-size:10px;font-weight:700;color:#888;letter-spacing:1px;text-transform:uppercase;transition:color .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.control-switch.active .switch-label{color:#0f8;text-shadow:0 0 5px rgba(0,255,136,.5),0 1px 2px rgba(0,0,0,.5)}.control-switch:hover .switch-label{color:#aaa}.control-switch.active:hover .switch-label{color:#0fa}.performance-monitor{position:fixed;top:15px;left:15px;background:linear-gradient(135deg,#000f1ef2,#001e32f2);border:2px solid rgba(255,165,0,.4);border-radius:8px;padding:12px 16px;min-width:220px;box-shadow:0 0 20px #ffa5004d,inset 0 0 20px #00000080,0 8px 32px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Orbitron,Courier New,monospace;z-index:150;opacity:0;transition:opacity .5s ease-in;pointer-events:none}.performance-monitor.visible{opacity:1;pointer-events:auto}.perf-header{font-size:11px;font-weight:700;color:#ffa500e6;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,165,0,.3);text-shadow:0 0 8px rgba(255,165,0,.5)}.perf-metric{display:flex;justify-content:space-between;align-items:center;margin:6px 0;font-size:12px}.perf-label{color:#fff9;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.perf-value{color:orange;font-weight:700;text-shadow:0 0 8px rgba(255,165,0,.6);font-family:Orbitron,monospace;min-width:70px;text-align:right}.perf-value.good{color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.6)}.perf-value.warning{color:#ff0;text-shadow:0 0 8px rgba(255,255,0,.6)}.perf-value.bad{color:red;text-shadow:0 0 8px rgba(255,0,0,.6);animation:pulse-warning 1s ease-in-out infinite}@keyframes pulse-warning{0%,to{text-shadow:0 0 8px rgba(255,0,0,.6)}50%{text-shadow:0 0 15px rgba(255,0,0,1)}}.perf-graph{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,165,0,.2)}#fps-canvas{width:100%;height:50px;border-radius:4px;background:#0006;border:1px solid rgba(255,165,0,.3)}