:root{--discord-bg: #36393f;--discord-bg-dark: #2f3136;--discord-bg-darker: #202225;--discord-accent: #7289da;--discord-text: #dcddde;--discord-border: #202225;--nes-bg: var(--discord-bg);--nes-text: var(--discord-text);--nes-border: var(--discord-border);--wns-bg-main: #2c2834;--wns-bg-panel: #1e1b23;--wns-border: #0a090c;--wns-accent-green: #a7ffc3;--wns-accent-pink: #ffacc8;--wns-text: #ffffff;--wns-text-muted: #8b8696;--wns-text-dark: #1e1b23;--wns-btn-label-margin: -1px;--wns-btn-icon-margin: 6px;--wns-btn-font-size: 18px;--wns-accent-blue: #00d2ff}@font-face{font-family:Poco;src:url(../assets/fonts/Poco.ttf) format("truetype");font-weight:400;font-style:normal}body{margin:0;padding:0;background-color:#000;color:var(--wns-text);font-family:"Press Start 2P",monospace;font-size:14px;-webkit-font-smoothing:none;font-smooth:never;image-rendering:pixelated;overflow-x:hidden;cursor:auto!important}html{cursor:auto!important}body.game-active{overflow:hidden}*{box-sizing:border-box}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.ui-element{pointer-events:auto}::-webkit-scrollbar{width:12px;height:12px;background:var(--wns-bg-panel)}::-webkit-scrollbar-corner{background:var(--wns-bg-panel)}::-webkit-scrollbar-thumb{background:#4a4559;border:2px solid var(--wns-border)}::-webkit-scrollbar-thumb:hover{background:#635d73}::-webkit-scrollbar-button:single-button{background-color:#4a4559;border:2px solid var(--wns-border);display:block;height:12px;width:12px}.wns-window{background-color:var(--wns-bg-main);border:2px solid var(--wns-border);display:flex;flex-direction:column;pointer-events:auto;font-family:Poco,monospace;color:var(--wns-text)}.wns-window.is-docked-right{border-right:none;border-top:none;border-bottom:none}.wns-window.is-docked-bottom{border-bottom:none;border-left:none}.wns-nav-panel{position:absolute;right:15px;top:60px;width:350px;max-height:calc(100% - 100px);display:flex;flex-direction:column;height:auto;z-index:10000;pointer-events:auto;animation:wns-slide-down .25s ease-out}@keyframes wns-slide-down{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}.wns-sidebar-docked{position:absolute;right:0;top:0;bottom:0;width:300px;height:100%;z-index:1000;display:flex;flex-direction:column;background-color:var(--wns-bg-main);border-left:2px solid var(--wns-border);font-size:11px}.wns-sidebar-docked .wns-panel{padding:10px;margin-bottom:10px!important}.wns-sidebar-docked .wns-btn{padding:6px 12px;font-size:13px;font-weight:700}.wns-sidebar-docked input,.wns-sidebar-docked select{font-size:10px;padding:4px}.wns-bottom-panel-docked{position:absolute;left:0;bottom:0;right:300px;height:280px;z-index:900;background-color:var(--wns-bg-panel);border-top:2px solid var(--wns-border);border-right:2px solid var(--wns-border);display:flex;flex-direction:column}.wns-header{background-color:var(--wns-bg-panel);border-bottom:2px solid var(--wns-border);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;user-select:none}.wns-title{color:var(--wns-text);margin:0}.wns-close-btn{background:transparent;color:var(--wns-text);border:none;outline:none;cursor:pointer;font-family:Poco,monospace;padding:0 4px}.wns-close-btn:hover{color:var(--wns-accent-pink)}.wns-content{padding:12px;display:flex;flex-direction:column;gap:12px;flex-grow:1;overflow-y:auto}.wns-panel{background-color:var(--wns-bg-panel);border:2px solid var(--wns-border);padding:10px;border-style:solid!important}.wns-checkbox{-webkit-appearance:none;appearance:none;width:20px;height:20px;background-color:var(--wns-bg-panel);border:2px solid var(--wns-border);cursor:pointer;position:relative;display:inline-block;vertical-align:middle}.wns-checkbox:checked{background-color:var(--wns-bg-panel)}.wns-checkbox:checked:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background-color:var(--wns-accent-green);box-shadow:2px 2px #000,4px 4px #000}.wns-checkbox-label{cursor:pointer;display:flex;align-items:center;gap:8px;user-select:none}.wns-cyber-btn{width:32px;height:32px;min-width:32px;background-image:url(../assets/ui/GUI-for-Cyberpunk-Pixel-Art/6%20Buttons/ButtonMap.png);background-repeat:no-repeat;background-position:-96px 0px;image-rendering:pixelated;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:filter .2s,transform .05s;user-select:none;background-color:transparent!important;background-size:auto;font-family:Poco,monospace;font-size:16px;font-weight:700;--wns-btn-filter: saturate(1.2);--wns-btn-hover-filter: brightness(1.4) saturate(1.8);filter:var(--wns-btn-filter)}.wns-cyber-btn:focus{outline:none}.wns-cyber-btn:active{transform:scale(.96);background-position:-96px -32px}.wns-cyber-btn.is-wide{width:96px;background-position:0px 0px}.wns-cyber-btn.is-wide:active{background-position:0px -32px}.wns-cyber-btn.is-tiled{width:auto;background:none!important;border:none;padding:0;display:flex;position:relative}.wns-btn-tile{width:32px;height:32px;background-image:url(../assets/ui/GUI-for-Cyberpunk-Pixel-Art/6%20Buttons/ButtonMap.png);background-repeat:no-repeat;background-size:auto;image-rendering:pixelated;pointer-events:none}.wns-btn-tile.is-0{background-position:0px 0px}.wns-btn-tile.is-1{background-position:-32px 0px}.wns-btn-tile.is-2{background-position:-64px 0px}.wns-cyber-btn:active .wns-btn-tile.is-0{background-position:0px -32px}.wns-cyber-btn:active .wns-btn-tile.is-1{background-position:-32px -32px}.wns-cyber-btn:active .wns-btn-tile.is-2{background-position:-64px -32px}.wns-btn-label{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;font-family:Poco,monospace;font-size:var(--wns-btn-font-size);font-weight:700;padding-top:0;margin-top:var(--wns-btn-label-margin)}.wns-cyber-btn.is-orange{--wns-btn-filter: grayscale(1) brightness(.85) sepia(1.2) hue-rotate(12deg) saturate(14) brightness(1.3)}.wns-cyber-btn.is-grey{--wns-btn-filter: grayscale(1) brightness(1.25)}.wns-cyber-btn.is-blue{--wns-btn-filter: grayscale(1) brightness(.7) sepia(1) hue-rotate(188deg) saturate(12) brightness(1.7)}.wns-cyber-btn.is-red{--wns-btn-filter: saturate(2) brightness(1.15)}.wns-btn{background-color:#4a4559;color:var(--wns-text);border:2px solid var(--wns-border);padding:6px 12px;font-family:Poco,monospace;cursor:pointer;outline:none;text-align:center;user-select:none;display:inline-block}.wns-btn:hover{background-color:#635d73}.wns-btn:active{background-color:var(--wns-bg-panel);padding:7px 11px 5px 13px}.wns-btn.is-primary{background-color:#55a}.wns-btn.is-success{background-color:var(--wns-accent-green);color:var(--wns-text-dark)}.wns-btn.is-error{background-color:var(--wns-accent-pink);color:var(--wns-text-dark)}.wns-btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.wns-input{background-color:var(--wns-bg-panel);color:var(--wns-text);border:2px solid var(--wns-border);padding:6px;font-family:Poco,monospace;width:100%}.wns-input:focus{outline:none;border-color:var(--wns-text-muted)}.wns-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--wns-bg-panel);border:2px solid var(--wns-border);outline:none}.wns-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:16px;background:#4a4559;border:2px solid var(--wns-border);cursor:pointer}.modal-backdrop{position:absolute;inset:0;background-color:#0a090ccc;display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.modal-backdrop.active{display:flex;opacity:1;pointer-events:auto}.modal-content{background-color:var(--wns-bg-main);border:2px solid var(--wns-border);padding:20px;width:500px;max-width:90%;color:var(--wns-text)}.server-item{display:flex;align-items:center;padding:10px;background-color:var(--wns-bg-panel);border:2px solid var(--wns-border);margin-bottom:8px;cursor:pointer}.server-item:hover{border-color:var(--wns-text-muted)}.server-icon{width:40px;height:40px;margin-right:10px;background-color:var(--wns-bg-main);border:2px solid var(--wns-border);display:flex;justify-content:center;align-items:center;overflow:hidden}.server-icon img{width:100%;height:100%;object-fit:cover}.jambo-landing{position:relative;width:100%;z-index:10;color:#fff;scroll-behavior:smooth;font-family:"Press Start 2P",monospace}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;display:block;background:#000}.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}.hero-inner{display:flex;flex-direction:column;align-items:center}.jambo-title{font-size:clamp(40px,10vw,100px);margin:0;letter-spacing:.1em;text-shadow:4px 4px 0 #c878af,8px 8px 0 #3e3b65;animation:jambo-float 4s ease-in-out infinite;image-rendering:auto}.jambo-subtitle{font-size:clamp(10px,2vw,18px);color:var(--wns-accent-blue);margin:20px 0 0;letter-spacing:4px;text-shadow:2px 2px 0 #000}@keyframes jambo-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-20px) rotate(1deg)}}.jambo-btn{margin-top:60px;padding:16px 32px;font-family:"Press Start 2P",monospace;font-size:18px;background:var(--wns-accent-blue);color:#000;border:4px solid #fff;box-shadow:6px 6px #2c1e31;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);outline:none;pointer-events:auto}.jambo-btn:hover{background:var(--wns-accent-pink);color:#fff;transform:scale(1.1) translateY(-5px);box-shadow:10px 10px #2c1e31}.jambo-btn:active{transform:scale(.95);box-shadow:2px 2px #2c1e31}.pulse{animation:btn-pulse 2s infinite}@keyframes btn-pulse{0%{box-shadow:6px 6px #2c1e31,0 0 #00d2ff66}70%{box-shadow:6px 6px #2c1e31,0 0 0 20px #00d2ff00}to{box-shadow:6px 6px #2c1e31,0 0 #00d2ff00}}.info-section{min-height:100vh;padding:100px 20px;display:flex;justify-content:center;align-items:center;background:transparent}.info-container{width:100%;max-width:900px}.glassy-panel{background:#10121ca6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:4px solid #fff;box-shadow:12px 12px #0009;position:relative;transition:transform .3s ease-out}.window-header{background:#fff;color:#000;padding:12px 16px;display:flex;align-items:center;gap:15px;border-bottom:4px solid #fff}.pixel-dots{display:flex;gap:6px}.pixel-dots span{width:8px;height:8px;background:#000}.window-title{font-size:14px;flex-grow:1;font-weight:700}.tabs-header{display:flex;background:#0000004d;border-bottom:4px solid #fff}.tab-btn{flex:1;padding:20px;background:transparent;border:none;color:#fff;font-family:inherit;font-size:12px;cursor:pointer;transition:background .2s;border-right:4px solid #fff}.tab-btn:last-child{border-right:none}.tab-btn.active{background:var(--wns-accent-blue);color:#000}.tab-body{padding:40px;line-height:1.8}.tab-pane{display:none;animation:tab-fadeIn .4s ease-out}.tab-pane.active{display:block}@keyframes tab-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-pane h3{color:var(--wns-accent-blue);margin:30px 0 10px;font-size:16px;text-shadow:2px 2px 0 #000}.tab-pane h3:first-child{margin-top:0}.tab-pane p{font-size:12px;color:#ccc;margin-bottom:20px}.landing-footer{padding:80px 20px;text-align:center;font-size:10px;opacity:.5;letter-spacing:2px}.landing-profile{position:absolute;top:20px;right:20px;z-index:1000;font-size:10px}.profile-trigger{padding:8px 0;cursor:pointer;display:flex;gap:10px;align-items:center;color:#fff;text-shadow:2px 2px 0 #000;letter-spacing:2px;user-select:none;transition:opacity .2s}.profile-trigger:hover{opacity:.7}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#10121cf2;border:2px solid #fff;width:150px;box-shadow:8px 8px #0009}.logout-item{padding:12px 16px;cursor:pointer;color:var(--wns-accent-pink);transition:background .2s,color .1s}.logout-item:hover{background:var(--wns-accent-pink);color:#000}.hidden{display:none!important}.landing-server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:15px}.landing-server-item{background:#10121c66;border:2px solid #fff;padding:10px;display:flex;align-items:center;gap:10px;transition:all .2s}.landing-server-item:hover{background:#2cc5f433;border-color:var(--wns-accent-blue);transform:translateY(-2px)}.landing-server-icon{width:32px;height:32px;background:#000;border:1px solid #fff;overflow:hidden}.landing-server-icon img{width:100%;height:100%;object-fit:cover}.server-info{flex:1;overflow:hidden}.server-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.server-count{font-size:8px;color:var(--wns-accent-green);margin-top:4px;display:block}.voice-status-box{margin-top:30px;background:#a7ffc31a;border:1px dashed var(--wns-accent-green);padding:15px;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--wns-accent-green);font-size:10px}.pulse-ring{width:10px;height:10px;background:var(--wns-accent-green);border-radius:50%;box-shadow:0 0 #a7ffc366;animation:ring-pulse 1.5s infinite}@keyframes ring-pulse{0%{transform:scale(.95);box-shadow:0 0 #a7ffc3b3}70%{transform:scale(1);box-shadow:0 0 0 10px #a7ffc300}to{transform:scale(.95);box-shadow:0 0 #a7ffc300}}.loading-text{font-size:10px;opacity:.5;text-align:center;padding:20px}