.deck-page header,.deck-page main,.deck-page footer{width:min(1840px,calc(100% - 40px))}
.deck-entry-inks{display:flex;flex-shrink:0;align-items:center;gap:1px}.deck-entry-inks img{width:24px;height:24px;object-fit:contain}.deck-mobile-views{display:none}.deck-page .heading{padding:16px 0}.deck-page .heading h1{font-size:28px;margin:4px 0}.deck-page .heading .lead{display:none}.deck-page nav{margin-bottom:18px}.deck-page #content>section>h2{font-size:20px;margin:12px 0}.deck-page #content>.actions{margin:8px 0}.deck-page #content>.deck-warning{margin:8px 0;padding:8px 12px;font-size:14px}
.deck-builder{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px;align-items:start;margin:16px 0 32px}.deck-browser{min-width:0}.deck-browser>.toolbar{display:grid;grid-template-columns:minmax(160px,.65fr) minmax(0,1fr);gap:14px;align-items:end}.deck-browser>.toolbar label{min-width:0;margin:0}.deck-browser h3{font-size:16px;margin:18px 0 10px}.deck-browser>.meta{font-size:13px;margin-bottom:10px}
.deck-filters{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0}.deck-filters label{font-size:12px;margin:0;min-width:100px}.deck-filters select{font-size:13px;padding:6px 8px;margin:3px 0 0;height:34px}.ink-filters{display:flex;gap:4px;flex-wrap:wrap;margin-right:auto}.ink-filters button{width:36px;height:36px;padding:5px;border-radius:5px;background:var(--panel)}.ink-filters img{width:100%;height:100%;object-fit:contain}.ink-filters button[aria-pressed=true]{border:2px solid var(--teal);background:var(--soft)}
.deck-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px 10px;align-items:start}.deck-card-grid>.empty,.deck-card-grid>[data-more]{grid-column:1/-1}.deck-card-tile{min-width:0;margin:0;border:0;border-radius:6px}.deck-card-art{position:relative;display:block;width:100%;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:var(--panel);line-height:0}.deck-card-art img{display:block;width:100%;height:auto;aspect-ratio:734/1024;object-fit:contain}.deck-card-art:hover{border-color:var(--muted)}.is-selected .deck-card-art{border-color:var(--teal)}.is-banned .deck-card-art img{opacity:.65}.deck-card-ban{position:absolute;left:0;right:0;bottom:0;padding:8px;background:#a62936;color:white;font-size:12px;font-weight:750;line-height:1.2;text-align:center}.deck-card-controls{display:flex;justify-content:center;align-items:center;gap:9px;min-height:35px;padding-top:5px;font-size:13px;font-variant-numeric:tabular-nums}.deck-card-controls button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:50%;font-size:18px;line-height:1}.deck-card-controls span{min-width:34px;text-align:center}
.deck-sidebar{position:sticky;top:16px;min-width:0;max-height:calc(100dvh - 32px);overflow:auto;border-left:1px solid var(--line);padding-left:18px;scrollbar-width:thin}.deck-sidebar>h3{margin:0 0 6px;font-size:18px}.deck-sidebar #deck-totals{margin:0 0 16px;font-size:14px}.deck-type-group{margin:0 0 18px}.deck-type-group h4{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:650;margin:0 0 7px}.deck-type-group h4>span{background:var(--soft);border-radius:4px;min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.deck-entry{display:flex;align-items:center;gap:4px;min-width:0;min-height:37px;border:1px solid var(--line);border-left:4px solid var(--card-ink);border-radius:5px;margin:4px 0;background:var(--soft);--card-ink:#7b8792}.deck-entry[data-ink=amber]{--card-ink:#d5a12d}.deck-entry[data-ink=amethyst]{--card-ink:#9b61bc}.deck-entry[data-ink=emerald]{--card-ink:#2ca96b}.deck-entry[data-ink=ruby]{--card-ink:#cb4a54}.deck-entry[data-ink=sapphire]{--card-ink:#4c98ce}.deck-entry-name{display:flex;align-items:center;gap:6px;flex:1;min-width:0;border:0;background:none;padding:4px 0 4px 4px;text-align:left;font-size:12px;font-weight:600;line-height:1.3}.deck-entry-name>span:last-child{overflow-wrap:anywhere}.deck-entry-cost{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:21px;height:23px;background:var(--panel);border:1px solid var(--card-ink);border-radius:4px;font-variant-numeric:tabular-nums}.deck-entry-controls{display:flex;align-items:center;gap:2px;padding-right:4px;flex-shrink:0}.deck-entry-controls button{display:flex;align-items:center;justify-content:center;width:23px;height:25px;padding:0;font-size:16px;line-height:1;border-radius:4px}.deck-entry-controls .deck-quantity{width:30px!important;height:27px;padding:0!important;text-align:center;font-size:12px;border:0;background:none;appearance:textfield;-moz-appearance:textfield}.deck-quantity::-webkit-inner-spin-button,.deck-quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.deck-card-controls button,.deck-entry-controls button,.ink-filters button{min-height:0;min-width:0}.deck-card-controls button{width:30px;height:30px}.deck-entry-name{min-height:34px}.submission-fields{max-width:900px;border-top:1px solid var(--line);padding-top:24px}.submission-fields>.columns{gap:20px}
@media(min-width:1600px){.deck-builder{grid-template-columns:minmax(0,1fr) 420px}.deck-card-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.deck-entry-name{font-size:13px}}
@media(max-width:900px){.deck-builder{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.deck-card-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.deck-sidebar{padding-left:12px}.deck-browser>.toolbar{grid-template-columns:1fr}.deck-filters{gap:8px}}
@media(max-width:650px){.deck-page header,.deck-page main,.deck-page footer{width:calc(100% - 24px)}.deck-builder{grid-template-columns:minmax(0,1fr);gap:24px}.deck-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.deck-sidebar{position:static;max-height:none;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.deck-selected-list{max-height:440px;overflow:auto}.deck-filters label{flex:1}.ink-filters{width:100%}.deck-card-controls button{width:32px;height:32px}.deck-browser>.toolbar{grid-template-columns:1fr}.deck-entry{min-height:40px}.deck-entry-name{font-size:13px}.deck-entry-controls button{width:28px;height:30px}}
@media(max-width:650px){.deck-page header{padding:12px 0;gap:8px}.deck-page .heading{padding:8px 0}.deck-page .heading .eyebrow{display:none}.deck-page .heading h1{font-size:24px}.deck-page nav{gap:0 14px;margin-bottom:12px}.deck-page nav a{padding:6px 0;font-size:13px}.deck-mobile-views{display:flex;position:sticky;top:0;z-index:3;gap:8px;background:var(--bg);padding:8px 0}.deck-mobile-views button{flex:1}.deck-mobile-views [aria-pressed=true]{border-color:var(--teal);background:var(--soft)}.deck-builder[data-mobile-view=cards]>.deck-sidebar,.deck-builder[data-mobile-view=deck]>.deck-browser{display:none}}