@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b100d;--card:#131b16;--card2:#17231a;--line:#29382e;--muted:#839189;--white:#eef5ef;--green:#a7e163;--red:#ff8875;--orange:#ffc477}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 65% 45% at 80% 0,#244b2d 0,transparent 70%),var(--bg);color:var(--white);font-family:'Space Grotesk',sans-serif}body:after{content:'';position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:linear-gradient(120deg,#fff 1px,transparent 1px);background-size:7px 7px}.shell{position:relative;z-index:1;width:min(880px,calc(100% - 40px));margin:auto;padding:76px 0 34px}.hero{margin-bottom:46px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--green);font:500 10px 'DM Mono';letter-spacing:2.5px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}h1{margin:20px 0 20px;font-size:clamp(42px,7vw,72px);line-height:1.02;letter-spacing:-4px}h1 em{color:var(--green);font-style:normal}.sub{max-width:470px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}.card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,var(--card2),var(--card));box-shadow:0 25px 80px #0008}.server-top{display:flex;align-items:center;gap:16px;padding:28px 30px}.server-icon{display:grid;place-items:center;flex:none;width:58px;height:58px;border:1px solid #456547;border-radius:12px;background:#263d2a;color:var(--green);font-size:28px;overflow:hidden}.server-icon img{display:none;width:100%;height:100%;image-rendering:pixelated}.server-icon img.visible{display:block}.server-copy h2{margin:0 0 6px;font-size:20px;font-weight:600;letter-spacing:-.5px}.server-copy p{margin:0;color:var(--muted);font:11px 'DM Mono'}.badge{margin-left:auto;padding:9px 13px;border:1px solid #486e3f;border-radius:99px;color:var(--green);font:11px 'DM Mono';white-space:nowrap}.badge span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.badge.checking{color:var(--orange);border-color:#725b3b}.badge.checking span{background:var(--orange);box-shadow:none}.badge.offline{color:var(--red);border-color:#70443d}.badge.offline span{background:var(--red);box-shadow:none}.metrics{display:grid;grid-template-columns:1.15fr 1.15fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 30px}.metric+.metric{border-left:1px solid var(--line);padding-left:28px}.label{color:var(--green);font:500 10px 'DM Mono';letter-spacing:1.8px}.metric strong{display:block;margin:12px 0 7px;font:500 27px 'DM Mono';letter-spacing:-1px}.metric:first-child strong{color:var(--green);font-size:22px}.metric small{color:var(--muted);font-size:11px}.metric strong small{display:inline;color:var(--muted);font-size:15px}.bar{width:92%;height:5px;margin-top:15px;overflow:hidden;border-radius:5px;background:#2b3930}.bar i{display:block;width:0;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--green),#d5f58c);transition:width .5s}.player-section{padding:24px 30px 4px}.player-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.player-list span{padding:8px 11px;border:1px solid var(--line);border-radius:6px;color:#cbd8ce;font:11px 'DM Mono';background:#ffffff03}.hidden{display:none}.card-foot{display:flex;align-items:center;justify-content:space-between;padding:25px 30px 29px;color:var(--muted);font:11px 'DM Mono'}.card-foot b{color:var(--white);font-weight:400}.pulse{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}button{padding:10px 14px;border:1px solid #3a4b3e;border-radius:7px;background:#ffffff05;color:var(--white);font:11px 'DM Mono';cursor:pointer;transition:.2s}button:hover:not(:disabled){border-color:var(--green);color:var(--green);background:#a7e16312}button:disabled{cursor:wait;opacity:.65}footer{display:flex;justify-content:space-between;padding:22px 3px;color:#68766d;font:10px 'DM Mono';letter-spacing:.3px}footer b{color:#a3b0a7;font-weight:400}@media(max-width:620px){.shell{width:calc(100% - 28px);padding:45px 0 24px}.hero{margin-bottom:30px}h1{letter-spacing:-2.5px}.server-top{padding:22px 20px}.server-icon{width:48px;height:48px;font-size:22px}.server-copy h2{font-size:17px}.badge{padding:8px 10px;font-size:10px}.metrics{grid-template-columns:1fr 1fr;gap:25px;padding:23px 20px}.metric+.metric{padding-left:20px}.metric:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.player-section{padding:21px 20px 2px}.card-foot{align-items:flex-start;flex-direction:column;gap:17px;padding:22px 20px 24px}button{width:100%}footer{flex-direction:column;gap:9px;padding:18px 2px}}