.deck-page{padding:8.5rem 0 6rem;min-height:70vh;background:radial-gradient(circle at 90% 0%,rgba(34,211,238,.08),transparent 33%),var(--mt-bg)}
.deck-page h1{font-size:clamp(2.1rem,4vw,3.7rem);font-weight:800;letter-spacing:-.04em;margin-bottom:.7rem}
.deck-intro{max-width:760px;font-size:1.08rem;line-height:1.7;margin-bottom:2.2rem}
.deck-steps{display:flex;flex-wrap:wrap;gap:.7rem;list-style:none;padding:0;margin:0 0 2rem}
.deck-steps li{border:1px solid var(--mt-border);background:var(--mt-bg-secondary);color:var(--mt-text-secondary);border-radius:999px;padding:.48rem .9rem;font-size:.85rem;font-weight:700}
.deck-steps li[aria-current]{border-color:var(--mt-primary);color:var(--mt-primary);background:rgba(34,211,238,.1)}
.deck-panel{background:var(--mt-bg-secondary);border:1px solid var(--mt-border);border-radius:1.25rem;padding:clamp(1.2rem,3vw,2rem);margin-bottom:1.4rem}
.deck-section-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.3rem}
.deck-section-heading h2,.deck-builder-placeholder h2{font-size:1.3rem;font-weight:800;margin:0 0 .3rem}
.deck-section-heading p,.deck-builder-placeholder p{color:var(--mt-text-secondary);margin:0;line-height:1.55}
.deck-section-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:3rem;height:3rem;border-radius:.85rem;background:rgba(34,211,238,.12);color:var(--mt-primary);font-size:1.25rem}
.deck-game-card{display:flex;align-items:center;gap:1rem;max-width:650px;padding:1.2rem;border:1px solid var(--mt-border);border-radius:1rem;background:var(--mt-surface);text-decoration:none;color:var(--mt-text);transition:background .2s,border-color .2s,transform .2s}
.deck-game-card:hover,.deck-format:hover{background:var(--mt-surface-hover);border-color:var(--mt-primary);color:var(--mt-text);transform:translateY(-2px)}
.deck-game-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:.8rem;color:var(--mt-primary);background:rgba(34,211,238,.12);font-size:1.5rem;flex:none}
.deck-game-card strong,.deck-game-card small{display:block}.deck-game-card small{color:var(--mt-text-secondary);margin-top:.2rem}.deck-game-arrow{margin-left:auto;color:var(--mt-primary)}
.deck-formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem}
.deck-format{display:flex;flex-direction:column;gap:.4rem;min-height:105px;padding:1rem;border:1px solid var(--mt-border);border-radius:.8rem;background:var(--mt-surface);color:var(--mt-text);text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.deck-format strong{font-size:1rem}.deck-format small{color:var(--mt-text-secondary);line-height:1.45}.deck-format.is-selected{border-color:var(--mt-primary);box-shadow:0 0 0 1px var(--mt-primary)}
.deck-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--mt-primary);text-decoration:none;font-weight:700;margin-bottom:1.5rem}.deck-back:hover{color:var(--mt-primary-hover)}
.deck-caution{padding:.75rem 1rem;border:1px solid rgba(56,189,248,.35);border-radius:.7rem;background:rgba(56,189,248,.08);color:var(--mt-info)}
.deck-search{margin-bottom:1.3rem}.deck-search label{display:block;font-weight:700;margin-bottom:.5rem}.deck-search>div{display:flex;gap:.6rem;max-width:600px}.deck-search .form-control,.deck-name-input{background:var(--mt-surface);border-color:var(--mt-border);color:var(--mt-text)}
.deck-empty{border:1px dashed var(--mt-border);border-radius:.7rem;padding:1rem;color:var(--mt-text-secondary);margin:0}
.deck-guest-results{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.deck-guest-results li{padding:.4rem .7rem;border-radius:999px;border:1px solid var(--mt-border);background:var(--mt-surface);font-size:.85rem}
.deck-commanders{border:0;padding:0;margin:0 0 1.5rem}.deck-commanders legend{font-size:1rem;font-weight:700;margin-bottom:.9rem}
.deck-commander-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.9rem;max-height:650px;overflow:auto;padding:.15rem}
.deck-commander{display:flex;flex-direction:column;gap:.4rem;border:1px solid var(--mt-border);border-radius:.8rem;background:var(--mt-surface);padding:.65rem;cursor:pointer;min-width:0}
.deck-commander:has(input:checked){border-color:var(--mt-primary);box-shadow:0 0 0 1px var(--mt-primary)}.deck-commander:has(input:focus-visible){outline:2px solid var(--mt-primary);outline-offset:2px}
.deck-commander input{accent-color:var(--mt-primary);align-self:flex-start}.deck-commander-image{display:grid;place-items:center;aspect-ratio:210/293;background:var(--mt-bg);border-radius:.5rem;overflow:hidden}.deck-commander-image img{width:100%;height:100%;object-fit:contain}.deck-commander-image>span{color:var(--mt-text-disabled);font-size:2rem}
.deck-commander strong,.deck-commander small{overflow-wrap:anywhere}.deck-commander small{color:var(--mt-text-secondary)}.deck-commander-choice{color:var(--mt-primary);font-size:.8rem;font-weight:700;margin-top:auto}
.deck-name-input{max-width:600px}.deck-summary{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1rem}.deck-summary .deck-panel{margin-bottom:0}.deck-facts{display:grid;gap:.7rem;margin:0}.deck-facts div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--mt-border);padding-bottom:.6rem}.deck-facts dt{color:var(--mt-text-secondary);font-weight:500}.deck-facts dd{font-weight:700;margin:0;text-align:right}
.deck-saved-commander{display:flex;align-items:center;gap:1rem;margin-top:1.4rem}.deck-saved-commander img{width:105px;height:147px;object-fit:contain;border-radius:.5rem}.deck-saved-commander small,.deck-saved-commander strong{display:block}.deck-saved-commander small{color:var(--mt-text-secondary)}.deck-builder-placeholder{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.deck-builder-placeholder p{margin-bottom:.4rem}
.deck-list-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.deck-owned-list{display:grid;gap:.8rem}.deck-owned-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--mt-border);border-radius:.9rem;background:var(--mt-bg-secondary)}.deck-owned-item>div{min-width:0;flex:1}.deck-owned-item h2{font-size:1.05rem;font-weight:700;margin:0 0 .2rem;overflow-wrap:anywhere}.deck-owned-item p{margin:0;color:var(--mt-text-secondary);font-size:.9rem}.deck-owned-item .btn{flex:none}.deck-list-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}
@media(max-width:767px){.deck-page{padding-top:7rem}.deck-summary{grid-template-columns:1fr}.deck-search>div{flex-direction:column}.deck-commander-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.deck-owned-item{flex-wrap:wrap}.deck-owned-item .btn{width:100%}}

/* Espace de gestion du deck : l'image donne le contexte, la liste reste prioritaire. */
.deck-workspace{padding-top:7.5rem}
.deck-workspace [id]{scroll-margin-top:7rem}
.deck-hero{position:relative;display:flex;align-items:flex-end;min-height:285px;overflow:hidden;border:1px solid var(--mt-border);border-radius:1.4rem;background:radial-gradient(circle at 85% 25%,rgba(34,211,238,.24),transparent 35%),linear-gradient(125deg,var(--mt-surface),var(--mt-bg-secondary));margin-bottom:1rem}
.deck-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,20,36,.96) 5%,rgba(13,20,36,.8) 55%,rgba(13,20,36,.16) 100%);pointer-events:none}
.deck-hero-art{position:absolute;right:0;top:-25%;width:42%;height:150%;object-fit:cover;object-position:center 30%;opacity:.78}
.deck-hero-content{position:relative;z-index:1;padding:clamp(1.5rem,4vw,3rem);max-width:760px}
.deck-hero-content h1{margin:.55rem 0;font-size:clamp(2.2rem,4.2vw,4rem)}
.deck-hero-content p{color:var(--mt-text-secondary);font-size:1rem;margin:0 0 1.25rem;line-height:1.6}
.deck-hero-kicker{color:var(--mt-primary);font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.deck-hero-metrics{display:flex;flex-wrap:wrap;gap:.55rem}
.deck-hero-metrics>span{border:1px solid rgba(248,250,252,.2);border-radius:999px;background:rgba(13,20,36,.45);padding:.34rem .7rem;font-size:.78rem;font-weight:700}
.deck-workspace-nav{display:flex;gap:.4rem;overflow-x:auto;padding:.5rem 0 1.1rem;margin-bottom:1.1rem;border-bottom:1px solid var(--mt-border)}
.deck-workspace-nav .nav-link{flex:none;color:var(--mt-text-secondary);font-weight:700;padding:.65rem 1rem;border:0;border-bottom:2px solid transparent;border-radius:.6rem .6rem 0 0}
.deck-workspace-nav .nav-link:hover,.deck-workspace-nav .nav-link:focus-visible{color:var(--mt-primary);background:var(--mt-surface-hover)}
.deck-workspace-nav .nav-link.active{color:var(--mt-primary);background:var(--mt-surface);border-color:var(--mt-primary)}
.deck-workspace-content{width:100%;min-width:0}
.deck-workspace .deck-catalog-fields{grid-template-columns:minmax(0,1fr) auto}
.deck-workspace [data-catalog-zone][hidden]{display:none}
.deck-cover-edit{position:absolute;z-index:2;top:1.1rem;right:1.1rem;display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid var(--mt-border);border-radius:.7rem;background:rgba(13,20,36,.85);color:var(--mt-text);font-size:1.1rem}
.deck-cover-edit:hover,.deck-cover-edit:focus-visible{border-color:var(--mt-primary);color:var(--mt-primary);background:var(--mt-bg)}
.deck-workspace .deck-panel{background:transparent;border:0;padding:1.2rem 0}
.deck-workspace .deck-add-panel{padding:.7rem 0 0}
.deck-hero-title{display:flex;align-items:center;gap:.75rem;min-width:0;margin:0}.deck-hero-title h1{min-width:0;overflow-wrap:anywhere}
.deck-hero-title-edit{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border:1px solid var(--mt-border);border-radius:.55rem;background:rgba(13,20,36,.75);color:var(--mt-text)}.deck-hero-title-edit:hover,.deck-hero-title-edit:focus-visible{border-color:var(--mt-primary);color:var(--mt-primary)}
.deck-hero-title h1[contenteditable="plaintext-only"]{outline:0;box-shadow:0 2px var(--mt-primary);cursor:text}
.deck-hero-title h1[aria-invalid="true"]{box-shadow:0 2px var(--mt-danger)}
.deck-hero-title h1[aria-busy="true"]{color:var(--mt-text-secondary)}
.deck-format-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(248,250,252,.2);border-radius:999px;background:rgba(13,20,36,.45);color:var(--mt-text);padding:.34rem .7rem;font-size:.78rem;font-weight:700}
.deck-format-pill i{font-size:.65rem;color:var(--mt-text-secondary)}
.deck-format-pill:hover,.deck-format-pill:focus-visible{border-color:var(--mt-primary);color:var(--mt-primary)}
.deck-appearance-buttons{display:inline-flex;flex-wrap:wrap;gap:.5rem}
.deck-appearance-buttons .btn{display:inline-flex;align-items:center;gap:.45rem}
.deck-appearance-check{color:var(--mt-success)}
.deck-appearance-form{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.deck-appearance-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin:0;padding:0;border:0}
.deck-appearance-choices.is-playmat{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.deck-appearance-choice{position:relative;display:flex;flex-direction:column;gap:.6rem;padding:.6rem;min-width:0;border:1px solid var(--mt-border);border-radius:.8rem;background:var(--mt-bg);cursor:pointer}
.deck-appearance-choice:hover{background:var(--mt-surface-hover);border-color:var(--mt-primary)}
.deck-appearance-choice:has(input:checked){border-color:var(--mt-primary);box-shadow:0 0 0 1px var(--mt-primary)}
.deck-appearance-choice:has(input:focus-visible){outline:2px solid var(--mt-primary);outline-offset:3px}
.deck-appearance-choice strong{font-size:.8rem;line-height:1.35;overflow-wrap:anywhere;padding-right:1.2rem}
.deck-appearance-choice>.deck-appearance-check{display:none;position:absolute;right:.55rem;bottom:.6rem}
.deck-appearance-choice:has(input:checked)>.deck-appearance-check{display:block}
.deck-appearance-preview{display:grid;place-items:center;aspect-ratio:18/25;width:100%;overflow:hidden;border-radius:.5rem;background:var(--mt-surface);color:var(--mt-text-secondary)}
.is-playmat .deck-appearance-preview{aspect-ratio:2/1}
.deck-appearance-preview img{width:100%;height:100%;object-fit:cover}
.deck-appearance-preview.is-default i{font-size:2rem}
.deck-hero-metrics .deck-hero-visibility{margin:0}.deck-hero-metrics .deck-hero-visibility button{border:1px solid rgba(248,250,252,.2);border-radius:999px;background:rgba(13,20,36,.45);color:var(--mt-text);padding:.34rem .7rem;font-size:.78rem;font-weight:700}.deck-hero-metrics .deck-hero-visibility button:hover,.deck-hero-metrics .deck-hero-visibility button:focus-visible{border-color:var(--mt-primary);color:var(--mt-primary)}
.deck-search-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;margin-bottom:1rem}
.deck-search-toolbar .deck-add-panel{min-width:0}
.deck-view-controls{display:flex;align-items:center;gap:.45rem;margin:0;padding:.7rem 0 0}
.deck-view-controls label{width:160px}
.deck-view-controls label{min-width:0}
.deck-view-controls label span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.deck-view-controls .form-select{min-height:2.8rem;font-size:.82rem}
.deck-view-controls label span,.deck-catalog-search label,.deck-settings label{display:block;font-size:.82rem;font-weight:700;color:var(--mt-text-secondary);margin-bottom:.4rem}
.deck-workspace .form-control,.deck-workspace .form-select{background:var(--mt-surface);border-color:var(--mt-border);color:var(--mt-text)}
.deck-workspace .form-control:focus,.deck-workspace .form-select:focus{border-color:var(--mt-primary);box-shadow:0 0 0 .2rem rgba(34,211,238,.17)}
.deck-zone-section{padding:1.2rem 0 1.6rem;border-top:1px solid var(--mt-border)}
.deck-zone-section>h3{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.12rem;font-weight:800;margin:0 0 1.1rem}
.deck-zone-section>h3 span{font-size:.82rem;color:var(--mt-primary)}
.deck-zone-section .deck-empty{margin:0}
.deck-card-group+.deck-card-group{margin-top:1.45rem}
.deck-card-group h4{display:flex;align-items:center;justify-content:space-between;font-size:.95rem;font-weight:800;border-bottom:1px solid var(--mt-border);padding:0 0 .6rem;margin:0 0 .65rem}
.deck-card-group h4 span{color:var(--mt-primary);font-size:.82rem}
.deck-card-collection.is-list{display:grid;gap:.35rem}
.deck-workspace #deck-cards{background:transparent;border:0;padding:0}
.deck-card-entry{display:flex;align-items:center;gap:.8rem;min-width:0;padding:.45rem .55rem;border-bottom:1px solid var(--mt-border);background:transparent}
.deck-card-image{position:relative;width:42px;height:59px;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:.3rem;background:var(--mt-bg);color:var(--mt-text-disabled)}
.deck-card-image img{width:100%;height:100%;object-fit:cover}
.deck-card-info{min-width:0;flex:1}.deck-card-info strong,.deck-card-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-card-info strong{font-size:.9rem}.deck-card-info a{color:var(--mt-text);text-decoration:none}.deck-card-info a:hover{color:var(--mt-primary)}.deck-card-info small{color:var(--mt-text-secondary);font-size:.75rem}
.deck-card-remove{border:0;border-radius:.45rem;background:transparent;color:var(--mt-text-secondary);padding:.3rem .5rem}.deck-card-remove:hover,.deck-card-remove:focus-visible{color:var(--mt-danger);background:rgba(251,113,133,.12)}
.deck-card-collection.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem}
.deck-card-collection.is-compact{grid-auto-rows:auto;row-gap:0;align-items:start}
/* Keep over half the card visible, including most of its illustration. */
.deck-card-collection.is-compact .deck-card-entry{aspect-ratio:488/368}
.deck-card-collection.is-compact .deck-card-entry:last-child{aspect-ratio:488/680}
.deck-card-collection.is-compact .deck-card-image{position:absolute;top:0;left:0}
.deck-card-collection.is-compact .deck-card-entry:hover,.deck-card-collection.is-compact .deck-card-entry:focus-within{z-index:10}
.deck-card-collection.is-grid .deck-card-entry{position:relative;display:block;padding:0;border:0;background:transparent;min-width:0}
.deck-card-collection.is-grid .deck-card-image{width:100%;height:auto;aspect-ratio:488/680;border-radius:.65rem;box-shadow:0 7px 20px rgba(0,0,0,.25)}
.deck-card-entry.is-game-changer .deck-card-image{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--mt-game-changer) 95%,transparent),0 3px 10px color-mix(in srgb,var(--mt-game-changer) 30%,transparent),0 13px 18px -5px color-mix(in srgb,var(--mt-game-changer-ember,var(--mt-game-changer)) 45%,transparent),0 19px 26px -8px color-mix(in srgb,var(--mt-game-changer) 45%,transparent),0 7px 20px rgba(0,0,0,.25)}
.deck-card-entry.is-game-changer .deck-card-image::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 14px color-mix(in srgb,var(--mt-game-changer) 24%,transparent),inset 0 0 28px -10px color-mix(in srgb,var(--mt-game-changer-ember,var(--mt-game-changer)) 22%,transparent)}
.deck-card-collection.is-grid .deck-card-entry.is-game-changer{isolation:isolate}
.deck-card-collection.is-grid .deck-card-entry.is-game-changer::before{content:"";position:absolute;inset:0 -5px -8px;z-index:-1;border-radius:.85rem;background:linear-gradient(180deg,color-mix(in srgb,var(--mt-game-changer) 22%,transparent),color-mix(in srgb,var(--mt-game-changer) 48%,transparent) 70%,color-mix(in srgb,var(--mt-game-changer-ember,var(--mt-game-changer)) 55%,transparent));filter:blur(8px);pointer-events:none}
.deck-card-entry.is-recently-added .deck-card-image,.deck-card-collection.is-list .deck-card-entry.is-recently-added{outline:3px solid var(--mt-primary);outline-offset:3px;animation:deck-added-highlight 4s ease-out both}
.deck-card-collection.is-compact .deck-card-entry.is-recently-added{z-index:11}
.deck-card-collection.is-list .deck-card-entry.is-recently-added{border-radius:.5rem}
@keyframes deck-added-highlight{0%,20%,40%,60%,75%{outline-color:var(--mt-primary)}10%,30%,50%{outline-color:color-mix(in srgb,var(--mt-primary) 18%,transparent)}100%{outline-color:transparent}}
@media(prefers-reduced-motion:reduce){.deck-card-entry.is-recently-added .deck-card-image,.deck-card-collection.is-list .deck-card-entry.is-recently-added{animation:none}}
.deck-card-collection.is-grid .deck-card-info{display:none}
.deck-card-quantity,.deck-card-fixed-quantity{display:flex;align-items:center;gap:.2rem;flex:none;border:1px solid var(--mt-border);border-radius:.5rem;background:var(--mt-bg);color:var(--mt-text);padding:.2rem .35rem;font-size:.8rem;font-weight:800}
.deck-quantity-prefix{flex:none;font-size:.75rem;line-height:1;user-select:none}
.deck-card-quantity input{width:2.5rem;border:0;background:transparent;color:var(--mt-text);font-weight:800;text-align:center;appearance:textfield;-moz-appearance:textfield}
.deck-card-quantity input::-webkit-inner-spin-button,.deck-card-quantity input::-webkit-outer-spin-button{appearance:none;margin:0}
.deck-card-quantity input:focus-visible{outline:2px solid var(--mt-primary);outline-offset:1px}
.deck-card-quantity button,.deck-card-menu-toggle{border:0;background:transparent;color:var(--mt-text);padding:.2rem .35rem;border-radius:.35rem}
.deck-card-quantity button:hover,.deck-card-menu-toggle:hover,.deck-card-menu-toggle:focus-visible{color:var(--mt-primary);background:var(--mt-surface-hover)}
.deck-card-collection.is-grid .deck-card-quantity,.deck-card-collection.is-grid .deck-card-fixed-quantity{position:absolute;top:2.25rem;right:.55rem;bottom:auto;left:auto;min-height:2.25rem;z-index:1;background:rgba(13,20,36,.92)}
.deck-card-menu{margin-left:auto}.deck-card-menu-toggle{font-size:1.15rem;min-width:2.25rem;min-height:2.25rem}
.deck-card-collection.is-grid .deck-card-menu{position:absolute;top:2.25rem;left:.55rem;right:auto;z-index:2;margin:0}
.deck-card-collection.is-grid .deck-card-menu-toggle{background:rgba(13,20,36,.9);opacity:0;transition:opacity .15s}
.deck-card-collection.is-grid .deck-card-entry:hover .deck-card-menu-toggle,.deck-card-collection.is-grid .deck-card-entry:focus-within .deck-card-menu-toggle,.deck-card-collection.is-grid .deck-card-menu-toggle[aria-expanded="true"]{opacity:1}
.deck-card-menu .dropdown-menu{background:var(--mt-bg-secondary);border:1px solid var(--mt-border);min-width:12rem;z-index:20}
.deck-card-menu .dropdown-menu{padding:.3rem;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.deck-card-menu .dropdown-item{font-size:.76rem;font-weight:500;line-height:1.25;padding:.45rem .55rem;border-radius:.35rem}
.deck-card-menu .dropdown-item{color:var(--mt-text);display:flex;align-items:center;gap:.5rem}.deck-card-menu .dropdown-item:hover,.deck-card-menu .dropdown-item:focus{background:var(--mt-surface-hover);color:var(--mt-primary)}.deck-card-menu .dropdown-item.text-danger{color:var(--mt-danger)!important}.deck-card-menu .dropdown-item.text-danger:hover{background:rgba(251,113,133,.12)}
@media(hover:none){.deck-card-collection.is-grid .deck-card-menu-toggle{opacity:1}}
.deck-catalog-search{margin-bottom:.75rem}.deck-catalog-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem}.deck-catalog-search .form-control{min-width:0;min-height:2.8rem}.deck-catalog-search .btn{min-height:2.8rem}.deck-add-panel:has(.deck-catalog-results) .deck-catalog-search{margin-bottom:1.1rem}
.deck-catalog-zone{min-width:0;margin:0}
.deck-search-toolbar .deck-catalog-search{margin:0}
.deck-catalog-response{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--mt-border)}
.deck-catalog-results-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}
.deck-catalog-results-heading h3{margin:0;font-size:.95rem;font-weight:700;overflow-wrap:anywhere}.deck-catalog-results-heading h3 i{color:var(--mt-primary);margin-right:.3rem}.deck-catalog-results-heading h3 span{color:var(--mt-primary)}
.deck-catalog-count{color:var(--mt-text-secondary);font-size:.75rem;white-space:nowrap}
.deck-catalog-empty,.deck-catalog-instructions{color:var(--mt-text-secondary);font-size:.8rem;margin:0}.deck-catalog-instructions{margin-bottom:1rem}
.deck-catalog-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-content:start;gap:.9rem;max-height:min(55vh,620px);overflow-y:auto;padding:.2rem .45rem .2rem .2rem;scrollbar-color:var(--mt-border) transparent}
.deck-catalog-results form{min-width:0;margin:0}
.deck-catalog-card{display:flex;flex-direction:column;width:100%;height:100%;padding:0;overflow:hidden;border:1px solid var(--mt-border);border-radius:.65rem;background:var(--mt-surface);color:var(--mt-text);text-align:left;cursor:pointer}
.deck-catalog-image{display:grid;place-items:center;width:100%;aspect-ratio:488/680;background:var(--mt-bg-secondary);color:var(--mt-text-secondary);overflow:hidden}
.deck-catalog-image img{display:block;width:100%;height:100%;object-fit:cover}
.deck-catalog-card i{font-size:2rem}
.deck-catalog-caption{display:flex;flex-direction:column;gap:.35rem;padding:.65rem;width:100%;flex:1}.deck-catalog-caption strong{font-size:.8rem;line-height:1.4;overflow-wrap:anywhere}.deck-catalog-caption>span{margin-top:auto;color:var(--mt-primary);font-size:.72rem}.deck-catalog-caption i{font-size:.7rem}
.deck-catalog-card:hover,.deck-catalog-card:focus-visible{border-color:var(--mt-primary);outline:2px solid var(--mt-primary);outline-offset:2px}
.deck-request-status{color:var(--mt-text-secondary);font-size:.75rem;line-height:1.3}.deck-request-status.is-error{color:var(--mt-danger)}
.deck-workspace [data-catalog-spinner][hidden]{display:none}.deck-workspace #deckCatalogSearch[aria-busy="true"] .btn{cursor:progress}
.deck-stats h3{font-size:.88rem;font-weight:800;margin:1.3rem 0 .7rem}
.deck-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:.45rem}.deck-stat-grid div{padding:.7rem .5rem;border:1px solid var(--mt-border);border-radius:.65rem;background:var(--mt-surface);text-align:center}.deck-stat-grid strong,.deck-stat-grid span{display:block}.deck-stat-grid strong{font-size:1.2rem;color:var(--mt-primary)}.deck-stat-grid span{font-size:.66rem;color:var(--mt-text-secondary);line-height:1.25}
.deck-curve{display:grid;grid-template-columns:repeat(8,1fr);align-items:end;gap:.35rem;height:105px}.deck-curve>div{height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:.3rem}.deck-curve-bar{display:block;width:100%;max-width:28px;background:linear-gradient(180deg,var(--mt-primary),var(--mt-primary-active));border-radius:.3rem .3rem 0 0}.deck-curve small{font-size:.7rem;color:var(--mt-text-secondary)}
.deck-type-stats{list-style:none;padding:0;margin:0}.deck-type-stats li{display:flex;justify-content:space-between;gap:.5rem;padding:.38rem 0;border-bottom:1px solid var(--mt-border);font-size:.82rem}.deck-type-stats strong{color:var(--mt-primary)}
.deck-settings form{border-bottom:1px solid var(--mt-border);padding-bottom:1.3rem}.deck-setting-future{padding-top:1.1rem}.deck-setting-future strong{font-size:.86rem}.deck-setting-future p{margin:.4rem 0 0;font-size:.78rem;line-height:1.55;color:var(--mt-text-secondary)}
.deck-setting-future label{display:block;font-size:.86rem;font-weight:700;margin-bottom:.45rem}.deck-cover-slot{display:flex;align-items:center;gap:.65rem;padding:1rem;margin-top:.55rem;border:1px dashed var(--mt-border);border-radius:.65rem;background:var(--mt-surface);color:var(--mt-text-secondary);font-size:.76rem;line-height:1.5}.deck-cover-slot i{font-size:1.3rem;color:var(--mt-primary)}
.deck-stats .deck-stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem}.deck-stats .deck-stat-grid div{padding:1.2rem}.deck-stats .deck-stat-grid strong{font-size:1.7rem}.deck-stats .deck-stat-grid span{font-size:.8rem}.deck-stats .deck-curve{max-width:650px;height:150px}.deck-stats .deck-type-stats{max-width:650px}
.deck-settings form{max-width:620px}.deck-settings .deck-setting-future{max-width:620px}
.deck-cover-modal .modal-content{background:var(--mt-bg-secondary);border:1px solid var(--mt-border);color:var(--mt-text)}.deck-cover-modal .modal-header,.deck-cover-modal .modal-footer{border-color:var(--mt-border)}.deck-cover-modal .modal-body>p{color:var(--mt-text-secondary)}.deck-crop-wrap{width:min(100%,440px);margin:1.2rem auto 0;border:2px solid var(--mt-primary);border-radius:.75rem;overflow:hidden;background:var(--mt-bg)}.deck-crop-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none;cursor:grab}.deck-crop-wrap canvas:active{cursor:grabbing}.deck-cover-help{font-size:.85rem}
.deck-printing-status{margin:0 0 1rem;color:var(--mt-text-secondary)}
.deck-printing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.8rem;max-height:60vh;overflow-y:auto;padding:.25rem}
.deck-printing-choice{display:flex;flex-direction:column;gap:.35rem;min-width:0;padding:.3rem;border:1px solid var(--mt-border);border-radius:.65rem;background:var(--mt-bg);color:var(--mt-text-secondary);text-align:left}
.deck-printing-choice img{display:block;width:100%;height:auto;aspect-ratio:488/680;object-fit:cover;border-radius:.4rem}
.deck-printing-choice span{font-size:.7rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deck-printing-choice:hover,.deck-printing-choice:focus-visible,.deck-printing-choice.is-current{border-color:var(--mt-primary);color:var(--mt-primary)}
@media(max-width:1200px){.deck-search-toolbar{grid-template-columns:1fr}.deck-view-controls{padding:0}.deck-view-controls label{width:min(33%,180px)}}
@media(max-width:650px){.deck-hero-art{width:70%;opacity:.4}.deck-hero::after{background:linear-gradient(90deg,rgba(13,20,36,.96),rgba(13,20,36,.6))}.deck-view-controls{flex-wrap:wrap}.deck-view-controls label{width:calc(50% - .225rem);min-width:140px}.deck-catalog-results{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}.deck-catalog-fields{grid-template-columns:auto minmax(0,1fr)}.deck-catalog-fields .form-control,.deck-catalog-fields .btn{grid-column:1/3}}
.deck-top-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.2rem}.deck-top-actions .deck-back{margin:0}.deck-transfer-actions{display:flex;gap:.5rem}.deck-transfer-actions .btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;border-color:var(--mt-border);color:var(--mt-text-secondary)}.deck-transfer-actions .btn:hover,.deck-transfer-actions .btn:focus-visible{border-color:var(--mt-primary);color:var(--mt-primary);background:var(--mt-surface-hover)}
.deck-transfer-actions .deck-delete-button{min-width:2.5rem;justify-content:center}.deck-transfer-actions .deck-delete-button:hover,.deck-transfer-actions .deck-delete-button:focus-visible{border-color:var(--mt-danger);color:var(--mt-danger)}

/* Keep the owner's cards close to the heading; detailed checks live in their tab. */
.deck-workspace .deck-hero{min-height:150px;border-radius:1rem;margin-bottom:0}
.deck-workspace .deck-hero-content{padding:1.25rem 1.5rem;max-width:85%}
.deck-workspace .deck-hero-content h1{font-size:clamp(1.6rem,2.5vw,2.35rem);margin:.3rem 0 .7rem}
.deck-workspace .deck-hero-content p{display:none}
.deck-workspace .deck-hero-kicker{font-size:.7rem}
.deck-workspace .deck-hero-title-edit{width:2rem;height:2rem;font-size:.85rem}
.deck-workspace .deck-hero-art{width:35%;top:-40%;height:180%}
.deck-workspace .deck-top-actions{margin-bottom:.8rem}
.deck-workspace .deck-transfer-actions{position:relative;flex-wrap:wrap;justify-content:flex-end}
.deck-workspace-nav{flex-wrap:nowrap;gap:.3rem;padding:.2rem 0 0;margin-bottom:1rem;overflow-y:hidden}
.deck-workspace-nav .nav-link{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem .9rem;font-size:.86rem;white-space:nowrap}
.deck-nav-count{font-size:.72rem;font-weight:600;padding:.1rem .4rem;border-radius:.35rem;background:var(--mt-bg-secondary);color:var(--mt-text-secondary)}
.deck-workspace-nav .deck-validity{font-size:.7rem;padding:.12rem .45rem}
.deck-workspace .deck-search-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin-bottom:1rem;align-items:center}
.deck-workspace .deck-search-toolbar .deck-view-controls{padding:0}
.deck-add-toggle{display:inline-flex;align-items:center;gap:.4rem}
.deck-card-tool-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;max-width:100%}
.deck-card-tool-actions form{margin:0}
.deck-card-tool-actions .btn{font-size:.8rem;padding:.55rem .75rem}
.deck-card-tool-actions [hidden]{display:none}
.deck-add-anchor{display:inline-flex}
.deck-catalog-heading{display:none}
.deck-catalog-close{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border:0;border-radius:.35rem;background:transparent;color:var(--mt-text-secondary)}
.deck-catalog-close:hover,.deck-catalog-close:focus-visible{background:var(--mt-surface-hover);color:var(--mt-primary)}
.is-catalog-floating .deck-add-buttons{position:fixed;top:var(--deck-catalog-top);right:var(--deck-catalog-right);z-index:1025}
.is-catalog-floating .deck-add-toggle{background:var(--mt-primary);border-color:var(--mt-primary);color:var(--mt-bg);box-shadow:0 6px 20px rgba(0,0,0,.3)}
.is-catalog-floating .deck-add-toggle:hover,.is-catalog-floating .deck-add-toggle:focus-visible{background:var(--mt-primary-hover);border-color:var(--mt-primary-hover);color:var(--mt-bg)}
.is-catalog-floating #deckAddCards{position:fixed;top:var(--deck-catalog-panel-top);right:var(--deck-catalog-right);z-index:1025;width:min(620px,calc(100% - var(--deck-catalog-right) - 16px));max-height:var(--deck-catalog-height);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--mt-border) transparent;border-radius:.7rem;box-shadow:0 16px 40px rgba(0,0,0,.4)}
.is-catalog-floating #deckAddCards .deck-add-panel{margin:0}
.is-catalog-floating .deck-catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem;font-size:.82rem;font-weight:700}
.is-catalog-floating .deck-catalog-response{margin-top:.75rem;padding-top:.75rem}
.is-catalog-floating .deck-catalog-results{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));max-height:none;overflow:visible;padding:0}
.is-catalog-floating .deck-catalog-fields{grid-template-columns:minmax(0,1fr) auto}
.is-catalog-floating .deck-catalog-fields .form-control,.is-catalog-floating .deck-catalog-fields .btn{grid-column:auto;font-size:.85rem}
.deck-token-feedback{padding:.75rem 1rem;border:1px solid var(--mt-border);border-radius:.65rem;background:var(--mt-bg-secondary);color:var(--mt-text-secondary);font-size:.85rem}
@media(max-width:1200px){.deck-workspace .deck-search-toolbar:has([data-token-generator]:not([hidden])){grid-template-columns:1fr}.deck-card-tool-actions{justify-content:flex-start}}
.deck-workspace #deckAddCards .deck-add-panel{padding:1rem;border:1px solid var(--mt-border);border-radius:.7rem;background:var(--mt-bg-secondary)}
.deck-featured-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-bottom:1.45rem}
.deck-featured-groups.has-commanders{grid-template-columns:minmax(185px,215px)}
.deck-featured-groups.has-pair{grid-template-columns:minmax(385px,420px)}
.deck-featured-groups.has-commanders.has-planeswalkers{grid-template-columns:minmax(185px,215px) minmax(0,1fr)}
.deck-featured-groups.has-pair.has-planeswalkers{grid-template-columns:minmax(385px,420px) minmax(0,1fr)}
.deck-featured-groups.featured-list{grid-template-columns:minmax(0,1fr)}
.deck-featured-groups.featured-list.has-commanders.has-planeswalkers{grid-template-columns:repeat(2,minmax(0,1fr))}
.deck-featured-groups .deck-card-group+.deck-card-group{margin-top:0}
.deck-featured-groups+.deck-card-group{margin-top:0}
.deck-workspace .deck-zone-section{padding:.9rem 0 1.2rem}
.deck-workspace .deck-card-collection.is-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}
.deck-workspace .deck-card-collection.is-grid:not(.is-compact) .deck-card-info{display:block;padding:.4rem .1rem 0}
.deck-workspace .deck-card-collection.is-grid:not(.is-compact) .deck-card-info strong{font-size:.78rem;font-weight:600}
.deck-workspace .deck-card-collection.is-grid:not(.is-compact) .deck-card-info small{display:none}
.deck-workspace .deck-card-entry:hover .deck-card-image{outline:1px solid var(--mt-primary)}
@media(max-width:767px){.deck-featured-groups.has-pair.has-planeswalkers{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){
 .deck-workspace .deck-hero-content{max-width:100%;padding:1rem}
 .deck-workspace .deck-hero-art{width:55%}
 .deck-workspace .deck-top-actions{align-items:flex-start}
 .deck-workspace .deck-transfer-actions{max-width:100%;flex-wrap:nowrap;overflow-x:auto;gap:.35rem;justify-content:flex-start;padding-bottom:.2rem}
 .deck-workspace .deck-transfer-actions>*{flex-shrink:0}
 .deck-workspace .deck-transfer-actions .btn{white-space:nowrap}
 .deck-workspace .deck-transfer-actions .btn{font-size:.73rem;padding:.4rem .55rem}
 .deck-workspace .deck-card-collection.is-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:.7rem}
 .deck-workspace .deck-card-collection.is-compact{row-gap:0}
 .deck-workspace .deck-search-toolbar{grid-template-columns:1fr;gap:.6rem}
 .deck-add-toggle{justify-self:start;font-size:.78rem;padding:.45rem .7rem}
 .deck-featured-groups.has-commanders,.deck-featured-groups.has-commanders.has-planeswalkers,.deck-featured-groups.has-pair.has-planeswalkers,.deck-featured-groups.featured-list.has-commanders.has-planeswalkers{grid-template-columns:minmax(0,1fr)}
 .deck-featured-groups.has-commanders:not(.has-planeswalkers){max-width:190px}
 .deck-featured-groups.has-pair:not(.has-planeswalkers){max-width:100%}
 .deck-workspace-nav .nav-link{padding:.65rem .6rem;font-size:.78rem;gap:.3rem}
 .deck-workspace-nav .nav-link>i{display:none}
}
.deck-delete-confirm{--bs-btn-bg:var(--mt-danger);--bs-btn-color:var(--mt-bg);--bs-btn-border-color:var(--mt-danger);--bs-btn-hover-color:var(--mt-bg);--bs-btn-hover-bg:var(--mt-danger);--bs-btn-hover-border-color:var(--mt-danger);--bs-btn-active-color:var(--mt-bg);--bs-btn-active-bg:var(--mt-danger);--bs-btn-active-border-color:var(--mt-danger);--bs-btn-focus-shadow-rgb:251,113,133;--bs-btn-disabled-bg:var(--mt-danger);--bs-btn-disabled-border-color:var(--mt-danger);--bs-btn-disabled-color:var(--mt-bg)}
.deck-import-list{min-height:220px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.84rem}.deck-import-hint{font-size:.8rem;margin:1rem 0;color:var(--mt-text-secondary)}.deck-import-modes{display:grid;gap:.5rem;margin-top:1rem}.deck-import-modes label{font-size:.86rem;color:var(--mt-text-secondary)}.deck-import-modes input{accent-color:var(--mt-primary)}.deck-import-preview{margin:.9rem 0 0;font-size:.84rem;color:var(--mt-text-secondary)}.deck-import-preview.is-valid{color:var(--mt-success)}.deck-import-preview.is-invalid{color:var(--mt-danger)}

/* Personal categories and touch-friendly batch selection. */
.deck-category-tools{margin:0 0 1rem}
.deck-selection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.deck-selection-actions .btn,.deck-batch-form .btn{font-size:.8rem;min-height:44px}
.deck-selection-actions [data-selection-count]{margin-left:auto;font-size:.8rem;color:var(--mt-text-secondary)}
.deck-batch-form:not([hidden]){display:flex;align-items:end;flex-wrap:wrap;gap:.65rem;margin-top:.65rem;padding:1rem;border:1px solid var(--mt-border);border-radius:.75rem;background:var(--mt-bg-secondary)}
.deck-batch-form label{display:grid;gap:.3rem;min-width:170px;font-size:.8rem;flex:1}
.deck-batch-buttons{display:flex;flex-wrap:wrap;gap:.4rem}
.deck-category-edit{display:flex;gap:.4rem;margin-bottom:.65rem}
.deck-category-edit .form-control{min-width:0}
#deckCategoriesModal .modal-content{background:var(--mt-bg-secondary);color:var(--mt-text);border-color:var(--mt-border)}
#deckCategoriesModal .modal-header,#deckCategoriesModal .modal-footer{border-color:var(--mt-border)}
.deck-card-entry.is-selected{outline:2px solid var(--mt-primary);outline-offset:2px}
.deck-card-select{display:grid;place-items:center;flex:none;min-width:36px;min-height:44px;cursor:pointer}
.deck-card-select input{width:18px;height:18px;accent-color:var(--mt-primary);cursor:pointer}
.deck-card-collection.is-grid .deck-card-select{position:absolute;top:.3rem;right:.3rem;z-index:3;min-width:36px;min-height:36px;border-radius:.5rem;background:var(--mt-bg)}
.deck-role-badges{display:flex;flex-wrap:wrap;gap:.2rem;font-size:.65rem}
.deck-role-badges span{background:var(--mt-bg-secondary);color:var(--mt-primary);border:1px solid var(--mt-border);border-radius:1rem;padding:.15rem .4rem;overflow-wrap:anywhere}
.deck-card-collection.is-grid .deck-role-badges{position:absolute;left:.3rem;right:.3rem;bottom:.3rem;z-index:2;pointer-events:none}
@media(max-width:575px){.deck-batch-form label{min-width:100%;}.deck-batch-buttons{width:100%;}.deck-batch-buttons .btn{flex:1}.deck-role-badges{max-width:100%}.deck-category-edit .btn{min-width:44px}}

/* One quantity badge; its color conveys collection presence without another counter. */
.deck-card-quantity.is-collection-owned,.deck-card-fixed-quantity.is-collection-owned{color:var(--mt-success);border-color:var(--mt-success)}
.deck-card-quantity.is-collection-absent,.deck-card-fixed-quantity.is-collection-absent{color:var(--mt-text-secondary);border-color:var(--mt-border)}
.deck-card-quantity.is-collection-unknown,.deck-card-fixed-quantity.is-collection-unknown{color:var(--mt-text-secondary)}
.deck-card-quantity input{color:inherit;width:1.8rem}
.deck-card-fixed-quantity{justify-content:center;min-width:2.4rem}

/* Small square quantity badge; right controls stack vertically. */
.deck-card-collection.is-grid .deck-card-entry{--deck-step-size:32px;--deck-step-top:40px}
.deck-card-collection.is-grid .deck-card-quantity{display:contents;position:static;border:0;padding:0;min-height:0;background:none}
.deck-card-collection.is-grid .deck-card-quantity input,.deck-card-collection.is-grid .deck-card-fixed-quantity{position:absolute;top:1.65rem;left:.95rem;right:auto;z-index:3;width:var(--deck-step-size);min-width:var(--deck-step-size);height:var(--deck-step-size);min-height:var(--deck-step-size);padding:0;border:0;border-radius:.35rem;background:color-mix(in srgb,var(--mt-bg) 82%,transparent);clip-path:none;font-size:.85rem;line-height:1.3;box-shadow:none}
.deck-card-collection.is-grid [data-deck-quantity-step]{position:absolute;top:var(--deck-step-top);right:.7rem;z-index:3;width:var(--deck-step-size);min-width:var(--deck-step-size);height:var(--deck-step-size);min-height:var(--deck-step-size);padding:0;background:var(--mt-bg);border:1px solid var(--mt-border);font-size:1.05rem;line-height:1}
.deck-card-collection.is-grid [data-deck-quantity-step="-1"]{border-radius:.4rem .4rem 0 0}
.deck-card-collection.is-grid [data-deck-quantity-step="1"]{top:calc(var(--deck-step-top) + var(--deck-step-size));border-radius:0 0 .4rem .4rem}
.deck-card-quantity button:disabled{color:var(--mt-disabled);cursor:default}
.deck-card-collection.is-grid .deck-card-menu{left:auto;right:.7rem;top:calc(var(--deck-step-top) + var(--deck-step-size)*2 + 6px);z-index:4}
.deck-card-collection.is-grid .deck-card-menu-toggle{opacity:1;width:var(--deck-step-size);height:var(--deck-step-size);min-height:var(--deck-step-size);min-width:var(--deck-step-size);padding:0;background:var(--mt-bg)}
.deck-card-entry.is-zero-quantity .deck-card-image{filter:grayscale(.8);opacity:.45}
.deck-card-quantity [data-deck-quantity-step]{min-width:30px;min-height:36px}
.deck-card-collection.is-compact .deck-card-entry{--deck-step-size:24px;--deck-step-top:32px}
@media(hover:none){.deck-card-collection.is-grid:not(.is-compact) .deck-card-entry{--deck-step-size:40px}}

.deck-card-entry.has-card-error{outline:2px solid var(--mt-danger);outline-offset:2px;border-radius:.6rem}
.deck-card-collection.is-grid .deck-card-fixed-quantity.is-collection-owned{border-color:var(--mt-success)}
@media(max-width:767px){.deck-card-collection.is-compact .deck-card-entry{--deck-step-size:22px;--deck-step-top:28px}.deck-card-collection.is-compact .deck-card-select{min-width:24px;min-height:24px}}

/* Match the translucent quantity badge without dimming control symbols. */
.deck-card-collection.is-grid [data-deck-quantity-step],.deck-card-collection.is-grid .deck-card-menu-toggle{background:color-mix(in srgb,var(--mt-bg) 78%,transparent)}
.deck-card-collection.is-grid [data-deck-quantity-step]:hover,.deck-card-collection.is-grid .deck-card-menu-toggle:hover,.deck-card-collection.is-grid .deck-card-menu-toggle[aria-expanded="true"]{background:color-mix(in srgb,var(--mt-surface-hover) 92%,transparent)}

.deck-card-collection.is-grid .deck-card-menu-toggle{display:grid;place-items:center;font-size:.9rem;line-height:1}
.deck-card-collection.is-grid .deck-card-menu-toggle .bi{display:block;line-height:1}
.deck-card-collection.is-grid .deck-card-menu-toggle .bi::before{display:block;line-height:1;vertical-align:0}

.deck-add-buttons{display:flex;align-items:center;gap:.5rem}
.deck-categories-toggle [data-selection-count]{border-radius:1rem;padding:.1rem .4rem;background:var(--mt-primary);color:var(--mt-bg);font-weight:700}
.is-catalog-floating .deck-categories-toggle{background:var(--mt-bg-secondary);box-shadow:0 6px 20px #0004}
#deckBatchModal .deck-batch-form{margin:0}
@media(max-width:767px){.deck-add-buttons .btn{padding:.5rem;font-size:.75rem}}

.deck-view-controls label span{position:static;width:auto;height:auto;padding:0;margin:0 0 .4rem;overflow:visible;clip:auto;white-space:normal}

/* Construction insights, collection needs and immutable version history. */
.deck-insight-note{color:var(--mt-text-secondary);font-size:.8rem;line-height:1.5;margin:.8rem 0 0}
.deck-insight-colors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;text-align:center}
.deck-insight-colors>div{display:grid;justify-items:center;gap:.45rem}.deck-insight-colors small{font-size:.7rem;color:var(--mt-text-secondary)}
.deck-insight-colors .mana-symbol{font-size:1.3rem}.deck-budget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.deck-budget-values{display:flex;flex-wrap:wrap;gap:1.3rem}.deck-budget-values>div{display:grid;gap:.3rem}.deck-budget-values strong{font-size:1.4rem;color:var(--mt-primary)}.deck-budget-values span{font-size:.8rem;color:var(--mt-text-secondary)}
.deck-insight-table{overflow-x:auto;margin-top:1rem}.deck-insight-table table{width:100%;border-collapse:collapse;font-size:.85rem}.deck-insight-table th{text-align:left;color:var(--mt-text-secondary);font-weight:500}.deck-insight-table td,.deck-insight-table th{padding:.7rem;border-bottom:1px solid var(--mt-border)}
.deck-missing-card{display:flex;align-items:center;gap:.7rem;min-width:180px}.deck-missing-card img{width:38px;aspect-ratio:63/88;object-fit:contain;border-radius:3px}.deck-missing-card>div{display:grid;gap:.2rem}.deck-missing-card small{color:var(--mt-text-secondary)}.deck-missing-card a{font-size:.75rem}
.deck-history-list{list-style:none;padding:0;margin:1rem 0}.deck-history-list>li{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--mt-border)}.deck-history-list>li>div{display:grid;gap:.3rem}.deck-history-list small{color:var(--mt-text-secondary)}.deck-history-current{color:var(--mt-success);font-size:.8rem}.deck-history-restore{max-width:420px}.deck-history-restore summary{color:var(--mt-primary);cursor:pointer}.deck-history-restore form{padding:.8rem;background:var(--mt-bg-secondary);border-radius:.7rem;margin-top:.5rem}.deck-history-restore p{font-size:.85rem}
@media(max-width:575.98px){.deck-budget-grid{grid-template-columns:1fr}.deck-insight-colors{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-insight-table th,.deck-insight-table td{padding:.5rem}.deck-history-list>li{display:block}.deck-history-restore{margin-top:.7rem}.deck-missing-card{min-width:160px}}

#deck-stats .deck-curve{height:165px}

/* Header shortcuts share the workspace panels without extending its tab strip. */
.deck-hero-metrics .deck-header-panel{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;border:1px solid var(--mt-border);border-radius:999px;background:color-mix(in srgb,var(--mt-bg) 60%,transparent);color:var(--mt-text);padding:.34rem .7rem;font-size:.78rem;font-weight:700}
.deck-header-panel:hover,.deck-header-panel:focus-visible{border-color:var(--mt-primary);background:var(--mt-surface-hover)}
.deck-hero-metrics .deck-header-panel.is-active{border-color:var(--mt-primary);color:var(--mt-primary);background:color-mix(in srgb,var(--mt-primary) 12%,var(--mt-bg))}
.deck-header-panel .deck-validity{font-size:.68rem;padding:.1rem .35rem}
@media(max-width:575.98px){.deck-hero-metrics .deck-header-panel{gap:.3rem;padding:.4rem .6rem}}

.deck-header-validation .deck-validity{padding:0;background:none;font-size:inherit}
.deck-hero-metrics .deck-header-validation-valid,.deck-hero-metrics .deck-header-validation-valid.is-active{color:var(--mt-success)}
.deck-hero-metrics .deck-header-validation-invalid,.deck-hero-metrics .deck-header-validation-invalid.is-active{color:var(--mt-danger)}
.deck-hero-metrics .deck-header-validation-unchecked,.deck-hero-metrics .deck-header-validation-unchecked.is-active{color:var(--mt-warning)}