body{overscroll-behavior:none;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)}}button,input,select,textarea,.manual-trigger{font-family:Science Gothic,sans-serif}.hud-container .g-icon{fill:currentColor;width:100%;height:100%;display:block}.hud-container{color:#fff;contain:strict;background-color:#020406;justify-content:center;align-items:center;width:100%;height:100dvh;font-family:Science Gothic,sans-serif;display:flex;position:relative;overflow:hidden}.carousel-wrapper{z-index:20;box-sizing:border-box;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;padding:0 20px;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex}.grid-bg{z-index:1;will-change:transform;pointer-events:none;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:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 2px);width:100%;height:100%;position:absolute;top:0;left:0}.side-column{flex-direction:row;flex-shrink:1;justify-content:center;align-items:center;gap:15px;height:auto;display:flex}.panel{z-index:20;background:#080c10f2;border:1px solid #333;flex-direction:column;display:flex;position:relative;transform:translateZ(0);box-shadow:0 0 60px #000c}.interface-frame{clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);background:#080c10f2;flex-shrink:0;width:600px;min-width:500px;max-width:95vw;height:auto;max-height:90vh}.side-panel{opacity:.8;border-top:2px solid #0072ff;flex-shrink:0;width:260px;height:480px;transition:all .3s;overflow:hidden;transform:scale(.98);box-shadow:0 0}.side-panel.right-col{opacity:.5;border-top-color:#444}.side-panel:hover{opacity:1;border-color:#0f8;transform:scale(1);box-shadow:0 0 30px #0072ff33}.side-panel .inner-content{flex-direction:column;height:100%;padding:20px;display:flex}.stat-header{color:#fff;letter-spacing:2px;border-bottom:1px solid #333;justify-content:space-between;margin-bottom:15px;padding-bottom:8px;font-size:14px;font-weight:800;display:flex}.stat-grid{grid-template-columns:1fr;gap:8px;display:grid}.stat-item{color:#888;border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.stat-item strong{color:#ddd;font-family:monospace;font-size:11px;font-weight:600}.stat-highlight{color:#0072ff!important}.login-placeholder{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;font-size:12px;display:flex}.coming-soon-placeholder{text-align:center;color:#444;letter-spacing:2px;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;font-size:10px;font-weight:700;display:flex}.coming-soon-placeholder .g-icon{opacity:.3;width:32px;height:32px;margin-bottom:5px}.top-right-controls{z-index:100;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:20px;right:20px}.manual-trigger{color:#555;letter-spacing:1px;cursor:pointer;text-transform:uppercase;white-space:nowrap;background:#001428e6;border:1px solid #333;justify-content:center;align-items:center;padding:8px 12px;font-size:10px;font-weight:700;transition:all .2s;display:flex}.manual-trigger:hover{color:#fff;background:#0072ff33;border-color:#0072ff;box-shadow:0 0 10px #0072ff4d}.user-badge{color:#0f8;cursor:default;background:#002814e6;border-color:#0f8}.user-badge:hover{background:#00ff881a;border-color:#0f8;box-shadow:0 0 10px #0f83}.logout-link{cursor:pointer;opacity:.7;pointer-events:auto;border-left:1px solid;margin-left:10px;padding-left:8px;font-size:9px;transition:opacity .2s}.logout-link:hover{opacity:1;text-decoration:underline}.inner-content{-webkit-overflow-scrolling:touch;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}.br{border-top:none;border-left:none;bottom:0;right: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:background .2s,border .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);will-change:transform,box-shadow;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:20px;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}.carousel-dots{z-index:50;gap:8px;display:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dot{background:#333;border-radius:50%;width:6px;height:6px;transition:all .2s}.dot.active{background:#0072ff;transform:scale(1.5)}@media (max-width:1600px){.side-panel{width:220px;height:440px}.interface-frame{width:500px}.carousel-wrapper{gap:10px;padding:0 10px}}@media (max-width:1000px){.hud-container{display:block}.carousel-wrapper{will-change:transform;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:0;width:100%;height:100%;padding:0;display:flex}.side-column{flex-direction:column;justify-content:flex-start;gap:0;width:100vw;min-width:100vw;height:100dvh}.panel,.interface-frame{width:100vw;min-width:100vw;height:100dvh;max-height:100dvh;box-shadow:none;background:#080c10fa;border:none;border-right:1px solid #333;border-radius:0}.side-panel{border-top:4px solid #0072ff;border-bottom:1px solid #333;flex:none;width:100%;height:50vh!important}.interface-frame{clip-path:none!important}.main-br-line,.diagonal-fix{display:none!important}.panel .inner-content,.side-panel .inner-content{padding:20px}.interface-frame .inner-content{padding-top:80px!important;padding-bottom:60px!important}.volume-container{z-index:100;flex-direction:column;align-items:flex-start;height:auto;position:absolute;top:20px;left:20px}.volume-container .manual-trigger{min-width:0;height:auto;margin-bottom:5px;padding:8px 12px}.volume-slider-box{opacity:0;pointer-events:none;background:#0a141ef2;border:1px solid #333;border-radius:4px;justify-content:center;align-items:center;height:0;margin-left:0;padding:10px 0;transition:height .3s,opacity .3s;display:flex;width:24px!important}.volume-container:hover .volume-slider-box,.volume-slider-box:hover,.volume-slider-box:active{opacity:1;pointer-events:auto;height:120px}.home-vol-slider{width:100px;transform:rotate(-90deg)}.top-right-controls{z-index:100;position:absolute;top:20px;right:20px}.user-badge{flex-direction:column;align-items:flex-end;height:auto;padding:8px 10px;line-height:1.2;display:flex}.logout-link{color:#0f8;opacity:1;background:0 0;border:none;margin:5px 0 0;padding:0;text-decoration:underline}.carousel-dots{z-index:501;display:flex;bottom:20px}.map-grid,.diff-grid{grid-template-columns:repeat(2,1fr);gap:8px}.neural-btn{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);min-height:70px}.neural-cut-line{width:15px;bottom:5px;right:5px}.sector-btn{min-height:70px}.presets-row{flex-wrap:wrap}.preset-btn{flex-grow:1;min-width:45%;padding:10px 0}.logo-svg{width:140px}.version{display:none}.stepper-container{height:50px}.deploy-btn{flex-shrink:0;margin-bottom:10px;font-size:18px}}