:root{--bg:#0e1014;--panel:#16191f;--panel-2:#1d2129;--border:#272c36;--text:#e6e8ec;--muted:#939aa8;--accent:#7dd3a8;--accent-dim:#7dd3a824;--danger:#f08a8a;--radius:10px;--card-ratio:488 / 680;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}h1,h2{letter-spacing:-.01em;margin:0;font-weight:600}.app{flex-direction:column;min-height:100svh;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--panel);z-index:10;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:sticky;top:0}.brand{color:inherit;flex-direction:column;text-decoration:none;display:flex}.brand strong{letter-spacing:-.02em;font-size:20px}.brand span{color:var(--muted);font-size:12px}.app-nav{align-items:center;gap:8px;display:flex}.app-footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin-top:auto;padding:20px;font-size:12px}.app-footer p{max-width:720px;margin:0 auto 6px}.app-footer a{color:inherit;text-decoration:underline}.link-button{appearance:none;border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 12px;font-size:13px;text-decoration:none}.link-button:hover{border-color:var(--accent);color:var(--accent)}.browse{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px;padding:24px 20px;transition:grid-template-columns .28s cubic-bezier(.2,.8,.2,1);display:grid}.browse-advanced{grid-template-columns:600px minmax(0,1fr)}@media (width<=900px){.browse,.browse-advanced{grid-template-columns:1fr}}.advanced-toggle{appearance:none;text-align:left;font:inherit;border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.advanced-toggle span{color:var(--muted);font-size:12px;font-weight:400}.advanced-toggle:hover{background:var(--accent);color:#10131a}.advanced-toggle:hover span{color:#10131a}.filters-advanced{max-height:calc(100svh - 108px);padding:0 16px;overflow:hidden auto}.filters-advanced .advanced{min-width:566px;animation:.28s ease-out advanced-in}@keyframes advanced-in{0%{opacity:0;transform:translate(-12px)}}@media (width<=900px){.filters-advanced{max-height:none}.filters-advanced .advanced{min-width:0}}@media (width<=700px){.filters-advanced .adv-rows .adv-row{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion:reduce){.browse{transition:none}.filters-advanced .advanced{animation:none}}.filters-advanced .advanced{max-width:none;padding:16px 0 0}.filters-advanced .advanced-head{z-index:1;background:var(--panel);border-bottom:1px solid var(--border);margin:0 -16px;padding:0 16px 12px;position:sticky;top:0}.filters-advanced .adv-row{grid-template-columns:130px minmax(0,1fr);gap:14px}.filters-advanced .advanced-submit{margin-bottom:16px}.adv-search-now{border-color:var(--accent);color:var(--accent);font-weight:600}.advanced-head-actions{flex-wrap:wrap;gap:8px;display:flex}.filters{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:20px;padding:16px;display:flex;position:sticky;top:84px}.filters-head{justify-content:space-between;align-items:center;display:flex}.filters-head h2{font-size:15px}.filter-group{flex-direction:column;gap:8px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}input,select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 10px;font-size:14px}input:focus,select:focus{border-color:var(--accent);outline:none}.hint{color:var(--muted);margin:0;font-size:11px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:13px}.chip:hover{border-color:var(--muted)}.chip-on{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.chip-color{opacity:.55;place-items:center;padding:5px 8px;display:inline-grid}.chip-color .mana-symbol{width:22px;height:22px;margin:0}.chip-color:hover,.chip-color.chip-on{opacity:1}.chip-w.chip-on{color:#f3ecd6;background:#e9e0c029;border-color:#e9e0c0}.chip-u.chip-on{color:#a8cef1;background:#7fb4e329;border-color:#7fb4e3}.chip-b.chip-on{color:#c0b4d1;background:#9c8fb02e;border-color:#9c8fb0}.chip-r.chip-on{color:#f2ab9d;background:#e58b7b29;border-color:#e58b7b}.chip-g.chip-on{color:#a8dcb9;background:#86c69a29;border-color:#86c69a}.about{width:100%;max-width:720px;margin:0 auto;padding:32px 20px 48px;line-height:1.6}.about h1{margin-bottom:20px;font-size:26px}.about h2{margin:28px 0 8px;font-size:17px}.about p,.about li{color:var(--text);font-size:15px}.about p{margin:0 0 12px}.about ul{flex-direction:column;gap:10px;margin:0 0 28px;padding-left:20px;display:flex}.about a{color:var(--accent)}.advanced{width:100%;max-width:880px;margin:0 auto;padding:24px 20px 40px}.advanced-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.advanced-head h2{font-size:18px}.adv-row{border-top:1px solid var(--border);grid-template-columns:168px minmax(0,1fr);align-items:start;gap:20px;padding:16px 0;display:grid}.adv-rows>.adv-row:first-child{border-top:none}.adv-label{color:var(--text);align-items:center;gap:8px;padding-top:8px;font-size:14px;display:flex}.adv-icon{color:var(--accent);text-align:center;width:14px;font-size:13px}.adv-control{min-width:0}.adv-control fieldset{border:none;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.adv-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.adv-input,.adv-select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;width:auto;min-width:0;padding:8px 10px;font-size:14px}.adv-control fieldset>.adv-input{width:100%}.adv-control fieldset>.adv-select{align-self:flex-start;max-width:100%}.adv-line .adv-input{flex:260px}.adv-line .adv-input-narrow{flex:0 170px}.adv-symbol{color:var(--muted)}.adv-hint{color:var(--muted);margin:8px 0 0;font-size:12px;font-style:italic;line-height:1.45}.adv-checks{flex-wrap:wrap;gap:8px 18px;display:flex}.adv-check{cursor:pointer;align-items:center;gap:7px;font-size:14px;display:inline-flex}.adv-check input{width:auto;accent-color:var(--accent);cursor:pointer;margin:0}.adv-check .pip .mana-symbol{width:18px;height:18px}.adv-criteria{flex-wrap:wrap;gap:6px;display:flex}.adv-criterion{font:inherit;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 5px;font-size:13px;display:inline-flex}.adv-criterion:hover{border-color:var(--muted)}.adv-criterion-state{letter-spacing:.06em;background:var(--border);color:var(--muted);border-radius:999px;padding:2px 5px;font-size:9px;font-weight:700}.adv-criterion-is{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.adv-criterion-is .adv-criterion-state{background:var(--accent);color:#10131a}.adv-criterion-not{border-color:var(--danger);color:var(--danger);background:#f08a8a24}.adv-criterion-not .adv-criterion-state{background:var(--danger);color:#10131a}.adv-criterion-off .adv-criterion-state{opacity:.5}.adv-stats{flex-direction:column;gap:8px;display:flex}.adv-row-remove,.adv-add{font:inherit;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px}.adv-row-remove{width:30px;height:34px;font-size:16px;line-height:1}.adv-add{align-self:flex-start;padding:6px 12px;font-size:13px}.adv-row-remove:hover,.adv-add:hover{border-color:var(--accent);color:var(--accent)}.advanced-submit{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.adv-submit{font:inherit;border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);cursor:pointer;border-radius:8px;padding:11px 20px;font-size:15px;font-weight:600}.adv-submit:hover{background:var(--accent);color:#10131a}.advanced-submit .adv-hint{max-width:60ch}@media (width<=700px){.adv-row{grid-template-columns:1fr;gap:8px}.adv-label{padding-top:0}}.results{min-width:0}.results-bar{align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.search-bar{flex:1}.sort{flex-direction:column;gap:4px;min-width:170px;display:flex}.summary{color:var(--muted);margin:0 0 14px;font-size:13px}.notice,.empty,.error{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:13px}.error{border-color:var(--danger);color:var(--danger)}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.tile{color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.tile-shell{width:100%;aspect-ratio:var(--card-ratio);background:var(--panel-2);border-radius:4.75%/3.5%;transition:transform .12s;overflow:hidden}.tile-shell img{object-fit:cover;width:100%;height:100%;display:block}.tile:hover .tile-shell{transform:translateY(-3px)}.tile-caption{flex-direction:column;font-size:12px;line-height:1.3;display:flex}.tile-caption small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.tile-fallback{border:1px dashed var(--border);text-align:center;width:100%;height:100%;color:var(--muted);border-radius:8px;place-items:center;padding:10px;font-size:12px;display:grid}.skeleton{background:linear-gradient(100deg, var(--panel) 30%, var(--panel-2) 50%, var(--panel) 70%);background-size:200% 100%;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.pagination{justify-content:center;align-items:center;gap:16px;margin:28px 0 8px;display:flex}.pagination button{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px}.pagination button:disabled{opacity:.4;cursor:default}.page-range{color:var(--muted);font-size:13px}.mana-cost{vertical-align:middle;gap:2px;display:inline-flex}.mana-symbol{vertical-align:-.15em;width:1.1em;height:1.1em;margin:0 1px}.mana-cost .mana-symbol{width:20px;height:20px;margin:0}.mana-symbol-missing{font-family:ui-monospace,monospace;font-size:.9em}.pip{align-items:center;display:inline-flex}.detail{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:32px;max-width:1000px;margin:0 auto;padding:24px 20px;display:grid}@media (width<=760px){.detail{grid-template-columns:1fr}}.detail-images{flex-direction:column;gap:12px;display:flex;position:sticky;top:84px}.detail-image{background:var(--panel-2);border-radius:4.75%/3.5%;width:100%}.detail-body{flex-direction:column;gap:14px;display:flex}.detail-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-head h1{font-size:26px}.detail-type{color:var(--muted);margin:0;font-size:14px}.oracle p,.flavor,.stats{margin:0 0 6px;font-size:14px}.flavor{color:var(--muted);font-style:italic}.stats{font-weight:600}.faces{flex-direction:column;gap:16px;display:flex}.face h2{align-items:center;gap:8px;font-size:16px;display:flex}.facts{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:6px 0 0;padding:14px;display:grid}.facts dt{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:11px}.facts dd{margin:2px 0 0;font-size:13px}.capitalize{text-transform:capitalize}.prices h2,.legalities h2{margin-bottom:8px;font-size:14px}.prices ul,.legalities ul{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.prices li,.legalities li{background:var(--panel);border:1px solid var(--border);border-radius:6px;justify-content:space-between;gap:8px;padding:6px 10px;font-size:12px;display:flex}.legalities em{color:var(--muted);text-transform:capitalize;font-style:normal}.legal-legal em{color:var(--accent)}.legal-banned em,.legal-not_legal em{color:var(--danger)}.detail-links{gap:10px;margin-top:6px;display:flex}.detail-missing{flex-direction:column;align-items:flex-start;gap:12px;padding:40px 20px;display:flex}