@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";:root{font-optical-sizing:auto;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#c7c7c7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#222;font-family:Roboto Mono,monospace;font-style:normal;font-weight:400}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box;margin:0}html{-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.container{grid-template-columns:1fr;grid-template-rows:repeat(auto,2);grid-template-areas:"topbar""main";display:grid}.main-content{--panel-spacing:1rem;grid-area:main;grid-template-columns:minmax(auto,20%) auto;grid-template-rows:auto min-content repeat(auto,2);padding:var(--panel-spacing);row-gap:var(--panel-spacing);column-gap:var(--panel-spacing);grid-template-areas:"output primary""manual-btn primary""log log""hotfixes debug";display:grid}.panel-header{letter-spacing:.12em;text-transform:uppercase;color:#cfcfcf;background:linear-gradient(#1e1e1e 0%,#151515 100%);border-bottom:1px solid #3a3a3a;justify-content:space-between;align-items:center;min-height:28px;padding:6px 10px;font-size:14px;display:flex;box-shadow:inset 0 1px #ffffff08}.panel-title{padding-left:10px;position:relative}.panel-title:before{content:">";color:#7a7a7a;font-family:JetBrains Mono,monospace;position:absolute;top:0;left:0}.panel-status{letter-spacing:.15em;color:#9bd670;background:#0f0f0f;border:1px solid #444;border-radius:2px;padding:2px 6px;font-size:12px;box-shadow:inset 0 0 0 1px #ffffff08}.panel-status.warn{color:#f2c94c;border-color:#6d5a1f}.panel-status.error{color:#eb5757;border-color:#6d2a2a}.panel-status.unknown{color:#9b9b9b;border-style:dashed}.panel-header:after{content:"";pointer-events:none;opacity:.25;background:repeating-linear-gradient(#ffffff05,#ffffff05 1px,#0000 1px 2px);position:absolute;inset:0}.panel-body{color:#cfcfcf;background:#121212;border-top:1px solid #ffffff05;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.4}.panel-body:after{content:"";pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,#ffffff03,#ffffff03 1px,#0000 1px 2px);position:absolute;inset:0}#top-bar{border-width:0 0 1px;border-bottom-style:solid;border-bottom-color:#555;grid-template:"title menu""info info"/1fr auto;grid-area:topbar;padding:.5rem 0 0;display:grid}#top-bar .title{-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.08em;grid-area:title;align-items:baseline;gap:.6rem;margin:0;padding:0 1rem .5rem;font-family:JetBrains Mono,monospace;line-height:1;display:inline-flex}#top-bar .title .word{background:#181818;border:2px solid #2a2a2a;padding:.2em .4em;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,0 4px 12px #0009}#top-bar .title .likely{color:#f5c542;background:linear-gradient(#2a2a1a,#181818)}#top-bar .title .broken{color:#e6e6e6;text-shadow:0 1px #000,0 3px 8px #000c;background:linear-gradient(#2a2a2a,#151515);font-size:1.3em;font-weight:800}#top-bar .info{grid-area:info;font-size:.875rem;display:flex}#top-bar .info>*{border-top:1px solid #555;border-left:1px solid #555;border-right:1px solid #555;padding:0 1rem}#top-bar .menu{grid-area:menu;justify-content:flex-end;padding-right:1rem;display:flex}.outputs{grid-area:output}.manual-btn{color:#2a2200;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff3cd 0%,#f0d88a 100%);border:1px solid #c2a85a;border-bottom-color:#5f5f5f;border-radius:2px;grid-area:manual-btn;width:100%;max-width:360px;padding:16px 24px;font-size:14px;transition:transform 50ms,box-shadow 50ms,filter .1s linear;position:relative;box-shadow:inset 0 1px #fff9,0 2px #3a3a3a,0 4px 12px #0009}.manual-btn:hover{filter:brightness(1.05)contrast(1.05)}.manual-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #0006,0 1px #3a3a3a,0 2px 6px #00000080}.manual-btn.unstable{animation:6s infinite instability-flicker}@keyframes instability-flicker{0%{filter:brightness()}97%{filter:brightness()}98%{filter:brightness(.92)}99%{filter:brightness(1.08)}to{filter:brightness()}}.primary-systems-container{grid-area:primary}.systems-list{flex-direction:column;gap:6px;max-height:280px;display:flex;overflow-y:auto}.system-row{background:#141414;border:1px solid #2a2a2a;grid-template-columns:auto 1fr auto;gap:10px;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:14px;transition:background .1s;display:grid}.system-icon{color:#9b9b9b;justify-content:center;align-items:center;font-size:20px;display:flex}.system-main{flex-direction:column;gap:4px;display:flex}.system-name{color:#e5e5e5;letter-spacing:.1em}.system-traits{flex-wrap:wrap;gap:4px;display:flex}.trait{color:#9bd670;letter-spacing:.08em;border:1px solid #3a3a3a;padding:1px 4px;font-size:11px}.trait.warn{color:#f2c94c;border-color:#6d5a1f}.trait.error{color:#eb5757;border-color:#6d2a2a}.trait-slot{color:#7a7a7a;background:0 0;border:1px dashed #3a3a3a;justify-content:center;align-items:center;font-size:12px;display:flex}.trait-slot.available{cursor:pointer;color:#9bd670;border-color:#4a6d3a}.trait-slot.available:hover{background:#9bd6701a}.trait-slot.disabled{opacity:.7;cursor:default;-webkit-user-select:none;user-select:none;color:#6d2a2a;border-color:#6d2a2a}.system-metrics{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.metric{color:#cfcfcf;gap:4px;display:flex}.metric-label{color:#7a7a7a;letter-spacing:.1em}.metric-value{font-variant-numeric:tabular-nums}.metric.warn .metric-value{color:#f2c94c}.metric.error .metric-value{color:#eb5757}@keyframes unstable-pulse{0%{opacity:1;background:#141414}90%{opacity:1;background:#141414}95%{opacity:.75;background:#2b2512}to{opacity:1;background:#141414}}.system-row.unstable{animation:6s infinite unstable-pulse}.system-unlock{cursor:pointer;text-align:left;background:linear-gradient(#1a1a1a 0%,#141414 100%);border:1px dashed #3a3a3a}.system-unlock .system-main{justify-content:center}.system-unlock:hover{background:#1f1f1f;border-color:#5a5a5a}.system-unlock .system-icon{color:#9bd670;font-size:20px}.system-subtext{color:#7a7a7a;letter-spacing:.08em;font-size:11px}.system-cost{flex-direction:column;align-items:flex-end;font-family:JetBrains Mono,monospace;font-size:14px;display:flex}.cost-label{color:#7a7a7a;letter-spacing:.1em}.cost-value{color:#f2f2f2;font-variant-numeric:tabular-nums}.system-unlock.disabled{opacity:.4;cursor:not-allowed}.system-unlock.disabled:hover{background:#141414;border-color:#3a3a3a}.system-pick-backdrop{z-index:1000;background:#000000a6;place-items:center;display:none;position:fixed;inset:0}.system-pick-backdrop.show{display:grid}.system-pick-dialog{color:#eaeaea;background:#121417;border-radius:14px;flex-direction:column;gap:20px;width:min(900px,95vw);padding:24px;display:flex;box-shadow:0 20px 60px #0009}.system-pick-header h2{margin:0;font-size:1.6rem}.system-pick-header p{color:#9aa0a6;margin:4px 0 0;font-size:.95rem}.system-pick-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.system-card{text-align:left;cursor:pointer;background:#1b1e24;border:1px solid #2a2f3a;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.system-card:hover{border-color:#4f79ff;transform:translateY(-4px);box-shadow:0 8px 20px #4f79ff59}.system-card-header{align-items:center;gap:12px;display:flex}.system-icon{text-align:center;width:40px;font-size:2rem}.system-title h3{color:#f1f3f6;letter-spacing:.3px;margin:0;font-size:1.05rem}.system-card:hover .system-title h3{color:#fff}.system-description{color:#c2c5cc;flex-grow:1;font-size:.85rem;line-height:1.4}.system-stats{border-top:1px solid #2a2f3a;gap:6px;margin:0;padding:10px 0 0;list-style:none;display:grid}.system-stats li{justify-content:space-between;font-size:.8rem;display:flex}.system-stats .label{color:#9aa0a6}.system-stats .value{color:#e6e9ef;font-weight:600}.system-stats .value.high{color:#ff6b6b}.system-stats .value.medium{color:#f5c16c}.system-stats .value.low{color:#5fd38d}.system-pick-footer{color:#7f8594;text-align:center;font-size:.75rem}
