body,html{margin:0;padding:0;overflow:hidden;width:100%;height:100%;background-color:#020008;user-select:none;touch-action:pan-y;font-family:'Courier New',monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100dvh;min-height:100dvh;overscroll-behavior:none}canvas{cursor:pointer;display:block;position:fixed;inset:0;width:100vw;height:100dvh;z-index:1}canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#menu-container{position:absolute;top:40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;width:85vw;max-width:800px;padding:12px 24px;background:rgba(4,4,8,.85);border:1px solid rgba(0,229,255,.25);box-shadow:0 0 25px rgba(0,229,255,.1),inset 0 0 20px rgba(0,229,255,.05);clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0% calc(100% - 6px),0% 6px);backdrop-filter:blur(12px);z-index:10;transition:all .4s cubic-bezier(.16, 1, .3, 1);overflow:hidden;isolation:isolate}#menu-container::after{content:'';position:absolute;bottom:0;width:50%;height:1px;background:linear-gradient(90deg,transparent,#00e5ff,#fff,#00e5ff,transparent);box-shadow:0 0 10px #00e5ff;left:0;transform:translateX(-200%);animation:laserFlow 4s infinite linear;will-change:left}.hud-corner{position:absolute;width:4px;height:4px;border:1px solid #00e5ff;opacity:.7}.hud-corner.tl{top:2px;left:2px;border-right:none;border-bottom:none}.hud-corner.tr{top:2px;right:2px;border-left:none;border-bottom:none}.hud-corner.bl{bottom:2px;left:2px;border-right:none;border-top:none}.hud-corner.br{bottom:2px;right:2px;border-left:none;border-top:none}.cyber-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));background-size:100% 3px,3px 100%;opacity:.4;pointer-events:none}.system-bracket{font-family:Orbitron,sans-serif;font-weight:900;font-size:1.5rem;color:#f05;text-shadow:0 0 8px #f05;animation:pulseBracket 1.5s infinite alternate ease-in-out;user-select:none;pointer-events:none;flex-shrink:0;display:flex;align-items:center}#menu{display:flex;align-items:center;justify-content:space-around;width:100%;max-width:calc(100% - 40px);overflow:hidden;padding:6px 0;text-rendering:optimizeLegibility}.menu-item{font-family:Orbitron,sans-serif;font-weight:700;font-size:.95rem;color:#8f9cae;text-decoration:none;letter-spacing:3px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6px 0;flex-shrink:0;white-space:nowrap;transition:color .2s ease,transform .2s ease}.menu-item.btn-trigger{background:0 0;border:none;cursor:pointer}.text-yellow{color:#ff0;text-shadow:0 0 5px rgba(255,255,0,.4)}.menu-separator{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;color:rgba(255,0,85,.5);text-shadow:0 0 4px rgba(255,0,85,.2);letter-spacing:0;user-select:none;pointer-events:none;flex-shrink:0}.cyber-glitch-text{position:relative}@media (min-width:769px){.menu-item:hover .cyber-glitch-text{color:#f05;text-shadow:0 0 5px #f05;animation:glitchText .3s infinite}.menu-item:hover .cyber-glitch-text.text-yellow{color:#ff0;text-shadow:0 0 8px #ff0;animation:glitchText .3s infinite}.menu-item:hover .cyber-glitch-text::after,.menu-item:hover .cyber-glitch-text::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(4,4,8,.9)}.menu-item:hover .cyber-glitch-text::before{left:2px;text-shadow:-1px 0 #00e5ff;clip:rect(10px,9999px,30px,0);animation:glitchSkew 1s infinite linear alternate-reverse}.menu-item:hover .cyber-glitch-text::after{left:-2px;text-shadow:-1px 0 #f05;clip:rect(25px,9999px,40px,0);animation:glitchSkew 1.5s infinite linear alternate-reverse}}.menu-item:active{transform:scale(.97)}.menu-item:active .cyber-glitch-text{color:#00e5ff!important;text-shadow:0 0 10px rgba(0,229,255,.8)!important;animation:none!important}.menu-item:active .cyber-glitch-text::after,.menu-item:active .cyber-glitch-text::before{display:none!important}.active-indicator{position:absolute;bottom:0;left:50%;width:0;height:2px;background:#00e5ff;box-shadow:0 0 8px #00e5ff;opacity:0;transform:translateX(-50%);transition:width .15s ease,opacity .15s ease;pointer-events:none}.active-indicator.indicator-yellow{background:#ff0;box-shadow:0 0 8px #ff0}.menu-item:active .active-indicator{width:100%;opacity:1!important}.item-status{font-size:.55rem;letter-spacing:1px;color:#ff0;opacity:.5;margin-top:2px}.mega-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#020008;background:rgba(2,0,8,.96);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);z-index:99999;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:20px 0;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16, 1, .3, 1)}.mega-menu-overlay.open{opacity:1;pointer-events:auto!important}.mega-menu-content{width:85vw;max-width:1100px;max-height:none;overflow:visible;border:1px solid rgba(0,229,255,.2);background:rgba(4,4,8,.7);padding:45px;position:relative;box-shadow:0 0 40px rgba(0,229,255,.05)}.mega-menu-content .hud-corner{border-color:rgba(0,229,255,.4);width:8px;height:8px}.mega-menu-title{font-family:Orbitron,sans-serif;color:#00e5ff;text-shadow:0 0 8px rgba(0,229,255,.6);font-size:1.3rem;margin-top:10px;margin-bottom:35px;border-bottom:1px dashed rgba(0,229,255,.2);padding-bottom:12px;letter-spacing:2px}.mega-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:35px}.menu-category h3{font-family:Orbitron,sans-serif;color:#f05;text-shadow:0 0 5px rgba(255,0,85,.3);font-size:.75rem;margin-bottom:10px;letter-spacing:1px}.menu-category a{display:block;font-family:'Courier New',monospace;color:#8f9cae;text-decoration:none;padding:4px 0;font-size:.8rem;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-category a:hover{color:#00e5ff;padding-left:6px;text-shadow:0 0 6px #00e5ff}.close-hud-btn{position:absolute;top:20px;right:25px;background:0 0;border:none;color:#f05;text-shadow:0 0 4px rgba(255,0,85,.4);font-family:Orbitron,sans-serif;font-weight:700;cursor:pointer;font-size:.8rem;letter-spacing:1px;transition:all .2s}.close-hud-btn:hover{color:#fff;text-shadow:0 0 8px #fff}@keyframes laserFlow{from{transform:translateX(-200%)}to{transform:translateX(400%)}}@keyframes pulseBracket{0%{transform:scale(.95);opacity:.6}100%{transform:scale(1.05);opacity:1}}@keyframes glitchText{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}100%{transform:translate(0)}}@keyframes glitchSkew{0%{clip:rect(12px,9999px,25px,0)}50%{clip:rect(4px,9999px,38px,0)}100%{clip:rect(22px,9999px,10px,0)}}@media (max-width:768px){#menu-container{top:20px;padding:6px 8px!important;gap:2px;width:95vw}.system-bracket{font-size:1.2rem;padding:0 2px}.system-bracket .desktop-only{display:none!important}#menu{flex-wrap:wrap;justify-content:center;gap:8px 14px;max-width:100%}.menu-item{font-size:.75rem;letter-spacing:1px}.menu-separator{display:none}.mega-menu-content{padding:30px 20px;width:96vw;max-height:92vh}.mega-menu-grid{grid-template-columns:repeat(2,1fr);gap:20px}.mega-menu-title{font-size:1.05rem;margin-bottom:20px}.close-hud-btn{position:sticky;top:0;float:right;z-index:9999;background:rgba(4,4,8,.95);padding:8px 10px;border:1px solid rgba(255,0,85,.25);backdrop-filter:blur(8px)}#triggerMegaMenu{font-size:.75rem}}*,::after,::before{box-sizing:border-box}body,html{max-width:100vw;overflow-x:hidden}