.game-icon{display:inline-block;width:1.15em;height:1.15em;flex-shrink:0;vertical-align:-.2em}.tabs button>.game-icon{display:block;width:18px;height:18px;margin:0 auto 4px;opacity:.75}.tabs button.active>.game-icon{opacity:1}.resource-icon{display:inline-block;width:1.25em;height:1.25em;flex-shrink:0;vertical-align:-.25em}.resource-icon--metals{color:#a9c9e5}.resource-icon--energy{color:#f3c675}.resource-icon--population{color:#97d5c6}.resource-icon--exotics{color:#c6a4ee}.research-tree{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;background:radial-gradient(ellipse at 30% 0%,#101a38 0%,var(--bg) 70%);color:var(--text);--lane-propulsion: #6ea8ff;--lane-weapons: #ff7b6b;--lane-industry: #f3c675;--lane-sensors: #97d5c6}.research-tree-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 1rem;padding-top:max(.75rem,env(safe-area-inset-top));border-bottom:1px solid var(--line)}.research-tree-header h2{margin:0}.research-tree-header p{margin:.15rem 0 0}.research-tree-body{flex:1;display:flex;min-height:0}.research-tree-scroll{flex:1;overflow:auto;min-width:0}.research-tree-canvas{position:relative;margin:0 auto}.research-tree-side{width:22rem;flex:none;overflow-y:auto;padding:.75rem 1rem 1.5rem;border-left:1px solid var(--line);background:var(--panel)}.tier-label{position:absolute;top:6px;text-align:center;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tree-lane{position:absolute;left:8px;right:8px;border-radius:12px;border:1px solid #ffffff0d;background:#ffffff05}.tree-lane span{position:absolute;top:6px;left:12px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.lane-propulsion span{color:var(--lane-propulsion)}.lane-weapons span{color:var(--lane-weapons)}.lane-industry span{color:var(--lane-industry)}.lane-sensors span{color:var(--lane-sensors)}.tree-edges{position:absolute;inset:0;pointer-events:none}.edge{fill:none;stroke-width:2}.edge.known{stroke:#8fb3ff;stroke-opacity:.75}.edge.open{stroke:#8fb3ff;stroke-opacity:.45;stroke-dasharray:6 5}.edge.locked{stroke:#3a4670;stroke-opacity:.8}.tree-node{position:absolute;display:flex;flex-direction:column;border-radius:10px;border:1px solid var(--line);border-left:4px solid var(--branch);background:var(--panel-2);overflow:hidden;box-shadow:0 4px 16px #0006}.tree-node.branch-propulsion{--branch: var(--lane-propulsion)}.tree-node.branch-weapons{--branch: var(--lane-weapons)}.tree-node.branch-industry{--branch: var(--lane-industry)}.tree-node.branch-sensors{--branch: var(--lane-sensors)}.tree-node-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.5rem .65rem;border:none;border-radius:0;background:none;text-align:left;min-height:0}.tree-node-main strong{font-size:.9rem;line-height:1.2}.tree-node-status{font-size:.75rem;color:var(--muted);line-height:1.25}.tree-node-action{margin:0 .5rem .45rem;min-height:0;padding:.15rem .5rem;font-size:.78rem;align-self:flex-start}.tree-node.selected{outline:2px solid #fff;outline-offset:2px}.tree-node.state-known{background:color-mix(in srgb,var(--branch) 16%,var(--panel-2))}.tree-node.state-known .tree-node-status{color:var(--branch)}.tree-node.state-researching{border-color:var(--branch);box-shadow:0 0 18px color-mix(in srgb,var(--branch) 45%,transparent)}.tree-node.state-queued .tree-node-status{color:var(--accent)}.tree-node.state-locked{opacity:.5}.tree-progress{height:4px;margin:0 .6rem .5rem;border-radius:2px;background:#ffffff14}.tree-progress div{height:100%;border-radius:2px;background:var(--branch)}.tree-detail h3{margin-top:.25rem;color:var(--text);text-transform:none;letter-spacing:0;font-size:1.05rem}@media(max-width:800px){.research-tree-body{flex-direction:column}.research-tree-side{width:auto;max-height:40%;border-left:none;border-top:1px solid var(--line)}}@media(prefers-reduced-motion:no-preference){.tree-node.state-researching{animation:tree-glow 2.4s ease-in-out infinite}}@keyframes tree-glow{50%{box-shadow:0 0 6px color-mix(in srgb,var(--branch) 25%,transparent)}}.branch-propulsion{--branch: #6ea8ff}.branch-weapons{--branch: #ff7b6b}.branch-industry{--branch: #f3c675}.branch-sensors{--branch: #97d5c6}.tree-lane span{display:inline-flex;align-items:center;gap:.35rem}.tree-node .tech-icon,.tree-detail-title .tech-icon,.tech-branch .tech-icon,.tech-branch h3 .branch-icon{color:var(--branch)}.tree-node.state-locked .tech-icon{opacity:.55}.tech-branch h3{display:flex;align-items:center;gap:.4rem}.tech-branch h3 .branch-icon{width:1.3em;height:1.3em}.tech-branch li.locked .tech-icon{opacity:.55}.empire-identity{display:flex;align-items:center;gap:12px;min-width:0;max-width:min(100%,340px);padding:5px 10px 5px 4px;background:transparent;border:1px solid transparent;text-align:left}.empire-identity:hover{background:#ffffff05}.empire-identity:focus-visible,.empire-color-dialog button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.empire-crest{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;color:var(--empire-color);border:1px solid #8595b633;border-radius:12px;background:#121b2c}.empire-crest svg{width:31px;height:31px}.empire-identity-copy{display:flex;flex-direction:column;min-width:0}.empire-identity small,.empire-identity-preview small{display:block;font-size:8px;letter-spacing:.19em;color:#96a5bb;margin-bottom:3px}.empire-identity strong,.empire-identity-preview strong{display:block;font-family:Georgia,serif;font-size:19px;font-weight:400;line-height:1.2;color:#eeeae2;overflow-wrap:anywhere}.empire-identity-edit{color:#91a2b9;margin-left:5px}.empire-color-dialog{color:var(--text);background:#0d1422;border:1px solid #34425b;border-radius:16px;padding:26px;width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto}.empire-color-dialog::backdrop{background:#02050ccc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.empire-editor-heading{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.empire-editor-heading h2{font:26px Georgia,serif}.empire-editor-heading>button{background:transparent;padding:0 9px}.empire-editor-eyebrow{font-size:9px;letter-spacing:.17em;color:#dec39a;margin:0 0 12px}.empire-editor-description{font-size:13px;line-height:1.7;color:#9caac0}.empire-identity-preview{display:flex;align-items:center;gap:15px;padding:20px;background:#080e19;border:1px solid #25334a;border-radius:10px;margin:22px 0}.empire-identity-preview>div{min-width:0}.empire-identity-preview .empire-crest{width:50px;height:50px}.empire-color-dialog fieldset{padding:0;border:0;margin:0}.empire-color-dialog legend{font-size:12px;margin-bottom:12px;color:#bdc9da}.empire-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.empire-swatches button{background:transparent;border-color:transparent;padding:8px 2px;font-size:10px;color:#a9b7cc}.empire-swatches button[aria-pressed=true]{border-color:var(--swatch);background:#ffffff08;color:#fff}.empire-swatches span{display:block;width:25px;height:25px;border-radius:50%;margin:0 auto 7px;background:var(--swatch)}.empire-custom-color{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-top:20px}.empire-custom-color label{font-size:12px}.empire-custom-color input{height:39px}.empire-custom-color input[type=color]{padding:4px;cursor:pointer}.empire-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@media(max-width:500px){.empire-identity{max-width:100%}.empire-color-dialog{padding:20px}.empire-editor-heading h2{font-size:23px}}.landing{--landing-gold: #dec39a;background:#080c12;color:#eeeae2;overflow:hidden}.landing a{color:inherit;text-decoration:none}.landing a:focus-visible{outline:2px solid var(--landing-gold);outline-offset:7px}.landing-header{max-width:1440px;margin:auto;height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:relative;z-index:1}.landing-brand{font-size:12px;letter-spacing:.19em;display:flex;align-items:center;gap:9px}.landing-brand b{font-weight:400;color:#9aabb7}.landing-brand>span{font-size:38px;color:var(--landing-gold);margin-right:8px}.landing-header nav{display:flex;gap:32px;font-size:12px;color:#bac2cb}.landing-header nav a:hover,.landing-footer a:hover{color:var(--landing-gold)}.landing-header nav span{margin-left:12px}.landing-hero{max-width:1440px;margin:auto;min-height:700px;position:relative;display:flex;align-items:center;padding:80px 6% 120px;isolation:isolate}.landing-copy{z-index:1;max-width:610px;pointer-events:none}.landing-copy a{pointer-events:auto}.landing-eyebrow{color:var(--landing-gold);font-size:10px;font-weight:500;letter-spacing:.18em;margin:0 0 30px}.landing-eyebrow>span{display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--landing-gold);margin:0 10px 2px 0;box-shadow:0 0 12px #e0b66b}.landing h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,6.2vw,88px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin-bottom:28px}.landing h1 em{font-weight:400;color:var(--landing-gold)}.landing-intro{max-width:395px;font-size:15px;line-height:1.85;color:#a5afb9;margin-bottom:32px}.landing .landing-cta{display:inline-flex;gap:45px;align-items:center;background:#dec39a;color:#171b20;padding:15px 23px;font-size:13px;font-weight:600;border-radius:3px;transition:background .2s}.landing .landing-cta:hover{background:#f1dab7}.landing-meta{color:#8896a3;font-size:9px;letter-spacing:.13em;margin-top:23px}.landing-meta span{margin:0 9px}.landing-scroll{position:absolute;bottom:34px;left:6%;font-size:11px;color:#9ca9b6!important}.landing-scroll span{margin-left:30px}.landing-system{position:absolute;width:760px;height:760px;right:-140px;top:-25px;z-index:-1;background:radial-gradient(ellipse at 53% 48%,#84663e22,transparent 48%);transform:rotate(-18deg)}.system-grid{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle,#c2d8e7 1px,transparent 1.5px),radial-gradient(circle,#90a7ba 1px,transparent 1.5px);background-size:97px 103px,151px 137px;background-position:10px 25px,44px 71px;-webkit-mask-image:radial-gradient(ellipse,black 20%,transparent 70%);mask-image:radial-gradient(ellipse,black 20%,transparent 70%)}.system-orbit{position:absolute;top:50%;left:50%;border:1px solid #bba87a26;border-radius:50%;transform:translate(-50%,-50%) scaleY(.72)}.orbit-one{width:285px;height:285px}.orbit-two{width:505px;height:505px;border-color:#a3b6c22b}.orbit-three{width:720px;height:720px}.system-sun{position:absolute;top:calc(50% - 59px);left:calc(50% - 59px);width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff8d7,#f4cd80 48%,#c37939 87%);box-shadow:0 0 28px #f9cd8970,0 0 90px #dc9b4050,0 0 160px #b9802525}.system-world{position:absolute;border-radius:50%}.world-one{width:22px;height:22px;top:40%;left:34%;background:radial-gradient(circle at 90% 80%,#c3a68b,#443932 65%,#151920)}.world-two{width:83px;height:83px;top:61%;left:65%;background:radial-gradient(circle at 15% 20%,#b0d5d4,#537d82 22%,#253f4b 45%,#0b1521 72%);box-shadow:-3px -2px 5px #b4e4e745,9px 12px 30px #0008}.world-three{width:41px;height:41px;top:23%;left:72%;background:radial-gradient(circle at 15% 95%,#c4b998,#655a47 40%,#121821 75%)}.system-caption,.system-coordinate{position:absolute;font:9px monospace;letter-spacing:.13em;color:#95a6b7;transform:rotate(18deg)}.system-caption{top:76%;left:35%}.system-coordinate{top:22%;left:28%;color:#687886}.landing-discover{padding:75px 6% 80px;max-width:1440px;margin:auto;border-top:1px solid #ffffff15}.landing-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;align-items:end}.landing-section-heading .landing-eyebrow{grid-column:1 / -1;margin-bottom:20px}.landing h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3.2vw,44px);line-height:1.18;letter-spacing:-.025em;font-weight:400}.landing-section-heading>p:last-child{color:#9ca9b6;font-size:14px;line-height:1.8;margin-bottom:8px;justify-self:end}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.landing-features article{border-top:1px solid #ffffff20;padding-top:25px}.feature-number{color:#b7a381;font:10px monospace;letter-spacing:.12em}.landing-features h3{color:#e5e5e3;font-size:18px;font-weight:400;text-transform:none;letter-spacing:-.02em;margin:23px 0 12px}.landing-features p{color:#9ca9b6;font-size:13px;line-height:1.85;max-width:315px}.landing-join{max-width:1268px;margin:0 auto 65px;padding:50px 45px;display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #cab28b30;background:radial-gradient(ellipse at 0 0,#bfa17512,transparent 75%)}.landing-join .landing-eyebrow{margin-bottom:18px}.landing-join p:not(.landing-eyebrow){color:#9ca9b6;font-size:13px;line-height:1.85}.landing-signin{display:flex;flex-direction:column;align-items:center;min-width:280px;max-width:100%}.landing-signin small{font-size:10px;color:#8b99a7;margin-top:14px}.landing-signin .dev-login{margin:15px 0}.landing-footer{max-width:1440px;margin:auto;padding:25px 6%;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;gap:20px;color:#82909d;font-size:10px}.landing-footer>span:first-child{letter-spacing:.13em}.landing-legal{display:flex;gap:22px}@media(min-width:701px)and (max-width:1100px){.landing-system{width:650px;height:650px;right:-100px;top:30px;opacity:.85}}@media(max-width:1100px){.landing-join{margin-left:6%;margin-right:6%}}@media(max-width:700px){.landing-header{height:80px}.landing-brand{font-size:9px;gap:5px;letter-spacing:.1em}.landing-brand>span{font-size:28px;margin-right:2px}.landing-header nav{font-size:10px}.landing-header nav a:first-child{display:none}.landing-header nav span{margin-left:4px}.landing-hero{min-height:870px;padding-top:55px;align-items:flex-start}.landing h1{font-size:clamp(47px,10vw,65px)}.landing-eyebrow{font-size:8px;letter-spacing:.12em}.landing-intro{max-width:360px;font-size:14px}.landing-system{width:580px;height:580px;top:385px;right:calc(50% - 290px);opacity:.9}.orbit-three{width:550px;height:550px}.orbit-two{width:400px;height:400px}.orbit-one{width:220px;height:220px}.system-sun{width:90px;height:90px;top:calc(50% - 45px);left:calc(50% - 45px)}.system-caption{display:none}.landing-scroll{bottom:24px}.landing-discover{padding-top:45px;padding-bottom:45px}.landing-section-heading{display:block}.landing-section-heading>p:last-child{margin-top:22px}.landing-features{grid-template-columns:1fr;gap:23px;margin-top:30px}.landing-features h3{margin-top:15px}.landing-features p{max-width:none}.landing-join{padding:30px 20px;flex-direction:column;align-items:flex-start;gap:15px}.landing-signin{width:100%;min-width:0}.desktop-break{display:none}.landing-footer{flex-wrap:wrap;font-size:9px}.landing-footer>span:nth-child(2){display:none}}: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}.name-row{display:flex;gap:.5rem;align-items:stretch}.name-row input{margin-top:0}.roll-name{flex:none;width:2.75rem;font-size:1.15rem;padding:0}.create-empire label[for=empire-name]{margin-bottom:.3rem}.create-empire .name-row+.hint{margin:.35rem 0 .9rem}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{white-space:nowrap}.resource small{color:var(--muted);margin-left:.25rem}.top-meta{display:flex;gap:.75rem;align-items:center}.attention-strip{display:flex;align-items:center;gap:.6rem;padding:.35rem 1rem;background:var(--panel-2);border-bottom:1px solid var(--line);font-size:.85rem}.attention-title{flex-shrink:0;color:var(--muted);white-space:nowrap}.attention-count{display:inline-block;min-width:1.2rem;padding:0 .3rem;border-radius:999px;background:var(--line);color:var(--text);text-align:center;font-size:.75rem;line-height:1.2rem}.attention-strip ul{display:flex;gap:.4rem;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.attention-strip ul::-webkit-scrollbar{display:none}.attention-item{display:inline-flex;align-items:center;gap:.35em;padding:.2rem .65rem;border-radius:999px;white-space:nowrap;font-size:inherit}.attention-item.urgent{border-color:var(--danger);color:#ffb3b3}.fleet-row.focused{animation:fleet-focus 2s ease-out}@keyframes fleet-focus{0%,40%{box-shadow:0 0 0 2px var(--accent)}to{box-shadow:0 0 0 2px transparent}}@media(max-width:760px){.attention-title{font-size:0}.attention-count{font-size:.75rem}}.game-main{position:relative;flex:1;display:flex;min-height:0}.expedition-guide{position:absolute;z-index:2;top:.75rem;left:.75rem;width:min(19rem,calc(100% - 5rem));background:#0d1222f0;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 24px #00000073;font-size:.9rem}.expedition-guide header{display:flex;align-items:center}.expedition-guide header button{border:none;background:none}.expedition-title{flex:1;display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;font-weight:600;text-align:left}.expedition-progress{margin-left:auto;color:var(--muted);font-weight:400}.expedition-close{padding:.4rem .7rem;color:var(--muted);font-size:1.2rem;line-height:1}.expedition-objectives{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0 .75rem .5rem;list-style:none}.expedition-objective{display:inline-flex;align-items:center;gap:.35rem;min-height:0;padding:.2rem .6rem .2rem .3rem;border-radius:999px;font-size:.8rem}.expedition-objective.focused{border-color:#f3d38a;color:#f3d38a}.expedition-objective.done{opacity:1;color:var(--muted)}.expedition-check{display:inline-grid;place-items:center;flex-shrink:0;width:1rem;height:1rem;border:1.5px solid currentColor;border-radius:50%;font-size:.65rem}.expedition-objective.done .expedition-check{border-color:#97d5c6;background:#2f7a6e;color:#fff}.expedition-step{padding:.1rem .75rem .75rem}.expedition-step p,.expedition-complete p{margin:.2rem 0 .5rem;color:var(--muted)}.expedition-map-hint{margin:0;padding:0 .75rem .6rem;color:#f3d38a}.expedition-complete{padding:0 .75rem .75rem}.expedition-guide.collapsed{width:auto}.guide-spot{position:relative;box-shadow:0 0 0 2px #f3d38a;animation:guide-spot 1.6s ease-in-out infinite}@keyframes guide-spot{50%{box-shadow:0 0 0 4px #f3d38a59}}@media(prefers-reduced-motion:reduce){.guide-spot{animation:none}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.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}.galaxy-map-3d{background:#010208;isolation:isolate}.galaxy-map-3d canvas{display:block}.gm-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.gm-sys{position:relative;width:0;height:0}.gm-sys>*,.gm-moving>span{position:absolute;left:0;top:0;translate:-50% -50%}.gm-ring{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--owner);box-shadow:0 0 8px var(--owner),inset 0 0 6px var(--owner);opacity:.85}.gm-sys.home .gm-ring{width:30px;height:30px;border-width:2.5px}.gm-sel{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 0 12px #a0c8ff8c;animation:gm-pulse 2.6s ease-in-out infinite}.gm-reach{width:30px;height:30px;border-radius:50%;border:1.5px dashed var(--accent);animation:gm-spin 10s linear infinite}.gm-hazard{translate:0 0;left:9px;top:-20px;color:var(--warn);font-size:.75rem;text-shadow:0 0 4px #000}.gm-fleet{translate:0 0;left:-28px;top:-9px;display:flex;align-items:center;gap:1px;filter:drop-shadow(0 0 3px currentColor)}.gm-fleet svg,.gm-moving svg{width:13px;height:13px;fill:currentColor}.gm-fleet b{font-size:.65rem;color:#fff}.gm-moving>span{display:flex;filter:drop-shadow(0 0 4px currentColor)}.gm-label{translate:-50% 0;top:15px;font-size:.72rem;letter-spacing:.03em;color:#dbe3fb;white-space:nowrap;text-shadow:0 0 4px #000,0 0 2px #000}.gm-sys.owned .gm-label{top:19px}.gm-sys.selected .gm-label{top:23px;color:#fff}.gm-sys.unvisited .gm-label{color:#8d98ba}@keyframes gm-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:.55}}@keyframes gm-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.gm-sel,.gm-reach{animation:none}}.map-controls .map-tilt{font-size:.75rem}.map-controls{position:absolute;z-index:1;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)}.sheet-handle,.sheet-summary{display:none}.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}.queue-list{list-style:none;counter-reset:queue;padding:0;margin:.5rem 0}.queue-list li{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .5rem;border:1px solid var(--line);border-radius:8px;margin-bottom:.35rem;background:var(--bg)}.queue-list li:before{counter-increment:queue;content:counter(queue);color:var(--muted);flex:none;width:1rem}.queue-list li>div:first-of-type{flex:1}.queue-buttons{display:flex;gap:.25rem;flex:none}.queue-buttons button{min-width:2rem;padding:.2rem .4rem}.queue-mode select{margin-bottom:.2rem}.queue-mode .hint{display:block}.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}.away-report .attention{list-style:none;padding:0;margin:0 0 .5rem}.away-report .attention li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .6rem;margin-bottom:.4rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.away-report .attention li.urgent{border-color:var(--danger);background:#2a1219}.away-report .attention button{flex:none}.away-report .chronicle{max-height:45vh;overflow-y:auto;margin-bottom:.75rem}.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)}.chronicle-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.chronicle-filter{display:flex;gap:.3rem}.chronicle-filter button{min-height:0;padding:.2rem .6rem;font-size:.8rem}.chronicle-filter button.active{border-color:var(--accent);color:#fff}.chronicle li.milestone{padding:.45rem .6rem;border-left:3px solid #f3d38a;border-radius:0 var(--radius) var(--radius) 0;background:#f3d38a12}.chronicle li.milestone.kind-anniversary{border-left-color:#c6a4ee;background:#c6a4ee17}.chronicle li.milestone.kind-veteran{border-left-color:#97d5c6;background:#97d5c614}.milestone-tag{color:#f3d38a}.badge.rank{margin-left:.35rem;border-color:#2f7a6e;color:#97d5c6;font-size:.72rem}.system-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.system-title h2{margin:0}.bookmark{flex-shrink:0;min-height:0;padding:.2rem .6rem;font-size:.8rem}.bookmark.on{border-color:#f3d38a;color:#f3d38a}.ship-title{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.ship-title .link{font-size:.85rem}.ship-rename{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin:.5rem 0 .75rem}.ship-rename label{flex:1;min-width:12rem}.discovery-card{position:absolute;z-index:3;left:.75rem;bottom:.75rem;display:flex;gap:.75rem;width:min(24rem,calc(100% - 5rem));padding:.75rem;background:#0d1222f5;border:1px solid #8a7330;border-radius:var(--radius);box-shadow:0 8px 28px #00000080,0 0 24px #f3d38a1f;animation:discovery-in .35s ease-out}@keyframes discovery-in{0%{opacity:0;transform:translateY(.75rem)}}@media(prefers-reduced-motion:reduce){.discovery-card{animation:none}}.discovery-visual{flex-shrink:0;width:3.5rem;height:3.5rem}.discovery-visual.anomaly{color:#c6a4ee}.discovery-copy{min-width:0}.discovery-copy h3{margin:.1rem 0 .25rem;font-size:1.05rem;text-transform:none;letter-spacing:normal;color:var(--text)}.discovery-copy p{margin:0 0 .5rem;font-size:.88rem}.discovery-kicker{color:#f3d38a;font-size:.72rem!important;letter-spacing:.08em;text-transform:uppercase}.discovery-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.overview-button{display:inline-flex;align-items:center;gap:.35rem}.empire-overview{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;background:radial-gradient(ellipse at 30% 0%,#101a38 0%,var(--bg) 70%)}.overview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 1rem;padding-top:max(.75rem,env(safe-area-inset-top));border-bottom:1px solid var(--line)}.overview-header h2{margin:0}.overview-header p{margin:.15rem 0 0}.overview-header button{font-size:1.3rem;line-height:1}.overview-idle{color:var(--warn)}.overview-tabs{display:flex;gap:.5rem;padding:.6rem 1rem 0}.overview-tabs button{display:inline-flex;align-items:center;gap:.4rem}.overview-tabs button.active,.overview-filters button.active{border-color:var(--accent);color:#fff}.overview-body{flex:1;overflow-y:auto;padding:.75rem 1rem max(1rem,env(safe-area-inset-bottom))}.overview-filters{display:flex;gap:.4rem;margin-bottom:.75rem}.overview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none}.overview-row{display:flex;flex-direction:column;gap:.45rem;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.overview-row.idle{border-color:#8a7330}.overview-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem}.overview-output{display:flex;flex-wrap:wrap;gap:.2rem .75rem;font-size:.9rem}.overview-work{margin:0;padding:0;list-style:none;font-size:.9rem}.overview-actions{display:flex;flex-wrap:wrap;gap:.4rem}.overview-actions button{display:inline-flex;align-items:center;gap:.3rem}.development-level{display:flex;align-items:center;gap:.6rem}.level-pips{display:inline-flex;gap:.25rem}.pip{width:.75rem;height:.75rem;border:1.5px solid var(--line);border-radius:50%}.pip.filled{border-color:#f3d38a;background:#f3d38a}.pip.growing{border-color:#f3d38a;background:linear-gradient(90deg,rgba(243,211,138,.6) 50%,transparent 50%);animation:pip-grow 1.6s ease-in-out infinite}@keyframes pip-grow{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.pip.growing{animation:none}}.colony-development>p{margin:.35rem 0}.production-line{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.2rem .7rem}.production-line>span{white-space:nowrap}.production-line strong{color:#97d5c6}.development-result{margin:0;font-size:.9rem}.action-card.developing p{margin:0}.development-progress{height:.4rem;border-radius:999px;background:var(--line);overflow:hidden}.development-progress>div{height:100%;background:#f3d38a;transition:width 1s linear}.action-card{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 .75rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.action-card.has-danger{border-color:#8a4b2a}.action-card>button{align-self:stretch}.action-preview{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0;font-size:.88rem}.action-preview>div{display:contents}.action-preview dt{color:var(--muted);white-space:nowrap}.action-preview dd{display:flex;flex-direction:column;gap:.15rem;margin:0}.action-preview .danger dt,.action-preview .danger dd{color:#ffb38a}.action-preview .blocked dt,.action-preview .blocked dd{color:var(--warn)}.cost-view{display:inline-flex;flex-wrap:wrap;gap:.25rem .7rem}.cost-view>span{white-space:nowrap}.button-time{margin-left:.4em;color:var(--muted);font-size:.85em}.blocked-note{color:var(--warn);font-size:.9rem}.badge.activity{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap}.badge.activity-idle{color:var(--muted)}.badge.activity-moving{border-color:#3d73d6;color:#a9c9ff}.badge.activity-surveying{border-color:#2f7a6e;color:#97d5c6}.badge.activity-colonizing{border-color:#9c8330;color:#f3d38a}.badge.activity-exploring{border-color:#6a5fb8;color:#cbc2ff}.button-row button .game-icon{margin-right:.15em}.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}.expedition-guide{top:.5rem;left:.5rem;width:calc(100% - 4.25rem);max-height:calc(100% - 4rem);overflow-y:auto;scrollbar-width:thin;font-size:.85rem}.game-main.sheet-half .expedition-guide{max-height:calc(50% - 1rem)}.game-main.sheet-full .expedition-guide,.game-main.sheet-full .discovery-card{display:none}.expedition-guide .expedition-title{padding:.4rem .6rem}.expedition-objectives,.expedition-step strong{display:none}.expedition-step{padding:0 .6rem .6rem}.expedition-step button{min-height:2rem;padding:.2rem .7rem}.expedition-guide.collapsed{width:auto}.game-main.sheet-peek{--sheet-h: calc(8.5rem + env(safe-area-inset-bottom)) }.game-main.sheet-half{--sheet-h: 50%}.game-main.sheet-full{--sheet-h: calc(100% - 3.5rem) }.panel{width:100%;height:var(--sheet-h);border-left:none;border-top:1px solid var(--line);border-radius:14px 14px 0 0;box-shadow:0 -8px 24px #0006;transition:height .22s ease-out}.panel.dragging{transition:none}@media(prefers-reduced-motion:reduce){.panel{transition:none}}.sheet-handle{display:flex;justify-content:center;flex-shrink:0;padding:.45rem 0 .35rem;cursor:grab;touch-action:none}.sheet-handle span{width:2.5rem;height:.3rem;border-radius:999px;background:var(--line)}.sheet-handle:focus-visible span{background:var(--accent)}.sheet-summary{display:flex;align-items:center;gap:.6rem;flex-shrink:0;min-height:3.25rem;margin:0 .6rem .4rem;padding:.4rem .7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);text-align:left}.sheet-summary.moving{border-color:var(--accent)}.sheet-summary-text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25}.sheet-summary-text>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-summary-text .subtle{font-size:.82rem}.sheet-summary-more{color:var(--muted)}.sheet-danger{color:#ffb38a}.panel-body,.panel .error.banner{order:2}.game-main.sheet-peek .panel-body{display:none}.tabs{order:3;border-top:1px solid var(--line);border-bottom:none;padding-bottom:env(safe-area-inset-bottom)}.tabs button{min-height:3.25rem;font-size:.75rem;padding:.4rem .1rem;border-top:2px solid transparent;border-bottom:none}.tabs button.active{border-top-color:var(--accent)}.discovery-card{left:.5rem;bottom:calc(var(--sheet-h) + .5rem);width:calc(100% - 4.5rem)}.top-bar{font-size:.85rem;padding:.4rem .75rem}.resource small{display:none}.resources{flex-basis:100%}.top-meta{order:1}.system3d-info{top:auto;bottom:5.5rem;max-height:45%}}@media(pointer:coarse){.panel-body button:not(.link),.panel-body select,.panel-body input,.sheet-summary button,.attention-item,.expedition-guide button,.discovery-actions button,.overview-body button,.overview-tabs button,.map-controls button{min-height:44px}.map-controls button{min-width:44px}.panel-body button.link{padding-block:.35rem}}