:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3efe6;--surface:#fffdf8;--surface-2:#f7f2e7;--border:#e2d9c6;--border-strong:#cbbd9f;--text:#2b2418;--muted:#7a6d57;--accent:#2f6b3a;--accent-strong:#24552d;--accent-soft:#e2efdf;--on-accent:#fff;--gold:#b8862b;--good:#2f7a3e;--ok:#a66d00;--bad:#b23a2c;--bad-soft:#f8e3df;--own:#2f6b3a;--foe:#9a3b2c;--shadow:0 1px 2px #3c2d140f, 0 4px 16px #3c2d140f;--radius:10px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17150f;--surface:#211e17;--surface-2:#2a261d;--border:#3a3428;--border-strong:#534a39;--text:#ece5d6;--muted:#a69a83;--accent:#6fb27a;--accent-strong:#8cc996;--accent-soft:#24331f;--on-accent:#10200f;--gold:#d9a94a;--good:#7cc68a;--ok:#e0a94a;--bad:#ef7d6c;--bad-soft:#3a211c;--own:#8cc996;--foe:#ef9a88;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17150f;--surface:#211e17;--surface-2:#2a261d;--border:#3a3428;--border-strong:#534a39;--text:#ece5d6;--muted:#a69a83;--accent:#6fb27a;--accent-strong:#8cc996;--accent-soft:#24331f;--on-accent:#10200f;--gold:#d9a94a;--good:#7cc68a;--ok:#e0a94a;--bad:#ef7d6c;--bad-soft:#3a211c;--own:#8cc996;--foe:#ef9a88;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000040}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3,h4{margin:0;font-weight:650}button,input,select{font:inherit;color:inherit}small{color:var(--muted)}.muted{color:var(--muted);font-weight:400}.small{font-size:.85em}.hint{color:var(--muted);margin:.5rem 0}.error{color:var(--bad);background:var(--bad-soft);border-radius:8px;padding:.6rem .8rem}.topbar{z-index:10;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.25rem;display:flex;position:sticky;top:0}.brand{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.brand h1{letter-spacing:.01em;font-size:1.2rem}.run-controls{align-items:center;gap:.75rem;display:flex}.badge{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.15rem .55rem;font-size:.78rem;display:inline-block}.badge-warn{color:var(--bad);border-color:var(--bad)}.layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:1.25rem;max-width:1500px;margin:0 auto;padding:1.25rem;display:grid}.setup{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.results{flex-direction:column;align-self:start;gap:1rem;max-height:calc(100vh - 5.5rem);display:flex;position:sticky;top:4.2rem;overflow:auto}@media (width<=960px){.layout{grid-template-columns:minmax(0,1fr);padding:1rem}.results{max-height:none;position:static;overflow:visible}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem}.panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.panel-head h2{font-size:1.05rem}.field{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.field>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.field-narrow{flex:0 0 220px}.field-inline{flex-direction:row;align-items:center;gap:.5rem}.field-inline>span{text-transform:none;letter-spacing:0;font-size:.9rem}.field-row{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;display:flex}@media (width<=560px){.field-narrow{flex:100%}}select,.search{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;width:100%;min-width:0;height:2.2rem;padding:0 .6rem}select:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.search{margin-bottom:.6rem}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.primary{background:var(--accent);height:2.3rem;color:var(--on-accent);border:0;border-radius:8px;padding:0 1.2rem;font-weight:600}.primary:hover:not(:disabled){background:var(--accent-strong)}.ghost{border:1px solid var(--border-strong);background:0 0;border-radius:7px;height:2rem;padding:0 .7rem;font-size:.88rem}.ghost:hover:not(:disabled){background:var(--surface-2)}.ghost.danger{color:var(--bad)}.link-button{color:var(--muted);background:0 0;border:0;padding:.3rem 0;font-size:.85rem;text-decoration:underline}.link-button:hover{color:var(--text)}.icon{vertical-align:middle;background-image:url(/icons.png);background-repeat:no-repeat;border-radius:5px;flex:none;display:inline-block}.icon-empty{background:var(--surface-2)}.unit-list,.unit-grid{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.unit-list{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr))}.unit-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}@media (width<=400px){.unit-list,.unit-grid{grid-template-columns:1fr}}.unit-row{background:var(--surface-2);border:1px solid #0000;border-radius:8px;align-items:center;gap:.6rem;min-width:0;padding:.35rem .45rem;display:flex;position:relative}.unit-row.is-set{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft)}.unit-text{flex-direction:column;flex:1;min-width:0;display:flex}.unit-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.unit-text small{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.tag{white-space:nowrap;vertical-align:1px;border-radius:4px;margin-left:.4rem;padding:0 .35rem;font-size:.68rem}.tag-boss{background:var(--gold);color:#fff}.counter-wrap{flex:none;display:inline-flex;position:relative}.quick{z-index:1;border:1px solid var(--border-strong);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 .35rem;font-size:.7rem;line-height:1.3;display:none;position:absolute;top:-.65rem}.quick-clear{color:var(--bad);left:-.2rem}.quick-fill{color:var(--accent);right:-.2rem}.quick:hover{background:var(--surface-2)}.unit-row:hover .quick,.unit-row:focus-within .quick{display:block}.counter{border:1px solid var(--border-strong);background:var(--surface);border-radius:7px;flex:none;align-items:center;display:inline-flex;overflow:hidden}.counter button{width:1.7rem;height:1.9rem;color:var(--muted);background:0 0;border:0;font-size:1rem}.counter button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.counter input{text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;width:3.1rem;height:1.9rem}.counter-active input{font-weight:650}.waves{flex-direction:column;gap:1rem;display:flex}.wave{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.85rem}.wave-head{flex-wrap:wrap;align-items:flex-end;gap:.7rem;display:flex}.wave-num{background:var(--accent);width:1.8rem;height:1.8rem;color:var(--surface);border-radius:50%;align-self:center;place-items:center;font-size:.9rem;font-weight:700;display:grid}.wave-general{min-width:min(200px,100%)}.wave-actions{gap:.4rem;margin-left:auto;display:flex}.general-info{flex-direction:column;gap:.2rem;margin:.55rem 0;display:flex}.trait{color:var(--text);border-left:3px solid var(--gold);padding-left:.5rem;font-size:.85rem}.capacity{align-items:center;gap:.6rem;margin:.4rem 0 .7rem;display:flex}.capacity-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex:1;height:6px;overflow:hidden}.capacity-bar span{background:var(--accent);height:100%;transition:width .15s;display:block}.capacity-bar span.over{background:var(--bad)}.capacity-text{font-variant-numeric:tabular-nums;text-align:right;min-width:5.5rem;font-size:.88rem}.capacity-text.over{color:var(--bad);font-weight:600}.wave-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:.6rem;display:flex}.wave-foot .subsection{flex:1}.subsection{margin-top:.7rem}.subsection>summary{cursor:pointer;padding:.3rem 0;font-size:.92rem;font-weight:600}.skill-list{gap:.35rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.skill-list li{background:var(--surface-2);border-radius:8px;align-items:center;gap:.6rem;min-width:0;padding:.3rem .4rem;display:flex}.skill-name{flex-direction:column;flex:1;min-width:0;font-size:.9rem;display:flex}.skill-name small{font-size:.75rem}.segmented{border:1px solid var(--border-strong);border-radius:7px;flex:none;display:inline-flex;overflow:hidden}.segmented button{background:var(--surface);border:0;width:1.9rem;height:1.8rem;font-size:.85rem}.segmented button+button{border-left:1px solid var(--border)}.segmented button.on{background:var(--accent);color:var(--surface);font-weight:650}.chips{flex-wrap:wrap;gap:.4rem;margin:.4rem 0;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.85rem;display:inline-flex}.chip em{color:var(--muted);font-size:.72rem;font-style:normal}.check-list{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:.35rem;margin-top:.4rem;display:grid}.check{cursor:pointer;border-radius:8px;align-items:flex-start;gap:.45rem;padding:.35rem;font-size:.88rem;display:flex}.check:hover{background:var(--surface-2)}.check>span{flex-direction:column;display:flex}.check small{font-size:.75rem}.problems{border:1px solid color-mix(in srgb, var(--ok) 50%, transparent);background:color-mix(in srgb, var(--ok) 10%, var(--surface));border-radius:var(--radius);padding:.7rem .9rem;font-size:.9rem}.problems ul{margin:.3rem 0 0;padding-left:1.1rem}.result.is-stale{opacity:.6}.stale-note{color:var(--ok);margin:0 0 .6rem;font-size:.85rem}.headline{border-radius:var(--radius);background:var(--surface-2);flex-direction:column;margin-bottom:1rem;padding:.9rem 1rem;display:flex}.headline-value{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:750;line-height:1.05}.headline-label{color:var(--muted);font-size:.88rem}.rate-good,.headline.rate-good .headline-value{color:var(--good)}.rate-ok,.headline.rate-ok .headline-value{color:var(--ok)}.rate-bad,.headline.rate-bad .headline-value{color:var(--bad)}.wave-result{border-top:1px solid var(--border);padding:.85rem 0}.wave-result h3{flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.98rem;display:flex}.wave-result.is-idle h3{color:var(--muted)}.kpis{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:.5rem;margin:.7rem 0;display:grid}@media (width<=560px){.panel{padding:.85rem .8rem}.wave{padding:.65rem}.wave-actions{margin-left:0}}.kpis div{background:var(--surface-2);border-radius:8px;padding:.45rem .55rem}.kpis dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.kpis dd{font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:1.1rem;font-weight:650}.kpis dd small{font-weight:400}.loss-table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.88rem}.loss-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:.25rem .3rem;font-size:.72rem;font-weight:600}.loss-table td{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);padding:.25rem .3rem}.loss-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.loss-table .strong{font-weight:650}.sample{border-top:1px solid var(--border);padding-top:.5rem}.log-wave h4{margin:.6rem 0 .3rem;font-size:.9rem}.log{margin:0;padding:0;font-size:.82rem;list-style:none}.log>li{border-bottom:1px dashed var(--border);grid-template-columns:7.2rem 1fr;gap:.5rem;padding:.25rem 0;display:grid}.log-when{color:var(--muted);font-variant-numeric:tabular-nums}.log ul{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.log li.own{color:var(--own)}.log li.foe{color:var(--foe)}@media (width<=480px){.log>li{grid-template-columns:1fr;gap:.1rem}}.class-switch{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.segmented-wide button{width:auto;height:2rem;padding:0 .8rem}.class-warn{color:var(--bad);font-size:.85rem;font-weight:600}.skill-tree{flex-direction:column;gap:.7rem;margin-top:.4rem;display:flex}.books{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.books .over{color:var(--bad)}.tier h4{margin-bottom:.3rem;font-size:.85rem}.tier h4 small{font-weight:400}.tier.is-locked .skill-list li{opacity:.55}.tier .skill-list li.is-broken{opacity:1;outline:1px solid var(--bad)}.tag-info{background:var(--surface);border:1px solid var(--border);color:var(--muted)}.mode-switch button{height:2.1rem}.intro{margin-top:0}.available{margin-top:1rem}.available-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.available-head h3{font-size:.95rem}.available-actions{gap:.4rem;display:flex}.optimizer-settings{margin-top:1rem;margin-bottom:0}.progress{flex-direction:column;gap:.35rem;margin-bottom:.8rem;font-size:.9rem;display:flex}.candidates{flex-direction:column;gap:.5rem;margin:0 0 .6rem;padding:0;list-style:none;display:flex}.candidate{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:.5rem .6rem}.candidate.is-weak{opacity:.75}.candidate-head{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.rank{background:var(--surface);border:1px solid var(--border-strong);border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:700;display:grid}.cand-win{font-variant-numeric:tabular-nums;font-weight:700}.cand-loss{font-variant-numeric:tabular-nums}.apply{height:1.8rem;margin-left:auto}.cand-units{flex-wrap:wrap;gap:.3rem;margin-top:.4rem;display:flex}.cand-units .chip em{color:var(--bad)}.camp-picker{flex-direction:column;gap:.35rem;margin-bottom:.75rem;display:flex}.camp-picker a{color:inherit}.camp-warn{color:var(--ok);margin:0;font-size:.82rem}.layout-single{grid-template-columns:minmax(0,760px);justify-content:center}.run-controls[hidden]{display:none}input.text{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;width:100%;min-width:0;height:2.2rem;padding:0 .6rem}.auth-form{flex-direction:column;gap:.7rem;max-width:360px;display:flex}.auth-form .segmented,.auth-form .primary{align-self:flex-start}.account-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.new-preset{margin-bottom:.8rem}.preset-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.preset{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;align-items:center;gap:.7rem;padding:.55rem .65rem;display:flex}.preset-text{flex-direction:column;flex:1;min-width:0;display:flex}.preset-skills{text-overflow:ellipsis;overflow:hidden}.preset-actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.preset-editor{flex-direction:column;gap:.7rem;display:flex}.preset-editor h3{font-size:1rem}.form-actions{gap:.5rem;display:flex}.preset-tools{flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin:.2rem 0 .6rem;display:flex}.preset-tools .field{flex:220px}.preset-save{flex:220px;align-items:center;gap:.35rem;display:flex}.preset-msg{flex-basis:100%;font-size:.82rem}.preset-msg.ok{color:var(--good)}.preset-msg.err{color:var(--bad)}@media (width<=560px){.preset{flex-wrap:wrap}.preset-actions{justify-content:flex-start;width:100%}}.account-nav{flex-wrap:wrap;margin-bottom:1rem}.account-settings{flex-direction:column;gap:1.5rem;display:flex}.account-settings h3,.admin h3{font-size:1rem}.success{color:var(--good);background:color-mix(in srgb, var(--good) 12%, var(--surface));border-radius:8px;padding:.6rem .8rem}.danger-zone{border:1px solid color-mix(in srgb, var(--bad) 45%, transparent);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:.5rem;padding:.9rem;display:flex}.primary.danger-button{background:var(--bad)}.admin{flex-direction:column;gap:.8rem;display:flex}.admin-setting{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:.6rem}.check.inline{align-items:center}.admin-user{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex-direction:column;gap:.4rem;padding:.55rem .65rem;display:flex}.admin-user-main{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.tag-admin{background:var(--accent);color:var(--surface)}.admin-create{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:.9rem;display:flex}.admin-create .field-row{width:100%;margin-bottom:0}.wave-tabs{scrollbar-width:thin;border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:-1px;padding-bottom:0;display:flex;overflow:auto hidden}.wave-tab{color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;flex:none;align-items:center;gap:.45rem;max-width:220px;padding:.4rem .7rem;display:inline-flex;position:relative}.wave-tab:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.wave-tab.on{background:var(--surface);border-color:var(--border);color:var(--text);margin-bottom:-1px;padding-bottom:calc(.4rem + 1px)}.wave-tab.on strong{color:var(--accent)}.wave-tab-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.wave-tab-text strong{font-size:.88rem}.wave-tab-text small{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.wave-tab-dot{background:var(--bad);border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.35rem;right:.35rem}.wave-tab-add{color:var(--accent);align-self:center;font-weight:600}.wave-tab.has-problem{padding-right:1.15rem}#wave-panel>.wave{border-top-left-radius:0;border-top-right-radius:0}.theme-switch button{width:2.1rem;height:2.1rem;padding:0;font-size:1rem;line-height:1}.theme-switch button svg{vertical-align:middle;width:1rem;height:1rem}.buffs-panel .chips{align-items:center;margin:0}.buffs-panel .subsection{margin-top:.6rem}.badge-on{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.chip-removable{cursor:pointer;border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft)}.chip-removable:hover{border-color:var(--bad)}.chip-removable>span{color:var(--muted);font-size:1rem;line-height:1}.buff-group{margin-top:.6rem}.buff-group h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.general-picker{min-width:min(260px,100%);position:relative}.picker-button{border:1px solid var(--border-strong);background:var(--surface);text-align:left;border-radius:8px;align-items:center;gap:.55rem;width:100%;min-height:2.6rem;padding:.25rem .5rem;display:flex}.picker-button:hover{background:var(--surface-2)}.picker-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.picker-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.picker-text small{text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.picker-caret{color:var(--muted)}.picker-popover{z-index:20;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);width:min(440px,100vw - 2rem);box-shadow:var(--shadow);flex-direction:column;gap:.4rem;padding:.45rem;display:flex;position:absolute;top:calc(100% + .25rem);left:0}.picker-list{max-height:min(380px,60vh);margin:0;padding:0;list-style:none;overflow-y:auto}.picker-option{cursor:pointer;border-radius:7px;align-items:center;gap:.6rem;padding:.35rem .45rem;display:flex}.picker-option.is-active{background:var(--surface-2)}.picker-option.is-current{box-shadow:inset 3px 0 0 var(--accent)}.picker-option.is-current strong{color:var(--accent)}.picker-trait{opacity:.8;color:var(--text)!important}.picker-empty{color:var(--muted);padding:.5rem}