@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172b35;--muted:#758087;--paper:#f6f5ef;--line:#dfe2dc;--orange:#d86036}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,select{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}header{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:2px;font-size:22px;display:flex;align-items:center;gap:12px}.compass{font-size:44px;color:var(--orange)}.brand small{font-size:8px;max-width:70px;line-height:1.6;letter-spacing:1.5px;border-left:1px solid #b9c1bf;padding-left:12px}nav{display:flex;gap:35px;height:100%;align-items:center}nav a{height:100%;display:grid;align-items:center;border-bottom:3px solid var(--orange);font-weight:700}nav button{background:none;border:0}nav span{background:#e8e8df;padding:3px 7px;border-radius:4px;margin-left:6px}.edition{font-weight:800;font-size:16px}.edition span{font-size:9px;font-weight:500;letter-spacing:1px;margin-left:8px}main{max-width:1440px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;align-items:center;padding:54px 0 48px}.eyebrow{font-size:10px;color:var(--orange);font-weight:800;letter-spacing:2px}h1{font-family:Manrope,sans-serif;font-size:48px;line-height:1.16;letter-spacing:-2px;margin:18px 0}h1 span{color:var(--orange)}.sub{color:#6c797d;line-height:1.8;font-size:15px}.notes{display:flex;gap:24px;margin-top:24px;font-size:11px;color:#506b60}.hero-art{width:300px;height:260px;position:relative;display:grid;place-content:center;text-align:center;margin-right:65px;background:radial-gradient(circle,#e6e8dc 0,transparent 66%)}.orbit{position:absolute;inset:6px 26px;border:1px solid #ccd2c7;border-radius:50%;outline:1px dashed #d9dcd2;outline-offset:12px}.north{position:absolute;top:0;left:145px;font-size:9px;color:var(--orange)}.rose{font-family:serif;font-size:170px;line-height:160px;color:#254339;transform:rotate(-16deg)}.hero-art p{font-size:8px;letter-spacing:3px;line-height:1.7}.catalog-heading{display:flex;align-items:center;gap:15px;margin:12px 0 22px}h2{font-family:Manrope;font-size:23px;letter-spacing:-.7px;margin:0}.catalog-heading>span:first-of-type{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:6px 12px}.updated{margin-left:auto;font-size:9px;letter-spacing:1px;color:var(--muted)}.searchwrap{background:white;border:1px solid #cdd4ce;border-radius:8px;display:flex;align-items:center;padding:0 18px;height:58px;box-shadow:0 3px 8px #182b3510}.searchwrap>span{font-size:28px;margin-right:12px}.searchwrap input{width:100%;border:none;outline:none;color:var(--ink);background:none}.searchwrap kbd{border:1px solid var(--line);padding:3px 7px;border-radius:4px;color:#929a97}.suggestions{display:flex;gap:8px;align-items:center;margin:14px 0 30px;color:var(--muted);font-size:11px;flex-wrap:wrap}.suggestions button{background:#eaece5;border:0;padding:5px 10px;border-radius:4px;font-size:10px}.suggestions>span{margin-left:auto;font-size:10px}.workspace{display:grid;grid-template-columns:204px 1fr;gap:32px}.filtertitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.filtertitle h3{margin:0;font-size:14px}.filtertitle button{font-size:9px;color:var(--muted);background:none;border:0;padding:0}aside>label,.filter-field>label{font-size:9px;font-weight:700;letter-spacing:1.5px;display:block;margin:22px 0 11px}aside select{width:100%;background:transparent;border:1px solid #d9ddd6;border-radius:5px;padding:10px 8px;font-size:11px;color:#4e6269}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.colors button{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:5px;background:transparent;padding:8px 4px;font-size:10px}.colors i{width:9px;height:9px;display:inline-block;border-radius:50%}.colors button.selected{border-color:var(--ink);background:#e3e8df}.aside-note{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:10px;line-height:1.8;color:var(--muted)}.aside-note>span{font-size:27px;color:var(--orange);display:block}.aside-note b{color:#465a60}.resultsbar{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:20px;min-height:20px}.resultsbar p{margin:0}.resultsbar label{color:var(--muted);font-size:10px}.resultsbar select{background:transparent;border:0;color:var(--ink);font-size:11px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 20px}.card{min-width:0;position:relative}.card-open{border:0;background:transparent;padding:0;text-align:left;width:100%}.card-image{background:#e7e8df;border-radius:8px;aspect-ratio:5/7;padding:7px;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;object-fit:contain;border-radius:5px}.card-open:hover .card-image{transform:translateY(-4px);box-shadow:0 8px 20px #172b351a}.card-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.6px;color:var(--muted);margin-top:13px}.card h3{font-size:12px;margin:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-type{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.dot{height:7px;width:7px;display:inline-block;border-radius:50%}#pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding:36px 0;font-size:11px}#pagination button{background:white;border:1px solid var(--line);padding:9px 15px;border-radius:5px}button:disabled{opacity:.35;cursor:default}.empty{grid-column:1/-1;padding:70px 20px;text-align:center;color:var(--muted)}footer{max-width:1440px;margin:40px auto 0;padding:26px 5%;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;color:var(--muted);font-size:9px}footer .brand{font-size:13px;color:var(--ink)}footer p{flex:1}dialog{border:1px solid var(--line);border-radius:14px;max-width:850px;width:90%;padding:35px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#102c36b3;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:20px}#detailbody{display:grid;grid-template-columns:260px 1fr;gap:30px}#detailbody img{width:100%;border-radius:10px}#detailbody h2{margin:10px 0 16px}#detailbody p{line-height:1.8}#detailbody .stats{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}.effect{white-space:pre-line;border-top:1px solid var(--line);padding-top:20px;font-size:13px}.trigger{font-size:12px;color:#7b5c25}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}@media(min-width:1500px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{margin-right:0;width:240px}.workspace{gap:20px;grid-template-columns:180px 1fr}.edition span{display:none}h1{font-size:40px}}@media(max-width:700px){header{height:75px}.brand{font-size:17px;gap:6px}.brand small,.edition,.hero-art{display:none}nav{gap:15px;font-size:11px}nav button{font-size:11px;padding:0}.intro{padding:35px 0 25px}h1{font-size:36px}.sub{font-size:13px}.notes{gap:12px;font-size:10px}.updated{display:none}.workspace{grid-template-columns:1fr}aside{display:flex;gap:8px;flex-wrap:wrap}.filtertitle{width:100%;margin-bottom:4px}.aside-note{display:none}aside select{width:calc(50% - 4px)}.colors{display:flex;width:100%;gap:7px;margin-bottom:3px}.colors button{flex:1;justify-content:center;font-size:9px}.suggestions>span{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.catalog-heading{gap:10px}.catalog-heading>span:first-of-type{font-size:9px}#detailbody{grid-template-columns:1fr}#detailbody img{max-width:220px;margin:auto}dialog{padding:30px 22px}footer{flex-wrap:wrap;gap:10px}footer p{flex-basis:100%;order:3}.desktop{display:none}}

.filter-field{min-width:0}.filter-field select{width:100%}
@media(max-width:700px){aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filtertitle,.colors,aside>label{grid-column:1/-1}.filtertitle{margin-bottom:0}aside>label{display:block;margin:6px 0 0}.filter-field>label{display:block;margin:2px 0 7px;font-size:10px;letter-spacing:.5px;line-height:1.5}.filter-field select{min-height:44px;width:100%;padding:10px 8px}}
[hidden]{display:none!important}.account-nav{display:flex;gap:8px;flex-wrap:wrap}.account-nav button,#decks-nav{border:0;background:none}.view-decks .intro,.editing-deck .intro{display:none}#deck-message{background:var(--paper);line-height:1.6;color:#406c52}#deck-message:empty{display:none}.error,#account-error,#import-error{color:#a93e32!important}.library-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:40px 0 20px}.library-heading h1{margin:5px 0 15px}.deck-tile{border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;gap:18px;align-items:center;background:#fff9}.deck-tile>img,.deck-placeholder{width:80px;flex-shrink:0;border-radius:6px}.deck-placeholder{font-size:55px;text-align:center}#deck-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-height:150px}.deck-tile h3{margin:0 0 10px}.deck-tile p{font-size:12px;color:var(--muted)}#deck-library button,#deck-panel button,#account-dialog button,#import-dialog button{background:#fff;border:1px solid var(--line);border-radius:5px;padding:8px 10px;margin:3px 2px;font-size:12px}#deck-panel #save-deck{background:var(--ink);color:white}#deck-library #new-deck{background:#111;color:#fff;border-color:#111}.add-deck{width:100%;margin-top:10px;padding:9px 3px;border:1px solid #c6cfc2;background:#e9ede3;border-radius:5px;font-size:10px}.editing-deck .workspace{grid-template-columns:180px minmax(0,1fr) 310px;gap:22px}.editing-deck .grid{grid-template-columns:repeat(3,minmax(0,1fr))}#deck-panel{padding:18px;border:1px solid var(--line);border-radius:8px;align-self:start;background:#efeee7;position:sticky;top:15px;max-height:calc(100vh - 30px);overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:20px}#deck-panel>label,#account-form>label{display:block;margin:15px 0 6px;font-size:11px;font-weight:700}#deck-panel>input,#deck-panel>textarea,#account-form>input,#import-text{width:100%;padding:10px;border:1px solid #cbd2c7;border-radius:5px;background:white;color:var(--ink);font:inherit}#save-status{font-size:10px;color:var(--muted)}#leader-slot{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:12px}#leader-slot>img{width:65px;border-radius:5px}#leader-slot p{font-size:10px}.deck-row{display:flex;gap:5px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}#deck-panel .deck-card-view{display:flex;gap:8px;align-items:center;border:0;padding:0;background:none;margin:0;text-align:left;flex:1;min-width:0}.deck-card-view img{width:32px;border-radius:3px}.deck-card-view span{min-width:0}.deck-card-view b{display:block;font-size:10px}.deck-card-view small{font-size:9px;color:var(--muted)}.quantity{display:flex;align-items:center;gap:3px;font-size:11px}#deck-panel .quantity button{padding:5px 8px;margin:0}.panel-empty{font-size:12px;line-height:1.6;color:var(--muted)}#deck-validation{font-size:11px;line-height:1.7;border-top:1px solid var(--line);margin-top:18px;padding-top:15px}#deck-validation ul{padding-left:18px;color:#a34b35}#deck-validation details{color:var(--muted)}#deck-validation a{text-decoration:underline}#deck-stats{font-size:11px}#deck-stats>div{margin-bottom:18px}.stat-bars>div{display:flex;align-items:center;gap:6px;margin:5px 0}.stat-bars span{width:60px;flex-shrink:0;font-size:9px}.stat-bars i{height:7px;background:#94a385;border-radius:3px}.stat-bars b{font-size:9px}.pdf-options{margin-top:12px;font-size:11px;line-height:1.7}.pdf-options>label{display:block}.pdf-options input{width:auto}#builder-tabs{display:none}#account-dialog,#import-dialog{max-width:480px}#account-dialog p{line-height:1.7;font-size:12px}#account-close,#import-close{float:right}#import-text{margin-top:15px}.editing-deck .resultsbar{align-items:flex-start;gap:10px}
@media(max-width:1100px){.editing-deck .workspace{grid-template-columns:160px minmax(0,1fr) 270px;gap:15px}.editing-deck .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){header{padding:0 4%;height:auto;min-height:85px;flex-wrap:wrap;gap:10px;justify-content:flex-start}header nav{gap:16px;min-height:50px;font-size:12px}header nav a{border:0}.account-nav{margin-left:auto;font-size:10px}#logout-button{font-size:9px}.editing-deck .workspace{grid-template-columns:1fr}.editing-deck .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editing-deck aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editing-deck aside>label,.editing-deck .colors,.editing-deck .filtertitle{grid-column:1/-1}.editing-deck .filter-field>label{display:block;margin:2px 0 7px;font-size:10px}.editing-deck .filter-field select{min-height:44px}.editing-deck .aside-note{display:none}#builder-tabs:not([hidden]){display:flex;gap:8px;position:sticky;top:0;z-index:6;background:var(--paper);padding:10px 0}#builder-tabs button{flex:1;border:1px solid var(--line);background:white;padding:12px;border-radius:5px}#builder-tabs button[aria-pressed=true]{background:var(--ink);color:white}.editing-deck:not(.mobile-deck) #deck-panel{display:none}.editing-deck.mobile-deck .workspace>aside,.editing-deck.mobile-deck .results,.editing-deck.mobile-deck .catalog-heading,.editing-deck.mobile-deck .searchwrap,.editing-deck.mobile-deck .suggestions{display:none}#deck-panel{position:static;max-height:none}#deck-list{grid-template-columns:1fr}.library-heading{align-items:flex-start;flex-direction:column}.library-heading h1{font-size:32px}}
.editing-proxies .intro{display:none}#proxy-panel{margin:30px 0;padding:22px;background:#eeeee6;border:1px solid var(--line);border-radius:10px}#proxy-panel p{font-size:12px;line-height:1.7}.proxy-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.proxy-heading>b{white-space:nowrap;font-size:12px}.proxy-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px;font-size:12px}#proxy-panel button{border:1px solid #ccd2c7;background:white;color:var(--ink);padding:9px 12px;border-radius:5px}#proxy-panel #proxy-download{background:#111;color:white;border-color:#111}#proxy-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.proxy-row{display:flex;align-items:center;gap:5px;padding:8px;background:#fff8;border-radius:6px;min-width:0}#proxy-panel .proxy-preview{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0;border:0;background:none;text-align:left}.proxy-preview img{width:40px;border-radius:3px}.proxy-preview span{min-width:0}.proxy-preview b{font-size:11px;display:block}.proxy-preview small{font-size:9px;color:var(--muted)}#proxy-panel .quantity button{padding:5px 8px}.proxy-actions input{vertical-align:middle}@media(max-width:1100px){#proxy-selection{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){#proxy-panel{padding:15px}.proxy-heading{align-items:flex-start;flex-direction:column;gap:5px}#proxy-selection{grid-template-columns:1fr}header nav{gap:10px;flex-wrap:wrap}header .brand{margin-right:auto}}

#leader-colors-note{font-size:11px;line-height:1.6;color:#506b60;margin:10px 0 0}@media(max-width:850px){#leader-colors-note{grid-column:1/-1}}

.selected-cards-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 8px}.selected-cards-heading h3{margin:0;font-size:14px}.selected-cards-heading strong{font-size:17px;color:var(--ink);white-space:nowrap}

#text-export-dialog{max-width:520px}#text-export-dialog p{font-size:12px;line-height:1.7}#text-export-content{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;font-family:monospace;font-size:14px;resize:vertical}#text-export-dialog button{background:white;color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:9px 12px;margin:4px 2px}#text-export-dialog #text-export-copy{background:#111;color:#fff}#text-export-close{float:right}
#card-hover-preview{position:fixed;z-index:1000;pointer-events:none;background:var(--paper);border:6px solid var(--paper);border-radius:12px;box-shadow:0 12px 42px #172b3555;overflow:hidden}#card-hover-preview img{display:block;width:100%;height:auto;max-height:calc(100vh - 36px);object-fit:contain}@media(hover:none){#card-hover-preview{display:none!important}}
@media(min-width:851px){#detail{max-width:1100px;width:94vw;padding:36px;max-height:94vh;overflow:auto}#detailbody{grid-template-columns:minmax(280px,430px) minmax(0,1fr);gap:36px;align-items:start}#detailbody>img{max-height:calc(94vh - 72px);object-fit:contain}#detailbody h2{font-size:28px;line-height:1.3}#detailbody p{font-size:16px;line-height:1.8}#detailbody .stats{font-size:15px;gap:18px}#detailbody p.eyebrow{font-size:12px}#detailbody p[style]{font-size:12px!important}#detail>.close{font-size:24px;width:40px;height:40px}}
/* Filters stay above the card workspace at every viewport size. */
.workspace{display:block}#catalog-section>aside{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 12px;margin:0 0 28px;padding:18px 0 22px;border-bottom:1px solid var(--line)}#catalog-section>aside>.filtertitle,#catalog-section>aside>label,#catalog-section>aside>.colors,#catalog-section>aside>#leader-colors-note{grid-column:1/-1}#catalog-section>aside>.filtertitle{margin:0}#catalog-section>aside>label{display:block;margin:0;font-size:10px}#catalog-section>aside>.colors{display:flex;flex-wrap:wrap;gap:8px;width:100%}#catalog-section>aside .colors button{flex:none;padding:8px 14px;font-size:11px}#catalog-section>aside .filter-field>label{display:block;margin:0 0 7px;font-size:10px;letter-spacing:.6px;line-height:1.5}#catalog-section>aside select{width:100%;min-height:42px}#catalog-section>aside>.aside-note{display:none}.editing-deck .workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px}.editing-deck .grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1200px){#catalog-section>aside{grid-template-columns:repeat(4,minmax(0,1fr))}.editing-deck .workspace{grid-template-columns:minmax(0,1fr) 290px}.editing-deck .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){#catalog-section>aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editing-deck .workspace{display:block}.editing-deck .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editing-deck.mobile-deck #catalog-section>aside{display:none}#catalog-section>aside .colors button{padding:8px;font-size:10px}}