:root{--bg-dark: #121212;--bg-panel: #1e1e1e;--bg-card: #2a2a2a;--accent: #d4af37;--accent-hover: #f0c040;--text-main: #e0e0e0;--text-muted: #a0a0a0;--border: #333;--shadow: 0 4px 12px rgba(0, 0, 0, .5);--font-header: "Cinzel", serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);height:100vh;overflow:hidden}.app-container{display:flex;height:100vh}.sidebar{width:280px;background-color:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:all .3s ease;z-index:100;white-space:nowrap}.sidebar.collapsed{width:0;overflow:hidden;border-right:none;padding:0}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.header-controls{display:flex;gap:10px}.sidebar-header h2{font-family:var(--font-header);color:var(--accent)}#collapse-sidebar,#close-sidebar{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem}#collapse-sidebar:hover,#close-sidebar:hover{color:var(--accent)}#set-list{list-style:none;overflow-y:auto;flex:1}.list-item{padding:12px 20px;cursor:pointer;border-bottom:1px solid #252525;transition:background .2s;display:flex;flex-direction:column;gap:.2rem}.list-item:hover{background-color:var(--bg-card)}.list-item.active{background-color:var(--bg-card);border-left:4px solid var(--accent);color:var(--accent)}.set-name{font-weight:600}.set-codes{color:var(--text-muted);font-size:.8rem;letter-spacing:.04em}.list-item.active .set-codes{color:var(--accent-hover)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.top-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-panel)}.sidebar-toggle-wrapper{display:flex;align-items:center}#expand-sidebar{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:1rem;padding:5px 10px;border-radius:4px;display:none}#expand-sidebar:hover{color:var(--accent);border-color:var(--accent)}.search-container{flex:1;position:relative}#search-input{width:100%;padding:.65rem 2.5rem .65rem 1rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:6px;color:var(--text-main);font-size:.95rem;outline:none;transition:border-color .2s}#search-input:focus{border-color:var(--accent)}.search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);opacity:.5}.mobile-set-title{display:none;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;font-family:var(--font-header);color:var(--text-main)}.chrome-toggle{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:.75rem;font-weight:600;padding:6px 8px;white-space:nowrap}.chrome-toggle[aria-expanded=true]{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.chrome-toggle--active:not([aria-expanded=true]){border-color:var(--accent);color:var(--accent)}#search-toggle{display:none}.filters-disclosure{background:var(--bg-panel);border-bottom:1px solid var(--border)}.filters-disclosure>summary{display:none;cursor:pointer;padding:.75rem 1.25rem;color:var(--accent);font-family:var(--font-header);letter-spacing:.04em}.toolbar{padding:.75rem 1.25rem;display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;align-items:flex-end;background:var(--bg-panel)}.filter-group{display:flex;flex-direction:column;gap:.35rem}.filter-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-header)}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.chip,#sort-select,.scryfall-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);padding:.28rem .6rem;border-radius:999px;cursor:pointer;font-size:.8rem;font-family:var(--font-body);transition:background .15s,border-color .15s,color .15s}.chip:hover,#sort-select:hover,.scryfall-btn:hover{border-color:var(--accent);color:var(--accent-hover)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#111;font-weight:600}.chip.color-w[aria-pressed=true]{background:#f8f6d8;color:#111}.chip.color-u[aria-pressed=true]{background:#0e68ab;color:#fff}.chip.color-b[aria-pressed=true]{background:#150b00;color:#ccc}.chip.color-r[aria-pressed=true]{background:#d3202a;color:#fff}.chip.color-g[aria-pressed=true]{background:#00733e;color:#fff}.chip.color-c[aria-pressed=true]{background:#ccc2c0;color:#111}.chip.color-m[aria-pressed=true]{background:#c4a000;color:#111}.chip-clear{align-self:flex-end}#sort-select{border-radius:6px;background:var(--bg-dark);padding:.35rem .6rem}.content-scroll-area{flex:1;overflow-y:auto;padding:1.25rem}.set-header h1{font-family:var(--font-header);color:var(--accent);font-size:1.75rem}.set-subtitle{color:var(--text-muted);margin-top:.25rem;margin-bottom:1.25rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;justify-items:center}.card-tile{width:100%;max-width:250px;display:flex;flex-direction:column;align-items:center;gap:.45rem}.mtg-card-img{width:100%;max-width:250px;border-radius:4.5%/3.5%;box-shadow:0 4px 8px #00000080;transition:transform .2s;cursor:pointer;background:var(--bg-card)}.mtg-card-img:hover{transform:scale(1.05);z-index:10}.card-name{font-family:var(--font-header);font-size:.95rem;text-align:center;color:var(--text-main);font-weight:700;line-height:1.3;overflow-wrap:anywhere}.card-set-code{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-body)}.scryfall-btn{display:inline-block;text-decoration:none;text-align:center;padding:.35rem .9rem}.scryfall-btn:hover{background:var(--accent);color:#111}.card-why{color:var(--text-muted);font-size:.8rem;text-align:center;line-height:1.35;min-height:1.1em}.format-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem}.format-chip{font-size:.68rem;letter-spacing:.03em;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.12rem .45rem}.status-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem}.status-label{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.12rem .45rem;border:1px solid var(--accent);color:var(--accent)}.status-preview,.status-unreleased-preview,.status-recently-released,.status-provisional,.status-limited-evidence,.status-limited-data,.status-limited-comparison{border-color:#8a7a3a;color:#d9c56a}.status-released{border-color:#4a7a58;color:#8fd4a2}.status-rising{border-color:var(--accent-hover);color:var(--accent-hover)}.empty-state{grid-column:1 / -1;color:var(--text-muted);text-align:center;padding:2rem 1rem}.empty-state code{color:var(--accent)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--accent);color:var(--text-main);padding:.75rem 1.25rem;border-radius:6px;z-index:1000;box-shadow:var(--shadow);font-family:var(--font-body)}.toast[hidden],.mobile-only{display:none}.desktop-only{display:inline-block}@media (min-width: 769px){.filters-disclosure>summary{display:none}.filters-disclosure .toolbar{display:flex}}@media (max-width: 768px){body{height:auto;min-height:100dvh;overflow:auto}.app-container{height:auto;min-height:100dvh}.main-content{overflow:visible}.content-scroll-area{overflow:visible;flex:none}.top-bar{position:sticky;top:0;z-index:60;flex-wrap:wrap;gap:.5rem .6rem;min-height:48px;padding:.5rem .75rem}.mobile-set-title.mobile-only{display:block}#search-toggle.mobile-only{display:inline-block;margin-left:auto}.search-container{flex:1 1 100%;order:10;display:none;width:100%}body.search-open .search-container,.search-container.is-open{display:block}.filters-disclosure{position:sticky;top:48px;z-index:55}.filters-disclosure>summary{display:block}.filters-disclosure:not([open]) .toolbar{display:none}.mobile-only{display:inline-block}.desktop-only{display:none!important}.sidebar{position:fixed;left:0;top:0;bottom:0;width:80%;transform:translate(-100%);transition:transform .3s;box-shadow:2px 0 10px #000c}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:80%;transform:translate(-100%)}#menu-toggle{background:none;border:none;color:var(--accent);font-size:1.15rem;cursor:pointer;padding-right:10px;font-family:var(--font-body)}#close-sidebar{font-size:2rem;color:var(--text-main)}#search-input{font-size:16px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}