body{background:#000;margin:0;overflow:hidden}.fade-in{animation:.8s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.hud-container{color:#fff;background-color:#020406;justify-content:center;align-items:center;width:100vw;height:100dvh;font-family:Science Gothic,sans-serif;display:flex;position:relative;overflow:hidden}.grid-bg{z-index:1;background-image:linear-gradient(#0072ff08 1px,#0000 1px),linear-gradient(90deg,#0072ff08 1px,#0000 1px);background-size:40px 40px;width:200%;height:200%;animation:60s linear infinite grid-slide;position:absolute;top:-50%;left:-50%;transform:perspective(500px)rotateX(0)translateZ(0)}@keyframes grid-slide{0%{transform:perspective(500px)translate(0)translateZ(0)}to{transform:perspective(500px)translate(40px,40px)translateZ(0)}}.scanlines{pointer-events:none;z-index:10;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.interface-frame{clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);z-index:20;background:#080c10f2;border:1px solid #333;flex-direction:column;width:600px;max-width:95vw;max-height:95dvh;display:flex;position:relative;box-shadow:0 0 60px #000c}.manual-trigger{color:#555;letter-spacing:1px;cursor:pointer;z-index:50;text-transform:uppercase;background:#0072ff0d;border:1px solid #333;padding:6px 10px;font-family:Science Gothic,sans-serif;font-size:10px;font-weight:700;transition:all .2s;position:absolute;top:15px;right:15px}.manual-trigger:hover{color:#fff;background:#0072ff33;border-color:#0072ff;box-shadow:0 0 10px #0072ff4d}.inner-content{background:linear-gradient(#0c1218 0%,#05080a 100%);flex-direction:column;flex:1;padding:40px;display:flex;overflow-y:auto}.diagonal-fix{z-index:30;pointer-events:none;height:1px;position:absolute}.main-br-line{background:#0072ff;width:44px;bottom:15px;right:15px;transform:translate(50%,50%)rotate(-45deg);box-shadow:0 0 5px #0072ff80}.corner-deco{z-index:30;border:2px solid #0072ff;width:20px;height:20px;position:absolute}.tl{border-bottom:none;border-right:none;top:0;left:0}.tr{border-bottom:none;border-left:none;top:0;right:0}.bl{border-top:none;border-right:none;bottom:0;left:0}.logo-area{border-bottom:1px solid #0072ff33;flex-direction:column;justify-content:center;align-items:center;margin-bottom:25px;padding-bottom:25px;display:flex}.logo-svg{filter:drop-shadow(0 0 15px #0072ff66);width:180px;height:auto;margin-bottom:5px}.dev-credit{letter-spacing:4px;color:#555;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin-top:5px;font-size:10px;font-weight:700}.dev-credit span{opacity:.6;margin-right:5px}.dev-credit a{color:#777;text-decoration:none;transition:all .3s}.dev-credit a:hover{color:#0072ff;text-shadow:0 0 8px #0072ff99}.nav-tabs{gap:10px;margin-bottom:30px;display:flex}.tab{cursor:pointer;text-transform:uppercase;letter-spacing:1px;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);color:#666;background:#ffffff05;border:1px solid #333;flex:1;justify-content:center;align-items:center;height:44px;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0003}.tab-tl-line{background:#333;width:15px;height:1px;transition:background .2s;position:absolute;top:5px;left:5px;transform:translate(-50%,-50%)rotate(-45deg)}.tab.active{color:#fff;background:#0072ff1a;border-color:#0072ff;box-shadow:inset 0 0 15px #0072ff1a}.tab.active .tab-tl-line{background:#0072ff}.tab:hover:not(.disabled){color:#ccc;border-color:#555}.tab.disabled{opacity:.5;cursor:not-allowed}.section-label{letter-spacing:2px;color:#0072ff;text-transform:uppercase;border-left:3px solid #0072ff;justify-content:space-between;align-items:baseline;margin-bottom:10px;padding-left:10px;font-size:11px;font-weight:700;display:flex}.grid-wrapper{gap:10px;margin-bottom:30px;display:grid}.map-grid{grid-template-columns:repeat(5,1fr)}.sector-btn{cursor:pointer;background:#0a0f1499;border:1px solid #333;flex-direction:column;justify-content:center;align-items:center;height:80px;transition:all .2s;display:flex;position:relative;overflow:hidden}.sector-btn:hover{background:#ffffff0d;border-color:#666}.sector-btn.active{background:#0072ff1a;border:1px solid #0072ff;box-shadow:0 0 15px #0072ff33}.sector-bar{background:#333;width:20px;height:2px;margin-bottom:8px;transition:all .3s}.sector-btn.active .sector-bar{background:#0072ff;width:30px;box-shadow:0 0 8px #0072ff}.sector-label{color:#fff;z-index:2;font-size:11px;font-weight:800}.sector-sub{color:#666;z-index:2;text-transform:uppercase;margin-top:4px;font-size:9px}.sector-btn.active .sector-sub{color:#0072ff}.stepper-container{gap:5px;height:44px;margin-bottom:8px;display:flex}.stepper-btn{color:#0072ff;cursor:pointer;background:#ffffff08;border:1px solid #333;justify-content:center;align-items:center;width:50px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.stepper-btn:hover{color:#fff;background:#0072ff33;border-color:#0072ff}.stepper-display{background:#000;border:1px solid #333;flex:1;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 15px #00326433}.stepper-display:before{content:"";pointer-events:none;background:#0072ff;width:4px;position:absolute;top:0;bottom:0;left:0}.opp-input{color:#fff;text-align:center;letter-spacing:2px;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:Science Gothic,sans-serif;font-size:24px;font-weight:800}.opp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.opp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.opp-input{-moz-appearance:textfield}.presets-row{gap:5px;margin-bottom:30px;display:flex}.preset-btn{color:#555;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #222;flex:1;padding:4px;font-size:10px;font-weight:700;transition:all .2s}.preset-btn:hover{color:#888;background:#ffffff0d;border-color:#444}.diff-grid{grid-template-columns:repeat(4,1fr)}.neural-btn{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);cursor:pointer;background:#0f1419cc;border:1px solid #333;flex-direction:column;justify-content:center;align-items:center;padding:12px;transition:all .2s;display:flex;position:relative}.neural-btn:hover{background:#ffffff0d;border-color:#666}.neural-btn.active{border-color:var(--active-color);background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);box-shadow:inset 0 0 15px #00000080}.neural-cut-line{background:#333;width:15px;height:1px;transition:background .2s;position:absolute;bottom:5px;right:5px;transform:translate(50%,50%)rotate(-45deg)}.neural-btn:hover .neural-cut-line{background:#666}.neural-btn.active .neural-cut-line{background:var(--active-color)}.neural-title{color:#ddd;font-size:12px;font-weight:800}.neural-btn.active .neural-title{color:#fff;text-shadow:0 0 5px var(--active-color)}.neural-sub{color:#666;text-transform:uppercase;margin-top:4px;font-size:9px}.deploy-btn{color:#000;text-transform:uppercase;letter-spacing:4px;cursor:pointer;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);background:#0072ff;border:none;justify-content:center;align-items:center;height:65px;margin-top:auto;font-family:Science Gothic,sans-serif;font-size:20px;font-weight:800;transition:all .2s;display:flex;position:relative;transform:translateZ(0)}.deploy-btn:hover,.deploy-btn:active{background:#fff;box-shadow:0 0 35px #0072ff99}.btn-deco-line{background:#000;width:30px;height:1px;position:absolute}.offline-msg{text-align:center;color:#f44;background:#1e00004d;border:1px solid #311;margin-top:40px;padding:25px}.version{color:#444;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:2px;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:600;position:absolute;bottom:20px;right:20px}.volume-container{z-index:100;align-items:center;height:32px;display:flex;position:absolute;top:15px;left:20px}.volume-slider-box{opacity:0;pointer-events:none;background:#080c10f2;border:1px solid #333;border-left:none;align-items:center;width:0;height:100%;margin-left:-2px;transition:all .3s;display:flex;overflow:hidden}.volume-container:hover .volume-slider-box,.volume-slider-box:hover{opacity:1;pointer-events:auto;border-color:#0072ff;width:100px;padding-left:8px;padding-right:8px}.home-vol-slider{-webkit-appearance:none;cursor:pointer;background:0 0;width:100%}.home-vol-slider:focus{outline:none}.home-vol-slider::-webkit-slider-runnable-track{background:#333;border-radius:2px;width:100%;height:4px}.home-vol-slider::-moz-range-track{background:#333;border-radius:2px;width:100%;height:4px}.home-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#000;border:2px solid #0072ff;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 5px #0072ff80}.home-vol-slider::-moz-range-thumb{background:#000;border:2px solid #0072ff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 5px #0072ff80}@media (max-width:650px){.inner-content{padding:20px 20px 60px}.logo-svg{width:120px}.logo-area{margin-bottom:15px;padding-bottom:15px}.map-grid{grid-template-columns:repeat(3,1fr)}.diff-grid{grid-template-columns:repeat(2,1fr)}.sector-btn,.neural-btn{min-height:65px}.stepper-container{height:50px}.deploy-btn{flex-shrink:0;font-size:18px}.version{display:none}}.manual-trigger{box-sizing:border-box;justify-content:center;align-items:center;display:flex}.manual-trigger .g-icon{vertical-align:middle!important;width:16px!important;height:16px!important;margin:0!important;display:block!important}