:root{--bg:#05060f;--panel:#0b0e1d;--panel2:#11152a;--line:#1f2747;--text:#d7def5;--muted:#7d88ad;--accent:#7ef9ff;--accent2:#6b7cff;--good:#9cff7e;--warn:#ffd36b;--danger:#ff5b5b;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:4px;padding:4px 9px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent2)}button:disabled{opacity:.45;cursor:default}button.primary{background:#16346a;border-color:#2c5bb3}button.danger{color:#ff9aa5;border-color:#7a1622}button.danger:hover:not(:disabled){border-color:var(--danger)}button.small{padding:1px 6px;font-size:11px}input[type=checkbox]{vertical-align:middle}input[type=range]{flex:1}h1,h2,h3{letter-spacing:.02em;margin:.4em 0;font-weight:600}h2{font-size:16px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.muted{color:var(--muted)}.small{font-size:11px}.danger-text{color:var(--danger)}.warn{color:var(--warn)}.row{flex-wrap:wrap;align-items:center;gap:6px;margin:5px 0;display:flex}.auth{background:var(--panel);border:1px solid var(--line);border-radius:10px;max-width:640px;margin:10vh auto;padding:32px;box-shadow:0 0 80px #1a2a6a55}.auth h1{background:linear-gradient(90deg,#7ef9ff,#8a7bff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px}.tagline{color:var(--muted);font-style:italic}.auth-form{flex-direction:column;gap:8px;max-width:320px;display:flex}.backstory{background:var(--panel2);border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:14px 18px}.lore{white-space:pre-line;color:#b9c3e6;font-style:italic;line-height:1.55}.mods{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.mod{border-radius:10px;padding:2px 8px;font-size:11px}.mod.pos{color:var(--good);background:#173c25}.mod.neg{color:#ff9a9a;background:#3d1a1e}.ended{color:var(--warn)}a{color:var(--accent)}a:hover{color:#b9fcff}.landing{min-height:100%;position:relative;overflow-y:auto}.landing-sky{z-index:0;pointer-events:none;opacity:.55;background:radial-gradient(at 60%,#0000 40%,#05060f 85%),url(/og-image.png) 50%/cover no-repeat;animation:120s ease-in-out infinite alternate drift;position:fixed;inset:0}@keyframes drift{0%{transform:scale(1.05)translate(0)}to{transform:scale(1.12)translate(-2%,1%)}}@media (prefers-reduced-motion:reduce){.landing-sky{animation:none}}.landing-grid{z-index:1;grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:32px;max-width:1160px;margin:0 auto;padding:6vh 28px 48px;display:grid;position:relative}.landing-hero h1{background:linear-gradient(90deg,#7ef9ff,#8a7bff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:44px}.landing-tagline{color:#c3cbe8;margin:0 0 16px;font-size:19px;font-style:italic}.landing-lore{color:#b9c3e6;max-width:640px;line-height:1.6}.landing-live{color:var(--accent);min-height:1.2em;font-size:13px}.landing-cta{align-items:center;gap:12px;margin:14px 0 28px}.landing-hero h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:28px 0 10px;font-size:16px}.pillars{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.pillar{border:1px solid var(--line);background:#0b0e1dcc;border-radius:8px;padding:10px 12px}.pillar b{color:var(--accent)}.pillar p{color:#c3cbe8;margin:4px 0 0;font-size:13px;line-height:1.45}.landing-steps{color:#c3cbe8;padding-left:20px;line-height:1.55}.landing-steps li{margin:6px 0}.landing-side{position:sticky;top:6vh}.landing-side .auth{background:#0b0e1df2;max-width:none;margin:0}.landing-side .auth h1{font-size:20px}#app{flex-direction:column;height:100vh;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:6px 12px;display:flex}.brand{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.civname{font-weight:600}.resources{font-variant-numeric:tabular-nums;gap:14px;margin-left:auto;display:flex}.clock{color:var(--muted);font-variant-numeric:tabular-nums}.status{background:#3d1a1e;border-radius:10px;padding:2px 8px;font-size:11px}.status.online{color:var(--good);background:#173c25}.body{flex:1;min-height:0;display:flex}.left{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;width:380px;display:flex}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;padding:6px;display:flex}.tabs button{color:var(--muted);background:0 0;border:none}.tabs button.active{color:var(--accent);background:var(--panel2)}.panel{flex:1;overflow-y:auto}.panel-body{flex-direction:column;gap:8px;padding:8px;display:flex}.center{flex:1;min-width:0;position:relative}.view{position:absolute;inset:0}.view canvas{display:block}.detail-panel{background:var(--panel);border-left:1px solid var(--line);width:320px;padding:10px;overflow-y:auto}.view-bar{z-index:5;align-items:center;gap:6px;display:flex;position:absolute;top:8px;left:8px}.view-title{text-shadow:0 0 6px #000;font-size:15px;font-weight:600}.picking{color:var(--warn);background:#000a;border-radius:4px;padding:3px 8px}.banner{z-index:6;letter-spacing:.05em;background:#16346acc;border-radius:4px;padding:6px 16px;font-weight:600;display:none;position:absolute;top:8px;left:50%;transform:translate(-50%)}.banner.show{display:block}.banner.danger{background:#7a1622dd;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.65}}.tooltip{pointer-events:none;border:1px solid var(--line);z-index:20;background:#000c;border-radius:4px;padding:3px 8px;display:none;position:fixed}.map-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.map-label{color:#9aa6cc;text-shadow:0 0 4px #000,0 0 2px #000;white-space:nowrap;font-size:11px;position:absolute;top:0;left:0}.map-label.surveyed{color:#d7def5}.map-label.own{color:var(--warn)}.map-label.selected{color:var(--accent);font-weight:600}.card{background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.card.engaged{border-color:var(--danger);box-shadow:0 0 12px #ff5b5b33}.card.hero{border-color:#234082}.card-title{justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:600;display:flex}.badge{color:var(--muted);letter-spacing:.05em;background:#1d2650;border-radius:9px;padding:1px 7px;font-size:10px;font-weight:600}.badge.danger{color:#fff;background:#7a1622}.stat{grid-template-columns:110px 1fr auto auto;align-items:center;gap:6px;margin:3px 0;font-size:12px;display:grid}.stat .operational{color:var(--good)}.stat .damaged{color:var(--warn)}.stat .destroyed{color:var(--danger)}.bar{background:#1a2040;border-radius:3px;height:6px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#2c8bd6,#7ef9ff);height:100%}.bar.warn .bar-fill{background:var(--warn)}.bar.danger .bar-fill{background:var(--danger)}.grid2{grid-template-columns:1fr 1fr;gap:3px 10px;margin-top:6px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:3px 10px;display:grid}.ships{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.ship{background:#1a2246;border-radius:9px;padding:1px 7px;font-size:11px}table.res{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:4px 0;font-size:12px}table.res th{color:var(--muted);text-align:right;font-weight:500}table.res td{text-align:right}table.res td:first-child{text-align:left;color:var(--muted)}.upgrade{justify-content:space-between;align-items:center;gap:6px;padding:1px 0;font-size:12px;display:flex}.route{grid-template-columns:1fr auto auto;align-items:center;gap:6px;margin:3px 0;display:grid}.techs{grid-template-columns:1fr 1fr;gap:5px;display:grid}.tech{text-align:left;padding:5px 7px}.tech.done{color:var(--good);opacity:.7;border-color:#2e6b3d}.tech.queued{border-color:var(--accent2)}.tech.available{border-color:#345}.detail h2{margin-top:0}.kv{border-bottom:1px solid #151b36;justify-content:space-between;gap:10px;padding:3px 0;font-size:12px;display:flex}.kv b{text-align:right;font-weight:500}.planet-preview{background:#000;border-radius:6px;width:100%;height:220px;margin:8px 0;overflow:hidden}.found{text-align:left;width:100%;margin:4px 0;display:block}.scars .scar{color:#ff9a7a;margin:2px 0;font-size:12px;font-style:italic}.own-colony{color:var(--warn);margin:4px 0}.star-info{margin:6px 0}.swatch{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block;box-shadow:0 0 6px}.log{flex-direction:column;gap:2px;display:flex}.log-entry{background:#0d1124;border-left:3px solid #2a3360;padding:4px 6px;font-size:12px}.log-entry.warning{border-color:var(--warn)}.log-entry.critical{border-color:var(--danger);background:#1d0d12}.log-time{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:8px}.story{color:#c3cbe8;font-style:italic}.log-entry .story+.muted{margin-top:2px}.epitaph{border-left:3px solid var(--warn);margin-bottom:18px;padding-left:14px}.log-reason{color:var(--accent2);margin-top:2px;font-size:11px}#toasts{z-index:50;flex-direction:column;gap:6px;max-width:380px;display:flex;position:fixed;bottom:14px;right:14px}.toast{border:1px solid var(--line);border-left:4px solid var(--accent2);background:#101631ee;border-radius:4px;padding:8px 12px;transition:opacity .8s}.toast.warning{border-left-color:var(--warn)}.toast.critical,.toast.error{border-left-color:var(--danger)}.toast.fade{opacity:0}.toast-detail{color:var(--accent2);margin-top:3px;font-size:11px}#modal{z-index:40;background:#000a;justify-content:center;align-items:flex-start;padding:6vh 0;display:none;position:fixed;inset:0;overflow-y:auto}#modal.open{display:flex}#modal>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;width:min(760px,94vw);padding:20px 24px}.rules .rule{border-bottom:1px solid #151b36;justify-content:space-between;gap:8px;padding:4px 0;display:flex}.rule-form{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.posture-rules{color:var(--muted);font-size:12px}.warning{color:var(--warn);margin:3px 0}.dryrun li.action{color:var(--accent);font-weight:600}.objectives-box{z-index:6;max-width:340px;position:absolute;bottom:10px;left:10px}.objectives{background:#0b0e1dee;border:1px solid #2c5bb3;border-radius:8px;padding:10px 12px;box-shadow:0 0 20px #16346a88}.objectives ul{margin:4px 0 6px;padding:0;font-size:12px;list-style:none}.objectives li{color:var(--muted);padding:1px 0}.objectives li.done{color:var(--good)}.objectives li.next{color:var(--text);font-weight:600}.objectives .hint{color:#c3cbe8;border-left:2px solid var(--accent);margin:6px 0;padding-left:8px;font-size:12px}.welcome ol li{margin:8px 0;line-height:1.45}.codex details{border-bottom:1px solid var(--line);padding:6px 0}.codex summary{cursor:pointer;color:var(--accent);font-weight:600}.codex p{color:#c3cbe8;line-height:1.5}.good{color:var(--good)}.top-actions{gap:6px;display:flex}.menu-toggle,.mobile-nav,.peek,.objectives-pill{display:none}@media (max-width:820px){body{font-size:14px}#app{height:100dvh}button,select,input{min-height:40px;font-size:16px}button.small{min-height:32px;font-size:13px}.topbar{padding:6px 8px;padding-top:max(6px, env(safe-area-inset-top));flex-wrap:nowrap;gap:8px;position:relative}.brand,.clock,.status{display:none}.civname{text-overflow:ellipsis;white-space:nowrap;max-width:30vw;font-size:13px;overflow:hidden}.resources{gap:8px;margin-left:auto;font-size:13px}.menu-toggle{min-width:44px;display:block}.top-actions{background:var(--panel);border:1px solid var(--line);z-index:60;border-radius:8px;flex-direction:column;min-width:180px;padding:8px;display:none;position:absolute;top:100%;right:8px;box-shadow:0 8px 30px #000c}.top-actions.open{display:flex}.body{position:relative}.left,.center,.detail-panel{border:none;width:auto;display:none;position:absolute;inset:0}body[data-screen=map] .center,body[data-screen=command] .left,body[data-screen=info] .detail-panel{display:flex}.center{display:block}body:not([data-screen=map]) .center{display:none}.detail-panel{padding:12px;overflow-y:auto}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tabs button{white-space:nowrap}.panel-body{padding:8px 8px 16px}.stat{grid-template-columns:96px 1fr auto}.stat>:nth-child(4){grid-column:1/-1;justify-self:end}.techs{grid-template-columns:1fr}.mobile-nav{background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex}.mobile-nav button{color:var(--muted);background:0 0;border:none;border-radius:0;flex:1;min-height:52px;font-size:14px}.mobile-nav button.active{color:var(--accent);background:var(--panel2)}.view-bar{flex-wrap:wrap;right:8px}.view-bar button{min-height:36px;padding:4px 10px;font-size:13px}.tooltip{display:none!important}.peek{z-index:7;border:1px solid var(--accent2);background:#0b0e1df2;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;position:absolute;bottom:8px;left:8px;right:8px}.peek.show{display:flex}.peek span{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.objectives-box{max-width:none;bottom:8px;left:8px;right:8px}.peek.show~.objectives-box{display:none}.center:has(.peek.show) .objectives-box{display:none}.objectives-pill{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#0b0e1dee;border:1px solid #2c5bb3;border-radius:20px;width:100%;padding:8px 14px;display:block;overflow:hidden}#modal{align-items:stretch;padding:0}#modal>div{width:100vw;min-height:100%;padding:16px;padding-top:max(16px, env(safe-area-inset-top));border-radius:0}.auth{border-radius:0;min-height:100dvh;margin:0;padding:20px}.landing-grid{grid-template-columns:1fr;gap:18px;padding:20px 14px 32px}.landing-side{order:-1;position:static}.landing-side .auth{border-radius:10px;min-height:0}.landing-hero h1{font-size:32px}.auth-form{max-width:none}#toasts{max-width:none;bottom:70px;left:8px;right:8px}.rule-form{flex-direction:column;align-items:stretch}.planet-preview{height:200px}.map-label{font-size:12px}}.danger-zone{border-top:1px solid #7a162255;margin-top:18px;padding-top:10px}.danger-zone summary{cursor:pointer;color:#ff9aa5}.pw-field{flex-direction:column;gap:4px;display:flex}.pw-row{gap:6px;display:flex}.pw-row input{flex:1;min-width:0}.pw-toggle{flex:none;min-width:52px}.pw-meter{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.pw-fill{background:var(--danger);width:0;height:100%;transition:width .2s,background .2s}.pw-fill.s1{background:#e0703a}.pw-fill.s2{background:var(--warn)}.pw-fill.s3{background:#7ed37e}.pw-fill.s4{background:#3fe0a0}.form-error{color:#ff9aa5;margin:4px 0 0;font-size:13px}.discoveries .discovery{margin:4px 0}.discovery.examined{opacity:.7}.discovery.examining b{color:var(--warn)}.conditions .condition{margin:2px 0}.origin-choices{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.backstory.choice{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:10px}.backstory.choice:hover,.backstory.choice:focus{border-color:#7ef9ff88;outline:none}.backstory.choice.chosen{border-color:#7ef9ff;box-shadow:inset 0 0 0 1px #7ef9ff}.auth.founding:has(.origin-choices){max-width:1000px}