/* Editor controls only. Card faces retain card-theme.css's physical 2:3 ratio. */
.deck-library-entry{min-width:0;display:flex;flex-direction:column;gap:9px;align-self:start}
.deck-library-entry>.game-card{width:100%;height:auto;aspect-ratio:2/3}
.deck-library-entry .game-card.unplayable{opacity:1;filter:saturate(.7) brightness(.87)}
.deck-library-state{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px 7px;color:#b4cdbb;font:500 12px/1.35 'Barlow',sans-serif}
.deck-library-state strong{color:#e5ffc4;font-weight:700}
.deck-entry-actions{display:grid;grid-template-columns:1fr;gap:6px}
.deck-entry-actions>button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;padding:7px 8px;border-radius:5px;font:700 15px/1.05 'Barlow Condensed',sans-serif;letter-spacing:.15px;text-align:center}
.deck-entry-actions>button .icon{width:14px;height:14px;flex:none}
.deck-card-info{background:#10251f;color:#c2ffee;border:1px solid #417b67}
.deck-card-info:hover{background:#173b30;border-color:#81e5c7}
.deck-entry-limit,.deck-entry-hint{font:500 11px/1.45 'Barlow',sans-serif;margin:0;color:#9fb8a7}
.deck-entry-limit{color:#dfcc92}
.deck-layout .deck-list:has(.deck-entry-row){display:flex;flex-direction:column;gap:8px;max-height:520px;overflow-y:auto;padding:3px 2px 5px}
.deck-entry-row{display:flex;align-items:center;gap:7px;min-width:0;padding:5px;border:1px solid #32513e;border-radius:7px;background:#0b1c14}
.deck-row-inspect{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0;text-align:left;border-radius:4px}
.deck-row-inspect:hover .deck-row-copy small{color:#b9ffb3}
.deck-row-portrait{width:32px;aspect-ratio:2/3;position:relative;overflow:hidden;border:1px solid #799c68;border-radius:3px;background:#123528;flex:none}
.deck-row-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.deck-row-cost{display:grid;place-items:center;position:absolute;left:2px;top:2px;width:15px;height:17px;border:1px solid #9cd062;background:#06110dde;border-radius:3px;color:#dfffbb;font:700 11px/1 'Oxanium',sans-serif}
.deck-row-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.deck-row-copy>strong{font:700 16px/1.05 'Barlow Condensed',sans-serif;color:#f0ffe7;overflow-wrap:anywhere}
.deck-row-copy>small{display:flex;align-items:center;gap:4px;color:#8ed4bd;font:500 10px/1.3 'Barlow',sans-serif}
.deck-row-copy .icon{width:10px;height:10px}
.deck-row-count{font:700 11px/1 'Oxanium',sans-serif;color:#c7f292;flex:none}
.deck-row-remove{display:grid;place-items:center;width:30px;height:34px;flex:none;padding:0;border:1px solid #3f6048;border-radius:5px;background:#1e3525;color:#cfffb1}
.deck-row-remove .icon{width:14px;height:14px}
.deck-row-remove:hover{background:#314d30;border-color:#94c966}
.deck-inspector-footer{border-top:1px solid #376449;margin-top:22px;padding-top:17px}
.deck-inspector-status{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px 12px;color:#b5cebe;font:500 13px/1.4 'Barlow',sans-serif}
.deck-inspector-status strong{color:#d6ff8c}
.deck-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.deck-inspector-actions>.btn{padding:12px 10px;min-width:0;gap:5px;font:700 17px/1.1 'Barlow Condensed',sans-serif;white-space:normal;text-align:center}
.deck-inspector-actions .icon{width:15px;height:15px;flex:none}
.deck-inspector-help,.deck-inspector-warning{font:500 13px/1.5 'Barlow',sans-serif;margin:12px 0 0;color:#aac4b4}
.deck-inspector-warning{color:#f3d596}
.deck-inspector-back{margin-top:11px;width:100%}
.deck-library-entry button:focus-visible,.deck-entry-row button:focus-visible,.deck-inspector-footer button:focus-visible{outline:3px solid #c4ff36;outline-offset:3px}
.deck-panel .curve{height:76px;flex-shrink:0;padding-top:0;margin:14px 0 8px;overflow:hidden;align-items:stretch}
.deck-panel .curve-item{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:4px}
.deck-panel .curve-item>span{flex:none;min-height:0;max-height:42px;margin:0;border-radius:3px 3px 0 0}
.deck-panel .curve-count{font:600 10px/1 'Barlow',sans-serif;color:#bfd7a9;text-align:center}
.deck-panel .curve-item>small{font:600 10px/1 'Barlow',sans-serif;text-align:center;color:#9cb184}
.deck-layout .deck-list:has(.deck-entry-row){min-height:0;isolation:isolate;scrollbar-gutter:stable}
@media(max-width:760px){
 .deck-layout .deck-list:has(.deck-entry-row){max-height:325px}
 .deck-library-state{font-size:12px}.deck-entry-actions>button{min-height:38px;font-size:15px}
 .deck-entry-hint,.deck-entry-limit{font-size:11px}
 .deck-row-portrait{width:35px}.deck-row-copy>strong{font-size:17px}.deck-row-copy>small{font-size:11px}.deck-row-remove{width:34px;height:38px}
 .deck-inspector-footer{margin-top:17px}.deck-inspector-actions>.btn{font-size:17px;padding:12px 8px}.deck-inspector-status{font-size:12px}
}
@media(max-width:360px){
 .deck-library-state{font-size:11px;gap:3px 5px}.deck-entry-actions>button{font-size:14px;padding:7px 5px;gap:4px}
 .deck-row-copy>strong{font-size:16px}.deck-row-inspect{gap:7px}.deck-entry-row{gap:6px}
 .deck-inspector-actions{gap:7px}.deck-inspector-actions>.btn{font-size:16px}
}

/* Twenty visible copies, a persistent inspector and a separate Book library. */
body[data-screen="decks"] .main-content{max-width:1510px;padding-top:22px}
.deck-builder{--db-line:#34533c;--db-muted:#a9c4b3;--db-accent:#c4ff36;--db-amber:#ffd778;min-width:0}
.deck-builder .db-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}
.deck-builder .db-heading h1{font:800 39px/1.06 'Barlow Condensed',sans-serif;margin:4px 0 5px;letter-spacing:.2px}
.deck-builder .db-heading p{font-size:13px;color:var(--db-muted);margin:0}
.deck-builder .db-heading .eyebrow{font-size:9px;color:#5df5d3;letter-spacing:1.5px}
.deck-builder .db-equipped-label{display:flex;align-items:center;gap:5px;font-size:12px;color:#d5efad;text-align:right}
.deck-builder .db-equipped-label .icon{width:16px;height:16px}
.deck-builder .db-deck-picker{display:flex;gap:7px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.deck-builder .db-deck-picker>button{display:flex;align-items:center;gap:7px;border:1px solid #3c5b41;background:#102019;border-radius:6px;padding:10px 15px;color:#b9d2bc;font:700 17px/1.1 'Barlow Condensed',sans-serif;white-space:nowrap;min-height:42px}
.deck-builder .db-deck-picker>button.active{border-color:#a8d54d;background:#263b1c;color:#e4ffae;box-shadow:inset 0 -2px #c4ff36}
.deck-builder .db-deck-picker .icon{width:16px;height:16px;flex:none}
.deck-builder .db-deck-picker>.db-new-deck{margin-left:auto;font-size:15px;background:transparent}
.deck-builder .db-mobile-tabs{display:none}
.deck-builder .db-workspace{display:grid;grid-template-columns:230px minmax(360px,1.1fr) minmax(360px,1fr);gap:15px;align-items:start}
.deck-builder .db-surface{border:1px solid var(--db-line);border-radius:11px;background:linear-gradient(155deg,#15271b,#0b1812);min-width:0}
.deck-builder .db-inspector{padding:17px 14px;position:sticky;top:15px}
.deck-builder .db-inspector-face{width:162px;margin:0 auto 15px}
.deck-builder .db-inspector-face>.game-card{width:100%;height:auto;aspect-ratio:2/3;min-height:0}
.deck-builder .db-inspector-heading>span{font-size:10px;letter-spacing:.5px;color:#8ac1ad}
.deck-builder .db-inspector-heading h2{font:800 24px/1.06 'Barlow Condensed',sans-serif;margin:5px 0;overflow-wrap:anywhere}
.deck-builder .db-inspector-heading small{font-size:11px;color:var(--db-amber)}
.deck-builder .db-effect-tags{display:flex;flex-wrap:wrap;gap:4px;margin:9px 0 7px}
.deck-builder .db-effect-tag{display:inline-flex;align-items:center;border:1px solid #456756;border-radius:4px;color:#b1edd7;background:#142e23;padding:3px 5px;font:700 10px/1.1 'Barlow',sans-serif}
.deck-builder .db-effect-tag[data-effect="guard"]{border-color:#7e9751;color:#e0f2ac;background:#28351c}
.deck-builder .db-effect-tag[data-effect="charge"]{border-color:#b29850;color:#ffe39d;background:#3d3119}
.deck-builder .db-effect-tag[data-effect="lifesteal"]{border-color:#ab5577;color:#ffbed9;background:#3a1c2b}
.deck-builder .db-inspector-effect{font:500 14px/1.55 'Barlow',sans-serif;margin:9px 0 13px;color:#e0efe1}
.deck-builder .db-inspector-count{display:flex;justify-content:space-between;gap:5px;font-size:11px;color:var(--db-muted);padding-top:11px;border-top:1px solid #304e39;margin-bottom:12px}
.deck-builder .db-inspector-count strong{color:#e0ffb1}
.deck-builder .db-inspector>.btn{width:100%;font-size:17px;padding:12px 7px}
.deck-builder .db-inspector-reason{font:500 11px/1.5 'Barlow',sans-serif;color:var(--db-muted);margin:10px 0 0}
.deck-builder .db-inspector-empty{padding:52px 4px;text-align:center}
.deck-builder .db-inspector-empty>.icon{width:35px;height:35px;color:#6fa87b;margin-bottom:12px}
.deck-builder .db-inspector-empty h2{font:800 24px/1.1 'Barlow Condensed',sans-serif;margin:0 0 10px}
.deck-builder .db-inspector-empty p{font:500 13px/1.65 'Barlow',sans-serif;color:var(--db-muted)}
.deck-builder .db-board{padding:15px;position:sticky;top:15px}
.deck-builder .db-name-label{display:block;margin-bottom:13px}
.deck-builder .db-name-label>span{font:600 10px/1.3 'Barlow',sans-serif;letter-spacing:1px;text-transform:uppercase;color:#8fb39b;display:block;margin-bottom:6px}
.deck-builder .db-name-label .text-input{height:40px;padding:9px 11px;font:700 21px/1.1 'Barlow Condensed',sans-serif;border:1px solid #416e4a;border-radius:5px;background:#09170f;color:#f1ffe7}
.deck-builder .db-board-count{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;font-size:11px;color:#9fc0a4}
.deck-builder .db-board-count>strong{color:#ecffc1;font:800 25px/1 'Barlow Condensed',sans-serif;margin-right:auto}
.deck-builder .db-board-count>strong>span{font:600 12px/1 'Barlow',sans-serif;color:#a9c18f;margin-left:4px}
.deck-builder .db-board-count>span{display:flex;align-items:center;gap:3px}
.deck-builder .db-board-count .icon{width:13px;height:13px}
.deck-builder .db-board-count>span.needs-units{color:#f9d28d}
.deck-builder .db-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}
.deck-builder .db-slot{position:relative;aspect-ratio:2/3;min-width:0;--slot-edge:#6e8975;border-radius:5px}
.deck-builder .db-slot.rare{--slot-edge:#5df5d3}.deck-builder .db-slot.epic{--slot-edge:#cf8aef}.deck-builder .db-slot.legendary{--slot-edge:#d7ef75}
.deck-builder .db-slot-card{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#0b1b12;border:1px solid var(--slot-edge);border-radius:5px;padding:2px;text-align:left;box-shadow:0 3px 0 #030b06}
.deck-builder .db-slot-card>img{width:100%;height:100%;object-fit:cover;object-position:center 22%;border-radius:3px;display:block}
.deck-builder .db-slot-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#02090533,transparent 35%,#020b0740 48%,#020b07ed 80%)}
.deck-builder .db-slot-cost{position:absolute;top:3px;left:3px;z-index:1;width:19px;height:23px;display:grid;place-items:center;color:#ffd778;background:#241b06f5;border:1px solid #d0a84b;border-radius:4px;box-shadow:0 1px 3px #000b;font:800 16px/1 'Barlow Condensed',sans-serif}
.deck-builder .db-slot-name{position:absolute;bottom:22px;left:5px;right:4px;z-index:1;color:#f4ffe3;font:800 12px/.98 'Barlow Condensed',sans-serif;text-transform:uppercase;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.deck-builder .db-slot-stats{position:absolute;bottom:4px;left:5px;right:4px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1px;color:#cce79a;font:700 10px/1 'Barlow Condensed',sans-serif;border-top:1px solid #8dc06544;padding-top:3px;min-height:14px}
.deck-builder .db-slot-stats>.icon{margin-right:-3px}.deck-builder .db-slot-stats>span{display:flex;align-items:center;gap:1px;color:#f2b4c2}
.deck-builder .db-slot-stats .icon{width:10px;height:10px}
.deck-builder .db-slot-remove{position:absolute;top:-5px;right:-5px;z-index:2;width:25px;height:25px;border:1px solid #769b65;border-radius:50%;background:#243c23;color:#ebffca;padding:0;display:grid;place-items:center;box-shadow:0 2px 5px #000a}
.deck-builder .db-slot-remove .icon{width:14px;height:14px}
.deck-builder .db-slot-remove:hover{background:#68402c;border-color:#ffc478;color:#fff}
.deck-builder .db-slot.selected .db-slot-card{border-color:#e2ff95;box-shadow:0 0 0 2px #b8ff3b88,0 3px 0 #071907}
.deck-builder .db-slot.empty{border:1px dashed #3a6244;background:linear-gradient(140deg,#183d2429,#06180d55);display:flex;align-items:center;justify-content:center;color:#477859}
.deck-builder .db-slot.empty>.icon{width:19px;height:19px;opacity:.4}
.deck-builder .db-slot-number{position:absolute;top:5px;left:6px;font:600 10px/1 'Barlow',sans-serif;color:#5b7e64}
.deck-builder .db-board-help{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;color:#8bb899;font-size:10px;margin:13px 0}
.deck-builder .db-board-help>span{display:flex;align-items:center;gap:4px}.deck-builder .db-board-help .icon{width:12px;height:12px}
.deck-builder .db-curve{display:grid;grid-template-columns:55px repeat(6,minmax(0,1fr));gap:6px;align-items:end;border-top:1px solid #2f4b35;padding-top:10px;margin-top:12px;height:73px}
.deck-builder .db-curve-title{font:700 9px/1.25 'Barlow',sans-serif;color:#8baf90;align-self:center}
.deck-builder .db-curve>div{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:4px;min-width:0;height:59px}
.deck-builder .db-curve>div>b{font:600 10px/1 'Barlow',sans-serif;color:#bcdfa3;text-align:center}
.deck-builder .db-curve>div>span{display:block;background:#99d52d;border-radius:2px 2px 0 0;min-height:1px}
.deck-builder .db-curve>div>small{font:700 10px/1 'Barlow',sans-serif;color:#b0d5a3;text-align:center}
.deck-builder .db-validity{display:flex;align-items:start;gap:7px;color:#b8d999;font:500 12px/1.5 'Barlow',sans-serif;margin:14px 0 9px}
.deck-builder .db-validity.invalid{color:#f0cf8e}.deck-builder .db-validity>.icon{width:15px;height:15px;flex:none;margin-top:2px}
.deck-builder .db-starter{display:flex;align-items:center;gap:6px;color:#7edbb5;font:600 12px/1.3 'Barlow',sans-serif;padding:6px 0}
.deck-builder .db-starter .icon{width:13px;height:13px}
.deck-builder .db-library{padding:15px}
.deck-builder .db-library-heading h2{font:800 27px/1.05 'Barlow Condensed',sans-serif;margin:0 0 5px}
.deck-builder .db-library-heading p{color:var(--db-muted);font:500 11px/1.5 'Barlow',sans-serif;margin:0 0 14px}
.deck-builder .db-search{display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #416249;background:#081710;border-radius:5px;min-width:0;height:41px;margin-bottom:8px}
.deck-builder .db-search>.icon{width:15px;height:15px;flex:none;color:#aad47d}
.deck-builder .db-search>input{border:0;background:transparent;color:#e3f5e0;min-width:0;width:100%;font:500 12px/1.3 'Barlow',sans-serif;padding:10px 0;outline:none}
.deck-builder .db-search:focus-within{border-color:#c4ff36;box-shadow:0 0 0 1px #c4ff3655}
.deck-builder .db-type-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:8px 0 10px;padding:3px;background:#091911;border:1px solid #335a3d;border-radius:5px}
.deck-builder .db-type-filters>button{padding:8px 5px;min-height:34px;border-radius:3px;color:#95b99d;font:700 14px/1 'Barlow Condensed',sans-serif}
.deck-builder .db-type-filters>button.active{color:#203209;background:#c4ff36}
.deck-builder .db-primary-filters,.deck-builder .db-secondary-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.deck-builder .db-filter-field{display:block;min-width:0}
.deck-builder .db-filter-field>span{display:block;font:600 10px/1 'Barlow',sans-serif;color:#9bbaa3;margin-bottom:5px}
.deck-builder select{background:#0a1b13;color:#d0e8cc;border:1px solid #3a6144;border-radius:4px;padding:8px 5px;font:500 11px/1.2 'Barlow',sans-serif;width:100%;min-width:0;height:34px}
.deck-builder .db-more-filters{margin-top:10px}
.deck-builder .db-more-filters>summary{display:flex;align-items:center;gap:5px;cursor:pointer;color:#81bea0;font:600 11px/1.2 'Barlow',sans-serif;min-height:28px;list-style:none}
.deck-builder .db-more-filters>summary::-webkit-details-marker{display:none}
.deck-builder .db-more-filters>summary>.icon{width:13px;height:13px}.deck-builder .db-more-filters>summary::after{content:'+';margin-left:auto;font-size:17px;color:#afdc7d}
.deck-builder .db-more-filters[open]>summary::after{content:'−'}
.deck-builder .db-more-filters>summary>span{color:#d3edab}
.deck-builder .db-secondary-filters{padding:6px 0 4px}.deck-builder .db-secondary-filters>.db-filter-field:first-child{grid-column:1/-1}
.deck-builder .db-results-bar{display:flex;align-items:center;gap:8px;justify-content:space-between;margin:10px 0 13px;padding-top:10px;border-top:1px solid #2e4d35;color:#8bad91;font-size:10px}
.deck-builder .db-results-bar>label{margin-left:auto;max-width:160px}.deck-builder .db-results-bar select{border:0;height:29px;padding:5px;background:#173321;font-size:10px}
.deck-builder .db-results-bar>button{display:grid;place-items:center;min-width:29px;min-height:29px;color:#baf097}.deck-builder .db-results-bar>button>.icon{width:14px;height:14px}
.deck-builder .db-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
.deck-builder .db-library-card{min-width:0}
.deck-builder .db-library-card>.game-card{width:100%;height:auto;aspect-ratio:2/3;min-height:0}
.deck-builder .db-library-card .game-card:hover{transform:translateY(-2px)}
.deck-builder .db-library-card .card-label h3{font-size:20px;line-height:1.02}
.deck-builder .db-library-card .card-type{font-size:8px}
.deck-builder .db-library-card .card-cost{width:28px;height:31px;font-size:20px}
.deck-builder .db-library-card .card-rarity{font-size:9px}
.deck-builder .db-library-card .card-stats{font-size:11px}
.deck-builder .db-library-card .card-stats>.icon{width:12px;height:12px}
.deck-builder .db-library-card .card-effect-tags{display:none}
.deck-builder .db-library-copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px;color:#99bba5;font:500 10px/1.3 'Barlow',sans-serif;margin:8px 0 0}
.deck-builder .db-library-copy strong{color:#d1eca8}
.deck-builder .db-library-card.at-limit .db-library-copy>span:first-child{color:#efd79b}
.deck-builder .db-library-card .db-effect-tags{min-height:17px;margin:7px 0 5px}
.deck-builder .db-library-effect{font:500 11px/1.45 'Barlow',sans-serif;margin:0 0 7px;color:#c1d9c7;min-height:32px;overflow-wrap:anywhere}
.deck-builder .db-library-info{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;width:100%;padding:7px 3px;border:1px solid #3c725a;border-radius:4px;color:#a0e9ce;background:#102c21;font:700 13px/1 'Barlow Condensed',sans-serif}
.deck-builder .db-library-info .icon{width:13px;height:13px}
.deck-builder .db-library-card.selected .db-library-info{border-color:#c4ff36;color:#e4ffbc}
.deck-builder .db-no-results{grid-column:1/-1;text-align:center;padding:26px 10px;color:#a2c3aa}
.deck-builder .db-no-results h3{font:700 25px/1.1 'Barlow Condensed',sans-serif;margin:0 0 8px}
.deck-builder .db-no-results p{font-size:12px;margin-bottom:14px}
.deck-builder .db-savebar{display:flex;align-items:center;justify-content:flex-end;gap:10px;position:sticky;bottom:12px;z-index:8;border:1px solid #6f9142;border-radius:8px;background:#102013f5;box-shadow:0 -3px 20px #030905aa;margin-top:18px;padding:12px 14px;backdrop-filter:blur(12px)}
.deck-builder .db-save-status{display:flex;align-items:center;gap:10px;margin-right:auto;min-width:0;color:#9bbb9d;font:500 12px/1.2 'Barlow',sans-serif}
.deck-builder .db-save-status>strong{color:#d2fa8e;font:800 26px/1 'Barlow Condensed',sans-serif;white-space:nowrap}
.deck-builder .db-savebar>.btn{font-size:19px;padding:12px 23px;min-height:44px}
.deck-builder .db-savebar>.btn>.icon{width:17px;height:17px;flex:none}
.deck-builder button:focus-visible,.deck-builder select:focus-visible{outline:2px solid #c4ff36;outline-offset:3px}
.deck-builder button:disabled{opacity:.43;cursor:default;box-shadow:none}
@media(min-width:1450px){.deck-builder .db-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-builder .db-workspace{grid-template-columns:230px minmax(410px,1fr) minmax(425px,1.05fr)}.deck-builder .db-library-card .card-label h3{font-size:18px}}
@media(max-width:1180px) and (min-width:761px){.deck-builder .db-workspace{grid-template-columns:minmax(340px,1fr) minmax(330px,1fr)}.deck-builder .db-inspector{grid-column:1;grid-row:2;position:static;display:grid;grid-template-columns:130px minmax(0,1fr);gap:6px 14px}.deck-builder .db-inspector-face{width:130px;grid-column:1;grid-row:1/7;margin:0}.deck-builder .db-inspector-heading,.deck-builder .db-inspector>.db-effect-tags,.deck-builder .db-inspector-effect,.deck-builder .db-inspector-count,.deck-builder .db-inspector>.btn,.deck-builder .db-inspector-reason{grid-column:2}.deck-builder .db-inspector-effect{font-size:13px;margin:4px 0 6px}.deck-builder .db-inspector-count{margin:0;padding:7px 0}.deck-builder .db-inspector-reason{margin:3px 0}.deck-builder .db-board{grid-column:1;grid-row:1;position:static}.deck-builder .db-library{grid-column:2;grid-row:1/3}.deck-builder .db-inspector-empty{grid-column:1/-1;padding:18px}.deck-builder .db-inspector-empty>p{max-width:300px;margin:auto}}
@media(max-width:900px) and (min-width:761px){body[data-screen="decks"] .main-content{padding-left:16px;padding-right:16px}.deck-builder .db-workspace{grid-template-columns:minmax(320px,1fr) minmax(310px,1fr);gap:10px}.deck-builder .db-board,.deck-builder .db-library{padding:12px}.deck-builder .db-slots{gap:7px}.deck-builder .db-slot-name{font-size:11px}.deck-builder .db-library-grid{gap:18px 10px}}
@media(max-width:760px){
 body[data-screen="decks"] .main-content{padding-top:17px;padding-bottom:97px}
 .deck-builder .db-heading{margin-bottom:13px;gap:8px}.deck-builder .db-heading h1{font-size:33px}.deck-builder .db-heading p{font-size:11px}.deck-builder .db-heading .eyebrow{font-size:8px;letter-spacing:1px}.deck-builder .db-equipped-label{font-size:10px;max-width:76px;line-height:1.3}.deck-builder .db-equipped-label>.icon{display:none}
 .deck-builder .db-deck-picker{gap:6px;margin-bottom:12px}.deck-builder .db-deck-picker>button{font-size:15px;padding:9px 11px;min-height:39px}.deck-builder .db-deck-picker>.db-new-deck{font-size:13px}.deck-builder .db-deck-picker>button>.icon{width:13px;height:13px}
 .deck-builder .db-mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;border:1px solid #416549;border-radius:6px;padding:4px;background:#08170d;margin-bottom:11px}
 .deck-builder .db-mobile-tabs>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;font:700 17px/1 'Barlow Condensed',sans-serif;border-radius:3px;color:#89b496}.deck-builder .db-mobile-tabs>button.active{background:#c4ff36;color:#243708}.deck-builder .db-mobile-tabs>button>.icon{width:16px;height:16px}.deck-builder .db-mobile-tabs b{font:700 11px/1 'Barlow',sans-serif}
 .deck-builder .db-workspace{display:block}.deck-builder .db-inspector{display:none}.deck-builder .db-board{position:static;padding:13px 10px}.deck-builder .db-library{padding:13px 11px}
 .deck-builder[data-deck-tab="deck"] .db-library{display:none}.deck-builder[data-deck-tab="library"] .db-board{display:none}
 .deck-builder .db-name-label{margin-bottom:12px}.deck-builder .db-name-label .text-input{font-size:20px;height:39px}.deck-builder .db-board-count{gap:7px;margin-bottom:14px;font-size:10px}.deck-builder .db-board-count>strong{font-size:23px}.deck-builder .db-board-count>strong>span{font-size:10px}.deck-builder .db-board-count .icon{width:11px;height:11px}
 .deck-builder .db-slots{gap:11px 7px}.deck-builder .db-slot-cost{width:17px;height:21px;font-size:15px;top:2px;left:2px}.deck-builder .db-slot-name{font-size:11px;bottom:18px;left:3px;right:2px}.deck-builder .db-slot-stats{font-size:9px;bottom:3px;left:3px;right:3px;min-height:12px;padding-top:2px}.deck-builder .db-slot-stats .icon{width:9px;height:9px}.deck-builder .db-slot-remove{width:32px;height:32px;right:-5px;top:-6px}.deck-builder .db-slot-remove .icon{width:15px;height:15px}
 .deck-builder .db-board-help{font-size:9px;margin:13px 0 10px;gap:4px}.deck-builder .db-board-help .icon{width:11px;height:11px}.deck-builder .db-curve{margin-top:9px;height:64px;padding-top:6px}.deck-builder .db-curve>div{height:54px}.deck-builder .db-validity{font-size:11px;margin-top:12px}.deck-builder .db-starter{font-size:11px}
 .deck-builder .db-library-heading h2{font-size:27px}.deck-builder .db-library-heading p{font-size:11px}.deck-builder .db-search{height:44px}.deck-builder .db-search>input{font-size:13px}.deck-builder .db-type-filters>button{font-size:16px;min-height:36px}.deck-builder select{font-size:12px;height:37px;padding:9px 7px}.deck-builder .db-filter-field>span{font-size:10px}.deck-builder .db-more-filters>summary{font-size:12px;min-height:32px}
 .deck-builder .db-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.deck-builder .db-library-card .card-label h3{font-size:20px}.deck-builder .db-library-card .card-stats{font-size:11px}.deck-builder .db-library-card .card-cost{width:28px;height:32px;font-size:20px}.deck-builder .db-library-card .card-rarity{font-size:9px}.deck-builder .db-library-copy{font-size:11px}.deck-builder .db-effect-tag{font-size:10px;padding:3px 5px}.deck-builder .db-library-effect{font-size:12px;line-height:1.4;min-height:34px}.deck-builder .db-library-info{min-height:39px;font-size:15px}
 .deck-builder .db-savebar{bottom:calc(74px + env(safe-area-inset-bottom));gap:7px;padding:9px 8px;margin-top:12px;border-radius:6px}.deck-builder .db-save-status{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:9px;max-width:89px}.deck-builder .db-save-status>strong{font-size:23px}.deck-builder .db-savebar>.btn{font-size:16px;padding:12px 10px;gap:4px;min-height:43px;flex:1}.deck-builder .db-savebar>.btn>.icon{width:15px;height:15px}
}
@media(max-width:360px){.deck-builder .db-heading h1{font-size:31px}.deck-builder .db-heading p{font-size:10px}.deck-builder .db-board{padding:12px 8px}.deck-builder .db-slots{gap:10px 6px}.deck-builder .db-slot-name{font-size:10px;bottom:17px}.deck-builder .db-slot-remove{width:30px;height:30px}.deck-builder .db-slot-cost{width:16px;height:19px;font-size:14px}.deck-builder .db-board-count{gap:6px}.deck-builder .db-board-count>span{font-size:9px}.deck-builder .db-board-count>strong{font-size:22px}.deck-builder .db-library{padding:12px 9px}.deck-builder .db-library-grid{gap:17px 12px}.deck-builder .db-savebar>.btn{font-size:15px;padding:12px 8px}.deck-builder .db-savebar>.btn>.icon{display:none}.deck-builder .db-save-status{max-width:76px}}

@media(min-width:761px){
 /* The editor is an overview: all twenty copies fit beside a scrollable Book. */
 body[data-screen="decks"] .topbar{height:62px}
 body[data-screen="decks"] .topbar .gi-wordmark{height:45px;width:146px}
 body[data-screen="decks"] .sidebar.game-nav{padding-top:6px;padding-bottom:6px}
 body[data-screen="decks"] .main-content{padding-top:14px;padding-bottom:18px}
 .deck-builder{--db-slot-width:clamp(48px,calc((100dvh - 440px)/6),76px)}
 .deck-builder .db-heading{margin-bottom:10px;min-height:45px}
 .deck-builder .db-heading>div{display:grid;grid-template-columns:auto auto;gap:0 14px;align-items:end}
 .deck-builder .db-heading h1{font-size:31px;margin:0;grid-column:1;grid-row:2}
 .deck-builder .db-heading .eyebrow{font-size:8px;grid-column:1;grid-row:1;line-height:1.2;margin-bottom:3px}
 .deck-builder .db-heading p{font-size:11px;grid-column:2;grid-row:2;padding-bottom:3px}
 .deck-builder .db-deck-picker{margin-bottom:10px;padding-bottom:2px}
 .deck-builder .db-deck-picker>button{min-height:35px;padding:8px 12px;font-size:16px}
 .deck-builder .db-workspace{gap:13px}
 .deck-builder .db-board{padding:12px}
 .deck-builder .db-name-label{display:flex;align-items:center;gap:9px;margin-bottom:8px}
 .deck-builder .db-name-label>span{font-size:9px;margin:0;max-width:56px;line-height:1.3;flex:none}
 .deck-builder .db-name-label .text-input{height:32px;font-size:18px;padding:6px 9px;width:100%;min-width:0}
 .deck-builder .db-board-count{margin-bottom:9px;font-size:10px;gap:9px}
 .deck-builder .db-board-count>strong{font-size:21px}
 .deck-builder .db-board-count>strong>span{font-size:10px}
 .deck-builder .db-board-count .icon{width:11px;height:11px}
 .deck-builder .db-slots{grid-template-columns:repeat(5,minmax(0,var(--db-slot-width)));justify-content:center;gap:8px}
 .deck-builder .db-slot-name{font-size:10px;bottom:18px;left:4px;right:3px;-webkit-line-clamp:2}
 .deck-builder .db-slot-stats{font-size:9px;bottom:3px;min-height:12px;padding-top:2px;left:4px;right:3px}
 .deck-builder .db-slot-stats .icon{width:9px;height:9px}
 .deck-builder .db-slot-cost{width:17px;height:20px;font-size:15px;top:2px;left:2px}
 .deck-builder .db-slot-remove{width:23px;height:23px;right:-4px;top:-4px}
 .deck-builder .db-slot-remove .icon{width:13px;height:13px}
 .deck-builder .db-board-help{margin:9px 0 6px;font-size:9px}
 .deck-builder .db-curve{height:48px;margin-top:6px;padding-top:6px;grid-template-columns:42px repeat(6,minmax(0,1fr));gap:5px}
 .deck-builder .db-curve-title{font-size:8px}
 .deck-builder .db-curve>div{height:39px;gap:2px}
 .deck-builder .db-curve>div>span{max-height:20px}
 .deck-builder .db-curve>div>b,.deck-builder .db-curve>div>small{font-size:9px}
 .deck-builder .db-validity{font-size:11px;line-height:1.4;margin:9px 0 4px}
 .deck-builder .db-validity>.icon{width:13px;height:13px;margin-top:1px}
 .deck-builder .db-starter{font-size:10px;padding:4px 0}
 .deck-builder .db-inspector{padding:13px 12px;max-height:calc(100dvh - 295px);overflow:auto;scrollbar-width:thin;scrollbar-color:#456843 #102417}
 .deck-builder .db-inspector-face{width:clamp(126px,calc((100dvh - 420px)/2.8),162px);margin-bottom:10px}
 .deck-builder .db-inspector-effect{font-size:13px;line-height:1.45;margin:8px 0 10px}
 .deck-builder .db-inspector-heading h2{font-size:23px}
 .deck-builder .db-inspector-count{padding-top:8px;margin-bottom:9px}
 .deck-builder .db-inspector>.btn{font-size:16px;padding:10px 6px;min-height:36px}
 .deck-builder .db-library{padding:12px;max-height:calc(100dvh - 295px);overflow:auto;scrollbar-width:thin;scrollbar-color:#456843 #102417;overscroll-behavior:contain}
 .deck-builder .db-library-heading h2{font-size:25px}
 .deck-builder .db-library-heading p{font-size:10px;margin-bottom:9px}
 .deck-builder .db-search{height:35px;margin-bottom:6px}
 .deck-builder .db-search>input{font-size:11px;padding:7px 0}
 .deck-builder .db-type-filters{margin:6px 0 8px}.deck-builder .db-type-filters>button{min-height:29px;padding:6px 4px;font-size:13px}
 .deck-builder .db-primary-filters{gap:7px}.deck-builder .db-filter-field>span{font-size:9px;margin-bottom:4px}
 .deck-builder select{height:30px;padding:6px 4px;font-size:10px}
 .deck-builder .db-more-filters{margin-top:5px}.deck-builder .db-more-filters>summary{min-height:25px;font-size:10px}
 .deck-builder .db-results-bar{margin:5px 0 11px;padding-top:6px}.deck-builder .db-results-bar select{height:26px}
 .deck-builder .db-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 11px}
 .deck-builder .db-library-card .card-label h3{font-size:16px}
 .deck-builder .db-library-card .card-stats{font-size:10px}
 .deck-builder .db-library-card .card-cost{width:23px;height:27px;font-size:17px}
 .deck-builder .db-library-card .card-rarity{font-size:8px}
 .deck-builder .db-library-card .card-type{font-size:7px}
 .deck-builder .db-library-copy{font-size:9px;gap:2px;margin-top:6px}
 .deck-builder .db-library-effect{font-size:10px;min-height:29px}
 .deck-builder .db-effect-tag{font-size:9px;padding:3px 4px}
 .deck-builder .db-library-info{font-size:12px;min-height:30px}
 .deck-builder .db-savebar{padding:9px 12px;margin-top:12px;bottom:8px}
 .deck-builder .db-savebar>.btn{font-size:17px;padding:10px 18px;min-height:39px}
 .deck-builder .db-save-status>strong{font-size:24px}
}
.deck-builder .db-slot.empty,.deck-builder .db-tray-cards>li.empty{padding:0;min-height:0;min-width:0}
@media(max-width:1180px) and (min-width:761px){
 .deck-builder .db-heading p{max-width:210px}
 .deck-builder .db-workspace{grid-template-columns:minmax(320px,1fr) minmax(310px,1fr)}
 .deck-builder .db-inspector{max-height:none;overflow:visible;padding:12px;grid-template-columns:110px minmax(0,1fr)}
 .deck-builder .db-inspector-face{width:110px;margin:0}
 .deck-builder .db-library{grid-row:1/3;max-height:calc(100dvh - 250px)}
 .deck-builder .db-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .deck-builder .db-library-card .card-label h3{font-size:18px}
}
@media(max-width:760px){
 /* Keep account access while using the same compact working header as the duel. */
 body[data-screen="decks"] .topbar{display:flex;align-items:center;justify-content:space-between;min-height:57px;height:57px;padding:6px 13px;gap:8px}
 body[data-screen="decks"] .topbar>.brand{flex:none}
 body[data-screen="decks"] .topbar .gi-wordmark{width:99px;height:39px}
 body[data-screen="decks"] .topbar>.resources{margin-left:auto;gap:4px;flex:none}
 body[data-screen="decks"] .topbar .resource{font-size:11px;padding:5px;gap:3px}
 body[data-screen="decks"] .topbar .resource>.icon{width:13px;height:13px}
 body[data-screen="decks"] .topbar .icon-btn{width:26px;height:28px}
 body[data-screen="decks"] .topbar>.header-account{grid-column:auto;border:0;padding:0;gap:0;flex:none;justify-content:flex-end;max-width:85px}
 body[data-screen="decks"] .header-account>.account-header-signup{display:none}
 body[data-screen="decks"] .header-account>.account-header-login{min-height:31px;padding:5px 7px;font-size:12px;letter-spacing:.3px}
 body[data-screen="decks"] .header-account>.account-user-link{min-height:31px;padding:4px 6px;font-size:12px;max-width:85px;gap:4px}
 body[data-screen="decks"] .account-user-link>span{display:block;min-width:0}
 body[data-screen="decks"] .account-user-link small{display:none}
 body[data-screen="decks"] .account-user-link strong{display:block;max-width:46px;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
 body[data-screen="decks"] .account-user-link>.icon{width:14px;height:14px}
 body[data-screen="decks"] .account-user-link>.icon:last-child{display:none}
 body[data-screen="decks"] .oz-mobile-podcast{display:none}
 body[data-screen="decks"] .main-content{padding-top:11px;padding-bottom:88px}
 .deck-builder .db-heading{margin-bottom:9px;gap:7px}
 .deck-builder .db-heading .eyebrow{display:none}
 .deck-builder .db-heading h1{font-size:28px;margin:0 0 3px}
 .deck-builder .db-heading p{font-size:10px;line-height:1.3}
 .deck-builder .db-deck-picker{margin-bottom:8px;padding-bottom:2px}
 .deck-builder .db-deck-picker>button{min-height:34px;font-size:14px;padding:7px 9px}
 .deck-builder .db-deck-picker>.db-new-deck{font-size:12px}
 .deck-builder .db-mobile-tabs{padding:3px;margin-bottom:9px}
 .deck-builder .db-mobile-tabs>button{min-height:35px;font-size:16px}
 .deck-builder .db-board{padding-top:10px;padding-bottom:11px}
 .deck-builder .db-name-label{display:flex;align-items:center;gap:7px;margin-bottom:9px}
 .deck-builder .db-name-label>span{margin:0;font-size:8px;line-height:1.3;max-width:44px;flex:none}
 .deck-builder .db-name-label .text-input{height:33px;min-width:0;width:100%;font-size:18px;padding:7px 9px}
 .deck-builder .db-board-count{margin-bottom:11px}
 .deck-builder .db-library-heading h2{display:none}
 .deck-builder .db-library-heading p{margin:0 0 8px;font-size:10px;line-height:1.4}
 .deck-builder .db-library{padding-top:10px}
 .deck-builder .db-search{height:38px;margin-bottom:6px}
 .deck-builder .db-search>input{font-size:12px;padding:8px 0}
 .deck-builder .db-type-filters{margin:6px 0 8px;padding:3px}
 .deck-builder .db-type-filters>button{min-height:30px;font-size:15px;padding:6px 4px}
 .deck-builder select{height:33px;padding:7px 5px;font-size:11px}
 .deck-builder .db-filter-field>span{font-size:9px;margin-bottom:4px}
 .deck-builder .db-more-filters{margin-top:5px}
 .deck-builder .db-more-filters>summary{min-height:25px;font-size:11px}
 .deck-builder .db-results-bar{margin:5px 0 10px;padding-top:5px;font-size:10px}
 .deck-builder .db-results-bar select{height:26px;font-size:10px}
}
@media(max-width:360px){body[data-screen="decks"] .topbar{padding-left:10px;padding-right:10px;gap:6px}body[data-screen="decks"] .topbar .gi-wordmark{width:86px}body[data-screen="decks"] .topbar .resource{font-size:10px}body[data-screen="decks"] .topbar>.header-account{max-width:76px}.deck-builder .db-heading h1{font-size:26px}}

/* v17: the page stays still; the Book and inspector own their scroll areas. */
body[data-screen="decks"]{height:var(--db-viewport-height,100dvh);overflow:hidden}
body[data-screen="decks"] .main-content{height:calc(var(--db-viewport-height,100dvh) - var(--db-main-top,132px) - var(--db-bottom-nav,0px));max-width:none;padding:10px 22px;box-sizing:border-box;overflow:hidden}
.deck-builder{height:100%;min-height:0;display:flex;flex-direction:column;gap:9px;--db-slot-width:clamp(38px,calc((var(--db-viewport-height,100dvh) - var(--db-main-top,132px) - 340px)/6),76px)}
.deck-builder .db-heading{margin:0;min-height:0;flex:none}
.deck-builder .db-heading .eyebrow{display:none}
.deck-builder .db-heading>div{display:flex;align-items:center;gap:12px}
.deck-builder .db-heading h1{font-size:25px;margin:0;grid-column:auto;grid-row:auto}
.deck-builder .db-heading p{font-size:10px;margin:0;padding:0;max-width:none}
.deck-builder .db-equipped-label{font-size:10px}
.deck-builder .db-deck-picker{margin:0;padding:0;min-height:32px;flex:none;overflow-x:auto;scrollbar-width:none}
.deck-builder .db-deck-picker>button{padding:7px 10px;min-height:32px;font-size:14px}
.deck-builder .db-workspace{flex:1;min-height:0;grid-template-columns:minmax(150px,220px) minmax(300px,1fr) minmax(300px,1fr);gap:12px;align-items:stretch;overflow:hidden}
.deck-builder .db-surface{height:100%;min-height:0;max-height:none;border-radius:8px}
.deck-builder .db-inspector{grid-column:1;grid-row:1;position:static;display:block;overflow:auto;scrollbar-width:thin;padding:12px}
.deck-builder .db-inspector-face{width:clamp(116px,calc((var(--db-viewport-height,100dvh) - 390px)/3),160px);margin:0 auto 10px}
.deck-builder .db-inspector-heading h2{font-size:22px}
.deck-builder .db-inspector>.btn{min-height:34px;font-size:15px}
.deck-builder .db-inspector-effect{font-size:13px}
.deck-builder .db-board{grid-column:2;grid-row:1;position:static;overflow:auto;scrollbar-width:thin;padding:11px}
.deck-builder .db-slots{grid-template-columns:repeat(5,minmax(0,var(--db-slot-width)));justify-content:center;gap:7px}
.deck-builder .db-board-count{margin-bottom:10px}
.deck-builder .db-name-label{margin-bottom:7px}
.deck-builder .db-deck-tools{margin-top:6px;border-top:1px solid #304e37;padding-top:5px}
.deck-builder .db-deck-tools>summary{display:flex;align-items:center;justify-content:space-between;min-height:25px;font:600 10px/1.2 Barlow,sans-serif;color:#8fc6a5;cursor:pointer;list-style:none}
.deck-builder .db-deck-tools>summary::-webkit-details-marker{display:none}
.deck-builder .db-deck-tools>summary>.icon{width:13px;height:13px;transform:rotate(90deg)}
.deck-builder .db-deck-tools[open]>summary>.icon{transform:rotate(-90deg)}
.deck-builder .db-board-help{margin:7px 0 0;font-size:8px}
.deck-builder .db-validity{font-size:10px;margin:7px 0 0}
.deck-builder .db-library{grid-column:3;grid-row:1;display:flex;flex-direction:column;overflow:hidden;padding:10px;min-height:0}
.deck-builder .db-library-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;margin-bottom:7px}
.deck-builder .db-library-heading>span{font:700 14px/1.1 'Barlow Condensed',sans-serif;color:#d4eac8}
.deck-builder .db-library-heading>p{font:500 9px/1.2 Barlow,sans-serif;color:#82ac92;margin:0}
.deck-builder .db-filters{flex:none;margin:0}
.deck-builder .db-search{height:32px;margin-bottom:5px}
.deck-builder .db-search>input{font-size:11px;padding:7px 0}
.deck-builder .db-type-filters{margin:5px 0 6px;padding:2px}
.deck-builder .db-type-filters>button{font-size:12px;min-height:26px;padding:5px 4px}
.deck-builder .db-primary-filters,.deck-builder .db-secondary-filters{grid-template-columns:1fr 1fr;gap:6px}
.deck-builder .db-secondary-filters>.db-filter-field:first-child{grid-column:auto}
.deck-builder .db-filter-field>span{font-size:8px;margin-bottom:3px}
.deck-builder select{height:28px;font-size:10px;padding:5px}
.deck-builder .db-more-filters{margin-top:3px}
.deck-builder .db-more-filters>summary{min-height:22px;font-size:9px}
.deck-builder .db-results-bar{padding:4px 0 0;margin:3px 0 7px;font-size:9px;min-height:23px}
.deck-builder .db-results-bar select{height:24px;font-size:9px}
.deck-builder .db-library-grid{flex:1;min-height:0;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#497349 #0c2214;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 9px;padding:2px 4px 8px 2px}
.deck-builder .db-library-card{position:relative;min-width:0;align-self:start;padding:0 0 16px}
.deck-builder .db-library-card>.game-card{padding:2px;border-radius:6px;box-shadow:0 3px 0 #010a05,0 4px 10px #0005}
.deck-builder .db-library-card .card-inner{border-radius:3px}
.deck-builder .db-library-card .card-label h3{font-size:12px;line-height:1.04}
.deck-builder .db-library-card .card-type{font-size:6px;line-height:1.1}
.deck-builder .db-library-card .card-cost{width:20px;height:23px;font-size:15px;border-radius:4px}
.deck-builder .db-library-card .card-rarity{font-size:7px;padding:2px 3px}
.deck-builder .db-library-card .card-stats{font-size:8px;padding:4px 3px}
.deck-builder .db-library-card .card-stats>.icon,.deck-builder .db-library-card .card-stats .icon{width:9px;height:9px}
.deck-builder .db-library-card .card-stats>span:last-child{font-size:6px}
.deck-builder .db-library-copy{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:3px;color:#73977b;font:500 9px/1 Barlow,sans-serif;margin:0;height:12px;align-items:center}
.deck-builder .db-library-copy>strong{color:#cae5b5;font-weight:600}
.deck-builder .db-library-card.at-limit .db-library-copy>strong{color:#d2b47b}
.deck-builder .db-library-card.selected>.game-card{outline:2px solid #c4ff36;outline-offset:2px}
.deck-builder .db-library-card .game-card:hover{transform:none;box-shadow:0 0 10px #8ddd4a66}
.deck-builder .db-library-card .db-effect-tags,.deck-builder .db-library-effect,.deck-builder .db-library-info{display:none}
.deck-builder .db-savebar{position:static;bottom:auto;margin:0;padding:7px 10px;gap:8px;flex:none;box-shadow:none;backdrop-filter:none;border-radius:6px}
.deck-builder .db-savebar>.btn{font-size:16px;min-height:35px;padding:8px 18px}
.deck-builder .db-save-status{font-size:10px}
.deck-builder .db-save-status>strong{font-size:22px}
.deck-builder .db-mobile-tray{display:none}
.deck-builder [data-deck-dropzone].db-drop-active{border-color:#c4ff36;box-shadow:inset 0 0 0 2px #c4ff3680;background:#234724}
@media(min-width:1250px){.deck-builder .db-library-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1050px) and (min-width:761px){
 body[data-screen="decks"] .main-content{padding:8px 13px}
 .deck-builder .db-workspace{grid-template-columns:minmax(140px,.7fr) minmax(245px,1fr) minmax(240px,1.2fr);gap:8px}
 .deck-builder .db-inspector,.deck-builder .db-board,.deck-builder .db-library{padding:8px}
 .deck-builder .db-inspector-face{width:112px}
 .deck-builder .db-library-grid{gap:9px 6px}
 .deck-builder .db-library-card .card-label h3{font-size:10px}
 .deck-builder .db-library-card .card-stats{font-size:7px}
 .deck-builder .db-library-card .card-type{display:none}
 .deck-builder .db-slot-name{font-size:9px}
}
@media(max-width:760px){
 body[data-screen="decks"] .main-content{height:calc(var(--db-viewport-height,100dvh) - var(--db-main-top,57px) - var(--db-bottom-nav,63px));padding:7px 10px 6px}
 .deck-builder{gap:6px}
 .deck-builder .db-heading>div{display:block}
 .deck-builder .db-heading h1{font-size:23px;line-height:1;margin:0}
 .deck-builder .db-heading p{display:none}
 .deck-builder .db-equipped-label{font-size:9px;max-width:none;line-height:1}
 .deck-builder .db-deck-picker{min-height:29px;gap:5px}
 .deck-builder .db-deck-picker>button{min-height:29px;padding:6px 8px;font-size:13px}
 .deck-builder .db-deck-picker>.db-new-deck{font-size:11px}
 .deck-builder .db-mobile-tabs{margin:0;padding:2px;flex:none}
 .deck-builder .db-mobile-tabs>button{min-height:30px;font-size:14px}
 .deck-builder .db-mobile-tabs>button>.icon{width:13px;height:13px}
 .deck-builder .db-mobile-tabs b{font-size:10px}
 .deck-builder .db-workspace{display:block;overflow:hidden;min-height:0}
 .deck-builder .db-inspector{display:none}
 .deck-builder .db-board{padding:10px;overflow-y:auto}
 .deck-builder .db-name-label{margin-bottom:7px}
 .deck-builder .db-name-label .text-input{height:31px;font-size:17px}
 .deck-builder .db-name-label>span{font-size:8px;max-width:44px}
 .deck-builder .db-board-count{margin-bottom:9px;font-size:9px}
 .deck-builder .db-board-count>strong{font-size:21px}
 .deck-builder .db-board-count>strong>span{font-size:9px}
 .deck-builder .db-slots{--db-mobile-slot-width:clamp(36px,calc((var(--db-viewport-height,100dvh) - var(--db-main-top,57px) - var(--db-bottom-nav,63px) - 330px)/6),58px);grid-template-columns:repeat(5,minmax(0,var(--db-mobile-slot-width)));justify-content:center;gap:9px 6px}
 .deck-builder .db-slot-cost{width:17px;height:21px;font-size:15px}
 .deck-builder .db-slot-name{font-size:10px;bottom:18px;-webkit-line-clamp:2}
 .deck-builder .db-slot-remove{width:26px;height:26px;top:-4px;right:-4px}
 .deck-builder .db-slot-remove>.icon{width:13px;height:13px}
 .deck-builder .db-library{padding:7px;display:flex;overflow:hidden}
 .deck-builder .db-library-heading{display:none}
 .deck-builder .db-search{height:31px;margin-bottom:4px;padding:0 7px}
 .deck-builder .db-search>input{font-size:11px;padding:6px 0}
 .deck-builder .db-type-filters{margin:4px 0 5px;padding:2px}
 .deck-builder .db-type-filters>button{min-height:25px;font-size:12px;padding:5px}
 .deck-builder .db-filter-field>span{font-size:8px;margin-bottom:2px}
 .deck-builder select{height:29px;font-size:10px;padding:6px 4px}
 .deck-builder .db-more-filters>summary{font-size:9px;min-height:21px}
 .deck-builder .db-results-bar{margin:2px 0 5px;font-size:8px;padding-top:3px;min-height:22px}
 .deck-builder .db-results-bar select{height:21px;font-size:8px}
 .deck-builder .db-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;padding:2px 2px 7px;overflow-y:auto}
 .deck-builder .db-library-card .card-label h3{font-size:13px}
 .deck-builder .db-library-card .card-type{font-size:6px}
 .deck-builder .db-library-card .card-cost{width:21px;height:24px;font-size:16px}
 .deck-builder .db-library-card .card-rarity{font-size:7px}
 .deck-builder .db-library-card .card-stats{font-size:9px}
 .deck-builder .db-library-copy{font-size:9px}
 .deck-builder .db-savebar{padding:7px 8px;gap:6px;bottom:auto;position:static;margin:0}
 .deck-builder .db-savebar>.btn{font-size:14px;min-height:34px;padding:8px 9px}
 .deck-builder .db-save-status{font-size:8px;max-width:85px;gap:2px}
 .deck-builder .db-save-status>strong{font-size:20px}
 .deck-builder .db-savebar>.btn>.icon{width:12px;height:12px}
 .deck-builder .db-mobile-tray{display:none;flex:none;border:1px dashed #668e46;border-radius:6px;background:#11281a;padding:5px 7px;min-height:0;overflow:hidden}
 .deck-builder[data-deck-tab="library"] .db-mobile-tray{display:block}
 .deck-builder[data-deck-tab="deck"] .db-library{display:none}
 .deck-builder[data-deck-tab="library"] .db-board{display:none}
 .deck-builder .db-tray-label{display:flex;align-items:center;justify-content:space-between;gap:5px;height:18px;margin-bottom:4px}
 .deck-builder .db-tray-label>strong{display:flex;align-items:center;gap:4px;font:700 12px/1 'Barlow Condensed',sans-serif;color:#d8f7a8}
 .deck-builder .db-tray-label>strong>.icon{width:12px;height:12px}
 .deck-builder .db-tray-label>span{font:500 9px/1 Barlow,sans-serif;color:#95bc99}
 .deck-builder .db-tray-label>button{display:flex;align-items:center;gap:3px;font:600 9px/1 Barlow,sans-serif;color:#b5dca4;padding:2px}
 .deck-builder .db-tray-label>button>.icon{width:10px;height:10px}
 .deck-builder .db-tray-cards{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;list-style:none;margin:0;padding:0;overscroll-behavior:contain}
 .deck-builder .db-tray-cards>li{position:relative;width:28px;height:42px;flex:none;border:1px solid #6e9671;border-radius:3px;overflow:hidden;background:#0c1d12}
 .deck-builder .db-tray-cards>li>button{display:block;position:relative;width:100%;height:100%;padding:0}
 .deck-builder .db-tray-cards img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
 .deck-builder .db-tray-cards>li>button>span{position:absolute;top:1px;left:1px;padding:1px 2px;font:700 9px/1 Barlow,sans-serif;background:#201b08e8;color:#f9d477;border-radius:2px}
 .deck-builder .db-tray-cards>li.empty{border-style:dashed;border-color:#426248;display:grid;place-items:center;color:#4d7151;font:500 9px/1 Barlow,sans-serif}
}
@media(max-width:360px){
 body[data-screen="decks"] .main-content{padding-left:8px;padding-right:8px}
 .deck-builder .db-slot-name{font-size:9px}
 .deck-builder .db-library-card .card-label h3{font-size:12px}
 .deck-builder .db-tray-label>span{font-size:8px}
}

/* v18: touch editor — two independent panels, adjusted by a real divider.
   Desktop rules above are unchanged; helper controls are hidden there. */
.deck-builder .db-mobile-divider,.deck-builder .db-filter-mobile-heading,.deck-builder .db-filter-scrim{display:none}
@media(max-width:760px){
 body[data-screen="decks"] .main-content{padding:5px 8px 5px}
 .deck-builder{gap:5px}
 .deck-builder .db-heading h1{font-size:20px}
 .deck-builder .db-equipped-label{font-size:8px}
 .deck-builder .db-deck-picker{min-height:27px;gap:4px}
 .deck-builder .db-deck-picker>button{min-height:27px;padding:5px 8px;font-size:12px}
 .deck-builder .db-deck-picker>.db-new-deck{font-size:10px}
 .deck-builder .db-mobile-tabs,.deck-builder .db-mobile-tray{display:none!important}
 .deck-builder .db-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,var(--db-deck-height,42%)) 38px minmax(0,1fr);gap:0;overflow:hidden}
 .deck-builder .db-inspector{display:none}
 .deck-builder .db-board,.deck-builder[data-deck-tab="library"] .db-board{display:block;grid-column:1;grid-row:1;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:7px 8px;border-radius:7px 7px 0 0;scrollbar-width:thin;scrollbar-color:#497349 #0c2214}
 .deck-builder .db-name-label{display:flex;gap:7px;align-items:center;margin:0 0 5px}
 .deck-builder .db-name-label>span{font-size:7px;max-width:37px}
 .deck-builder .db-name-label .text-input{height:27px;font-size:16px;padding:4px 7px}
 .deck-builder .db-board-count{font-size:8px;margin-bottom:7px;gap:7px}
 .deck-builder .db-board-count>strong{font-size:18px}
 .deck-builder .db-board-count>strong>span{font-size:8px}
 .deck-builder .db-board-count .icon{width:10px;height:10px}
 .deck-builder .db-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px 6px;justify-content:normal;margin:0;padding:2px 3px 4px;min-height:0}
 .deck-builder .db-slot{padding:0;min-height:0;aspect-ratio:2/3}
 .deck-builder .db-slot-cost{width:16px;height:19px;font-size:13px;top:2px;left:2px}
 .deck-builder .db-slot-name{font-size:9px;line-height:1;bottom:17px;-webkit-line-clamp:2;left:3px;right:2px}
 .deck-builder .db-slot-stats{font-size:8px;bottom:2px;left:3px;right:3px}
 .deck-builder .db-slot-remove{width:22px;height:22px;top:-4px;right:-4px}
 .deck-builder .db-slot-remove>.icon{width:12px;height:12px}
 .deck-builder .db-slot.empty>.icon{width:15px;height:15px}
 .deck-builder .db-slot-number{font-size:8px;top:4px;left:4px}
 .deck-builder .db-board-help{display:none}
 .deck-builder .db-deck-tools>summary{font-size:9px;min-height:24px}
 .deck-builder .db-validity{font-size:9px;line-height:1.3}
 .deck-builder .db-mobile-divider{grid-row:2;display:flex;align-items:stretch;background:#1c3627;border:1px solid #5c8255;z-index:3;min-width:0}
 .deck-builder .db-split-grip{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:0 10px;color:#c1ddbc;text-align:left;cursor:row-resize;touch-action:none;user-select:none;font:600 12px/1 'Barlow Condensed',sans-serif}
 .deck-builder .db-split-handle{display:block;flex:none;width:25px;height:7px;border-top:2px solid #92b788;border-bottom:2px solid #92b788;opacity:.8}
 .deck-builder .db-split-grip b{font:600 9px/1 Barlow,sans-serif;color:#84ad85;padding-left:4px}
 .deck-builder .db-split-grip:focus-visible{outline:2px solid #c4ff36;outline-offset:-3px}
 .deck-builder .db-filter-toggle{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 9px;border-left:1px solid #5c8255;background:#14291d;color:#d4edb8;font:700 12px/1 'Barlow Condensed',sans-serif;min-width:76px}
 .deck-builder .db-filter-toggle>.icon{width:13px;height:13px}
 .deck-builder .db-filter-toggle>b{display:grid;place-items:center;min-width:15px;height:15px;color:#183019;background:#c4ff36;border-radius:3px;font:700 9px/1 Barlow,sans-serif}
 .deck-builder .db-library,.deck-builder[data-deck-tab="deck"] .db-library{display:flex;grid-column:1;grid-row:3;height:100%;min-height:0;padding:5px 5px 2px;border-radius:0 0 7px 7px;overflow:hidden}
 .deck-builder .db-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px 5px;padding:2px 1px 8px;overflow-y:auto;overscroll-behavior:contain;min-height:0}
 .deck-builder .db-library-card{padding-bottom:11px}
 .deck-builder .db-library-card>.game-card{padding:2px;border-radius:4px}
 .deck-builder .db-library-card .card-inner{border-radius:2px}
 .deck-builder .db-library-card .card-label{padding:16px 3px 3px;bottom:14px}
 .deck-builder .db-library-card .card-label h3{font-size:9px;line-height:1;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .deck-builder .db-library-card .card-type{display:none}
 .deck-builder .db-library-card .card-cost{width:16px;height:19px;font-size:13px;border-radius:3px;top:3px;left:3px}
 .deck-builder .db-library-card .card-rarity{font-size:6px;padding:1px 2px;top:3px;right:3px}
 .deck-builder .db-library-card .card-stats{font-size:7px;padding:3px 2px;gap:2px;min-height:14px}
 .deck-builder .db-library-card .card-stats .icon{width:8px;height:8px}
 .deck-builder .db-library-card .card-stats>span:last-child{display:none}
 .deck-builder .db-library-card .card-stats>span:has(.icon){display:flex}
 .deck-builder .db-library-card .spell .card-stats>span:first-child{display:none}
 .deck-builder .db-library-card .spell .card-stats>span:last-child{display:block;font-size:6px;color:#8bad8e}
 .deck-builder .db-library-copy{font-size:8px;height:10px}
 .deck-builder .db-filters{display:none;position:absolute;left:8px;right:8px;top:9px;bottom:auto;max-height:calc(100% - 18px);z-index:9;border:1px solid #71965b;background:#0b1d13;box-shadow:0 7px 28px #000b;border-radius:7px;padding:10px;overflow-y:auto;overscroll-behavior:contain}
 .deck-builder[data-deck-filters="open"] .db-filters{display:block}
 .deck-builder .db-filter-mobile-heading{display:flex;justify-content:space-between;align-items:center;min-height:30px;margin-bottom:9px;color:#d9f2c9;font:700 20px/1 'Barlow Condensed',sans-serif}
 .deck-builder .db-filter-mobile-heading>button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #55784d;border-radius:4px;color:#c8e9b5}
 .deck-builder .db-filter-mobile-heading .icon{width:17px;height:17px}
 .deck-builder[data-deck-filters="open"] .db-filter-scrim{display:block;position:absolute;inset:0;z-index:8;background:#030d09b8;width:100%;height:100%;border:0;border-radius:0}
 .deck-builder .db-filters .db-search{height:36px;margin-bottom:8px}
 .deck-builder .db-filters .db-search>input{font-size:12px}
 .deck-builder .db-filters .db-type-filters>button{min-height:32px;font-size:14px}
 .deck-builder .db-filters .db-primary-filters{margin-top:11px}
 .deck-builder .db-filters .db-filter-field>span{font-size:10px;margin-bottom:5px}
 .deck-builder .db-filters select{height:36px;font-size:11px}
 .deck-builder .db-filters .db-more-filters{margin-top:11px}
 .deck-builder .db-filters .db-more-filters>summary{min-height:32px;font-size:11px}
 .deck-builder .db-filters .db-results-bar{margin:9px 0 0;padding-top:8px;font-size:10px}
 .deck-builder .db-filters .db-results-bar select{height:32px;font-size:10px}
 .deck-builder .db-savebar{padding:5px 7px;gap:5px}
 .deck-builder .db-savebar>.btn{font-size:13px;min-height:32px;padding:7px 9px}
 .deck-builder .db-save-status{font-size:8px;max-width:80px}
 .deck-builder .db-save-status>strong{font-size:18px}
}
@media(min-width:430px) and (max-width:760px){
 .deck-builder .db-slots,.deck-builder .db-library-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}