@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Share+Tech+Mono&display=swap";:root{--space-deep: #050508;--space-navy: #0B0E1A;--space-blue: #1A1F33;--space-mid: #252A40;--ui-dark: #3A3F55;--ui-mid: #7B8094;--ui-light: #B8BCC8;--ui-white: #E8E8EC;--ui-warm: #F0E8D8;--status-green: #3DB86A;--status-yellow: #E8C840;--status-orange: #D87830;--status-red: #C83030;--accent-teal: #40B8C8;--accent-amber: #D8A030;--accent-violet: #8878B8;--mars-red: #B84830;--mars-orange: #C87840;--mars-tan: #D8C0A0;--panel-bg: #111520;--panel-surface: #181D2E;--panel-edge: #0D1018;--panel-highlight: #222840;--font-pixel: "Press Start 2P", monospace;--font-mono: "Share Tech Mono", monospace;--game-width: 480px;--game-height: 270px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--space-deep);color:var(--ui-warm);font-family:var(--font-mono)}.game-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--space-deep)}.game-viewport{width:100%;max-width:960px;height:100%;max-height:100vh;background:var(--space-navy);position:relative;overflow:hidden;border:2px solid var(--space-mid);image-rendering:pixelated}@media (max-width: 768px){.game-viewport{max-width:100%;border:none;height:100%;aspect-ratio:auto}}.title-text{font-family:var(--font-pixel);font-size:24px;color:var(--ui-white);text-shadow:2px 2px 0 var(--accent-teal);letter-spacing:2px}.heading-text{font-family:var(--font-pixel);font-size:10px;color:var(--accent-teal);text-transform:uppercase;letter-spacing:1px}.body-text{font-family:var(--font-mono);font-size:14px;color:var(--ui-warm);line-height:1.5}.small-text{font-family:var(--font-mono);font-size:11px;color:var(--ui-mid)}.btn{font-family:var(--font-pixel);font-size:9px;padding:10px 20px;border:2px solid var(--accent-teal);background:var(--space-blue);color:var(--accent-teal);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s ease;min-height:44px;min-width:44px}.btn:hover{background:var(--accent-teal);color:var(--space-deep)}.btn:active{transform:scale(.96)}.btn-primary{border-color:var(--accent-teal);background:var(--accent-teal);color:var(--space-deep)}.btn-primary:hover{background:var(--ui-white);border-color:var(--ui-white)}.btn-danger{border-color:var(--status-red);color:var(--status-red)}.btn-danger:hover{background:var(--status-red);color:var(--ui-white)}.btn-small{font-size:8px;padding:6px 12px;min-height:32px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:var(--space-blue);color:var(--accent-teal)}.btn-cockpit{font-family:var(--font-pixel);font-size:6px;padding:4px 7px;min-height:22px;min-width:28px;border:1px solid var(--ui-dark);background:var(--panel-bg);color:var(--ui-mid);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .1s ease}.btn-cockpit:hover{border-color:var(--accent-teal);color:var(--accent-teal);background:var(--panel-surface)}.btn-cockpit.active{border-color:var(--accent-teal);background:#40b8c826;color:var(--accent-teal);box-shadow:0 0 6px #40b8c833}.btn-cockpit:disabled{opacity:.3;cursor:not-allowed}.btn-cockpit:disabled:hover{border-color:var(--ui-dark);color:var(--ui-mid);background:var(--panel-bg)}.btn-advance{border-color:var(--accent-teal);color:var(--accent-teal);padding:4px 12px}.btn-advance:hover{background:var(--accent-teal);color:var(--space-deep)}.panel{background:var(--space-blue);border:1px solid var(--space-mid);padding:12px}.panel-header{font-family:var(--font-pixel);font-size:8px;color:var(--accent-teal);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--space-mid)}.panel-label{font-family:var(--font-pixel);font-size:5px;color:var(--ui-dark);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px;display:flex;align-items:center;gap:4px}.cockpit{width:100%;height:100%;display:flex;flex-direction:column;position:relative;background:var(--panel-bg)}.cockpit-header{padding:4px 10px;background:var(--panel-edge);border-bottom:2px solid var(--space-mid);display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #00000080;z-index:3}.cockpit-header-left,.cockpit-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.cockpit-header-center{flex:1}.cockpit-label{font-family:var(--font-pixel);font-size:6px;color:var(--ui-mid);letter-spacing:1px;text-transform:uppercase}.cockpit-indicator{width:6px;height:6px;border-radius:50%;background:var(--ui-dark)}.cockpit-indicator.on{background:var(--status-green);box-shadow:0 0 4px var(--status-green)}.cockpit-viewport{flex:1;position:relative;background:var(--space-deep);min-height:80px;max-height:35vh;overflow:hidden;border-left:8px solid var(--panel-edge);border-right:8px solid var(--panel-edge);box-shadow:inset 0 0 30px #000c,inset 0 0 80px #0006}.hud-bracket{position:absolute;width:20px;height:20px;z-index:2;pointer-events:none}.hud-bracket.top-left{top:8px;left:8px;border-top:1px solid rgba(64,184,200,.4);border-left:1px solid rgba(64,184,200,.4)}.hud-bracket.top-right{top:8px;right:8px;border-top:1px solid rgba(64,184,200,.4);border-right:1px solid rgba(64,184,200,.4)}.hud-bracket.bottom-left{bottom:8px;left:8px;border-bottom:1px solid rgba(64,184,200,.4);border-left:1px solid rgba(64,184,200,.4)}.hud-bracket.bottom-right{bottom:8px;right:8px;border-bottom:1px solid rgba(64,184,200,.4);border-right:1px solid rgba(64,184,200,.4)}.cockpit-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1}.cockpit-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:1}.viewport-hud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;text-align:center}.viewport-hud-label{font-family:var(--font-pixel);font-size:8px;color:#40b8c899;margin-bottom:6px;letter-spacing:2px}.viewport-hud-title{font-family:var(--font-pixel);font-size:11px;color:var(--ui-white);margin-bottom:4px;text-shadow:0 0 10px rgba(64,184,200,.3)}.viewport-hud-desc{font-family:var(--font-mono);font-size:11px;color:var(--ui-mid);max-width:380px;padding:0 20px}.sky-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a5276,#2e86c1 30%,#5dade2 55%,#85c1e9 75%,#d4e6f1);z-index:0}.sky-background:before,.sky-background:after{content:"";position:absolute;border-radius:40%;background:#ffffff40;filter:blur(8px)}.sky-background:before{width:120px;height:30px;top:25%;left:15%;animation:cloud-drift 25s linear infinite}.sky-background:after{width:160px;height:35px;top:40%;right:10%;animation:cloud-drift 35s linear infinite reverse;animation-delay:-10s}@keyframes cloud-drift{0%{transform:translate(-40px);opacity:.2}50%{opacity:.35}to{transform:translate(40px);opacity:.2}}.cockpit-comms-section{margin:0 8px;position:relative}.comms-label{position:absolute;top:-1px;left:8px;z-index:2;background:var(--panel-bg);padding:0 4px}.comms-feed{background:var(--panel-bg);border:1px solid var(--space-mid);border-top:1px solid var(--ui-dark);padding:10px 12px 8px;min-height:40px;max-height:110px;overflow:hidden;cursor:pointer;position:relative}.comms-feed:after{content:"▼ EXPAND";position:absolute;bottom:2px;right:8px;font-family:var(--font-pixel);font-size:5px;color:var(--ui-dark);letter-spacing:1px;pointer-events:none}.comms-feed.expanded:after{content:"▲ COLLAPSE"}.comms-feed.expanded{max-height:300px;overflow-y:auto}.comms-message{margin-bottom:5px;font-family:var(--font-mono);font-size:11px;line-height:1.3;display:flex;gap:8px}.comms-message:last-child{margin-bottom:10px}.comms-message.priority-high{border-left:2px solid var(--status-orange);padding-left:6px}.comms-sender{font-family:var(--font-pixel);font-size:6px;text-transform:uppercase;min-width:50px;padding-top:2px;flex-shrink:0}.comms-text{color:var(--ui-warm)}.segment-log{padding:2px 8px;background:var(--panel-edge);border:1px solid var(--space-mid);border-top:none;font-family:var(--font-mono);font-size:9px;color:var(--ui-dark);display:flex;gap:12px;flex-wrap:wrap}.cockpit-instruments{background:var(--panel-surface);border-top:2px solid var(--panel-highlight);padding:6px 8px;display:flex;flex-direction:column;gap:4px;box-shadow:0 -4px 12px #00000080;position:relative}.panel-edge{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--ui-dark) 10%,var(--panel-highlight) 30%,var(--panel-highlight) 70%,var(--ui-dark) 90%,transparent 100%)}.instrument-section{display:flex;flex-direction:column}.gauges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px 10px}.gauge-container{margin-bottom:2px}.gauge-label{font-family:var(--font-pixel);font-size:6px;color:var(--ui-mid);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;display:flex;justify-content:space-between}.gauge-bar{height:8px;background:var(--panel-bg);border:1px solid var(--ui-dark);position:relative;overflow:hidden}.gauge-fill{height:100%;transition:width .5s ease,background-color .3s ease}.gauge-fill.green{background:var(--status-green);box-shadow:0 0 4px #3db86a4d}.gauge-fill.yellow{background:var(--status-yellow);box-shadow:0 0 4px #e8c8404d}.gauge-fill.orange{background:var(--status-orange);box-shadow:0 0 4px #d878304d}.gauge-fill.red{background:var(--status-red);box-shadow:0 0 4px #c8303066}.crew-section{display:flex;flex-direction:column}.crew-row{display:flex;gap:4px;justify-content:center}.crew-portrait{width:30px;height:30px;border:2px solid var(--ui-dark);background:var(--panel-bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:9px;color:var(--ui-light);position:relative}.crew-portrait.alive{border-color:var(--status-green);box-shadow:0 0 4px #3db86a33}.crew-portrait.injured{border-color:var(--status-yellow);box-shadow:0 0 4px #e8c84033}.crew-portrait.critical{border-color:var(--status-red);box-shadow:0 0 4px #c830304d;animation:pulse-red 1.5s ease-in-out infinite}.crew-portrait.dead{border-color:var(--ui-dark);opacity:.3}@keyframes pulse-red{0%,to{box-shadow:0 0 4px #c830304d}50%{box-shadow:0 0 8px #c8303099}}.crew-portrait .role-icon{font-size:12px}.crew-detail{background:var(--panel-bg);border:1px solid var(--space-mid);padding:4px 8px;margin-top:4px;font-size:10px;font-family:var(--font-mono)}.controls-section{display:flex;flex-direction:column}.controls-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:4px}.control-label{font-family:var(--font-pixel);font-size:5px;color:var(--ui-dark);text-transform:uppercase;letter-spacing:1px;min-width:35px}.control-buttons{display:flex;gap:2px}.action-group{margin-left:auto;gap:4px}.progress-container{width:100%;height:18px;background:var(--panel-bg);border:1px solid var(--ui-dark);position:relative;display:flex;align-items:center}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-teal) 0%,var(--mars-red) 100%);transition:width .8s ease;opacity:.5}.progress-ship{position:absolute;font-size:10px;transition:left .8s ease;z-index:2}.progress-label{position:absolute;right:6px;font-family:var(--font-pixel);font-size:6px;color:var(--mars-red);z-index:2}.progress-earth{position:absolute;left:6px;font-family:var(--font-pixel);font-size:6px;color:var(--accent-teal);z-index:2}.starfield{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.star{position:absolute;width:1px;height:1px;background:var(--ui-white);border-radius:50%;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--panel-bg)}::-webkit-scrollbar-thumb{background:var(--ui-dark);border-radius:2px}.screen-enter{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-prompt{0%,to{opacity:.5}50%{opacity:1}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-gauge{0%,to{box-shadow:0 0 4px #c830304d}50%{box-shadow:0 0 12px #c83030b3,inset 0 0 4px #c8303033}}@keyframes pulse-gauge-severe{0%,to{box-shadow:0 0 6px #c8303080}50%{box-shadow:0 0 18px #c83030e6,inset 0 0 6px #c830304d}}@keyframes title-glow{0%,to{text-shadow:0 0 8px rgba(64,184,200,.3),0 0 20px rgba(64,184,200,.1)}50%{text-shadow:0 0 12px rgba(64,184,200,.6),0 0 30px rgba(64,184,200,.2)}}@keyframes fillBar{0%{width:0%}}@keyframes scaleIn{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes comms-glow{0%{background:#40b8c814}to{background:transparent}}@keyframes scanline-scroll{0%{background-position:0 0}to{background-position:0 100px}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gauge-fill.critical{animation:pulse-gauge 1.5s ease-in-out infinite}.gauge-fill.severe{animation:pulse-gauge-severe 1s ease-in-out infinite}.crew-portrait.injured{animation:pulse-amber 2.5s ease-in-out infinite}.crew-portrait.dead{border-color:var(--ui-dark);opacity:.3;filter:grayscale(1) brightness(.5)}@keyframes pulse-amber{0%,to{box-shadow:0 0 4px #e8c84033}50%{box-shadow:0 0 8px #e8c84080}}.supply-item{transition:background .15s ease,border-color .15s ease}.supply-item:hover{background:var(--space-mid)!important;border-color:var(--ui-dark)!important}.gauge-fill.budget-bar{transition:width .4s ease}.comms-message.source-aria{border-left:2px solid var(--accent-teal)}.comms-message.source-system{border-left:2px solid var(--accent-amber)}.comms-message.source-houston{border-left:2px solid #4A6FA5}.comms-message.new-message{animation:comms-glow 2s ease-out forwards}@media (max-width: 768px){.title-text{font-size:16px}.body-text{font-size:13px}.btn{font-size:8px;padding:10px 16px}.panel{padding:8px}.cockpit-viewport{border-left-width:4px;border-right-width:4px}}@media (max-width: 480px){html,body,#root{overflow:hidden}.game-viewport{max-width:100%;border:none;height:100vh;height:100dvh;overflow-y:auto}.cockpit{min-height:100vh;min-height:100dvh}.cockpit-header{padding:6px 8px;gap:6px;flex-wrap:nowrap}.cockpit-label{font-size:5px;letter-spacing:.5px}.cockpit-viewport{max-height:22vh;min-height:60px;border-left-width:3px;border-right-width:3px}.viewport-hud-label{font-size:7px}.viewport-hud-title{font-size:10px}.viewport-hud-desc{font-size:10px;padding:0 12px}.cockpit-comms-section{margin:0 4px}.comms-feed{padding:8px 8px 6px;max-height:100px}.comms-feed.expanded{max-height:250px}.comms-sender{min-width:40px;font-size:5px}.comms-text{font-size:10px}.comms-message{gap:6px;font-size:10px}.segment-log{font-size:8px;gap:6px;padding:2px 6px}.cockpit-instruments{padding:6px 6px 8px;gap:6px}.gauges-grid{grid-template-columns:repeat(2,1fr);gap:4px 8px}.gauge-label{font-size:5px}.gauge-bar{height:6px}.gauge-supplies{grid-column:1 / -1}.crew-row{gap:6px;flex-wrap:wrap;justify-content:center}.crew-portrait{width:34px;height:34px;font-size:11px}.crew-detail{font-size:9px;padding:4px 6px}.controls-row{flex-direction:column;gap:6px;align-items:stretch}.control-group{justify-content:space-between}.control-label{min-width:44px}.control-buttons{flex:1;justify-content:flex-end;gap:3px}.btn-cockpit{font-size:6px;padding:6px 10px;min-height:28px;min-width:36px}.action-group{margin-left:0;flex-direction:row;justify-content:stretch}.action-group .btn-cockpit{flex:1}.btn-advance{padding:6px 16px}.panel-label{font-size:5px;letter-spacing:1.5px}.event-overlay-inner{padding:12px}.crew-selection-grid{grid-template-columns:1fr!important}.crew-selection-detail{width:100%!important;max-height:120px;overflow-y:auto;order:-1}.crew-selection-main{flex-direction:column!important}.supply-item{flex-wrap:wrap}.supply-item-desc{font-size:9px!important}.supply-item-controls{width:100%;justify-content:center;padding-top:4px}.supply-item-cost{width:auto!important;min-width:50px}.screen-enter{padding:16px 12px}.progress-container{height:14px}.progress-ship{font-size:8px}.progress-earth,.progress-label{font-size:5px}.achievement-grid{grid-template-columns:1fr!important}}.achievement-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.achievement-card{display:flex;align-items:center;gap:6px;padding:5px 7px;background:var(--panel-surface);border:1px solid var(--space-mid);transition:border-color .2s ease}.achievement-card.earned{border-color:var(--accent-amber)}.achievement-card.locked{opacity:.45}.achievement-icon{font-size:14px;flex-shrink:0;width:20px;text-align:center}.achievement-info{min-width:0}.achievement-name{font-family:var(--font-pixel);font-size:6px;color:var(--accent-amber);letter-spacing:.5px}.achievement-card.locked .achievement-name{color:var(--ui-dark)}.achievement-desc{font-family:var(--font-mono);font-size:9px;color:var(--ui-mid);line-height:1.3}.achievement-card.locked .achievement-desc{color:var(--ui-dark)}