.help-overlay{z-index:9999;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#05080af2;justify-content:center;align-items:center;width:100%;height:100%;font-family:Science Gothic,Inter,system-ui,sans-serif;display:flex;position:absolute;top:0;left:0}.manual-container{background:#020202;border:1px solid #333;border-radius:4px;width:1200px;max-width:95vw;height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 80px #000}.manual-container:before{content:"";pointer-events:none;z-index:10;opacity:.5;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.sidebar{z-index:11;background:#080808;border-right:1px solid #222;flex-direction:column;flex-shrink:0;width:250px;display:flex}.sidebar-header{background:linear-gradient(45deg,#050505,#111);border-bottom:1px solid #222;padding:30px 20px}.sidebar-btn{color:#666;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border-left:3px solid #0000;justify-content:space-between;padding:18px 20px;font-family:Science Gothic,Inter,system-ui,sans-serif;font-size:11px;font-weight:700;transition:all .1s;display:flex}.sidebar-btn:hover{color:#ccc;background:#111;padding-left:25px}.sidebar-btn.active{color:#fff;background:#151515;border-left-color:#0072ff}.content{z-index:11;background:#050505;flex:1;padding:0;position:relative;overflow-y:auto}.content-pad{max-width:900px;margin:0 auto;padding:40px 60px}.manual-container h1{color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0 0 15px;font-family:Science Gothic,Inter,system-ui,sans-serif;font-size:28px}.manual-container h2{color:#0072ff;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #222;margin:40px 0 15px;padding-bottom:8px;font-size:14px;font-weight:700}.manual-container p{color:#aaa;margin-bottom:20px;font-size:13px;line-height:1.7}.manual-container strong{color:#fff;font-weight:700}.mono{font-family:Science Gothic,Inter,system-ui,sans-serif}.close-btn{z-index:100;color:#666;cursor:pointer;background:#000;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.close-btn:hover{color:#f33;background:#32000080;border-color:#f33}.close-btn span{display:none}.manual-container canvas{background:#000;border:1px solid #222;border-radius:4px;max-width:100%;height:auto;margin:20px 0;display:block}.help-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.help-grid-3{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.hud-box{background:#0a0a0a;border:1px solid #222;border-radius:4px;padding:20px}.hud-box h3{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:12px}.hud-box ul{color:#888;margin:0;padding-left:15px;font-size:12px;line-height:1.8}.auto-card{color:#888;background:#0f0f0f;border:1px solid #333;border-radius:4px;padding:10px;font-size:11px}.ctx-item{color:#fff;cursor:pointer;border-bottom:1px solid #333;justify-content:space-between;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.ctx-item:hover{color:#fff;background:#0072ff33}.ctx-item.warn{color:#f55;border:none;justify-content:center}.manual-container input[type=range]{-webkit-appearance:none;background:0 0;border:none;width:100%;margin:0}.manual-container input[type=range]:focus{outline:none}.manual-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#0072ff;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 0 0 3px #00000080}.manual-container input[type=range]::-webkit-slider-runnable-track{background:#333;border-radius:2px;width:100%;height:4px}.manual-container input[type=range]::-moz-range-thumb{cursor:pointer;background:#0072ff;border:none;border-radius:50%;width:14px;height:14px}.manual-container input[type=range]::-moz-range-track{background:#333;border-radius:2px;width:100%;height:4px}.mobile-only{display:none}.desktop-only{display:inline}.mobile-sandbox-msg{display:none}@media (max-width:768px){.mobile-only{display:inline}.desktop-only{display:none}.help-overlay{background:#000;align-items:flex-start}.manual-container{border:none;flex-direction:column;width:100vw;max-width:100%;height:100vh}.sidebar{background:#050505;border-bottom:1px solid #333;border-right:none;flex-direction:row;width:100%;height:50px;padding-right:0;overflow-x:auto}.sidebar-header{display:none}.sidebar-btn{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;align-items:center;height:100%;padding:0 15px;font-size:10px}.sidebar-btn:hover{background:inherit;color:inherit;padding-left:15px}.sidebar-btn.active{color:#fff;background:#111;border-bottom-color:#0072ff;border-left-color:#0000}.content-pad{max-width:100%;padding:20px 20px 100px}.manual-container h1{margin-top:10px;font-size:20px}.help-grid,.help-grid-3{grid-template-columns:1fr;gap:15px}.mission-canvas-wrapper{display:none!important}.mobile-sandbox-msg{color:#888;text-align:center;background:#14000080;border:1px solid #311;border-radius:4px;justify-content:center;align-items:center;margin:20px 0;padding:30px;font-size:11px;display:flex}.close-btn{color:#f33;z-index:99999;letter-spacing:2px;text-transform:uppercase;background:#000;border:1px solid #f33;width:auto;height:auto;padding:12px 40px;font-size:12px;font-weight:700;position:fixed;inset:auto auto 30px 50%;transform:translate(-50%);box-shadow:0 0 20px #000}.close-btn span{margin-left:8px;display:inline}}
.loader-container{z-index:9999;background-color:#020406;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Science Gothic,sans-serif;display:flex;position:fixed;top:0;left:0}.logo-wrapper{margin-bottom:30px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%{filter:drop-shadow(0 0 #0072ff00);opacity:.9}50%{filter:drop-shadow(0 0 25px #0072ff99);opacity:1}to{filter:drop-shadow(0 0 #0072ff00);opacity:.9}}.loading-bar{background:#111;width:200px;height:2px;margin-top:10px;position:relative;overflow:hidden}.bar-fill{background:#0072ff;width:50%;height:100%;animation:1.5s linear infinite load-slide;position:absolute;top:0;left:0}@keyframes load-slide{0%{left:-50%}to{left:100%}}.status-text{color:#0072ff;letter-spacing:2px;text-transform:uppercase;opacity:.8;margin-top:15px;font-size:10px;font-weight:600}