/* style.css */
:root{--paper:#f4f3ee;--ink:#252b28;--muted:#6a726a;--line:#dddeda;--green:#254e3d;--orange:#bd6b3d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.6}aside{width:238px;background:#202f28;color:#e6e9e2;position:fixed;inset:0 auto 0 0;padding:32px 24px;display:flex;flex-direction:column}.brand{font-weight:750;letter-spacing:1.5px;color:inherit;text-decoration:none;font-size:15px;white-space:nowrap}.mark{color:#d6ab79;font-size:27px;margin-right:7px}aside .eyebrow{font-size:9px;color:#9cae9f;margin-top:27px}nav{display:grid;gap:8px;margin-top:26px}nav a{padding:12px 10px;color:#c1cdc3;text-decoration:none;border-radius:5px}aside nav a[aria-current=location]{background:#34463b;color:#fff}nav a:hover{background:#34463b}nav span{float:right}.aside-bottom{margin-top:auto;font-size:12px}.aside-bottom p{color:#9cae9f;font-size:11px}.dot{display:inline-block;width:6px;height:6px;background:#c6a779;border-radius:50%;margin-right:8px}main{max-width:1650px;margin-left:238px;padding:0 48px}.pill{border:1px solid var(--line);border-radius:30px;padding:5px 12px;font-size:11px;letter-spacing:.3px;white-space:nowrap}.intro{display:flex;justify-content:space-between;align-items:center;padding:42px 0 36px;gap:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--green)}h1{font-family:Georgia,serif;font-size:clamp(34px,4.2vw,60px);line-height:1.1;letter-spacing:-2px;font-weight:400;margin:18px 0}h2{font-family:Georgia,serif;font-size:25px;line-height:1.3;font-weight:400;margin:0 0 10px}h3{font-size:17px;font-weight:550}.intro p:not(.eyebrow){color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:7px;background:#fafaf7;margin:0 0 25px}.stats article{padding:22px;border-right:1px solid var(--line)}.stats article:last-child{border:0}.stats span{font-size:9px;letter-spacing:1px;color:var(--muted)}.stats strong{display:block;font-family:Georgia,serif;font-size:37px;font-weight:400;margin:7px 0}.stats small{color:var(--muted);font-size:11px}.panel{background:#fffefa;border:1px solid var(--line);border-radius:7px;padding:27px;margin-bottom:24px}.panel p{color:var(--muted)}.catalog{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e9ede3}.catalog h2{font-family:inherit;font-size:16px;font-weight:600}.catalog p{margin:0;font-size:12px;max-width:680px}.catalog form{flex-shrink:0}.import-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}.import-grid .panel{height:100%}.import-grid p{font-size:12px}label{display:block;font-weight:550;font-size:12px;margin:17px 0 6px}label small{font-weight:400;color:var(--muted)}input,textarea{width:100%;border:1px solid #ced3cb;padding:11px 12px;border-radius:4px;color:var(--ink);background:#fbfcf8;font:inherit;font-size:13px}input[type=file]{font-size:12px}textarea{resize:vertical}button,.button{display:inline-block;background:var(--green);border:1px solid var(--green);border-radius:4px;padding:11px 17px;color:#fff;font:inherit;font-size:12px;font-weight:550;cursor:pointer;text-decoration:none}form>button{margin-top:18px}.catalog button{margin:0}button:hover,.button:hover{background:#34664e}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;color:var(--green)}.secondary:hover{color:#fff}a{color:var(--green)}.text-link{font-size:12px;padding:8px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-heading>span{font-size:11px;color:var(--muted)}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:18px}.deck-tile{border:1px solid var(--line);padding:22px;text-decoration:none;background:#f7f8f1;border-radius:5px;color:var(--ink)}.deck-tile:hover{border-color:var(--green)}.deck-tile .eyebrow{font-size:9px}.deck-tile>span:last-child{font-size:11px;color:var(--muted)}.arrow{float:right}.empty{text-align:center;padding:25px;color:var(--muted)}.empty>span{font:50px Georgia,serif;color:#83927d}.empty h3{margin-bottom:0}.empty p{font-size:12px}.notice,.warning,.error{border-left:3px solid #839b6c;background:#e8eee1;padding:13px 18px;border-radius:3px}.warning,.error{background:#fff0df;border-color:var(--orange);font-size:12px}.table-wrap{overflow-x:auto;margin:20px 0}.inventory{max-height:480px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-size:10px;letter-spacing:.5px;color:var(--muted);font-weight:500;text-transform:uppercase;background:#f5f6f0;white-space:nowrap}th,td{padding:14px 12px;border-bottom:1px solid #e8e9e2;vertical-align:top}td:first-child{min-width:190px}td strong{font-weight:550}.missing,.complete,.tag{padding:3px 8px;border-radius:3px;font-size:11px}.missing{background:#f9e5d5;color:#9c4d21}.complete{background:#e5eedf;color:#366034}.tag{background:#e5e8de;white-space:nowrap}.block{display:block;color:var(--muted);margin-top:7px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0}.actions button{margin:0}.muted{font-size:11px}.danger{border-top:1px solid var(--line);padding-top:15px;margin-top:24px;font-size:12px}summary{cursor:pointer;color:var(--green);font-size:12px;margin-top:8px}.suggestion{padding:13px;background:#f4f5ec;margin:10px 0;border-radius:4px;max-width:480px}.suggestion p{font-size:11px;margin:6px 0}.rules{white-space:pre-line}.suggestion small{font-size:10px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);padding:15px 0 30px}footer a{color:inherit}:focus-visible{outline:3px solid #b57243;outline-offset:3px}@media(min-width:1500px){main{padding:0 75px}}@media(max-width:1000px){aside{width:190px;padding:25px 16px}.brand{font-size:12px}main{margin-left:190px;padding:0 25px}.stats{grid-template-columns:repeat(2,1fr)}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}.import-grid{grid-template-columns:1fr}.catalog{align-items:start;flex-direction:column}footer{flex-direction:column}}@media(max-width:650px){aside{position:static;width:100%;padding:14px 20px}aside .eyebrow,.aside-bottom{display:none}nav{display:flex;gap:8px;margin:8px 0 0;overflow:auto}nav a{white-space:nowrap;font-size:11px;padding:7px}nav a span{display:none}main{margin-left:0;padding:0 18px}.intro{padding:25px 0}.intro h1{font-size:43px}.panel{padding:20px}.stats article{padding:15px}.stats span{font-size:8px}footer{font-size:9px}.section-heading{align-items:start}.actions{align-items:start;flex-direction:column}}


/* shopping.css */
.shopping-picker{margin:18px 0;border:1px solid var(--line);border-radius:6px;padding:16px}.shopping-choices{max-height:360px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shopping-choices>label{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:5px;margin:0;cursor:pointer}.shopping-choices input{width:16px;min-width:16px;margin:3px 0 0}.shopping-choices strong{font-size:13px}.shopping-choices small,.shopping-finish,.shopping-share{display:block;color:var(--muted);font-size:11px;margin-top:4px}.shopping-selection-actions{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.shopping-selection-actions label{margin:0}.shopping-selection-actions select{margin-top:7px;min-width:180px}.shopping-selection-actions button{margin:0}.shopping-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.shopping-totals>div{background:#f3f5ed;border-radius:6px;padding:16px}.shopping-totals strong{display:block;font-size:25px}.shopping-totals span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.shopping-table td{vertical-align:top}.shopping-table .card-type{display:block}.shopping-table td:nth-child(2){font-weight:600}.shopping-table td:nth-last-child(-n+2){white-space:nowrap}#shopping-workspace[aria-busy=true]{opacity:.7}@media(max-width:650px){.shopping-choices{grid-template-columns:1fr}.shopping-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.shopping-selection-actions{gap:12px}}

#shopping-workspace a[aria-disabled=true]{opacity:.5;cursor:wait}

#shopping-workspace h1{font-size:clamp(30px,3vw,42px);line-height:1.15;margin:0}#shopping-workspace>.panel:first-child>.section-heading{gap:16px;margin-bottom:20px}#shopping-workspace>.panel:first-child>.section-heading>a{white-space:nowrap}@media(max-width:650px){#shopping-workspace>.panel:first-child>.section-heading{align-items:flex-start;flex-direction:column;gap:10px}}


/* alternatives.css */
.alternative-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.alternative-heading h1{font-size:clamp(30px,3vw,42px);line-height:1.2;margin:0}.alternative-heading>a{white-space:nowrap}.alternative-filter-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.alternative-price-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-radius:6px;padding:16px;margin-top:18px}.alternative-price-filters[hidden]{display:none}.alternative-price-filters legend{font-size:12px}.alternative-price-filters label{font-size:11px}.alternative-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.alternative-result{padding:16px;border:1px solid var(--line);border-radius:6px;min-width:0}.alternative-result>.muted{display:block;margin-top:5px}.alternative-result>p{font-size:12px;line-height:1.5}.alternative-result .rules{max-height:145px;overflow-y:auto;font-size:11px}.alternative-result .card-type{display:block}.alternative-result select{font-size:11px}.alternative-result form{margin:8px 0}.alternative-result button{margin-top:5px}.alternative-quote{font-weight:600;font-size:13px}.alternative-undo{margin-top:12px}.alternative-undo button{margin:0}.alternative-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.alternative-pair>div>strong,.alternative-pair>div>small{display:block;margin:5px 0}.deck-price-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px}.deck-price-line>.card-price{display:inline}.deck-alternative-link{font-size:9px;white-space:nowrap}#alternative-workspace[aria-busy=true]{opacity:.75}#alternative-workspace [aria-disabled=true]{opacity:.5;cursor:wait}@media(max-width:900px){.alternative-price-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.alternative-heading{align-items:flex-start;flex-direction:column;gap:10px}.alternative-results-grid,.alternative-filter-main,.alternative-pair{grid-template-columns:1fr}}

.alternative-maintenance{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.alternative-maintenance>form{margin:8px 0}.alternative-maintenance button{margin:0}

#alternative-filters{margin:18px 0 10px}#alternative-filters label{margin:0 0 6px;font-size:12px}.alternative-price-filters{margin-top:14px}.alternative-result label{font-size:11px;margin:6px 0}.alternative-result .alternative-review>small{display:block}

#deck-alternatives{margin:18px 0;border:1px solid var(--line);border-radius:6px;background:var(--paper,#fff);padding:16px}#deck-alternatives .panel{border:0;padding:0;background:transparent;margin:0 0 16px}#deck-alternatives .alternative-heading h4{margin:0;font-size:16px}#deck-alternatives .alternative-idle{margin:0}#deck-alternatives #alternative-results{padding-top:16px;border-top:1px solid var(--line)}


/* cards.css */
.card-identity{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:550;line-height:1.4}.card-identity:hover>span:last-child{text-decoration:underline}.card-thumbnail{display:grid;place-items:center;width:44px;min-width:44px;height:62px;border-radius:4px;background:#e8ecdf;color:#77866e;overflow:hidden}.card-thumbnail img{display:block;width:44px;height:62px;object-fit:cover}.card-thumbnail img[hidden]{display:none}#card-viewer{width:max-content;max-width:min(1100px,94vw);max-height:92vh;border:1px solid var(--line);border-radius:12px;padding:25px;color:var(--ink);background:var(--paper);overflow:auto}#card-viewer::backdrop{background:rgba(16,27,21,.78)}.viewer-heading{display:flex;justify-content:space-between;align-items:center;gap:22px}.viewer-heading h2{margin:0;max-width:700px}.viewer-heading button{white-space:nowrap}.card-image-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.card-image-grid figure{margin:12px 0;flex:0 1 390px;min-width:0;max-width:100%}.card-image-grid img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 5px 20px #20302028}.card-image-grid img[hidden]{display:none}.card-image-grid figcaption{text-align:center;font-size:12px;margin-top:12px;color:var(--muted)}.card-detail main{margin:0 auto;padding:35px 24px;max-width:1000px}.card-detail h1{font-size:40px}.card-detail .rules{white-space:pre-line}@media(max-width:650px){#card-viewer{padding:17px}.viewer-heading h2{font-size:20px}.card-thumbnail,.card-thumbnail img{width:36px;min-width:36px;height:50px}.card-image-grid{gap:8px}.card-detail h1{font-size:30px}}
.catalog-progress[hidden]{display:none}.catalog-progress progress{width:100%;height:16px;accent-color:var(--green);margin:12px 0}.catalog-stages{display:flex;list-style:none;padding:0;gap:8px;flex-wrap:wrap}.catalog-stages li{padding:6px 10px;background:#eef0e9;border-radius:4px;color:var(--muted);font-size:11px}.catalog-stages li.current{background:var(--green);color:white}.catalog-stages li.done{background:#dfead8;color:#365333}.catalog-metrics{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.catalog-progress[data-state=failed]{border-color:var(--orange)}@media(max-width:650px){.catalog-metrics{flex-direction:column;gap:4px}}
#card-viewer.has-printing { width:1000px; }
#card-viewer.has-printing .card-viewer-body { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:24px; align-items:start; }
#card-viewer.has-printing .card-image-grid figure { flex:1 1 210px; max-width:390px; }
#card-printing-editor { min-width:0; border:1px solid var(--line); border-radius:7px; background:#f7f9f2; padding:16px; }
#card-printing-editor[hidden] { display:none; }
#card-printing-editor h3 { font-size:15px; margin:0 0 10px; }
#card-printing-editor select { max-width:100%; min-width:0; }
#card-printing-editor small { display:block; color:var(--muted); font-size:10px; margin-top:5px; }
#card-printing-editor .printing-price { color:var(--green); font-size:13px; font-weight:600; line-height:1.5; }
#card-printing-editor p { line-height:1.6; }
#card-printing-editor input[type=number] { max-width:100px; }
@media(max-width:750px) { #card-viewer.has-printing .card-viewer-body { grid-template-columns:minmax(0,1fr); } #card-printing-editor { order:-1; } }

.owned-printing-label{display:block;font-size:10px;color:var(--muted);margin-top:3px}


/* workbench.css */
.card-type{display:block;color:var(--muted);font-size:10px;font-weight:400;line-height:1.5;margin-top:4px;max-width:360px}.card-identity:hover>span:last-child{text-decoration:none}.card-identity:hover .card-name{text-decoration:underline}select{width:100%;border:1px solid #ced3cb;padding:11px 12px;border-radius:4px;background:#fbfcf8;color:var(--ink);font:inherit;font-size:12px}.collection-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.collection-filters .filter-query{grid-column:span 2}.filter-actions{display:flex;align-items:center;gap:8px;padding-top:18px}.filter-actions button{margin:0}.reservation-details{min-width:120px}.reservation-details summary{margin:0;white-space:nowrap}.reservation-details ul{padding-left:16px;font-size:11px;min-width:150px}.reservation-details li{margin:7px 0}.reservation-details span{white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);padding-top:12px}.pagination nav{margin:0;display:flex;gap:10px;align-items:center}.pagination nav a{padding:8px;color:var(--green);background:transparent}.deck-editor{margin:18px 0}.rename-form{max-width:450px}.deck-add{background:#f5f7ee;border:1px solid var(--line);border-radius:6px;padding:20px;margin:20px 0}.deck-add h3{margin-top:0}.add-card-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.add-card-name{flex:1 1 280px}.add-card-name small{display:block;margin-top:5px}.add-card-form button{margin:0}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:400;white-space:nowrap}.checkbox-label input{width:14px;height:14px;margin:0}.quantity-input{width:75px}.quantity-editor{min-width:145px}.quantity-editor label{margin:10px 0}.edit-buttons{display:flex;align-items:center;gap:12px}.compact{padding:7px 10px;white-space:nowrap}.edit-buttons button,.suggestion button{margin-top:0}.link-button{padding:4px 0;border:0;background:transparent;color:#934c2c;font-size:11px;text-decoration:underline}.link-button:hover{background:transparent;color:#67351f}.deck-search .actions{margin-top:6px}.deck-search input:not([type=checkbox]){flex:1;min-width:160px}.deck-comparison td:first-child{min-width:290px}.deck-comparison .suggestion{min-width:270px}.pagination nav span{white-space:nowrap}@media(max-width:850px){.collection-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.pagination{align-items:start;flex-direction:column}.add-card-form{align-items:start}.add-card-form .checkbox-label{margin-top:44px}}@media(max-width:500px){.collection-filters{grid-template-columns:1fr}.collection-filters .filter-query{grid-column:auto}.add-card-form .checkbox-label{margin-top:12px}}

.deck-tile-main{display:block;color:inherit;text-decoration:none}.deck-tile-main:hover h3{text-decoration:underline}.deck-collection-link{margin-top:18px}.commander-editor{margin:10px 0;max-width:390px;background:#eef2e7;border:1px solid var(--line);border-radius:5px;padding:10px}.commander-editor summary{margin:0;font-weight:550}.commander-editor small{display:block;margin-top:8px}.commander-editor form>button{margin-top:12px}

.row-controls-heading{text-align:right}.row-controls{min-width:150px;text-align:right}.row-controls .quantity-editor{min-width:0;width:84px;margin-left:auto}.row-controls .quantity-input{width:84px;text-align:center}.row-controls .edit-buttons{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:8px}.row-controls .edit-buttons button{width:100%;margin:0}.row-controls .link-button{border:1px solid #dfc9bc;border-radius:4px;padding:6px 8px;text-decoration:none}.row-controls button:disabled{cursor:not-allowed}.card-assignment{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.card-assignment small{display:block;font-size:10px;color:var(--muted);margin:5px 0}.card-assignment form>button{margin-top:5px}.card-assignment .link-button{border:0;text-decoration:underline;padding:2px;font-size:10px}.mana-curve{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.curve-selector{display:flex;align-items:center;gap:10px}.curve-selector[hidden],.curve-legend [hidden]{display:none}.curve-selector label{margin:0;white-space:nowrap}.curve-selector select{min-width:190px}.curve-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;margin-top:18px}.curve-legend span{display:inline-flex;align-items:center;gap:7px}.curve-legend span::before{content:'';width:11px;height:11px;border-radius:2px}.curve-legend .permanents::before{background:#315f49}.curve-legend .instants::before{background:#4b78b4}.curve-legend .sorceries::before{background:#bd6b3d}.curve-segment.permanents{fill:#315f49}.curve-segment.instants{fill:#4b78b4}.curve-segment.sorceries{fill:#bd6b3d}.curve-grid{stroke:#dce1d6;stroke-width:1}.curve-tick{font-size:11px;fill:#6a726a}.curve-count{font-size:12px;fill:#252b28}.curve-chart{display:block;width:100%;height:auto;min-width:470px;max-height:360px}.curve-scroll{overflow-x:auto}.curve-summary{font-size:12px;color:var(--muted)}.curve-data summary{margin-top:15px}.curve-data caption{text-align:left;font-size:12px;color:var(--muted);margin-bottom:8px}@media(max-width:650px){.mana-curve .section-heading{flex-direction:column}.curve-selector{width:100%}.curve-selector select{flex:1}}

.recommendation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }
.recommendation-card { border:1px solid var(--line,#d9ddd5); border-radius:6px; padding:14px; min-width:0; }
.recommendation-card > small { display:block; margin-top:5px; }
.recommendation-card ul { padding-left:20px; font-size:.85rem; line-height:1.55; }
.recommendation-card li + li { margin-top:5px; }
.recommendation-rules { margin:10px 0; }
.missing-view-controls { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin:12px 0 6px; font-size:.85rem; }
.missing-view-controls label { display:flex; align-items:center; gap:7px; margin:0; }
.missing-view-controls input[type="checkbox"] { width:auto; margin:0; }
@media(max-width:800px) { .recommendation-grid { grid-template-columns:1fr; } }

.cut-pin-picker { margin-top:12px; }
.cut-pin-picker select { flex:1; min-width:0; }
.cut-pinned ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:20px; list-style:none; padding:0; margin:8px 0; }
.cut-pinned li { display:flex; align-items:center; justify-content:space-between; min-width:0; gap:10px; padding:4px 0; border-bottom:1px solid #e1e4dc; }
.cut-pinned form { margin:0; flex-shrink:0; }
.cut-pinned .card-identity { min-width:0; font-size:12px; line-height:1.35; overflow-wrap:anywhere; }
.cut-pinned .card-name { font-size:12px; }
.cut-pinned form > button { margin:0; padding:4px 6px; font-size:11px; line-height:1.2; }
@media(max-width:650px) { .cut-pinned ul { grid-template-columns:minmax(0,1fr); } }
.cut-pinned .card-type { display:none; }
.version-compare-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; align-items:end; gap:12px; }
.version-compare-form select { width:100%; min-width:0; }
.saved-version-comparison { margin:20px 0; padding:16px; border:1px solid #d9ddd5; border-radius:6px; }
.version-analysis-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.version-analysis-grid th,.version-analysis-grid td { padding:8px; font-size:12px; }
.version-summary { max-width:650px; }
@media(max-width:1050px){ .version-analysis-grid { grid-template-columns:1fr; } }
@media(max-width:650px){ .version-compare-form { grid-template-columns:minmax(0,1fr); } .saved-version-comparison { padding:10px; } }

.swap-review-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; align-items:end; gap:12px; }
.swap-review-form select { min-width:0; width:100%; }
.swap-card-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:16px 0; }
.swap-card-pair strong { display:block; margin-bottom:8px; }
.recommendation-card .suggestion-preference-form { margin-top:8px; }
@media(max-width:650px) { .swap-review-form,.swap-card-pair { grid-template-columns:minmax(0,1fr); } }

.swap-cut-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.swap-cut-grid article { border:1px solid var(--line); border-radius:5px; padding:12px; min-width:0; }
.swap-cut-grid ul,.swap-pair-reasons { padding-left:18px; font-size:12px; line-height:1.55; }
.swap-cut-grid li + li { margin-top:5px; }
@media(max-width:1050px) { .swap-cut-grid { grid-template-columns:minmax(0,1fr); } }

.card-price { display:block; color:var(--muted); font-size:10px; line-height:1.35; margin:2px 0; }
.card-price span { font-size:9px; }
.price-options-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:12px; align-items:end; }
.price-options-form select { min-width:0; width:100%; }
.price-options-form button { margin:0; }
.price-totals { display:flex; flex-wrap:wrap; gap:12px 28px; padding:12px 0; }
.price-totals > div { min-width:190px; }
.price-totals small { display:block; font-size:10px; color:var(--muted); margin-top:4px; }
.price-totals > p { flex-basis:100%; margin:0; }
.pricing-panel .price-update-form { margin:12px 0; }
.pricing-panel .price-update-form button { margin:0; }
@media(max-width:800px) { .price-options-form { grid-template-columns:minmax(0,1fr); } }

.deck-tile{position:relative;isolation:isolate;overflow:hidden;min-height:230px;display:flex;flex-direction:column}
.deck-tile-main{flex:1}
.deck-tile .deck-collection-link{align-self:flex-start}
.deck-tile.has-art{background:#1c3027;color:#fff;border-color:#385545}
.deck-tile-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2}
.deck-tile-art.full-card-art{transform:scale(1.8);transform-origin:center 27%;object-position:center 22%}
.deck-tile-art[hidden]{display:none}
.deck-tile.has-art::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,28,21,.46),rgba(13,28,21,.56) 45%,rgba(13,28,21,.9))}
.deck-tile.has-art h3{color:#fff;text-shadow:0 1px 5px #0009}
.deck-tile.has-art .eyebrow{display:inline-block;color:#fff8e9;background:rgba(13,28,21,.68);border:1px solid #ffffff35;border-radius:20px;padding:3px 7px;letter-spacing:1.5px}
.deck-tile.has-art .deck-collection-link{color:#fff;background:rgba(13,28,21,.7);border-color:#ffffffa3}
.deck-tile.has-art .deck-collection-link:hover{background:#355c45}
.deck-tile.has-art:hover{border-color:#91b298}


/* compact.css */
.deck-comparison td{padding:7px 10px;vertical-align:middle}.deck-comparison th{padding:10px}.deck-comparison td:first-child{min-width:230px}.deck-comparison .deck-card-name{font-size:12px;line-height:1.3}.deck-comparison .card-type{margin-top:2px;line-height:1.25;font-size:10px}.deck-comparison .block{margin-top:3px;font-size:10px}.deck-comparison details>summary{font-size:11px;margin-top:3px}.deck-comparison .tag{font-size:9px;padding:1px 5px}.deck-comparison .row-controls{min-width:246px;width:246px}.deck-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px}.deck-comparison .row-controls .quantity-editor{display:grid;grid-template-columns:54px 55px;align-items:center;gap:7px;width:116px;margin:0;flex-shrink:0}.deck-comparison .row-controls .quantity-input{width:54px;padding:6px}.deck-comparison .row-controls .edit-buttons{width:55px;gap:4px;margin:0}.deck-comparison .row-controls .edit-buttons button{padding:4px 6px;font-size:10px;line-height:1.3}.deck-comparison .card-assignment{border:0;padding:0;margin:0;width:104px;flex-shrink:0}.deck-comparison .card-assignment small{font-size:9px;line-height:1.25;margin:2px 0}.deck-comparison .card-assignment form>button{margin:2px 0;padding:5px 7px;font-size:10px}.deck-comparison .card-assignment .link-button{padding:1px;font-size:9px}.deck-comparison .reservation-details{min-width:85px}.deck-comparison .commander-editor{margin:3px 0;padding:0;border:0;background:transparent}.deck-comparison .commander-editor[open]{padding:10px;background:#eef2e7}.deck-add-collapsed{margin:12px 0;padding:12px 16px}.deck-add-collapsed>summary{margin:0;font-weight:600;font-size:12px}.deck-add-collapsed[open]{padding:18px}.deck-checks{margin:10px 0}.deck-checks>summary{font-size:11px}.deck-search label{margin-top:12px}.deck-search .actions{margin-bottom:12px}.deck-comparison .suggestion{min-width:250px}.card-hover-preview{position:fixed;z-index:80;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:264px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;padding:12px;background:#fffefa;border:1px solid #bac8b5;border-radius:10px;box-shadow:0 12px 42px #10241755}.card-hover-preview[hidden]{display:none}.card-hover-preview.double-face{width:510px;grid-template-columns:repeat(2,minmax(0,1fr))}.card-hover-preview figure{margin:0;min-width:0}.card-hover-preview img{display:block;width:100%;height:auto;max-height:calc(100vh - 80px);object-fit:contain;border-radius:10px}.card-hover-preview img[hidden]{display:none}.card-hover-preview figcaption{font-size:10px;text-align:center;margin-top:6px;color:var(--muted)}#deck-live-status{position:fixed;right:20px;bottom:20px;z-index:90;max-width:min(460px,calc(100vw - 40px));padding:13px 18px;border:1px solid #b7cbb1;border-radius:7px;background:#edf5e7;color:#24432f;font-size:12px;box-shadow:0 4px 20px #142d1926}#deck-live-status[hidden]{display:none}#deck-live-status.error-status{background:#fff0df;border-color:#d3a27b;color:#793e20}.deck-row-actions [aria-busy=true]{opacity:.7}@media(max-width:650px){.deck-comparison .row-controls{min-width:227px;width:227px}.deck-row-actions{gap:8px}.deck-comparison .card-assignment{width:96px}}


/* grouped.css */
html{scroll-behavior:auto}.deck-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.deck-column{display:flex;flex-direction:column;gap:20px;min-width:0}.deck-card-group{min-width:0;border:1px solid var(--line);border-radius:6px;background:#fffefa;overflow:hidden;margin:0 0 20px}.deck-column .deck-card-group{margin:0}.deck-card-group>.deck-group-heading{margin:0;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#edf0e6;letter-spacing:0}.deck-group-heading h3{margin:0;font:500 17px Georgia,serif}.deck-group-heading>span{font-size:11px;color:var(--muted)}.deck-card-row{padding:10px;border-bottom:1px solid #e8e9e2;min-width:0}.deck-card-row:last-child{border-bottom:0}.deck-entry-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.deck-card-main{min-width:0}.deck-grouped .card-identity{max-width:100%;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.deck-grouped .card-type{margin-top:2px;max-width:none;line-height:1.3;font-size:10px}.deck-row-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:9px 0 0;max-width:330px}.deck-row-counts>div{min-width:0}.deck-row-counts dt{font-size:9px;color:var(--muted);line-height:1.25;margin-bottom:3px}.deck-row-counts dd{margin:0;font-size:11px}.deck-grouped .reservation-details{min-width:0}.deck-grouped .reservation-details>summary{font-size:10px;white-space:normal;margin:0}.deck-grouped .reservation-details ul{min-width:0;padding-left:12px}.deck-grouped .deck-card-row .row-controls{min-width:0;width:200px;text-align:right;align-self:start}.deck-grouped .deck-row-actions{gap:8px;align-items:flex-start;justify-content:flex-end}.deck-grouped .row-controls .quantity-editor{grid-template-columns:46px 46px;gap:6px;width:98px}.deck-grouped .row-controls .quantity-input{width:46px;padding:5px 3px;font-size:11px}.deck-grouped .row-controls .edit-buttons{width:46px;gap:4px}.deck-grouped .row-controls .edit-buttons button{font-size:9px;padding:4px;min-height:24px}.deck-grouped .card-assignment{width:92px}.deck-grouped .card-assignment small{font-size:9px}.deck-grouped .card-assignment form>button{padding:5px 6px;font-size:9px;min-height:24px}.deck-grouped .card-assignment .link-button{padding:1px;font-size:9px;min-height:0}.deck-row-alternatives>details{margin-top:7px}.deck-row-alternatives>.block{font-size:10px;margin-top:5px}.deck-grouped .suggestion{min-width:0;max-width:none;margin:8px 0;padding:12px}.deck-grouped .suggestion button{max-width:100%;white-space:normal}.deck-grouped .commander-editor{padding:0;margin-top:4px}.deck-grouped .commander-editor[open]{padding:10px}.deck-grouped .tag{font-size:9px}.deck-grouped .missing,.deck-grouped .complete{font-size:10px;padding:2px 6px}#collection[aria-busy=true]{opacity:.7}@media(max-width:1250px){.deck-columns{grid-template-columns:1fr}}@media(max-width:650px){.deck-entry-head{grid-template-columns:1fr;gap:9px}.deck-grouped .deck-card-row .row-controls{justify-self:end}.deck-card-row{padding:12px}.deck-columns{gap:16px}}

.deck-row-counts{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:6px}.deck-row-counts>div{display:flex;align-items:baseline;gap:4px}.deck-row-counts dt{margin:0;white-space:nowrap}.deck-row-counts dd{font-size:10px;line-height:1.3}

.theme-form { display:grid; gap:.65rem; max-width:48rem; margin-top:1rem; }
.theme-form fieldset { min-width:0; border:1px solid var(--line, #d9dfd4); padding:.75rem; }
.theme-choices { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin-bottom:.75rem; }
.theme-choices label { display:flex; align-items:center; gap:.3rem; }
.theme-choices input { width:auto; }
.theme-form button { justify-self:start; }
.theme-evidence { margin:.4rem 0; }

.checkpoint-form { max-width:48rem; margin:1rem 0; }
.checkpoint-form .actions { flex-wrap:wrap; }
.checkpoint-form input:not([type="hidden"]) { flex:1; min-width:12rem; }
.version-list { list-style:none; padding:0; margin:1rem 0; }
.version-list li { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; padding:.6rem 0; border-bottom:1px solid var(--line,#d9dfd4); }
.version-list li > div { min-width:0; overflow-wrap:anywhere; }
.version-list time { font-size:.8rem; color:var(--muted,#657465); }
.version-preview { padding:1rem; margin:1rem 0; background:var(--surface,#f5f6f0); border:1px solid var(--line,#d9dfd4); border-radius:.5rem; }
.version-preview .version-form { margin:1rem 0; }
.version-preview table { min-width:32rem; }

/* Keep each expandable workbench section visibly contained. */
#comparison .disclosure-panel { border:1px solid var(--line); border-radius:6px; background:#fffefa; padding:0 16px; margin:12px 0; }
#comparison .disclosure-panel > summary { margin:0 -16px; padding:12px 16px; font-weight:600; background:#f5f7ee; border-radius:6px; }
#comparison .disclosure-panel[open] { padding-bottom:16px; }
#comparison .disclosure-panel[open] > summary { border-bottom:1px solid var(--line); border-radius:6px 6px 0 0; margin-bottom:14px; background:#eaf0e5; }
#comparison .disclosure-panel > :last-child:not(summary) { margin-bottom:0; }
#comparison .disclosure-panel.danger { margin-top:24px; }
.deck-heading-main { flex:1; min-width:0; }
.deck-title-line { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 16px; }
.deck-title-line h2 { margin:0; overflow-wrap:anywhere; }
.deck-rename { min-width:0; }
.deck-rename > summary { margin:0; font-size:11px; text-decoration:underline; }
.deck-rename[open] { flex:1 1 100%; max-width:32rem; padding:12px; border:1px solid var(--line); background:#f5f7ee; border-radius:6px; }
.deck-rename .rename-form { max-width:none; }
.deck-rename .rename-form label { margin-top:10px; }
.theme-evidence-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); gap:12px; margin:16px 0; }
.theme-evidence { margin:0; min-width:0; padding:12px; border:1px solid var(--line); border-radius:5px; background:#fafbf6; }
.theme-evidence h4 { margin:0 0 8px; font-size:13px; color:var(--green); }
.theme-evidence h4 span { display:block; margin-top:2px; font-size:10px; font-weight:400; color:var(--muted); }
.theme-card-list { margin:0; padding-left:17px; max-height:11rem; overflow-y:auto; font-size:11px; overflow-wrap:anywhere; }
.theme-card-list li { padding:2px 0; }
#comparison .theme-form { border-top:1px solid var(--line); padding-top:16px; margin-top:20px; }
@media(max-width:650px) { .deck-title-line { align-items:flex-start; } #comparison .disclosure-panel { padding-left:12px; padding-right:12px; } #comparison .disclosure-panel > summary { margin-left:-12px; margin-right:-12px; padding:12px; } }

.deck-build-progress { margin:16px 0; padding:12px 16px; border:1px solid var(--line); border-radius:6px; background:#f7f9f2; }
.deck-progress-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; font-size:12px; }
.deck-progress-heading > span { font-size:11px; color:var(--muted); }
.deck-progress-counts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:10px 0; }
.deck-progress-counts dt { font-size:11px; color:var(--muted); }
.deck-progress-counts dd { margin:0; font-size:23px; line-height:1.4; color:var(--green); }
.deck-progress-counts dd small { font-size:12px; color:var(--muted); }
.deck-build-progress progress { display:block; width:100%; height:8px; accent-color:var(--green); }
.deck-build-progress > p { margin:8px 0 0; }
@media(max-width:450px) { .deck-build-progress { padding:12px; } .deck-progress-counts { gap:8px; } .deck-progress-counts dt { font-size:10px; } .deck-progress-heading { flex-wrap:wrap; gap:4px; } }

.role-overview-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); gap:12px; margin:16px 0; }
.role-overview-card { min-width:0; border:1px solid var(--line); border-radius:5px; background:#fafbf6; padding:12px; }
.role-group-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.role-group-heading h3 { font-size:13px; margin:0; color:var(--green); }
.role-group-heading strong { font-size:22px; font-weight:500; color:var(--green); }
.role-overview-card > p { margin:2px 0 8px; }
.role-member-list { max-height:11rem; overflow-y:auto; margin:0; padding-left:16px; font-size:11px; overflow-wrap:anywhere; }
.role-member-list li { padding:3px 0; }
.role-member-list .deck-card-name { font-size:11px; }
.role-member-list .card-type { display:none; }
.role-member-quantity,.role-custom-label { color:var(--muted); font-size:10px; white-space:nowrap; }
.role-editor-form { display:grid; gap:8px; max-width:48rem; border-top:1px solid var(--line); padding-top:16px; margin-top:20px; }
.role-editor-form h3 { margin:0; font-size:15px; }
.role-editor-form p { margin:0; }
.role-editor-form label { margin:8px 0 0; }
.role-editor-form fieldset { min-width:0; padding:12px; border:1px solid var(--line); }
.role-editor-form fieldset:disabled { opacity:.65; }
.role-choices { display:flex; flex-wrap:wrap; gap:8px 16px; }
.role-choices label { display:flex; gap:5px; align-items:center; margin:0; }
.role-choices input { width:auto; }
.role-editor-form button { justify-self:start; margin-top:8px; }

#comparison .mana-base { margin-top:24px; }
.mana-base-metrics { display:flex; flex-wrap:wrap; gap:10px 22px; padding:10px 0; font-size:11px; color:var(--muted); }
.mana-base-metrics strong { color:var(--green); font-size:14px; }
.mana-base-table { min-width:710px; }
.mana-base-table caption { text-align:left; font-size:11px; margin-bottom:10px; color:var(--muted); }
.mana-base-table td:first-child { min-width:100px; }
.mana-base-table td:last-child { min-width:180px; }
.mana-base-table th { white-space:normal; }
.mana-balance-bars { display:block; width:150px; height:30px; }
.mana-balance-track { fill:#e6e9df; }
.mana-demand-bar { fill:var(--orange); }
.mana-source-bar { fill:var(--green); }
.mana-balance-legend { display:flex; flex-wrap:wrap; gap:10px 20px; font-size:11px; }
.mana-balance-legend span::before { content:''; display:inline-block; width:10px; height:10px; border-radius:2px; margin-right:6px; }
.mana-demand-key::before { background:var(--orange); }
.mana-source-key::before { background:var(--green); }
.mana-flexible { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:12px; margin:16px 0; }
.mana-flexible > small { flex-basis:100%; }
.mana-base-notes { padding-left:20px; font-size:11px; color:var(--muted); }
.mana-land-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); gap:12px; }
.mana-land-source { min-width:0; border:1px solid var(--line); border-radius:5px; padding:12px; background:#fafbf6; overflow-wrap:anywhere; }
.mana-land-source .card-identity { max-width:100%; font-size:12px; }
.mana-land-source p { font-size:11px; margin:6px 0 0; }
.mana-land-source .card-type { display:none; }

.mana-introduction,.mana-table-help { font-size:12px; }
.mana-takeaway { border:1px solid #cbd8c3; border-left:4px solid var(--green); background:#edf3e7; border-radius:5px; padding:14px 16px; margin:14px 0; }
.mana-takeaway h3,.mana-reading-guide h3 { font-size:14px; margin:0 0 6px; }
.mana-takeaway p,.mana-reading-guide p { margin:6px 0 0; font-size:12px; }
.mana-takeaway p.muted,.mana-reading-guide p.muted { font-size:11px; }
.mana-reading-guide { border:1px solid var(--line); border-radius:5px; background:#fafbf6; padding:12px 16px; margin:14px 0; }
.mana-base-simple { min-width:590px; }
.mana-base-simple td:last-child { min-width:120px; }
.mana-base-simple th .block { font-size:10px; text-transform:none; letter-spacing:0; font-weight:400; }
.mana-calculation { border:1px solid var(--line); border-radius:5px; padding:0 12px; margin:18px 0; }
.mana-calculation > summary { margin:0 -12px; padding:10px 12px; background:#f5f7ee; border-radius:5px; }
.mana-calculation[open] { padding-bottom:12px; }
.mana-calculation[open] > summary { border-bottom:1px solid var(--line); border-radius:5px 5px 0 0; }

.role-description,.theme-description { font-size:10px; line-height:1.5; color:var(--muted); }
.theme-description { margin:5px 0 9px; }
.role-empty-list { display:flex; flex-wrap:wrap; gap:6px 10px; align-items:center; margin:16px 0; }
.role-empty-chip { display:inline-flex; gap:6px; font-size:10px; border:1px solid var(--line); border-radius:4px; padding:4px 7px; background:#fafbf6; }
.theme-card-list .card-identity,.role-member-list .card-identity { max-width:100%; font-size:11px; }
.theme-card-list .card-type { display:none; }
.theme-card-list .card-identity > span,.role-member-list .card-identity > span { min-width:0; }

/* Deck editing stays above the card list; detailed analysis and history follow it. */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
#comparison .deck-build-progress { padding:10px 14px; margin:12px 0; }
#comparison .deck-progress-heading { font-size:11px; }
#comparison .deck-progress-counts { display:flex; flex-wrap:wrap; gap:12px 28px; margin:8px 0; }
#comparison .deck-progress-counts > div { display:flex; align-items:baseline; gap:8px; }
#comparison .deck-progress-counts dt { font-size:10px; }
#comparison .deck-progress-counts dd { font-size:16px; line-height:1.2; }
#comparison .deck-progress-counts dd small { font-size:10px; }
#comparison .deck-build-progress progress { height:5px; }
#comparison .deck-toolbar-actions { gap:7px 10px; align-items:center; flex-direction:row; margin:12px 0 18px; }
#comparison .deck-toolbar-actions form { margin:0; }
#comparison .deck-toolbar-actions button { padding:7px 10px; font-size:11px; margin:0; min-height:32px; }
#comparison .deck-toolbar-actions .text-link { padding:6px 3px; font-size:11px; }
.toolbar-count { display:inline-block; margin-left:3px; border-radius:10px; background:#edf0e7; padding:1px 5px; font-size:10px; }
.autosave-note { margin-left:auto; font-size:10px; color:var(--muted); }
.deck-card-toolbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 20px; padding:14px 0 12px; border-top:1px solid var(--line); }
#comparison .deck-card-toolbar form { margin:0; min-width:0; }
#comparison .deck-card-toolbar label { margin:0 0 5px; font-size:11px; }
#comparison .deck-quick-add .add-card-form { display:block; }
#comparison .input-with-button { display:flex; align-items:center; gap:6px; min-width:0; }
#comparison .input-with-button input:not([type=hidden]) { min-width:0; flex:1 1 0; width:0; padding:8px 10px; font-size:12px; height:36px; }
#comparison .input-with-button input.quantity-input { flex:0 0 48px; width:48px; padding:8px 4px; text-align:center; }
#comparison .input-with-button button { padding:8px 12px; margin:0; height:36px; font-size:11px; flex-shrink:0; }
#comparison .deck-card-toolbar .missing-view-controls { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:0; min-width:0; }
#comparison .missing-view-controls .missing-toggle { display:inline-flex; align-items:center; gap:7px; width:auto; margin:0; padding:6px 10px; border:1px solid var(--line); border-radius:20px; background:#fafbf7; font-size:11px; line-height:1.2; cursor:pointer; white-space:nowrap; }
#comparison .missing-toggle input[type=checkbox] { flex:0 0 14px; min-width:14px; width:14px; height:14px; margin:0; padding:0; accent-color:var(--green); }
#comparison .missing-toggle:has(input:checked) { border-color:#8aa68d; background:#eaf1e5; color:var(--green); }
#comparison .missing-view-controls .filter-counts { font-size:10px; color:var(--muted); }
#comparison .missing-view-controls .text-link { font-size:10px; padding:4px 2px; }
#comparison .missing-view-controls .checklist-link { margin-left:auto; }
.deck-planning { margin-top:24px; padding-top:12px; border-top:1px solid var(--line); }
.planning-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.planning-heading h3 { margin:8px 0; }
.planning-heading button { margin:0; }
#deck-history,#deck-recommendations,#deck-card-list { scroll-margin-top:16px; }
@media(max-width:950px) { .deck-card-toolbar { grid-template-columns:minmax(0,1fr); gap:12px; } }
@media(max-width:650px) { .autosave-note { flex-basis:100%; margin-left:0; } #comparison .deck-toolbar-actions { gap:6px 10px; } .planning-heading { align-items:flex-start; flex-direction:column; } #comparison .deck-progress-counts { gap:8px 14px; } #comparison .deck-progress-counts > div { gap:5px; } #comparison .missing-view-controls .checklist-link { margin-left:0; } }

#collection-results>[hidden],[data-deck-filter][hidden]{display:none}

.deck-comparison>.empty[hidden]{display:none}

#deck-build-view[hidden],#deck-settings[hidden]{display:none}
.deck-settings{border-top:1px solid var(--line);padding-top:18px;margin-top:8px}
.deck-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.deck-settings-heading h3{margin:0 0 8px;font:500 24px Georgia,serif}
.deck-settings-heading p{margin:0;font-size:11px}
.deck-settings-heading>a{font-size:12px;white-space:nowrap;padding:9px 12px}
#deck-actions [aria-current=page]{font-weight:600;color:var(--green);text-decoration-thickness:2px}
#deck-settings{scroll-margin-top:16px}
@media(max-width:650px){.deck-settings-heading{flex-direction:column;gap:8px}}

#custom-theme-fields[hidden]{display:none}


/* Clearly visible deck navigation, retaining native link/download behavior. */
#comparison .deck-toolbar-actions .toolbar-button{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;min-height:34px;font-size:11px;line-height:1.4;background:#f3f6ef;border:1px solid #587264;border-radius:5px;text-decoration:none;font-weight:600;white-space:nowrap}
#comparison .deck-toolbar-actions .toolbar-button:hover{background:#e4eddf;color:var(--green);border-color:var(--green)}
#comparison .deck-toolbar-actions .toolbar-button:focus-visible{outline:3px solid #b57243;outline-offset:3px}

#comparison .deck-toolbar-actions .toolbar-button[aria-current="page"]{background:#e3ecdf;border-color:#244c3b;box-shadow:inset 0 -2px #244c3b}

.cut-alternative-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0}.cut-alternative-controls label{margin:0}.cut-alternative-controls select{width:auto;max-width:100%}.cut-alternative-controls small{flex-basis:100%}
.cut-candidates{display:grid;gap:16px}.cut-candidates .cut-candidate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px}.cut-alternatives{border-left:1px solid var(--line);padding-left:20px;min-width:0}.cut-alternatives h4{margin:0 0 12px;font-size:13px}.cut-alternative{border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:12px}.cut-alternative small{display:block}.cut-alternative .muted{font-size:11px}.cut-alternative .button{display:inline-flex;font-size:11px;padding:6px 9px}.cut-alternatives[aria-busy="true"]{opacity:.7}
@media(max-width:800px){.cut-candidates .cut-candidate{grid-template-columns:minmax(0,1fr)}.cut-alternatives{padding:15px 0 0;border-left:0;border-top:1px solid var(--line)}}
.cut-summary>.card-identity{display:block}.cut-summary>small{display:block;margin-top:5px}

body>main{padding-top:24px}aside .workspace-nav{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}aside .workspace-nav .app-settings-nav{margin-top:auto;border-top:1px solid #526257;border-radius:0;padding-top:16px}.app-settings-section{border-top:1px solid var(--line);padding-top:28px;margin-top:36px;scroll-margin-top:20px}.app-settings-section>.section-heading{margin-bottom:22px}.app-settings-section>.section-heading p{margin:6px 0}.app-settings-section>.section-heading>a{white-space:nowrap}
@media(max-width:650px){aside .workspace-nav{flex-direction:row;flex:none;overflow-x:auto;overflow-y:hidden}aside .workspace-nav .app-settings-nav{margin-top:0;border-top:0;padding-top:7px}.app-settings-section>.section-heading{flex-direction:column;align-items:flex-start}}

#alternative-filters .alternative-filter-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(190px,.7fr)}@media(max-width:800px){#alternative-filters .alternative-filter-main{grid-template-columns:1fr}}

/* Dedicated deck editor */
.create-deck-nav{border:1px solid #698173;margin-bottom:1rem}
.deck-editor-tabs{display:flex;flex-wrap:wrap;gap:.4rem;border-bottom:1px solid var(--line,#d9ddd3);padding:.6rem 0;margin:.4rem 0 1rem}
.deck-editor-tabs a{display:block;padding:.65rem 1rem;text-decoration:none;border-radius:6px;color:inherit}
.deck-editor-tabs a[aria-current="page"]{background:#244d3e;color:white}
[data-editor-pane][hidden]{display:none!important}
[data-deck-editor] .deck-toolbar-actions{margin-bottom:1.25rem}
.new-deck-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.new-deck-themes{margin:1.5rem 0;border:1px solid #d9ddd3;border-radius:6px;padding:1rem}
.create-deck-page{max-width:1100px;margin-inline:auto}
.discovery-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
fieldset.discovery-filter-grid{margin:1rem 0;padding:1rem;border:1px solid #d9ddd3;border-radius:6px}
.discovery-filter-grid[hidden]{display:none}
.discovery-grid{display:grid;align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.discovery-card{display:flex;flex-direction:column;border:1px solid #d9ddd3;border-radius:7px;padding:1rem;min-width:0}
.discovery-card .card-identity{min-width:0}
.discovery-card .card-name{overflow-wrap:anywhere}
.discovery-card ul{padding-left:1.2rem;font-size:.85rem}
.discovery-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:.75rem}
.discovery-card-actions form,.discovery-batch-heading form{margin:0}
.discovery-batch-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1rem 0}
#discovery-content[aria-busy="true"]{opacity:.65}
#deck-discover{margin-bottom:2rem}
@media(max-width:1100px){.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.new-deck-fields,.discovery-grid,.discovery-filter-grid{grid-template-columns:minmax(0,1fr)}.deck-editor-tabs{gap:.2rem}.deck-editor-tabs a{padding:.55rem .7rem}.discovery-batch-heading .actions{gap:.5rem}}

/* Consistent, distinct controls for dismissing suggestions. */
button.dismiss-button{border-color:#b6bcb1;color:var(--muted);background:transparent;text-decoration:none}
button.dismiss-button:hover{border-color:var(--ink,#244d3e);color:var(--ink,#244d3e);background:#f0f2eb}

.curve-segment.mana{fill:#8d6b29}.curve-legend .mana::before{background:#8d6b29}
.nonland-mana-analysis{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}
.nonland-mana-metrics{display:flex;flex-wrap:wrap;gap:10px 20px;margin:16px 0;font-size:12px}.nonland-mana-metrics strong{font-size:16px}
.nonland-mana-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nonland-mana-card{padding:13px;border:1px solid var(--line);border-radius:6px;min-width:0}
.nonland-mana-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.nonland-mana-heading>span{font-size:11px}
.nonland-mana-kinds{font-size:11px;color:var(--muted);margin:8px 0}.nonland-mana-ability{font-size:12px;margin:6px 0;overflow-wrap:anywhere}
@media(max-width:700px){.nonland-mana-grid{grid-template-columns:minmax(0,1fr)}}

.playtest-options,.playtest-controls,.playtest-stats{display:flex;flex-wrap:wrap;gap:12px 18px;margin:16px 0}.playtest-options label{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px}.playtest-options input{width:auto;margin:0}
.playtest-command-zone{padding:12px 15px;background:#f2f4ed;border:1px solid var(--line);border-radius:6px;margin:16px 0}.playtest-commanders{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0}.playtest-commanders .card-identity{display:inline}
.playtest-stats span{padding:8px 10px;border-radius:5px;background:#f2f4ed;font-size:11px}.playtest-stats strong{display:block;font-size:15px}
.playtest-hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.playtest-card{border:1px solid var(--line);border-radius:7px;padding:12px;min-width:0;display:flex;gap:10px;align-items:flex-start}.playtest-card.is-bottom{border:2px solid #9a762b;background:#fcf6e8;padding:11px}.playtest-thumbnail{width:60px;height:auto;border-radius:4px;flex:none}.playtest-card-info{min-width:0;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.playtest-card-info .card-identity{font-size:13px}.playtest-card-info small{font-size:11px}.playtest-draw-history{margin:20px 0}
@media(max-width:1250px){.playtest-hand{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.playtest-hand{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.playtest-hand{grid-template-columns:minmax(0,1fr)}.playtest-thumbnail{width:50px}}

/* Keep action controls in one row; feedback gets a separate full-width panel. */
form:has(> .suggestion-feedback){display:contents}
form:has(> .suggestion-feedback)>.dismiss-button{margin:0;vertical-align:middle}
.suggestion-feedback{display:contents;font-size:11px}
.suggestion-feedback>summary{list-style:none;display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:4px;cursor:pointer;margin:0;font-size:11px;line-height:1.6;vertical-align:middle}
.suggestion-feedback>summary::-webkit-details-marker{display:none}
.suggestion-feedback>summary:hover,.suggestion-feedback[open]>summary{background:#edf1e7;border-color:#9baa9d}
.suggestion-feedback:not([open])>.suggestion-feedback-body{display:none}
.suggestion-feedback-body{flex-basis:100%;min-width:0;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#f6f7f1}
.suggestion-feedback-body label{font-size:11px;margin:0}
.suggestion-feedback-body select{display:block;width:100%;margin-top:6px}
.suggestion-feedback-body small{display:block;margin:10px 0;line-height:1.6}
.suggestion-feedback-body button{display:block;margin:0}
.discovery-card-actions{align-items:flex-start;gap:10px}
.discovery-card-actions form>button,.discovery-card-actions .dismiss-button{margin:0}
.discovery-card-actions .suggestion-feedback-body{margin:0}
.feedback-history-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-top:1px solid var(--line);padding:14px 0}.feedback-history-row>div{min-width:0}.feedback-history-row p{font-size:12px;margin:8px 0}.feedback-history-row form{flex:none;margin:0}.feedback-history-list .card-identity{display:block;overflow-wrap:anywhere}
@media(max-width:650px){.feedback-history-row{flex-direction:column;gap:8px}}

.commander-priorities{padding:12px 16px;margin:14px 0;border:1px solid var(--line);border-radius:6px;background:#f6f7f1;font-size:12px}.commander-priorities ul{margin:8px 0 0;padding-left:18px}.commander-priorities li+li{margin-top:5px}

.theme-picker{margin:12px 0}.theme-picker>label{max-width:480px;margin:0 0 8px}.theme-picker [data-theme-search-status]{font-size:11px;margin:5px 0}.theme-choices>label[hidden]{display:none}

.theme-evidence-filter{margin:14px 0}.theme-evidence-filter>label{max-width:480px;margin:0 0 6px}.theme-evidence-filter p{font-size:11px}.theme-evidence[hidden]{display:none}

.theme-picker .theme-choices{max-height:260px;overflow:auto;padding:2px;scrollbar-gutter:stable}

.auth-page .auth-shell{margin:0 auto;padding:70px 20px;max-width:620px}.auth-card h1{font-size:38px;letter-spacing:-1px}.auth-card p{font-size:14px}.auth-card .discord-login{background:#5865f2;border-color:#5865f2;margin:16px 0;padding:13px 22px}.auth-setup{padding:16px;background:#f3f4ee;border:1px solid var(--line);border-radius:6px;margin-top:20px}.signed-in-account{padding:12px 0;border-top:1px solid #536457;margin-top:12px}.signed-in-account strong{display:block;overflow-wrap:anywhere}.signed-in-account form{margin:6px 0}.signed-in-account button{color:#fff;border-color:#7e9585;margin:0}

@media(max-width:650px){.aside-bottom.has-account{display:block}.aside-bottom.has-account .workspace-footer{display:none}.signed-in-account{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 0;margin-top:8px}.signed-in-account form{margin:0}}

/* Community */
.community-workspace{display:grid;gap:20px}.community-workspace .panel{margin:0}.community-add-friend{display:flex;gap:12px;align-items:flex-end;max-width:700px;margin:20px 0 12px}.community-add-friend label{flex:1;margin:0}.community-add-friend button{margin:0;white-space:nowrap}.community-add-friend input{margin-bottom:0}.community-friends,.community-requests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.community-person{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:6px}.community-person small{display:block;margin-top:5px;color:var(--muted)}.community-person [aria-current=true]{font-weight:700}.community-person form,.community-person button{margin:0}.community-person .actions{gap:6px;flex-wrap:wrap}.community-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.community-filters label{margin:0}.community-spare{display:inline-flex;align-items:center;gap:8px;margin:0}.community-spare input{width:16px;min-width:16px;margin:0}.community-printings{margin:6px 0 0 56px;max-height:85px;overflow-y:auto}.community-printings small{display:block;color:var(--muted)}.community-table td{vertical-align:top}.community-table th:not(:first-child),.community-table td:not(:first-child){text-align:center}.community-table td:first-child{min-width:240px}#community-workspace[aria-busy=true] .community-results{opacity:.65}@media(max-width:850px){.community-friends,.community-requests{grid-template-columns:1fr}.community-person{flex-wrap:wrap}}@media(max-width:600px){.community-filters{grid-template-columns:1fr}.community-add-friend{align-items:stretch;flex-direction:column}}

.community-workspace{min-width:0;grid-template-columns:minmax(0,1fr)}.community-workspace .panel{min-width:0}@media(max-width:650px){.community-workspace .section-heading{flex-wrap:wrap}.community-workspace .section-heading .actions{margin-top:0}}
.community-person:has(a[aria-current="true"]){border-color:var(--green);background:#f3f6ee}#community-status{min-height:1.6em}

/* Live scanner */
.scanner-workspace h1{font-size:36px;letter-spacing:-1px}.scanner-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:24px;align-items:start}.scanner-live,.scanner-review{min-width:0}.scanner-feed{position:relative;aspect-ratio:16/9;background:#17251e;border-radius:7px;overflow:hidden}.scanner-feed video,.scanner-feed canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.scanner-feed>span{position:absolute;inset:0;display:grid;place-items:center;color:#d5e0d6;pointer-events:none}.scanner-feed>span[hidden]{display:none}#scanner-status{min-height:3em}.scanner-review{background:#f5f6f0;border:1px solid var(--line);border-radius:7px;padding:16px}.scanner-review h2{font-size:23px}.scanner-review p,.scanner-live>.muted{font-size:12px}.scanner-tray-card{background:#fffefa;padding:13px;border:1px solid var(--line);border-radius:5px;margin:12px 0}.scanner-tray-card label{margin-top:9px}.scanner-row-fields{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px}.scanner-check{display:flex;align-items:center;gap:8px}.scanner-check input{width:16px;min-width:16px;margin:0}.scanner-tray-title strong{overflow-wrap:anywhere}.scanner-manual{margin:16px 0;border-top:1px solid var(--line);padding-top:6px}.scanner-search-result{display:block;width:100%;text-align:left;margin:5px 0}.scanner-workspace .section-heading{flex-wrap:wrap}.scanner-workspace .actions{flex-wrap:wrap}.scanner-workspace .muted{color:var(--muted)}@media(max-width:1000px){.scanner-layout{grid-template-columns:minmax(0,1fr)}.scanner-workspace h1{font-size:30px}}@media(max-width:650px){.scanner-workspace{padding:18px}.scanner-review{padding:12px}}

.scanner-workspace [hidden]{display:none}

#scanner-tray{max-height:70vh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}

.scanner-art-options{border:1px solid var(--line);border-radius:6px;padding:12px;margin-bottom:18px}.scanner-art-options summary{cursor:pointer;font-weight:600}.scanner-art-options .scanner-check{margin-top:12px}.scanner-art-options select{max-width:100%}#scanner-art-review{margin-top:10px}