/* Art First: the approved opaque, themed inspector. Only this panel changes. */
.card-panel{--cp-bg:#0c0a05;--cp-panel:#1d180e;--cp-surface:#241e12;--cp-ink:#f0eadb;--cp-muted:#c3b794;--cp-gold:#e6c76f;--cp-line:#4a3d20;--cp-soft:#342b19;--cp-green:#a9d7a8;--cp-red:#efa99a;position:sticky;top:16px;align-self:start;z-index:60;width:360px;max-width:100%;max-height:calc(100dvh - 32px);box-sizing:border-box;padding:13px 17px 16px;overflow-y:auto;overflow-wrap:anywhere;background:var(--cp-panel);color:var(--cp-ink);border:1px solid var(--cp-line);border-radius:10px;box-shadow:var(--shadow-2);font:14px/1.5 Arial,sans-serif}
.card-panel *{box-sizing:border-box}.card-panel [hidden]{display:none!important}.card-panel p,.card-panel h3{margin:0}.card-panel button,.card-panel-more>summary{font:inherit;font-size:12px;color:var(--cp-gold);background:transparent;border:1px solid var(--cp-line);border-radius:5px;padding:7px 11px;min-height:34px;cursor:pointer}.card-panel button:hover,.card-panel-more>summary:hover{background:var(--cp-surface)}.card-panel button:disabled{opacity:.38;cursor:default}.card-panel button:focus-visible,.card-panel summary:focus-visible,.card-panel a:focus-visible{outline:2px solid var(--cp-gold);outline-offset:3px}
.card-panel .card-panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;gap:10px}.card-panel-top>span{font:500 11px Georgia,serif;letter-spacing:.13em;text-transform:uppercase;color:var(--cp-muted)}.card-panel .card-panel-close{border-color:transparent;display:grid;place-items:center;width:32px;min-height:32px;padding:6px;font-size:21px;line-height:1}
.card-panel-hero{text-align:center;margin-bottom:12px}.card-panel .card-panel-art{display:block;position:relative;width:270px;max-width:100%;padding:0;border:0;margin:0 auto 10px;cursor:zoom-in}.card-panel-img{display:block;width:100%;height:auto;aspect-ratio:488/680;object-fit:contain;border-radius:6px;background:var(--cp-bg)}.card-panel-art>span{position:absolute;right:5px;bottom:5px;background:var(--cp-bg);border-radius:4px;padding:1px 4px;font-size:17px}.card-panel .card-panel-name{font:500 21px/1.15 Georgia,serif;color:var(--cp-gold);margin:1px 0 8px;letter-spacing:0;text-transform:none}.card-panel-mana{display:flex;justify-content:center;gap:3px;margin-bottom:7px;min-height:19px}.card-panel .card-panel-mana img{width:19px;height:19px;margin:0}.card-panel .card-panel-type{font-size:12px;color:var(--cp-muted);margin-bottom:5px}.card-panel .card-panel-edition{font-size:11px;color:var(--cp-muted)}
.card-panel-price-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.card-panel-market{flex:1;min-width:0}.card-panel-market>summary{list-style:none;cursor:pointer}.card-panel-market>summary::-webkit-details-marker{display:none}.card-panel-price{font-weight:400;font-size:19px;font-variant-numeric:tabular-nums}.card-panel-market small{display:block;font-size:11px;color:var(--cp-muted);margin-top:1px}.card-panel .card-panel-quote{font-size:12px;color:var(--cp-muted);padding-top:8px}.card-panel .card-panel-legal{font-size:11px;text-align:right;margin:0;max-width:46%}.card-panel .ok{color:var(--cp-green)}.card-panel .no{color:var(--cp-red)}
.card-panel-deck-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 11px}.card-panel-caption{font:500 14px Georgia,serif}.card-panel .card-panel-role{font-size:11px;color:var(--cp-muted);margin-top:3px}.card-panel-stepper{display:flex;align-items:center;gap:12px;flex-shrink:0;font-variant-numeric:tabular-nums}.card-panel .card-panel-stepper button{width:32px;padding:4px;min-height:32px}
.card-panel-sources{background:var(--cp-bg);border:1px solid var(--cp-soft);border-radius:6px;padding:11px 12px;margin:0 0 13px;font-size:12px}.card-panel-source-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.card-panel-source-head strong{font-size:14px;font-weight:400}.card-panel-source-head>span{font-size:11px;color:var(--cp-muted)}.card-panel .card-panel-location{margin-top:9px}.card-panel .card-panel-source-note{font-size:11px;color:var(--cp-muted);margin-top:7px}.card-panel-elsewhere{font-size:11px;margin-top:9px;color:var(--cp-muted)}.card-panel-elsewhere>summary{cursor:pointer}
.card-panel-rules{border-top:1px solid var(--cp-soft);border-bottom:1px solid var(--cp-soft);padding:10px 0}.card-panel-rules>summary{font:500 13px Georgia,serif;color:var(--cp-gold);cursor:pointer}.card-panel-rules[open]>summary{margin-bottom:10px}.card-panel .card-panel-oracle p{font-size:13px;margin:0 0 12px;color:var(--cp-ink)}.card-panel .card-panel-oracle .card-panel-ability{display:grid;grid-template-columns:33px minmax(0,1fr);align-items:start;gap:10px;margin:10px 0}.card-panel-loyalty{display:inline-block;background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:4px;text-align:center;padding:2px 3px;color:var(--cp-gold);font-variant-numeric:tabular-nums}
.card-panel-actions{display:flex;gap:7px;flex-wrap:wrap;position:relative;margin-top:13px}.card-panel-actions .card-panel-swap{flex:1}.card-panel-more{position:relative}.card-panel-more>summary{list-style:none;letter-spacing:2px;min-width:38px;text-align:center}.card-panel-more>summary::-webkit-details-marker{display:none}.card-panel-menu{position:absolute;right:0;bottom:calc(100% + 7px);z-index:2;min-width:178px;background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:6px;padding:7px;box-shadow:var(--shadow-2)}.card-panel-menu button{display:block;text-align:left;border:0;width:100%;padding:9px}.card-panel-menu .card-panel-remove{color:var(--cp-red)}.card-panel .card-panel-links{margin:12px 0 0}.card-panel-links a{font-size:11px;color:var(--cp-gold);text-underline-offset:3px}
.card-panel-zoom{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:25px;background:var(--bg);color:var(--gold-bright)}.card-panel-zoom[open]{display:flex;align-items:center;justify-content:center}.card-panel-zoom::backdrop{background:var(--scrim)}.card-panel-zoom img{display:block;width:min(440px,95%);height:auto;max-height:calc(100dvh - 50px);object-fit:contain;border-radius:8px}.card-panel-zoom button{position:absolute;top:15px;right:15px;width:34px;height:34px;background:var(--surface);color:var(--gold-bright);border:1px solid var(--border);border-radius:5px;font-size:21px;cursor:pointer}
:root[data-theme="light"] .card-panel{--cp-bg:var(--bg);--cp-panel:var(--surface);--cp-surface:var(--surface-hi);--cp-ink:var(--ink);--cp-muted:var(--ink-2);--cp-gold:var(--gold-bright);--cp-line:var(--border);--cp-soft:var(--border-soft);--cp-green:var(--good-ink);--cp-red:var(--bad-ink)}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .card-panel{--cp-bg:var(--bg);--cp-panel:var(--surface);--cp-surface:var(--surface-hi);--cp-ink:var(--ink);--cp-muted:var(--ink-2);--cp-gold:var(--gold-bright);--cp-line:var(--border);--cp-soft:var(--border-soft);--cp-green:var(--good-ink);--cp-red:var(--bad-ink)}}
@media(max-width:650px){.card-panel{position:relative;top:auto;justify-self:end;max-height:none}.card-panel .card-panel-art{width:270px}.card-panel button,.card-panel-more>summary{min-height:40px}}
@media(pointer:coarse){.card-panel button,.card-panel-more>summary,.card-panel .card-panel-stepper button,.card-panel .card-panel-close,.card-panel-zoom button{min-height:44px;min-width:44px}.card-panel-rules>summary{padding:10px 0}}

/* Reserve only the content-sized inspector column; the deck remains interactive. */
.deck-card-workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.deck-card-workspace>#deckColumns{min-width:0}.deck-card-workspace:has(>.card-panel:not(.hidden)){grid-template-columns:minmax(0,1fr) 360px;gap:22px}@media(max-width:650px){.deck-card-workspace:has(>.card-panel:not(.hidden)){grid-template-columns:minmax(0,1fr);gap:20px}}

.deck-card-workspace .card-panel-selected{outline:2px solid #e6c76f;outline-offset:1px}:root[data-theme="light"] .deck-card-workspace .card-panel-selected{outline-color:var(--gold-bright)}