@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Orbitron:wght@500;700;800&family=Rajdhani:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--font-sans: "Rajdhani", sans-serif;--font-display: "Orbitron", sans-serif;--font-mono: "IBM Plex Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--type-label: 11px;--type-body-xs: 12px;--type-body-sm: 13px;--type-body-md: 15px;--type-body-lg: 18px;--type-title-sm: 24px;--type-title-md: clamp(30px, 3vw, 34px);--type-title-lg: clamp(34px, 4vw, 40px);--line-tight: 1.02;--line-title: 1.1;--line-dense: 1.35;--line-body: 1.5;--duration-fast: .14s;--duration-medium: .22s;--duration-slow: .42s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--bg-parchment: #0e1520;--bg-main: #111b2a;--bg-card: rgba(18, 28, 45, .72);--bg-card-inset: rgba(10, 18, 32, .68);--bg-panel: rgba(20, 30, 48, .78);--bg-panel-strong: rgba(16, 26, 42, .9);--text-main: #edf7ff;--text-muted: rgba(186, 214, 241, .82);--text-light: rgba(186, 214, 241, .58);--border-subtle: rgba(118, 167, 225, .16);--border-card: rgba(123, 205, 255, .22);--accent-green: #63ebff;--accent-green-hover: #21cfff;--accent-orange: #ffb54a;--accent-blue: #93cdff;--text-on-green-accent: #031017;--text-on-gold-accent: #1e1404;--text-on-dark-accent: #edf7ff;--text-disabled: rgba(186, 214, 241, .36);--status-success-text: #bafaf2;--status-success-bg: rgba(87, 235, 255, .12);--status-success-border: rgba(87, 235, 255, .24);--status-error-text: #ffd6c8;--status-error-bg: rgba(255, 120, 92, .12);--status-error-border: rgba(255, 120, 92, .26);--shadow-subtle: 0 14px 30px rgba(0, 0, 0, .2);--shadow-card: 0 20px 44px rgba(0, 0, 0, .32);--shadow-lift: 0 10px 22px rgba(0, 0, 0, .18);--shop-accent: #ffd166;--shop-accent-bg: rgba(255, 209, 102, .12);--shop-accent-bg-strong: rgba(255, 209, 102, .2);--shop-btn-bg: rgba(255, 209, 102, .14);--shop-btn-text: #fff3d0;--shop-btn-bg-strong: rgba(255, 209, 102, .24);--radius-control: 12px;--radius-card: 18px;--radius-panel: 26px;--radius-pill: 999px;--radius-sm: var(--radius-control);--radius-md: var(--radius-card);--radius-lg: var(--radius-panel);--radius-xl: var(--radius-panel)}.night-mode{--bg-parchment: #010308;--bg-main: #040911;--bg-card: rgba(6, 12, 24, .72);--bg-card-inset: rgba(0, 4, 12, .82);--bg-panel: rgba(8, 13, 24, .82);--bg-panel-strong: rgba(8, 14, 24, .94);--text-main: #f3fbff;--text-muted: rgba(200, 225, 251, .84);--text-light: rgba(200, 225, 251, .62);--border-subtle: rgba(138, 179, 233, .16);--border-card: rgba(127, 219, 255, .24);--accent-green: #8cf6ff;--accent-green-hover: #3edbff;--accent-orange: #ffc868;--accent-blue: #a4d9ff;--status-success-text: #d4fff8;--status-success-bg: rgba(112, 255, 242, .1);--status-success-border: rgba(112, 255, 242, .24);--status-error-text: #ffe0d4;--status-error-bg: rgba(255, 126, 96, .12);--status-error-border: rgba(255, 126, 96, .28);--shadow-subtle: 0 16px 36px rgba(0, 0, 0, .4);--shadow-card: 0 22px 48px rgba(0, 0, 0, .56);--shadow-lift: 0 12px 28px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg-parchment);overscroll-behavior-y:none}body,#root{min-height:100%;background:var(--bg-parchment)}body{margin:0;position:relative;font-family:var(--font-sans);color:var(--text-main);letter-spacing:.02em;isolation:isolate}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{top:-18%;right:-12%;bottom:-18%;left:-12%;background:radial-gradient(circle at 18% 18%,rgba(89,220,214,.18),transparent 24%),radial-gradient(circle at 82% 14%,rgba(255,192,94,.12),transparent 24%),radial-gradient(circle at 50% 84%,rgba(108,165,233,.1),transparent 22%);filter:blur(170px);opacity:.92;z-index:-2}body:after{background-image:radial-gradient(circle at 1px 1px,rgba(181,220,255,.24) 1px,transparent 0);background-size:24px 24px;opacity:.12;-webkit-mask-image:linear-gradient(180deg,#ffffffd9,#ffffff8c);mask-image:linear-gradient(180deg,#ffffffd9,#ffffff8c);z-index:-1}button,input,select,textarea{font:inherit}button,input,textarea,select{transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-medium) var(--ease-standard),transform var(--duration-medium) var(--ease-emphasized),opacity var(--duration-fast) var(--ease-standard)}button:hover:not(:disabled){transform:translateY(-1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid rgba(123,205,255,.7);outline-offset:2px;box-shadow:0 0 0 3px #36c2ff1f}input,textarea,select{border-color:var(--border-card);background:#030912b8;color:var(--text-main);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}canvas{display:block}#root{position:relative;isolation:isolate}.crt-shell{position:relative;isolation:isolate;overflow-x:clip}.page-shell{min-height:100vh;background:var(--bg-parchment);color:var(--text-main);padding:var(--space-6) var(--space-5) var(--space-8);font-family:var(--font-sans)}.page-shell__inner{max-width:1680px;margin:0 auto;display:grid;gap:var(--space-5)}.page-header{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;align-items:flex-start}.page-header--end{align-items:flex-end}.page-title-group{display:grid;gap:var(--space-2);min-width:0}.page-kicker{font-family:var(--font-mono);font-size:var(--type-label);font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--text-light)}.page-title{font-family:var(--font-display);font-size:var(--type-title-md);line-height:var(--line-tight);font-weight:700;color:var(--text-main)}.page-subtitle{max-width:52rem;font-size:var(--type-body-md);line-height:var(--line-body);color:var(--text-muted)}.page-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.page-nav-button{border:1px solid var(--border-card);border-radius:var(--radius-pill)!important;padding:11px 14px;background:var(--bg-card-inset);color:var(--text-main);cursor:pointer;font-size:var(--type-body-sm);font-weight:700;line-height:1;min-height:42px}.page-nav-button--primary{background:#ffb54a24;border-color:#ffb54a42}.page-nav-button--accent{background:#63ebff14;border-color:#63ebff38}.page-nav-button.is-active{background:#63ebff24;border-color:#63ebff5c}.button-spinner{width:.9em;height:.9em;display:inline-block;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .7s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.crt-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%,transparent 82%,rgba(255,255,255,.02));pointer-events:none}.glass-panel,.glass-panel-soft,.glass-action-button,.glass-tab,.glass-metric,.glass-screen,.glass-pill,.glass-progress-track{position:relative;overflow:hidden;backdrop-filter:blur(20px) saturate(132%);-webkit-backdrop-filter:blur(20px) saturate(132%)}.glass-panel,.glass-panel-soft{border:1px solid var(--border-card);box-shadow:var(--shadow-card),inset 0 1px 1px #ffffff1f;border-radius:var(--radius-panel)!important}.glass-panel:not(.creature-card):before,.glass-panel-soft:before,.glass-screen:before,.glass-action-button:before,.glass-tab:before,.glass-pill:before,.glass-metric:before{content:"";position:absolute;top:0;right:0;bottom:56%;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent);pointer-events:none}.glass-panel:not(.creature-card):after,.glass-panel-soft:after,.glass-metric:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(104,218,255,.18),transparent);pointer-events:none}.glass-panel-soft{box-shadow:var(--shadow-subtle),inset 0 1px 1px #ffffff1f;border-radius:var(--radius-card)!important}.glass-action-button,.glass-tab,.glass-pill{border:1px solid rgba(129,205,255,.18);box-shadow:inset 0 1px 1px #ffffff14,var(--shadow-lift);isolation:isolate;border-radius:var(--radius-control)!important}.glass-action-button:before,.glass-tab:before,.glass-pill:before{opacity:.54;transition:opacity var(--duration-fast) var(--ease-standard)}.glass-action-button:hover:before,.glass-tab:hover:before,.glass-pill:hover:before{opacity:.72}.glass-action-button:hover:not(:disabled),.glass-tab:hover:not(:disabled){box-shadow:inset 0 1px 1px #ffffff29,0 12px 20px #0000003d}.glass-tab.active{border-color:#5fefff8a;box-shadow:inset 0 1px 2px #ffffffd6,0 12px 20px #0000003d}.glass-tab.active:before{opacity:1;background:linear-gradient(180deg,#ffffff57,#ffffff0a)}.glass-metric{border:1px solid rgba(121,186,238,.12);box-shadow:inset 0 4px 12px #000000d1,inset 0 1px #ffffff0f,inset 0 -1px #ffffff14,0 0 0 1px #5eb2ff0a;border-radius:var(--radius-control)!important}.glass-screen{border:1px solid rgba(120,196,255,.18);box-shadow:inset 0 10px 28px #000000d6,inset 0 1px #ffffff12,0 10px 22px #00000038;border-radius:var(--radius-card)!important}.glass-screen:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 48%);opacity:.46}.glass-progress-track{border:1px solid rgba(116,182,241,.12);box-shadow:inset 0 5px 12px #000000c7,inset 0 1px #ffffff0f}.glass-progress-fill{position:relative;box-shadow:inset 0 1px 1px #ffffffa8,0 0 0 1px #ffffff0f}.segmented-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 46%),repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 10px,transparent 10px 14px);mix-blend-mode:screen;pointer-events:none}.glass-kicker{font-family:var(--font-mono);font-size:var(--type-label);font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--text-light)}.glass-divider{height:1px;border:0;background:linear-gradient(90deg,transparent,rgba(105,227,255,.22),transparent)}.hangar-status-grid{display:grid;gap:12px}.hangar-status-card{transition:transform var(--duration-medium) var(--ease-emphasized),box-shadow var(--duration-medium) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.hangar-status-card:hover{transform:translateY(-2px);box-shadow:inset 0 4px 12px #000000d1,inset 0 1px #ffffff14,0 16px 28px #0000003d}.scene-command-rail .glass-action-button{text-align:left}.emb-active{filter:drop-shadow(0 0 6px rgba(87,255,44,.6)) drop-shadow(0 0 14px rgba(87,255,44,.3))}.emb-active .emb-glow{opacity:1!important;transition:all .5s ease-out!important}.emb-active .emb-filament-glow path{animation:emb-drawLine 1s ease-in-out forwards!important}.emb-active .emb-filament-glow stop{animation:emb-lightOn .2s forwards!important}.emb-active .emb-text{text-shadow:0 0 10px #fff,0 0 24px rgba(87,255,44,.7),0 0 40px rgba(87,255,44,.3),0 1px 3px rgba(0,0,0,.8)!important}.emb-active .emb-letter{animation:emb-slideScroll .5s ease!important}button:not(.emb-active) .emb-filament-glow path{stroke-dashoffset:0}button:not(.emb-active) .emb-filament-glow stop{animation:emb-lightOff .2s forwards!important}.creature-card{transition:transform var(--duration-medium) var(--ease-emphasized),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-medium) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.creature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.creature-card--selected{box-shadow:var(--shadow-card),inset 0 0 0 1px #54e4ff38}.mission-section--standby{opacity:.58;transition:opacity var(--duration-slow) var(--ease-standard)}.mission-section--standby:hover{opacity:1}.mission-card{transition:transform var(--duration-medium) var(--ease-emphasized),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-medium) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.mission-card:hover{transform:translateY(-2px)}.mission-card--active{box-shadow:var(--shadow-card),inset 0 0 0 1px #ffb54a2e}.mission-card--active:after{background:linear-gradient(90deg,transparent,rgba(255,181,74,.48),transparent)}.font-serif{font-family:var(--font-display)}.font-bungee{font-family:var(--font-display);letter-spacing:.08em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0207108f}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:linear-gradient(180deg,#77d1ff75,#408fff52);border:2px solid rgba(2,7,16,.56)}
