:root{color-scheme:light dark;--bg: #f7f6f2;--surface: #ffffff;--text: #1c1b19;--muted: #5e5b54;--rule: #d9d6ce;--control-border: #8f8a7e;--accent-fill: #b3362e;--accent-text: #9e2b25;--on-accent: #ffffff;--chip-on: color-mix(in srgb, var(--text) 8%, var(--surface));--hover: color-mix(in srgb, var(--text) 6%, transparent);--flash: color-mix(in srgb, var(--accent-fill) 18%, transparent);--gutter: 16px;--bar-height: 0px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #151514;--surface: #1e1e1c;--text: #eceae4;--muted: #a29e95;--rule: #34332f;--control-border: #76726a;--accent-text: #ef5f55;--flash: color-mix(in srgb, var(--accent-fill) 35%, transparent)}}@media(min-width:720px){:root{--gutter: 32px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-bottom:calc(var(--bar-height) + 16px)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:24px;accent-color:var(--accent-fill)}h1,h2,h3,p,ul{margin:0}h1{font-size:28px;line-height:34px;font-weight:700}h2{font-size:22px;line-height:28px;font-weight:650}h3{font-size:16px;line-height:24px;font-weight:600}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.muted,.hint{color:var(--muted);font-size:15px;line-height:22px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.masthead,.filter-bar,.filters-body,.filters-block,.results,.summary,.result-section,.substitutions,.footer{grid-template-columns:minmax(0,1fr)}.app{max-width:calc(960px + 2 * var(--gutter));margin:0 auto;padding:24px var(--gutter) calc(var(--bar-height) + 24px)}.masthead{display:grid;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--rule)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.control-label{color:var(--muted);font-size:15px;line-height:22px;margin-right:8px}.select,.search{min-height:44px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface);color:var(--text);padding:0 12px}.select{padding-right:8px;cursor:pointer}.search{width:100%}.button{min-height:44px;padding:0 16px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface);color:var(--text);font-weight:600;cursor:pointer;white-space:nowrap}.button:hover:not(:disabled){border-color:var(--text)}.button--primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.button--primary:hover:not(:disabled){border-color:var(--accent-fill);background:color-mix(in srgb,var(--accent-fill) 85%,#000000)}.button--quiet{background:transparent;font-weight:500;padding:0 12px}.button:disabled{opacity:.5;cursor:default}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto}.split-button{display:flex}.split-button>.button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.split-button__toggle{margin-left:-1px;padding:0;width:44px;display:grid;place-items:center;border-top-left-radius:0;border-bottom-left-radius:0}.split-button__toggle .chevron{transform:rotate(90deg)}.copy-menu{position:fixed;inset:auto;margin:0;padding:4px;min-width:220px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface);color:var(--text)}.copy-menu__item{display:block;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;font-weight:500;text-align:left;cursor:pointer}.copy-menu__item:hover{background:color-mix(in srgb,var(--text) 8%,var(--surface))}.filters-note{font-size:15px;line-height:22px;color:var(--accent-text);font-weight:600}.segmented{display:flex;align-items:center}.segment{position:relative;display:block;margin-left:-1px}.segment input,.chip input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.segment span{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--control-border);background:var(--surface);font-variant-numeric:tabular-nums}.segment:first-of-type{margin-left:0}.segment:first-of-type span{border-radius:6px 0 0 6px}.segment:last-of-type span{border-radius:0 6px 6px 0}.segment:hover span{background:var(--chip-on)}.segment input:checked+span{position:relative;background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:600}.segment input:focus-visible+span,.chip input:focus-visible+.chip-face{position:relative;z-index:2;outline:2px solid var(--accent-text);outline-offset:2px}.filter-bar{display:grid;gap:12px}.chip-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chip-group>.control-label{margin-right:4px}.chip{position:relative;display:block}.chip-face{display:flex;align-items:center;gap:6px;height:44px;padding:0 12px 0 10px;border:1px solid var(--control-border);border-radius:6px;background:transparent;color:var(--muted);text-transform:capitalize}.chip-check{width:1em;text-align:center;visibility:hidden;font-weight:700}.chip:hover .chip-face{border-color:var(--text)}.chip input:checked+.chip-face{background:var(--chip-on);color:var(--text)}.chip input:checked+.chip-face .chip-check{visibility:visible}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.chevron{flex:none;color:var(--muted);transition:transform .15s ease}details[open]>summary .chevron{transform:rotate(90deg)}.filters-summary{display:flex;align-items:center;gap:6px;width:max-content;min-height:44px;padding:0 16px 0 12px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface);font-weight:600}.filters-summary:hover{border-color:var(--text)}.filters-body{display:grid;gap:24px;padding:16px 0 8px}.filters-block{display:grid;gap:8px}.filters-block--narrow{max-width:640px}.block-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.block-actions{display:flex;gap:8px}.category-list{display:grid;grid-template-columns:1fr;column-gap:24px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.category-row{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 8px;border-radius:6px;cursor:pointer}.category-row:hover{background:var(--hover)}.category-row input{width:18px;height:18px;margin:0;flex:none}@media(min-width:720px){.category-list{grid-template-columns:1fr 1fr;max-height:308px;overflow-y:auto}.filter-bar>.chip-group,.filters{grid-row:1;grid-column:1}.filter-bar>.chip-group{position:relative;z-index:1;align-self:start;justify-self:start}.filters-summary{margin-left:auto}}.results{display:grid;gap:24px;padding-top:16px}.summary{display:grid;gap:2px}.summary-line{display:flex;flex-wrap:wrap;font-variant-numeric:tabular-nums}.summary-line>span{white-space:pre}.summary-line strong{font-weight:600}.result-section{display:grid;gap:4px}.count{color:var(--muted);font-weight:400}.item-list{list-style:none;padding:0;border-top:1px solid var(--rule)}.item-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;column-gap:8px;border-bottom:1px solid var(--rule)}.item-row.is-flash-0{animation:flash-a 1s ease-out}.item-row.is-flash-1{animation:flash-b 1s ease-out}@keyframes flash-a{0%{background:var(--flash)}to{background:transparent}}@keyframes flash-b{0%{background:var(--flash)}to{background:transparent}}@media(prefers-reduced-motion:reduce){.item-row.is-flash-0,.item-row.is-flash-1{animation:none;outline:2px solid var(--accent-text);outline-offset:-2px}.chevron{transition:none}}.item-summary{display:grid;grid-template-columns:16px minmax(0,1fr) auto 7rem;grid-template-areas:"chev name level price";align-items:center;column-gap:12px;min-height:44px;padding:10px 0}.item-summary .chevron{grid-area:chev}.item-summary:hover .item-name{text-decoration:underline;text-decoration-color:var(--control-border);text-underline-offset:3px}.item-name{grid-area:name;font-size:17px;line-height:24px;font-weight:500;overflow-wrap:anywhere}.item-level{grid-area:level;color:var(--muted);font-size:15px;line-height:22px;text-align:right;white-space:nowrap}.item-price{grid-area:price;text-align:right;white-space:nowrap}.item-meta{padding:0 0 12px 28px;color:var(--muted);font-size:15px;line-height:22px}.item-meta a{color:var(--accent-text);text-underline-offset:2px}.row-error{grid-column:1 / -1;padding:0 0 10px 28px;color:var(--accent-text);font-size:15px;line-height:22px}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.icon-button:hover{background:var(--hover);color:var(--text)}.tag{display:inline-block;margin-left:8px;padding:0 6px;border-radius:6px;font-size:14px;line-height:20px;font-weight:600;text-transform:capitalize;vertical-align:1px;color:#fff}.tag--short{display:none}.tag--uncommon{background:#98513d}.tag--rare{background:#002664}.tag--unique{background:#54166e}@media(prefers-color-scheme:dark){.tag--uncommon{background:#5a3226;color:#f1c3ad}.tag--rare{background:#1d3360;color:#c4d6f7}.tag--unique{background:#3d2152;color:#dcc4ef}}.coins-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-right:52px}.coins-line .num{font-size:18px;line-height:26px;font-weight:600}.substitutions{display:grid;gap:4px}.substitutions ul{padding-left:20px;color:var(--muted);font-size:15px;line-height:22px}.notice{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.notice p{flex:1 1 260px;color:var(--accent-text);font-weight:600}.footer{display:grid;gap:8px;margin-top:32px;padding-top:16px;border-top:1px solid var(--rule);color:var(--muted);font-size:14px;line-height:20px}.footer .seed{font-size:15px;line-height:22px}@media(max-width:719px){:root{--bar-height: 69px}.app:has(.filters-note){--bar-height: 99px}.masthead{gap:12px}.controls{gap:12px 16px}.chip-group--rarity>.control-label{flex-basis:100%}.actions{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;margin:0;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--rule)}.filters-note{grid-column:1 / -1}.item-summary{grid-template-columns:16px minmax(0,1fr) auto;grid-template-areas:"chev name price" ". level price";align-items:start;row-gap:0;padding:9px 0}.item-summary .chevron{margin-top:4px}.item-level{text-align:left}.tag--full{display:none}.tag--short{display:inline-grid;place-items:center;width:20px;margin-left:8px;padding:0;vertical-align:0}.item-price{align-self:center}.item-row>.icon-button{align-self:start;margin-top:10px}}
