/* Card reference tools. Artwork, readable text, then the next useful question. */
.cards-page{--card-rule:color-mix(in srgb,var(--ink) 17%,transparent)}
.cards-page [hidden]{display:none!important}.cards-page :focus-visible{outline:2px solid var(--ac);outline-offset:4px}
.cards-page main{max-width:1440px;margin:auto}.cards-page main>.breadcrumbs{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cards-page main>.breadcrumbs a{visibility:hidden}
.cards-page .card-tool-header{display:flex;align-items:center;gap:28px;padding:14px 32px;min-height:72px;border-bottom:1px solid var(--card-rule);position:relative;z-index:10}
.cards-page .wordmark{font:700 32px/.95 var(--head);white-space:nowrap;margin:0}.card-header-lookup{flex:1;max-width:590px;margin:0}.card-main-nav{display:flex;align-items:center;gap:24px;font:600 18px var(--head);text-transform:uppercase}.card-main-nav a[aria-current]{color:var(--ac)}.card-directory-header .card-main-nav{margin-left:auto}.cards-page .header-actions{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:13px}.cards-page .header-actions button{font:13px var(--body)}.cards-page .more-nav summary{font:13px var(--body)}
.card-query{position:relative;display:flex;align-items:center;min-width:0;flex:1;border:1px solid var(--soft);background:var(--bg2)}.card-query:focus-within{border-color:var(--ac)}.card-query input{width:100%;min-width:0;border:0!important;background:transparent!important;color:var(--ink);font:16px var(--body);padding:12px 14px;outline:0}.card-query kbd{font:13px var(--mono);color:var(--muted);border:1px solid var(--soft);padding:0 6px;margin-right:10px}.card-query>button{border:0;border-left:1px solid var(--soft);padding:12px 16px;align-self:stretch;background:var(--ac);color:var(--ac-ink);font:600 16px var(--body);text-transform:none;cursor:pointer}.card-header-lookup input{font-size:14px;padding:10px 12px}.card-header-lookup .card-query>button{font-size:14px;padding:8px 14px}
.card-suggestions{position:absolute;top:calc(100% + 5px);left:-1px;right:-1px;z-index:20;max-height:410px;overflow-y:auto;border:1px solid var(--soft);background:var(--bg);box-shadow:0 14px 35px #0008;padding:5px}.card-suggestions a{display:flex;align-items:center;gap:12px;padding:9px 10px;text-decoration:none;border-bottom:1px solid var(--card-rule)}.card-suggestions a:last-child{border:0}.card-suggestions a:hover,.card-suggestions a[aria-selected=true]{background:var(--bg3)}.card-suggestions img{width:32px;height:45px;object-fit:contain;border-radius:3px}.card-suggestions a>span:nth-child(2){flex:1;min-width:0}.card-suggestions strong{display:block;font:500 15px/1.35 var(--body)}.card-suggestions small{display:block;color:var(--muted);font:13px/1.5 var(--body);margin-top:3px}.card-suggestions a>span:last-child{color:var(--ac)}
/* A typo's "Did you mean" rows read as one line of text. */
.card-suggestions .card-suggestion-fix{min-height:44px;box-sizing:border-box}.card-suggestions .card-suggestion-fix>span{color:var(--ink);font:15px/1.35 var(--body)}.card-suggestions .card-suggestion-fix strong{display:inline}
/* Directory */
.cards-workspace{padding:26px 32px 44px}.card-search-row{display:flex;align-items:center;gap:32px}.cards-page .card-search-row h1{font:700 42px/1 var(--head);text-transform:uppercase;letter-spacing:0;margin:0;min-width:108px}.reference-toolbar{display:flex;align-items:center;gap:12px;position:relative;padding:18px 0 12px;flex-wrap:wrap}.domain-filters{display:flex;gap:5px;align-items:center}.domain-filters button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;min-height:38px;border:1px solid transparent;background:var(--bg2);color:var(--ink);font:13px var(--body);cursor:pointer}.domain-filters button:hover{border-color:var(--soft)}.domain-filters button[aria-pressed=true]{border-color:var(--ac);background:var(--ac-soft)}.domain-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:var(--muted)}.domain-fury{background:var(--fury)}.domain-calm{background:var(--calm)}.domain-mind{background:var(--mind)}.domain-body{background:var(--body-color)}.domain-chaos{background:var(--chaos)}.domain-order{background:var(--order)}.domain-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.quick-filters{display:flex;gap:10px}.quick-filters>label{font-size:0}.quick-filters select{min-width:94px}.reference-controls select{border:1px solid var(--soft);background:var(--bg);color:var(--ink);font:13px var(--body);min-height:38px;padding:8px 24px 8px 10px;border-radius:0;max-width:100%}.card-filter-panel>summary,.card-view-panel>summary{cursor:pointer;font:13px var(--body);padding:9px 12px;border:1px solid var(--soft);min-height:38px;list-style:none;white-space:nowrap}.card-filter-panel>summary:after,.card-view-panel>summary:after{content:' +';color:var(--ac)}.card-filter-panel[open]>summary,.card-view-panel[open]>summary{border-color:var(--ac)}.card-view-panel{margin-left:auto}.filter-fields,.view-fields{position:absolute;z-index:7;top:calc(100% - 8px);background:var(--bg2);border:1px solid var(--soft);box-shadow:0 16px 40px #0006;padding:20px;display:grid;gap:16px}.filter-fields{left:0;right:0;grid-template-columns:repeat(3,minmax(0,1fr))}.view-fields{right:0;width:360px;grid-template-columns:1fr 1fr}.filter-fields label,.view-fields label{display:grid;gap:7px;min-width:0;font:13px var(--body);color:var(--muted)}.filter-fields .button{align-self:end;font-size:16px;min-height:38px;padding:8px 12px}.view-fields>.segmented{grid-column:1/-1}.segmented{display:flex;border:1px solid var(--soft)}.segmented label{flex:1;cursor:pointer}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;padding:9px 14px;font:13px var(--body);text-align:center;color:var(--ink)}.segmented input:checked+span{background:var(--ink);color:var(--bg)}.segmented input:focus-visible+span{outline:2px solid var(--ac)}
.search-meta{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;border-bottom:1px solid var(--card-rule);margin-bottom:18px}.search-meta p{font:13px var(--body);color:var(--muted);margin:0}.search-help{position:relative}.search-help>summary{font:13px var(--body);color:var(--muted);cursor:pointer;list-style:none}.search-help>div{position:absolute;right:0;top:28px;width:min(400px,calc(100vw - 32px));padding:18px;z-index:8;border:1px solid var(--soft);background:var(--bg2);box-shadow:0 16px 40px #0006}.search-help p{font:13px/1.7 var(--body);margin:0 0 10px}.search-help code{font:13px/1.8 var(--mono);color:var(--ac)}.cards-page .filter-chips{margin:0 0 18px;gap:8px}.filter-chips:empty{display:none}.cards-page .filter-chips button{font:13px var(--body);max-width:100%;overflow-wrap:anywhere;white-space:normal;text-align:left;padding:7px 10px}.query-error{padding:12px 16px;border-left:3px solid #dcb578;background:var(--bg2)}.query-error.is-note{border-left-color:var(--ac)}.query-error .query-fix{margin-left:8px;min-height:36px;padding:6px 12px;background:transparent;color:var(--ac);border:1px solid var(--ac);font:inherit;cursor:pointer}
/* "Did you mean" in the empty state: the same outlined fix, a full touch target. */
[data-card-empty] .query-fix{display:inline-flex;align-items:center;min-height:44px;margin:4px 0;padding:6px 14px;background:transparent;color:var(--ac);border:1px solid var(--ac);font:inherit;cursor:pointer}
.reference-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px}.reference-grid[data-density=comfortable]{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-grid[data-density=compact]{grid-template-columns:repeat(8,minmax(0,1fr));gap:24px 14px}.reference-tile{min-width:0}.reference-tile .card-tile{display:block;background:transparent;border:0;padding:0;transform:none;transition:none}.reference-tile .card-tile:hover{background:transparent;transform:none;text-decoration:none}.reference-tile .card-tile img{width:100%;height:auto;aspect-ratio:744/1039;object-fit:contain;border-radius:8px;background:var(--bg2)}
/* Battlefields are landscape: they take two columns instead of sitting letterboxed in one. */
.reference-grid:not([data-view=text]){grid-auto-flow:row dense}.reference-grid:not([data-view=text]) .reference-tile.is-battlefield{grid-column:span 2}.reference-grid .reference-tile.is-battlefield .card-tile img{aspect-ratio:1039/744}.reference-tile .card-tile:hover img{outline:1px solid var(--ac);outline-offset:3px}.tile-copy{padding-top:12px}.cards-page .tile-copy h3{font:600 21px/1.15 var(--head);margin:0 0 6px;text-transform:none;letter-spacing:0}.tile-copy .fine{font:13px/1.5 var(--mono);display:block}.tile-domains{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font:13px var(--body);color:var(--muted)}.tile-type,.tile-text,.tile-numbers{display:none}.tile-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;font:13px var(--body);color:var(--muted)}.tile-footer button{border:0;background:none;padding:6px 0;color:var(--muted);font:13px var(--body);cursor:pointer}.tile-footer button:hover{color:var(--ac)}
.reference-grid[data-view=text]{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.reference-grid[data-view=text] .reference-tile{padding:22px 0;border-bottom:1px solid var(--card-rule)}.reference-grid[data-view=text] .card-tile{display:grid;grid-template-columns:76px 1fr;gap:18px}.reference-grid[data-view=text] .tile-copy{padding:0}.reference-grid[data-view=text] .tile-type,.reference-grid[data-view=text] .tile-numbers{display:block;font:13px var(--body);color:var(--muted);margin:8px 0}.reference-grid[data-view=text] .tile-text{display:block;font:14px/1.7 var(--body);margin-top:12px;white-space:pre-line}.reference-grid[data-view=text] .tile-footer{margin-left:94px}.reference-grid[data-view=table]{display:block}.reference-table-wrap{overflow-x:auto;max-width:100%}.reference-table{width:100%;border-collapse:collapse;text-align:left;font:13px/1.5 var(--body)}.reference-table th,.reference-table td{padding:12px;border-bottom:1px solid var(--card-rule);vertical-align:middle}.reference-table thead th{font:13px var(--body);color:var(--muted);white-space:nowrap;font-weight:400}.reference-table tbody th{font-weight:400}.reference-table tbody a:hover{color:var(--ac)}.reference-table tbody tr:hover{background:var(--bg2)}.reference-table td .domain-label{display:flex;margin-bottom:3px}.reference-table button{background:none;border:1px solid var(--soft);color:var(--ink);min-width:40px;min-height:40px;cursor:pointer}.cards-page .card-loading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;padding:32px 0}.catalog-footnote{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--card-rule);padding-top:20px;font:13px var(--body);color:var(--muted)}.catalog-footnote p{margin:0;margin-right:auto}
/* Individual reference */
.card-reference{padding:0 32px;max-width:1200px;margin:auto}.reference-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:20px 0;color:var(--muted);font:13px var(--mono)}.reference-breadcrumb a:hover{color:var(--ac)}.reference-hero{display:grid;grid-template-columns:286px minmax(0,1fr);gap:44px;padding:8px 0 32px}.reference-art{min-width:0}.card-art-link{display:block;position:relative}.card-art-link>img{display:block;width:100%;height:auto;max-height:435px;object-fit:contain;border-radius:12px}.card-art-link>span{position:absolute;bottom:12px;right:12px;background:#101010dc;color:#f2f2ed;padding:5px 8px;border:1px solid #ffffff40;font:13px var(--body);opacity:0;transition:opacity .12s}.card-art-link:hover>span,.card-art-link:focus-visible>span{opacity:1}.printing-picker{padding-top:18px;scroll-margin-top:20px}.cards-page .printing-picker .printing-label{font:500 13px var(--body);text-transform:none;letter-spacing:0;margin:0 0 12px;color:var(--muted)}.printing-options{display:flex;gap:10px;overflow-x:auto;padding:4px 3px 12px;scrollbar-width:thin}.printing-options a{display:flex;flex-direction:column;gap:7px;flex:none;width:59px;font:13px var(--mono);color:var(--muted);text-align:center}.printing-options img{width:56px;height:78px;object-fit:contain;border-radius:4px}.printing-options a[aria-current] img{outline:2px solid var(--ac);outline-offset:3px}.printing-options a[aria-current]{color:var(--ac)}.printing-options a small{font:13px/1.2 var(--body);color:var(--muted);margin-top:-4px}.printing-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0;font:13px/1.5 var(--body);border-top:1px solid var(--card-rule);padding-top:10px}.printing-facts>div{display:block;padding:2px 0}.printing-facts dt{font-size:13px;margin-bottom:3px}.printing-facts dt{color:var(--muted)}.printing-facts dd{margin:0}.printing-facts a:hover{color:var(--ac)}
.reference-reading{min-width:0;max-width:680px;padding-top:5px}.reference-title{display:grid;grid-template-columns:minmax(0,max-content) auto;column-gap:28px;align-items:start;justify-content:start}.reference-title>.eyebrow{grid-column:1/-1;margin:0 0 8px;font:14px var(--body);letter-spacing:0;color:var(--muted)}.cards-page .reference-title h1{font:600 clamp(32px,3.25vw,44px)/1.04 var(--head);letter-spacing:0;text-transform:none;margin:0;max-width:24ch}.reference-stats{display:flex;gap:16px;margin:0;align-items:center}.reference-stats>div{display:flex;flex-direction:column-reverse;gap:2px;align-items:center;min-width:32px}.reference-stats dt{font:13px var(--body);text-transform:capitalize;color:var(--muted)}.reference-stats dt.stat-bonus{text-transform:none}.reference-stats dd{font:600 28px/1 var(--head);margin:0}.reference-stats:empty{display:none}.reference-domains{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:16px 0 24px;font:13px var(--body)}.reference-domains a{color:var(--muted)}.reference-domains a:hover{color:var(--ac)}.card-tag{border-left:1px solid var(--card-rule);padding-left:14px}
.reference-text{padding:20px 0 24px;border-block:1px solid var(--card-rule)}.reference-text>.text-label{font:14px/1.5 var(--body);color:var(--muted);margin:0 0 12px}.reference-text>.text-label a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.reference-text>p:not(.text-label){font:17px/1.75 var(--body);margin:0;max-width:65ch;white-space:pre-line}.reference-text:empty{display:none}.reference-text .kw{background:var(--bg3);color:var(--ink);border:0;border-radius:2px;padding:2px 4px;font-size:max(13px,.85em)}.card-notice{padding:11px 14px;margin:0 0 18px;background:var(--bg2);border-left:2px solid #d9b67c}.card-notice.ban{border-color:#ef8781}.card-notice strong{font:500 13px/1.5 var(--body)}.card-notice p{font:13px/1.6 var(--body);color:var(--muted);margin:3px 0 0}.card-notice a{text-decoration:underline}.card-notice.errata{padding:0 0 0 12px;background:transparent}.card-notice.errata p{font-size:13px}.text-comparison{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--card-rule)}.text-comparison summary{font:13px var(--body);color:var(--muted);cursor:pointer}.text-comparison>p{font:13px/1.7 var(--body);margin:12px 0 0}.text-comparison .text-diff{font:15px/1.8 var(--body);margin:14px 0}.text-comparison a{color:var(--ac)}.text-comparison ins{background:var(--ac-soft);color:var(--ac);text-decoration:underline}.text-comparison del{color:var(--muted);text-decoration:line-through}.text-comparison .diff-key{font:13px var(--body);display:flex;gap:12px}
.reference-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 0 4px}.reference-actions>button,.reference-actions .save-button{border:0!important;background:none!important;padding:4px 0!important;font:13px var(--body)!important;min-height:28px!important;color:var(--muted)!important;text-transform:none;cursor:pointer}.reference-actions button:hover{color:var(--ac)!important}.reference-actions .record-tools{margin:0}.card-action-status{font:13px var(--body);color:var(--ac);flex-basis:100%}.card-action-status:empty{display:none}.card-source-details{margin:8px 0 0;font:13px/1.7 var(--body);color:var(--muted)}.card-source-details summary{cursor:pointer;display:list-item}.card-source-details>div{padding:8px 0}.card-source-details p{margin:6px 0}.card-source-details a{text-decoration:underline;text-underline-offset:2px}.reference-sections{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;font:13px var(--body)}.reference-sections a{border:1px solid var(--soft);padding:9px 13px}.reference-sections a:hover{border-color:var(--ac);color:var(--ac)}.reference-sections span{color:var(--muted);margin-left:5px;font-size:13px}
.reference-section{padding:30px 0;border-top:1px solid var(--card-rule);scroll-margin-top:24px}.reference-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.cards-page .reference-section h2{font:600 30px/1.1 var(--head);text-transform:none;letter-spacing:0;margin:0}.reference-section-head p{font:13px/1.5 var(--body);color:var(--muted);margin:6px 0 0}.reference-more{font:13px var(--body);color:var(--ac);white-space:nowrap}.deck-evidence th:first-child{padding-left:0}.deck-evidence td:last-child{padding-right:0}.deck-identity{display:flex;align-items:center;gap:12px}.deck-identity img{width:34px;height:47px;object-fit:contain;border-radius:3px;flex:none}.deck-identity strong{font:500 13px/1.4 var(--body);display:block}.deck-identity small,.deck-event small{font:13px/1.5 var(--body);color:var(--muted);display:block;margin-top:3px}.deck-event{font-size:13px}.deck-result{white-space:nowrap;font-size:13px}.deck-copies>span{display:flex;gap:14px;justify-content:space-between;font:13px/1.6 var(--body)}.deck-copies strong{font-weight:500}.related-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.related-card-grid a{display:flex;flex-direction:column;gap:7px}.related-card-grid img{width:100%;height:auto;aspect-ratio:744/1039;object-fit:contain;border-radius:7px}.related-card-grid strong{font:600 21px/1.15 var(--head)}.related-card-grid a>span{font:13px var(--body);color:var(--muted)}
.card-ruling{max-width:760px;padding:0 0 20px}.card-ruling:last-child{padding-bottom:0}.cards-page .card-ruling h3{font:500 17px/1.5 var(--body);text-transform:none;letter-spacing:0;margin:0 0 10px}.card-ruling>p{font:16px/1.7 var(--body);margin:0 0 14px}.card-ruling details{font:13px/1.8 var(--body);color:var(--muted)}.card-ruling summary{cursor:pointer}.card-ruling details p{font:13px/1.7 var(--body);margin:12px 0}.card-ruling details a{color:var(--ac)}
.card-art-dialog{padding:16px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border:1px solid var(--soft);background:var(--bg);color:var(--ink);overflow:auto}.card-art-dialog::backdrop{background:#000c}.card-art-dialog>button{display:block;margin:0 0 12px auto;background:none;border:1px solid var(--soft);color:var(--ink);padding:8px 12px;cursor:pointer}.card-art-dialog img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 110px);object-fit:contain;border-radius:8px}
/* Quick reference keeps the results underneath intact. */
.card-inspector{position:fixed;inset:0 0 0 auto;margin:0;width:min(600px,100%);height:100dvh;max-height:none;max-width:100%;border:0;border-left:1px solid var(--soft);background:var(--bg);color:var(--ink);padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:-20px 0 80px #0006}.card-inspector::backdrop{background:#0008}.inspector-bar{display:flex;align-items:center;gap:8px;padding:14px 22px;border-bottom:1px solid var(--soft);position:sticky;top:0;background:var(--bg);z-index:2}.inspector-bar>span{font-size:13px;margin-right:auto}.inspector-bar button{background:var(--bg);color:var(--ink);border:1px solid var(--soft);padding:8px 12px;min-height:44px;min-width:44px;cursor:pointer}.inspector-content{padding:26px}.inspector-art{float:right;width:125px;height:auto;margin:0 0 20px 22px;border-radius:8px}.inspector-content h2{font:600 32px/1.1 var(--head);text-transform:none;margin:8px 0 16px}.inspector-content>.eyebrow{font-size:13px}.inspector-content .reference-stats{margin:18px 0}.inspector-content .reference-stats>div{align-items:start}.inspector-content .card-notice,.inspector-content .reference-text{clear:both}.inspector-content .reference-text>p{font-size:16px}.inspector-content>.fine{font:13px/1.6 var(--body);margin:20px 0}
.card-filter-panel:not([open])>.filter-fields,.card-view-panel:not([open])>.view-fields,.search-help:not([open])>div{display:none}
@media(max-width:1100px){.cards-page .card-tool-header{gap:20px;padding-inline:24px}.card-main-nav{gap:16px}.card-header-lookup{max-width:none}.cards-page .header-actions{gap:12px}.cards-workspace{padding-inline:24px}.reference-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.reference-grid[data-density=compact]{grid-template-columns:repeat(6,minmax(0,1fr))}.card-reference{padding-inline:24px}.reference-hero{grid-template-columns:270px minmax(0,1fr);gap:34px}.reference-title{display:block}.reference-title .reference-stats{margin-top:14px;justify-content:flex-start;gap:22px}.reference-title .reference-stats>div{flex-direction:row;gap:7px}.reference-title .reference-stats dt{font-size:13px}.reference-title .reference-stats dd{font-size:22px}.reference-domains{margin-top:14px}.domain-filters{flex-wrap:wrap}.card-view-panel{margin-left:0}.reference-toolbar{gap:10px}}
@media(max-width:800px){.cards-page .card-tool-header{gap:14px}.card-main-nav{display:none}.reference-grid,.reference-grid[data-density=compact]{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-hero{grid-template-columns:225px minmax(0,1fr);gap:26px}.related-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){
 .cards-page .card-tool-header{display:flex;flex-wrap:wrap;padding:16px;gap:14px;border-bottom:1px solid var(--card-rule);min-height:0}.cards-page .wordmark{font-size:28px}.cards-page .header-actions{margin-left:auto;gap:18px}.card-header-lookup{order:3;flex-basis:100%;max-width:none}.card-header-lookup .card-query input{font-size:14px;padding:10px 12px}.cards-page .card-directory-header .card-main-nav{display:flex;margin-left:auto;gap:15px;font-size:16px}.card-directory-header .header-actions>[data-theme-toggle]{display:none}.card-directory-header .header-actions{margin-left:0}.card-directory-header .card-main-nav a:last-child{display:none}
 .cards-workspace{padding:20px 16px 32px}.card-search-row{display:block}.cards-page .card-search-row h1{font-size:32px;margin:0 0 14px}.card-query input{font-size:14px;padding:12px}.card-query>button{padding-inline:12px}.card-query kbd{display:none}.reference-toolbar{gap:10px;padding:14px 0 12px}.domain-filters{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.domain-filters button{min-height:36px;font-size:13px;justify-content:flex-start;padding:8px 12px}.quick-filters{gap:8px}.quick-filters select{min-width:78px;font-size:13px;padding-inline:8px 20px}.card-filter-panel>summary,.card-view-panel>summary{font-size:13px;padding:9px 8px}.card-view-panel{margin-left:auto}.filter-fields{position:absolute;top:100%;padding:16px;grid-template-columns:1fr 1fr;max-height:65dvh;overflow-y:auto}.filter-fields label:nth-child(3){grid-column:1/-1}.view-fields{top:100%;width:min(360px,100%);padding:16px}.search-meta{margin-bottom:18px}.search-meta p,.search-help>summary{font-size:13px}.reference-grid,.reference-grid[data-density=compact],.reference-grid[data-density=comfortable]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.cards-page .tile-copy h3{font-size:21px}.tile-copy .fine{font-size:13px}.tile-domains{font-size:13px}.tile-footer{font-size:13px}.tile-footer button{font-size:13px;padding:10px 0}.reference-grid[data-view=text]{grid-template-columns:1fr}.reference-grid[data-view=text] .card-tile{grid-template-columns:65px 1fr;gap:16px}.reference-grid[data-view=text] .tile-footer{margin-left:81px}.reference-table{min-width:650px}.catalog-footnote{font-size:13px}.catalog-footnote p{flex-basis:100%}
 .card-reference{padding:0 16px}.reference-breadcrumb{padding:16px 0;font-size:13px;gap:7px}.reference-hero{display:block;position:relative;padding:2px 0 24px}.reference-art{display:contents}.card-art-link{position:absolute;right:0;top:2px;width:86px}.card-art-link>img{border-radius:6px}.card-art-link>span{display:none}.reference-reading{padding:0}.reference-title{min-height:122px;padding-right:104px;display:block}.reference-title>.eyebrow{font-size:13px;margin-bottom:8px}.cards-page .reference-title h1{font-size:34px;max-width:none}.reference-title .reference-stats{margin-top:12px;gap:16px}.reference-title .reference-stats>div{gap:6px}.reference-title .reference-stats dd{font-size:24px}.reference-domains{margin:10px 0 18px;font-size:13px;gap:8px 12px}.card-tag{padding-left:12px}.reference-text{padding:18px 0}.reference-text>p:not(.text-label){font-size:16px;line-height:1.75}.reference-actions{gap:18px;padding-top:12px}.reference-actions>button,.reference-actions .save-button{font-size:13px!important;min-height:32px!important}.reference-sections{margin-top:20px;font-size:13px;gap:8px}.reference-sections a{padding:8px 11px}.printing-picker{padding:20px 0 0;margin-top:22px;border-top:1px solid var(--card-rule)}
 /* Move physical-edition details after the reading block without moving the thumbnail. */
 .reference-hero{display:flex;flex-direction:column}.reference-reading{order:0}.printing-picker{order:1}.printing-facts{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px;border:0;padding:0;font-size:13px}.printing-facts>div{display:block;padding:3px 0}.printing-facts dt{font-size:13px;margin-bottom:2px}.printing-picker .printing-label{margin-bottom:10px}.printing-options{padding-bottom:14px}.reference-section{padding:24px 0}.reference-section-head{margin-bottom:16px;align-items:flex-start}.cards-page .reference-section h2{font-size:28px}.reference-section-head p{font-size:13px}.reference-more{font-size:13px;padding-top:5px}
 .deck-evidence{min-width:0;display:block}.deck-evidence thead{display:none}.deck-evidence tbody{display:block}.deck-evidence tr{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:14px 0;border-bottom:1px solid var(--card-rule)}.deck-evidence th,.deck-evidence td{border:0;padding:0}.deck-evidence th{grid-column:1;grid-row:1}.deck-evidence .deck-result{grid-column:2;grid-row:1;align-self:center}.deck-evidence .deck-event{grid-column:1/-1;padding-left:46px;font-size:13px}.deck-evidence .deck-copies{grid-column:1/-1;display:flex;gap:16px;padding-left:46px}.deck-copies>span{justify-content:flex-start;gap:8px;font-size:13px}.deck-identity strong{font-size:13px}.deck-identity small{font-size:13px}.deck-identity{gap:12px}.deck-event small{font-size:13px}.related-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.related-card-grid strong{font-size:19px}.related-card-grid a>span{font-size:13px}.cards-page .card-ruling h3{font-size:16px}.card-ruling>p{font-size:15px}.card-rulings .reference-section-head{display:block}.card-source-details{font-size:13px}.inspector-content{padding:22px 18px}.inspector-bar{padding:12px 16px}.inspector-art{width:105px;margin-left:16px}.inspector-content h2{font-size:29px}.cards-page .card-loading{gap:14px}
}
@media(prefers-reduced-motion:reduce){.card-art-link>span{transition:none}}

.cards-page .card-query input:focus-visible{outline:0}
@media(min-width:701px){.cards-page .card-tool-header:not(.card-directory-header){position:sticky;top:var(--top-bar,0px);background:var(--bg)}.reference-section,.printing-picker{scroll-margin-top:96px}}

@media(max-width:700px){.reference-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.domain-filters{grid-column:1/-1}.quick-filters{display:contents}.quick-filters select{width:100%;min-width:0;padding:10px 4px 10px 6px;font-size:13px}.card-view-panel{margin-left:0}.card-filter-panel>summary,.card-view-panel>summary{font-size:13px;padding:10px 5px;white-space:nowrap;justify-content:center}}

@media(max-width:360px){.reference-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-filters select{font-size:13px}.card-filter-panel>summary,.card-view-panel>summary{font-size:13px}}

.cards-page:has(.card-reference) main>.breadcrumbs{display:none}

/* Small metadata remains readable without competing with card text. */
.cards-page .tile-copy .fine,.printing-facts,.printing-facts dt,.reference-breadcrumb,.reference-section-head p,.catalog-footnote{font-family:var(--body);text-transform:none}
.cards-page .reference-actions>button,.cards-page .reference-actions .save-button{font-size:13px!important;min-height:44px!important}
@media(max-width:700px){
 .reference-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quick-filters select,.card-filter-panel>summary,.card-view-panel>summary{font-size:13px;min-height:44px;padding:10px}
 .domain-filters button{min-height:40px;font-size:13px}
 .card-query input,.card-header-lookup .card-query input{font-size:16px}
}

/* Preserve the card-first reference layout; make supporting information readable. */
.card-notice strong,.card-notice p,.card-notice.errata p,.card-source-details,.reference-section-head p,.text-comparison summary,.text-comparison>p,.card-ruling details,.card-ruling details p,.deck-identity strong,.deck-identity small,.deck-event small,.deck-event,.deck-result,.reference-domains,.reference-sections,.catalog-footnote{font-size:14px;line-height:1.6}
.tile-copy .fine{font:14px/1.5 var(--body)}
.printing-facts,.printing-facts dt,.reference-stats dt{font-size:14px}
.cards-page .reference-title .reference-stats dt{font-size:14px}
.inspector-content>.fine{font:14px/1.6 var(--body)}
.cards-page .reference-actions>button,.cards-page .reference-actions .save-button{font-size:14px!important}

/* Gallery density keeps useful artwork large; repeated pricing is one quiet block. */
.reference-grid [data-price-view=tile] .market-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px;padding-top:8px;margin-top:8px;border-color:var(--card-rule)}
.reference-grid [data-price-view=tile] .market-price-heading{font:13px/1.5 var(--body);text-transform:none;letter-spacing:0;color:var(--muted);flex-basis:100%}
.reference-grid [data-price-view=tile] .market-price-value{font:500 18px/1.4 var(--body);color:var(--ink);font-variant-numeric:tabular-nums}
.reference-grid [data-price-view=tile] .market-price-value small{font-size:13px;color:var(--muted)}
.reference-grid [data-price-view=tile] :is(.market-price-meta,.market-price-date){font:13px/1.5 var(--body);color:var(--muted)}
.reference-grid [data-price-view=tile] .market-price-date{flex-basis:100%}
.cards-page .reference-grid .tile-footer{margin-top:4px}
.cards-page .reference-grid .tile-footer button{min-height:44px;font-size:14px}
.cards-page :is(.domain-filters button,.reference-controls select,.card-filter-panel>summary,.card-view-panel>summary,.filter-fields label,.view-fields label,.segmented span){font-size:14px;min-height:44px}
.cards-page :is(.filter-fields label,.view-fields label){min-height:0;line-height:1.5}
.cards-page .reference-table{font-size:14px}
.cards-page .reference-table thead th{font-size:14px}
.cards-page .reference-table button{min-width:44px;min-height:44px}
@media(min-width:1051px) and (max-width:1200px){
 .cards-page .reference-grid:not([data-view=text]):not([data-view=table]):not([data-density=comfortable]):not([data-density=compact]){grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:700px){
 .cards-page .reference-controls select{padding-right:26px}
 .cards-page .reference-toolbar{gap:8px}
}

/* Gallery polish: keep search near the artwork and ownership attached to its printing. */
.cards-page .reference-grid:not([data-view=text]):not([data-view=table]) .reference-tile{display:flex;flex-direction:column}
.cards-page .reference-grid:not([data-view=text]):not([data-view=table]) .reference-tile>.card-tile{flex:1}
.cards-page .reference-grid .tile-copy h3{line-height:1.2;font-size:23px;overflow-wrap:anywhere}
.cards-page .reference-grid .tile-copy .fine{font-size:13px;line-height:1.6;color:var(--muted)}
.cards-page .reference-grid .tile-domains{font-size:13px;gap:6px 10px}
.cards-page .reference-grid .tile-footer{padding-top:6px;margin-top:8px;border-top:1px solid var(--card-rule);font-size:13px}
.cards-page .reference-grid .tile-footer button{font-size:13px;color:var(--ink)}
.cards-page .reference-grid .tile-footer button:hover{color:var(--ac)}
.cards-page .reference-grid .player-counter{border-color:var(--card-rule);background:var(--bg2)}
.cards-page .domain-filters button{border-color:var(--soft);background:transparent}
.cards-page .domain-filters button[aria-pressed=true]{border-color:var(--ac);background:var(--ac-soft)}
.cards-page .card-filter-panel[open]>summary:after,.cards-page .card-view-panel[open]>summary:after{content:' −'}
.cards-page .view-scope-note{grid-column:1/-1;color:var(--muted);font:13px/1.6 var(--body);margin:0;padding-bottom:8px;border-bottom:1px solid var(--soft)}
.cards-page .search-meta{margin-bottom:20px}.cards-page .search-help>summary{min-height:36px;display:flex;align-items:center}
.cards-page .filter-chips button{min-height:40px;border-color:var(--soft)}
.cards-page .card-loading{border-top:1px solid var(--card-rule);padding-top:24px;margin-top:32px}
.cards-page .reference-art>.player-counter{max-width:100%}
.cards-page .reference-art>.player-feature-card{font:13px var(--body);text-transform:none;white-space:normal}
.cards-page .reference-grid[data-view=grid][data-density=medium]{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}
@media(max-width:700px){
 .cards-page .cards-workspace{padding-top:18px}.cards-page .card-search-row h1{font-size:30px;margin-bottom:12px}
 .cards-page .reference-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:12px}
 .cards-page .domain-filters{display:flex;flex-wrap:wrap;gap:6px;grid-column:1/-1}
 /* Phones open on cards: domain, type and cost wait behind Filters, which counts what they hold. */
 .cards-page .reference-toolbar:not(:has(.card-filter-panel[open])) :is(.domain-filters,.quick-filters){display:none}
 .cards-page .domain-filters button{flex-shrink:0;min-height:44px;padding:9px 11px;font-size:13px}
 .cards-page .quick-filters select{font-size:13px;min-height:44px;padding:8px 15px 8px 7px}
 .cards-page .card-filter-panel>summary,.cards-page .card-view-panel>summary{font-size:13px;min-height:44px;padding:12px 5px;text-align:center}
 .cards-page .reference-grid[data-view=grid][data-density=medium]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cards-page .reference-grid .tile-copy h3{font-size:23px}.cards-page .reference-grid .tile-copy .fine{font-size:13px}
 .cards-page .reference-grid .tile-footer{gap:6px;align-items:center;flex-wrap:wrap}.cards-page .reference-grid .tile-footer button{font-size:13px}
 .cards-page .reference-grid .player-counter{margin-top:4px}.cards-page .reference-hero .player-counter{order:2;margin:18px 0 0}
 .cards-page .reference-art>.player-feature-card{order:3;margin-bottom:0}
 .cards-page .reference-hero .player-counter>.player-counter-heading,.cards-page .reference-hero .player-counter-retry{grid-column:1/-1;min-height:0}
 .cards-page .reference-hero .player-counter>.player-counter-heading{justify-content:space-between}
 .cards-page .reference-hero .player-counter [data-finish-summary]{flex-basis:auto}
 .cards-page .view-fields,.cards-page .filter-fields{max-height:60dvh;overflow:auto;overscroll-behavior:contain}
 .cards-page .reference-controls .filter-fields{grid-template-columns:1fr 1fr}
 .cards-page .reference-controls .filter-fields label:nth-child(3){grid-column:1/-1}
}
@media(max-width:360px){.cards-page .reference-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-page .reference-grid{gap-inline:10px}}

/* Contain visually-hidden table labels in the horizontal scroll region. */
.cards-page .reference-table-wrap{position:relative;min-width:0}

/* One browser foundation: catalog and collection share artwork, metadata and modes. */
.card-browse-mode{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:4px 0 18px}
.card-browse-mode>p{margin:0;color:var(--muted);font:13px/1.5 var(--body)}
.card-scope{display:inline-flex;min-width:0;flex-shrink:0;padding:3px;margin:0;border:1px solid var(--soft);background:var(--bg2);gap:3px}
.card-scope label{position:relative;display:block;flex:1 0 auto;cursor:pointer;width:auto;margin:0}
.card-scope input{position:absolute;opacity:0;width:1px;height:1px}
.card-scope span{display:flex;align-items:center;justify-content:center;padding:10px 17px;min-height:44px;font:500 14px var(--body);color:var(--muted)}
.card-scope input:checked+span{background:var(--ink);color:var(--bg)}
.card-scope input:focus-visible+span{outline:2px solid var(--ac);outline-offset:2px}
.reference-grid .reference-tile{display:flex;flex-direction:column;min-width:0}
.reference-grid .reference-tile>.card-tile{flex:1;padding:0;border:0;background:transparent}
.reference-grid .tile-copy h3{font:600 23px/1.2 var(--head);text-transform:none;letter-spacing:0;margin:0 0 6px;overflow-wrap:anywhere}
.reference-grid .tile-copy .fine{font:13px/1.6 var(--body);color:var(--muted)}
.reference-grid .tile-footer{border-top:1px solid var(--soft);padding-top:6px;margin:8px 0 0;min-height:44px;font:13px var(--body)}
.reference-grid .tile-footer a{display:inline-flex;align-items:center;min-height:36px}
.reference-grid .tile-footer:has(>span:empty):not(:has(button)){display:none}
.reference-grid.player-collection-grid{--card-rule:var(--profile-line);--soft:var(--profile-line);--bg:var(--profile-bg);--bg2:#1a2024;--ink:#f3f3ef;--muted:var(--profile-muted);--ac:var(--profile-ac);grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:28px 18px}
.reference-grid.player-collection-grid .card-tile>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:744/1039;border-radius:8px}
.reference-grid.player-collection-grid .tile-copy{padding:12px 0 0}
.reference-grid.player-collection-grid .tile-domains{font-size:13px;gap:6px 10px}
.player-collection-filters>.card-browse-mode{grid-column:1/-1;margin:4px 0 0;padding-top:16px;border-top:1px solid var(--profile-line);--soft:var(--profile-line);--bg:var(--profile-bg);--bg2:#1a2024;--ink:#f3f3ef;--muted:var(--profile-muted);--ac:var(--profile-ac)}
.player-collection-filters .card-scope input{width:1px;min-height:0;padding:0}
.player-printing-note{font:13px/1.5 var(--body);color:var(--muted)}
@media(max-width:700px){
 .reference-grid.player-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .card-browse-mode{gap:10px}.card-browse-mode>p{flex-basis:100%}
 /* The Cards | Printings labels say enough on a phone; the explainer stays on wider screens. */
 .cards-page .card-browse-mode>p{display:none}.cards-page .card-browse-mode{margin-bottom:12px}
 .player-collection-filters .card-scope label{width:auto}
}
/* Cards polish (2026-09-22): short tiles, one-line ownership, a balanced reference page. */
.reference-grid:not([data-view=text]):not([data-view=table]) .reference-tile{position:relative}
.reference-grid:not([data-view=text]):not([data-view=table]) .tile-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px;align-items:center;padding-top:12px}
.reference-grid:not([data-view=text]):not([data-view=table]) .tile-copy>:is(h3,.fine){grid-column:1/-1}
/* Prices arrive after the tile. Its row holds two price lines from the start, so a late price
   (or a printing swap) never changes the tile's height and moves the cards around it. */
.reference-grid:not([data-view=text]):not([data-view=table]) .tile-copy:has(>[data-price-view=tile]){grid-template-rows:auto auto minmax(46px,auto)}
.cards-page .reference-grid:not([data-view=text]):not([data-view=table]) .tile-copy h3{font-size:22px;margin:0 0 2px}
.cards-page .reference-grid .tile-copy .tile-domains{margin:4px 0 0;min-width:0}
.reference-grid [data-price-view=tile]{margin-top:4px;justify-self:end}
.reference-grid [data-price-view=tile] .market-price{display:flex;align-items:baseline;gap:5px;margin:0;padding:0;border:0}
.reference-grid [data-price-view=tile] :is(.market-price-heading,.market-price-note,time.market-price-date,.market-price-value small){display:none}
.reference-grid [data-price-view=tile] .market-price-value{font:500 15px/1.4 var(--body);color:var(--ink)}
.reference-grid [data-price-view=tile] .market-price-meta{font:13px/1.4 var(--body);color:var(--muted)}
/* An older estimate stays readable to assistive tech and reads as muted on screen. */
.reference-grid [data-price-view=tile] [data-price-stale]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.reference-grid [data-price-view=tile] .market-price:has([data-price-stale]:not([hidden])) .market-price-value{color:var(--muted)}
/* Quick look sits on the artwork instead of taking a row under every tile, in Cards and the collection alike. */
:is(.cards-page .reference-grid,.reference-grid.player-collection-grid):not([data-view=text]):not([data-view=table]) .tile-footer{border:0;min-height:0;margin:2px 0 0;padding:0}
:is(.cards-page .reference-grid,.reference-grid.player-collection-grid):not([data-view=text]):not([data-view=table]) .tile-footer a{min-height:28px;color:var(--muted);font-size:13px}
:is(.cards-page .reference-grid,.reference-grid.player-collection-grid):not([data-view=text]):not([data-view=table]) .tile-footer a:hover{color:var(--ac)}
:is(.cards-page .reference-grid,.reference-grid.player-collection-grid):not([data-view=text]):not([data-view=table]) .tile-footer [data-inspect]{position:absolute;top:8px;right:8px;min-height:32px;padding:0 10px;background:#101010e6;color:#f2f2ed;border:1px solid #ffffff38;border-radius:4px;font:13px var(--body);opacity:0;transition:opacity .12s}
:is(.cards-page .reference-grid,.reference-grid.player-collection-grid):not([data-view=text]):not([data-view=table]) .reference-tile:is(:hover,:focus-within) .tile-footer [data-inspect]{opacity:1}
:is(.cards-page .reference-grid,.reference-grid.player-collection-grid):not([data-view=text]):not([data-view=table]) .tile-footer [data-inspect]:hover{color:#f2f2ed;border-color:var(--ac)}
@media(hover:none){:is(.cards-page .reference-grid,.reference-grid.player-collection-grid):not([data-view=text]):not([data-view=table]) .tile-footer [data-inspect]{display:none}}
.cards-page .reference-grid .player-counter.is-compact{margin-top:10px;background:transparent;border-color:var(--soft)}
.cards-page .reference-grid .player-counter.is-compact[data-owned="1"]{border-color:color-mix(in srgb,var(--ac) 45%,var(--soft))}

/* Reference page: art and ownership on the left, everything about this printing on the right. */
.card-reference .reference-hero{grid-template-columns:300px minmax(0,1fr);gap:56px}
.card-reference .reference-reading{max-width:none}
.card-reference .reference-text>p:not(.text-label){max-width:62ch}
.card-reference .reference-reading .printing-picker{padding:22px 0 20px;border-top:0;border-bottom:1px solid var(--card-rule)}
.cards-page .reference-reading .printing-picker .printing-label{margin:0 0 12px}
.card-reference .printing-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:start}
.card-reference .reference-reading .printing-facts{grid-template-columns:repeat(4,minmax(0,max-content));gap:6px 36px;border:0;padding:0;font-size:15px}
.card-reference .reference-reading .printing-facts dt{font-size:13px}
.card-reference [data-price-view=detail]{text-align:right}
.card-reference [data-price-view=detail] .market-price{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;column-gap:8px;row-gap:2px;max-width:300px;margin:0 0 0 auto;padding:0;border:0}.card-reference [data-price-view=detail] .market-price>:is(.market-price-heading,.market-price-value,.market-price-note){flex-basis:100%}
.card-reference [data-price-view=detail] .market-price-heading{font:13px var(--body);text-transform:none;letter-spacing:0;color:var(--muted)}
.card-reference [data-price-view=detail] .market-price-value{font:600 30px/1.15 var(--body);color:var(--ink);font-variant-numeric:tabular-nums}
.card-reference [data-price-view=detail] .market-price-value small{font-size:13px;color:var(--muted);font-weight:400}
.card-reference [data-price-view=detail] :is(.market-price-meta,.market-price-date){font:13px/1.5 var(--body);color:var(--muted)}
.card-reference [data-price-view=detail] .market-price-note{font:13px/1.5 var(--body);color:var(--muted);max-width:none;margin-top:4px}
/* Both finishes priced: one heading above the first, one note under the last. */
.card-reference [data-price-view=detail] .market-price+.market-price{margin-top:10px}.card-reference [data-price-view=detail] .market-price+.market-price .market-price-heading,.card-reference [data-price-view=detail] .market-price:not(:last-child) .market-price-note{display:none}
.card-reference .reference-actions{padding-top:14px}
.card-reference .reference-art>.player-counter{margin:18px 0 0}
.card-reference .reference-art>.player-feature-card{width:100%;margin-top:10px}
@media(min-width:1101px){.card-reference .reference-art{position:sticky;top:calc(var(--top-bar,0px) + 112px);align-self:start}}
@media(max-width:1100px){.card-reference .reference-hero{grid-template-columns:260px minmax(0,1fr);gap:36px}.card-reference .reference-reading .printing-facts{grid-template-columns:repeat(2,minmax(0,max-content))}}
@media(max-width:800px){.card-reference .reference-hero{grid-template-columns:225px minmax(0,1fr);gap:26px}.card-reference .printing-details{grid-template-columns:1fr}.card-reference [data-price-view=detail]{text-align:left}.card-reference [data-price-view=detail] .market-price{justify-content:flex-start;margin:0}}
@media(max-width:700px){.card-reference .reference-hero{gap:0}.card-reference .reference-reading .printing-picker{padding:18px 0}.card-reference .reference-reading .printing-facts{grid-template-columns:1fr 1fr;gap:6px 18px}.card-reference .reference-art>.player-counter{margin-top:20px}}
@media(max-width:600px){.cards-page .reference-grid .player-counter.is-compact [data-finish-summary]{display:none}}
.card-reference .printing-options a{width:auto;min-width:59px;white-space:nowrap}
.card-reference .reference-reading .printing-facts{display:flex;flex-wrap:wrap;gap:8px 36px}
.card-reference .reference-reading .printing-facts dd{white-space:nowrap}
.card-reference .reference-reading .printing-facts>div:nth-child(n+4) dd{white-space:normal}
@media(max-width:700px){.card-reference .reference-reading .printing-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.card-reference .reference-reading .printing-facts dd{white-space:normal}}

/* Search syntax guide */
.search-syntax{max-width:960px}
.search-syntax-lede{font-size:18px;line-height:1.6;max-width:62ch}
.search-syntax-lede a,.search-syntax .fine a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.search-syntax .subhead{margin-top:40px}
.search-syntax-table{width:100%;border-collapse:collapse;margin:12px 0 8px}
.search-syntax-table th{font:13px var(--mono);text-transform:uppercase;color:var(--muted);text-align:left;padding:8px 12px 8px 0;border-bottom:1px solid var(--soft)}
.search-syntax-table td{padding:12px 12px 12px 0;border-bottom:1px solid var(--soft);vertical-align:top;font-size:15px;line-height:1.5}
.search-syntax-table td:first-child{white-space:nowrap}
.search-syntax-table td:last-child,.search-syntax-table th:last-child{text-align:right;padding-right:0;font-variant-numeric:tabular-nums}
.search-syntax-table code,.search-syntax-options code{font:15px var(--mono);color:var(--ink)}
.search-syntax-table a{text-decoration:none}
.search-syntax-table a:hover code,.search-syntax-table a:focus-visible code{text-decoration:underline;text-underline-offset:3px}
.search-syntax-options{display:grid;gap:12px}
.search-syntax-options div{display:grid;grid-template-columns:minmax(0,240px) 1fr;gap:16px}
.search-syntax-options dd{margin:0}
@media (max-width:640px){.search-syntax-table td:first-child{white-space:normal;word-break:break-word}.search-syntax-options div{grid-template-columns:1fr;gap:4px}}

/* Printing swap: the Cards view shows every printing of a card on its own tile */
.printing-swap{position:absolute;top:0;left:0;right:0;aspect-ratio:744/1039;display:flex;align-items:flex-end;border-radius:8px;overflow:hidden;pointer-events:none;z-index:1}
.printing-swap-bar{pointer-events:auto;width:100%;padding:30px 10px 4px;background:linear-gradient(to top,#08090aeb 0%,#08090acc 52%,#08090a00 100%);color:#f2f2ed;opacity:0;transform:translateY(8px);transition:opacity .16s ease-out,transform .2s cubic-bezier(.2,.8,.2,1)}
.reference-tile:is(:hover,:focus-within) .printing-swap-bar{opacity:1;transform:none}
/* Scoped to the bar so a host page's paragraph rules (the collection tile has some) never restyle it. */
.printing-swap-bar>.printing-swap-label{display:flex;justify-content:space-between;gap:8px;margin:0 0 2px;font:13px/1.4 var(--mono);letter-spacing:.01em}
.printing-swap-label [data-swap-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.printing-swap-count{flex:none;color:#f2f2ed99;font-variant-numeric:tabular-nums}
.printing-swap-rail{display:flex;gap:4px}
.printing-swap-rail button{flex:1;min-width:0;height:22px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center}
.printing-swap-rail i{display:block;width:100%;height:3px;border-radius:2px;background:#f2f2ed5c;box-shadow:0 0 0 1px #08090a59;transition:height .12s,background-color .12s}
.printing-swap-rail:hover i{height:5px}
.printing-swap-rail button:hover i{background:#f2f2edd9}
.printing-swap-rail button:focus-visible{outline:2px solid var(--ac);outline-offset:-2px;border-radius:3px}
/* The dark scrim sits on card art in both themes, so the accent stays the bright one. */
.printing-swap-rail button[aria-pressed=true] i{background:var(--ac)}
/* In the collection, owned printings read solid and the rest stay faint. The scrim
   reaches higher to carry the extra owned line. */
.printing-swap-bar.has-owned{padding-top:40px;background:linear-gradient(to top,#08090aeb 0%,#08090ad9 62%,#08090a00 100%)}
.printing-swap-bar>.printing-swap-owned{display:flex;justify-content:space-between;gap:8px;margin:0 0 1px;font:13px/1.4 var(--mono);letter-spacing:.01em}
.printing-swap-owned [data-swap-owned]{color:var(--ac);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.printing-swap-owned [data-swap-owned="0"]{color:#f2f2ed99}
.printing-swap-rail button[data-owned="1"]:not([aria-pressed=true]):not(:hover) i{background:#f2f2edb3}
.printing-swap-rail button[data-owned="0"]:not([aria-pressed=true]):not(:hover) i{background:#f2f2ed2e}
/* Touch has no hover: keep a compact rail on the art and swap on tap. Only the rail's buttons take a tap,
   so the shade above them still opens the card (B-20). */
@media(hover:none){
 .printing-swap-bar,.printing-swap-bar.has-owned{opacity:1;transform:none;padding:18px 6px 0;background:linear-gradient(to top,#08090ab3,#08090a00);pointer-events:none}
 .printing-swap-bar>:is(.printing-swap-label,.printing-swap-owned){display:none}
 .printing-swap-rail{gap:3px}.printing-swap-rail button{height:28px;pointer-events:auto}
}
/* Phones: the rail leaves the art for a row under the name, beside "N printings", so no part of the art
   switches printing instead of opening the card. */
@media(hover:none) and (max-width:700px){
 .printing-swap{position:static;aspect-ratio:auto;overflow:visible;border-radius:0;z-index:auto}
 .printing-swap-bar,.printing-swap-bar.has-owned{padding:4px 0 0;background:none}
 .printing-swap-rail{gap:4px}.printing-swap-rail button{height:32px}
 .printing-swap-rail i,.printing-swap-rail button:hover i,.printing-swap-rail button[data-owned="0"]:not([aria-pressed=true]) i{background:var(--soft);box-shadow:none}
 .printing-swap-rail button[data-owned="1"]:not([aria-pressed=true]) i{background:var(--muted)}
 .printing-swap-rail button[aria-pressed=true] i{background:var(--ac)}
 .printing-swap-rail button:before{inset:0}
}
@media(prefers-reduced-motion:reduce){.printing-swap-bar,.printing-swap-rail i{transition:none}}

/* Same tags: one labelled row per tag the card shares, most specific first. */
.related-tag+.related-tag{margin-top:30px}
.related-tag-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}
.cards-page .related-tag-head h3{font:600 21px/1.2 var(--head);text-transform:none;letter-spacing:0;margin:0}
/* Phones: each tag is one sideways row, so several tags do not stack into a long wall of cards. */
@media(max-width:700px){
 .related-tag .related-card-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:6px}
 .related-tag .related-card-grid a{flex:0 0 38%;scroll-snap-align:start}
 .related-tag-head{margin-bottom:12px}
}
.cards-page .related-tag-head h3 a{color:inherit;text-decoration:none}
.cards-page .related-tag-head h3 a:hover{color:var(--ac)}
/* Browse row: ways into the library beside search. */
.card-browse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 6px}
.card-browse-tile{position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:96px;padding:14px 18px;border:1px solid var(--soft);background:var(--bg2);color:var(--ink);text-decoration:none;overflow:hidden}
a.card-browse-tile:hover,a.card-browse-tile:focus-visible{border-color:var(--ac)}
.card-browse-tile strong{font:700 26px/1 var(--head);text-transform:uppercase}
.card-browse-tile strong span{color:var(--ac)}
.card-browse-tile>span{position:relative;z-index:1;max-width:75%;font:14px/1.35 var(--body);color:var(--muted)}
.card-browse-tile>.card-browse-fan{position:absolute;right:14px;top:50%;z-index:0;max-width:none;display:flex;transform:translateY(-50%)}
.card-browse-fan img{width:56px;height:auto;border-radius:5px;margin-left:-22px;box-shadow:0 6px 16px #0008}
.card-browse-fan img:first-child{transform:rotate(-9deg)}.card-browse-fan img:last-child{transform:rotate(9deg)}
.card-browse-art{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:cover;object-position:60% 30%;opacity:.85;-webkit-mask-image:linear-gradient(90deg,transparent,#000 50%);mask-image:linear-gradient(90deg,transparent,#000 50%)}
.card-browse-tile:has(.card-browse-fan)>span{max-width:calc(100% - 156px)}.card-browse-tile:has(.card-browse-art)>span{max-width:52%}
.card-browse-tile>.card-browse-tags{max-width:none;display:flex;flex-wrap:wrap;gap:6px}
.card-browse-tags a{font:14px var(--body);color:var(--ink);background:var(--bg3);padding:6px 10px;text-decoration:none}
.card-browse-tags a:hover,.card-browse-tags a:focus-visible{background:var(--ac);color:var(--ac-ink)}
@media(max-width:900px){.card-browse{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.card-browse{gap:8px}.card-browse-tile{min-height:78px;padding:12px}.card-browse-tile strong{font-size:21px}.card-browse-tile>span:not(.card-browse-tags){max-width:none;font-size:13px}.card-browse-fan,.card-browse-art{display:none}}
.card-browse-tile>.card-browse-kws{position:absolute;right:14px;top:50%;z-index:0;max-width:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px;transform:translateY(-50%)}
.card-browse-kws span{font:14px var(--body);color:var(--muted);border:1px solid var(--soft);padding:3px 8px}
.card-browse-tile:has(.card-browse-kws)>span{max-width:calc(100% - 130px)}
/* Phones: the tile text takes the full width; the fan, art and keyword stack step aside. */
@media(max-width:600px){.card-browse-tile>:is(.card-browse-fan,.card-browse-kws,.card-browse-art){display:none}.card-browse-tile:is(:has(.card-browse-fan),:has(.card-browse-kws),:has(.card-browse-art))>span:not(.card-browse-tags){max-width:none}}
.card-legend-links{margin:10px 0 14px;font:15px/1.5 var(--body);color:var(--muted)}
.card-legend-links a{color:var(--ac)}
/* Card art catches the light (holo.mjs). The canvas sits exactly over the image and carries the art's own
   transparent corners; it fades up once lit. The Enlarge view gets a frame that shrinks to the card. */
.card-art-link>.player-holo,.holo-frame>.player-holo{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .7s ease}
.card-art-link.has-holo>.player-holo,.holo-frame.has-holo>.player-holo{opacity:1}
.card-art-link>span{z-index:2}
.holo-frame{position:relative;display:block;width:fit-content;max-width:100%;margin:0 auto;line-height:0}
.card-art-dialog .holo-tilt{display:block;margin:12px auto 0;background:none;border:1px solid var(--soft);color:var(--ink);padding:10px 14px;font:14px var(--body);cursor:pointer}
@media(prefers-reduced-motion:reduce){.card-art-link>.player-holo,.holo-frame>.player-holo{transition:none}}
/* Quick look leads with the card: a stage at the top of the panel where it catches the light and turns toward
   the pointer (holo.mjs). The title takes focus for screen readers without drawing a ring over the stage. */
.inspector-stage{display:grid;place-items:center;margin:-26px -26px 22px;padding:30px 26px 32px;border-bottom:1px solid var(--soft);background:radial-gradient(ellipse 60% 55% at 50% 42%,#ffffff12,#fff0 72%),var(--bg2,var(--bg))}
.inspector-card{position:relative;width:min(300px,68%);border-radius:4.6%/3.3%;box-shadow:0 28px 50px #000b,0 6px 14px #0006;will-change:transform}
.inspector-card>.inspector-art{float:none;display:block;width:100%;height:auto;aspect-ratio:744/1039;margin:0;border-radius:4.6%/3.3%}
.inspector-card>.player-holo{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;border-radius:4.6%/3.3%;pointer-events:none;opacity:0;transition:opacity .7s ease}
.inspector-card.has-holo>.player-holo{opacity:1}
.inspector-card.is-wide{width:min(420px,92%);border-radius:3.3%/4.6%}
.inspector-card.is-wide>.inspector-art,.inspector-card.is-wide>.player-holo{aspect-ratio:1039/744;border-radius:3.3%/4.6%}
.card-inspector #inspector-title:focus{outline:none}
@media(max-width:700px){.inspector-stage{margin:-22px -18px 18px;padding:22px 18px 24px}.inspector-card{width:min(250px,64%)}}
/* Safari ignores the height of a native select; these draw their own chevron like the rest of the site. */
.reference-controls select{appearance:none;-webkit-appearance:none;border-radius:0;padding-right:26px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px;background-repeat:no-repeat}
/* A filtered link waits for its own search: tiles keep their places as blank cards until it runs. */
:is([data-card-pending] [data-card-grid],[data-card-grid][aria-busy=true]) .reference-tile *{visibility:hidden}
:is([data-card-pending] [data-card-grid],[data-card-grid][aria-busy=true]) .card-tile{position:relative}
:is([data-card-pending] [data-card-grid],[data-card-grid][aria-busy=true]) .card-tile::before{content:'';position:absolute;top:0;left:0;right:0;aspect-ratio:744/1039;border-radius:8px;background:var(--bg2);visibility:visible}
:is([data-card-pending] .card-loading,[data-card-grid][aria-busy=true]~.card-loading){visibility:hidden}

/* Signed out, a card page invites the reader to start a collection. */
.reference-actions .collect-link{display:inline-flex;align-items:center;gap:5px;min-height:32px;margin-right:18px;color:var(--ac);font:600 14px var(--body);text-decoration:none;white-space:nowrap}
.reference-actions .collect-link:hover{text-decoration:underline;text-underline-offset:3px}.reference-actions .save-button{color:var(--ink)!important}.reference-actions .save-button:hover,.reference-actions>button:hover{text-decoration:underline;text-underline-offset:3px}
.cards-page .reference-actions .collect-link{min-height:44px}
/* A preview says when it can be collected instead of offering Add (render.mjs). */
.reference-actions .collect-later{display:inline-flex;align-items:center;min-height:44px;margin-right:18px;color:var(--muted);font:500 14px var(--body);white-space:nowrap}
/* Mobile polish: the first card row reaches the first phone screen. The hub tiles become one row of plain
   links (the tag links join it), and the Cards | Printings switch shares a line with the count. */
.card-results-bar{display:contents}
@media(max-width:700px){
 .cards-page .card-browse{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px -16px 0;padding:0 16px}
 .cards-page .card-browse::-webkit-scrollbar{display:none}
 .cards-page .card-browse>.card-browse-tile{flex:0 0 auto;flex-direction:row;align-items:center;min-height:44px;padding:0 16px}
 .cards-page .card-browse-tile strong{font:600 15px var(--body);text-transform:none}
 .cards-page .card-browse-tile strong>span,.cards-page .card-browse-tile>span:not(.card-browse-tags),.cards-page .card-browse-tile>:is(.card-browse-fan,.card-browse-kws,.card-browse-art){display:none}
 .cards-page .card-browse>div.card-browse-tile,.cards-page .card-browse-tile>.card-browse-tags{display:contents}
 .cards-page .card-browse>div.card-browse-tile>strong{display:none}
 .cards-page .card-browse-tags a{order:1;flex:0 0 auto;display:flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--soft);background:none;font:15px var(--body);text-transform:none;letter-spacing:0;color:var(--muted)}
 .cards-page .card-results-bar{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--card-rule);margin-bottom:16px}
 .cards-page .card-results-bar>.card-browse-mode{margin:0}
 .cards-page .card-results-bar .card-scope span{padding:10px 12px}
 .cards-page .card-results-bar>.search-meta{flex:1;min-width:0;gap:8px;padding:0;border:0;margin:0}
}
/* Mobile polish: small links keep their look and take a 44px tap (padding out, margin back in, so nothing moves). */
.reference-breadcrumb a,.printing-facts dd a,.related-tag-head h3 a,.tile-footer>span>a{display:inline-block;padding-block:12px;margin-block:-12px}.reference-breadcrumb a{padding-block:14px;margin-block:-14px}
.reference-domains a{position:relative}.reference-domains a:after{content:'';position:absolute;inset:-12px 0}
.tile-footer>span>a{padding-block:8px;margin-block:-8px}
.cards-page .card-loading label{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
@media(hover:none){.printing-swap-rail button{position:relative}.printing-swap-rail button:before{content:'';position:absolute;inset:-16px 0 0}}
/* Preview cards: in the library and on their own pages, marked until Riot's gallery lists them.
   The tile mark sits top center, clear of the printed energy and Might. */
.card-notice.preview{border-color:var(--ac)}
.card-tile:has(>.tile-preview){position:relative}
.tile-preview{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:1;padding:2px 7px;font:600 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#0a0a0ad9;border:1px solid var(--ac)}
.reference-grid:is([data-view=text],[data-view=table]) .tile-preview{display:none}
.inspector-preview{margin:0 0 14px;padding:10px 14px;background:var(--bg2);border-left:2px solid var(--ac);font:14px/1.6 var(--body);color:var(--muted)}
.inspector-preview strong{margin-right:6px;font-weight:500;color:var(--ink)}
/* Player pass (2026-10-02). Each printing on the rail shows what it's worth; a rail wider than its column fades
   at the edge it scrolls toward. */
.printing-options .printing-price{display:block;margin-top:auto;font:500 13px/1.2 var(--body);color:var(--ink);font-variant-numeric:tabular-nums}
.printing-options .printing-price .market-price{display:block;margin:0;padding:0;border:0}
.printing-options .printing-price .market-price~.market-price,.printing-options .printing-price :is(.market-price-heading,.market-price-meta,.market-price-date,.market-price-note,.market-price-value small){display:none}
.printing-options .printing-price .market-price-value{font:inherit;color:inherit}
.printing-options .printing-price .market-price:has([data-price-stale]:not([hidden])) .market-price-value{color:var(--muted)}
.printing-options a[aria-current] .printing-price{color:var(--ac)}
.printing-options[data-overflow=end]{mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
.printing-options[data-overflow=start]{mask-image:linear-gradient(270deg,#000 calc(100% - 56px),transparent)}
.printing-options[data-overflow=both]{mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}
/* Phones show the price beside the card, under its name (the dated block follows the printing details). */
.price-glance{display:none}
/* One card search on card pages and /cards/: the header box steps aside there (site search stays in Menu). */
@media(min-width:701px){
 body.cards-page:has(.card-lookup-bar,[data-card-workspace]) .site-header .header-search-form{display:none}
 body.cards-page:has(.card-lookup-bar,[data-card-workspace]) .site-header .more-nav nav a.menu-search-link{display:flex}
}
@media(max-width:700px){
 /* One line per finish ("$0.44 Normal", "$3.88 Foil") beside the card; the dated price block stays below. */
 .card-reference .price-glance:not([hidden]){display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:0 8px;margin-top:14px}
 .card-reference .price-glance .market-price{display:contents}
 .card-reference .price-glance :is(.market-price-heading,.market-price-note,time.market-price-date,.market-price-value small){display:none}
 .card-reference .price-glance .market-price-value{font:600 22px/1.3 var(--body);color:var(--ink);font-variant-numeric:tabular-nums}
 .card-reference .price-glance .market-price-meta{font:13px/1.3 var(--body);color:var(--muted)}
 .card-reference .price-glance [data-price-stale]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .card-reference .price-glance .market-price:has([data-price-stale]:not([hidden])) .market-price-value{color:var(--muted)}
 /* Enlarge sits under the card instead of over its rules text. */
 .card-reference .reference-hero .card-art-link>span{position:static;display:block;margin-top:6px;padding:0;border:0;background:none;color:var(--muted);text-align:center;font:13px/1.4 var(--body)}
 /* Collection actions first, then Copy; rows sit together instead of 18px apart on top of 44px targets. */
 .card-reference .reference-actions{row-gap:0;padding-top:8px}
 .card-reference .reference-actions>.record-tools{order:-1;flex-basis:100%}
 .card-lookup-bar{padding:8px 16px}
 .card-lookup-bar .card-query input{padding-block:8px}
 /* Filters and View & sort stay put; domain, type and cost open under them. */
 .cards-page .reference-toolbar>:is(.card-filter-panel,.card-view-panel){order:-1}
}
/* Table view: each row's everyday price (the first quote, Normal before Foil), with its finish. */
.reference-table .price-cell{white-space:nowrap;font-variant-numeric:tabular-nums}
.reference-table [data-price-view=cell] .market-price{display:flex;align-items:baseline;gap:6px;margin:0;padding:0;border:0}
.reference-table [data-price-view=cell] .market-price~.market-price,.reference-table [data-price-view=cell] :is(.market-price-heading,.market-price-date,.market-price-note,.market-price-value small){display:none}
.reference-table [data-price-view=cell] .market-price-value{font:500 14px/1.4 var(--body);color:var(--ink)}
.reference-table [data-price-view=cell] .market-price-meta{font:13px var(--body);color:var(--muted)}
/* Polish pass (Oct 3). Desktop: the hub tiles become one line of links and Cards | Printings shares the
   count's line, so the first row of cards reaches the first screen. Phones: a search hides the browse row. */
@media(min-width:701px){
 .cards-page .card-browse{display:flex;flex-wrap:wrap;align-items:center;gap:2px 26px;margin:10px 0 6px}
 .cards-page .card-browse>.card-browse-tile{flex-direction:row;align-items:center;gap:10px;min-height:40px;padding:0;border:0;background:none;overflow:visible}
 .cards-page .card-browse-tile strong{font:600 15px var(--body);text-transform:none}
 .cards-page .card-browse-tile strong>span{color:var(--muted)}
 .cards-page a.card-browse-tile:is(:hover,:focus-visible) strong{text-decoration:underline;text-underline-offset:4px}
 .cards-page .card-browse-tile>span:not(.card-browse-tags),.cards-page .card-browse-tile>:is(.card-browse-fan,.card-browse-kws,.card-browse-art){display:none}
 .cards-page div.card-browse-tile>strong{font-weight:400;color:var(--muted)}
 .cards-page .card-browse-tile>.card-browse-tags{gap:4px}
 .cards-page .card-browse-tags a{padding:7px 10px;font-size:14px}
 .cards-page .card-results-bar{display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--card-rule);margin:4px 0 18px}
 .cards-page .card-results-bar>.card-browse-mode{margin:0}
 .cards-page .card-results-bar>.search-meta{flex:1;min-width:0;padding:0;border:0;margin:0}
 .cards-page div.card-browse-tile{order:1}
 .cards-page .card-browse+.reference-toolbar{padding-top:8px}
 .cards-page .card-results-bar .card-scope span{min-height:38px;padding:7px 15px}
 .cards-page .card-results-bar{padding-bottom:10px;margin-bottom:16px}
}
@media(max-width:700px){.cards-page [data-querying] .card-browse{display:none}}
/* Battlefields span two columns but keep the row's art height, so names line up across the row. */
.reference-grid:not([data-view=text]):not([data-view=table]) .reference-tile.is-battlefield{column-gap:inherit}
.reference-grid:not([data-view=text]):not([data-view=table]) .reference-tile.is-battlefield>.card-tile{display:grid;grid-template-columns:1fr 1fr;column-gap:inherit;row-gap:12px;align-content:start}
.reference-grid:not([data-view=text]):not([data-view=table]) .reference-tile.is-battlefield>.card-tile::after{content:'';grid-area:1/1;aspect-ratio:744/1039}
.reference-grid:not([data-view=text]):not([data-view=table]) .reference-tile.is-battlefield>.card-tile>img{grid-area:1/1/2/3;justify-self:center;width:auto;max-width:100%;height:100%;margin:0;aspect-ratio:1039/744;contain:size}
.reference-grid:not([data-view=text]):not([data-view=table]) .reference-tile.is-battlefield>.card-tile>:not(img){grid-column:1/-1}
/* The hover Quick look pill sits over the illustration, clear of the cost and Might badges, the
   rules text and the Preview label. Absolute margins resolve against the tile's width, which sets the art's height. */
:is(.cards-page .reference-grid,.reference-grid.player-collection-grid):not([data-view=text]):not([data-view=table]) .tile-footer [data-inspect]{top:0;right:auto;left:50%;margin-top:calc(100% * 1039 / 744 * .36 - 16px);transform:translateX(-50%)}
:is(.cards-page .reference-grid,.reference-grid.player-collection-grid):not([data-view=text]):not([data-view=table]) .reference-tile.is-battlefield .tile-footer [data-inspect]{margin-top:calc((100% - 16px) / 2 * 1039 / 744 * .5 - 16px)}
.reference-table th:not([aria-sort]) .table-sort::after{content:'↕' / '';margin-left:5px;font-size:.85em;opacity:.4}
/* Quick look: Open card page lives in the sticky bar. */
.inspector-bar .inspector-open{min-height:44px;padding:8px 14px;font-size:14px;margin-left:auto}
.inspector-bar>span+.inspector-open{margin-left:0}
@media(max-width:700px){.inspector-bar{padding:10px 14px;gap:6px}.inspector-bar>.eyebrow{display:none}.inspector-bar .inspector-open{margin-left:0;margin-right:auto}}
@media(max-width:360px){.inspector-close-word{display:none}}
@media(hover:none){.card-inspector .reference-text .kw{display:inline-flex;align-items:center;min-height:32px;padding:0 8px;vertical-align:middle}}
/* Table: sortable headers and a small picture of each card. */
.reference-table .table-sort{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}
.reference-table .table-sort:hover{text-decoration:underline;text-underline-offset:4px}
.reference-table th[aria-sort] .table-sort{color:var(--ink);font-weight:600}
.reference-table tbody th a{display:inline-flex;align-items:center;gap:10px}
.reference-table tbody th img{flex:none;width:32px;height:auto;aspect-ratio:744/1039;border-radius:3px;background:var(--bg2)}
/* No results: three ways on. */
.empty .empty-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.empty .empty-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){
 .reference-grid:not([data-view=text]):not([data-view=table]) .reference-tile.is-battlefield>.card-tile{display:block}
 .reference-grid:not([data-view=text]):not([data-view=table]) .reference-tile.is-battlefield>.card-tile::after{content:none}
 .reference-grid:not([data-view=text]):not([data-view=table]) .reference-tile.is-battlefield>.card-tile>img{width:100%;height:auto;margin:0 0 12px;contain:none}
}

/* Phones: a long press on a card peeks in Quick look, so the system link preview stays out of the way. */
@media(hover:none){a.card-tile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}

/* Phones: Quick look is a bottom sheet (decision 2): a long press opens it, a sideways swipe steps through
   the cards, and Open card page leads its bar. */
@media(max-width:700px){
 .card-inspector{inset:auto 0 0 0;width:100%;height:auto;max-height:92dvh;overflow:auto;overscroll-behavior:contain;border:0;border-top:1px solid var(--soft);border-radius:14px 14px 0 0}
 .card-inspector[open]{animation:inspector-up .26s cubic-bezier(.2,.8,.2,1)}
}
@keyframes inspector-up{from{transform:translateY(40px);opacity:0}}
@media(prefers-reduced-motion:reduce){.card-inspector[open]{animation:none}}


/* 320 px screens (iPhone SE, Display Zoom): the filter panel is one column, so no select is cut off (B-27). */
@media(max-width:360px){
 .cards-page .reference-controls .filter-fields{grid-template-columns:minmax(0,1fr)}
}
/* Signed in on a phone (C-11): what you own sits in the stats column beside the art and jumps to the counter. */
.player-owned-chip{display:none}
#your-collection{scroll-margin-top:calc(var(--top-bar,0px) + 16px)}
@media(max-width:700px){
 .card-reference .reference-reading>.player-owned-chip{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;padding:0 12px;border:1px solid var(--soft);color:var(--ink);font:14px var(--body);text-decoration:none}
 .card-reference .reference-reading>.player-owned-chip[data-owned="1"]{border-color:var(--ink)}
}

/* Card page actions are buttons (Ron, Oct 7: the text links read as text and never got tapped). The main
   action (Add to your collection, or Build a deck for a preview) leads in the page's light; Save for later,
   Copy text and Copy link follow as outlined buttons. */
body.cards-page .card-reference .reference-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:20px 0 0}
body.cards-page .card-reference .reference-actions>.record-tools{display:contents}
body.cards-page .card-reference .reference-actions .collect-link{order:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:0 22px;border:1px solid var(--brand);background:var(--brand);color:var(--brand-ink);font:600 16px var(--body);text-decoration:none;white-space:nowrap}
body.cards-page:has(.domain-light[data-domain-1]) .card-reference .reference-actions .collect-link{border-color:var(--d1);background:var(--d1);color:#111}
body.cards-page .card-reference .reference-actions .collect-link:hover{text-decoration:none;filter:brightness(1.1)}
body.cards-page .card-reference .reference-actions .collect-later{order:6;flex-basis:100%;min-height:0;margin:0;color:var(--muted);font:500 14px var(--body)}
body.cards-page .card-reference .reference-actions .save-button{order:3}
body.cards-page .card-reference .reference-actions>[data-copy-card]{order:4}
body.cards-page .card-reference .reference-actions>[data-copy-card-link]{order:5}
body.cards-page .card-reference .reference-actions>.card-action-status{order:7;flex-basis:100%}
body.cards-page .card-reference .reference-actions>.card-action-status:empty{display:none}
body.cards-page .card-reference .reference-actions :is(.save-button,[data-copy-card],[data-copy-card-link]):not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;padding:0 16px!important;border:1px solid var(--line)!important;background:var(--bg2)!important;color:var(--ink)!important;font:500 15px var(--body)!important;text-decoration:none!important;white-space:nowrap}
body.cards-page .card-reference .reference-actions :is(.save-button,[data-copy-card],[data-copy-card-link]):not([hidden]):hover{border-color:var(--ink)!important;color:var(--ink)!important}
body.cards-page .card-reference .reference-actions .save-button:disabled{opacity:.6}
/* A Legend page is a row you can tap: what it is, then which Legend. */
.card-legend-links{display:grid;gap:8px;margin:16px 0 0;font:inherit}
.card-legend-label{margin:0;font:500 13px/1.4 var(--body);color:var(--muted)}
.legend-link-button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:8px 16px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);text-decoration:none}
.legend-link-button strong{font:600 16px/1.3 var(--body);overflow-wrap:anywhere}
.legend-link-button>span{flex:none;font-size:20px;color:var(--muted)}
.legend-link-button:hover{border-color:var(--ink)}
.card-reference .card-notice.preview{margin-top:18px}

/* Phones (Oct 7, Ron: "it was cooking with the Morde in the center"): every card page is one centred column.
   The card leads under its name and its printings sit right under it (the same card in another art, so the
   switch belongs with the picture); then the stats and tags, the card text, the actions, the Legend page,
   and last the reveal notice, the printing's details and the sources. */
@media(max-width:700px){
 .card-reference .reference-hero{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .card-reference :is(.reference-reading,.reference-title,.reference-art,.printing-picker){display:contents}
 .card-reference :is(.reference-reading,.reference-title,.reference-art,.printing-picker)>*{order:9}
 .card-reference .reference-title>.eyebrow{order:1}
 .card-reference .reference-title>h1{order:2;margin-bottom:16px;overflow-wrap:break-word}
 .card-reference .reference-hero .card-art-link{order:3;position:relative;top:auto;right:auto;align-self:center;width:min(60%,260px)}
 .card-reference .reference-hero .card-art-link.is-landscape{width:100%}
 .card-reference .reference-hero .card-art-link>img{border-radius:8px}
 .card-reference .reference-hero .card-art-link>span{display:block;opacity:1;bottom:6px;right:6px;padding:3px 7px}
 .card-reference .printing-picker:has(.printing-options)>.printing-label{order:4;margin:16px 0 6px;text-align:center}
 .card-reference .printing-picker>.printing-options{order:4}
 .card-reference .printing-options>:first-child{margin-left:auto}.card-reference .printing-options>:last-child{margin-right:auto}
 .card-reference .reference-title>.reference-stats{order:5;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 22px;margin:14px 0 0}
 .card-reference .reference-reading>.reference-domains{order:6;justify-content:center;margin-top:10px}
 .card-reference .reference-domains .card-tag{border-left:0;padding-left:0}
 .card-reference .reference-title>.price-glance{order:7;align-self:center;margin-top:10px}
 .card-reference .reference-reading>.player-owned-chip{order:7;align-self:center}
 .card-reference .reference-reading>:is([data-card-notices],[data-current-text]){order:8}
 .card-reference .reference-reading>[data-current-text]{margin-top:18px}
 .card-reference .reference-reading>.reference-actions,.cards-page .card-reference .reference-hero :is(.player-counter,.player-feature-card){order:9}
 .card-reference .reference-reading>.card-legend-links{order:10}
 .card-reference .reference-reading>.card-notice.preview{order:11}
 .card-reference .printing-picker>.printing-details,.card-reference .printing-picker:not(:has(.printing-options))>.printing-label{order:12}
 .card-reference .printing-picker:not(:has(.printing-options))>.printing-label,.card-reference .printing-details>[data-price-view=detail]{display:none}
 .card-reference .printing-picker>.printing-details{margin-top:26px}
 .card-reference .printing-picker:has(.printing-options)>.printing-details{margin-top:26px}
 .card-reference .reference-reading>[data-current-sources]{order:13}
 .card-reference .reference-reading>.reference-sections{order:14}
 body.cards-page .card-reference .reference-actions .collect-link{flex:1 1 100%}
 body.cards-page .card-reference .reference-actions .collect-later{order:2;display:block;flex:1 1 100%;margin-top:-2px;text-align:center}
 body.cards-page .card-reference .reference-actions :is(.save-button,[data-copy-card],[data-copy-card-link]):not([hidden]){flex:1 1 auto;padding:0 10px!important;font-size:14px!important}
}
@media(max-width:360px){
 body.cards-page .card-reference .reference-actions .save-button:not([hidden]){flex-basis:100%}
}

/* Second look (Oct 7 review agents). Each printing on the rail takes the same width, so a long label
   ("Overnumbered", "T1 Signature Edition") wraps under its own picture instead of shifting the row. */
.card-reference .printing-options a{flex:none;width:84px;align-items:center;white-space:normal;text-align:center}
.card-reference .printing-options a>small{line-height:1.25}
/* Domains and tags look like what they are: links to every card that shares them. */
.card-reference .reference-domains{display:flex;flex-wrap:wrap;gap:8px}
.card-reference .reference-domains a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--soft);color:var(--ink);text-decoration:none}
.card-reference .reference-domains a:hover{border-color:var(--ink)}
.card-reference .reference-domains .card-tag{border:1px solid var(--soft);padding:0 12px;margin:0}
/* Links inside the details read as links, and the set's two links wrap together. */
.card-reference .printing-facts dd a{text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:3px}
.card-reference .printing-facts .fact-pair{white-space:nowrap}
/* Every small link takes a 44 px tap. */
.card-reference .reference-more{display:inline-block;padding-block:12px;margin-block:-12px}
.card-reference .card-source-details>summary{display:list-item;padding-block:11px;cursor:pointer}
.card-reference .reference-sections a{display:inline-flex;align-items:center;min-height:44px}
/* Related cards: one tile width in both rows, names at reading size. */
.card-reference .related-card-grid strong{font-size:16px;line-height:1.25}
@media(max-width:700px){
 .related-tag .related-card-grid a{flex:0 0 calc((100% - 24px)/3)}
 .card-reference .reference-domains{justify-content:center}
}