@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111512;--surface:#191f1b;--surface-raised:#202822;--text:#f1f2ed;--muted:#a0aaa1;--quiet:#778179;--line:#e2ebe121;--accent:#c8f171;--danger:#ff8a7a;--mono:"DM Mono", "Courier New", monospace;--sans:"Manrope", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--bg);scrollbar-gutter:stable;scrollbar-color:#66765d transparent;scrollbar-width:thin}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:#66765d;border-radius:5px}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.workspace{width:min(100% - 40px,90rem);margin:0 auto;padding:22px 0 60px}.fan-content-notice{width:min(100% - 40px,90rem);color:var(--quiet);font:9px/1.6 var(--mono);margin:0 auto;padding:0 0 22px}.fan-content-notice p{max-width:100ch;margin:0}.search-primary{z-index:5;background:var(--bg);padding:9px 0 6px;position:sticky;top:0}.search-label{color:var(--muted);margin:0 0 6px 2px;font-size:11px;font-weight:700;display:block}.search-stack{background:#191f1bf7;border:1px solid #c8f17173;border-radius:9px;overflow:hidden;box-shadow:0 10px 30px #0003}.search-stack:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #c8f1711a,0 10px 30px #0000003d}.main-search{min-height:56px;color:var(--accent);background:0 0;border:0;border-radius:8px 8px 0 0;align-items:center;gap:13px;padding:5px 7px 5px 12px;display:flex}.main-search input{min-width:0;height:42px;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.main-search input::placeholder{color:#8b958d;opacity:1}.main-search>button{background:var(--accent);color:#182012;cursor:pointer;white-space:nowrap;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-width:112px;height:42px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.main-search>button:hover:not(:disabled){background:#d9ff91}.search-flip{display:block}.jev-subinput{border-top:1px solid var(--line);background:#0b0f0c3d;align-items:center;gap:9px;min-width:0;min-height:42px;padding:5px 7px 5px 16px;display:flex}.jev-subinput input{min-width:0;height:30px;color:var(--muted);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:11px}.jev-subinput input::placeholder{color:var(--quiet);opacity:1}.jev-subinput input:focus-visible{outline:0}.jev-subinput button{color:#d9efa9;cursor:pointer;background:#c8f17114;border:1px solid #c8f17147;border-radius:6px;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid}.jev-subinput button:hover:not(:disabled){color:var(--accent);background:#c8f17129}.jev-subinput button:focus-visible{color:var(--accent);background:#c8f17129}.search-primary>.query-error{margin:4px 2px 0}.context-strip{border:0;flex-direction:column;align-items:flex-start;gap:5px;margin:13px 0 0;padding:0 2px;display:flex}.context-row{grid-template-columns:64px minmax(0,1fr);align-items:center;column-gap:7px;width:100%;min-height:30px;display:grid}.format-label,.strip-label{color:var(--quiet);font:9px var(--mono)}.format-label{width:auto;padding:0}.format-select-wrap{width:min(254px,100%);height:30px;position:relative}.format-combobox{border:1px solid var(--line);background:var(--surface);color:#e7ebe5;cursor:pointer;text-align:left;border-radius:5px;align-items:center;width:100%;height:30px;padding:0 28px 0 9px;font-size:10px;display:flex}.format-select-wrap:focus-within .format-combobox{border-color:#c8f17180}.format-select-wrap>svg{pointer-events:none;color:var(--muted);position:absolute;top:9px;right:9px}.format-options{z-index:40;background:#171d19;border:1px solid #e2ebe12e;border-radius:7px;width:100%;max-height:min(320px,65vh);padding:4px;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 14px 35px #0000007a}.format-options>button{color:#eef1eb;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;width:100%;min-height:30px;padding:0 8px;font-size:10px;display:flex}.format-options>button:hover,.format-options>button.is-active{background:#29332b}.format-options>button.is-selected{color:#d6f39b}.strip-label,.plan-meta{color:var(--quiet);font:9px var(--mono)}.strip-label{width:auto}.commander-context-row{align-items:start}.commander-context-row>.strip-label{padding-top:10px}.commander-list{flex-wrap:wrap;align-content:flex-start;align-items:center;gap:5px;width:min(254px,100%);min-width:0;min-height:30px;display:flex;position:relative}.selected-commander{background:var(--surface);border:1px solid #c8f17152;border-radius:5px;align-items:center;width:min(254px,100%);min-width:0;max-width:100%;height:30px;display:inline-flex;position:relative}.selected-commander-trigger{color:#f1f2ed;cursor:zoom-in;background:0 0;border:0;border-radius:4px 0 0 4px;flex:1;align-items:center;gap:6px;min-width:0;height:100%;padding:2px 5px;font-size:9px;display:inline-flex}.selected-commander-trigger img{object-fit:cover;border-radius:2px;flex:none;width:17px;height:23px}.selected-commander-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-commander-trigger small{color:#c0c9c0;font:7px var(--mono);text-transform:uppercase}.remove-commander{color:#c0c9c0;cursor:pointer;background:0 0;border:0;border-left:1px solid #e2ebe11a;border-radius:0 4px 4px 0;flex:none;place-items:center;width:22px;height:26px;display:grid}.remove-commander:hover{color:#fff;background:#303a32}.commander-image-preview{z-index:30;opacity:0;pointer-events:none;background:#111512;border:1px solid #e2ebe142;border-radius:8px;width:min(240px,75vw);padding:5px;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-3px);box-shadow:0 16px 42px #00000094}.selected-commander.preview-open .commander-image-preview{opacity:1;pointer-events:auto;transform:translateY(0)}.commander-image-preview img{border-radius:5px;width:100%;height:auto;display:block}.commander-add{border:1px solid var(--line);background:var(--surface);border-radius:5px;flex:0 0 254px;align-items:center;gap:3px;width:254px;max-width:100%;height:30px;padding:2px 4px 2px 9px;display:inline-flex;position:relative}.commander-add:focus-within{border-color:#c8f17180}.commander-add input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:10px}.commander-add input[role=combobox]:focus-visible{outline:none}.commander-add button{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.commander-add button:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.commander-candidates{z-index:40;background:#171d19;border:1px solid #e2ebe12e;border-radius:7px;width:min(370px,100vw - 40px);max-height:min(320px,65vh);padding:4px;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 14px 35px #0000007a}.commander-candidates>button{color:#eef1eb;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;width:100%;min-height:48px;padding:5px 7px;display:flex}.commander-candidates>button:hover,.commander-candidates>button.is-active{background:#29332b}.commander-candidates>button>img{object-fit:cover;border-radius:3px;flex:none;width:27px;height:38px}.candidate-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.candidate-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.candidate-copy small,.candidate-identity{color:#bec8be;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.candidate-identity{font-family:var(--mono);text-transform:uppercase;flex:none}.commander-add input::placeholder{color:var(--quiet)}.commander-note{color:var(--quiet);font:8px var(--mono);flex-basis:100%}.commander-note.error{color:var(--danger)}.search-progress-slot{align-items:center;height:27px;margin:10px 1px 0;display:flex}.search-progress{color:#8f9a90;width:100%;min-width:0;height:20px;font:9px/1 var(--mono);align-items:center;gap:7px;display:flex;overflow:hidden}.search-progress>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-progress svg,.search-progress>div{opacity:.78;flex:0 0 13px;width:13px;height:13px}.search-progress.is-idle{visibility:hidden}.results{margin-top:4px}.results-layout{grid-template-columns:minmax(0,1fr) 168px;align-items:start;gap:18px;display:grid}.results-summary{width:100%;min-height:15px;color:var(--quiet);font:8px/1.2 var(--mono);justify-content:space-between;align-items:center;gap:12px;margin:0 2px 4px;display:flex}.result-sort-controls{align-items:center;gap:5px;margin-left:auto;display:inline-flex}.sort-label,.sort-colon{color:var(--quiet);font:8px var(--mono)}.sort-select-wrap{height:24px;position:relative}.sort-combobox{border:1px solid var(--line);background:var(--surface);color:#e7ebe5;cursor:pointer;text-align:left;border-radius:4px;justify-content:space-between;align-items:center;gap:5px;width:118px;height:24px;padding:0 21px 0 7px;font-size:9px;display:flex}.sort-select-wrap:last-child .sort-combobox{width:58px}.sort-combobox span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sort-select-wrap>svg{pointer-events:none;color:var(--muted);position:absolute;top:6px;right:7px}.sort-select-wrap:focus-within .sort-combobox{border-color:#c8f17180}.sort-options{z-index:40;background:#171d19;border:1px solid #e2ebe12e;border-radius:6px;width:150px;max-height:min(280px,55vh);padding:3px;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 14px 35px #0000007a}.sort-select-wrap:last-child .sort-options{width:72px}.sort-options>button{color:#eef1eb;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;width:100%;min-height:24px;padding:0 6px;font-size:9px;display:flex}.sort-options>button:hover,.sort-options>button.is-active{background:#29332b}.sort-options>button.is-selected{color:#d6f39b}.plan-confidence{min-width:0}.result-count-link{color:var(--quiet);font:inherit;flex:none;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.result-count-link:hover{color:var(--text)}.result-count-link svg{width:11px;height:11px}.query-error{color:#ffc1b6;width:100%;font:9px/1.5 var(--mono);overflow-wrap:anywhere;margin:6px 2px 0}.query-note{color:#d6f39b;width:100%;font:9px/1.5 var(--mono);overflow-wrap:anywhere;background:#c8f1710f;border:1px solid #c8f17147;border-radius:4px;margin:6px 2px 0;padding:6px 8px}.plan-meta{flex-wrap:wrap;gap:13px;margin:10px 2px 12px;font-size:8px;display:flex}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4em;display:grid}.load-more-region{justify-content:center;align-items:center;gap:10px;min-height:56px;padding:18px 0 6px;display:flex}.load-more-status{color:var(--quiet);font:8px/1.4 var(--mono);text-align:center}.load-more-button{min-height:28px;color:var(--accent);cursor:pointer;font:8px var(--mono);background:#c8f17114;border:1px solid #c8f17161;border-radius:4px;padding:0 9px}:is(.load-more-button:hover,.load-more-button:focus-visible){background:#c8f17129}.card-tile{min-width:0;animation:.2s both appear;position:relative}.card-visual{z-index:0;aspect-ratio:488/680;background:var(--surface);width:100%;color:var(--text);cursor:zoom-in;text-align:left;border:1px solid #e2ebe126;border-radius:7px;padding:0;display:block;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.card-visual:hover .card-image{transform:scale(1.025)}.card-no-image{width:100%;height:100%;color:var(--muted);text-align:center;place-items:center;padding:12px;font-size:11px;display:grid}.card-hover-overlay{z-index:1;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#080b09c7 43%,#080b09f7 100%);border-radius:0 0 7px 7px;align-items:end;min-height:31%;padding:24px 9px 9px;transition:opacity .16s;display:flex;position:absolute;inset:auto 0 0}:is(.card-visual:hover+.card-hover-overlay,.card-visual:focus-visible+.card-hover-overlay){opacity:1}.card-hover-content{color:#f5f7f1;text-shadow:0 1px 3px #000000e6;flex-direction:column;align-items:flex-start;gap:4px;width:100%;display:flex}.overlay-mana{color:#f1f4ec;font:10px var(--mono)}.overlay-title{color:#fff;font-size:12px;font-weight:800;line-height:1.3}.overlay-type{color:#f0f3ed;font-size:9px;line-height:1.35}.card-detail-backdrop{z-index:100;background:#050806d6;place-items:center;padding:20px;animation:.16s both detail-fade;display:grid;position:fixed;inset:0}.card-detail-dialog{background:#111713;border:1px solid #dde9da2e;border-radius:10px;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:clamp(18px,4vw,42px);width:min(100%,1040px);height:min(100%,760px);min-height:0;padding:clamp(18px,4vw,38px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000b3}.card-detail-close{z-index:2;color:#f4f6f0;cursor:pointer;background:#1e2821;border:1px solid #dde9da38;border-radius:6px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.card-detail-close:hover{background:#303c33}.card-detail-art{place-items:center;min-height:0;display:grid}.card-detail-art img{object-fit:contain;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 14px 38px #00000080}.card-detail-copy{overscroll-behavior:contain;color:#f2f4ee;scrollbar-width:thin;scrollbar-color:#9aad84 #202922;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:16px 18px 16px 0;display:flex;overflow-y:auto}.card-detail-copy::-webkit-scrollbar{width:8px}.card-detail-copy::-webkit-scrollbar-track{background:#202922;border-radius:5px}.card-detail-copy::-webkit-scrollbar-thumb{background:#9aad84;border:2px solid #202922;border-radius:5px}.card-detail-copy h2{color:#f4f6f0;overflow-wrap:anywhere;margin:0;padding-right:34px;font-size:24px;font-weight:800;line-height:1.2}.card-detail-type{color:#c6d0c6;margin:-9px 0 2px;font-size:14px;line-height:1.4}.card-detail-copy .overlay-section-title,.card-detail-copy .match-clause,.card-detail-copy .overlay-tag-list>span{font-size:10px}.card-detail-copy .overlay-scryfall{min-height:36px;margin-top:auto;font-size:12px}.card-detail-art>span{color:var(--muted)}.card-detail-dialog:focus{outline:none}@keyframes detail-fade{0%{opacity:0}to{opacity:1}}.overlay-section{flex-direction:column;align-items:flex-start;gap:5px;width:100%;display:flex}.overlay-section-title{color:#d6f39b;font:9px var(--mono)}.overlay-matches{flex-wrap:wrap;gap:4px;display:flex}.match-clause{color:#f4f8ef;font:9px/1.3 var(--mono);overflow-wrap:anywhere;background:#263528;border:1px solid #d6f39b7a;border-radius:3px;padding:3px 5px}.overlay-tag-list{flex-wrap:wrap;gap:4px;display:flex}.overlay-tag-list>span{color:#f0f3ed;font:9px/1.35 var(--mono);overflow-wrap:anywhere;background:#202923;border:1px solid #68766a;border-radius:3px;padding:2px 5px}.query-chip{align-items:center;gap:3px;max-width:100%;display:inline-flex}.query-chip>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.query-chip-add{width:17px;height:16px;color:var(--accent);cursor:pointer;opacity:1;pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:3px;flex:none;place-items:center;padding:1px;line-height:0;display:grid}:is(.query-chip-add:hover,.query-chip-add:focus-visible){background:#c8f1711a;border-color:#c8f17173}.overlay-tag-list>.query-chip:hover .query-chip-add{opacity:1;pointer-events:auto}.query-chip-add:focus-visible{opacity:1;pointer-events:auto}.query-chip-add svg{width:11px;height:11px}.overlay-scryfall{color:#f4f8ef;background:#293622;border:1px solid #9aba60;border-radius:4px;align-items:center;gap:6px;min-height:30px;margin-top:2px;padding:0 8px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.overlay-scryfall:hover{background:#3a4b2e}.empty-results{color:var(--muted);text-align:center;padding:36px 0;font-size:11px}.otag-rail{background:#191f1bb8;border:1px solid #e2ebe11f;border-radius:7px;max-height:calc(100dvh - 94px);padding:12px 10px 10px;position:sticky;top:78px;overflow:hidden}.otag-rail-heading{margin-bottom:10px}.otag-rail h2{color:var(--quiet);font:9px var(--mono);text-transform:uppercase;align-items:baseline;gap:6px;margin:0;line-height:1.2;display:flex}.otag-total{font:inherit;margin-left:auto}.otag-list{scrollbar-color:#66765d transparent;scrollbar-width:thin;gap:1px;max-height:calc(100dvh - 180px);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.otag-list li{border-bottom:1px solid #e2ebe112;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;min-width:0;padding:5px 0;display:grid}.otag-slug{color:#dce5d9;min-width:0;font:9px/1.25 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.otag-add{width:20px;height:17px;color:var(--accent);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;padding:2px 4px;line-height:0;display:grid}.otag-add svg{width:11px;height:11px}:is(.otag-add:hover,.otag-add:focus-visible){background:#c8f1711a;border-color:#c8f17173}.otag-list li:hover .otag-add{opacity:1;pointer-events:auto}.otag-add:focus-visible{opacity:1;pointer-events:auto}.otag-count{min-width:20px;color:var(--accent);font:9px var(--mono);text-align:center;background:#c8f17114;border:1px solid #c8f17147;border-radius:3px;padding:2px 4px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spinner,.mini-spinner{border:2px solid #18201238;border-top-color:#182012;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.mini-spinner{border-color:#c8f1713d;border-top-color:var(--accent);width:11px;height:11px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px) and (min-width:561px){.results-layout{grid-template-columns:minmax(0,1fr) 150px;gap:12px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.otag-rail{padding-left:8px;padding-right:8px}.otag-add{opacity:1;pointer-events:auto}}@media (max-width:560px){.workspace{width:calc(100% - 24px);padding-top:12px}.fan-content-notice{width:calc(100% - 24px);padding-bottom:16px;font-size:8px}.search-primary{padding-top:5px}.main-search{gap:8px;padding-left:9px}.main-search>button{gap:5px;min-width:102px;padding:0 8px;font-size:10px}.jev-subinput{gap:7px;padding-left:9px}.commander-strip{grid-template-columns:75px minmax(0,1fr)}.context-row{grid-template-columns:64px minmax(0,1fr)}.commander-list,.format-select-wrap{width:min(254px,100%)}.results{margin-top:3px}.results-layout{grid-template-columns:minmax(0,1fr);gap:18px}.otag-rail{max-height:none;padding:11px 10px 9px;position:static}.otag-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;max-height:260px}.otag-add{opacity:1;pointer-events:auto}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.overlay-title{font-size:10px}.overlay-type{font-size:8px}.card-detail-backdrop{padding:0}.card-detail-dialog{border:0;border-radius:0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;width:100%;height:100%;max-height:100dvh;padding:52px 14px 16px}.card-detail-art img{border-radius:7px;max-height:72dvh}.card-detail-copy{gap:12px;padding:8px 8px 12px 0}.card-detail-copy h2{font-size:17px}.card-detail-type{font-size:11px}.card-detail-copy .match-clause,.card-detail-copy .overlay-tag-list>span{font-size:8px}}@media (max-width:390px){.context-row{grid-template-columns:58px minmax(0,1fr);column-gap:6px}.commander-list,.format-select-wrap{width:min(254px,100%)}.commander-add{flex-basis:100%;width:100%}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-title{font-size:10px}.card-detail-dialog{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:10px;padding-left:9px;padding-right:9px}.card-detail-art img{max-height:62dvh}}@media (max-width:768px){.query-chip-add{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}