:root{--bg: #05070f;--panel: #0d1222;--panel-2: #141b30;--line: #243052;--text: #dfe6f7;--muted: #8b97b8;--accent: #6ea8ff;--warn: #ffcf5c;--danger: #ff6b6b;--radius: 10px;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}h1,h2,h3{margin:0 0 .5rem;font-weight:600}h2{font-size:1.25rem}h3{font-size:.95rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:1.25rem}button,input,select{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.45rem .8rem;cursor:pointer;min-height:2.25rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:#1f4fa8;border-color:#3d73d6}button.wide{width:100%;margin-bottom:.75rem}button.link{background:none;border:none;padding:.15rem 0;min-height:0;color:var(--accent);text-align:left}input,select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.5rem .6rem;margin-top:.25rem}label{display:block;margin-bottom:.6rem}code{background:var(--bg);padding:.1rem .35rem;border-radius:4px}.subtle{color:var(--muted);font-size:.9em}.hint{color:var(--muted);font-size:.85em}.error{color:var(--danger)}.warning{color:var(--warn)}.error.banner{margin:0;padding:.5rem 1rem;background:#3a1520;cursor:pointer}.callout{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem}.badge{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:.1rem .6rem;font-size:.85em}.splash{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;text-align:center;background:radial-gradient(ellipse at center,#121a36 0%,var(--bg) 70%)}.splash h1{font-size:2.2rem;letter-spacing:.04em}.tagline{color:var(--muted);max-width:32rem}.google-button iframe{color-scheme:light}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;width:min(100%,26rem);text-align:left}fieldset{border:1px solid var(--line);border-radius:8px;margin:0 0 .75rem}label.radio{display:flex;gap:.5rem;align-items:center}label.radio input{width:auto;margin:0}.game{height:100%;display:flex;flex-direction:column}.top-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;padding-top:max(.5rem,env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--line)}.empire-name{font-weight:700}.resources{display:flex;flex-wrap:wrap;gap:.25rem 1rem;flex:1}.resource small{color:var(--muted);margin-left:.25rem}.top-meta{display:flex;gap:.75rem;align-items:center}.game-main{flex:1;display:flex;min-height:0}.galaxy-map{flex:1;position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(ellipse at 50% 40%,#0c1430 0%,var(--bg) 75%)}.galaxy-map svg{display:block}.link{stroke:#2d3c66}.link.active{stroke:var(--accent)}.system{cursor:pointer}.system.unvisited{opacity:.55}.selected-ring{fill:none;stroke:#fff}.reachable-ring{fill:none;stroke:var(--accent);stroke-dasharray:2 2}.system-label{fill:var(--text);pointer-events:none}.hazard-mark{fill:var(--warn);pointer-events:none}.fleet-count{fill:#fff}.map-controls{position:absolute;right:.75rem;bottom:.75rem;display:flex;flex-direction:column;gap:.4rem}.map-controls button{width:2.5rem;height:2.5rem;font-size:1.1rem;background:#0d1222d9}.panel{width:24rem;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);min-height:0}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{flex:1;border:none;border-radius:0;background:none;padding:.7rem .25rem;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tabs .panel-toggle{display:none;flex:0 0 2.75rem}.panel-body{overflow-y:auto;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));flex:1}.star-dot{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;vertical-align:middle}.facts{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:.75rem 0}.facts dt{color:var(--muted)}.facts dd{margin:0}.fleet-row{border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .75rem;margin-bottom:.6rem;background:var(--panel-2)}.fleet-row.selected{border-color:var(--accent)}.fleet-row.foreign{background:none}.ship-list{display:flex;flex-direction:column;margin:.3rem 0}.button-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.orders,.techs,.chronicle{list-style:none;padding:0;margin:0}.techs li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--line)}.techs li.locked{opacity:.55}.ally-discount{color:#a9d8ff;font-size:.85em}.techs li.done strong{color:#8fe3a1}.chronicle li{display:flex;flex-direction:column;padding:.5rem 0;border-bottom:1px solid var(--line)}.chronicle .kind-battle span,.chronicle .kind-destroyed span,.chronicle .kind-conquest span{color:#ffb3a7}.chronicle .kind-discovery span,.chronicle .kind-anomaly span,.chronicle .kind-contact span{color:#b9d7ff}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.modal{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;width:min(100%,34rem);max-height:85vh;overflow-y:auto}.modal .close{position:absolute;top:.5rem;right:.5rem;border:none;background:none;font-size:1.4rem}button.danger{background:#5a1a22;border-color:#a8323f}.tab-badge{display:inline-block;min-width:1.2rem;margin-left:.3rem;padding:0 .3rem;border-radius:999px;background:#d9534f;color:#fff;font-size:.75rem;line-height:1.2rem}.dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--accent)}.badge.status-war,.badge.war{background:#5a1a22;border-color:#a8323f}.badge.status-truce{background:#4a3d12;border-color:#9c8330}.badge.status-peace{background:#173a2a;border-color:#2f7a55}.badge.status-alliance{background:#16305a;border-color:#3d73d6}.badge.proposal{background:#3b2358;border-color:#7a4fc0}.empire-list{list-style:none;padding:0;margin:0}.empire-list button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;text-align:left}.empire-list-meta{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.callout.proposal{border-color:#7a4fc0;margin:.5rem 0}.callout.danger-zone{border-color:#a8323f;margin-top:.75rem}.chat{display:flex;flex-direction:column;gap:.5rem}.chat-messages{list-style:none;padding:0;margin:0;max-height:22rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.chat-messages li{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:.4rem .6rem;max-width:90%}.chat-messages li.mine{align-self:flex-end;border-color:#3d73d6}.chat-messages li.notice{align-self:center;background:none;border-style:dashed;font-style:italic;font-size:.9em}.chat-meta,.chat-messages time{color:var(--muted);font-size:.8em}.chat-body{white-space:pre-wrap;word-break:break-word}.chat-form{display:flex;gap:.4rem}.chat-form input{margin-top:0}.chronicle .kind-war span{color:#ffb3a7}.chronicle .kind-diplomacy span,.chronicle .kind-invite span{color:#a9d8ff}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.trade-columns label{font-size:.9em}.inline-fields{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.inline-fields label{flex:1 1 6rem}.inline-fields input{width:6.5rem}.market-form{width:100%;margin:.75rem 0}.price-table{width:100%;border-collapse:collapse;margin:.5rem 0}.price-table th,.price-table td{text-align:left;padding:.3rem .4rem;border-bottom:1px solid var(--line)}.price-table th{color:var(--muted);font-weight:500}.price-table .up{color:#8fe3a1}.price-table .down{color:#ffb3a7}.order-row{display:flex;flex-direction:column;gap:.3rem;padding:.5rem 0;border-bottom:1px solid var(--line)}.chronicle .kind-trade span{color:#d6c47a}.planet-list{list-style:none;padding:0;margin:.5rem 0}.planet-list li{display:flex;justify-content:space-between;gap:.75rem;padding:.3rem 0;border-bottom:1px solid var(--line)}.system3d{position:fixed;inset:0;z-index:20;background:#02030a;color:var(--text)}.system3d-loading{display:flex;align-items:center;justify-content:center}.system3d-canvas{position:absolute;inset:0;touch-action:none}.system3d-labels{position:absolute;inset:0;pointer-events:none}.system3d-label{font-size:.75rem;color:#c8d3ef;text-shadow:0 0 4px #000;white-space:nowrap}.system3d-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1rem;padding-top:max(.75rem,env(safe-area-inset-top));background:linear-gradient(#02030acc,#02030a00);pointer-events:none}.system3d-header button{pointer-events:auto}.system3d-time,.system3d-bodies{position:absolute;left:1rem;display:flex;flex-wrap:wrap;gap:.35rem;max-width:calc(100% - 2rem)}.system3d-time{top:4.5rem}.system3d-bodies{bottom:max(2.25rem,env(safe-area-inset-bottom))}.system3d-time button,.system3d-bodies button{background:#0d1222cc;font-size:.85rem;min-height:2rem;padding:.3rem .6rem}.system3d-time button.active,.system3d-bodies button.active{border-color:var(--accent);color:#fff}.system3d-info{position:absolute;top:7.5rem;right:1rem;width:min(22rem,calc(100% - 2rem));max-height:calc(100% - 12rem);overflow-y:auto;background:#0d1222eb;border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.system3d-info .close{position:absolute;top:.35rem;right:.35rem;border:none;background:none;font-size:1.3rem}.system3d-info h4{margin:.75rem 0 .35rem;color:var(--muted)}.system3d-note{position:absolute;top:50%;width:100%;text-align:center;color:var(--muted)}.system3d-footnote{position:absolute;bottom:.25rem;left:1rem;margin:0;font-size:.75rem;color:var(--muted)}@media(max-width:760px){.game-main{flex-direction:column}.panel{width:100%;border-left:none;border-top:1px solid var(--line);height:3rem}.game-main.panel-open .panel{height:55%}.tabs .panel-toggle{display:block}.tabs button{font-size:.8rem;padding:.7rem .1rem}.top-bar{font-size:.85rem;padding:.4rem .75rem}.resource small{display:none}.system3d-info{top:auto;bottom:5.5rem;max-height:45%}}