:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:#080d18;color:#f0e9da;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 8% 25%,#20385877,transparent 58%),radial-gradient(ellipse at 95% 65%,#77532e22,transparent 55%)}a{color:inherit;text-decoration:none}header,footer{max-width:1340px;margin:auto;padding:32px 52px;display:flex;align-items:center;justify-content:space-between}header>a:last-child{font-size:12px;letter-spacing:.04em;color:#c0cce0}.brand{font:23px Georgia,serif;letter-spacing:.17em}.brand small{display:block;font:9px Segoe UI;letter-spacing:.7em;color:#bda978;margin-top:5px}.stars{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(1px 1px at 25% 40%,#dae4ff88,transparent),radial-gradient(1px 1px at 70% 60%,#dfbb8577,transparent);background-size:263px 229px,337px 311px}main{max-width:1236px;margin:66px auto 80px;display:grid;grid-template-columns:1.35fr 1fr;gap:70px;padding:0 36px;align-items:center}.story{position:relative;padding:35px 0 90px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;color:#bca574;display:flex;align-items:center;gap:10px}.eyebrow span{height:1px;width:30px;background:#bca574}h1{font:clamp(42px,5vw,68px)/1.1 Georgia,serif;font-weight:normal;letter-spacing:-.035em;margin:27px 0 25px}h1 em{color:#dcc18d;font-weight:normal}.story>p{color:#9fafc4;line-height:1.8;font-size:15px}.tags{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px;font-size:10px;color:#90a5c0}.tags span:before{content:'·';color:#e0c490;margin-right:8px}.orbit{position:absolute;top:130px;left:30px;width:370px;height:370px;border:1px solid #809dce15;border-radius:50%;z-index:-1;transform:rotate(-30deg)}.orbit div{position:absolute;inset:30px;border:1px solid #d7b87913;border-radius:50%}.orbit i{position:absolute;right:30px;top:30px;color:#c6b18977;font-size:50px;font-style:normal}.connect-card{padding:37px;border:1px solid #a3b0ce24;background:linear-gradient(140deg,#172235ee,#0e1726ee);border-radius:18px;box-shadow:0 30px 100px #0005}h2{font:34px Georgia,serif;font-weight:normal;letter-spacing:-.025em;margin:16px 0}.connect-card>p,.hint{font-size:12px;color:#92a5c1;line-height:1.7}label{display:block;font-size:12px;margin:30px 0 10px}input{width:100%;border:1px solid #52637d;border-radius:8px;padding:14px;font:14px Segoe UI;color:white;background:#090f1bd9;outline:none}input:focus{border-color:#d7b777;box-shadow:0 0 0 3px #d7b77715}.hint{font-size:10px;margin-top:8px}button{display:flex;justify-content:space-between;align-items:center;width:100%;margin:22px 0 0;padding:15px 18px;border:1px solid #ead4a1;border-radius:8px;background:linear-gradient(110deg,#e8d09c,#ba945b);color:#141416;font:600 13px Segoe UI;cursor:pointer}button:hover{filter:brightness(1.07)}button:disabled{opacity:.65;cursor:wait}#status{font-size:12px;color:#c6b790;line-height:1.6;min-height:22px;margin-top:13px}.card-foot{border-top:1px solid #42557455;padding-top:21px;margin-top:18px}.card-foot b{font-size:12px;font-weight:500;color:#d9e0eb}.card-foot p{font-size:11px;color:#8fa1b8;line-height:1.8;margin-bottom:0}footer{border-top:1px solid #9baec416;padding-top:24px;gap:20px;color:#7389a4;font-size:9px;letter-spacing:.09em}footer p{letter-spacing:0}.hosting{display:block;max-width:1000px;margin-top:30px}.hosting h1{font-size:48px}.hosting>p{color:#9fafc4;line-height:1.8;max-width:710px}.hosts{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:32px 0}.host-card{padding:28px;border:1px solid #9eb0ce26;border-radius:14px;background:#131e30}.host-card h2{font-size:26px}.host-card p,.host-card li{color:#a0b1c8;font-size:13px;line-height:1.8}.host-card a{display:inline-block;color:#e2c690;font-size:12px;margin-top:15px}.hosting code{color:#debf84}.hosting ol{padding-left:22px}@media(max-width:850px){header,footer{padding:25px}main{grid-template-columns:1fr;gap:10px;margin:30px auto 50px;max-width:600px;padding:0 24px}.story{padding:20px 0 40px}.connect-card{padding:28px}.orbit{display:none}.hosts{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:0}}@media(prefers-reduced-motion:no-preference){.connect-card{animation:enter .5s ease-out}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
.minimal-header{justify-content:flex-end}.world-picker{grid-template-columns:1fr 1fr;align-items:start;max-width:1050px;gap:28px;margin-top:65px}.world-picker h1{font-size:34px;line-height:1.2;margin:16px 0}.minimal-footer{border:0;justify-content:flex-start;max-width:none;margin-top:auto;padding:18px 35px 28px}.minimal-footer img{width:190px;height:auto;object-fit:contain}.server-list{display:grid;gap:10px;max-height:320px;overflow:auto}.server-list button{margin:0;background:#111b2b;color:#ead8b7;border-color:#48526a;gap:18px;text-align:left}.server-list span{font-size:10px;white-space:nowrap}#directoryStatus{font-size:12px;color:#9fafc4;line-height:1.6;min-height:38px}body{display:flex;flex-direction:column}header{width:100%}@media(max-width:760px){.world-picker{grid-template-columns:1fr;margin-top:20px}.minimal-footer{padding-left:24px}}
.minimal-header{padding-top:20px;padding-bottom:20px}.world-picker{margin-top:20px;margin-bottom:14px}.minimal-footer{width:100%;margin-left:0;margin-right:0;padding:8px 24px 16px}.minimal-footer img{width:130px}
[hidden]{display:none!important}.minimal-header nav{display:flex;gap:28px;font-size:12px;color:#c0cce0}.current-server{width:calc(100% - 72px);max-width:978px;margin:10px auto 4px;padding:22px 30px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;border:1px solid #baa27655;border-radius:14px;background:#182437}.current-server h2{font-size:25px;margin:10px 0}.current-server p{font-size:12px;color:#aabbd1;margin:7px 0;overflow-wrap:anywhere}.current-server button{margin:0;min-width:210px}.current-server #currentStatus{color:#e8b19e;max-width:240px}.host-card.launcher{margin-top:30px;max-width:720px}.host-card a+a{margin-left:22px}.hosting .back-link{color:#e2c690}.help-steps{max-width:740px}.help-steps h2{font-size:25px;margin-top:30px}.help-steps p{font-size:14px;color:#a0b1c8;line-height:1.8}.help-steps a{color:#e2c690;text-decoration:underline}@media(max-width:760px){.current-server{width:calc(100% - 48px);grid-template-columns:1fr;padding:22px}.current-server button{min-width:0}.minimal-header nav{gap:20px}}
.server-list button>div{display:grid;gap:7px;min-width:0}.server-list b{overflow-wrap:anywhere}.server-list button>div>span{white-space:normal;line-height:1.6;color:#aabbd1}
