:root{--bg: #131315;--bg-2: #191a1d;--bg-3: #1f2024;--line: #2c2e33;--line-2: #3a3d44;--fg: #e8e8ea;--fg-2: #a5a7ad;--fg-3: #74777e;--accent: #6f8fd0;--danger: #d08a8a;--radius: 4px;--gap: 12px;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.45;color:var(--fg);background:var(--bg);-webkit-text-size-adjust:100%}h1,h2,h3{font-weight:600;margin:0}code{font-family:var(--mono);font-size:.92em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip{position:absolute;left:-9999px;top:0;background:var(--bg-3);color:var(--fg);padding:8px 12px;z-index:10}.skip:focus{left:8px;top:8px}.topbar{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 16px}.topbar-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.wordmark{font-size:15px;letter-spacing:.02em}.count{margin:0;color:var(--fg-2);font-variant-numeric:tabular-nums}.controls{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-top:10px}.field{display:flex;flex-direction:column;gap:3px;min-width:0}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3)}.field-hint{font-size:11px;color:var(--fg-3);max-width:34ch}.field-input{font:inherit;color:var(--fg);background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius);padding:5px 8px;min-width:150px}.field-input::placeholder{color:var(--fg-3)}.field-check{justify-content:flex-start;padding-top:14px}.check{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.btn{font:inherit;color:var(--fg);background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--radius);padding:5px 12px;cursor:pointer}.btn:hover{border-color:var(--fg-3)}.btn-quiet{align-self:flex-end}.sidebar-toggle{display:none}.chips-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.chips-h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--radius);padding:2px 4px 2px 8px;font-size:12px;white-space:pre}.chip-type{color:var(--fg-3)}.chip-val{color:var(--fg)}.chip-x{font:inherit;font-size:11px;color:var(--fg-2);background:transparent;border:1px solid var(--line-2);border-radius:3px;padding:0 5px;cursor:pointer}.chip-x:hover{color:var(--fg);border-color:var(--fg-3)}.layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:20px;align-items:start;padding:16px}.sidebar{position:sticky;top:128px;max-height:calc(100vh - 148px);overflow-y:auto;padding-right:6px}.sidebar-h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin-bottom:8px}.sidebar-note{color:var(--fg-3);font-size:12px;margin:0 0 8px}.group{border-top:1px solid var(--line);padding:6px 0}.group:first-of-type{border-top:0}.group-h{margin:0}.group-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font:inherit;font-weight:600;color:var(--fg);background:none;border:0;padding:4px 0;cursor:pointer;text-align:left}.group-tally{color:var(--fg-3);font-weight:400;font-size:11px;font-variant-numeric:tabular-nums}.group-toggle[aria-expanded=false]+.group-list{display:none}.group-list{list-style:none;margin:2px 0 4px;padding:0}.variant-label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:2px;border-radius:3px;cursor:pointer;font-size:13px}.variant-label:hover{background:var(--bg-2)}.variant-name{color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere}.variant-count{color:var(--fg-3);font-size:11px;font-variant-numeric:tabular-nums}.variant.is-disabled .variant-label{cursor:not-allowed;opacity:.4}.variant.is-disabled .variant-name{text-decoration:line-through}.variant.is-selected .variant-name{color:var(--accent);font-weight:600}.main{min-width:0}[hidden]{display:none!important}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile, 200px),1fr));gap:var(--gap)}.grid.tile-s{--tile: 132px}.grid.tile-m{--tile: 200px}.grid.tile-l{--tile: 320px}.card{min-width:0}.card-btn{display:block;width:100%;padding:0;font:inherit;color:inherit;text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer}.card-btn:hover{border-color:var(--line-2)}.card-thumb{position:relative;display:block;aspect-ratio:1 / 1;background:var(--bg-3)}.card-img{display:block;width:100%;height:100%;object-fit:cover}.card-img.is-broken{visibility:hidden}.card-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--fg-3);font-size:11px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 7px;font-size:12px;font-variant-numeric:tabular-nums}.card-badge{border:1px solid var(--line-2);border-radius:3px;padding:0 4px;font-size:10px;color:var(--fg-2)}.grid-foot{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 0 40px}.grid-status{color:var(--fg-3);margin:0;font-variant-numeric:tabular-nums}.sentinel{width:100%;height:1px}.panel{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-2);padding:16px;margin-bottom:16px}.panel-h{font-size:14px;margin-bottom:4px}.panel-body{color:var(--fg-2);margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}.panel-body:last-child{margin-bottom:0}.panel-error{border-color:var(--danger)}.panel-error .panel-h{color:var(--danger)}.detail{width:min(880px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;color:var(--fg);background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius);overflow:auto}.detail::backdrop{background:#000000a8}.detail-close-form{display:flex;justify-content:flex-end;padding:8px 8px 0}.detail-close{font:inherit;font-size:12px;color:var(--fg-2);background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--radius);padding:3px 10px;cursor:pointer}.detail-body{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:20px;padding:8px 16px 20px}.detail-figure{background:var(--bg-3);border-radius:var(--radius);overflow:hidden;align-self:start}.detail-img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.detail-h{font-size:17px}.detail-badge{display:inline-block;margin:6px 0 0;border:1px solid var(--line-2);border-radius:3px;padding:1px 6px;font-size:11px;color:var(--fg-2)}.detail-meta{margin:12px 0 0;font-size:12px}.detail-meta dt{color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.detail-meta dd{margin:2px 0 0;overflow-wrap:anywhere;color:var(--fg-2)}.detail-sub{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin:16px 0 6px}.traits{list-style:none;margin:0;padding:0}.trait{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:5px 0;border-top:1px solid var(--line);font-size:13px}.trait-type{color:var(--fg-3);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.trait-val{white-space:pre-wrap;overflow-wrap:anywhere}.trait-share{color:var(--fg-2);font-size:12px;font-variant-numeric:tabular-nums}.detail-note{color:var(--fg-3);font-size:12px;margin:12px 0 0}@media(max-width:760px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;max-height:none}.sidebar[hidden]{display:none}.sidebar-toggle{display:inline-block}.detail-body{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.main-wide{max-width:none}.denominator{color:var(--fg-3);font-size:12px;margin:0 0 18px;max-width:72ch}.tgroup{margin:0 0 34px}.tgroup-h{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font-size:15px;font-weight:600;border-bottom:1px solid var(--line-2);padding-bottom:8px}.tgroup-tally{color:var(--fg-3);font-weight:400;font-size:12px;font-variant-numeric:tabular-nums}.tgroup-optional{color:var(--fg-3);font-weight:400;font-size:11px;border:1px solid var(--line-2);border-radius:999px;padding:1px 7px}.tgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tcard, 172px),1fr));gap:var(--gap)}.tgrid.tile-s{--tcard: 124px}.tgrid.tile-m{--tcard: 172px}.tgrid.tile-l{--tcard: 248px}.tcard{margin:0}.tcard-link{display:block;text-decoration:none;color:inherit;border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden;background:var(--bg-2)}.tcard-link:hover{border-color:var(--line-1)}.tcard-link:focus-visible{outline:2px solid var(--fg-1);outline-offset:2px}.tcard-thumb{position:relative;display:block;aspect-ratio:1 / 1;background:var(--bg-3)}.tcard-img{display:block;width:100%;height:100%;object-fit:cover}.tcard-img.is-broken{visibility:hidden}.tcard-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--fg-3);font-size:10px}.tcard-body{display:block;padding:8px 9px 10px}.tcard-name{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcard-stats{display:flex;justify-content:space-between;gap:6px;margin-top:3px;color:var(--fg-3);font-size:11px;font-variant-numeric:tabular-nums}.tcard-bar{display:block;margin-top:6px;height:3px;background:var(--bg-3);border-radius:2px;overflow:hidden}.tcard-bar-fill{display:block;height:100%;width:var(--w, 0%);background:var(--fg-3)}.tcard-absent .tcard-name{font-style:italic;color:var(--fg-3)}.detail-img.is-upgrading{filter:blur(.4px)}.builder{display:grid;grid-template-columns:minmax(320px,560px) 1fr;gap:26px;align-items:start}@media(max-width:900px){.builder{grid-template-columns:1fr}}.builder-stage{position:sticky;top:16px}.canvas-wrap{border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden;background:var(--bg-3)}#stage{display:block;width:100%;height:auto;image-rendering:auto}.score{margin-top:14px}.score-head{margin:0;font-size:15px;font-weight:600}.score-sub{margin:4px 0 0;color:var(--fg-3);font-size:12px;font-variant-numeric:tabular-nums}.score-exists{margin:6px 0 0;font-size:12px;color:var(--fg-2)}.score-detail{margin-top:10px;font-size:12px}.score-detail summary{cursor:pointer;color:var(--fg-3)}.score-list{list-style:none;margin:8px 0 0;padding:0}.score-list li{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px solid var(--line-2);font-variant-numeric:tabular-nums}.score-list li span:last-child{color:var(--fg-3)}.score-formula{margin:8px 0 0;color:var(--fg-3);font-size:11px}.builder-pickers{display:grid;gap:20px}.picker.is-occluded{opacity:.5}.picker-h{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font-size:13px;font-weight:600;border-bottom:1px solid var(--line-2);padding-bottom:6px}.picker-value{color:var(--fg-3);font-weight:400;font-size:12px}.picker-occluded{color:var(--fg-3);font-weight:400;font-size:10px;border:1px solid var(--line-2);border-radius:999px;padding:1px 6px}.picker-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.swatch{margin:0}.swatch-btn{display:block;width:100%;padding:0 0 5px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:6px;color:inherit;font:inherit;cursor:pointer;text-align:left;overflow:hidden}.swatch-btn:hover{border-color:var(--line-1)}.swatch-btn:focus-visible{outline:2px solid var(--fg-1);outline-offset:2px}.swatch-btn.is-selected{border-color:var(--fg-1);background:var(--bg-3)}.swatch-thumb{display:block;aspect-ratio:1 / 1;background:var(--bg-3)}.swatch-thumb.is-none{display:grid;place-items:center;color:var(--fg-3);font-size:10px}.swatch-img{display:block;width:100%;height:100%;object-fit:contain}.swatch-name{display:block;padding:4px 5px 0;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch-share{display:block;padding:0 5px;font-size:9px;color:var(--fg-3);font-variant-numeric:tabular-nums}.unresolved-note{margin:28px 0 0;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--radius);color:var(--fg-3);font-size:12px;max-width:90ch}.wp-main{padding:var(--gap) 16px 48px;max-width:980px;margin:0 auto}.wp-step{padding:20px 0;border-top:1px solid var(--line)}.wp-step:first-child{border-top:0}.wp-step-h{font-size:14px;margin:0 0 12px;display:flex;align-items:center;gap:8px}.wp-num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--bg-3);border:1px solid var(--line-2);font-size:11px;color:var(--fg-2)}.wp-sub{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin:18px 0 8px;font-weight:400}.wp-picks{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--gap)}.wp-pick-btn{display:block;width:100%;padding:0;cursor:pointer;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);color:inherit;font:inherit;text-align:left;overflow:hidden}.wp-pick-btn:hover{border-color:var(--fg-3)}.wp-pick-img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.wp-pick-name{display:block;padding:6px 8px;font-size:11px;color:var(--fg-2)}.wp-choices{display:flex;flex-wrap:wrap;gap:8px}.btn-choice{flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.btn-choice[aria-pressed=true]{border-color:var(--accent);background:var(--bg-3)}.wp-choice-label{font-size:13px}.wp-choice-sub{font-size:11px;color:var(--fg-3)}.btn-swatch{display:inline-flex;align-items:center;gap:7px}.btn-swatch[aria-pressed=true]{border-color:var(--accent);background:var(--bg-3)}.wp-dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--line-2);background:var(--swatch, transparent)}.btn-swatch .wp-choice-label{text-transform:capitalize}.wp-preview-wrap{margin:4px 0 16px;display:flex;justify-content:center;align-items:flex-start;gap:16px;flex-wrap:wrap}.wp-rail{flex:0 1 200px;min-width:170px}.wp-rail-h{margin-top:0}.wp-rail-choices{flex-direction:column;align-items:stretch}.wp-rail-choices .btn-choice{width:100%}@media(max-width:640px){.wp-preview-wrap{flex-direction:column-reverse;align-items:center}.wp-rail{flex:none;width:100%}.wp-rail-choices{flex-direction:row;justify-content:center}.wp-rail-choices .btn-choice{width:auto}}.wp-preview{display:block;max-width:100%;max-height:62vh;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;pointer-events:auto}.wp-hint{font-size:13px;color:var(--fg-2);margin:10px 0 2px}