:root{color-scheme:dark;--bg-0: #02050b;--bg-1: #060c19;--bg-2: #0b1426;--panel: rgba(10, 20, 38, .72);--panel-solid: #0b1628;--panel-raised: rgba(16, 30, 54, .82);--panel-border: rgba(120, 180, 255, .14);--panel-border-strong: rgba(120, 200, 255, .32);--panel-glow: 0 0 0 1px rgba(62, 224, 255, .08), 0 18px 50px -20px rgba(0, 0, 0, .8);--text: #dce8ff;--text-dim: #93a7c9;--text-faint: #5d7196;--accent: #3ee0ff;--accent-strong: #00c2ff;--accent-soft: rgba(62, 224, 255, .14);--violet: #8b6bff;--gold: #ffc857;--gold-soft: rgba(255, 200, 87, .14);--success: #3dffa8;--warning: #ffb547;--danger: #ff4d6d;--danger-soft: rgba(255, 77, 109, .14);--metal: #c3cfe0;--crystal: #5fd4ff;--deuterium: #4dffc3;--energy: #ffd84d;--cat-building: #ffae4a;--cat-research: #a58bff;--cat-ship: #3ee0ff;--cat-defence: #ff5f7e;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--font-display: "Chakra Petch", "Rajdhani", system-ui, sans-serif;--font-body: "Rajdhani", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--topbar-h: 72px;--sidebar-w: 216px;--rail-w: 320px;--ease-out: cubic-bezier(.2, .8, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg-0);color:var(--text);font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body.has-modal{overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:.02em;margin:0;line-height:1.2}p{margin:0}a{color:var(--accent);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none;padding:0}button:disabled{cursor:not-allowed}input,select,textarea{font:inherit;color:inherit}img{display:block;max-width:100%}::selection{background:#3ee0ff59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#78aae62e;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#78aae652}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:.85rem}.center{text-align:center}.tone-gold{color:var(--gold)}.tone-success-text{color:var(--success)}.tone-danger-text{color:var(--danger)}.tone-warning-text{color:var(--warning)}.res-metal{--res: var(--metal)}.res-crystal{--res: var(--crystal)}.res-deuterium{--res: var(--deuterium)}.res-energy{--res: var(--energy)}.res-icon{color:var(--res);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--res) 50%,transparent));flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:38px;padding:0 1rem;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:transform .15s var(--ease-out),box-shadow .2s,background .2s,color .2s,border-color .2s,opacity .2s;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.4;filter:saturate(.3)}.btn-primary{color:#001018;background:linear-gradient(180deg,#7af0ff,var(--accent-strong));box-shadow:0 0 0 1px #7df0ff99 inset,0 6px 20px -6px #00c2ffb3}.btn-primary:hover:not(:disabled){box-shadow:0 0 0 1px #c8faffe6 inset,0 8px 28px -4px #00c2ffe6}.btn-gold{color:#1d1200;background:linear-gradient(180deg,#ffe29a,#ffb020);box-shadow:0 0 0 1px #ffe6a0b3 inset,0 6px 22px -6px #ffb020cc;animation:gold-pulse 2.2s ease-in-out infinite}.btn-danger{color:#fff;background:linear-gradient(180deg,#ff6f89,#e0204a);box-shadow:0 0 0 1px #ff96aa80 inset,0 6px 20px -6px #ff325ab3}.btn-ghost{color:var(--text);background:#78b4ff0f;border:1px solid var(--panel-border-strong)}.btn-ghost:hover:not(:disabled){background:#78c8ff24;border-color:var(--accent);color:#fff}.btn-sm{height:32px;padding:0 .75rem;font-size:.78rem}.btn-xs{height:24px;padding:0 .55rem;font-size:.7rem}.btn-lg{height:50px;font-size:1.02rem;padding:0 1.4rem}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);color:var(--text-dim);transition:background .15s,color .15s;position:relative;flex-shrink:0}.icon-btn:hover{color:#fff;background:#78b4ff1a}.icon-btn.is-danger:hover{color:var(--danger);background:var(--danger-soft)}.link-btn{display:inline-flex;align-items:center;gap:.35rem;color:inherit}.link-btn:hover{color:var(--accent)}@keyframes gold-pulse{0%,to{box-shadow:0 0 0 1px #ffe6a0b3 inset,0 6px 22px -6px #ffb020cc}50%{box-shadow:0 0 0 1px #fff0c8 inset,0 6px 32px -2px #ffbe3c}}.field{display:flex;flex-direction:column;gap:.4rem;border:none;padding:0;margin:0}.field>span{font-family:var(--font-display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}input[type=text],input[type=number],input:not([type]),select,textarea{height:40px;padding:0 .8rem;border-radius:var(--radius-sm);border:1px solid var(--panel-border-strong);background:#030914b3;color:var(--text);transition:border-color .15s,box-shadow .15s;outline:none;min-width:0}textarea{height:auto;padding:.6rem .8rem;font-family:var(--font-mono);font-size:.8rem;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=number]{font-family:var(--font-mono);-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--accent) var(--fill, 50%),rgba(120,180,255,.15) var(--fill, 50%));outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#eaffff;box-shadow:0 0 0 3px var(--accent),0 0 14px var(--accent);cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#eaffff;box-shadow:0 0 0 3px var(--accent),0 0 14px var(--accent);cursor:pointer;border:none}.switch{position:relative;width:46px;height:26px;border-radius:20px;background:#78b4ff26;border:1px solid var(--panel-border-strong);transition:background .2s;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-dim);transition:transform .2s var(--ease-out),background .2s}.switch.is-on{background:var(--accent-soft);border-color:var(--accent)}.switch.is-on:after{transform:translate(20px);background:var(--accent);box-shadow:0 0 10px var(--accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.space-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 120% 80% at 50% 120%,#0a1a3a 0%,transparent 60%),radial-gradient(ellipse at top,#081226 0%,var(--bg-0) 70%);overflow:hidden}.starfield{position:absolute;inset:0}.nebula{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:screen;animation:nebula-drift 60s ease-in-out infinite alternate}.nebula-a{width:60vw;height:60vw;left:-15vw;top:-20vw;background:radial-gradient(circle,rgba(70,60,200,.45),rgba(30,90,200,.15) 45%,transparent 70%)}.nebula-b{width:55vw;height:55vw;right:-18vw;bottom:-25vw;background:radial-gradient(circle,rgba(0,170,220,.3),rgba(140,40,160,.18) 50%,transparent 72%);animation-duration:80s}@keyframes nebula-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(4vw,3vw,0) scale(1.1)}}.shell{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--rail-w);grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"top top top" "nav main rail";min-height:100vh}.main{grid-area:main;padding:1.25rem 1.5rem 3rem;min-width:0;animation:page-in .35s var(--ease-out)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.page-loading{height:60vh}.topbar{grid-area:top;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;padding:0 1rem 0 1.1rem;background:linear-gradient(180deg,#040a16f5,#040a16d1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--panel-border);box-shadow:0 10px 30px -18px #000000e6}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(62,224,255,.55),transparent)}.brand{display:flex;align-items:center;gap:.7rem;color:var(--text);width:calc(var(--sidebar-w) - 1.1rem);flex-shrink:0}.brand-emblem{width:40px;height:40px}.brand-text{display:flex;flex-direction:column;font-family:var(--font-display);line-height:1;letter-spacing:.22em}.brand-text strong{font-size:1.05rem;background:linear-gradient(90deg,#eaffff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-text span{font-size:.72rem;color:var(--text-dim);letter-spacing:.42em;margin-top:3px}.topbar-resources{flex:1;display:flex;gap:.6rem;justify-content:center;min-width:0}.res-meter{display:flex;align-items:center;gap:.55rem;min-width:150px;padding:.35rem .75rem .35rem .5rem;border-radius:var(--radius);background:linear-gradient(180deg,#14244099,#08102099);border:1px solid color-mix(in srgb,var(--res) 22%,transparent);box-shadow:inset 0 1px #ffffff0a;cursor:help}.res-meter-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:radial-gradient(circle,color-mix(in srgb,var(--res) 22%,transparent),transparent 70%)}.res-meter-body{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label rate" "value value" "bar bar";row-gap:1px;column-gap:.6rem;flex:1;min-width:0}.res-meter-label{grid-area:label;font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint)}.res-meter-rate{grid-area:rate;font-size:.66rem;color:color-mix(in srgb,var(--res) 75%,white);opacity:.8}.res-meter-value{grid-area:value;font-size:1.05rem;color:var(--res);text-shadow:0 0 12px color-mix(in srgb,var(--res) 45%,transparent)}.res-meter-bar{grid-area:bar;height:3px;border-radius:3px;background:#ffffff12;overflow:hidden}.res-meter-bar>div{height:100%;background:var(--res);box-shadow:0 0 8px var(--res);transition:width .8s linear}.res-meter.is-full .res-meter-value,.res-meter.is-deficit .res-meter-value{color:var(--danger);text-shadow:0 0 12px rgba(255,77,109,.5)}.res-meter.is-full .res-meter-bar>div{background:var(--danger);box-shadow:0 0 8px var(--danger)}.topbar-side{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.has-badge .badge{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;display:grid;place-items:center;box-shadow:0 0 10px #ff4d6dcc}.hostile-alert{display:inline-flex;align-items:center;gap:.35rem;height:34px;padding:0 .7rem;border-radius:var(--radius-sm);color:#fff;background:#ff325a33;border:1px solid var(--danger);animation:hostile-pulse 1.1s ease-in-out infinite;font-size:.85rem}@keyframes hostile-pulse{50%{background:#ff325a73;box-shadow:0 0 22px #ff325acc}}.planet-switcher{position:relative;display:flex;align-items:center;gap:.15rem}.planet-switcher-current{display:flex;align-items:center;gap:.55rem;padding:.3rem .65rem .3rem .35rem;border-radius:var(--radius);border:1px solid var(--panel-border);background:#0c182c99;text-align:left;min-width:170px;transition:border-color .15s}.planet-switcher-current:hover{border-color:var(--panel-border-strong)}.planet-switcher-current span,.planet-menu span{display:flex;flex-direction:column;line-height:1.15;flex:1;min-width:0}.planet-switcher-current strong,.planet-menu strong{font-family:var(--font-display);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planet-switcher-current small,.planet-menu small{color:var(--text-dim);font-size:.72rem}.planet-switcher .icon.is-rotated{transform:rotate(90deg)}.planet-menu{position:absolute;top:calc(100% + 8px);right:0;width:260px;list-style:none;margin:0;padding:.35rem;background:var(--panel-solid);border:1px solid var(--panel-border-strong);border-radius:var(--radius);box-shadow:0 20px 50px -10px #000000e6;z-index:40;animation:pop-in .16s var(--ease-out)}.planet-menu button{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .55rem;border-radius:var(--radius-sm);text-align:left}.planet-menu button:hover,.planet-menu button.is-active{background:#3ee0ff1a}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.sidebar{grid-area:nav;position:sticky;top:var(--topbar-h);align-self:start;height:calc(100vh - var(--topbar-h));overflow-y:auto;padding:1rem .7rem 1.5rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--panel-border);background:linear-gradient(180deg,#050c1ab3,#050c1a59);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-section{font-family:var(--font-display);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-faint);padding:0 .7rem .3rem}.nav-link{position:relative;display:flex;align-items:center;gap:.7rem;height:40px;padding:0 .75rem;border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-display);font-weight:500;font-size:.95rem;letter-spacing:.03em;transition:background .15s,color .15s}.nav-link:hover{color:var(--text);background:#78b4ff12}.nav-link.active{color:#fff;background:linear-gradient(90deg,#3ee0ff33,#3ee0ff05);box-shadow:inset 0 0 0 1px #3ee0ff2e}.nav-link.active:before{content:"";position:absolute;left:-.7rem;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 12px var(--accent)}.nav-link.active .icon{color:var(--accent);filter:drop-shadow(0 0 6px var(--accent))}.nav-pulse{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:dot-pulse 1.6s ease-in-out infinite}@keyframes dot-pulse{50%{opacity:.35;transform:scale(.7)}}.rail{grid-area:rail;position:sticky;top:var(--topbar-h);align-self:start;height:calc(100vh - var(--topbar-h));overflow-y:auto;padding:1rem .9rem 2rem;display:flex;flex-direction:column;gap:1.1rem;border-left:1px solid var(--panel-border);background:linear-gradient(180deg,#050c1ab3,#050c1a59);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rail-block{display:flex;flex-direction:column;gap:.5rem}.rail-title{display:flex;align-items:center;gap:.4rem;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.page-header{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:150px;margin-bottom:1.25rem;border:1px solid var(--panel-border);box-shadow:var(--panel-glow);isolation:isolate}.page-header-bg{position:absolute;inset:0;z-index:-1}.page-header-bg img{width:100%;height:100%;object-fit:cover}.page-header:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030812eb,#0308128c 45%,#03081226),linear-gradient(0deg,rgba(3,8,18,.7),transparent 60%)}.page-header-fallback{position:absolute;inset:0;background:radial-gradient(circle at 85% 30%,var(--hdr-a, rgba(62, 224, 255, .35)),transparent 40%),radial-gradient(circle at 60% 120%,var(--hdr-b, rgba(139, 107, 255, .35)),transparent 55%),linear-gradient(120deg,#07101f,#0b1a33)}.page-header-fallback:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,190,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,190,255,.07) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,transparent,black 60%);mask-image:linear-gradient(90deg,transparent,black 60%)}.bg-resources,.bg-facilities{--hdr-a: rgba(255, 174, 74, .35);--hdr-b: rgba(255, 110, 60, .25)}.bg-research,.bg-tech-tree{--hdr-a: rgba(165, 139, 255, .45);--hdr-b: rgba(62, 224, 255, .2)}.bg-defence{--hdr-a: rgba(255, 95, 126, .4);--hdr-b: rgba(255, 180, 70, .2)}.bg-galaxy,.bg-highscore{--hdr-a: rgba(255, 200, 87, .3);--hdr-b: rgba(139, 107, 255, .4)}.page-header-content{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:1.6rem 1.6rem 1.4rem;min-height:150px;flex-wrap:wrap}.page-header-titles{display:flex;align-items:center;gap:1rem}.page-header-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;color:var(--accent);background:#3ee0ff1a;border:1px solid rgba(62,224,255,.35);box-shadow:0 0 24px -4px #3ee0ff80,inset 0 0 12px #3ee0ff26}.page-header h1{font-size:clamp(1.5rem,2.4vw,2.1rem);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 20px rgba(0,0,0,.8)}.page-header p{color:var(--text-dim);max-width:60ch;margin-top:.25rem}.page-header-side{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.toasts{position:fixed;right:1rem;bottom:1rem;z-index:90;display:flex;flex-direction:column;gap:.5rem;width:min(360px,calc(100vw - 2rem));pointer-events:none}.toast{pointer-events:auto;display:flex;gap:.65rem;padding:.75rem .9rem;border-radius:var(--radius);background:#081222f2;border:1px solid var(--panel-border-strong);border-left:3px solid var(--tone, var(--accent));box-shadow:0 16px 40px -12px #000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toast-in .3s var(--ease-out);cursor:pointer}.toast .icon{color:var(--tone, var(--accent));margin-top:2px}.toast strong{font-family:var(--font-display);font-size:.92rem}.toast p{color:var(--text-dim);font-size:.85rem;line-height:1.3}.tone-success{--tone: var(--success)}.tone-warning{--tone: var(--warning)}.tone-danger{--tone: var(--danger)}.tone-info{--tone: var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#01040ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .2s}.modal{width:min(560px,100%);max-height:calc(100vh - 2rem);display:flex;flex-direction:column;background:linear-gradient(180deg,#0e1c34fa,#070f1efa);border:1px solid var(--panel-border-strong);border-radius:var(--radius-lg);box-shadow:0 0 0 1px #3ee0ff14,0 40px 100px -20px #000000f2,0 0 60px -30px var(--accent);animation:modal-in .25s var(--ease-out)}.modal.is-wide{width:min(920px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--panel-border)}.modal-header h2{font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase}.modal-title-row{display:inline-flex;align-items:center;gap:.35rem}.modal-body{padding:1.2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@media(max-width:1360px){.shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-areas:"top top" "nav main"}.rail{display:none}.res-meter{min-width:120px}}@media(max-width:1080px){:root{--sidebar-w: 72px}.brand-text,.nav-link span,.nav-section{display:none}.brand{width:auto}.nav-link{justify-content:center;padding:0}.nav-pulse{position:absolute;top:8px;right:10px}.res-meter-label,.res-meter-rate{display:none}.res-meter{min-width:0;flex:1}}@media(max-width:760px){:root{--topbar-h: auto}.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"top" "main";padding-bottom:64px}.topbar{flex-wrap:wrap;padding:.5rem;gap:.5rem}.topbar-resources{order:3;flex-basis:100%;gap:.35rem}.topbar-side{margin-left:auto}.res-meter{padding:.25rem .4rem;gap:.3rem}.res-meter-icon{width:24px;height:24px}.res-meter-value{font-size:.85rem}.planet-switcher-current{min-width:0}.planet-switcher-current small{display:none}.sidebar{position:fixed;inset:auto 0 0;height:64px;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:.4rem;gap:0;border-right:none;border-top:1px solid var(--panel-border);background:#040a16f5;z-index:40}.nav-group{flex-direction:row}.nav-link{width:52px;height:52px}.nav-link.active:before{left:12px;right:12px;top:auto;bottom:-.4rem;width:auto;height:3px}.main{padding:.8rem .7rem 2rem}.page-header-content{padding:1.1rem}}.panel{position:relative;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--panel-glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(160,220,255,.35),transparent);pointer-events:none}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--panel-border);background:linear-gradient(180deg,rgba(120,180,255,.05),transparent)}.panel-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text)}.panel-title .icon{color:var(--accent)}.panel-actions{display:flex;gap:.4rem;align-items:center}.panel-body{padding:1.1rem}.panel-body.is-flush{padding:0}.artwork{position:relative;overflow:hidden}.artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.artwork img.is-loaded{opacity:1}.artwork-fallback{position:absolute;inset:0;display:grid;place-items:center}.artwork.is-muted{filter:grayscale(.85) brightness(.55)}.tech-fallback{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 55%,hsla(var(--hue),90%,60%,.28),transparent 60%),radial-gradient(circle at 20% 0%,hsla(calc(var(--hue) + 40),80%,50%,.18),transparent 50%),linear-gradient(160deg,hsl(calc(var(--hue) + 10),45%,11%),hsl(var(--hue),55%,6%));color:hsl(var(--hue),100%,78%)}.tech-fallback-grid{position:absolute;inset:0;background-image:linear-gradient(hsla(var(--hue),100%,70%,.08) 1px,transparent 1px),linear-gradient(90deg,hsla(var(--hue),100%,70%,.08) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 30%,transparent 75%);mask-image:radial-gradient(circle at 50% 50%,black 30%,transparent 75%)}.tech-fallback-ring{position:absolute;width:58%;aspect-ratio:1;border-radius:50%;border:1px dashed hsla(var(--hue),100%,70%,.35);box-shadow:0 0 40px hsla(var(--hue),100%,60%,.2),inset 0 0 30px hsla(var(--hue),100%,60%,.15);animation:ring-spin 40s linear infinite}.tech-fallback-glyph{position:relative;width:38%;height:auto;max-width:96px;stroke-width:1.1;filter:drop-shadow(0 0 10px hsla(var(--hue),100%,65%,.9))}.tech-fallback-label{position:absolute;right:8px;bottom:6px;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:hsla(var(--hue),100%,80%,.45)}@keyframes ring-spin{to{transform:rotate(360deg)}}.planet-globe{position:relative;flex-shrink:0}.planet-globe .planet-art{position:absolute;inset:0;overflow:visible}.planet-globe .planet-art img{object-fit:contain;mix-blend-mode:screen}.globe{position:relative;width:var(--size);height:var(--size);border-radius:50%;overflow:hidden;box-shadow:0 0 calc(var(--size) * .12) color-mix(in srgb,var(--atmo) 55%,transparent),0 0 calc(var(--size) * .35) calc(var(--size) * -.08) color-mix(in srgb,var(--atmo) 35%,transparent)}.globe-surface{position:absolute;inset:0;background:var(--surface);background-size:200% 100%;animation:globe-spin 50s linear infinite}.globe.is-still .globe-surface{animation:none}.globe-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.35),transparent 32%),radial-gradient(circle at 70% 70%,transparent 30%,rgba(0,0,0,.88) 72%);box-shadow:inset 0 0 calc(var(--size) * .08) color-mix(in srgb,var(--atmo) 70%,transparent),inset calc(var(--size) * -.12) calc(var(--size) * -.08) calc(var(--size) * .18) #000000b3}@keyframes globe-spin{to{background-position:-200% 0}}.chip{display:inline-flex;align-items:center;gap:.3rem;height:22px;padding:0 .55rem;border-radius:20px;font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tone, var(--accent));background:color-mix(in srgb,var(--tone, var(--accent)) 12%,transparent);border:1px solid color-mix(in srgb,var(--tone, var(--accent)) 35%,transparent);white-space:nowrap}.chip.cat-building{--tone: var(--cat-building)}.chip.cat-research{--tone: var(--cat-research)}.chip.cat-ship{--tone: var(--cat-ship)}.chip.cat-defence{--tone: var(--cat-defence)}.chip.tone-muted{--tone: var(--text-dim)}.chip.tone-gold{--tone: var(--gold)}.tag-list{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;padding:0;margin:0}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:var(--radius-sm);font-size:.85rem;background:color-mix(in srgb,var(--tone, var(--accent)) 10%,transparent);border:1px solid color-mix(in srgb,var(--tone, var(--accent)) 30%,transparent)}.tag b{color:var(--tone, var(--accent));font-family:var(--font-mono)}.tag.is-link:hover{border-color:var(--accent);color:#fff}.cost-list{display:flex;flex-wrap:wrap;gap:.25rem .75rem;list-style:none;padding:0;margin:0}.cost{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.88rem;color:color-mix(in srgb,var(--res, var(--text)) 70%,white)}.cost-list.is-compact .cost{font-size:.8rem}.cost.is-short{color:var(--danger)}.cost.is-short .res-icon{color:var(--danger);filter:none}.cost.is-free{color:var(--success)}.progress{position:relative;height:5px;border-radius:5px;background:#78b4ff1a;overflow:hidden}.progress-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,color-mix(in srgb,var(--bar) 60%,transparent),var(--bar));box-shadow:0 0 10px var(--bar);transition:width 1s linear;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:shimmer 1.8s linear infinite}.progress.tone-accent{--bar: var(--accent)}.progress.tone-danger{--bar: var(--danger)}.progress.tone-success{--bar: var(--success)}.progress.tone-warning{--bar: var(--warning)}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.tech-card{--cat: var(--accent);position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#0e1a30d9,#08101ee6);border:1px solid var(--panel-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--panel-glow);transition:transform .25s var(--ease-out),border-color .25s,box-shadow .25s}.tech-card.cat-building{--cat: var(--cat-building)}.tech-card.cat-research{--cat: var(--cat-research)}.tech-card.cat-ship{--cat: var(--cat-ship)}.tech-card.cat-defence{--cat: var(--cat-defence)}.tech-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cat) 45%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--cat) 20%,transparent),0 24px 50px -24px color-mix(in srgb,var(--cat) 60%,black)}.tech-card.is-running{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 1px #3ee0ff40,0 0 40px -12px #3ee0ff80}.tech-card.is-locked{opacity:.82}.tech-card-art{position:relative;display:block;width:100%;aspect-ratio:16 / 10;overflow:hidden}.tech-card-art .artwork{position:absolute;inset:0;transition:transform .6s var(--ease-out)}.tech-card:hover .tech-card-art .artwork{transform:scale(1.05)}.tech-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,16,30,.95),transparent 55%);pointer-events:none}.tech-card-level{position:absolute;top:10px;left:10px;z-index:2;display:flex;align-items:baseline;gap:.3rem;padding:.2rem .55rem;border-radius:var(--radius-sm);background:#030812c7;border:1px solid color-mix(in srgb,var(--cat) 40%,transparent);font-family:var(--font-mono);font-size:1rem;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tech-card-level small{font-size:.6rem;letter-spacing:.1em;color:var(--cat)}.tech-card-lock{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#fff9}.tech-card-info{position:absolute;top:10px;right:10px;z-index:2;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#030812b3;color:var(--text-dim);opacity:0;transition:opacity .2s}.tech-card:hover .tech-card-info{opacity:1}.tech-card-body{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:.2rem 1rem 1rem;flex:1;margin-top:-1.6rem;z-index:2}.tech-card-title{font-size:1.12rem;letter-spacing:.04em;text-shadow:0 2px 10px rgba(0,0,0,.9)}.tech-card-tagline{font-size:.88rem;color:var(--text-dim);line-height:1.3;min-height:2.3em}.tech-card-meta{display:flex;flex-direction:column;gap:.35rem;padding:.55rem .65rem;border-radius:var(--radius-sm);background:#03081273;border:1px solid rgba(120,180,255,.08)}.tech-card-time{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim)}.tech-card-progress{display:flex;flex-direction:column;gap:.25rem}.tech-card-actions{display:flex;flex-direction:column;gap:.35rem;margin-top:auto}.tech-card-actions.is-units{display:grid;grid-template-columns:1fr auto;gap:.4rem}.tech-card-actions.is-units .btn-primary,.tech-card-actions.is-units .blocker{grid-column:1 / -1}.blocker{font-size:.8rem;color:var(--warning)}.afford-hint{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--text-faint);font-family:var(--font-mono)}.req-inline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;color:var(--text-dim)}.req-inline li{display:flex;align-items:center;gap:.35rem}.req-inline .icon{color:var(--danger)}.stepper{display:flex;align-items:center;border:1px solid var(--panel-border-strong);border-radius:var(--radius-sm);background:#030914b3;overflow:hidden;height:32px}.stepper .icon-btn{width:28px;height:30px;border-radius:0}.stepper input{width:100%;min-width:50px;height:30px;border:none;background:transparent;text-align:center;padding:0 .2rem;box-shadow:none!important}.queue-empty{font-size:.85rem;color:var(--text-faint);padding:.55rem .7rem;border:1px dashed rgba(120,180,255,.14);border-radius:var(--radius-sm)}.queue-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.queue-item{display:flex;align-items:center;gap:.6rem;padding:.45rem;border-radius:var(--radius);background:#0a162a99;border:1px solid var(--panel-border)}.queue-item.is-active{border-color:#3ee0ff59;background:linear-gradient(90deg,#3ee0ff14,#0a162a99)}.queue-thumb{width:42px;height:42px;border-radius:var(--radius-sm);flex-shrink:0}.queue-thumb .tech-fallback-glyph{width:55%}.queue-thumb .tech-fallback-label{display:none}.queue-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.queue-name{display:flex;justify-content:space-between;gap:.4rem;font-family:var(--font-display);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-amount{color:var(--accent);font-size:.78rem}.queue-time{font-size:.75rem}.fleet-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.fleet-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:var(--radius);background:#0a162a99;border:1px solid var(--panel-border)}.fleet-row>.icon{color:var(--accent);flex-shrink:0}.fleet-row.is-returning>.icon{color:var(--success)}.fleet-row.mission-attack>.icon,.fleet-row.mission-missile>.icon{color:var(--warning)}.fleet-row.is-hostile{border-color:#ff4d6d99;background:linear-gradient(90deg,#ff4d6d2e,#0a162a99);animation:hostile-row 1.6s ease-in-out infinite}.fleet-row.is-hostile>.icon{color:var(--danger)}@keyframes hostile-row{50%{box-shadow:0 0 20px -4px #ff4d6db3}}.fleet-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.fleet-title{font-family:var(--font-display);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleet-sub{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.fleet-side{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.fleet-eta{font-size:.8rem;color:var(--text)}.quest-card{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;border-radius:var(--radius);background:radial-gradient(circle at 100% 0%,rgba(255,200,87,.12),transparent 50%),linear-gradient(180deg,#141e32cc,#0a1222cc);border:1px solid rgba(255,200,87,.22)}.quest-card.is-ready{border-color:var(--gold);box-shadow:0 0 30px -10px #ffc857b3}.quest-card.is-complete{flex-direction:row;align-items:center;gap:.8rem;color:var(--gold)}.quest-card.is-complete strong{color:var(--text)}.quest-head{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display)}.quest-step{font-size:.7rem;padding:.1rem .4rem;border-radius:4px;background:var(--gold-soft);color:var(--gold)}.quest-desc{font-size:.88rem;color:var(--text-dim);line-height:1.35}.quest-reward{display:flex;align-items:center;gap:.45rem;color:var(--gold)}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{text-align:left;font-family:var(--font-display);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-weight:600;padding:.55rem .7rem;border-bottom:1px solid var(--panel-border);white-space:nowrap}.data-table td{padding:.5rem .7rem;border-bottom:1px solid rgba(120,180,255,.06);vertical-align:middle}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#78b4ff0a}.data-table tr.is-current{background:#3ee0ff14}.data-table tr.is-current td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.data-table tr.is-past{opacity:.5}.data-table .num{text-align:right;font-family:var(--font-mono)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.stat{display:flex;flex-direction:column;gap:.1rem;padding:.6rem .75rem;border-radius:var(--radius-sm);background:#03081273;border:1px solid rgba(120,180,255,.08)}.stat-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.stat-value{font-family:var(--font-display);font-size:1.15rem;color:var(--text)}.stat-hint{font-size:.75rem;color:var(--text-faint)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;text-align:center;color:var(--text-dim)}.empty-state .icon{color:var(--text-faint)}.empty-state strong{font-family:var(--font-display);color:var(--text)}.tech-detail{display:flex;flex-direction:column;gap:1.2rem}.tech-detail h4{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.55rem}.tech-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.2rem}.tech-detail-art{aspect-ratio:4 / 3;border-radius:var(--radius);border:1px solid var(--panel-border)}.tech-detail-intro{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start;color:var(--text-dim)}.tech-detail-tagline{font-family:var(--font-display);font-size:1.1rem;color:var(--text)}.tech-detail-level{margin-top:auto;font-size:.9rem}.tech-detail-level b{color:var(--accent);font-size:1.1rem}.tech-detail-links{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.effect-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.effect-list li{display:flex;gap:.5rem;align-items:flex-start}.effect-list .icon{color:var(--gold);margin-top:3px}.req-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.req-list li{display:flex;justify-content:space-between;padding:.35rem .6rem;border-radius:var(--radius-sm);background:#03081273}.req-list li.is-met .icon{color:var(--success)}.req-list li.is-missing{box-shadow:inset 2px 0 0 var(--danger)}.req-list li.is-missing .icon,.req-list li.is-missing .mono{color:var(--danger)}.rf-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.8rem}.tabs{display:inline-flex;gap:.25rem;padding:.25rem;border-radius:var(--radius);background:#03091499;border:1px solid var(--panel-border);flex-wrap:wrap}.tab{display:inline-flex;align-items:center;gap:.4rem;height:32px;padding:0 .8rem;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.82rem;letter-spacing:.06em;color:var(--text-dim);transition:background .15s,color .15s}.tab:hover{color:var(--text)}.tab.is-active{color:#001018;background:var(--accent);box-shadow:0 0 16px -2px #3ee0ff99}.tab .count{font-family:var(--font-mono);font-size:.7rem;opacity:.8}.section-title{display:flex;align-items:center;gap:.6rem;margin:1.6rem 0 .8rem;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--panel-border-strong),transparent)}.section-title:first-child{margin-top:0}@media(max-width:760px){.tech-detail-hero,.tech-detail-links,.rf-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.title-screen{position:relative;z-index:1;min-height:100vh;overflow:hidden}.title-bg{position:fixed;inset:0}.title-bg img{object-fit:cover}.title-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02050beb,#02050b80,#02050b26),linear-gradient(0deg,rgba(2,5,11,.7),transparent 40%)}.title-bg-fallback{position:absolute;inset:0}.title-planet{position:absolute;right:-120px;bottom:-200px;filter:saturate(1.15) brightness(1.1);animation:title-float 18s ease-in-out infinite alternate}@keyframes title-float{to{transform:translate(-20px,-14px) rotate(2deg)}}.title-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,460px);gap:3rem;align-items:center;max-width:1240px;min-height:100vh;margin:0 auto;padding:3rem 2rem}.title-hero{display:flex;flex-direction:column;gap:1.2rem;animation:page-in .8s var(--ease-out)}.title-logo{width:96px;height:96px}.title-name{font-size:clamp(2.6rem,6vw,5rem);line-height:.95;letter-spacing:.12em;font-weight:700;color:#eaf6ff;text-shadow:0 0 40px rgba(62,224,255,.35),0 4px 30px rgba(0,0,0,.9)}.title-name span{display:block;background:linear-gradient(90deg,#ffffff,var(--accent) 70%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.title-tagline{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 20px rgba(255,200,87,.4)}.title-features{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.4rem;max-width:640px}.title-features li{display:flex;gap:.8rem;align-items:flex-start}.title-features .icon{color:var(--accent);flex-shrink:0;margin-top:2px;filter:drop-shadow(0 0 8px rgba(62,224,255,.6))}.title-features strong{display:block;font-family:var(--font-display);font-size:1rem}.title-features span{color:var(--text-dim);font-size:.92rem}.title-form{display:flex;flex-direction:column;gap:1rem;padding:1.6rem;animation:modal-in .7s var(--ease-out)}.title-form h2{font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase}.preset-grid{display:grid;gap:.5rem}.preset{display:flex;flex-direction:column;gap:.15rem;text-align:left;padding:.7rem .85rem;border-radius:var(--radius);border:1px solid var(--panel-border);background:#03091480;transition:border-color .15s,background .15s,box-shadow .15s}.preset strong{font-family:var(--font-display)}.preset span{font-size:.75rem;color:var(--accent)}.preset small{color:var(--text-dim);font-size:.82rem;line-height:1.3}.preset:hover{border-color:var(--panel-border-strong)}.preset.is-selected{border-color:var(--accent);background:linear-gradient(90deg,#3ee0ff1f,#03091480);box-shadow:0 0 24px -8px #3ee0ff99}.page-header-side .stat{background:#030812a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:110px}.header-kpi{display:flex;flex-direction:column;align-items:flex-end;padding:.45rem .85rem;border-radius:var(--radius);background:#030812a6;border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.header-kpi strong{font-size:1.35rem;color:var(--gold);text-shadow:0 0 16px rgba(255,200,87,.35)}.header-kpi small{font-size:.8rem}.callout{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;margin-bottom:1rem;border-radius:var(--radius);background:color-mix(in srgb,var(--tone, var(--accent)) 10%,transparent);border:1px solid color-mix(in srgb,var(--tone, var(--accent)) 35%,transparent)}.callout .icon{color:var(--tone, var(--accent));flex-shrink:0}.overview-hero{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1.5rem;padding:1.5rem;margin-bottom:1.25rem;background:radial-gradient(circle at 15% 50%,rgba(62,224,255,.1),transparent 45%),var(--panel)}.overview-globe{position:relative;display:grid;place-items:center;min-height:300px}.overview-orbit{position:absolute;width:310px;height:110px;border-radius:50%;border:1px solid rgba(62,224,255,.25);transform:rotate(-16deg);box-shadow:0 0 30px -10px #3ee0ff80}.overview-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);offset-path:ellipse(155px 55px at 50% 50%);animation:orbit 14s linear infinite}@keyframes orbit{0%{offset-distance:0%}to{offset-distance:100%}}.overview-info{display:flex;flex-direction:column;gap:1rem;justify-content:center;min-width:0}.overview-title{display:flex;flex-direction:column;gap:.5rem}.overview-planet-name{display:flex;align-items:center;gap:.3rem;font-size:2rem;letter-spacing:.06em}.overview-tags{display:flex;gap:.4rem;flex-wrap:wrap}.rename-form{display:flex;gap:.5rem;align-items:center}.rename-form input{max-width:260px;font-size:1.1rem}.overview-production{display:flex;flex-direction:column;gap:.35rem;padding:.75rem .9rem;border-radius:var(--radius-sm);background:#03081273}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.overview-activity{display:none;margin-top:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem}@media(max-width:1360px){.overview-activity{display:grid}}.production-panel{margin-bottom:.5rem}.production-table td,.production-table th{white-space:nowrap}.production-table tfoot td{border-top:1px solid var(--panel-border);padding-top:.6rem}.production-table tfoot tr:first-child td{font-weight:600}.percent-select{height:30px;padding:0 .5rem;font-family:var(--font-mono);font-size:.8rem}.res-energy-text{color:var(--energy)}.shipyard-queue{margin-bottom:.5rem}.tree-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;align-items:start}.tree-scroller{overflow:auto;height:calc(100vh - var(--topbar-h) - 250px);min-height:460px;cursor:grab;background:radial-gradient(circle at 50% 50%,rgba(62,224,255,.05),transparent 70%),var(--panel)}.tree-scroller:active{cursor:grabbing}.tree-canvas{position:relative;background-image:radial-gradient(rgba(120,190,255,.12) 1px,transparent 1px);background-size:24px 24px}.tree-edges{position:absolute;inset:0;pointer-events:none}.tree-edge{fill:none;stroke:#78a0dc38;stroke-width:1.4;stroke-dasharray:4 4;transition:stroke .2s,opacity .2s}.tree-edge.is-met{stroke:#3ee0ff59;stroke-dasharray:none}.tree-edge.is-active{stroke:var(--gold);stroke-width:2.2;filter:drop-shadow(0 0 4px rgba(255,200,87,.8))}.tree-edge.is-active.is-met{stroke:var(--accent);filter:drop-shadow(0 0 4px rgba(62,224,255,.9))}.tree-edge.is-dim{opacity:.25}.tree-node{--cat: var(--accent);position:absolute;display:flex;align-items:center;gap:.55rem;padding:.35rem .6rem .35rem .35rem;border-radius:var(--radius);text-align:left;background:linear-gradient(180deg,#101e36f2,#08101ef2);border:1px solid color-mix(in srgb,var(--cat) 30%,transparent);box-shadow:0 8px 20px -12px #000000e6;transition:opacity .2s,border-color .2s,box-shadow .2s,transform .2s var(--ease-out)}.tree-node.cat-building{--cat: var(--cat-building)}.tree-node.cat-research{--cat: var(--cat-research)}.tree-node.cat-ship{--cat: var(--cat-ship)}.tree-node.cat-defence{--cat: var(--cat-defence)}.tree-node:hover{transform:translateY(-1px);border-color:var(--cat);z-index:2}.tree-node.is-selected{border-color:var(--cat);box-shadow:0 0 0 1px var(--cat),0 0 24px -4px var(--cat);z-index:3}.tree-node.is-owned:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--cat);box-shadow:0 0 8px var(--cat)}.tree-node.is-dim{opacity:.28}.tree-node-art{width:44px;height:44px;border-radius:8px;flex-shrink:0}.tree-node-art .tech-fallback-label{display:none}.tree-node-art .tech-fallback-glyph{width:55%}.tree-node-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.tree-node-text strong{font-family:var(--font-display);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node-text small{font-size:.72rem;color:var(--cat);font-family:var(--font-mono)}.tree-node.is-locked .tree-node-text small{color:var(--text-faint)}.tree-node-lock{position:absolute;right:6px;top:6px;color:var(--text-faint)}.tree-side{position:sticky;top:calc(var(--topbar-h) + 1rem)}.tree-side-body{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}.tree-side-art{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius)}.tree-side-title{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.tree-side .req-list{width:100%;max-height:320px;overflow-y:auto}.fleet-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.1rem;margin-bottom:1.1rem}.fleet-launch{grid-column:1 / -1}.fleet-launch .panel-body{display:flex;flex-direction:column;gap:.9rem}.ship-picker{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.ship-picker li{display:grid;grid-template-columns:48px minmax(0,1fr) 140px auto;gap:.6rem;align-items:center;padding:.4rem;border-radius:var(--radius);border:1px solid var(--panel-border);background:#03091473;transition:border-color .15s,background .15s}.ship-picker li.is-selected{border-color:#3ee0ff73;background:linear-gradient(90deg,#3ee0ff1a,#03091473)}.ship-picker-art{width:48px;height:48px;border-radius:8px}.ship-picker-art .tech-fallback-label{display:none}.ship-picker-info{display:flex;flex-direction:column;min-width:0}.ship-picker-info strong{font-family:var(--font-display);font-size:.92rem}.destination{display:flex;flex-direction:column;gap:.9rem}.coord-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.coord-input{display:flex;align-items:center;border:1px solid var(--panel-border-strong);border-radius:var(--radius-sm);overflow:hidden;background:#030914b3}.coord-input span{padding:0 .5rem;font-family:var(--font-display);font-size:.75rem;color:var(--accent);background:#3ee0ff14;align-self:stretch;display:grid;place-items:center}.coord-input input{width:64px;border:none;background:transparent;height:36px;box-shadow:none!important}.target-label{font-family:var(--font-display);color:var(--text-dim);margin-left:.3rem}.quick-targets{display:flex;flex-wrap:wrap;gap:.35rem}.mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem}.mission-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .4rem .55rem;border-radius:var(--radius);border:1px solid var(--panel-border);background:#03091480;font-family:var(--font-display);font-size:.8rem;letter-spacing:.04em;transition:border-color .15s,box-shadow .15s,opacity .15s}.mission-card-art{width:100%;aspect-ratio:16 / 10;border-radius:6px;color:var(--accent);background:radial-gradient(circle,rgba(62,224,255,.12),transparent 70%)}.mission-card:hover:not(:disabled){border-color:var(--panel-border-strong)}.mission-card.is-selected{border-color:var(--accent);box-shadow:0 0 20px -6px #3ee0ffb3}.mission-card:disabled{opacity:.3}.mission-card.mission-attack .mission-card-art{color:var(--warning)}.mission-desc{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-dim)}.cargo-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.5rem}.cargo-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.4rem;align-items:center}.fleet-movements{margin-top:.2rem}.galaxy-nav{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.galaxy-nav-group{display:flex;align-items:center;gap:.1rem;padding:.2rem .3rem .2rem .7rem;border-radius:var(--radius);background:#030812b3;border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.galaxy-nav-group span{font-family:var(--font-display);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-right:.3rem}.galaxy-nav-group input{width:56px;height:32px;text-align:center}.system-strip{position:relative;height:110px;border-bottom:1px solid var(--panel-border);background:radial-gradient(ellipse 40% 120% at 0% 50%,rgba(255,200,87,.25),transparent 60%),linear-gradient(90deg,rgba(255,170,60,.06),transparent 40%);overflow:hidden}.system-star{position:absolute;left:-60px;top:50%;width:120px;height:120px;transform:translateY(-50%)}.system-star-art{width:100%;height:100%}.system-star-art img{mix-blend-mode:screen;object-fit:contain}.system-star-fallback{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#fffbe6 0%,#ffd66b 30%,#ff8a2b 60%,transparent 72%);box-shadow:0 0 60px 20px #ffaa3c59;animation:star-pulse 5s ease-in-out infinite}@keyframes star-pulse{50%{filter:brightness(1.15);box-shadow:0 0 80px 26px #ffaa3c73}}.system-orbit{position:absolute;left:60px;right:2%;top:50%;height:1px;background:linear-gradient(90deg,rgba(255,200,87,.4),rgba(62,224,255,.25),transparent)}.strip-slot{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transition:transform .2s var(--ease-out)}.strip-slot:hover{transform:translate(-50%,-50%) scale(1.2)}.strip-slot.is-empty span{width:6px;height:6px;border-radius:50%;background:#78b4ff59}.strip-slot.is-own:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:1px solid var(--gold);box-shadow:0 0 12px #ffc85799}.strip-debris{position:absolute;right:-4px;bottom:-2px;color:var(--warning)}.galaxy-row td{height:52px}.galaxy-row.is-highlight{background:#3ee0ff0f}.galaxy-row.is-player{background:linear-gradient(90deg,rgba(255,200,87,.08),transparent 60%)}.galaxy-row.is-deep td{border-top:1px dashed var(--panel-border-strong)}.galaxy-planet{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display)}.owner{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}.owner.is-self{color:var(--gold);font-weight:600}.owner-meta{font-size:.75rem;color:var(--text-faint)}.debris-cell{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.8rem;color:var(--warning)}.row-actions{display:inline-flex;gap:.15rem;justify-content:flex-end}.row-actions .icon-btn:disabled{opacity:.25}.deep-space-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(139,107,255,.4),transparent 70%);color:var(--violet)}.galaxy-legend{margin-top:.8rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.missile-art{aspect-ratio:16 / 10;border-radius:var(--radius);color:var(--warning);background:radial-gradient(circle,rgba(255,181,71,.18),transparent 70%)}.messages-tabs{margin-bottom:1rem}.messages-layout{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:1rem;align-items:start}.message-list-panel{max-height:calc(100vh - var(--topbar-h) - 280px);min-height:300px;overflow-y:auto}.message-list{list-style:none;padding:0;margin:0}.message-item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:.7rem;width:100%;padding:.7rem .9rem;text-align:left;border-bottom:1px solid rgba(120,180,255,.06);transition:background .15s}.message-item>.icon{grid-row:1 / 3;margin-top:2px;color:var(--text-faint)}.message-item time{grid-column:2}.message-item:hover{background:#78b4ff0d}.message-item.is-open{background:#3ee0ff1a;box-shadow:inset 3px 0 0 var(--accent)}.message-item.is-unread strong{color:#fff}.message-item.is-unread>.icon{color:var(--accent)}.message-item.kind-combat.is-unread>.icon{color:var(--warning)}.message-item-text{display:flex;flex-direction:column;min-width:0}.message-item-text strong{font-family:var(--font-display);font-size:.9rem;font-weight:500;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-item-text small{color:var(--text-faint);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report{display:flex;flex-direction:column;gap:1rem}.report h4{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.45rem;display:flex;align-items:center;gap:.4rem}.report-banner{position:relative;height:150px;border-radius:var(--radius);overflow:hidden;border:1px solid color-mix(in srgb,var(--tone, var(--accent)) 40%,transparent);isolation:isolate}.report-banner-art{position:absolute;inset:0;z-index:-1}.report-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030812e6,#03081233)}.report-banner-fallback{position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,color-mix(in srgb,var(--tone, var(--accent)) 45%,transparent),transparent 55%),linear-gradient(120deg,#07101f,#0b1a33)}.report-banner-text{position:absolute;left:1.2rem;bottom:1rem}.report-banner-text h3{font-size:1.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tone, var(--accent));text-shadow:0 0 20px color-mix(in srgb,var(--tone, var(--accent)) 60%,transparent)}.report-banner-text p{color:var(--text-dim)}.tech-line{color:var(--text-faint);font-weight:400;letter-spacing:0;text-transform:none}.combat-sides{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.combat-side{padding:.75rem;border-radius:var(--radius);background:#03081266;border:1px solid var(--panel-border)}.combat-side.is-attacker h4{color:var(--warning)}.combat-side.is-defender h4{color:var(--accent)}.data-table.compact td,.data-table.compact th{padding:.35rem .5rem;font-size:.82rem}.report-totals{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;font-size:.9rem;color:var(--text-dim)}.report-totals>span{display:inline-flex;gap:.4rem;align-items:center}.report-plunder{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;border-radius:var(--radius);background:var(--gold-soft);border:1px solid rgba(255,200,87,.3)}.report-plunder>span{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.expedition-text{margin:0;padding:.8rem 1rem;border-left:3px solid var(--violet);background:#8b6bff14;border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--text)}.message-text{color:var(--text-dim);line-height:1.55}.empire-table th[scope=row]{font-family:var(--font-body);font-size:.9rem;text-transform:none;letter-spacing:0;color:var(--text-dim);font-weight:500;display:flex;align-items:center;gap:.35rem;border-bottom:none}.empire-planet{text-align:center!important}.empire-planet button{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .6rem;border-radius:var(--radius);text-transform:none;letter-spacing:0;color:var(--text);width:100%}.empire-planet button:hover,.empire-planet button.is-active{background:#3ee0ff14}.empire-planet strong{font-family:var(--font-display);font-size:.9rem}.empire-planet small{color:var(--text-faint)}.empire-section th{padding-top:1rem!important;color:var(--accent)!important}.empire-total{color:var(--gold)}.empire-hint{margin-top:.7rem;display:flex;align-items:center;gap:.35rem}.score-breakdown{margin-bottom:1rem}.pager{display:flex;align-items:center;gap:.2rem}.medal{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-weight:700;color:#1a1000}.medal-1{background:linear-gradient(180deg,#ffe9a3,#ffb020);box-shadow:0 0 12px #ffbe3cb3}.medal-2{background:linear-gradient(180deg,#f2f6ff,#9fb2cc)}.medal-3{background:linear-gradient(180deg,#ffcfa3,#c9773a)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.1rem}.settings-grid .panel-body{display:flex;flex-direction:column;gap:1rem}.setting-row,.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:1rem}.danger-zone{padding:.8rem 1rem;border-radius:var(--radius);border:1px solid rgba(255,77,109,.35);background:var(--danger-soft)}.button-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.settings-grid .button-row{justify-content:flex-start}.colony-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.colony-list li{display:flex;justify-content:space-between;align-items:center;padding:.45rem .6rem;border-radius:var(--radius-sm);background:#03081273}.how-to-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem;color:var(--text-dim)}.how-to-list b{color:var(--text)}.offline-produced{display:flex;flex-direction:column;gap:.4rem;padding:.8rem 1rem;border-radius:var(--radius);background:#03081280;border:1px solid var(--panel-border)}.offline-events{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem;max-height:260px;overflow-y:auto;font-size:.9rem}.offline-events li{display:flex;gap:.5rem;align-items:flex-start}.offline-events .icon{color:var(--tone, var(--accent));margin-top:3px;flex-shrink:0}@media(max-width:1080px){.tree-layout,.messages-layout,.fleet-layout{grid-template-columns:minmax(0,1fr)}.tree-side{position:static}.overview-hero{grid-template-columns:1fr}.title-content{grid-template-columns:1fr;gap:2rem}}@media(max-width:760px){.title-features{grid-template-columns:1fr}.ship-picker li{grid-template-columns:40px minmax(0,1fr) auto}.ship-picker li .btn{display:none}.combat-sides{grid-template-columns:1fr}.overview-planet-name{font-size:1.5rem}.message-list-panel{max-height:320px}}