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