@import "https://fonts.googleapis.com/css2?family=Aldrich&family=Chivo+Mono:wght@400;600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg:#04111a;--bg-soft:#07141fdb;--panel:#0c1b28e0;--panel-strong:#122838f0;--line:#8fc6de2e;--line-strong:#f4d58d5c;--text:#e8efe9;--muted:#94b1c2;--cyan:#7dd3fc;--teal:#7ce5cf;--amber:#f4d58d;--rose:#ff7b88;--lime:#b7f28c;--shadow:0 28px 80px #0000006b;--sans:"Space Grotesk", sans-serif;--display:"Aldrich", sans-serif;--mono:"Chivo Mono", monospace;color:var(--text);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#2048678c,#0000 28%),radial-gradient(circle at 100% 100%,#72451f42,#0000 26%),linear-gradient(#031018,#04111a 44%,#02090f)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{min-height:100svh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{flex-direction:column;gap:18px;min-height:100svh;padding:22px;display:flex}.topbar{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#091723e6,#07121cad);border-radius:26px;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 22px;display:flex}.topbar h1,.panel h2,.panel h3,.log-header h3{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:.04em}.topbar h1{font-size:clamp(1.85rem,3vw,2.75rem)}.eyebrow{color:var(--amber);text-transform:uppercase;letter-spacing:.22em;margin:0 0 6px;font-size:.72rem}.topbar-actions{flex-wrap:wrap;gap:12px;display:flex}.topbar-actions--wide{justify-content:flex-end;align-items:center}.utility-button,.command-button,.choice-card{color:var(--text);background:linear-gradient(#122c3eeb,#0a1723f0);border:1px solid #8fc6de40;border-radius:18px;transition:transform .14s,border-color .14s,background .14s}.utility-button:hover,.command-button:hover,.choice-card:hover{border-color:#f4d58d8f;transform:translateY(-1px)}.utility-button:disabled,.command-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.utility-button{min-width:148px;padding:11px 16px}.utility-button--active{background:linear-gradient(#422e17f5,#14110cf0);border-color:#f4d58dbf}.select-shell{background:linear-gradient(#122c3eeb,#0a1723f0);border:1px solid #8fc6de40;border-radius:18px;gap:6px;min-width:148px;padding:8px 12px;display:grid}.select-shell span{color:var(--muted);font-size:.75rem}.select-shell select{appearance:none;color:var(--text);background:0 0;border:none;outline:none;padding:0}.layout{flex:1;grid-template-columns:minmax(250px,300px) minmax(0,1fr) minmax(260px,320px);gap:18px;min-height:0;display:grid}.panel,.viewport-frame,.log-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#0a1621eb,#050e17d9)}.panel{border-radius:28px;flex-direction:column;gap:14px;padding:18px;display:flex;overflow:auto}.viewport-panel{flex-direction:column;gap:16px;min-width:0;display:flex}.viewport-frame{border-radius:32px;min-height:0;padding:16px}.game-root{background:#031018;border:1px solid #8fc6de29;border-radius:24px;width:100%;min-height:clamp(360px,56vw,600px);overflow:hidden}.game-root canvas{border-radius:24px;width:100%;height:auto;display:block}.log-panel{border-radius:24px;padding:16px 18px 18px}.log-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.log-header span,.section-heading span,.metric-strip span,.stat-grid span,small,.summary,.frontier-item,.log-entry p{color:var(--muted)}.log-list{gap:10px;display:grid}.log-entry{background:#07131dd6;border:1px solid #8fc6de14;border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:10px 12px;display:grid}.log-entry p{margin:0;line-height:1.45}.log-pill{min-width:58px;font-family:var(--mono);text-transform:uppercase;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:.72rem;display:inline-flex}.log-entry--success .log-pill{color:var(--lime)}.log-entry--alert .log-pill{color:var(--rose)}.log-entry--info .log-pill{color:var(--cyan)}.stack-section{background:#081622bd;border:1px solid #8fc6de14;border-radius:22px;flex-direction:column;gap:12px;padding:14px;display:flex}.hero-card{background:radial-gradient(circle at 100% 0,#7dd3fc29,#0000 28%),linear-gradient(#0a1c2af0,#06111ce6)}.summary{margin:0;line-height:1.55}.metric-strip,.stat-grid,.chip-grid,.frontier-list,.card-list,.action-grid{gap:10px;display:grid}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-strip strong,.stat-grid strong{color:var(--text)}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.meter{gap:7px;display:grid}.meter__meta{font-family:var(--mono);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.meter__track{background:#ffffff0f;border-radius:999px;height:12px;overflow:hidden}.meter__fill{border-radius:inherit;height:100%}.meter__fill--hull{background:linear-gradient(90deg,#4ac7a1,#7be0bf)}.meter__fill--shield{background:linear-gradient(90deg,#4aa6d7,#7dd3fc)}.meter__fill--energy{background:linear-gradient(90deg,#9ad652,#d2f08a)}.meter__fill--boss{background:linear-gradient(90deg,#ff9b54,#ffd27f)}.stat-grid{font-family:var(--mono);grid-template-columns:repeat(2,minmax(0,1fr));font-size:.8rem}.chip-grid,.frontier-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.chip,.frontier-item{background:#ffffff0d;border-radius:999px;padding:8px 12px;font-size:.8rem}.chip--subtle{background:#7dd3fc14}.save-indicator{justify-content:space-between;align-items:center;gap:12px;display:flex}.command-header{background:radial-gradient(circle at 0 0,#f4d58d1f,#0000 24%),linear-gradient(#0d1e2aeb,#06121ddb)}.card-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.compact-list{grid-template-columns:1fr}.choice-card,.command-button{text-align:left;gap:6px;padding:14px 15px;display:grid}.choice-card__title{font-family:var(--display);font-size:1.02rem}.choice-card__perk{color:var(--amber);font-size:.84rem}.command-button span{color:var(--text)}.command-button small,.choice-card__summary{line-height:1.45}.command-button.primary,.command-button.selected{background:linear-gradient(#422e17f5,#14110cf0);border-color:#f4d58dbf}.command-button.is-key-selected,.choice-card.is-key-selected{border-color:#7dd3fcdb;box-shadow:0 0 0 2px #7dd3fc38}.upgrade-section{border-color:#f4d58d2e}.utility-panel{border-color:#7dd3fc29}.save-bay-panel{background:radial-gradient(circle at 0 0,#7dd3fc1f,#0000 28%),linear-gradient(#0b1c28f2,#06111ce6)}.save-slot-grid{gap:12px;display:grid}.save-slot-card{background:#07131de6;border:1px solid #8fc6de1f;border-radius:18px;gap:12px;padding:14px;display:grid}.save-slot-card h4{font-family:var(--display);letter-spacing:.03em;margin:0}.save-slot-card--empty{opacity:.78}.save-slot-meta{color:var(--muted);gap:6px;font-size:.82rem;display:grid}.save-slot-thumb{background:#040f18e6;border:1px solid #8fc6de1f;border-radius:14px;overflow:hidden}.save-slot-thumb svg{width:100%;height:auto;display:block}.save-slot-meta strong{color:var(--text)}.save-slot-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.codex-panel{background:radial-gradient(circle at 100% 0,#f4d58d1a,#0000 24%),linear-gradient(#0d1e2af0,#06121de6)}.codex-grid{gap:12px;display:grid}.codex-grid .result-card{gap:10px}.codex-grid .result-card strong{font-family:var(--display)}.codex-grid .result-card p{margin:0}.codex-notes p+p{border-top:1px solid #8fc6de14;padding-top:8px}.negotiation-panel{border-color:#7ce5cf33}.boss-panel{border-color:#ff9b5447}.boss-warning{color:#ffb66d}.boss-directive{color:#9fd2e6}.result-card{background:#07161ee6;border:1px solid #8fc6de1f;border-radius:20px;gap:12px;padding:14px;display:grid}.result-card p{color:var(--muted);margin:0}.target-panel{border-color:#ff7b882e}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1180px){.layout{grid-template-columns:1fr}.status-panel,.command-panel{order:2}.viewport-panel{order:1}}@media (width<=720px){.shell{padding:14px}.topbar{flex-direction:column;padding:16px}.topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.panel,.viewport-frame,.log-panel{border-radius:22px}.action-grid,.metric-strip,.stat-grid,.metric-strip--triple{grid-template-columns:1fr}.save-indicator{flex-direction:column;align-items:flex-start}.save-slot-actions{grid-template-columns:1fr}.game-root{min-height:320px}}