:root{--card-bg:#1c204499;--header-bg:#11142e99;--card-border:#fff6;--field-bg:#363e7485;--ico-bg:#050714b8;--field-border:#ffffff47;--field-focus:#96afff99;--ink:#eef0ff;--muted:#8c93c6;--accent:#a98bff;--gold:#e8b94a;--gold-bg:#0c0f2673;--gold-bg-h:#e8b94a1f;--login-border:#788cff73;--login-bg:#0c0f2673;--login-bg-h:#3c4aaa4d;--bracket:#fff;--error:#ff6b7a;--radius:3px;--field-radius:5px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--ink);overflow:hidden;background:#0b0e22;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}.bg-video{position:fixed;object-fit:cover;object-position:center;z-index:-3;pointer-events:none;width:100%;height:100%;inset:0}.bg-grid{position:fixed;z-index:-1;pointer-events:none;background-image:linear-gradient(#a0aaff0f 1px,#0000 1px),linear-gradient(90deg,#a0aaff0f 1px,#0000 1px);background-size:46px 46px;inset:0}.bg-overlay{position:fixed;z-index:-2;pointer-events:none;background:radial-gradient(#06081833,#06081880);inset:0}.login-wrap{display:flex;justify-content:center;align-items: center;min-height:100%;padding:24px}.card{position:relative;border-radius:var(--radius);backdrop-filter:blur(10px)saturate(120%);-webkit-backdrop-filter:blur(10px)saturate(120%);animation:card-in .4s cubic-bezier(.16,1,.3,1)both;background:0 0;width:360px;max-width:100%;box-shadow:0 20px 50px #00000080}@keyframes card-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.corner{position:absolute;z-index:4;border:2px solid var(--bracket);width:11px;height:11px}.corner.tl{border-bottom:0;border-right:0;top:3px;left:3px}.corner.tr{border-bottom:0;border-left:0;top:3px;right:3px}.corner.bl{border-top:0;border-right:0;bottom:3px;left:3px}.corner.br{border-top:0;border-left:0;bottom:3px;right:3px}.edge{position:absolute;z-index:4;background:var(--card-border)}.edge.top{height:1px;top:2px;left:19px;right:19px}.edge.bottom{height:1px;bottom:2px;left:19px;right:19px}.edge.left{width:1px;top:19px;bottom:19px;left:2px}.edge.right{width:1px;top:19px;bottom:19px;right:2px}.card-header{position:relative;background:var(--header-bg);border-radius:var(--radius)var(--radius)0 0;padding:13px 16px}.card-header:after{content:"";position:absolute;background:var(--card-border);height:1px;bottom:0;left:2px;right:2px}.brand{text-align:center;letter-spacing:.3px;color:#fff;text-shadow:0 1px 4px #00000080;user-select:none;font-size:19px;font-weight:700}.brand-accent{color:var(--accent)}.card-body{background:0 0;padding:11px 16px 12px}.card-footer{position:relative;background:var(--card-bg);border-radius:0 0 var(--radius)var(--radius);padding:10px 16px 12px}.card-footer:before{content:"";position:absolute;background:#ffffff73;height:1px;top:0;left:2px;right:2px}.field{display:flex;background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--field-radius);overflow:hidden;align-items:stretch;height:38px;margin-bottom:9px;transition:border-color .15s,box-shadow .15s}.field:focus-within{border-color:var(--field-focus);box-shadow:0 0 0 2px #96afff2e}.field .ico{display:flex;background:var(--ico-bg);border-right:1px solid var(--field-border);color:#fff;flex:0 0 40px;justify-content:center;align-items: center}.field input{outline:0;color:var(--ink);text-align:center;background:0 0;border:0;flex:auto;min-width:0;font-family:inherit;font-size:13.5px}.field input::placeholder{color:var(--muted)}.field input:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 9999s ease-out}.field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);transition:background-color 9999s ease-out}.error-msg{color:var(--error);text-align:center;opacity:0;min-height:0;margin:0 2px 4px;transition:opacity .15s;font-size:12px}.error-msg.show{opacity:1}.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.actions{display:flex;gap:10px;margin-top:4px}.btn{border-radius:var(--field-radius);cursor:pointer;display:inline-flex;user-select:none;border:1px solid #0000;flex:1 1 0;justify-content:center;align-items: center;gap:6px;height:36px;transition:background .15s,filter .15s,transform 60ms;font-family:inherit;font-size:13px;font-weight:600}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px}.btn-direct{background:var(--gold-bg);border-color:var(--gold);color:var(--gold)}.btn-direct:hover:not(:disabled){background:var(--gold-bg-h)}.btn-login{background:var(--login-bg);border-color:var(--login-border);color:#fff}.btn-login:hover:not(:disabled){background:var(--login-bg-h)}.btn .spinner{animation:spin .7s linear infinite;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:420px){.login-wrap{padding:16px}.card{width:100%}}@media (prefers-reduced-motion:reduce){.card,.shake,.btn .spinner{animation:none}.bg-video{display:none}body{background:#10142e}}.stats-wrap{position:fixed;overflow-y:auto;display:flex;justify-content:center;align-items: flex-start;padding:28px 20px;inset:0}.music-controls{position:fixed;z-index:30;display:flex;align-items: center;gap:10px;bottom:16px;right:16px}.music-volume{-webkit-appearance:none;appearance:none;cursor:pointer;opacity:.55;background:#ffffff40;border-radius:4px;width:90px;height:4px;transition:opacity .15s}.music-volume:hover{opacity:.9}.music-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:13px;height:13px}.music-volume::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:13px;height:13px}.music-toggle{display:flex;backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#11142e47;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items: center;width:40px;height:40px;transition:background .15s,transform 60ms}.music-toggle:hover{background:#11142e80}.music-toggle:active{transform:translateY(1px)}.stats-card{position:relative;background:var(--card-bg);border-radius:var(--radius);backdrop-filter:blur(11px)saturate(120%);-webkit-backdrop-filter:blur(11px)saturate(120%);width:100%;max-width:1120px;box-shadow:0 22px 55px #00000080}.stats-header{position:relative;display:flex;background:var(--header-bg);border-radius:var(--radius)var(--radius)0 0;justify-content:center;align-items: center;gap:12px;padding:16px}.stats-header:after{content:"";position:absolute;background:var(--card-border);height:1px;bottom:0;left:2px;right:2px}.stats-title{color:#fff;letter-spacing:.5px;font-size:22px;font-weight:700}.stats-title .live-word{color:#3ddc6e}.live-badge{display:inline-flex;text-transform:uppercase;letter-spacing:.5px;color:#3ddc6e;align-items: center;gap:6px;font-size:13px;font-weight:700}.live-dot{animation:live-pulse 5s ease-in-out infinite;background:#3ddc6e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #3ddc6e}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.stats-body{padding:18px}.stats-msg{text-align:center;color:var(--muted);padding:28px 12px;font-size:14px}.stats-msg--err{color:var(--error)}.server-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width:980px){.server-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:740px){.server-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.server-grid{grid-template-columns:1fr}}.server-card{position:relative;background:var(--card-bg);border-radius:var(--radius);overflow:hidden}.server-card .corner.tl{top:0;left:0}.server-card .corner.tr{top:0;right:0}.server-card .corner.bl{bottom:0;left:0}.server-card .corner.br{bottom:0;right:0}.server-head{position:relative;display:flex;background-color:var(--header-bg);border-radius:var(--radius)var(--radius)0 0;overflow:hidden;background-position:50%;background-size:cover;flex-direction:column;align-items: center;gap:8px;padding:18px 12px 14px}.server-head-ov{position:absolute;background:linear-gradient(#0a0c1e73,#0a0c1ed1);inset:0}.server-icon{position:relative;object-fit:cover;background:#1a1d40;border:2px solid #ffffff8c;border-radius:50%;width:60px;height:60px;box-shadow:0 4px 14px #00000080}.server-icon--ph{display:flex;color:#fff;text-transform:uppercase;justify-content:center;align-items: center;font-size:24px;font-weight:700}.server-name{position:relative;color:#fff;text-align:center;text-shadow:0 1px 4px #000000b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:700}.server-body{padding:10px 8px 12px}.stat-row{display:grid}.stat-row--3{grid-template-columns:repeat(3,1fr)}.stat-row--2{grid-template-columns:repeat(2,1fr)}.stat{display:flex;flex-direction:column;align-items: center;gap:2px;padding:6px 4px}.stat+.stat{border-left:1px solid #ffffff38}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:10.5px}.stat-val{color:#3ddc6e;font-size:15px;font-weight:700}.stat-sep{background:#ffffff38;height:1px;margin:6px}