: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;--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}*{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 .badge{background:var(--bg);border:1px solid var(--accent);border-radius:50%;width:22px;height:22px;position:absolute;top:-4px;right:-4px}.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)}.delta-pos{color:var(--teal);font-weight:600}.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}