:root{--bg:#050807;--panel:#0b110e;--panel2:#101a14;--line:#20372a;--green:#72ff9a;--green2:#2ecf68;--text:#e8fff0;--muted:#91ad9a;--warn:#ffd86b;--danger:#ff667d;--shadow:0 18px 60px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% -10%,rgba(46,207,104,.16),transparent 38%),linear-gradient(180deg,#050807,#060a08 65%,#030504)}button,input,select,textarea{font:inherit}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(114,255,154,.13) 4px)}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,54px);border-bottom:1px solid var(--line);background:rgba(5,8,7,.9);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand b{display:block;letter-spacing:.13em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.18em;margin-top:3px}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--green);color:var(--green);font-weight:900;box-shadow:inset 0 0 18px rgba(114,255,154,.13),0 0 20px rgba(114,255,154,.08)}.session{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.dot{width:8px;height:8px;border-radius:50%;background:var(--warn);box-shadow:0 0 12px currentColor}.dot.ok{background:var(--green)}.dot.bad{background:var(--danger)}main{width:min(1480px,94vw);margin:0 auto;padding:34px 0 70px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:end;padding:38px 0}.eyebrow{color:var(--green);font-size:11px;letter-spacing:.18em;font-weight:800;margin:0 0 9px}.hero h1{font-size:clamp(34px,5vw,68px);line-height:.98;margin:0 0 18px;max-width:900px}.hero p{color:var(--muted);max-width:760px;font-size:17px}.heroStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.heroStats div{background:var(--panel);border:1px solid var(--line);padding:18px;min-height:105px}.heroStats small{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em}.heroStats strong{display:block;margin-top:15px;font-size:25px;color:var(--green)}.panel{background:linear-gradient(145deg,rgba(16,26,20,.97),rgba(7,12,9,.97));border:1px solid var(--line);padding:24px;box-shadow:var(--shadow)}.loginPanel{max-width:680px;margin:30px auto;text-align:center}.loginPanel h2{font-size:30px;margin:8px 0}.loginPanel p:not(.eyebrow){color:var(--muted)}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow:auto}.tabs button{border:0;background:transparent;color:var(--muted);padding:14px 18px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.tabs button.active{color:var(--green);border-color:var(--green)}.tab{display:none}.tab.active{display:block}.toolbar{display:grid;grid-template-columns:1fr 180px auto;gap:10px;margin-bottom:16px}.toolbar input,.toolbar select,label input,label select,label textarea{width:100%;background:#070c09;color:var(--text);border:1px solid var(--line);padding:12px 13px;outline:none}.toolbar input:focus,.toolbar select:focus,label input:focus,label select:focus,label textarea:focus{border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.server{position:relative;background:linear-gradient(150deg,var(--panel2),#080d0a);border:1px solid var(--line);padding:20px;min-height:290px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.server:before{content:"";position:absolute;left:-1px;top:20px;bottom:20px;width:3px;background:var(--green2)}.serverHead{display:flex;justify-content:space-between;gap:12px}.server h3{margin:3px 0 5px;font-size:21px}.server .game{color:var(--green);font-size:12px;letter-spacing:.1em}.badge{font-size:10px;letter-spacing:.08em;border:1px solid var(--line);padding:6px 8px;height:max-content;color:var(--muted)}.meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.meta div{background:#060a08;border:1px solid #15251b;padding:10px}.meta small{display:block;color:var(--muted);font-size:9px;letter-spacing:.1em}.meta strong{display:block;margin-top:4px;font-size:12px;overflow-wrap:anywhere}.hint{color:var(--muted);font-size:12px;line-height:1.55}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid var(--line);background:#0d1711;color:var(--text);padding:10px 13px;text-decoration:none;cursor:pointer}.btn:hover{border-color:var(--green);color:var(--green)}.btn.primary{background:var(--green2);border-color:var(--green2);color:#021006;font-weight:800}.btn.danger{border-color:#6d2633;color:#ff8b9f}.link{border:0;background:none;color:var(--green);cursor:pointer}.hidden{display:none!important}.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.twoCol h2{margin-top:0}.twoCol label{display:block;color:var(--muted);font-size:12px;margin:14px 0}.twoCol label input,.twoCol label select,.twoCol label textarea{margin-top:7px}.result{min-height:20px;color:var(--green)}.caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:18px 0}.cap{border:1px solid var(--line);padding:10px;color:var(--muted)}.cap.yes{color:var(--green)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#030604;border:1px solid var(--line);padding:15px;max-height:460px;overflow:auto;color:#b7d8c1}.toast{position:fixed;right:18px;bottom:18px;max-width:390px;background:#0d1711;border:1px solid var(--green);padding:13px 16px;transform:translateY(150%);transition:.2s;z-index:30;box-shadow:var(--shadow)}.toast.show{transform:translateY(0)}@media(max-width:850px){.hero{grid-template-columns:1fr}.twoCol{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.topbar{align-items:flex-start}.session{max-width:46%;text-align:right;justify-content:flex-end;flex-wrap:wrap}.heroStats{grid-template-columns:repeat(3,1fr)}main{width:min(94vw,720px)}}@media(max-width:520px){.heroStats{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.server{min-height:0}.topbar{padding:10px}.brand small{display:none}.session{font-size:11px}}