*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#020208;touch-action:none;overscroll-behavior:none}canvas{display:block}.cockpit-frame{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:11;box-shadow:inset 0 0 80px 30px #000000b3,inset 0 0 200px 60px #0000004d;border-radius:0}.cockpit-crosshair,.fps-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:12}.cockpit-crosshair .crosshair-h{position:absolute;width:40px;height:1px;background:#00ccff59;top:50%;left:50%;transform:translate(-50%,-50%)}.cockpit-crosshair .crosshair-v{position:absolute;width:1px;height:40px;background:#00ccff59;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#0cf9;top:50%;left:50%;transform:translate(-50%,-50%)}.fps-crosshair .crosshair-dot{width:3px;height:3px;background:#ffffff80}.cockpit-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:16px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));pointer-events:none;z-index:13;font-family:monospace}.cockpit-top .hud-timer{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:#00ccffd9;text-shadow:0 0 10px rgba(0,204,255,.3)}.cockpit-loop{font-size:10px;letter-spacing:2px;color:#00ccff80;text-transform:uppercase}.cockpit-left-panel{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;pointer-events:none;z-index:13}.gauge{display:flex;flex-direction:column;align-items:center;gap:4px}.gauge-label{font-family:monospace;font-size:8px;letter-spacing:2px;color:#00ccff80;text-transform:uppercase}.gauge-bar{width:6px;height:60px;border-radius:3px;background:#ffffff14;overflow:hidden;position:relative;border:1px solid rgba(0,204,255,.15)}.gauge-fill{position:absolute;bottom:0;left:0;right:0;border-radius:3px;transition:height .3s}.gauge-value{font-family:monospace;font-size:10px;font-variant-numeric:tabular-nums;color:#00ccffb3}.cockpit-right-panel{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none;z-index:13}.readout{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.readout-label{font-family:monospace;font-size:8px;letter-spacing:2px;color:#0cf6;text-transform:uppercase}.readout-value{font-family:monospace;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:#0cfc;text-shadow:0 0 6px rgba(0,204,255,.2)}.cockpit-bottom{position:absolute;bottom:calc(170px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;z-index:13}.cockpit-planet{font-family:monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#0cf9;background:#00ccff14;padding:3px 12px;border-radius:4px;border:1px solid rgba(0,204,255,.15)}.attitude-indicator{position:absolute;bottom:calc(120px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:60px;height:30px;overflow:hidden;border-radius:4px;border:1px solid rgba(0,204,255,.2);background:#0000004d;pointer-events:none;z-index:13}.attitude-bar{width:100%;height:100%;position:relative;transition:transform .1s}.attitude-pitch{position:absolute;top:50%;left:0;right:0;height:1px;background:#00ccff80;transition:transform .1s}.attitude-bar:before,.attitude-bar:after{content:"";position:absolute;left:25%;right:25%;height:1px;background:#00ccff26}.attitude-bar:before{top:25%}.attitude-bar:after{bottom:25%}.controls-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10;user-select:none;-webkit-user-select:none}.controls-overlay .joystick-zone,.controls-overlay .action-btn,.controls-overlay .investigate-btn,.controls-overlay .tool-btn,.controls-overlay .log-btn,.controls-overlay .cockpit-bottom{pointer-events:auto}.joystick-zone{position:absolute;width:140px;height:140px}.joystick-left{bottom:calc(20px + env(safe-area-inset-bottom,0px));left:20px}.joystick-right{bottom:calc(20px + env(safe-area-inset-bottom,0px));right:20px}.joystick-base{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff14;top:50%;left:50%;transform:translate(-50%,-50%)}.joystick-thumb{position:absolute;width:50px;height:50px;border-radius:50%;background:#ffffff80;top:50%;left:50%;transform:translate(-50%,-50%);transition:none}.camera-zone{position:absolute;bottom:0;right:0;width:50%;height:60%;background:transparent;touch-action:none;-webkit-touch-callout:none}.camera-label{position:absolute;bottom:30px;right:20px;color:#ffffff4d;font-size:10px;font-family:monospace;text-transform:uppercase;letter-spacing:2px}.stick-label{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);color:#ffffff4d;font-size:9px;font-family:monospace;text-transform:uppercase;letter-spacing:2px;pointer-events:none}.action-btn{position:absolute;bottom:calc(40px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);min-width:120px;height:60px;border:none;border-radius:12px;font-size:16px;font-weight:700;font-family:monospace;text-transform:uppercase;letter-spacing:2px;color:#fff;cursor:pointer}.action-btn.land{background:#4a69}.action-btn.launch{background:#e839}.action-btn.disabled{background:#64646466;color:#fff6}.action-btn.hidden{display:none}.hud-bar{position:absolute;top:0;left:0;right:0;height:44px;background:#00000080;display:flex;align-items:center;justify-content:space-between;padding:0 16px;padding-top:env(safe-area-inset-top,0px);font-family:monospace;font-size:12px;color:#fffc;z-index:11;pointer-events:none}.hud-mode{font-weight:700;text-transform:uppercase;letter-spacing:1px}.hud-timer{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.hud-resources{display:flex;gap:8px;align-items:center}.resource-bar{width:40px;height:8px;border-radius:4px;background:#ffffff26;overflow:hidden}.resource-fill{height:100%;border-radius:4px;transition:width .3s}.resource-fill.o2{background:#4c6}.resource-fill.fuel{background:#e83}.timer-warning{color:#e83}.timer-critical{color:#f33;animation:flash .5s infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}.reset-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn 1s}.reset-overlay .reset-text{font-family:monospace;font-size:24px;font-weight:700;color:#020208;text-transform:uppercase;letter-spacing:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loop-badge{font-size:10px;background:#ffffff26;padding:2px 6px;border-radius:4px;margin-left:8px}.tool-btn{position:absolute;width:50px;height:50px;border-radius:50%;border:2px solid rgba(0,204,255,.4);background:#00ccff26;color:#00ccffe6;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tool-btn.scan{bottom:170px;left:30px}.tool-btn.ready{border-color:#00ccffb3;background:#00ccff40;animation:scanPulse 2s infinite}.tool-btn.cooldown{border-color:#64646466;background:#64646426;color:#fff6}.tool-cooldown-text{font-size:10px;font-family:monospace}@keyframes scanPulse{0%,to{box-shadow:0 0 5px #00ccff4d}50%{box-shadow:0 0 15px #0cf9}}.title-screen{position:absolute;top:0;left:0;right:0;bottom:0;background:#020208eb;display:flex;align-items:center;justify-content:center;z-index:200;cursor:pointer;touch-action:manipulation}.title-content{display:flex;flex-direction:column;align-items:center;gap:16px}.title-text{font-family:Courier New,Courier,monospace;font-size:32px;font-weight:900;letter-spacing:6px;color:#eef0ff;text-shadow:0 0 20px rgba(100,140,255,.6),0 0 40px rgba(80,120,255,.3);text-align:center}.title-loop{font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;letter-spacing:4px;color:#0cfc;text-transform:uppercase}.title-prompt{font-family:Courier New,Courier,monospace;font-size:14px;letter-spacing:4px;color:#fff9;margin-top:40px;animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{opacity:.4}50%{opacity:1}}.log-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#020208f2;z-index:150;display:flex;flex-direction:column;overflow:hidden;font-family:Courier New,Courier,monospace;color:#ffffffd9}.log-container{display:flex;flex-direction:column;height:100%;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px))}.log-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.log-title{font-size:18px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#c8dcffe6}.log-count{font-size:11px;color:#00ccffb3;letter-spacing:1px}.log-close{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#ffffffb3;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.log-tabs{display:flex;gap:4px;padding:12px 0;overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch}.log-tab{padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffff80;font-size:11px;font-family:monospace;letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px}.log-tab.active{border-color:#0cf6;background:#00ccff1a;color:#00ccffe6}.tab-badge{font-size:9px;background:#ffffff1a;padding:1px 5px;border-radius:3px}.log-entries{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0;display:flex;flex-direction:column;gap:12px}.log-entry-card{border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;background:#ffffff05}.log-entry-accent{height:3px}.log-entry-content{padding:12px}.log-entry-title{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;color:#c8dcffe6}.log-entry-text{font-size:12px;line-height:1.6;color:#ffffffb3}.log-entry-connections{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.connections-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#ffffff4d;margin-bottom:6px}.connection-tag{display:inline-block;padding:2px 8px;margin:2px;border-radius:4px;font-size:10px;letter-spacing:1px}.connection-tag.discovered{background:#00ccff26;color:#0cfc;border:1px solid rgba(0,204,255,.2)}.connection-tag.unknown{background:#ffffff0d;color:#ffffff4d;border:1px solid rgba(255,255,255,.05)}.log-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#ffffff4d;text-align:center;gap:12px}.log-empty-icon{font-size:40px;opacity:.5}.log-empty-hint{font-size:12px;line-height:1.5;max-width:250px}.investigate-btn{position:absolute;bottom:110px;left:50%;transform:translate(-50%);min-width:160px;padding:12px 20px;border:2px solid rgba(0,204,255,.5);border-radius:12px;background:#00ccff26;color:#00ccfff2;font-family:monospace;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;animation:investigatePulse 1.5s ease-in-out infinite}.investigate-icon{font-size:18px}.investigate-location{font-size:10px;font-weight:400;letter-spacing:1px;color:#0cf9}@keyframes investigatePulse{0%,to{box-shadow:0 0 8px #0cf3}50%{box-shadow:0 0 20px #00ccff80}}.discovery-toast{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#00ccff26;border:1px solid rgba(0,204,255,.3);border-radius:8px;padding:10px 20px;display:flex;align-items:center;gap:8px;font-family:monospace;font-size:12px;color:#00ccffe6;z-index:50;animation:toastSlideIn .3s ease-out;pointer-events:none}.discovery-icon{font-size:16px}.discovery-text{letter-spacing:1px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hud-right-group{display:flex;align-items:center;gap:10px}.log-btn{padding:4px 10px;border:1px solid rgba(0,204,255,.3);border-radius:6px;background:#00ccff1a;color:#0cfc;font-family:monospace;font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer;pointer-events:auto}.log-btn.map-active{border-color:#0cfc;background:#00ccff4d;color:#0cf;box-shadow:0 0 8px #0cf6}