:root{color-scheme:dark;--bg:#071219;--panel:#0c1b24;--line:#ffffff13;--muted:#93aab7;--cyan:#84d5ec;--green:#84cd78;--red:#fb9292;--amber:#e9c578}
*{box-sizing:border-box}body{margin:0;color:#f1f6f8;background:var(--bg);font:15px/1.55 "Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.ambient{position:absolute;inset:0 0 auto;height:850px;pointer-events:none;background:radial-gradient(ellipse at 75% 32%,#16455d55,transparent 53%),radial-gradient(ellipse at 16% 0,#14465825,transparent 48%);z-index:-1}.topbar,main,footer{max-width:1160px;margin:auto}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:.2em;font-weight:700;line-height:1.45}.brand-sub{display:block;color:var(--muted);font-size:9px;letter-spacing:.25em;margin-top:2px}.live-label{color:var(--muted);font-size:10px;letter-spacing:.16em;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px #84d5ec55}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:490px}.eyebrow{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.2em;margin:0 0 20px}h1{font-size:clamp(42px,5.5vw,69px);font-weight:650;line-height:1.06;letter-spacing:-.052em;margin:0 0 25px}h1 em{font-style:normal;color:var(--cyan)}.intro{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:25px}.status-pill{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:6px;color:var(--muted);background:#ffffff05;border:1px solid var(--line);font-size:12px;font-weight:600}.dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}.status-pill.online{color:var(--green);border-color:#84cd7825;background:#84cd7808}.status-pill.partial{color:var(--amber);border-color:#e9c57825}.status-pill.offline{color:var(--red);border-color:#fb929225}.updated{font-size:10px;color:#6f8998;margin-top:10px}.world-wrap{position:relative;text-align:center}.world{width:100%;height:auto;filter:drop-shadow(0 25px 32px #0006)}.world-caption{position:absolute;bottom:23px;left:0;right:0;font-size:8px;color:#7193a7;letter-spacing:.2em}.servers{display:grid;grid-template-columns:1fr 1fr;gap:20px}.server-card{border:1px solid #ffffff16;border-radius:13px;background:linear-gradient(140deg,#10222cee,#0b1820ee);padding:27px;box-shadow:0 8px 25px #0001}.card-top{display:flex;align-items:center;gap:13px}.edition-icon{width:39px;height:39px;border:1px solid #84d5ec30;background:#84d5ec0c;display:grid;place-items:center;border-radius:8px;color:var(--cyan);font-size:21px;font-weight:750;font-family:monospace}.edition-icon.bedrock{color:#b5b2f2;border-color:#b5b2f230;background:#b5b2f20a}.small{font-size:8px;letter-spacing:.14em;color:var(--muted);margin:0 0 2px}h2{font-size:20px;letter-spacing:-.03em;font-weight:600;margin:0}.edition-state{margin-left:auto;font-size:10px;color:var(--muted);padding:3px 8px;border-radius:4px;background:#ffffff06;white-space:nowrap}.edition-state.online{color:var(--green);background:#84cd780c}.edition-state.offline{color:var(--red);background:#fb92920c}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;margin:28px 0;gap:12px}.metric-label{color:var(--muted);font-size:10px;display:block;white-space:nowrap}.metrics strong{display:block;font-weight:550;font-size:20px;margin-top:7px;letter-spacing:-.025em}.address{border:1px solid var(--line);background:#020a1070;border-radius:7px;display:flex;justify-content:space-between;align-items:center;padding:12px 12px 12px 15px;gap:8px}code{font-size:12px;letter-spacing:-.025em;color:#dceef7;display:block;margin-top:3px;overflow-wrap:anywhere}.copy{border:1px solid #84d5ec30;color:var(--cyan);background:#84d5ec0c;border-radius:5px;min-height:44px;padding:0 12px;cursor:pointer;font-size:11px;flex-shrink:0}.copy span{padding-left:6px}.copy:hover{background:#84d5ec20}.join-note{font-size:10px;color:#7894a5;margin:12px 0 0}.bottom-note{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:32px 9px}.bottom-note>div{display:flex;gap:13px}.spark{color:var(--cyan);font-size:20px;margin-top:2px}.bottom-note p{margin:0;font-size:11px;color:var(--muted);line-height:1.8}.bottom-note strong{color:#c8dce7;font-weight:500}.bottom-note details{font-size:11px;color:#a9c4d4;padding-top:4px}.bottom-note summary{cursor:pointer;min-height:30px}.bottom-note details p{margin-top:8px}.privacy{font-size:10px;color:#68828f;margin:4px 0 40px;text-align:center}footer{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;justify-content:space-between;color:#658291;font-size:9px;letter-spacing:.14em}.footer-dot{color:#b6dfee}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1220px){.topbar,main,footer{margin-left:30px;margin-right:30px}.hero{min-height:455px}.server-card{padding:22px}.copy{padding:0 10px}code{font-size:11px}}
@media(max-width:850px){.hero{gap:0;min-height:410px}h1{font-size:48px}.servers{grid-template-columns:1fr}.server-card{padding:25px}.metrics strong{font-size:24px}code{font-size:13px}.topbar{height:90px}.world-caption{font-size:6px}.hero-copy{padding-top:25px}.bottom-note{gap:22px}}
@media(max-width:560px){.topbar,main,footer{margin-left:21px;margin-right:21px}.topbar{height:80px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0}.hero-copy{padding-top:42px;z-index:1}h1{font-size:51px;line-height:1.03}.eyebrow{font-size:9px;margin-bottom:20px}.intro{font-size:13px;line-height:1.7;margin-bottom:22px}.world-wrap{width:93%;max-width:375px;align-self:center;margin-top:-24px;margin-bottom:10px}.world-caption{font-size:7px;bottom:14px}.status-pill{font-size:11px}.servers{gap:15px}.server-card{padding:20px}.metrics{margin:23px 0;gap:8px}.metric-label{font-size:9px}.metrics strong{font-size:20px}.address{padding:10px;gap:4px}code{font-size:11px}.copy{padding:0 10px;font-size:10px}.copy span{display:none}.small{font-size:7px;margin-bottom:2px}.card-top{gap:10px}h2{font-size:19px}.edition-state{font-size:9px}.bottom-note{grid-template-columns:1fr;gap:20px;padding:26px 2px}.privacy{font-size:9px;margin-bottom:26px}footer{font-size:7px;letter-spacing:.1em}.live-label{font-size:8px}.brand{font-size:11px}.brand-sub{font-size:8px}}
@media(prefers-reduced-motion:no-preference){.live-dot{animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}}