:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1412;--bg-elev:#141f1b;--bg-elev-2:#1b2924;--border:#27403a;--text:#e6efe9;--muted:#8fa79c;--accent:#d6b25e;--accent-soft:#d6b25e26;--teal:#3fbf9f;--teal-soft:#3fbf9f26;--danger:#e06c6c;--gain-1:#3fbf9f24;--gain-2:#3fbf9f52;--gain-3:#d6b25e57;--cost-1:#9aa4a2;--cost-2:#4fb36e;--cost-3:#3f8fdf;--cost-4:#b064e0;--cost-5:#e0b04a;--radius:8px;--radius-sm:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--font:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6f4;--bg-elev:#fff;--bg-elev-2:#eaf0ed;--border:#cfdad5;--text:#18221e;--muted:#5c6d66;--accent:#8f6f1f;--accent-soft:#8f6f1f26;--teal:#1d8a72;--teal-soft:#1d8a7224;--danger:#b93c3c;--gain-1:#1d8a7221;--gain-2:#1d8a7247;--gain-3:#8f6f1f42}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.4}h1,h2,h3{margin:0 0 var(--space-2);font-weight:600}h1{font-size:20px}h2{font-size:16px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:14px}button{font:inherit;color:inherit;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer}button:hover{border-color:var(--accent)}button.active{background:var(--accent-soft);border-color:var(--accent)}input[type=text],input[type=search]{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);width:100%}.muted{color:var(--muted)}.app{max-width:1400px;padding:var(--space-4);margin:0 auto}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-3)}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.layout{gap:var(--space-4);grid-template-columns:360px 1fr;display:grid}@media (width<=900px){.layout{grid-template-columns:1fr}}.unit-tile{cursor:default;flex-direction:column;align-items:center;gap:2px;width:64px;display:inline-flex;position:relative}.unit-tile.sm{width:52px}.unit-tile[role=button]{cursor:pointer}.unit-tile>img:first-child{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--cost-1);background:var(--bg-elev-2);width:100%}.unit-tile.cost-2>img:first-child{border-color:var(--cost-2)}.unit-tile.cost-3>img:first-child{border-color:var(--cost-3)}.unit-tile.cost-4>img:first-child{border-color:var(--cost-4)}.unit-tile.cost-5>img:first-child{border-color:var(--cost-5)}.unit-tile .unit-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.unit-tile .badges{z-index:1;justify-content:flex-end;gap:2px;display:flex;position:absolute;top:-5px;left:-5px;right:-5px}.unit-tile .badge{background:var(--bg);border:1px solid var(--accent);border-radius:50%;width:18px;height:18px}.dimmed{opacity:.35}.new-buy{position:relative}.new-buy .unit-tile>img:first-child{box-shadow:0 0 0 2px var(--accent)}.new-buy:after{content:"buy";z-index:1;background:var(--accent);color:var(--bg);text-transform:uppercase;letter-spacing:.04em;pointer-events:none;border-radius:999px;padding:0 5px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-5px;left:-5px}.tile-grid{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.trait-chip{border:1px solid var(--border);background:var(--bg-elev-2);opacity:.55;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:12px;display:inline-flex}.trait-chip.active{opacity:1;border-color:var(--teal)}.trait-chip[role=button]{cursor:pointer}.trait-chip img{width:16px;height:16px}.trait-chip .count{color:var(--muted)}.emblem-grid{gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(92px,1fr));display:grid}.emblem{padding:var(--space-1);flex-direction:column;align-items:center;gap:2px;font-size:11px;display:flex;position:relative}.emblem img{width:28px;height:28px}.emblem .count{color:var(--accent);font-weight:600;position:absolute;top:2px;right:4px}.toggle{align-items:center;gap:var(--space-2);margin:var(--space-1) 0;cursor:pointer;display:flex}.unit-search{margin-top:var(--space-2)}.tabs{gap:var(--space-1);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.tabs button{min-width:64px}.tabs .tab-count{color:var(--accent);font-size:18px;font-weight:600;display:block}.board-card{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);background:var(--bg-elev);margin-bottom:var(--space-3)}.board-card .headline{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.board-card .big{color:var(--accent);font-size:28px;font-weight:700}.ladder{gap:2px var(--space-2);grid-template-columns:48px 1fr;font-size:12px;display:grid}.ladder .tier{padding:2px var(--space-1);border-radius:var(--radius-sm)}.ladder .tier.reached{background:var(--accent-soft)}.ladder .tier.undocumented{color:var(--muted);font-style:italic}.status{color:var(--muted);font-size:12px}.status.error{color:var(--danger)}.advice-grid{gap:var(--space-1);flex-direction:column;display:flex;overflow-x:auto}.advice-row{grid-template-columns:minmax(132px, 168px) repeat(var(--advice-cols), minmax(44px, 1fr));gap:var(--space-1);border-radius:var(--radius-sm);align-items:stretch;min-width:360px;padding:2px;display:grid}.advice-row.best{background:var(--accent-soft)}.advice-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.advice-head .advice-col{flex-direction:column;align-items:center;line-height:1.1;display:flex}.advice-head .advice-col small{opacity:.7;text-transform:none;letter-spacing:0;font-size:9px}.advice-label{align-items:center;gap:var(--space-1);min-width:0;display:flex}.best-tag{background:var(--accent);color:var(--bg);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:0 5px;font-size:9px;font-weight:700;line-height:14px}.advice-cell{padding:var(--space-1) 2px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev-2);flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.advice-cell strong{font-size:17px;font-weight:700;line-height:1}.advice-cell small{color:var(--muted);font-size:10px;line-height:1}.advice-cell.gain-1{background:var(--gain-1);border-color:var(--teal)}.advice-cell.gain-2{background:var(--gain-2);border-color:var(--teal)}.advice-cell.gain-3{background:var(--gain-3);border-color:var(--accent)}.advice-cell.gain-1 small,.advice-cell.gain-2 small{color:var(--teal);font-weight:600}.advice-cell.gain-3 small{color:var(--accent);font-weight:700}.advice-cell.empty{opacity:.4}.advice-cell.ceiling{background:0 0;border-style:dashed}.advice-cell.ceiling strong{color:var(--muted);font-size:14px;font-weight:600}.advice-ceiling{margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border);border-radius:0}.advice-ceiling .advice-label{color:var(--muted);font-size:12px}.board-card .teamcode-row{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border)}.board-card .teamcode-row code{font-size:11px}.khazix-layout{gap:var(--space-3);grid-template-columns:auto 1fr;align-items:start;display:grid}.khazix-evos{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.evo-block{align-items:center;gap:var(--space-1);width:100%;min-width:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev-2);text-align:left;opacity:.55;font-size:12px;display:flex}.evo-block img{flex:none;width:16px;height:16px}.evo-block .evo-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.evo-block.active{opacity:1;border-color:var(--teal);background:var(--teal-soft)}.evo-block.active:hover{border-color:var(--teal)}.lux-grid .unit-tile{width:76px}.lux-grid .unit-tile>img:first-child{width:52px}button.link{color:var(--accent);font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}button.link:hover{color:var(--text);border:none}.sheet{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);width:calc(100vw - 32px);max-width:620px;color:var(--text);padding:0}.sheet::backdrop{background:#0000008c}.sheet-body{padding:var(--space-4);max-height:80vh;overflow-y:auto}.sheet-body h2{margin:0}.sheet-body p{margin:var(--space-1) 0}.roles{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.role-block{padding-top:var(--space-3);border-top:1px solid var(--border)}.role-block h3{color:var(--text)}.aside-actions{margin-bottom:var(--space-2);justify-content:flex-end;display:flex}.lux-none{flex-direction:column;align-items:center;gap:2px;width:76px;padding:0 0 2px;display:flex}.lux-none .mark{border-radius:var(--radius-sm);border:2px dashed var(--border);width:52px;height:52px;color:var(--muted);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.lux-none .lux-none-name{font-size:11px}.lux-none.active .mark{border-style:solid;border-color:var(--accent);color:var(--accent)}