:root{--cosmos-980: #000f1d;--cosmos-950: #001525;--cosmos-900: #022236;--cosmos-850: #0f2c41;--bg-primary: #050b14;--bg-secondary: #001120;--bg-tertiary: #022236;--panel: rgba(8, 22, 38, .88);--panel-hover: rgba(10, 32, 52, .92);--panel-strong: rgba(10, 22, 40, .94);--panel-elevated: rgba(6, 18, 33, .96);--panel-soft: rgba(10, 28, 46, .56);--border: rgba(70, 198, 255, .22);--border-strong: rgba(70, 198, 255, .5);--outline: rgba(158, 142, 121, .48);--outline-strong: rgba(158, 142, 121, .78);--outline-cyan: rgba(0, 219, 231, .8);--outline-gold: rgba(233, 195, 73, .8);--stroke: rgba(214, 196, 173, .14);--text: #e2e8f0;--text-muted: #a0aec0;--text-primary: #e2e8f0;--text-secondary: #d6c4ad;--text-dim: #8fa2b5;--text-gold: #ffe088;--primary: #ffdaa3;--primary-strong: #ffb627;--cyan: #74f5ff;--blue: #00a7de;--science: #9d4edd;--violet: #c29cff;--action: #ff8a24;--orange: #ff8a24;--success: #00ff88;--green: #00ff88;--warning: #ffb627;--danger: #ffb4ab;--gold: #e9c349;--accent-focus: var(--cyan);--accent-nav: var(--blue);--accent-map: var(--blue);--accent-build: var(--orange);--accent-research: var(--violet);--accent-success: var(--success);--accent-warning: var(--warning);--accent-danger: var(--danger);--shadow: 0 24px 64px rgba(0, 0, 0, .5);--panel-glow: inset 0 0 0 1px rgba(0, 219, 231, .1), 0 0 18px rgba(0, 219, 231, .07);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font-display: "Sora", "A-Space", "Trebuchet MS", sans-serif;--font-body: "Hanken Grotesk", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-panel: 14px;--radius-card: 10px;--radius-pill: 999px;--chamfer-sm: 8px;--chamfer-md: 12px}@font-face{font-family:A-Space;src:url(/fonts/aspace_demo.otf) format("opentype");font-display:swap}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -12%,rgba(120,209,255,.08),transparent 24%),linear-gradient(180deg,rgba(0,25,43,.9),var(--bg-primary) 38%,#000d18 100%);color:var(--text-primary);font-family:var(--font-body)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 18%,rgba(255,255,255,.5) 0 1px,transparent 1px),radial-gradient(circle at 73% 26%,rgba(255,255,255,.35) 0 1px,transparent 1px),radial-gradient(circle at 64% 81%,rgba(255,255,255,.35) 0 1px,transparent 1px),radial-gradient(circle at 34% 66%,rgba(255,255,255,.28) 0 1px,transparent 1px),linear-gradient(rgba(120,209,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(120,209,255,.025) 1px,transparent 1px);background-size:auto,auto,auto,auto,24px 24px,24px 24px;opacity:.45}button{font:inherit;color:inherit;transition:transform .08s ease,box-shadow .15s ease,border-color .15s ease}.tech-frame{position:relative}.tech-frame:before,.tech-frame:after{content:"";position:absolute;width:10px;height:10px;pointer-events:none;opacity:.55}.tech-frame:before{top:-1px;left:-1px;border-top:1px solid currentColor;border-left:1px solid currentColor}.tech-frame:after{right:-1px;bottom:-1px;border-right:1px solid currentColor;border-bottom:1px solid currentColor}strong,.hud-readout,.status-chip strong,.rate,.save-time strong,.dc-line,.system-tag,.compact-resource strong,.compact-objective-progress,.location-card__badge{font-family:var(--font-mono)}.topbar-primary{display:flex;align-items:center;gap:18px;flex:1 1 auto;min-width:0;flex-wrap:wrap}.topbar-actions{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:8px;flex:0 0 auto;max-width:min(360px,40vw)}.topbar-actions .topbar-action{flex:0 0 auto}.topbar-actions .status-cluster{flex-basis:100%;justify-content:flex-end}.topbar-resource-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));flex:1 1 380px;min-width:0;max-width:700px;gap:0;overflow:hidden;border-radius:0;border:1px solid rgba(0,219,231,.24);background:#051220e6;box-shadow:inset 0 0 20px #00dbe70f}.topbar-resource{position:relative;display:grid;gap:5px;min-width:0;padding:11px 15px;border-bottom:2px solid transparent;background:linear-gradient(180deg,#081a2cf0,#041220d1)}.topbar-resource:after{content:"";position:absolute;top:20%;right:0;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,rgba(0,219,231,.28),transparent)}.topbar-resource:last-child:after{display:none}.topbar-resource--active{background:linear-gradient(180deg,#002e3efa,#021c2ce6);border-bottom-color:var(--cyan);box-shadow:inset 0 0 22px #00dbe724}.topbar-resource--warning{border-bottom-color:#ffb39f;background:linear-gradient(180deg,#3a1018e6,#14080ed1);animation:pulse-warn 2s ease-in-out infinite}@keyframes pulse-warn{0%,to{background:linear-gradient(180deg,#3a1018e6,#14080ed1)}50%{background:linear-gradient(180deg,#50141ef2,#1e0a14e0)}}.topbar-resource--full{border-bottom-color:var(--gold);box-shadow:inset 0 -10px 18px #e9c34933}.topbar-resource__label{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-display)}.topbar-resource__label .hud-icon{width:14px;height:14px;margin-bottom:0;opacity:.9}.topbar-resource__values{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.topbar-resource__values strong{color:var(--text-primary);font-size:1.1rem;letter-spacing:.01em}.topbar-resource__capacity{color:var(--text-dim);font-size:.76em}.topbar-resource__values small{color:var(--cyan);font-size:11px}.topbar-resource__status{color:var(--gold);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.topbar-action{min-height:40px;min-width:64px;max-width:92px;padding:5px 8px;display:grid;align-content:center;justify-items:center;gap:3px;border-radius:0;border:1px solid rgba(0,219,231,.24);background:#051828cc;box-shadow:none;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-display);font-size:9px;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease}.topbar-action:hover{border-color:#00dbe780;color:var(--cyan);background:#062a3e99;box-shadow:0 0 14px #00dbe724}.topbar-action small{color:var(--text-secondary);font-size:11px}.location-list,.mission-list{display:grid;gap:10px}.location-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left;border-radius:0;border:1px solid transparent;background:linear-gradient(#051828f5,#041422e6) padding-box,linear-gradient(#00dbe72e,#00dbe72e) border-box;box-shadow:var(--shadow);transition:background .15s ease,box-shadow .15s ease}.location-card:hover{background:linear-gradient(#04283cfa,#051828f0) padding-box,linear-gradient(#00dbe76b,#00dbe76b) border-box;box-shadow:0 0 16px #00dbe71f,var(--shadow)}.location-card--active{background:linear-gradient(#04283cfa,#051828f0) padding-box,linear-gradient(#00dbe799,#00dbe799) border-box;box-shadow:0 0 0 1px #00dbe72e,0 0 22px #00dbe729}.location-card--locked{opacity:.62}.location-card__thumb{width:44px;height:44px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(120,209,255,.18);background:#0a2030eb;color:var(--cyan);font-family:var(--font-display);font-size:1.1rem;text-transform:uppercase}.location-card__meta{display:grid;gap:3px;min-width:0;white-space:nowrap;text-wrap:balance;overflow:hidden;text-overflow:ellipsis}.location-card__meta strong{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase}.location-card__meta small{color:var(--text-secondary)}.location-card__badge{padding:5px 8px;border-radius:2px;border:1px solid rgba(158,142,121,.18);background:#071826f5;color:var(--text-secondary);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.location-card__badge--live{color:var(--gold);border-color:#ffb62752}.mission-card{position:relative;padding:14px 14px 14px 16px;border-radius:0;border:1px solid rgba(120,209,255,.14);background:linear-gradient(180deg,#011625f5,#01121fe0);box-shadow:var(--shadow)}.mission-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#78d1ff80}.mission-card--done{border-color:#28e07a47}.mission-card--done:before{background:#28e07acc}.mission-card--active{border-color:#78d1ff52;box-shadow:0 0 0 1px #78d1ff1a,var(--shadow)}.mission-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.mission-card__head strong{font-family:var(--font-display);font-size:.98rem}.mission-card__head span{color:var(--cyan);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.mission-card p{margin:0 0 8px;color:var(--text-secondary);font-size:13px;line-height:1.45}.mission-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.mission-card__counter{color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums}.mission-card__reward{color:var(--gold);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.mission-card--done .mission-card__counter,.mission-card--done .mission-card__reward{color:var(--success)}.mission-card--active .mission-card__counter{color:var(--cyan)}.mission-bar{height:3px;overflow:hidden;background:#020f19e6}.mission-bar span{display:block;height:100%;background:var(--cyan);box-shadow:0 0 8px #00dbe780;transition:width .3s ease}.mission-card--done .mission-bar span{background:var(--success);box-shadow:0 0 8px #00ff8880}.mission-rewards{display:grid;gap:4px;margin-top:10px;padding:10px 12px;border:1px solid rgba(0,219,231,.14);background:#05122099;text-align:center}.mission-rewards>span{color:var(--text-dim);font-size:11px}.mission-rewards__row{display:flex;justify-content:center;gap:16px;font-family:var(--font-mono);font-size:13px;color:var(--text-primary)}.research-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.route-grid{display:grid;gap:10px}.tech-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tech-node{display:flex;flex-direction:column;gap:8px;padding:14px;background:#07121dcc;backdrop-filter:blur(12px);border:1px solid rgba(70,198,255,.2);border-left:4px solid rgba(70,198,255,.2)}.tech-node__head{display:flex;justify-content:space-between;align-items:flex-start}.tech-node__cat{color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.tech-node__code{color:var(--text-dim);font-family:var(--font-mono);font-size:10px}.tech-node__title{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--text-primary);margin:0;text-shadow:0 0 8px rgba(120,209,255,.3)}.tech-node__desc{color:var(--text-secondary);font-size:12px;line-height:1.45;margin:0}.tech-node__costs{display:flex;gap:12px}.tech-node__cost{color:var(--gold);font-family:var(--font-mono);font-size:12px}.tech-node__foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(70,198,255,.12);padding-top:8px;margin-top:auto}.tech-node__status{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tech-node__status--done{color:var(--success)}.tech-node__check{color:var(--success);font-size:14px}.tech-node__btn{width:100%;padding:8px;border:1px solid var(--gold);background:transparent;color:var(--gold);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s}.tech-node__btn:hover:not(:disabled){background:#e9c3491a}.tech-node__btn:disabled{border-color:var(--text-dim);color:var(--text-dim);cursor:not-allowed;opacity:.6}.tech-node--complete{opacity:.7;border-left-color:var(--success)}.tech-node--ready{box-shadow:0 0 15px #e9c34914}.tech-node--locked{opacity:.55}.activity-log{display:grid;gap:8px;border:1px solid rgba(0,219,231,.12);background:#0512208c}.activity-log__head{display:flex;justify-content:flex-end;padding:8px 10px 0}.activity-log__filter{color:var(--text-dim);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.activity-log__filter:hover{color:var(--cyan)}.activity-feed{display:grid;gap:2px;padding:0 10px}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:8px 6px;border-radius:0}.activity-item__icon{flex:none;width:18px;height:18px;display:grid;place-items:center;margin-top:1px;color:var(--text-dim)}.activity-item__body{flex:1;min-width:0;font-size:12px;line-height:1.4;color:var(--text-secondary)}.activity-item__time{flex:none;color:var(--text-dim);font-family:var(--font-mono);font-size:10px;white-space:nowrap}.activity-item--success .activity-item__icon{color:var(--success)}.activity-item--warning .activity-item__icon{color:var(--danger)}.activity-item--accent .activity-item__icon{color:var(--gold)}.activity-log__view-all{width:100%;padding:8px;border:0;border-top:1px solid rgba(0,219,231,.1);background:none;color:var(--cyan);font-family:var(--font-display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.activity-log__view-all:hover{color:var(--text-primary);background:#00dbe70f}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed}.mini-bar{height:6px;border-radius:0;overflow:hidden;background:#020f19e6;border:1px solid rgba(120,209,255,.12)}.mini-bar span{display:block;height:100%;border-radius:0;background:linear-gradient(90deg,var(--accent-focus),var(--primary));transition:width .3s ease}.card-progress{display:grid;gap:5px;width:100%;margin-top:2px}.card-progress span{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-dim)}.card-progress span.ready{color:var(--success);font-weight:700}.card-progress .mini-bar span{background:linear-gradient(90deg,rgba(234,88,12,.55),var(--accent-build))}.card-cta.card-ready{border-color:#34d3998c;box-shadow:0 0 0 1px #34d39924,0 10px 26px #34d39929,var(--shadow)}.card-cta.card-ready .card-progress .mini-bar span{background:linear-gradient(90deg,var(--success),#10b981)}.card-cta.card-pending{border-color:#94a3b838}.storage-card.card-ready{border-color:#34d3998c;box-shadow:0 0 0 1px #34d39924,0 10px 26px #34d39929,var(--shadow)}.storage-card.card-ready .card-progress .mini-bar span{background:linear-gradient(90deg,var(--success),#10b981)}.cta:not(:disabled):hover,.manual-action:not(:disabled):hover,.faction-buy:not(:disabled):hover,.storage-card:not(:disabled):hover,.world-tool:not(:disabled):hover{transform:translateY(-1px)}.cta.primary--orange:not(:disabled):hover{box-shadow:0 0 0 1px #fbbf2447,0 12px 30px #ea580c57}.cta.primary--violet:not(:disabled):hover{box-shadow:0 0 0 1px #8b5cf64d,0 12px 30px #8b5cf65c}.cta.primary--blue:not(:disabled):hover{box-shadow:0 0 0 1px #3b82f64d,0 12px 30px #3b82f65c}.cta.primary--gold:not(:disabled):hover{box-shadow:0 0 0 1px #fbbf244d,0 12px 30px #fbbf245c}.cta.primary--green:not(:disabled):hover{box-shadow:0 0 0 1px #34d3994d,0 12px 30px #34d3995c}.cta.card-cta:not(:disabled):hover{border-color:#67e8f980}.objective-cta{cursor:pointer}.objective-cta:not(:disabled):hover{transform:translateY(-1px)}.section-nav button:not(.active):hover{background:linear-gradient(#0d162ce6,#0d162ce6) padding-box,linear-gradient(#67e8f966,#67e8f966) border-box}.mobile-nav button:not(.active):hover{background:linear-gradient(#080d1ce0,#080d1ce0) padding-box,linear-gradient(#67e8f966,#67e8f966) border-box}.build-thumb{transition:transform .15s ease}.card-cta:hover .build-thumb{transform:scale(1.06)}.planet-thumb{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;transition:transform .15s ease}.card-cta:hover .planet-thumb{transform:scale(1.1)}.panel.panel--map{position:relative;background:none;background-image:url(/assets/cosmorig/processed/backgrounds/00000000b2448210a0ffbc1294e7de83.png);background-size:cover;background-position:center}.panel.panel--map:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#09122573,#091225c7);pointer-events:none}.panel.panel--map>*{position:relative;z-index:1}.objective-progress{display:grid;gap:5px}.objective-progress small{color:var(--text-muted)}:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}.hud-card.hud-full{border-color:#facc1573}.rate.storage-full{color:var(--warning);font-weight:700;font-size:12px}.shell{min-height:100vh;padding:calc(16px + var(--safe-top)) 0 calc(108px + var(--safe-bottom));box-sizing:border-box}.loading-screen{display:grid;place-content:center;text-align:center;gap:8px}.brand-mark{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);letter-spacing:.1em;color:var(--accent-focus)}.brand-block{display:grid;grid-template-columns:minmax(0,auto);align-items:start;row-gap:1px;min-width:0;max-width:320px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;margin-bottom:18px;padding:12px 18px 10px;border-radius:0;background:linear-gradient(180deg,#051220f5,#051220db);border-top:1px solid rgba(0,219,231,.2);border-bottom:1px solid rgba(0,219,231,.28);box-shadow:0 4px 20px #00dbe714}.eyebrow,.panel-title,.status-label,.hud-label,.objective-progress,.system-tag,.save-time,.tagline,.flavor{color:var(--text-secondary)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-display);font-size:clamp(1.35rem,1.9vw,1.7rem);font-weight:700;color:var(--cyan);text-shadow:0 0 18px rgba(0,219,231,.35);line-height:1.05;white-space:nowrap}h1,h2{margin:0;font-family:var(--font-display);font-weight:700;text-transform:uppercase}h1{font-size:clamp(.72rem,.95vw,.85rem);letter-spacing:.12em;color:var(--text-secondary);line-height:1.15;white-space:nowrap}h2{font-size:clamp(1.4rem,2vw,2rem);letter-spacing:.05em}.tagline{grid-column:1 / -1;margin:0;font-size:.68rem;letter-spacing:.05em;white-space:nowrap}.status-cluster{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-chip,.hud-card,.panel,.manual-action,.mobile-nav button,.info-card{backdrop-filter:blur(12px);background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow)}.status-chip{min-width:72px;padding:6px 8px;border-radius:0;display:grid;gap:2px;border:1px solid transparent;background:linear-gradient(#001727d1,#001727d1) padding-box,linear-gradient(#00dbe733,#00dbe733) border-box}.hud{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-bottom:18px;overflow:hidden;border:1px solid rgba(0,219,231,.2);background:#051220d9}.hud-heartbeat{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:0;border-bottom:1px solid rgba(233,195,73,.24);background:linear-gradient(135deg,#041a2af5,#051220db)}.hud-heartbeat.active{border-bottom-color:#e9c34980;box-shadow:0 0 0 1px #e9c3491a,0 0 28px #e9c34914}.hud-heartbeat strong{color:var(--gold);letter-spacing:.05em}.hud-heartbeat span{color:var(--text-secondary);text-align:right}.hud-card{position:relative;padding:13px 14px;border-radius:0;display:grid;gap:6px;align-content:start;background:linear-gradient(180deg,#081a2ceb,#051220e0)}.hud-card:after{content:"";position:absolute;top:20%;right:0;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,rgba(0,219,231,.26),transparent)}.hud-card:last-child:after{display:none}.hud-readout{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.hud-readout span{color:var(--text-secondary)}.hud-icon,.action-icon,.nav-icon{width:22px;height:22px}.hud-icon{margin-bottom:2px}.icon-inline{display:inline-block;vertical-align:-.15em;line-height:inherit;flex-shrink:0;object-fit:contain;color:currentColor}.icon-inline--inherit{fill:currentColor}.layout{display:grid;grid-template-columns:320px minmax(0,1fr) 360px;gap:16px;align-items:start}.layout--build-deck{grid-template-columns:320px minmax(0,1fr)}@media(min-width:901px)and (max-width:1199px){.layout{grid-template-columns:minmax(0,1fr) 320px}.layout--build-deck{grid-template-columns:minmax(0,1fr)}.layout .panel-left{display:none}}@media(min-width:1200px)and (max-width:1499px){.layout{grid-template-columns:280px minmax(0,1fr) 320px}.layout--build-deck{grid-template-columns:280px minmax(0,1fr)}}.panel{border-radius:var(--radius-panel);padding:18px;background:linear-gradient(180deg,#011625f0,#00121fdb);box-shadow:var(--shadow),var(--panel-glow)}.panel-left,.panel-right{display:grid;align-content:start;gap:12px}.panel-right--hidden{display:none}.command-rail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);gap:12px;margin:0 0 16px}.command-rail--tutorial{grid-template-columns:minmax(0,1fr)}.chapter-card,.feedback-strip{border-radius:var(--radius-panel);padding:14px 16px;border:1px solid var(--stroke);background:var(--panel-strong);box-shadow:var(--shadow)}.chapter-card--muted{opacity:.74;border-color:#94a3b81f}.chapter-card--muted .chapter-labels{opacity:.76}.chapter-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.chapter-subtitle{color:var(--text-secondary);font-size:13px;margin-top:4px}.chapter-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.chapter-step{min-height:12px;border-radius:0;border:1px solid var(--stroke);background:#0f172ad9;color:transparent}.chapter-step.done{color:#03131f}.chapter-step.current{box-shadow:0 0 0 1px #3b82f63d}.chapter-step--orange.done{background:#f97316}.chapter-step--violet.done{background:#8b5cf6}.chapter-step--gold.done{background:#fbbf24}.chapter-step--cyan.done{background:#22d3ee}.chapter-step--blue.done{background:#3b82f6}.chapter-labels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px;color:var(--text-secondary);font-size:12px;text-align:center}.chapter-labels .done{color:var(--text-primary)}.objective-cta{min-height:100%;align-items:flex-start;text-align:left;gap:6px;justify-content:flex-start}.objective-cta strong{font-size:13px;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}.objective-cta small{white-space:normal;line-height:1.35}.objective-kicker,.objective-inline-progress,.compact-objective-cta{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.objective-kicker{opacity:.78}.objective-inline-progress{opacity:.86}.objective-cta em{font-style:normal;font-weight:800;letter-spacing:.1em}.feedback-strip{margin-bottom:16px;display:grid;gap:4px}.feedback-strip span{color:var(--text-secondary)}.feedback-strip.tone-success{border-color:#34d39959}.feedback-strip.tone-info{border-color:#3b82f659}.feedback-strip.tone-warning{border-color:#facc1559}.hud-card.resource-pulse{border-color:#67e8f980;box-shadow:0 0 0 1px #67e8f91f,var(--shadow)}.hud-card.resource-pulse .rate{color:var(--accent-focus)}.system-tags{display:flex;flex-wrap:wrap;gap:6px}.system-tag{padding:6px 9px;border-radius:0;border:1px solid transparent;background:linear-gradient(#3b82f614,#3b82f614) padding-box,linear-gradient(#3b82f638,#3b82f638) border-box;text-transform:capitalize;font-size:12px}.world-panel{display:grid;grid-template-rows:auto minmax(420px,56vh) auto;gap:16px;border-color:#78d1ff24}.operations-deck{display:grid;gap:18px;margin-top:16px}.action-dock-shell{display:grid;gap:16px;margin-top:16px}.action-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}.action-dock__item{position:relative;min-height:148px;display:grid;align-content:center;justify-items:center;gap:8px;padding:18px 14px 16px;border:1px solid transparent;background:linear-gradient(180deg,#081c2eeb,#051220f5) padding-box,linear-gradient(#00dbe74d,#00dbe74d) border-box;color:var(--text-primary);text-align:center;box-shadow:0 0 14px #00dbe714,var(--shadow);transition:transform .12s ease,box-shadow .15s ease,background .15s ease}.action-dock__item strong{font-family:var(--font-display);font-size:16px;letter-spacing:.08em;text-transform:uppercase}.action-dock__item small{color:var(--text-secondary);line-height:1.35;font-size:12px;text-wrap:balance;max-width:22ch}.action-dock__item .dock-icon{font-size:30px;line-height:1;filter:drop-shadow(0 0 10px rgba(0,219,231,.5))}.action-dock__item:disabled{opacity:.4}.action-dock__item:not(:disabled):hover{transform:translateY(-3px) scale(1.03);background:linear-gradient(180deg,#002e3ef0,#081a2cfa) padding-box,linear-gradient(#00dbe799,#00dbe799) border-box;box-shadow:0 0 18px #00dbe738,var(--shadow)}.action-dock__item--build:not(:disabled):hover{background:linear-gradient(180deg,#002e3ef0,#081a2cfa) padding-box,linear-gradient(#00dbe7a6,#00dbe7a6) border-box}.action-dock__item--upgrade:not(:disabled):hover{background:linear-gradient(180deg,#002e3ef0,#081a2cfa) padding-box,linear-gradient(#e9c349a6,#e9c349a6) border-box}.action-dock__item--research:not(:disabled):hover{background:linear-gradient(180deg,#002e3ef0,#081a2cfa) padding-box,linear-gradient(#9d4edda6,#9d4edda6) border-box}.action-dock__item--probe:not(:disabled):hover{background:linear-gradient(180deg,#002e3ef0,#081a2cfa) padding-box,linear-gradient(#00ff88a6,#00ff88a6) border-box}.action-dock__item--map:not(:disabled):hover{background:linear-gradient(180deg,#002e3ef0,#081a2cfa) padding-box,linear-gradient(#00dbe7a6,#00dbe7a6) border-box}.action-dock__shortcut{position:absolute;top:10px;right:10px;font-family:var(--font-mono);font-size:10px;color:var(--text-dim);background:#0006;padding:1px 5px;border:1px solid rgba(0,219,231,.18)}.action-dock__item:after{content:"";position:absolute;left:50%;bottom:0;width:44%;height:2px;transform:translate(-50%);opacity:.9}.action-dock__item--build:after,.action-dock__item--map:after{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.action-dock__item--upgrade:after{background:var(--gold);box-shadow:0 0 8px var(--gold)}.action-dock__item--research:after{background:var(--science);box-shadow:0 0 8px var(--science)}.action-dock__item--probe:after{background:var(--green);box-shadow:0 0 8px var(--green)}.operations-deck-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.operations-deck-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:16px}.operations-block{display:grid;gap:12px;align-content:start;padding:14px;border-radius:20px;border:1px solid var(--stroke);background:#080d1c6b}.operations-count{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.operations-build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.operations-support-grid{display:grid;gap:12px}.operations-action-grid,.operations-storage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.world-header,.world-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.efficiency{display:grid;justify-items:end;color:var(--text-secondary)}.world-canvas{position:relative;height:100%;min-height:420px;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 50% 20%,rgba(0,219,231,.1),transparent 45%),linear-gradient(180deg,#051828eb,#020c18fa);border:1px solid rgba(0,219,231,.22);box-shadow:inset 0 0 40px #00dbe70d}.earth-viewport{width:100%;height:100%;min-height:420px}.placement-banner{position:absolute;top:86px;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:14px;max-width:min(560px,calc(100% - 24px));padding:10px 14px;background:#081626e0;backdrop-filter:blur(10px);border:1px solid rgba(0,219,231,.4);border-radius:10px;box-shadow:0 0 24px #00dbe72e}.placement-banner__copy{display:grid;gap:2px;min-width:0}.placement-banner__copy strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}.placement-banner__copy span{font-size:11px;color:#e2e8f0c7}.placement-banner__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.placement-banner__actions .cta{padding:8px 14px;font-size:11px}.placement-banner__cancel{padding:8px 12px;font-size:11px;font-weight:600;color:#e2e8f0d9;background:transparent;border:1px solid rgba(148,163,184,.4);border-radius:8px;cursor:pointer}.placement-banner__cancel:hover{border-color:#e2e8f0b3}@media(max-width:599px){.placement-banner{top:12px;flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.placement-banner__actions{justify-content:stretch}.placement-banner__actions .cta,.placement-banner__cancel{flex:1;padding:12px 14px;min-height:44px}}.world-header-overlay{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;pointer-events:none}.world-header-overlay__plate{min-width:320px;padding:10px 22px 8px;display:grid;gap:2px;text-align:center;background:#081626b8;backdrop-filter:blur(10px);border-top:2px solid var(--cyan);border-radius:0 0 8px 8px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 10px);box-shadow:0 0 20px #00dbe724}.world-header-overlay__title{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 14px rgba(0,219,231,.4)}.world-header-overlay__pulse{font-size:10px;animation:overlay-pulse 2s ease-in-out infinite}.world-header-overlay__sector{color:var(--text-dim);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.world-header-overlay__meta{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:4px;padding-top:6px;border-top:1px solid rgba(0,219,231,.16)}.world-header-overlay__coord{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary)}.world-header-overlay__link{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--success)}.world-header-overlay__link i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success)}.world-header-overlay__stem{width:1px;height:26px;background:linear-gradient(180deg,rgba(0,219,231,.5),transparent);opacity:.4}@keyframes overlay-pulse{0%,to{opacity:.5}50%{opacity:1}}.world-floating-card{position:absolute;z-index:4;width:min(248px,28vw);padding:12px;display:grid;gap:10px;transform:translate(-50%,-100%);border:1px solid transparent;background:linear-gradient(#05121ef0,#05121ef0) padding-box,linear-gradient(#ffb627b8,#ffb627b8) border-box;box-shadow:0 8px 24px #0006,0 0 18px #ffb6271f;pointer-events:auto;animation:floating-card-in .18s ease-out}.world-floating-card:after{content:"";position:absolute;left:50%;bottom:-18px;width:1px;height:18px;background:linear-gradient(var(--gold),transparent);opacity:.75}.world-floating-card--hidden{display:none}.brand-company{margin-top:2px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold, #f59e0b)}.company-modal-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;background:#020a14b8;backdrop-filter:blur(6px)}.company-modal{width:min(420px,100%);padding:20px;display:grid;gap:10px;background:linear-gradient(#061422f7,#061422f7) padding-box,linear-gradient(#00dbe780,#00dbe780) border-box;border:1px solid transparent;border-radius:14px;box-shadow:0 18px 48px #00000080,0 0 32px #00dbe71f}.company-modal h2{margin:0;font-size:20px;color:#e2e8f0f5}.company-modal__input{width:100%;padding:12px 14px;font-size:14px;font-weight:600;letter-spacing:.04em;color:#e2e8f0f5;background:#020c18e6;border:1px solid rgba(0,219,231,.4);border-radius:10px;outline:none}.company-modal__input:focus{border-color:#00dbe7d9;box-shadow:0 0 0 2px #00dbe72e}.company-modal__row{display:flex;align-items:center}.company-modal__suggest{padding:8px 12px;font-size:11px;font-weight:600;color:var(--cyan, #22d3ee);background:transparent;border:1px solid rgba(0,219,231,.35);border-radius:8px;cursor:pointer}.company-modal__suggest:hover{border-color:#00dbe7b3}.company-modal__actions{display:flex;align-items:center;gap:10px;margin-top:4px}.company-modal__actions .cta{flex:1}.company-modal__skip{padding:12px 14px;font-size:11px;font-weight:600;color:#e2e8f0d9;background:transparent;border:1px solid rgba(148,163,184,.4);border-radius:8px;cursor:pointer;min-height:44px}@media(max-width:599px){.company-modal-backdrop{align-items:flex-end}.company-modal{margin-bottom:env(safe-area-inset-bottom,0px)}}.world-floating-card--miners{left:30%;top:68%}.world-floating-card--labs{left:50%;top:66%;background:linear-gradient(#05121ef0,#05121ef0) padding-box,linear-gradient(#a86cffb3,#a86cffb3) border-box}.world-floating-card--chemicals{left:68%;top:68%;background:linear-gradient(#05121ef0,#05121ef0) padding-box,linear-gradient(#ff8a24b8,#ff8a24b8) border-box}.world-floating-card--rocket{left:82%;top:63%;background:linear-gradient(#05121ef0,#05121ef0) padding-box,linear-gradient(#46c6ffbd,#46c6ffbd) border-box}.world-floating-card--warning{background:linear-gradient(#05121ef0,#05121ef0) padding-box,linear-gradient(#ff5265c7,#ff5265c7) border-box}.world-floating-card--ready{background:linear-gradient(#05121ef0,#05121ef0) padding-box,linear-gradient(#46c6ffcc,#46c6ffcc) border-box;box-shadow:0 8px 24px #0006,0 0 22px #46c6ff2e}.world-floating-card--labs:after{background:linear-gradient(var(--violet),transparent)}.world-floating-card--chemicals:after{background:linear-gradient(var(--orange),transparent)}.world-floating-card--rocket:after,.world-floating-card--ready:after{background:linear-gradient(var(--cyan),transparent)}.world-floating-card__head,.world-floating-card__identity,.world-floating-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.world-floating-card__identity{justify-content:start;min-width:0}.world-floating-card__identity img{width:34px;height:38px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(70,198,255,.25))}.world-floating-card__identity div{display:grid;gap:3px;min-width:0}.world-floating-card__identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.world-floating-card__identity span,.world-floating-card__signal,.world-floating-card__readout span,.world-floating-card__foot span{color:var(--text-secondary);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.world-floating-card__signal{color:var(--gold)}.world-floating-card--ready .world-floating-card__signal{color:var(--cyan)}.world-floating-card--warning .world-floating-card__signal{color:var(--red)}.world-floating-card__readout{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.world-floating-card__readout strong{color:var(--gold);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.world-floating-card--labs .world-floating-card__readout strong{color:var(--violet)}.world-floating-card--chemicals .world-floating-card__readout strong{color:var(--orange)}.world-floating-card--rocket .world-floating-card__readout strong,.world-floating-card--ready .world-floating-card__readout strong{color:var(--cyan)}.world-floating-card--warning .world-floating-card__readout strong{color:var(--red)}.world-floating-card__progress{height:5px;overflow:hidden;background:#000c14e6}.world-floating-card__progress span{display:block;height:100%;background:var(--gold);box-shadow:0 0 8px #ffb6278c}.world-floating-card--labs .world-floating-card__progress span{background:var(--violet)}.world-floating-card--chemicals .world-floating-card__progress span{background:var(--orange)}.world-floating-card--rocket .world-floating-card__progress span,.world-floating-card--ready .world-floating-card__progress span{background:var(--cyan)}.world-floating-card--warning .world-floating-card__progress span{background:var(--red)}.world-floating-card__foot{align-items:end}.world-floating-card__foot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-floating-card__foot button{border:0;padding:0;background:none;color:var(--cyan);font:10px var(--font-display);letter-spacing:.12em;cursor:pointer}.world-floating-card__foot button:hover{color:var(--text-primary)}@keyframes floating-card-in{0%{opacity:0;transform:translate(-50%,calc(-100% + 8px))}to{opacity:1;transform:translate(-50%,-100%)}}@media(min-width:901px){.hud>.hud-card{display:none}.hud{margin-bottom:12px}.panel-left,.panel-right{position:sticky;top:calc(16px + var(--safe-top));max-height:calc(100dvh - 32px - var(--safe-top));overflow:auto;scrollbar-width:none}.panel-left::-webkit-scrollbar,.panel-right::-webkit-scrollbar{display:none}.world-panel{align-self:start}}@media(max-width:1150px)and (min-width:600px){.topbar-actions .status-cluster{display:none}.topbar-resource-strip{max-width:none}.topbar-resource{padding:8px 10px;gap:3px}.topbar-resource__label{font-size:9px;letter-spacing:.08em}.topbar-resource__values strong{font-size:.92rem;white-space:nowrap}.topbar-resource__values small{font-size:9px;white-space:nowrap}.topbar-resource__capacity,.topbar-resource__status{display:none}}.manual-action,.mobile-nav button{border-radius:0;cursor:pointer;color:var(--text-primary)}.toggle-row:hover,.storage-card:hover{background:linear-gradient(var(--panel-hover),var(--panel-hover)) padding-box,linear-gradient(#67e8f966,#67e8f966) border-box}.mobile-nav button:hover{background:linear-gradient(#080d1ce0,#080d1ce0) padding-box,linear-gradient(#3b82f675,#3b82f675) border-box}html.low-fx .toast-card,html.low-fx .cta.primary,html.low-fx .tutorial-card{box-shadow:none!important}.brand-mark{color:var(--primary);text-shadow:0 0 22px rgba(103,232,249,.5)}.topbar{border-bottom:1px solid var(--border)}.world-panel{background:radial-gradient(ellipse at 50% 10%,rgba(70,198,255,.08),transparent 45%),var(--panel)}.manual-action small,.info-card span{color:var(--text-secondary)}.director-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(120,209,255,.16)}.director-close,.director-link{border:0;background:none;padding:0;color:var(--text-secondary);font-family:var(--font-display);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.director-close:hover,.director-link:hover{color:var(--cyan)}.director-entity-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding:12px;margin-top:12px;background:linear-gradient(#1c374d38,#0c1e2e4d) padding-box,linear-gradient(#00dbe766,#00dbe766) border-box;border:1px solid transparent;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);box-shadow:0 0 18px #00dbe71a,var(--shadow)}.director-entity-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,219,231,.06),transparent 60%);pointer-events:none}.director-entity-card__copy{position:relative;display:grid;gap:4px;min-width:0}.director-entity-card__name{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.05em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 12px rgba(0,219,231,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.director-entity-card__copy small{color:var(--text-secondary)}.director-thumb{width:72px;height:72px;object-fit:cover;border:1px solid rgba(0,219,231,.3);background:#000f1aeb;box-shadow:0 0 10px #00dbe724}.director-mark{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.director-tabs{display:flex;gap:20px;margin:4px 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(0,219,231,.14);overflow-x:auto}.director-tabs button{border:0;background:none;padding:0 0 6px;color:var(--text-secondary);font-family:var(--font-display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.director-tabs__active{color:var(--cyan)!important;border-bottom:2px solid var(--cyan)!important}.director-readout{display:grid;gap:0;margin-bottom:14px;border:1px solid rgba(0,219,231,.14);background:#05122099}.director-readout__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;font-family:var(--font-mono);font-size:13px}.director-readout__row+.director-readout__row{border-top:1px solid rgba(0,219,231,.1)}.director-readout__row span{color:var(--text-secondary);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.director-readout__row strong{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right}.director-readout__row--status strong.readout-danger{color:var(--orange)}.readout-current{color:var(--text-primary)}.readout-arrow{color:var(--cyan);margin:0 4px}.readout-next{color:var(--gold)}.director-cost-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.director-cost{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(0,219,231,.18);background:#000c14b3;font-family:var(--font-mono);font-size:13px;color:var(--text-primary);font-variant-numeric:tabular-nums}.director-cost .hud-icon{width:14px;height:14px;margin-bottom:0}.director-upgrade-card{display:grid;gap:8px;padding:14px;margin-bottom:14px;background:linear-gradient(135deg,#78d1ff29,#78d1ff0a) padding-box,linear-gradient(#78d1ff38,#78d1ff38) border-box;border:1px solid transparent;box-shadow:inset 0 0 0 1px #78d1ff14}.director-upgrade-card strong{font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.director-upgrade-card small{color:var(--text-secondary)}.director-upgrade-card__tag{justify-self:start;padding:4px 8px;border:1px solid rgba(120,209,255,.28);background:#000c14c7;color:var(--cyan);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.director-link{justify-self:center;margin-top:4px}.manual-grid,.info-stack{display:grid;gap:10px}.manual-action{min-height:46px;padding:7px 10px;display:flex;align-items:center;gap:10px;text-align:left;background:linear-gradient(135deg,#00dbe71f,#0f172af2),var(--panel)}.manual-action .action-icon{width:30px;height:30px;flex:0 0 30px;object-fit:contain}.manual-action__value{color:var(--text-primary);font-family:var(--font-mono);font-size:15px;font-weight:800}.manual-action__label{margin-left:auto;color:var(--text-secondary);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.manual-grid--compact .manual-action{min-height:44px;padding:6px 9px}.manual-grid--compact .manual-action__label{display:none}.direct-orders__phase{color:var(--success);font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.manual-action.launch{background:linear-gradient(135deg,#ea580c3d,#0f172af2),var(--panel)}.info-card{padding:14px;border-radius:0;display:grid;gap:4px;border:1px solid transparent;background:var(--stroke)}.storage-card{display:grid;gap:6px;padding:14px;text-align:left;width:100%;border-radius:0;cursor:pointer;color:var(--text-primary);backdrop-filter:blur(12px);background:var(--stroke);border:1px solid transparent;box-shadow:var(--shadow)}.storage-card small{color:var(--text-secondary)}.storage-row{display:flex;align-items:center;gap:10px}.margin-top{margin-top:8px}html.low-fx .toast,html.low-fx .hud-card,html.low-fx .panel{backdrop-filter:none}html.low-fx .toast{animation:none}.cta{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;width:100%;padding:10px 16px;border-radius:0;border:1px solid transparent;font-weight:700;font-size:13px;letter-spacing:.08em;cursor:pointer;text-align:center;text-transform:uppercase}.cta small{font-size:11px;opacity:.78;font-weight:600}.cta.primary{background:linear-gradient(135deg,#ffd792,var(--gold));color:#281900;box-shadow:0 0 18px #ffb6272e}.cta.primary--orange{background:linear-gradient(135deg,#ff8a242e,#ff8a241a);color:#ffc792;border-color:#ff8a2480;box-shadow:0 0 14px #ff8a241f}.cta.primary--violet{background:linear-gradient(135deg,#c29cff29,#c29cff14);color:#dfcbff;border-color:#c29cff7a;box-shadow:0 0 14px #c29cff1a}.cta.primary--blue{background:#001422db;color:var(--cyan);border-color:#78d1ff70;box-shadow:0 0 14px #78d1ff1a}.cta.primary--green{background:linear-gradient(135deg,#28e07a2e,#28e07a1a);color:#9cffc5;border-color:#28e07a6b;box-shadow:0 0 14px #28e07a1f}.cta.primary--gold{background:linear-gradient(135deg,#ffd792,var(--gold));color:#281900;box-shadow:0 0 18px #ffb6272e}.cta.danger{background:linear-gradient(135deg,#7b1429d6,#560d1df5);color:#ffc1bb;border-color:#ffb4ab57;box-shadow:0 0 14px #ffb4ab14}.cta.secondary{background:#001422cc;border-color:#78d1ff47;color:var(--cyan)}.cta.utility{background:transparent;border:none;color:var(--text-muted);min-height:40px;font-weight:600;clip-path:none}.cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.cta:active:not(:disabled){transform:scale(.98)}.cta.card-cta{align-items:flex-start;text-align:left;padding:14px;gap:6px}.cta.card-cta .card-row{width:100%}.cta>strong{line-height:1.25}.cta.primary--violet strong{font-size:13px;letter-spacing:.04em;text-transform:uppercase}.cta.card-cta>strong{font-size:12.5px;font-weight:600;line-height:1.35}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.panel-row{display:flex;align-items:center;gap:8px}.panel-row--spread{justify-content:space-between;align-items:start}.brand-block{display:grid;gap:6px}.panel-section{display:grid;gap:12px}.panel-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-headline{margin:4px 0 0;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary)}.section-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 16px 18px}.section-nav button{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:0;border:1px solid rgba(0,219,231,.24);background:#051220eb;color:var(--text-primary);cursor:pointer;box-shadow:none;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-display);font-size:11px;transition:background .15s ease,color .15s ease,box-shadow .15s ease,border-color .15s ease}.section-nav button:hover:not(.active){border-color:#67e8f966;background:#0d162ce6}.section-nav button.active{border-color:#00dbe799;background:linear-gradient(180deg,#00dbe729,#051220f5);color:var(--cyan);box-shadow:0 0 14px #00dbe72e}.help-toggle{border:none;background:none;color:var(--text-muted);font-size:15px;cursor:pointer;padding:0 4px;line-height:1}.dc-line{display:inline-flex;align-items:center;gap:7px;margin:5px 0 0;padding:5px 8px;border:1px solid rgba(148,163,184,.2);background:#051220a8;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.dc-line:before{content:"◆ Director Command";color:var(--text-secondary)}.dc-line.active{border-color:#00ff884d;background:#00ff8812;color:var(--success)}.dc-help{margin-top:6px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;text-align:left;width:100%;border-radius:0;cursor:pointer;color:var(--text-primary);backdrop-filter:blur(12px);background:var(--stroke);border:1px solid transparent;box-shadow:var(--shadow)}.toggle-label{display:grid;gap:4px}.toggle-label small{color:var(--text-secondary)}.toggle-row.active{background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(#3b82f666,#3b82f666) border-box}.toggle-switch{flex-shrink:0;padding:6px 12px;border-radius:0;font-size:12px;font-weight:700;color:var(--text-secondary);background:#0f172acc}.toggle-switch.active{color:#03131f;background:var(--accent-focus)}.rate{color:var(--text-secondary)}.achievement-done{border-color:#3b82f666;background:linear-gradient(135deg,#3b82f629,#0f172ae6),var(--panel)}.compact-hud-hidden,.compact-command-hidden,.compact-resource-strip,.compact-objective,.sheet-grabber-row,.sheet-grabber,.sheet-close{display:none}.mobile-nav button.tutorial-pulse,.action-target{animation:tutor-pulse 1.6s ease-in-out infinite}@keyframes tutor-pulse{0%,to{box-shadow:0 0 0 2px var(--accent-focus)}50%{box-shadow:0 0 0 5px var(--accent-focus)}}.nav-locked{opacity:.55;filter:saturate(.6)}.nav-locked.active{opacity:1;filter:none}.coming-online{border-style:dashed;opacity:.85}.coming-online span{color:var(--accent-focus);font-weight:700}.coming-online strong{font-weight:500}html.low-fx .action-target,html.low-fx .mobile-nav button.tutorial-pulse,html.low-fx .tutorial-card--done{animation:none;box-shadow:none}@media(prefers-reduced-motion:reduce){.action-target,.mobile-nav button.tutorial-pulse{animation:none;box-shadow:0 0 0 2px var(--accent-focus)}}.tutorial-card{position:fixed;left:16px;bottom:calc(112px + var(--safe-bottom));width:min(320px,calc(100vw - 32px));z-index:15;padding:14px 16px;border-radius:0;display:grid;gap:6px;background:linear-gradient(#080d1cf5,#080d1cf5) padding-box,linear-gradient(#67e8f957,#67e8f957) border-box;border:1px solid transparent;box-shadow:var(--shadow)}.tutorial-card--done{background:linear-gradient(#080d1cf5,#080d1cf5) padding-box,linear-gradient(#00ff8873,#00ff8873) border-box}.tutorial-card--done>strong{color:var(--success, #00ff88)}.tutorial-card p{margin:0;color:var(--text-muted);font-size:13px}.tutorial-actions{display:flex;gap:8px;margin-top:4px}.tutorial-actions button{padding:8px 12px;border-radius:0;cursor:pointer;font-weight:700;font-size:13px;border:1px solid transparent}.tutorial-primary{color:#03131f;background:var(--accent-focus);border:none}.tutorial-ghost{color:var(--text-secondary);background:var(--border)}.mobile-nav{position:fixed;left:0;right:0;bottom:calc(var(--safe-bottom));height:80px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;z-index:40;background:#07121d66;backdrop-filter:blur(20px);border-top:1px solid rgba(70,198,255,.15);box-shadow:0 -8px 32px #00000080;padding:0}.mobile-sticky-cta{position:fixed;left:12px;right:12px;bottom:calc(96px + var(--safe-bottom));z-index:30;display:none}.mobile-sticky-cta--hidden{display:none!important}.mobile-sticky-cta .cta{box-shadow:var(--shadow)}.mobile-nav button{height:80px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;background:transparent;border:none;border-right:1px solid rgba(70,198,255,.08);color:var(--text-dim);transition:background .2s,color .2s}.mobile-nav button:last-child{border-right:none}.mobile-nav button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.mobile-nav button.active{background:#46c6ff14;color:var(--cyan)}@media(max-width:900px){.layout,.layout--build-deck{grid-template-columns:1fr}.panel-left,.panel-right{order:2}.world-panel{order:1}.operations-deck-layout,.operations-build-grid,.operations-action-grid,.operations-storage-grid{grid-template-columns:1fr}}@media(max-width:900px){.shell{padding-inline:12px;padding-bottom:calc(148px + var(--safe-bottom))}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-heartbeat,.command-rail{grid-column:auto;grid-template-columns:1fr}.hud-heartbeat,.chapter-head{flex-direction:column;align-items:start}.hud-heartbeat span{text-align:left}.chapter-track,.chapter-labels{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.command-rail{gap:10px}.status-cluster{width:100%}.world-canvas,.earth-viewport{min-height:320px}.world-footer,.world-header{flex-direction:column;align-items:start}}.wonder-tiers{display:grid;grid-auto-flow:column;gap:8px;margin:4px 0 10px}.wonder-tier{padding:10px 0;text-align:center;border-radius:0;font-weight:700;color:var(--text-secondary);background:var(--stroke);border:1px solid transparent}.wonder-tier.filled{color:#03131f;background:linear-gradient(#22d3ee,#22d3ee) padding-box,linear-gradient(#22d3ee99,#22d3ee99) border-box}.card-row{display:flex;align-items:center;gap:10px}.build-thumb{width:30px;height:34px;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(3,7,18,.6))}.building-preview{width:96px;height:108px;align-self:center;margin:4px 0 8px;filter:drop-shadow(0 10px 18px rgba(3,7,18,.7))}.world-tool{padding:8px 12px;border-radius:0;cursor:pointer;color:var(--text-primary);background:linear-gradient(#0f172acc,#0f172acc) padding-box,linear-gradient(#3b82f64d,#3b82f64d) border-box;border:1px solid transparent;font-size:13px}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.overview-grid .info-card{padding:10px 12px}.alert-title{color:var(--warning)}.event-card{border-color:#facc1566}.faction-buy{margin-top:8px;align-self:start;padding:6px 12px;border-radius:0;cursor:pointer;color:var(--text-primary);background:linear-gradient(#0f172acc,#0f172acc) padding-box,linear-gradient(#3b82f652,#3b82f652) border-box;border:1px solid transparent;font-size:12px;font-weight:700}.faction-buy:disabled{opacity:.5;cursor:default}.faction-buy.launch{background:linear-gradient(135deg,#ea580c38,#0f172af2),#080d1ce6}.toast-layer{position:fixed;top:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:340px}.toast{pointer-events:auto;display:flex;align-items:stretch;background:#07121dd9;backdrop-filter:blur(12px);border:1px solid rgba(70,198,255,.2);border-radius:4px;position:relative;overflow:hidden;width:320px;box-shadow:0 8px 32px #00000080;animation:toast-in .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-indicator{width:4px;flex-shrink:0}.toast-icon{margin:0 10px 0 12px;font-size:18px!important;flex-shrink:0;display:grid;place-items:center}.toast-text-block{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:10px 0}.toast-title{font-size:12px;font-weight:700;line-height:1.2;color:#cce5ff}.toast-desc{font-family:var(--font-mono);font-size:11px;color:#cce5ff99}.toast-close{background:none;border:none;padding:8px 10px;cursor:pointer;color:#cce5ff66;font-size:13px;display:grid;place-items:center;transition:color .2s,background .2s;flex-shrink:0}.toast-close:hover{color:#cce5ff;background:#ffffff0d}.toast.toast-success .toast-indicator{background:#28e07a;box-shadow:0 0 10px #28e07a80}.toast.toast-success{border-color:#28e07a4d}.toast.toast-success .toast-icon{color:#28e07a}.toast.toast-warning .toast-indicator{background:#ffb627;box-shadow:0 0 10px #ffb62780}.toast.toast-warning{border-color:#ffb6274d}.toast.toast-warning .toast-icon{color:#ffb627}.toast.toast-info .toast-indicator{background:#78d1ff;box-shadow:0 0 10px #78d1ff80}.toast.toast-info{border-color:#78d1ff4d}.toast.toast-info .toast-icon{color:#78d1ff}.mobile-sticky-cta{display:none}@media(max-width:599px){.topbar-primary{display:grid;gap:10px}.shell{min-height:100dvh;padding-top:calc(12px + var(--safe-top));padding-bottom:calc(176px + var(--safe-bottom))}.topbar{align-items:start;gap:10px;margin-bottom:10px}.topbar-actions{display:none}.topbar h1{font-size:1rem;letter-spacing:.08em}.brand-block{grid-template-columns:auto auto;min-width:0;column-gap:10px}.eyebrow{font-size:.9rem}.tagline{font-size:.65rem}.tagline,.status-cluster,.panel-left,.section-nav,.compact-hud-hidden,.compact-command-hidden,.world-footer,.operations-deck{display:none}.layout{gap:12px}.world-panel{padding:12px;border-radius:14px;grid-template-rows:auto 1fr;min-height:calc(100dvh - 260px)}.world-header{align-items:center;gap:10px}.world-header h2{font-size:1.35rem}.world-canvas,.earth-viewport{min-height:min(68dvh,520px)}.efficiency{justify-items:start}.world-tool{min-height:44px;width:100%;justify-content:center}.compact-resource-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.compact-resource-strip--secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-resource{min-height:44px;padding:8px 10px;border-radius:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;background:var(--stroke);color:var(--text-primary)}.compact-resource .hud-icon{width:18px;height:18px;margin-bottom:0}.compact-resource-toggle{cursor:pointer}.compact-objective{display:grid;gap:6px;width:100%;margin-top:2px;padding:12px;border-radius:0;text-align:left;color:var(--text-primary);background:linear-gradient(135deg,#fbbf242e,#080d1cf5) padding-box,linear-gradient(#fbbf244d,#fbbf244d) border-box;border:1px solid transparent;box-shadow:var(--shadow)}.compact-objective-label{color:var(--gold);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.compact-objective small{color:var(--text-secondary);font-size:13px}.compact-objective-cta{color:var(--gold);font-weight:800}.compact-objective-progress{display:grid;gap:5px}.compact-objective-progress span{color:var(--text-secondary);font-size:12px}.panel-right--sheet{position:fixed;left:8px;right:8px;bottom:calc(96px + var(--safe-bottom));z-index:18;max-height:min(52dvh,560px);overflow:auto;border-radius:14px 14px 10px 10px;transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;transition:transform .24s ease,opacity .24s ease}.panel-right--sheet.panel-right--selection{max-height:min(34dvh,320px)}.panel-right--sheet.panel-right--selection.panel-right--sheet-expanded{max-height:min(58dvh,560px)}.panel-right--sheet.panel-right--sheet-open{transform:translateY(0);opacity:1;pointer-events:auto}.sheet-grabber-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sheet-grabber{display:block;width:42px;height:4px;border-radius:0;background:#94a3b880;margin:0 auto}.sheet-grabber-button,.sheet-mode-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:0;border:1px solid transparent;background:var(--stroke);color:var(--text-secondary)}.sheet-grabber-button{padding:0 16px;flex:1;justify-content:flex-start}.sheet-row-actions{display:inline-flex;align-items:center;gap:8px}.sheet-mode-toggle{padding:0 12px;color:var(--text-primary)}.sheet-close{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border-radius:0;border:1px solid transparent;background:var(--stroke);color:var(--text-secondary)}.mobile-selection-sheet{display:grid;gap:12px}.mobile-selection-head{display:grid;gap:4px}.mobile-selection-head small,.compact-info-card span{color:var(--text-secondary)}.mobile-selection-title{font-family:"A-Space",var(--font-display);font-size:clamp(1rem,4vw,1.2rem);letter-spacing:.04em}.mobile-selection-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-info-card{min-width:0;padding:12px;gap:4px;box-shadow:none}.compact-info-card strong{font-size:.95rem}.mobile-nav{left:8px;right:8px;bottom:calc(8px + var(--safe-bottom));grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.mobile-nav button{min-height:52px;padding:10px 4px 8px}.mobile-nav button small{font-size:11px}.mobile-sticky-cta{display:block;left:8px;right:8px;bottom:calc(118px + var(--safe-bottom))}.panel-right--sheet-open~.mobile-sticky-cta{display:none}.tutorial-card{left:8px;right:8px;width:auto;bottom:calc(146px + var(--safe-bottom))}.toast-layer{left:8px;right:8px;top:auto;bottom:calc(158px + var(--safe-bottom));max-width:none;justify-items:stretch}.toast:nth-child(n+3){display:none}}@media(min-width:600px){.mobile-nav{display:none}}@media(prefers-reduced-motion:reduce){.panel-right--sheet{transition:none}}