:root{--discord-bg:#36393f;--discord-bg-dark:#2f3136;--discord-bg-darker:#202225;--discord-accent:#7289da;--discord-text:#dcddde;--discord-border:#202225;--px-bg:#20242f;--px-bg-inset:#171a22;--px-chrome:#e8eaf0;--px-accent:#7aa2ff;--px-hot:#ff5c8a;--px-ok:#7dd08c;--px-shadow:#0b0d12;--px-text-dim:#8d93a5;--px-edge-hi:#3a4152;--px-edge-lo:#0e1016;--font-ui:"m6x11", monospace;--font-tiny:"m5x7", monospace;--wns-bg-main:var(--px-bg);--wns-bg-panel:var(--px-bg-inset);--wns-border:var(--px-edge-lo);--wns-accent-green:#a7ffc3;--wns-accent-pink:#ffacc8;--wns-text:var(--px-chrome);--wns-text-muted:var(--px-text-dim);--wns-text-dark:#14161d;--wns-accent-blue:#00d2ff}@font-face{font-family:m6x11;src:url(../assets/fonts/m6x11.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:m5x7;src:url(../assets/fonts/m5x7.ttf)format("truetype");font-weight:400;font-style:normal}body{color:var(--wns-text);-webkit-font-smoothing:none;font-smooth:never;font-synthesis:none;text-rendering:optimizespeed;letter-spacing:0;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(--px-bg-inset);width:12px;height:12px}::-webkit-scrollbar-corner{background:var(--px-bg-inset)}::-webkit-scrollbar-track{background:repeating-conic-gradient(var(--px-bg-inset) 0 25%, var(--px-bg) 0 50%) 0 0 / 4px 4px}::-webkit-scrollbar-thumb{border:1px solid;border-color:var(--px-edge-hi) var(--px-edge-lo) var(--px-edge-lo) var(--px-edge-hi);background:#2a3040}::-webkit-scrollbar-thumb:hover{background:#333a4e}.wns-window{background-color:var(--wns-bg-main);border:2px solid var(--wns-border);pointer-events:auto;font-family:var(--font-ui);color:var(--wns-text);flex-direction:column;font-size:16px;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-window.is-framed{background:var(--px-bg);border:1px solid;border-color:var(--px-edge-hi) var(--px-edge-lo) var(--px-edge-lo) var(--px-edge-hi);box-shadow:4px 4px 0 var(--px-shadow)}.wns-titlebar{background:linear-gradient(90deg, var(--px-accent) 0 20%, #5578cc 20% 45%, #39508c 45% 70%, var(--px-bg) 70% 100%);color:#fff;height:26px;font-family:var(--font-ui);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:8px;padding:0 4px 0 8px;font-size:16px;display:flex}.wns-titlebar-text{white-space:nowrap;flex:1;overflow:hidden}.wns-tab-strip{z-index:1;flex-shrink:0;align-items:flex-end;gap:4px;padding:8px 8px 0;display:flex;position:relative}.wns-tab{background:var(--px-bg-inset);border:1px solid;border-color:var(--px-edge-hi) var(--px-edge-lo) transparent var(--px-edge-hi);height:28px;color:var(--px-text-dim);font-family:var(--font-ui);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:16px;display:flex}.wns-tab:hover{color:var(--px-chrome)}.wns-tab.is-active{background:var(--px-bg);height:30px;color:var(--px-chrome);cursor:default;margin-bottom:-1px}.wns-tab.is-active .wns-icon{background-color:var(--px-accent)}.wns-tab-page{border:1px solid;border-color:var(--px-edge-hi) var(--px-edge-lo) var(--px-edge-lo) var(--px-edge-hi);background:var(--px-bg);flex-direction:column;flex-grow:1;gap:12px;min-height:0;margin:0 8px 8px;padding:12px;display:flex;overflow-y:auto}.wns-icon{width:16px;height:16px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background-color:currentColor;flex-shrink:0;display:inline-block}.wns-hud-btn{background:var(--px-bg);border:1px solid;border-color:var(--px-edge-hi) var(--px-edge-lo) var(--px-edge-lo) var(--px-edge-hi);width:36px;height:36px;box-shadow:2px 2px 0 var(--px-shadow);font-family:var(--font-ui);color:var(--px-chrome);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:6px;padding:0;font-size:16px;display:flex}.wns-hud-btn:hover{background:#262b38}.wns-hud-btn:active{border-color:var(--px-edge-lo) var(--px-edge-hi) var(--px-edge-hi) var(--px-edge-lo);box-shadow:none;transform:translate(2px,2px)}.wns-hud-btn.is-wide{width:auto;min-width:80px;padding:0 10px}.wns-section-strip{background:var(--px-accent);color:#fff;font-family:var(--font-ui);-webkit-user-select:none;user-select:none;padding:2px 8px;font-size:16px}.wns-link{color:var(--px-accent);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.wns-link:hover{color:var(--px-chrome)}.wns-status-dot{background:var(--px-ok);width:8px;height:8px;display:inline-block}.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);width:300px;height:100%;font-family:var(--font-tiny);flex-direction:column;font-size:16px;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:16px}.wns-sidebar-docked input,.wns-sidebar-docked select{font-family:var(--font-tiny);padding:4px;font-size:16px}.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{background:var(--px-bg);border:1px solid;border-color:var(--px-edge-hi) var(--px-edge-lo) var(--px-edge-lo) var(--px-edge-hi);width:18px;height:18px;color:var(--px-chrome);cursor:pointer;font-family:var(--font-ui);-webkit-user-select:none;user-select:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.wns-close-btn:hover{background:var(--px-hot);color:#fff}.wns-close-btn:active{border-color:var(--px-edge-lo) var(--px-edge-hi) var(--px-edge-hi) var(--px-edge-lo)}.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(--px-bg-inset);border:1px solid;border-color:var(--px-edge-lo) var(--px-edge-hi) var(--px-edge-hi) var(--px-edge-lo);cursor:pointer;vertical-align:middle;width:20px;height:20px;display:inline-block;position:relative}.wns-checkbox:checked:after{content:"";background-color:var(--px-ok);width:10px;height:10px;position:absolute;top:4px;left:4px}.wns-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.wns-btn{color:var(--wns-text);border:1px solid;border-color:var(--px-edge-hi) var(--px-edge-lo) var(--px-edge-lo) var(--px-edge-hi);font-family:var(--font-ui);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background-color:#2a3040;outline:none;padding:6px 12px;font-size:16px;display:inline-block}.wns-btn:hover{background-color:#333a4e}.wns-btn:active{border-color:var(--px-edge-lo) var(--px-edge-hi) var(--px-edge-hi) var(--px-edge-lo);padding:7px 11px 5px 13px}.wns-btn.is-primary{background-color:var(--px-accent);color:#fff}.wns-btn.is-primary:hover{background-color:#8fb1ff}.wns-btn.is-success{background-color:var(--px-ok);color:var(--wns-text-dark)}.wns-btn.is-warning,.wns-btn.is-error{background-color:var(--px-hot);color:#fff}.wns-btn-icon{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.wns-input{background-color:var(--px-bg-inset);color:var(--wns-text);border:1px solid;border-color:var(--px-edge-lo) var(--px-edge-hi) var(--px-edge-hi) var(--px-edge-lo);font-family:var(--font-ui);width:100%;padding:6px;font-size:16px}.wns-input:focus{outline:1px solid var(--px-accent)}.wns-slider{-webkit-appearance:none;appearance:none;background:var(--px-bg-inset);border:1px solid;border-color:var(--px-edge-lo) var(--px-edge-hi) var(--px-edge-hi) var(--px-edge-lo);outline:none;width:100%;height:8px}.wns-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:1px solid;border-color:var(--px-edge-hi) var(--px-edge-lo) var(--px-edge-lo) var(--px-edge-hi);cursor:pointer;background:#2a3040;width:14px;height:22px}.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);width:500px;max-width:90%;max-height:90%;color:var(--wns-text)}.wns-arcade-overlay{background:var(--px-shadow);z-index:3000;font-family:var(--font-ui);color:var(--px-chrome);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:40px;font-size:16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.wns-arcade-title{color:var(--px-hot);text-shadow:4px 4px #3d1220;margin:0 0 10px;font-size:48px;font-weight:400}.wns-arcade-score{color:var(--px-accent);margin-bottom:20px;font-size:16px}.wns-arcade-cols{flex:1;gap:60px;width:100%;max-width:1000px;margin-bottom:20px;display:flex;overflow:hidden}.wns-arcade-col{flex-direction:column;flex:1;align-items:center;display:flex}.wns-arcade-col-title{border-bottom:2px solid var(--px-chrome);text-align:center;width:100%;margin-bottom:20px;padding-bottom:5px;font-size:16px}.wns-arcade-list{flex-direction:column;flex:1;gap:15px;width:100%;display:flex;overflow-y:auto}.wns-arcade-row{justify-content:space-between;display:flex}.wns-arcade-empty{text-align:center;color:var(--px-text-dim);margin-top:20px}.wns-arcade-footer{border-top:2px solid var(--px-edge-hi);width:100%;margin-top:20px;padding-top:15px}.wns-arcade-btns{gap:30px;width:100%;max-width:1000px;margin-top:30px;display:flex}.wns-arcade-btns .wns-btn{flex:1;height:60px;font-size:32px}.nes-pointer{cursor:pointer}.nes-badge{background:var(--px-bg-inset);border:1px solid var(--px-edge-hi);color:var(--px-chrome);font-family:var(--font-tiny);padding:1px 6px;font-size:16px;display:inline-block}.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}