:root{--paper:#edf1ec;--panel:#f7f9f6;--ink:#1c2a28;--ink-soft:#4d5c59;--line:#c9d3cc;--focus:#1c2a28;--physical:#d9601c;--magic:#4257d6;--true-ink:#1c2a28;--warning-bg:#fbecc8;--warning-ink:#5c4205;--error-ink:#9c2b12;--font-numbers:"Bahnschrift SemiCondensed", Bahnschrift, "DIN Alternate", "DIN 2014", "Barlow Semi Condensed", "Arial Narrow", sans-serif;--font-text:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#17201f;--panel:#1e2a28;--ink:#e3e9e4;--ink-soft:#a5b3af;--line:#34423f;--focus:#e3e9e4;--physical:#f07b3a;--magic:#8193ff;--true-ink:#e3e9e4;--warning-bg:#3d3113;--warning-ink:#f3dea4;--error-ink:#ff9d85;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-text);margin:0;font-size:1rem;line-height:1.5}.page{max-width:84rem;padding:var(--space-6) var(--space-4) var(--space-8);margin:0 auto}.masthead{align-items:baseline;column-gap:var(--space-4);border-bottom:3px solid var(--ink);padding-bottom:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:1fr auto;display:grid}.masthead h1{font-family:var(--font-numbers);letter-spacing:-.01em;margin:0;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;line-height:1}.tagline{margin:var(--space-2) 0 0;max-width:40rem;color:var(--ink-soft);grid-column:1}.patch{font-family:var(--font-numbers);font-variant-numeric:tabular-nums;color:var(--ink-soft);grid-area:1/2;margin:0}.workbench{gap:var(--space-8);grid-template-columns:minmax(18rem,26rem) 1fr;align-items:start;display:grid}@media (width<=52rem){.workbench{grid-template-columns:1fr}}h2{margin:0 0 var(--space-4);font-family:var(--font-numbers);font-size:1.5rem;font-weight:600;line-height:1.2}.settings form{gap:var(--space-4);display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--space-2);padding:0;font-weight:600}.field-row{gap:var(--space-3);flex-wrap:wrap;align-items:end;display:flex}.field{gap:var(--space-1);color:var(--ink-soft);flex:7rem;font-size:.875rem;display:grid}.field-short{flex:0 5rem}.spell-field{gap:var(--space-1);flex:0 5rem;display:grid}.cast-toggle{align-items:center;gap:var(--space-1);color:var(--ink-soft);font-size:.8125rem;display:flex}.cast-toggle input{width:1rem;height:1rem;min-height:0;accent-color:var(--ink);margin:0}input,select{width:100%;min-height:2.5rem;padding:var(--space-2) var(--space-2);border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;border-radius:4px;font-size:1rem}input[type=number]{font-family:var(--font-numbers);font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.toggle{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:.9375rem;display:flex}.toggle input{width:1.125rem;height:1.125rem;min-height:0;accent-color:var(--ink);margin:0}input:disabled{color:var(--ink-soft);background:0 0;border-style:dashed}button{min-height:2.75rem;padding:var(--space-2) var(--space-4);font:inherit;cursor:pointer;border-radius:4px;font-weight:600}.button-primary{border:2px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--font-numbers);font-size:1.125rem}.button-primary:disabled{background:var(--ink-soft);border-color:var(--ink-soft);cursor:progress}.button-primary:hover{background:var(--ink-soft);border-color:var(--ink-soft)}.button-secondary{border:2px solid var(--ink);color:var(--ink);background:0 0;justify-self:start}.button-secondary:hover{background:var(--panel)}.button-quiet{min-height:2rem;padding:var(--space-1) var(--space-3);border:1px solid var(--line);color:var(--ink);background:0 0;font-weight:400}.champion-choice{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border:1px solid var(--line);background:var(--panel);color:var(--ink);text-align:left;grid-template-columns:auto 1fr auto;font-weight:400;display:grid}.champion-choice:hover{border-color:var(--ink)}.champion-choice img{background:var(--line);border-radius:3px;display:block}.champion-choice-text{display:grid}.champion-name{font-family:var(--font-numbers);font-size:1.375rem;font-weight:600;line-height:1.15}.champion-scope,.champion-change{color:var(--ink-soft);font-size:.875rem}.champion-change{text-underline-offset:.2em;text-decoration:underline}.loadout{gap:var(--space-4);padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--line);display:grid}.inventory{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(3,5.75rem);margin:0;padding:0;list-style:none;display:grid}.slot{align-content:start;justify-items:center;gap:var(--space-2);width:100%;min-height:0;color:var(--ink);background:0 0;border:0;padding:0;font-weight:400;display:grid}.slot-frame{aspect-ratio:1;border:3px solid var(--ink);background:var(--panel);border-radius:4px;place-items:center;width:100%;display:grid;overflow:hidden}.slot-frame img{width:100%;height:100%;animation:.28s cubic-bezier(.2,.8,.2,1) both slot-fill;display:block}@keyframes slot-fill{0%{opacity:0;transform:scale(.8)}}.slot-empty{border:2px dashed var(--line);color:var(--ink-soft);font-family:var(--font-numbers);font-size:1.75rem}.slot:hover .slot-frame{border-color:var(--ink-soft)}.slot:hover .slot-empty{border-color:var(--ink);color:var(--ink)}.slot-name{-webkit-line-clamp:2;line-clamp:2;text-align:center;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.25;display:-webkit-box;overflow:hidden}.loadout-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.stale{padding:var(--space-1) var(--space-3);background:var(--warning-bg);color:var(--warning-ink);border-radius:4px;margin:0;font-size:.875rem}.picker{background:var(--paper);width:min(52rem,100vw - 2rem);max-height:min(44rem,100vh - 2rem);color:var(--ink);border:0;border-radius:6px;padding:0;box-shadow:0 1.5rem 4rem #00000059}.picker[open]{flex-direction:column;display:flex}.picker::backdrop{background:#1c2a2899}.picker-head{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0;flex-wrap:wrap;display:flex}.picker-head h2{flex:12rem;margin:0;font-size:1.375rem}.picker-actions{gap:var(--space-2);margin-left:auto;display:flex}.picker-search{padding:var(--space-3) var(--space-4) var(--space-4);border-bottom:1px solid var(--line);flex:none}.picker-body{min-height:0;padding:var(--space-4);flex:auto;overflow-y:auto}.picker-group+.picker-group{margin-top:var(--space-6)}.picker-group h3{margin:0;font-size:1rem;font-weight:600}.count{font-family:var(--font-numbers);font-variant-numeric:tabular-nums;color:var(--ink-soft);font-weight:400}.picker-note{margin:var(--space-1) 0 var(--space-3);max-width:38rem;color:var(--ink-soft);font-size:.875rem}.portrait-grid,.item-grid{margin:0;padding:0;list-style:none;display:grid}.portrait-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}.item-grid{gap:var(--space-1) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.portrait,.item-choice{width:100%;min-height:0;color:var(--ink);background:0 0;border:0;font-weight:400}.portrait{justify-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);text-align:center;font-size:.8125rem;line-height:1.2;display:grid}.item-choice{align-items:center;gap:var(--space-3);padding:var(--space-1);text-align:left;display:flex}.portrait img,.item-choice img{background:var(--line);border-radius:3px;flex:none;display:block}.portrait:hover,.item-choice:hover{background:var(--panel)}.portrait[aria-current=true],.item-choice[aria-current=true]{background:var(--panel);box-shadow:inset 0 0 0 2px var(--ink)}.outcome{min-width:0}.combats{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:start;display:grid}.combat{min-width:0}.combat-title{margin:0 0 var(--space-4);font-family:var(--font-numbers);font-size:1.25rem;font-weight:600}.combat-duration{color:var(--ink-soft);font-weight:400}.fight-choice{gap:var(--space-1) var(--space-4);margin:0 0 var(--space-4);border:0;flex-wrap:wrap;padding:0;font-size:.9375rem;display:flex}.fight-choice legend{margin-bottom:var(--space-1);color:var(--ink-soft);flex-basis:100%;padding:0;font-size:.8125rem}.fight-choice label{align-items:center;gap:var(--space-2);display:flex}.fight-choice input{width:1rem;height:1rem;min-height:0;accent-color:var(--ink);margin:0}.combat .dps-value{font-size:clamp(3rem,6vw,4.5rem)}.verdict{margin-bottom:var(--space-4)}.dps{align-items:baseline;gap:var(--space-2);font-family:var(--font-numbers);font-variant-numeric:tabular-nums;margin:0;line-height:.9;display:flex}.dps-value{letter-spacing:-.02em;font-size:clamp(3.5rem,11vw,6.5rem);font-weight:700}.dps-unit{color:var(--ink-soft);font-size:1.5rem;font-weight:600}.verdict-context{margin:var(--space-3) 0 0;max-width:38rem;color:var(--ink-soft)}.meter{height:1.75rem;margin:var(--space-4) 0 var(--space-6);gap:2px;display:flex}.meter-segment{transform-origin:0;flex-basis:0;min-width:3px;animation:.6s cubic-bezier(.2,.8,.2,1) both meter-grow}@keyframes meter-grow{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.meter-segment,.slot-frame img{animation:none}}.search-progress{max-width:38rem}.search-progress .status{margin:0 0 var(--space-2)}.progress-track{gap:3px;height:.625rem;display:flex;overflow:hidden}.progress-segment{background:var(--line);border-radius:2px;flex:1;transition:background-color .3s}.progress-segment[data-state=done]{background:var(--ink)}.progress-segment[data-state=running]{background:repeating-linear-gradient(-45deg, var(--ink-soft) 0 6px, var(--line) 6px 12px);background-size:17px 100%;animation:.7s linear infinite progress-stripes}@keyframes progress-stripes{to{background-position:17px 0}}.progress-waiting{background:linear-gradient(90deg, var(--line) 0 35%, var(--ink-soft) 50%, var(--line) 65% 100%);background-size:300% 100%;border-radius:2px;flex:1;animation:1.4s ease-in-out infinite progress-sweep}@keyframes progress-sweep{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.progress-segment[data-state=running],.progress-waiting{animation:none}}.damage-physical{background:var(--physical)}.damage-magic{background:var(--magic)}.damage-true{background:repeating-linear-gradient(-45deg, var(--true-ink) 0 3px, transparent 3px 6px);box-shadow:inset 0 0 0 1px var(--true-ink)}.table-scroll{overflow-x:auto}.sources{border-collapse:collapse;width:100%;font-size:.9375rem}.sources caption{text-align:left;padding-bottom:var(--space-2);font-weight:600}.sources th,.sources td{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--line);text-align:left}.sources th:not(:first-child),.sources td:not(:first-child){white-space:nowrap}.sources th{color:var(--ink-soft);font-size:.8125rem;font-weight:600}@media (width<=30rem){.sources th,.sources td{padding:var(--space-2) var(--space-1)}}.sources th:first-child,.sources td:first-child{padding-left:0}.numeric{font-family:var(--font-numbers);font-variant-numeric:tabular-nums}.sources .numeric{text-align:right}.swatch{width:.75rem;height:.75rem;margin-right:var(--space-2);vertical-align:-.05em;border-radius:2px;display:inline-block}.share{align-items:center;gap:var(--space-3);margin:var(--space-6) 0 var(--space-2);flex-wrap:wrap;display:flex}a{color:var(--ink);text-underline-offset:.2em}.search-note,.status,.empty{color:var(--ink-soft);max-width:38rem}.search-note{margin:0;font-size:.875rem}.warning{padding:var(--space-3) var(--space-4);background:var(--warning-bg);color:var(--warning-ink);border-radius:4px;max-width:38rem}.error{color:var(--error-ink);max-width:38rem;font-weight:600}.colophon{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--ink-soft);font-size:.8125rem}.colophon p{max-width:48rem;margin:0}.runes{gap:var(--space-1) var(--space-3);margin:0 0 var(--space-4);flex-wrap:wrap;align-items:baseline;display:flex}.runes-keystone{font-weight:600}.runes-detail{color:var(--ink-soft);font-size:.875rem}.families{margin:var(--space-4) 0}.families-tabs{gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));display:grid}.families-tab{gap:var(--space-1);min-width:0;padding:var(--space-2);border:1px solid var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:4px;flex-direction:column;align-items:flex-start;display:flex}.families-tab[aria-selected=true]{border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink)}.families-tab:disabled{cursor:default;opacity:.6}.families-name{font-weight:600}.families-items{flex-wrap:wrap;gap:2px;display:flex}.families-gap{color:var(--ink-soft);font-size:.8125rem}.purchases{margin-top:var(--space-4)}.purchases h4{margin:0 0 var(--space-1);font-size:1rem}.purchases-note{margin:0 0 var(--space-2);color:var(--ink-soft);font-size:.8125rem}.purchases-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.purchase-rank{font-variant-numeric:tabular-nums;min-width:1.5rem;color:var(--ink-soft)}.purchases-list li{gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.purchase-name{flex:10rem}.purchase-price,.purchase-dps{font-variant-numeric:tabular-nums;color:var(--ink-soft)}