:root{--bg:#0f1115;--bg-elev:#161922;--bg-elev-2:#1d2130;--text:#c6cad4;--text-h:#f1f3f8;--text-dim:#7d8493;--border:#242833;--border-strong:#333845;--tech:#7fb3d5;--tech-bg:#7fb3d51a;--tech-border:#7fb3d559;--unit:#c9a37a;--unit-bg:#c9a37a1a;--unit-border:#c9a37a66;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--fs-xs:11px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:22px;font:var(--fs-md) / 1.45 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--sans);color:var(--text-h);letter-spacing:-.2px;margin:0;font-weight:600}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}p{margin:0}button{font-family:inherit}::selection{background:var(--border-strong);color:var(--text-h)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#424857}.app{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.app__header{border-bottom:1px solid var(--border);align-items:baseline;gap:14px;padding:18px 24px;display:flex}.app__header p{font-size:var(--fs-sm);color:var(--text-dim)}.app__main{grid-template-columns:minmax(300px,380px) 1fr;min-height:0;display:grid}.app__pane{flex-direction:column;gap:14px;min-height:0;padding:18px 22px;display:flex;overflow:auto}.app__pane--list{border-right:1px solid var(--border);background:var(--bg-elev)}.app__pane--list .techlist{flex:1;min-height:0}.app__pane-header{flex-wrap:wrap;flex-shrink:0;align-items:baseline;gap:10px;display:flex}.app__step{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);border:1px solid var(--border-strong);border-radius:999px;flex-shrink:0;padding:2px 7px}.app__pane-title{font-size:var(--fs-md);color:var(--text-h);font-weight:500}.app__footer{border-top:1px solid var(--border);background:var(--bg-elev);position:sticky;bottom:0}.app__disclaimer{color:var(--text-dim);border-top:1px solid var(--border);opacity:.75;padding:8px 22px 10px;font-size:10px;line-height:1.5}.app__disclaimer a{color:inherit;text-decoration:underline}.app__disclaimer a:hover{color:var(--text)}.techlist{flex-direction:column;gap:10px;height:100%;display:flex}.techlist__search{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--bg-elev-2);width:100%;color:var(--text-h);font:inherit;border-radius:6px;padding:9px 12px;transition:border-color .12s}.techlist__search::placeholder{color:var(--text-dim)}.techlist__search:focus{border-color:var(--text-dim);outline:none}.techlist__count{font-size:var(--fs-sm);color:var(--text-dim);padding:0 2px}.techlist__list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.techlist__empty{text-align:center;font-size:var(--fs-sm);color:var(--text-dim);padding:16px}.techlist__item{width:100%;color:var(--text-h);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background .1s,border-color .1s;display:flex}.techlist__item:hover{background:var(--bg-elev-2)}.techlist__item--selected{background:var(--bg-elev-2);border-color:var(--border-strong)}.techlist__name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.techlist__bucket{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.6px;border:1px solid var(--border-strong);color:var(--text-dim);border-radius:999px;flex-shrink:0;padding:2px 7px;font-weight:500}.techlist__bucket[data-bucket=Tech]{color:var(--tech);border-color:var(--tech-border);background:var(--tech-bg)}.techlist__bucket[data-bucket=Unit]{color:var(--unit);border-color:var(--unit-border);background:var(--unit-bg)}.techlist__check{color:var(--text-dim)}.civresults__heading{font-size:var(--fs-md);color:var(--text-dim);margin-bottom:14px;font-weight:500}.civresults__heading-count{color:var(--text-h);font-variant-numeric:tabular-nums;font-weight:600}.civresults__empty{font-size:var(--fs-sm);text-align:center;border:1px dashed var(--border-strong);color:var(--text-dim);border-radius:8px;padding:28px}.civresults__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.civresults__card{border:1px solid var(--border);background:var(--bg-elev);color:var(--text-h);font-size:var(--fs-md);text-align:center;border-radius:6px;padding:12px 14px;transition:border-color .12s,background .12s}.civresults__card:hover{border-color:var(--border-strong);background:var(--bg-elev-2)}.selectedbar{flex-wrap:wrap;align-items:center;gap:14px;padding:12px 22px;display:flex}.selectedbar__label{font-size:var(--fs-md);color:var(--text-dim);flex-shrink:0}.selectedbar__label-count{color:var(--text-h);font-variant-numeric:tabular-nums;font-weight:600}.selectedbar__hint{font-size:var(--fs-sm);color:var(--text-dim)}.selectedbar__chips{flex-wrap:wrap;flex:1;gap:6px;min-width:200px;display:flex}.selectedbar__clear{font:inherit;font-size:var(--fs-sm);color:var(--text);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:6px;padding:5px 10px;transition:border-color .12s,color .12s}.selectedbar__clear:hover{border-color:var(--text-dim);color:var(--text-h)}.chip{border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--text-h);font:inherit;font-size:var(--fs-sm);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:4px 8px 4px 12px;transition:border-color .12s;display:inline-flex}.chip[data-bucket=Tech]{border-color:var(--tech-border);background:var(--tech-bg)}.chip[data-bucket=Unit]{border-color:var(--unit-border);background:var(--unit-bg)}.chip:hover{border-color:var(--text-dim)}.chip__x{width:18px;height:18px;color:var(--text-dim);border-radius:999px;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.chip:hover .chip__x{color:var(--text-h)}@media (width<=760px){.app{grid-template-rows:auto auto auto auto}.app__header{padding:14px 16px}.app__main{grid-template-columns:1fr}.app__pane{padding:14px 16px;overflow:visible}.app__pane--list{border-right:none;border-bottom:1px solid var(--border)}.techlist__list{max-height:45svh;overflow-y:auto}.civresults__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.civresults__card{font-size:var(--fs-sm);padding:10px 8px}.selectedbar{gap:10px;padding:10px 16px}.selectedbar__chips{order:3;width:100%;min-width:0}.app__footer{position:static}}@media (hover:none){.techlist__item:hover,.civresults__card:hover,.chip:hover{background:initial;border-color:var(--border)}}