.etd-db{--gold:#e4bd73;--panel:#111b29;--edge:#3b485c;color:#edf2f9;background:#090e17;padding:12px;border:1px solid #77613c;border-radius:12px;font:inherit;max-width:none!important;width:100%;box-sizing:border-box}.etd-db *{box-sizing:border-box}.etd-db button,.etd-db input,.etd-db select{font:inherit}.etd-db button{cursor:pointer}.etd-db button:focus-visible,.etd-db input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.etd-db-toolbar{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-bottom:12px}.etd-db-name-label{display:grid;gap:3px;flex:1;min-width:180px;font-size:12px;color:#bfc9d7}.etd-db input,.etd-db select{background:#243349;border:1px solid #53627a;color:#fff;border-radius:6px;padding:9px;min-width:0}.etd-db-toolbar button,.etd-db-detail-body button,.etd-db-result button,.etd-db-deck-card button,.etd-db-dialog button{border:1px solid #9e7d48;background:#d7ad60;color:#10151e;border-radius:6px;padding:8px 11px;font-weight:700}.etd-db-toolbar .etd-db-new,.etd-db-toolbar .etd-db-load{background:#223147;color:#f0e2c6}.etd-db-status{color:#d8c391;font-size:12px}.etd-db-columns{display:grid;grid-template-columns:minmax(200px,22%) minmax(0,1fr) minmax(245px,27%);gap:10px;min-height:620px}.etd-db-panel{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:12px;min-width:0;overflow:auto;max-height:75vh}.etd-db h3{font-size:16px;margin:0 0 12px;color:var(--gold)}.etd-db-inspector img{width:100%;max-height:330px;object-fit:contain;background:#090e17;border-radius:7px}.etd-db-detail-body p{color:#c6d0dd;font-size:13px;white-space:pre-wrap}.etd-db-detail-body .etd-db-meta{color:#aab8ca}.etd-db-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.etd-db-workspace{background:#26364d}.etd-db-work-head{display:flex;align-items:center;justify-content:space-between}.etd-db-count{color:#f2d69c;font-size:13px}.etd-db-deck-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));align-content:start;gap:12px;min-height:350px}.etd-db-deck-card{position:relative;background:#131e2d;border:1px solid #607087;border-radius:7px;padding:5px;text-align:center}.etd-db-deck-card img{width:100%;aspect-ratio:5/7;object-fit:contain;cursor:pointer}.etd-db-deck-card strong{display:block;font-size:11px;overflow-wrap:anywhere}.etd-db-deck-card .etd-db-card-qty{position:absolute;top:4px;left:4px;background:#070a10;color:white;border-radius:4px;padding:2px 7px;font-size:12px}.etd-db-deck-card .etd-db-qty-controls{display:flex;justify-content:center;gap:5px;margin-top:5px}.etd-db-deck-card button{padding:3px 10px}.etd-db-spirit{border-top:1px solid #728098;margin-top:15px;padding-top:12px}.etd-db-spirit p{font-size:12px;color:#c1ccdb}.etd-db-query{width:100%;margin-bottom:10px}.etd-db-filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.etd-db-filter-row label{font-size:12px;white-space:nowrap}.etd-db-results{display:grid;gap:7px}.etd-db-result{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px;background:#1d2a3d;border:1px solid #374962;border-radius:7px}.etd-db-result img{width:54px;height:75px;object-fit:contain;cursor:pointer}.etd-db-result strong{font-size:12px;display:block;overflow-wrap:anywhere}.etd-db-result small{font-size:11px;color:#b9c5d5;display:block}.etd-db-result button{padding:5px 8px}.etd-db-tabs{display:none}.etd-db-dialog[hidden]{display:none}.etd-db-dialog{position:fixed;inset:0;background:#000b;z-index:999999;display:grid;place-items:center;padding:15px}.etd-db-dialog-box{background:#111b29;border:1px solid #9e7d48;padding:20px;border-radius:10px;width:min(550px,100%);max-height:85vh;overflow:auto}.etd-db-dialog-head{display:flex;justify-content:space-between;align-items:center}.etd-db-saved-list{display:grid;gap:8px}.etd-db-saved-list button{text-align:left;background:#25364c;color:#fff}.etd-db-empty{color:#b9c5d5;font-size:13px}@media(max-width:850px){.etd-db-columns{display:block;min-height:55vh}.etd-db-panel{display:none;max-height:none;min-height:50vh}.etd-db-panel.etd-db-active{display:block}.etd-db-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.etd-db-tabs button{padding:10px 4px;background:#202f43;color:#e7edf5;border:1px solid #465875;border-radius:6px}.etd-db-tabs button[aria-selected=true]{background:#d7ad60;color:#10151e;font-weight:bold}.etd-db-deck-cards{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}} 

.etd-db-format-label{display:flex;align-items:center;gap:8px;color:#e9d29e;font-size:13px}.etd-db-format{max-width:210px;background:#142335;color:#f5e8cb;border:1px solid #a88b50;border-radius:5px;padding:7px}.etd-db-legality{display:block;font-size:12px;color:#efc87b;line-height:1.5;max-width:100%}

/* v0.2.1: deck view and quantity controls */
.etd-db-work-head{flex-wrap:wrap;gap:8px}.etd-db-view-switch{display:flex;gap:3px;background:#101a29;border:1px solid #6d5b3b;border-radius:7px;padding:3px}.etd-db-view-btn{background:transparent;color:#e9d6b4;border:0;border-radius:5px;padding:5px 9px;font-size:12px}.etd-db-view-btn[aria-pressed=true]{background:#d7ad60;color:#111923;font-weight:700}.etd-db-legality{flex-basis:100%}.etd-db-deck-card{display:block;width:100%;font:inherit;color:#fff;cursor:pointer;background:#131e2d!important;border:1px solid #607087!important;border-radius:7px!important;padding:5px!important;text-align:center!important}.etd-db-deck-card .etd-db-art{display:block;position:relative;padding-bottom:10px}.etd-db-deck-card img{display:block;width:100%;aspect-ratio:5/7;object-fit:contain}.etd-db-deck-card .etd-db-card-qty{position:absolute;top:auto;left:50%;bottom:0;transform:translateX(-50%);display:grid;place-items:center;width:35px;height:35px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#e4bd73;color:#0b1017;font-size:17px;font-weight:900;padding:0;border-radius:0}.etd-db-deck-card strong{font-size:11px;display:block;overflow-wrap:anywhere}.etd-db-detail-actions{justify-content:center;gap:12px;flex-wrap:wrap;margin-top:10px}.etd-db-detail-actions strong{min-width:24px;text-align:center}.etd-db-detail-actions button:disabled{opacity:.38;cursor:not-allowed}.etd-db-restricted{color:#f2a3a3!important}.etd-db-result{grid-template-columns:54px minmax(0,1fr);cursor:pointer}.etd-db-result:focus-visible{outline:2px solid #e4bd73}.etd-db-deck-cards{align-content:start}
/* v0.3.0: wider, fixed-height workspace with compact full-deck overview */
@media(min-width:851px){.etd-db-columns{grid-template-columns:minmax(185px,2fr) minmax(0,6fr) minmax(200px,2fr);gap:7px;height:calc(100dvh - 145px);min-height:520px;max-height:980px}.etd-db-panel{max-height:none;height:100%;min-height:0}.etd-db-inspector{display:flex;flex-direction:column;overflow:hidden}.etd-db-detail-body{overflow:auto;min-height:0;flex:1}.etd-db-advanced{flex:none;position:relative}.etd-db-advanced-body{position:absolute;bottom:100%;left:0;right:0;max-height:min(65vh,540px);overflow:auto;z-index:10;background:#17283e;border:1px solid #b58b4d;border-radius:7px;padding:12px;box-shadow:0 -10px 25px #0009}.etd-db-workspace{display:flex;flex-direction:column;overflow:hidden}.etd-db-deck-cards{flex:1;min-height:0;overflow:hidden}.etd-db-spirit{flex:none;height:23%;min-height:110px;overflow:hidden}}
.etd-db-deck-cards,.etd-db-spirit-cards{display:grid;grid-template-columns:repeat(var(--deck-cols,10),var(--card-width,45px));grid-auto-rows:max-content;justify-content:start;align-content:start;gap:4px}.etd-db-deck-card{padding:0!important;border:0!important;border-radius:3px!important;overflow:visible;line-height:0}.etd-db-deck-card .etd-db-art{padding-bottom:0;line-height:0}.etd-db-deck-card img{width:100%;aspect-ratio:5/7;object-fit:cover;border-radius:3px}.etd-db-deck-card .etd-db-card-qty{width:clamp(15px,2vw,28px);height:clamp(15px,2vw,28px);bottom:0;font-size:clamp(9px,1.1vw,14px);line-height:1}.etd-db-spirit{border-top:1px solid #728098;margin-top:8px;padding-top:6px}.etd-db-spirit-head{display:flex;justify-content:space-between;align-items:center}.etd-db-spirit-head h3{margin:0 0 5px}.etd-db-spirit-count{font-size:12px;color:#f2d69c}.etd-db-spirit-cards{overflow:hidden}.etd-db-advanced-toggle,.etd-db-clear-filters{background:#d7ad60;color:#10151e;border:0;border-radius:6px;padding:8px;width:100%;font-weight:700}.etd-db-advanced-body[hidden]{display:none}.etd-db-advanced-body label{display:grid;gap:4px;font-size:12px;margin-bottom:8px}.etd-db-advanced-body input,.etd-db-advanced-body select{width:100%}.etd-db-element-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.etd-db-element-fields label{font-size:11px}.etd-db-element-fields input{padding:5px}.etd-db-inspector img{max-height:240px}.etd-db-work-head{flex:none}.etd-db-empty{line-height:1.5}
@media(max-width:850px){.etd-db-deck-cards{grid-template-columns:repeat(auto-fit,minmax(38px,1fr));display:grid}.etd-db-spirit-cards{grid-template-columns:repeat(auto-fit,minmax(32px,1fr));display:grid}.etd-db-advanced-body{position:static;background:#17283e;border:1px solid #b58b4d;border-radius:7px;padding:10px;margin-top:6px}.etd-db-inspector{display:flex;flex-direction:column}.etd-db-advanced{margin-top:12px}.etd-db-deck-card .etd-db-card-qty{width:22px;height:22px;font-size:12px}}

/* v0.3.1 — nine-slot Spirit strip above the full-size Main Deck */
@media(min-width:851px){
 .etd-db-workspace{display:flex;flex-direction:column;overflow:hidden}
 .etd-db-work-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:none}
 .etd-db-work-head h3{margin:0 auto 0 0}
 .etd-db-work-head .etd-db-spirit-count{font-size:12px;color:#f2d69c;white-space:nowrap}
 .etd-db-work-head .etd-db-legality{flex-basis:100%;min-height:0}
 .etd-db-spirit{order:1;flex:none;height:auto!important;min-height:0!important;margin:5px 0 10px;padding:0;border:0;overflow:visible}
 .etd-db-deck-cards{order:2;flex:1;min-height:0;overflow:hidden}
}
.etd-db-spirit-cards{display:flex!important;flex-wrap:nowrap;align-items:flex-start;gap:5px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:2px 1px 5px}
.etd-db-spirit-slot{position:relative;flex:0 0 auto;width:clamp(35px,5.1vw,68px);aspect-ratio:5/7;padding:0!important;border:1px solid #52647b!important;border-radius:3px;background:#121a28!important;cursor:pointer;overflow:hidden}
.etd-db-spirit-slot img{display:block;width:100%;height:100%;object-fit:contain;opacity:.65}
.etd-db-spirit-slot:has(.etd-db-spirit-qty:not(:empty)) img{opacity:.8}
.etd-db-spirit-qty{position:absolute;bottom:0;left:50%;transform:translateX(-50%);min-width:25px;padding:2px 5px;background:#05070b;color:#fff;border-radius:3px 3px 0 0;font-size:12px;font-weight:800;line-height:1.2;text-align:center}
.etd-db-spirit-slot:focus-visible{outline:2px solid #e4bd73;outline-offset:2px}
@media(max-width:850px){
 .etd-db-spirit{border:0;margin:4px 0 12px;padding:0;min-height:0}
 .etd-db-work-head .etd-db-spirit-count{color:#f2d69c;font-size:12px}
 .etd-db-spirit-slot{width:45px}
}

/* v0.3.2: user-requested Spirit strip integrated into Main Deck toolbar */
@media (min-width:851px) {
 .etd-db-work-head{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:7px!important;width:100%;min-height:0}
 .etd-db-work-head h3{flex:0 0 auto;margin:0 7px 0 0!important;white-space:nowrap;font-size:15px}
 .etd-db-work-head .etd-db-spirit{order:0!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
 .etd-db-work-head .etd-db-spirit-cards{display:flex!important;flex-wrap:nowrap!important;gap:3px!important;overflow:hidden!important;padding:0!important;align-items:center;max-width:100%}
 .etd-db-work-head .etd-db-spirit-slot{width:clamp(25px,3.1vw,48px)!important;max-width:calc((100% - 21px)/8);height:auto!important;aspect-ratio:5/7;flex:0 1 auto!important;min-width:0!important}
 .etd-db-work-head .etd-db-spirit-slot img{height:100%;width:100%;object-fit:contain}
 .etd-db-work-head .etd-db-count,.etd-db-work-head .etd-db-spirit-count{flex:none;white-space:nowrap;font-size:11px}
 .etd-db-work-head .etd-db-view-switch{flex:none}
 .etd-db-work-head .etd-db-legality:empty{display:none}
 .etd-db-work-head .etd-db-legality:not(:empty){position:absolute;top:100%;left:0;z-index:2;background:#26364d;padding:3px 5px;font-size:11px;max-width:100%}
 .etd-db-work-head{position:relative}
 .etd-db-deck-cards{order:1!important;flex:1 1 auto!important;min-height:0!important;align-content:start!important;margin-top:7px}
}
@media (max-width:850px) {
 .etd-db-work-head .etd-db-spirit{order:0;width:100%;margin:4px 0!important}
 .etd-db-work-head .etd-db-spirit-cards{overflow-x:auto!important}
 .etd-db-work-head .etd-db-legality:empty{display:none}
}

/* v0.3.3: desktop drag/drop and accessible printing gallery */
.etd-db-gallery{display:flex;align-items:center;gap:5px;justify-content:center;background:#090e17;border-radius:7px;min-height:100px}
.etd-db-gallery img{width:calc(100% - 66px);max-width:230px;max-height:240px;object-fit:contain}
.etd-db-gallery:not(:has(.etd-db-gallery-arrow)) img{width:100%}
.etd-db .etd-db-gallery-arrow{flex:0 0 28px;padding:4px 0;background:#26364d;color:#e4bd73;border:1px solid #9e7d48;font-size:24px;line-height:1.3}
.etd-db-gallery-label{text-align:center;font-size:11px!important;margin:4px 0;color:#aab8ca!important}
.etd-db-quantity{padding:9px 5px;border:1px solid #465875;border-radius:7px;background:#192638}
.etd-db-quantity p{margin:4px 0 7px}.etd-db-effect{line-height:1.5}
.etd-db-result[draggable=true],.etd-db-deck-card[draggable=true],.etd-db-spirit-slot[draggable=true]{cursor:grab}
.etd-db-trash{display:none}.etd-db-drop-hover{outline:3px dashed #e4bd73!important;outline-offset:-5px;background-color:#354c65!important}
@media(min-width:851px){.etd-db-drag-from-deck .etd-db-inspector>.etd-db-detail-body,.etd-db-drag-from-deck .etd-db-inspector>.etd-db-advanced,.etd-db-drag-from-deck .etd-db-inspector>h3{display:none!important}.etd-db-drag-from-deck .etd-db-trash{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;border:3px dashed #8f9fb5;border-radius:10px;background:#263143;color:#e4bd73}.etd-db-trash span{font-size:64px}.etd-db-trash strong{font-size:20px}.etd-db-trash small{color:#e1e6ee}.etd-db-dragging .etd-db-deck-cards,.etd-db-dragging .etd-db-spirit-cards{outline:2px dashed #a18b65;outline-offset:-3px}}

/* Keep the entire details panel as the removal target during desktop dragging. */
@media(min-width:851px){.etd-db-drag-from-deck .etd-db-inspector{outline:3px dashed #e4bd73;outline-offset:-3px}.etd-db-drag-from-deck .etd-db-trash{pointer-events:none}}
/* v0.4.0 — mobile deck editor, desktop unchanged */
.etd-db-mobile-tabs,.etd-db-mobile-deck,.etd-db-mobile-sheet-head,.etd-db-mobile-sort,.etd-db-mobile-overlay-head{display:none}
@media(max-width:850px){
 body:has(.etd-db) {overflow:hidden!important;overscroll-behavior:none}
 body:has(.etd-db) footer,body:has(.etd-db) .wp-block-template-part:where(footer),body:has(.etd-db) .wp-site-blocks>footer{display:none!important}
 .etd-db{position:fixed!important;top:var(--etd-mobile-top,80px);bottom:0;left:0;right:0;z-index:1000;overflow:hidden!important;min-height:0!important;margin:0!important;border-radius:0;padding:6px!important;display:flex;flex-direction:column;gap:5px;background:#0b111b}
 .etd-db-toolbar{flex:0 0 auto;display:flex!important;flex-wrap:wrap;gap:4px!important;padding:2px 0!important;max-height:77px;overflow:hidden}
 .etd-db-toolbar label{font-size:10px!important;min-width:0}.etd-db-toolbar .etd-db-name-label{flex:1 1 45%;min-width:105px}.etd-db-toolbar .etd-db-name{width:100%;min-width:0}.etd-db-toolbar .etd-db-format-label{flex:1 1 42%;min-width:100px;gap:3px}.etd-db-toolbar .etd-db-format{width:100%;min-width:0}.etd-db-toolbar input,.etd-db-toolbar select,.etd-db-toolbar button{padding:4px 6px!important;font-size:11px!important;min-height:28px!important}.etd-db-toolbar .etd-db-status{order:10;font-size:10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .etd-db-tabs{display:none!important}.etd-db-mobile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;flex:none}
 .etd-db-mobile-tabs button{font-size:11px!important;padding:9px 2px!important;background:#253449;color:#f0e6d5;border:1px solid #4b5b70;border-radius:5px;white-space:nowrap}
 .etd-db-mobile-tabs button[aria-selected=true]{background:#d7ad60;color:#111923;font-weight:800}
 .etd-db-mobile-deck{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;padding:4px 2px}
 .etd-db-mobile-heading{display:flex;justify-content:space-between;color:#f0d59c;font-size:12px;flex:none;padding:4px}
 .etd-db-mobile-grid{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:min-content;align-content:start;gap:3px}
 .etd-db-mobile-section-title{grid-column:1/-1;font-size:11px;color:#e4bd73;border-bottom:1px solid #566273;padding:3px 0}
 .etd-db-mobile-card{position:relative;display:block;min-width:0;width:100%;padding:0!important;border:1px solid #5a6475!important;border-radius:3px!important;background:#253449!important;aspect-ratio:5/7;overflow:hidden;touch-action:manipulation}
 .etd-db-mobile-card img{width:100%;height:100%;object-fit:cover;display:block}
 .etd-db-mobile-qty{position:absolute;bottom:0;right:0;background:#d7ad60;color:#10151e;padding:1px 3px;font-weight:900;font-size:11px;line-height:1.15}
 .etd-db-columns{display:contents!important}
 .etd-db-workspace{display:none!important}
 .etd-db-mobile-sheet-head{display:flex;position:absolute;bottom:calc(var(--etd-sheet-height,39dvh) - 43px);left:0;right:0;height:43px;z-index:15;background:#1c2a3d;border-top:2px solid #d7ad60;border-radius:12px 12px 0 0;align-items:center;padding:2px 8px;gap:7px}
 .etd-db-mobile-handle{flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:8px;touch-action:none;user-select:none;cursor:ns-resize;font-size:12px;color:#e9d6b4}
 .etd-db-mobile-grip{width:30px;height:5px;border-radius:4px;background:#a6b0c0;flex:none}
 .etd-db-mobile-sheet-head button{font-size:11px!important;padding:5px 8px!important;background:#d7ad60;color:#111923;border-radius:5px;border:0;font-weight:700}
 .etd-db-search.etd-db-panel{display:flex!important;position:absolute;left:0;right:0;bottom:0;height:calc(var(--etd-sheet-height,39dvh) - 43px);min-height:0!important;max-height:none!important;z-index:14;flex-direction:column;overflow:hidden;background:#121e2e;padding:8px!important;border:0;border-radius:0}
 .etd-db-search>h3{display:none}.etd-db-query{flex:none;margin:0 0 4px!important;padding:7px!important;font-size:13px!important}
 .etd-db-filter-row{flex:none;margin:0 0 5px!important;gap:8px}.etd-db-filter-row select{font-size:11px!important;padding:4px!important}
 .etd-db-results{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:5px;padding-bottom:env(safe-area-inset-bottom)}
 .etd-db-result{display:flex!important;flex-direction:column;padding:2px!important;gap:2px;min-width:0;overflow:hidden}.etd-db-result img{width:100%;height:auto;aspect-ratio:5/7;object-fit:cover}.etd-db-result strong{font-size:9px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.etd-db-result small{display:none}
 .etd-db-inspector.etd-db-panel{display:none!important;position:absolute;inset:0;z-index:30;min-height:0!important;max-height:none!important;overflow:hidden;background:#101b2a;padding:10px;flex-direction:column}
 .etd-db-mobile-detail-open .etd-db-inspector.etd-db-panel{display:flex!important}
 .etd-db-inspector>h3{display:none}.etd-db-mobile-overlay-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;color:#e4bd73;flex:none}
 .etd-db-mobile-overlay-head button{background:#d7ad60;color:#111923;padding:7px 14px;border:0;border-radius:5px;font-weight:700}
 .etd-db-detail-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 .etd-db-inspector .etd-db-gallery img{max-height:min(37dvh,270px)}
 .etd-db-advanced{display:none!important}
 .etd-db-mobile-filter-opened .etd-db-advanced{display:flex!important;position:fixed;inset:0;z-index:1100;background:#101b2a;flex-direction:column;padding:12px;overflow:hidden;margin:0!important}
 .etd-db-mobile-filter-opened .etd-db-advanced-body{display:block!important;position:static!important;flex:1;min-height:0;overflow:auto;margin:0;padding:8px!important}
 .etd-db-mobile-filter-opened .etd-db-advanced-toggle{display:none}
 .etd-db-mobile-sort-opened .etd-db-mobile-sort{display:flex!important;position:absolute;inset:0;z-index:1101;background:#101b2a;flex-direction:column;padding:14px;gap:16px}
 .etd-db-mobile-sort label{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #39465b;font-size:15px}
 .etd-db-dialog{z-index:1200}
}

/* v0.4.1 — mobile six-column artwork grids and accessible overlay controls. */
@media (max-width:850px) {
  .etd-db-mobile-grid {
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-rows:max-content!important;
    align-content:start!important;
    gap:3px!important;
  }
  .etd-db-mobile-card {
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    aspect-ratio:5 / 7!important;
    padding:0!important;
    overflow:hidden!important;
    line-height:normal!important;
  }
  .etd-db-mobile-card img {
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:5 / 7!important;
    object-fit:contain!important;
  }
  .etd-db-results {
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-rows:max-content!important;
    align-content:start!important;
    gap:3px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .etd-db-results .etd-db-result {
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    aspect-ratio:5 / 7!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:3px!important;
    line-height:normal!important;
  }
  .etd-db-results .etd-db-result img {
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:5 / 7!important;
    object-fit:contain!important;
  }
  .etd-db-results .etd-db-result > div {display:none!important}
  .etd-db-results > .etd-db-empty {grid-column:1 / -1}
  /* The filter overlay is nested in the inspector; make its ancestor visible. */
  .etd-db-mobile-filter-opened .etd-db-inspector.etd-db-panel {display:flex!important}
  .etd-db-mobile-filter-opened .etd-db-advanced {
    display:flex!important;
    position:fixed!important;
    inset:0!important;
    z-index:1100!important;
    padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))!important;
  }
  .etd-db-mobile-filter-opened .etd-db-advanced .etd-db-mobile-overlay-head,
  .etd-db-mobile-sort-opened .etd-db-mobile-sort .etd-db-mobile-overlay-head {
    display:flex!important;
    flex:0 0 auto!important;
    min-height:48px!important;
    position:relative!important;
    z-index:2!important;
  }
  .etd-db-mobile-filter-opened .etd-db-advanced .etd-db-mobile-filter-close,
  .etd-db-mobile-sort-opened .etd-db-mobile-sort-close {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    min-width:70px!important;
    pointer-events:auto!important;
  }
  .etd-db-mobile-sort-opened .etd-db-mobile-sort {
    display:flex!important;
    padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
  }
}

/* v0.4.2 — independent mobile overlays, bounded by the deck-builder viewport
   (which starts beneath the site's header). No desktop layout changes. */
@media (max-width:850px) {
 .etd-db.etd-db-mobile-filter-opened > .etd-db-advanced,
 .etd-db.etd-db-mobile-sort-opened > .etd-db-mobile-sort {
   position:absolute!important;
   inset:0!important;
   width:100%!important;
   height:100%!important;
   max-height:none!important;
   min-height:0!important;
   margin:0!important;
   padding:10px 12px calc(12px + env(safe-area-inset-bottom))!important;
   background:#101b2a!important;
   overflow:hidden!important;
   display:flex!important;
   flex-direction:column!important;
   gap:8px!important;
   border:0!important;
   border-radius:0!important;
   box-sizing:border-box!important;
 }
 .etd-db.etd-db-mobile-filter-opened > .etd-db-advanced {z-index:1100!important}
 .etd-db.etd-db-mobile-sort-opened > .etd-db-mobile-sort {z-index:1101!important}
 .etd-db.etd-db-mobile-filter-opened > .etd-db-advanced > .etd-db-mobile-overlay-head,
 .etd-db.etd-db-mobile-sort-opened > .etd-db-mobile-sort > .etd-db-mobile-overlay-head {
   display:flex!important;
   flex:0 0 52px!important;
   min-height:52px!important;
   width:100%!important;
   position:relative!important;
   top:auto!important;
   z-index:2!important;
   align-items:center!important;
   justify-content:space-between!important;
   background:#101b2a!important;
   padding:4px 0!important;
 }
 .etd-db.etd-db-mobile-filter-opened > .etd-db-advanced > .etd-db-mobile-overlay-head button,
 .etd-db.etd-db-mobile-sort-opened > .etd-db-mobile-sort > .etd-db-mobile-overlay-head button {
   display:inline-flex!important;
   min-height:42px!important;
   min-width:76px!important;
   align-items:center!important;
   justify-content:center!important;
   visibility:visible!important;
   opacity:1!important;
   pointer-events:auto!important;
 }
 .etd-db.etd-db-mobile-filter-opened > .etd-db-advanced > .etd-db-advanced-body {
   flex:1 1 auto!important;
   min-height:0!important;
   overflow-y:auto!important;
   overscroll-behavior:contain;
 }
 .etd-db.etd-db-mobile-sort-opened > .etd-db-mobile-sort {overflow-y:auto!important}
}

/* v0.4.3: The website header is the hard upper boundary of all mobile UI.
   Both modal panels live directly under the fixed deck-builder root, never
   inside the scrolling inspector or the draggable search drawer. */
@media (max-width:850px) {
  .etd-db {
    top:var(--etd-mobile-top,80px)!important;
    height:calc(100dvh - var(--etd-mobile-top,80px))!important;
    bottom:auto!important;
    overflow:hidden!important;
    isolation:isolate;
  }
  .etd-db.etd-db-mobile-filter-opened > .etd-db-advanced,
  .etd-db.etd-db-mobile-sort-opened > .etd-db-mobile-sort {
    display:flex!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    padding:0 12px calc(8px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    overflow:hidden!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    background:#101b2a!important;
    border:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  .etd-db.etd-db-mobile-filter-opened > .etd-db-advanced {z-index:1100!important}
  .etd-db.etd-db-mobile-sort-opened > .etd-db-mobile-sort {z-index:1101!important}
  .etd-db.etd-db-mobile-filter-opened > .etd-db-advanced > .etd-db-mobile-overlay-head,
  .etd-db.etd-db-mobile-sort-opened > .etd-db-mobile-sort > .etd-db-mobile-overlay-head {
    display:flex!important;
    position:relative!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    flex:0 0 56px!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:6px 0!important;
    margin:0!important;
    z-index:3!important;
    background:#101b2a!important;
    border-bottom:1px solid #53627a!important;
  }
  .etd-db.etd-db-mobile-filter-opened > .etd-db-advanced > .etd-db-advanced-body {
    display:block!important;
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    flex:1 1 0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:10px 0!important;
    margin:0!important;
  }
  .etd-db.etd-db-mobile-sort-opened > .etd-db-mobile-sort > label {
    flex:0 0 auto!important;
  }
  .etd-db.etd-db-mobile-filter-opened > .etd-db-advanced > .etd-db-mobile-overlay-head button,
  .etd-db.etd-db-mobile-sort-opened > .etd-db-mobile-sort > .etd-db-mobile-overlay-head button {
    display:inline-flex!important;
    min-width:80px!important;
    min-height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

/* v0.4.4: Prevent document scrolling behind the fixed mobile editor. */
@media(max-width:850px){
 html:has(.etd-db),html:has(.etd-db) body{overflow:hidden!important;overscroll-behavior:none!important}
 .etd-db{overscroll-behavior:contain!important}
}

/* v0.4.5: Entire Deck is a deck-only overview on mobile.
   Search and its controls return unchanged when Main/Spirit is selected. */
@media(max-width:850px){
 .etd-db.etd-db-mobile-entire-view .etd-db-mobile-sheet-head,
 .etd-db.etd-db-mobile-entire-view .etd-db-search.etd-db-panel{display:none!important}
}

/* v0.4.6 export action: respects existing toolbar wrapping on mobile */
.etd-db-export{background:#d8ad60!important;color:#101720!important;border:1px solid #d8ad60!important;border-radius:6px;padding:9px 13px;font-weight:700;cursor:pointer}
.etd-db-export:disabled{opacity:.55;cursor:wait}