:root{font-family:Inter,system-ui,Arial,sans-serif;color:#eef2fc;background:#050814;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 55% 8%,#14213a,#050814 65%)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #34425d;background:#141f33;color:#e9efff;border-radius:9px;padding:10px 14px}button:hover{border-color:#82b6e2}button:focus-visible,input:focus-visible{outline:2px solid #72c2ff;outline-offset:2px}header{display:flex;align-items:center;gap:20px;padding:16px clamp(16px,4vw,60px);border-bottom:1px solid #29374b;position:relative;z-index:2;background:#080e1bc7}.brand{font-size:24px;letter-spacing:.12em;font-weight:900}.brand span{color:#ee6079}.subtitle{font-size:11px;letter-spacing:.28em;color:#8da0bc}header button{margin-left:auto}main{position:relative;z-index:1;max-width:1280px;margin:auto;padding:32px 22px 80px}footer{position:relative;text-align:center;color:#62738a;letter-spacing:.2em;font-size:10px;padding:20px}.sky{position:fixed;inset:0;overflow:hidden;pointer-events:none}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#bddeff;box-shadow:0 0 9px #92d5ff;animation:twinkle 5s ease-in-out infinite alternate}.still .star{animation:none}@keyframes twinkle{to{opacity:.12}}h1{font-size:clamp(32px,5vw,70px);line-height:1.08;margin:10px 0}h1 em{color:#ee6781;font-style:normal}h2{font-size:19px;margin:0 0 15px}h3{font-size:14px}.hero{max-width:700px;margin:30px auto 35px;text-align:center}.hero p,.muted,.panel p,.command p{color:#a1afc9;line-height:1.5}.hero small,.command small{color:#ed7894;letter-spacing:.22em}.panel{border:1px solid #324057;background:linear-gradient(145deg,#101a2de8,#091223ed);padding:24px;border-radius:16px;box-shadow:0 18px 80px #0005}.form{max-width:560px;margin:auto}.form label{display:block;font-size:12px;color:#acb8ce;margin:18px 0}.form input:not([type=checkbox]),.form select{display:block;margin-top:7px;width:100%;background:#091220;border:1px solid #41516d;border-radius:8px;padding:12px;color:#fff;min-height:44px}.form input[type=color]{height:46px;padding:4px}.cols{display:grid;grid-template-columns:2fr 1fr;gap:16px}.flag{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;max-width:290px;aspect-ratio:1;margin:15px auto;padding:9px;background:#020916;border:1px solid #44506a;border-radius:6px;touch-action:none}.pixel{min-width:0;padding:0;border:1px solid #1a3044;background:#16243a;border-radius:1px}.pixel.on{background:var(--ink);box-shadow:0 0 6px var(--ink)}.actions{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.active,.primary{background:linear-gradient(115deg,#ce4269,#a63b69);border-color:#ee6888;color:#fff;font-weight:700}.wide{width:100%;padding:15px}.danger{border-color:#9c3850;color:#ff9bad}.command{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:25px}.command h1{font-size:clamp(30px,4vw,50px)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.metrics>div{background:#101d31;border:1px solid #34415a;border-radius:11px;padding:13px;color:#a3b1cb;font-size:11px;letter-spacing:.14em}.metrics b{display:block;font-size:25px;color:#fff;margin-top:8px;letter-spacing:0}.layout{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.galaxy{height:375px;background:radial-gradient(ellipse at 48% 52%,#233966,#081124 60%,#030813);border:1px solid #2d4163;border-radius:11px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;justify-items:center;padding:16px}.sector{background:transparent;border:0;font-size:clamp(20px,3vw,40px);color:#c3dffd;text-shadow:0 0 18px #6c9be5;display:flex;flex-direction:column;align-items:center}.sector small{font-size:9px;color:#8495b5}.planet{width:155px;height:155px;border-radius:50%;margin:10px auto;background:radial-gradient(circle at 29% 24%,#5abca3,#1f779b 40%,#193c6a 72%,#071326);box-shadow:inset -26px -13px 25px #0009,0 0 34px #2787c633}.fleet>div{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #283950;color:#b2c1d6}.fleet b{color:#fff}#error{color:#ff8696}@media(max-width:750px){header{padding:12px;gap:8px}.brand{font-size:19px}.subtitle{display:none}main{padding:17px 10px 50px}.hero{margin:17px 0 22px}.panel{padding:15px}.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(4,1fr);gap:5px}.metrics>div{padding:9px;font-size:9px;letter-spacing:0}.metrics b{font-size:18px}.command{align-items:flex-start}.command .primary{font-size:12px}.galaxy{height:290px;padding:4px}.sector{padding:5px}.form{max-width:100%}}.preview3d{position:relative;height:clamp(230px,28vw,365px);border:1px solid #273a56;border-radius:12px;margin:15px 0;background:radial-gradient(ellipse at center,#172840,#050b17 74%);overflow:hidden}.preview3d canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.preview3d canvas:active{cursor:grabbing}.fallback3d{display:none;position:absolute;inset:0;align-items:center;justify-content:center}.webgl-fallback canvas{display:none}.webgl-fallback .fallback3d{display:flex}.proposal{border-top:1px solid #30415d;padding:12px 0}.proposal small{color:#92a4c1}.buttonlink{display:inline-block;text-decoration:none;color:#fff;padding:12px 20px;background:#933a62;border-radius:8px}.form input[type=checkbox]{width:18px;height:18px;vertical-align:middle;accent-color:#cc4a72}.form .actions select{background:#091220;color:#fff;border:1px solid #445571;padding:10px;border-radius:8px}@media(max-width:750px){.preview3d{height:240px}}.neighbors{margin-top:16px}.neighbors .command{margin-bottom:8px}.neighbor{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid #2e405c;padding:12px 0}.neighbor span{color:#aebbd0}.neighbor small{margin-left:auto;color:#7a93b6}#connection{white-space:nowrap}.preview3d .fallback3d{color:#b8cde0;text-align:center}