:root{--cosmos-950: #030712;--cosmos-900: #060914;--cosmos-850: #0b1020;--bg-primary: #030712;--bg-secondary: #060914;--bg-tertiary: #0b1020;--panel: #111827;--panel-hover: #162033;--panel-strong: rgba(22, 32, 51, .95);--border: #26354d;--stroke: rgba(148, 163, 184, .16);--text: #eaf2fa;--text-muted: #94a3b8;--text-primary: #eaf2fa;--text-secondary: #94a3b8;--text-dim: #64748b;--primary: #22d3ee;--primary-strong: #06b6d4;--cyan: #22d3ee;--blue: #3b82f6;--science: #8b5cf6;--violet: #8b5cf6;--action: #f97316;--orange: #f97316;--success: #34d399;--green: #34d399;--warning: #facc15;--danger: #f87171;--gold: #fbbf24;--shadow: 0 24px 80px rgba(0, 0, 0, .45);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font-display: "Oxanium", "Orbitron", "Trebuchet MS", sans-serif;--font-body: "Inter", "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif}@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 top left,rgba(34,211,238,.18),transparent 30%),radial-gradient(circle at top right,rgba(139,92,246,.22),transparent 28%),radial-gradient(circle at bottom center,rgba(249,115,22,.16),transparent 24%),linear-gradient(180deg,var(--bg-secondary),var(--bg-primary));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,.7) 0 1px,transparent 1px),radial-gradient(circle at 73% 26%,rgba(255,255,255,.55) 0 1px,transparent 1px),radial-gradient(circle at 64% 81%,rgba(255,255,255,.55) 0 1px,transparent 1px),radial-gradient(circle at 34% 66%,rgba(255,255,255,.4) 0 1px,transparent 1px)}button{font:inherit;transition:transform .08s ease,box-shadow .15s ease,border-color .15s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed}.mini-bar{height:5px;border-radius:999px;overflow:hidden;background:#0f172ad9;border:1px solid var(--border)}.mini-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-strong),var(--primary));transition:width .3s ease}.objective-progress{display:grid;gap:5px}.objective-progress small{color:var(--text-muted)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hud-card.hud-full{border-color:#facc1573}.rate.storage-full{color:var(--warning)}.shell{min-height:100vh;padding:calc(20px + var(--safe-top)) 16px 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:"A-Space",var(--font-display);font-size:clamp(2rem,5vw,4rem);letter-spacing:.16em;color:var(--cyan)}.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}.eyebrow,.panel-title,.status-label,.hud-label,.objective-progress,.system-tag,.save-time,.tagline,.flavor{color:var(--text-secondary)}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.78rem}h1,h2{margin:0;font-family:"A-Space",var(--font-display);font-weight:400}h1{font-size:clamp(1.8rem,3vw,3rem)}h2{font-size:clamp(1.4rem,2vw,2rem)}.tagline{margin:6px 0 0}.status-cluster{display:flex;gap:12px;flex-wrap:wrap}.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:120px;padding:12px 14px;border-radius:18px;display:grid;gap:4px}.hud{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.hud-card{padding:14px;border-radius:18px;display:grid;gap:6px;align-content:start}.hud-icon,.action-icon,.nav-icon{width:22px;height:22px}.hud-icon{margin-bottom:2px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:16px}.panel{border-radius:24px;padding:18px;background:var(--panel-strong)}.panel-left,.panel-right{display:grid;align-content:start;gap:12px}.objective-title{font-size:1.25rem;font-weight:700}.objective-list{display:grid;gap:8px}.objective-item{display:flex;gap:10px;align-items:center;color:var(--text-secondary)}.item-done{color:var(--green)}.system-tags{display:flex;flex-wrap:wrap;gap:8px}.system-tag{padding:8px 10px;border-radius:999px;border:1px solid rgba(34,211,238,.22);background:#22d3ee14;text-transform:capitalize}.world-panel{display:grid;grid-template-rows:auto 1fr auto;gap:16px}.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;min-height:420px;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 50% 20%,rgba(34,211,238,.12),transparent 35%),linear-gradient(180deg,#3b82f61f,#060b18f5);border:1px solid rgba(148,163,184,.12)}.earth-viewport{width:100%;height:100%;min-height:420px}.manual-action,.mobile-nav button{border-radius:18px;cursor:pointer;color:var(--text-primary)}.toggle-row:hover,.storage-card:hover{border-color:#22d3ee73}.mobile-nav button:hover{border-color:#22d3ee80}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(34,211,238,.65)}.topbar{border-bottom:1px solid var(--border)}.world-panel{background:radial-gradient(ellipse at 50% 10%,rgba(34,211,238,.08),transparent 45%),var(--panel)}.manual-action small,.info-card span{color:var(--text-secondary)}.manual-grid,.info-stack{display:grid;gap:10px}.manual-action{padding:14px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#3b82f640,#0f172af2),var(--panel)}.manual-action.launch{background:linear-gradient(135deg,#f973164d,#0f172af2),var(--panel)}.info-card{padding:14px;border-radius:18px;display:grid;gap:4px}.storage-card{display:grid;gap:6px;padding:14px;text-align:left;width:100%;border-radius:18px;cursor:pointer;color:var(--text-primary);backdrop-filter:blur(12px);background:var(--panel);border:1px solid var(--stroke);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:46px;width:100%;padding:10px 16px;border-radius:14px;border:1px solid transparent;font-weight:700;font-size:14px;letter-spacing:.02em;cursor:pointer;text-align:center}.cta small{font-size:11px;opacity:.78;font-weight:600}.cta.primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#03131f;box-shadow:0 10px 26px #22d3ee47;text-transform:uppercase}.cta.primary--orange{background:linear-gradient(135deg,#f97316,#c2410c);color:#fff;box-shadow:0 10px 26px #f9731647}.cta.primary--violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 10px 26px #8b5cf647}.cta.primary--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 10px 26px #3b82f647}.cta.primary--green{background:linear-gradient(135deg,#34d399,#059669);color:#032013;box-shadow:0 10px 26px #34d39947}.cta.primary--gold{background:linear-gradient(135deg,#fbbf24,#d97706);color:#1c1300;box-shadow:0 10px 26px #fbbf2447}.cta.danger{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff;box-shadow:0 10px 26px #f8717147}.cta.secondary{background:#162033cc;border:1px solid var(--border);color:var(--text-primary)}.cta.utility{background:transparent;border:none;color:var(--text-muted);min-height:40px;font-weight:600}.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%}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.panel-row{display:flex;align-items:center;gap:8px}.help-toggle{border:none;background:none;color:var(--text-muted);font-size:15px;cursor:pointer;padding:0 4px;line-height:1}.dc-line{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.dc-line.active{color:var(--success)}.dc-help{margin-top:6px}.mobile-nav button.tutorial-pulse{animation:tutor-pulse 1.6s ease-in-out infinite}@keyframes tutor-pulse{0%,to{box-shadow:0 0 0 2px var(--primary)}50%{box-shadow:0 0 0 5px var(--primary)}}.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:16px;display:grid;gap:6px;background:#080d1cf5;border:1px solid rgba(34,211,238,.4);box-shadow:var(--shadow)}.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:999px;cursor:pointer;font-weight:700;font-size:13px}.tutorial-primary{color:#03131f;background:var(--primary);border:none}.tutorial-ghost{color:var(--text-secondary);background:transparent;border:1px solid var(--border)}.mobile-nav{position:fixed;left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;z-index:10}.mobile-sticky-cta{position:fixed;left:12px;right:12px;bottom:calc(86px + var(--safe-bottom));z-index:11;display:none}.mobile-sticky-cta .cta{box-shadow:var(--shadow)}.mobile-nav button{padding:12px 6px;display:grid;gap:4px;justify-items:center;min-width:0;background:#080d1ce0}.mobile-nav button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav button.active{border-color:#22d3ee66;background:linear-gradient(180deg,#22d3ee38,#080d1cf2),#080d1ce0}@media(max-width:1100px){.layout{grid-template-columns:1fr}.panel-left,.panel-right{order:2}.world-panel{order:1}}@media(max-width:780px){.shell{padding-inline:12px;padding-bottom:calc(180px + var(--safe-bottom))}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.status-cluster{width:100%}.world-canvas,.earth-viewport{min-height:320px}.world-footer,.world-header{flex-direction:column;align-items:start}.mobile-sticky-cta{display:block}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;text-align:left;width:100%;border-radius:18px;cursor:pointer;color:var(--text-primary);backdrop-filter:blur(12px);background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow)}.toggle-label{display:grid;gap:4px}.toggle-label small{color:var(--text-secondary)}.toggle-row.active{border-color:#22d3ee73}.toggle-switch{flex-shrink:0;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--text-secondary);background:#0f172acc}.toggle-switch.active{color:#03131f;background:#22d3ee}.rate{color:var(--text-secondary)}.achievement-done{border-color:#22d3ee73;background:linear-gradient(135deg,#22d3ee2e,#0f172ae6),var(--panel)}.wonder-tiers{display:grid;grid-auto-flow:column;gap:8px;margin:4px 0 10px}.wonder-tier{padding:10px 0;text-align:center;border-radius:12px;font-weight:700;color:var(--text-secondary);background:#0f172acc;border:1px solid var(--stroke)}.wonder-tier.filled{color:#03131f;background:#22d3ee}.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:12px;cursor:pointer;color:var(--text-primary);background:#0f172acc;border:1px solid rgba(34,211,238,.35);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:999px;cursor:pointer;color:var(--text-primary);background:#0f172acc;border:1px solid rgba(34,211,238,.4);font-size:12px;font-weight:700}.faction-buy:disabled{opacity:.5;cursor:default}.faction-buy.launch{background:linear-gradient(135deg,#f973164d,#0f172af2),#080d1ce6}.toast-layer{position:fixed;top:calc(16px + var(--safe-top));right:16px;display:grid;gap:10px;z-index:20;max-width:340px;pointer-events:none}.toast{padding:14px 16px;border-radius:18px;display:grid;gap:4px;color:var(--text-primary);background:#080d1cf0;border:1px solid rgba(34,211,238,.4);box-shadow:var(--shadow);animation:toast-in .25s ease-out}.toast.toast-success{border-color:#22c55e80}.toast span{color:var(--text-secondary);font-size:13px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{display:grid}}