:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#07090d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(120deg,#0ea5e92e,#0000 30rem),radial-gradient(circle at 82% 16%,#ef444438,#0000 28rem),linear-gradient(145deg,#07090d 0%,#0f172a 48%,#090b0f 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}.page{width:min(1180px,100% - 36px);margin:0 auto;padding:38px 0}.hero{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:stretch;gap:28px;min-height:360px;display:grid}.hero-copy,.server-card,.players-panel,.warning,.metrics article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c12ad;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 24px 80px #00000047}.hero-copy{flex-direction:column;justify-content:center;padding:clamp(28px,5vw,54px);display:flex}.status-line{color:#cbd5e1;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;font-size:14px;font-weight:800;display:inline-flex}.status-line.online svg{color:#22c55e;fill:#22c55e}.status-line.offline svg{color:#ef4444;fill:#ef4444}h1,h2,p{margin:0}h1{letter-spacing:0;max-width:720px;font-size:clamp(42px,6vw,76px);line-height:.94}.hero-copy p{color:#aab6c7;max-width:660px;margin-top:20px;font-size:18px;line-height:1.55}.hero-copy .refresh-line{color:#94a3b8;margin-top:16px;font-size:14px;font-weight:800}.server-switcher{gap:9px;max-width:610px;margin-top:26px;display:grid}.server-switcher label{color:#94a3b8;font-size:13px;font-weight:850}.server-switcher div{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.server-switcher input,.server-switcher button{border-radius:8px;min-height:46px}.server-switcher input{color:#f8fafc;background:#ffffff0f;border:1px solid #ffffff1f;outline:0;width:100%;padding:0 14px}.server-switcher button{color:#07111d;cursor:pointer;background:#38bdf8;justify-content:center;align-items:center;gap:9px;padding:0 15px;font-weight:900;display:inline-flex}.actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.connect-button,.ghost-button{color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 17px;font-weight:850;text-decoration:none;display:inline-flex}.connect-button{background:#ef4444}.ghost-button{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff21}.ghost-button:disabled{cursor:wait;opacity:.75}.spin{animation:.85s linear infinite spin}.server-card{flex-direction:column;justify-content:space-between;padding:28px;display:flex}.server-top{align-items:center;gap:14px;display:flex}.server-top svg{color:#38bdf8}.server-top strong,.server-top span,.occupancy b,.occupancy span,.server-card p{display:block}.server-top strong{font-size:26px}.server-top span,.occupancy span,.server-card p{color:#94a3b8}.occupancy{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:50px;display:flex}.occupancy b{font-size:66px;line-height:.9}.occupancy strong{color:#38bdf8;font-size:30px}.bar-track{background:#ffffff17;border-radius:999px;height:12px;margin:22px 0 16px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#ef4444);height:100%;transition:width .35s}.warning{color:#fecaca;align-items:center;gap:12px;margin-top:18px;padding:16px 18px;display:flex}.metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.metrics article{padding:18px}.metrics svg{color:#38bdf8;margin-bottom:18px}.metrics span{color:#94a3b8;font-size:13px;display:block}.metrics strong{margin-top:6px;font-size:30px;line-height:1;display:block}.players-panel{padding:22px}.reconnect-panel{margin-bottom:18px}.panel-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}h2{font-size:24px}.panel-head p{color:#94a3b8;margin-top:6px}.reset-note{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;min-width:fit-content;padding:10px 12px;font-size:13px;font-weight:800}.reconnect-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reconnect-row{background:#0000003d;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.reconnect-row strong,.reconnect-row span{display:block}.reconnect-row span{color:#94a3b8;margin-top:4px;font-size:12px}.id-change{color:#f8fafc;align-items:center;gap:8px;min-width:fit-content;font-weight:900;display:inline-flex}.id-change span{color:#38bdf8;margin:0}.search-box{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:10px;width:min(330px,100%);min-height:44px;padding:0 14px;display:flex}.search-box input{color:#f8fafc;background:0 0;border:0;outline:0;width:100%}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:14px 12px}th{color:#94a3b8;text-transform:uppercase;font-size:12px}.sort-button{color:inherit;cursor:pointer;font:inherit;text-align:left;text-transform:uppercase;background:0 0;border:0;padding:0;font-weight:900}.sort-button:hover{color:#f8fafc}td{color:#e5e7eb}.player-state{color:#86efac;align-items:center;gap:7px;font-weight:800;display:inline-flex}.empty-state{color:#94a3b8;text-align:center;padding:36px 14px}.empty-state.compact{padding:20px 14px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=880px){.hero,.metrics{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1}.reconnect-list{grid-template-columns:1fr}}@media (width<=640px){.page{width:min(100% - 24px,1180px);padding:20px 0}.hero,.metrics{grid-template-columns:1fr}.panel-head{flex-direction:column;align-items:stretch}.server-switcher div{grid-template-columns:1fr}.occupancy b{font-size:54px}}