:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14110e;--panel:#1c1813;--toolbar:#16130f;--input:#262019;--card-black:#0c0a08;--stat-card:#14110e;--chip-active:#2a2418;--border:#3a3229;--border-subtle:#2a2418;--border-raised:#4a4032;--gold:#c9a24b;--gold-hover:#e0bd6b;--gold-deep:#9a7a34;--text:#ede6d6;--muted:#a79e8b;--label:#8a7c99;--faint:#6e6555;--mana-w:#f3eac6;--mana-u:#4a90c2;--mana-b:#8a7c99;--mana-r:#d2453b;--mana-g:#4e9e63;--mana-c:#b7aea0;--success:#4e9e63;--success-text:#7cc98f;--danger:#d2453b;--danger-text:#e08078;--font-display:"Space Grotesk", system-ui, sans-serif;--font-ui:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;font-family:var(--font-ui)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);margin:0}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-hover)}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--input);color:var(--text);border-radius:8px;padding:8px 14px;transition:all .15s}button:hover{border-color:var(--gold)}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:8px;width:100%;padding:9px 11px}input::placeholder{color:var(--faint)}input:focus,select:focus{border-color:var(--gold);outline:none}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.shell-header{background:var(--panel);border-bottom:1px solid var(--border);flex:0 0 64px;align-items:center;gap:28px;padding:0 22px;display:flex}.wordmark{align-items:baseline;gap:12px;display:flex}.wordmark .mark{font-family:var(--font-display);letter-spacing:.14em;color:var(--gold);font-size:22px;font-weight:700}.wordmark .sub{letter-spacing:.22em;text-transform:uppercase;color:var(--faint);font-size:12px}.shell-spacer{flex:1}.shell-user{color:var(--muted);align-items:center;gap:14px;font-size:14px;display:flex}.segmented{border:1px solid var(--border);background:#14110e;border-radius:9px;gap:4px;padding:4px;display:flex}.segmented button{color:var(--muted);font-family:var(--font-display);letter-spacing:.03em;background:0 0;border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:600}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--gold);color:#14110e}.segmented button.active:hover{color:#14110e}.indeck{color:var(--muted);align-items:baseline;gap:8px;display:flex}.indeck .cap{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.indeck .n{font-family:var(--font-mono);color:var(--text);font-size:18px;font-weight:600}.body-split{flex:1;min-height:0;display:flex}.aside-left{background:var(--panel);border-right:1px solid var(--border);flex:0 0 312px;padding:20px 18px 40px;overflow-y:auto}.aside-right{background:var(--panel);border-left:1px solid var(--border);flex:0 0 372px;padding:22px 22px 50px;overflow-y:auto}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.col-toolbar{background:var(--toolbar);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.col-scroll{flex:1;position:relative;overflow-y:auto}.filter-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.filter-head h2{font-family:var(--font-display);margin:0;font-size:15px;font-weight:600}.linkbtn{color:var(--label);background:0 0;border:none;padding:0;font-size:12px}.linkbtn:hover{color:var(--gold);border:none}.field{margin-bottom:16px}.field>label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:7px;font-size:11px;display:block}.field-row{gap:8px;display:flex}.color-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.color-toggle{cursor:pointer;width:38px;height:38px;font-family:var(--font-display);border:2px solid var(--border);background:var(--input);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .15s;display:flex}.seg-mode{gap:8px;display:flex}.seg-mode button{letter-spacing:.04em;border:1px solid var(--border);background:var(--input);color:var(--label);border-radius:6px;flex:1;padding:6px;font-size:11px}.seg-mode button.active{border-color:var(--gold);background:var(--chip-active);color:var(--gold)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;letter-spacing:.02em;border:1px solid var(--border);background:var(--input);color:var(--muted);border-radius:15px;padding:6px 11px;font-size:12px;transition:all .15s}.chip.active{border-color:var(--gold);background:var(--chip-active);color:var(--gold)}.btn-gold{background:var(--gold);color:#14110e;width:100%;font-family:var(--font-display);border:none;border-radius:9px;padding:13px;font-size:15px;font-weight:600}.btn-gold:hover{background:var(--gold-hover);border:none}.result-count{color:var(--muted);font-size:14px}.result-count .mono{font-family:var(--font-mono);color:var(--text)}.toolbar-right{align-items:center;gap:10px;display:flex}.toolbar-right label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.toolbar-right select{width:auto}.card-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:16px;padding:22px 24px 60px;display:grid}.card-cell{display:block}.card-img-wrap{position:relative}.card-img{aspect-ratio:63/88;object-fit:cover;background:var(--card-black);border-radius:10px;width:100%;transition:transform .18s,box-shadow .18s;display:block;box-shadow:0 4px 14px #00000080}.card-img-wrap:hover{z-index:2}.card-img-wrap:hover .card-img{transform:scale(1.06);box-shadow:0 18px 40px #000000b3}.qty-badge{min-width:24px;height:24px;font-family:var(--font-mono);background:var(--gold);color:#14110e;border-radius:12px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:600;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #00000080}.card-actions{opacity:0;z-index:3;gap:6px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:6px;left:6px;right:6px;transform:translateY(4px)}.card-img-wrap:hover .card-actions{opacity:1;transform:translateY(0)}.btn-dec{background:#262019f2;width:34px;padding:6px 0}.btn-add{color:var(--gold);border:1px solid var(--border-raised);background:#2a2418f2;flex:1;padding:6px 0;font-size:13px}.btn-add:hover{background:var(--gold);color:#14110e;border-color:var(--gold)}.btn-zoom{width:34px;color:var(--muted);background:#262019f2;padding:6px 0;font-size:15px;line-height:1}.btn-zoom:hover{color:var(--gold)}.zoom-backdrop{z-index:50;background:#0c0a08d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.zoom-body{flex-direction:column;align-items:center;gap:14px;display:flex}.zoom-img{border-radius:16px;max-width:90vw;max-height:80vh;box-shadow:0 24px 60px #000c}.zoom-actions{gap:10px;display:flex}.zoom-actions .btn-add{padding:9px 22px}.overlay{color:var(--muted);z-index:5;background:#14110eb3;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:80px 24px;display:flex}.deck-name-input{font-family:var(--font-display);color:var(--text);background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;width:auto;min-width:220px;padding:2px 0;font-size:20px;font-weight:600}.deck-name-input:focus{border-bottom-color:var(--gold)}.pill{letter-spacing:.04em;white-space:nowrap;border-radius:14px;padding:6px 12px;font-size:12px;font-weight:600}.pill.legal{color:var(--success-text);background:#4e9e6329}.pill.illegal{color:var(--danger-text);background:#d2453b24}.btn-ghost{background:0 0}.btn-danger-hover:hover{border-color:var(--danger);color:var(--danger-text)}.deck-list{padding:20px 26px 60px}.deck-group{margin-bottom:22px}.deck-group-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.deck-group-head .name{font-family:var(--font-display);text-transform:uppercase;color:var(--gold);font-size:14px;font-weight:600}.deck-group-head .cnt{font-family:var(--font-mono);color:var(--faint);font-size:13px}.deck-group-head .rule{background:var(--border-subtle);flex:1;height:1px}.deck-row{border-radius:6px;align-items:center;gap:12px;padding:5px 8px;display:flex}.deck-row:hover{background:var(--panel)}.deck-row .qty{font-family:var(--font-mono);text-align:right;width:20px;color:var(--muted)}.deck-row .rname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.deck-row .mana{align-items:center;gap:2px;display:flex}.deck-row .mana img{width:15px;height:15px;display:block}.qbtn{justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.stats h2{font-family:var(--font-display);margin:0 0 18px;font-size:18px;font-weight:600}.stat-cards{gap:12px;margin-bottom:26px;display:flex}.stat-card{background:var(--stat-card);border:1px solid var(--border);border-radius:9px;flex:1;padding:14px 16px}.stat-card .val{font-family:var(--font-mono);color:var(--text);font-size:24px}.stat-card .cap{letter-spacing:.14em;text-transform:uppercase;color:var(--label);margin-top:4px;font-size:11px}.stat-section{margin-bottom:26px}.stat-section>h3{letter-spacing:.14em;text-transform:uppercase;color:var(--label);margin:0 0 12px;font-size:11px}.curve{align-items:flex-end;gap:6px;height:130px;display:flex}.curve-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.curve-col .c{font-family:var(--font-mono);color:var(--muted);margin-bottom:4px;font-size:12px}.curve-track{flex:1;align-items:flex-end;width:100%;display:flex}.curve-bar{background:linear-gradient(180deg, var(--gold), var(--gold-deep));border-radius:5px 5px 0 0;width:100%;transition:height .3s}.curve-col .l{font-family:var(--font-mono);color:var(--faint);margin-top:6px;font-size:11px}.color-bars{flex-direction:column;gap:8px;display:flex}.color-bar-row{align-items:center;gap:10px;display:flex}.color-dot{border-radius:50%;flex:none;width:12px;height:12px}.color-bar-track{flex:1;height:10px}.color-bar{border-radius:5px;height:100%;transition:width .3s}.color-bar-row .c{font-family:var(--font-mono);color:var(--muted);text-align:right;width:24px;font-size:12px}.split-bar{margin-bottom:12px}.split-bar .labels{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.split-track{background:var(--border-subtle);border-radius:6px;height:12px;display:flex;overflow:hidden}.type-list{flex-direction:column;gap:6px;display:flex}.type-list-row{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.type-list-row .n{font-family:var(--font-mono);color:var(--text)}.decks-page{max-width:900px;margin:0 auto;padding:40px 24px}.decks-page h1{font-family:var(--font-display);margin:0 0 20px;font-size:24px;font-weight:600}.deck-create{gap:10px;margin-bottom:28px;display:flex}.deck-cards-grid{gap:12px;display:grid}.deck-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.deck-card:hover{border-color:var(--border-raised)}.deck-card .title{font-family:var(--font-display);color:var(--text);font-size:16px;font-weight:600}.deck-card .meta{color:var(--faint);margin-top:3px;font-size:13px}.page-scroll{flex:1;overflow-y:auto}