.app-header{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 22px;display:flex;position:sticky;top:0}.sort-control{align-items:center;gap:6px;display:flex}.sort-control select{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);padding:5px 9px}.brand h1{font-size:1.75rem;line-height:1.2}.brand p{color:var(--nav);margin:0;font-size:.875rem}.search-field{flex:1;max-width:468px;margin-left:auto}.search{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface-2);width:100%;padding:8px 13px}.filters-toggle,.sidebar-header{display:none}.view-toggle{flex:none}.view-toggle button{height:34px}.layout{flex:1;grid-template-columns:259px minmax(0,1fr);gap:28px;width:100%;max-width:1800px;margin:0 auto;padding:18px 22px;display:grid}.sidebar{align-self:start;max-height:calc(100vh - 108px);margin:-4px 0 0 -4px;padding:4px 14px 4px 4px;position:sticky;top:90px;overflow-y:auto}.filters{flex-direction:column;gap:16px;display:flex}.filter-group h2{border-bottom:2px solid var(--accent);margin-bottom:9px;padding-bottom:2px;font-size:1.05rem;display:inline-block}.filter-heading{justify-content:space-between;align-items:baseline;display:flex}.link-buttons button,.link{color:var(--accent-text);text-align:left;background:0 0;border:none;padding:0 4px;font-size:.85rem}.link{font-size:inherit;padding:0}.link-buttons button:hover,.link:hover{text-decoration:underline}.hint{color:var(--text-muted);margin:5px 0 0;font-size:.78rem}.switch{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:9px;padding:7px 11px;font-size:.9rem;display:flex}.switch+.switch{margin-top:7px}.switch input{accent-color:var(--accent);margin:0}.set-list{margin:0;padding:0;list-style:none}.set-group{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:8px 0 2px;font-size:.75rem;font-weight:700}.set-option{border-radius:var(--control-radius);cursor:pointer;align-items:center;gap:7px;padding:4px 5px;display:flex}.set-option:hover{background:var(--surface-2)}.set-option input{accent-color:var(--accent)}.set-icon{object-fit:contain;width:16px;height:16px}:root:not([data-theme=light]) .set-icon{filter:invert(.9)}.set-name{flex:1;font-size:.9rem}.set-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.chip-row{flex-wrap:wrap;gap:5px;display:flex}.chip,.color-chip,.segmented button,.order-button,.reset-button,.pagination button,.modal-toolbar button,.filters-toggle{border:1px solid var(--border);background:var(--surface);border-radius:var(--control-radius)}.chip{padding:4px 11px;font-size:.85rem}.type-chip{place-items:center;min-width:36px;height:32px;padding:0 7px;display:grid}.chip-row:has(.type-chip){gap:4px}.type-icon{background-color:currentColor;width:20px;height:20px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.chip[aria-pressed=true],.segmented button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.color-chip{opacity:.45;border-radius:50%;place-items:center;width:31px;height:31px;padding:4px;transition:opacity .12s,transform .12s;display:grid}.color-chip:hover{opacity:.8}.color-chip[aria-pressed=true]{opacity:1;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.color-chip img,.multicolor-symbol{width:22px;height:22px}.chip-row:has(.color-chip){gap:4px}.multicolor-symbol{background:conic-gradient(#f8f6d8,#c1d7e9,#bab1ab,#e49977,#a3c095,#f8f6d8);border-radius:50%;box-shadow:inset 0 0 0 1px #00000059}.field-row{align-items:flex-end;gap:7px;margin-bottom:7px;display:flex}.field{color:var(--text-muted);flex-direction:column;flex:1;gap:4px;font-size:.8rem;display:flex}.field select{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);color:var(--text);padding:5px 7px;font-size:.85rem}.order-button{border-radius:var(--control-radius);width:32px;height:31px}.segmented{border:none;margin:0;padding:0;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.segmented button{border-radius:0;padding:5px 11px;font-size:.85rem}.segmented button:first-of-type{border-radius:var(--control-radius) 0 0 var(--control-radius)}.segmented button:last-of-type{border-radius:0 var(--control-radius) var(--control-radius) 0;border-left:none}.reset-button{border-radius:var(--control-radius);padding:7px}.corners-standard{border-radius:4.75%/3.5%}.corners-alpha{border-radius:7.2%/5.2%}.corners-square{border-radius:0}.results-summary{color:var(--text-muted);margin-bottom:13px;font-size:.9rem;display:block}.results[aria-busy=true] .card-grid,.results[aria-busy=true] .table-wrap{opacity:.6;transition:opacity .2s}.empty,.loading{color:var(--text-muted)}.error{color:var(--error)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(162px,1fr));gap:13px;margin:0;padding:0;list-style:none;display:grid}.card-tile{width:100%;box-shadow:var(--shadow);background:0 0;border:none;padding:0;transition:transform .15s;display:block;overflow:hidden}.card-tile:hover{transform:translateY(-3px)scale(1.02)}.card-tile img{aspect-ratio:488/680;background:var(--surface-2);width:100%;height:auto;display:block}.card-grid li{position:relative}.owned-badge{pointer-events:none;position:absolute;top:6px;right:6px}.owned-badge .owned-mark{padding:1px 7px 1px 6px;font-size:.8rem}.collection-summary{color:var(--text-muted);margin:4px 0 8px;font-size:.9rem}.tile-price{text-align:center;font-variant-numeric:tabular-nums;margin-top:5px;font-size:.85rem;font-weight:600;display:block}.price-up{color:var(--price-up)}.price-down{color:var(--price-down)}.card-placeholder{aspect-ratio:488/680;background:var(--surface-2);place-items:center;padding:11px;display:grid}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.card-table{border-collapse:collapse;width:100%;font-size:.9rem}.card-table th,.card-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 11px}.card-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.card-table th{color:var(--text-muted);font-size:.8rem;font-weight:600}.card-table tbody tr:hover{background:var(--surface-2)}.card-table tbody tr:last-child td{border-bottom:none}.rarity-text{text-transform:capitalize}.rarity-common.rarity-text{color:var(--common)}.rarity-uncommon.rarity-text{color:var(--uncommon)}.rarity-rare.rarity-text{color:var(--rare)}.mana-symbol{vertical-align:-.12em;width:1em;height:1em;margin:0 1px}.load-more{color:var(--text-muted);flex-direction:column;align-items:center;margin:22px 0 7px;font-size:.9rem;display:flex}.load-more p{margin:0}.sentinel{width:100%;height:1px}.load-more-button{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);padding:7px 16px}.modal-body{grid-template-columns:minmax(0,324px) minmax(0,1fr);gap:22px;display:grid}.modal-image img{width:100%;height:auto;box-shadow:var(--shadow)}.modal-info h2{padding-right:108px;font-size:1.5rem}.modal-info .cost{white-space:nowrap;font-size:1.1rem}.type-line{color:var(--text-muted);margin:4px 0 11px}.oracle-text p{margin:0 0 5px}.flavor-text{color:var(--text-muted);font-style:italic}.pt{font-weight:700}.facts{grid-template-columns:auto 1fr;gap:4px 14px;margin:14px 0;font-size:.9rem;display:grid}.facts dt{color:var(--text-muted)}.facts dd{margin:0}.modal-info h3{margin-bottom:5px;font-size:1rem}.prints{margin:0 0 14px;padding:0;list-style:none}.print{border-radius:var(--control-radius);text-align:left;background:0 0;border:none;align-items:center;gap:7px;width:100%;padding:4px 7px;font-size:.9rem;display:flex}.print:hover{background:var(--surface-2)}.print[aria-current=true]{background:var(--surface-2);font-weight:600}.legality{margin:0 0 14px;padding:0;font-size:.9rem;list-style:none}.legality li{flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:2px 0;display:flex}.legality-format{min-width:13.5em;color:var(--text-muted)}.legality-status{font-weight:700}.legality-status.status-banned,.legality-status.status-not_legal{color:var(--error)}.legality-status.status-restricted{color:var(--rare)}.legality-note{color:var(--text-muted);font-size:.85rem}.badge{border-radius:var(--control-radius);background:var(--accent);color:var(--accent-contrast);margin-left:auto;padding:1px 7px;font-size:.72rem}@media (width<=800px){:root{font-size:112.5%}.app-header{flex-wrap:wrap;padding:10px 16px}.search-field{flex-basis:100%;order:3;max-width:none}.sort-control{order:4}.filters-toggle{margin-left:auto;padding:6px 14px;display:block}.layout{grid-template-columns:1fr;padding:16px}.sidebar{max-height:none;display:none;position:static}.sidebar.open{z-index:30;overscroll-behavior:contain;background:var(--surface);align-self:stretch;margin:0;padding:0 16px 24px;display:block;position:fixed;inset:0;overflow-y:auto}.sidebar-header{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin:0 -16px 16px;padding:12px 16px;display:flex;position:sticky;top:0}.sidebar-header h2{font-size:1.2rem}.sidebar-header button{border:1px solid var(--accent);border-radius:var(--control-radius);background:var(--accent);color:var(--accent-contrast);padding:6px 16px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.modal-body{grid-template-columns:1fr}.modal-image{max-width:320px;margin:0 auto}}.external{width:fit-content;margin-top:5px;display:block}.collection-dialog{max-width:560px;padding:8px 4px}.collection-dialog h2{margin-top:0}.collection-dialog h3{margin:18px 0 4px;font-size:1rem}.collection-dialog .hint{color:var(--text-muted);margin:4px 0 8px;font-size:.9rem}.collection-text{border:1px solid var(--border);border-radius:var(--control-radius);width:100%;font:inherit;color:var(--text);background:var(--surface-2);resize:vertical;padding:7px 9px;font-size:.9rem}.collection-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.collection-actions button{border:1px solid var(--border);border-radius:var(--control-radius);font:inherit;color:var(--text);background:var(--surface-2);padding:5px 12px;font-size:.9rem}.collection-actions button:hover:not(:disabled){border-color:var(--accent)}.collection-actions button:disabled{opacity:.5}.collection-actions button.primary{border-color:var(--accent);color:var(--accent-contrast);background:var(--accent)}.collection-actions button.danger{border-color:var(--error);color:var(--error)}.collection-result{margin-top:8px;font-size:.9rem;display:block}.collection-result ul{color:var(--text-muted);margin:4px 0 0;padding-left:18px}.legal-select{flex-direction:column;gap:4px;margin-top:8px;font-size:.8rem;display:flex}.legal-select span{color:var(--text-muted)}.legal-select select{border:1px solid var(--border);border-radius:var(--control-radius);width:100%;color:var(--text);background:var(--surface);padding:5px 7px;font-size:.85rem}.price-chart{margin:12px 0 14px}.price-chart figcaption{color:var(--text-muted);justify-content:space-between;gap:8px;font-size:.8rem;display:flex}.price-chart-now{font-variant-numeric:tabular-nums}.price-chart-now strong{color:var(--heading)}.price-chart svg{touch-action:pan-y;width:100%;height:72px;margin-top:4px;display:block}.price-chart-area{fill:color-mix(in srgb, var(--accent) 16%, transparent)}.price-chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.price-chart-marker{stroke:var(--text-muted);stroke-width:1px;stroke-dasharray:3 3}.price-chart-switch{border:none;margin:6px 0 2px;padding:0;display:inline-flex}.price-chart-switch button{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);padding:2px 9px;font-size:.75rem}.price-chart-switch button:first-of-type{border-radius:var(--control-radius) 0 0 var(--control-radius)}.price-chart-switch button:last-of-type{border-radius:0 var(--control-radius) var(--control-radius) 0;margin-left:-1px}.price-chart-switch button[aria-pressed=true]{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.price-chart-note{color:var(--text-muted);margin:4px 0 0;font-size:.75rem}.price-chart-scale{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:2px;font-size:.75rem;display:flex}
