.sts2-grid-deck{grid-template-columns:repeat(auto-fill,minmax(12em,1fr))}.sts2-section{border-radius:var(--sts2-radius-lg) var(--sts2-radius-lg) 0 0}.sts2-grid-container{padding:2px;background:unset}#deck-search{margin-bottom:1em}.deck-builder{display:grid;grid-template-columns:1fr 22em;gap:1.3em;background:var(--sts2-gradient-darker);padding:1.3em;border-radius:0 0 var(--sts2-radius-sm)}.card-body{padding-bottom:2.7em;min-height:7.2em}#sts2-deck-app .card-image{position:relative;width:100%;flex-shrink:0;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:var(--sts2-radius-sm) var(--sts2-radius-sm) 0 0;aspect-ratio:16/9;clip-path:ellipse(120% 88% at 50% 0%);margin-bottom:-1.75em}#sts2-deck-app .card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;aspect-ratio:16/9}#sts2-deck-app .card.selectable{cursor:pointer;transition:var(--sts2-transition);position:relative;overflow:visible}#sts2-deck-app .card.selectable:hover{transform:translateY(-.5em) scale(1.02);border-color:color-mix(in srgb,var(--sts2-color) 50%,#1a1a1a)}#sts2-deck-app .card.in-deck{border-color:rgba(220,20,60,.6);box-shadow:0 0 1em rgba(220,20,60,.3)}#sts2-deck-app .card-cost{display:none}.card-deck-badge{position:absolute;bottom:-.6em;right:-.5em;display:flex;align-items:stretch;background:rgba(20,22,40,.95);border:var(--sts2-border-thin) solid rgba(255,255,255,.18);border-radius:2em;overflow:hidden;cursor:pointer;z-index:10;box-shadow:0 .2em .6em rgba(0,0,0,.6);transition:border-color .15s ease,box-shadow .15s ease;padding:0}.card-deck-badge:hover{border-color:rgba(200,30,60,.55);box-shadow:0 .2em .7em rgba(180,20,50,.35)}.card-badge-minus{display:flex;align-items:center;justify-content:center;padding:.4em .65em;font-size:1.05em;font-weight:700;color:rgba(255,255,255,.75);line-height:1;transition:background .15s ease,color .15s ease}.card-deck-badge:hover .card-badge-minus{background:rgba(180,20,50,.85);color:#fff}.card-badge-count{display:flex;align-items:center;justify-content:center;padding:.4em .65em;font-size:.95em;font-weight:800;color:rgba(255,255,255,.85);line-height:1;border-left:var(--sts2-border-thin) solid rgba(255,255,255,.12)}.deck-panel{background:linear-gradient(160deg,#1e1e38,#151528);border:var(--sts2-border-thin) solid rgba(255,255,255,.12);border-radius:var(--sts2-radius-sm);padding:1.3em;height:fit-content;position:sticky;top:1.8em;box-shadow:var(--sts2-shadow-md),inset 0 1px 0 rgba(255,255,255,.05)}.deck-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em;padding-bottom:.9em;border-bottom:var(--sts2-border-base) solid rgba(255,255,255,.1)}.deck-header h2{font-size:1.25em;color:#fff;margin:0;font-weight:700;letter-spacing:.04em}.deck-count{background:linear-gradient(135deg,#c0143c,#8b0a2a);border:var(--sts2-border-thin) solid rgba(255,120,140,.4);padding:.35em .9em;border-radius:var(--sts2-radius-lg);font-weight:800;font-size:1em;color:#fff;box-shadow:0 .1em .4em rgba(0,0,0,.4)}.deck-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sts2-gap-md);margin-bottom:1em;padding:.75em;background:rgba(0,0,0,.25);border-radius:var(--sts2-radius-sm);border:var(--sts2-border-thin) solid rgba(255,255,255,.07)}.stat-item{text-align:center}.stat-label{font-size:var(--sts2-font-xs);color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25em}.stat-value{font-size:1.3em;font-weight:800;color:#fff}.deck-grid-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;margin-bottom:1em;padding:.75em;background:rgba(0,0,0,.2);border-radius:var(--sts2-radius-sm);border:var(--sts2-border-thin) solid rgba(255,255,255,.07)}.deck-grid-item{position:relative;aspect-ratio:16/9;cursor:pointer;border-radius:var(--sts2-radius-xs);overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:var(--sts2-transition-fast);background:rgba(0,0,0,.4)}.deck-grid-item:hover{border-color:rgba(220,20,60,.7);transform:scale(1.06);z-index:2;box-shadow:0 0 .5em rgba(220,20,60,.4)}.deck-grid-item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.deck-grid-count{position:absolute;bottom:0;right:0;background:linear-gradient(135deg,#c0143c,#8b0a2a);color:#fff;font-size:.6em;font-weight:800;padding:.15em .4em;border-radius:var(--sts2-radius-xs) 0 0 0;text-shadow:0 1px 2px rgba(0,0,0,.6)}.deck-grid-remove{position:absolute;inset:0;background:rgba(180,10,40,.75);color:#fff;font-size:1.4em;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.deck-grid-item:hover .deck-grid-remove{opacity:1}.deck-list{max-height:28vh;overflow-y:auto;margin-bottom:1em;padding-right:.4em;display:flex;flex-direction:column;gap:.3em}.deck-list::-webkit-scrollbar{width:.4em}.deck-list::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:var(--sts2-radius-xs)}.deck-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:var(--sts2-radius-xs)}.deck-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.deck-item{display:flex;align-items:center;gap:.4em;padding:.35em .55em;background:rgba(255,255,255,.04);border:var(--sts2-border-thin) solid rgba(255,255,255,.07);border-radius:var(--sts2-radius-sm);transition:var(--sts2-transition-fast)}.deck-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.deck-item-cost{flex-shrink:0;width:1.6em;height:1.6em;background:var(--sts2-gradient-primary);border:var(--sts2-border-thin) solid rgba(100,150,200,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--sts2-font-md);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);box-shadow:var(--sts2-shadow-sm)}.deck-item-info{flex:1;min-width:0}.deck-item-name{font-weight:600;font-size:.82em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.deck-item-type{font-size:var(--sts2-font-xs);color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.04em}.deck-item-ctrl{display:flex;align-items:stretch;flex-shrink:0;border-radius:2em;overflow:hidden;border:var(--sts2-border-thin) solid rgba(255,255,255,.18);box-shadow:0 .1em .3em rgba(0,0,0,.4);background:rgba(20,22,40,.95)}.deck-item-count{display:flex;align-items:center;justify-content:center;padding:0 .55em;font-size:var(--sts2-font-sm);font-weight:800;color:rgba(255,255,255,.85);border-left:var(--sts2-border-thin) solid rgba(255,255,255,.12);border-right:var(--sts2-border-thin) solid rgba(255,255,255,.12);min-width:1.8em;text-align:center}.remove-one-btn{display:flex;align-items:center;justify-content:center;width:1.8em;height:1.8em;background:0 0;border:none;color:rgba(255,255,255,.7);font-size:.95em;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.remove-one-btn:hover{background:rgba(50,80,160,.85);color:#fff}.remove-all-btn{display:flex;align-items:center;justify-content:center;width:1.8em;height:1.8em;background:0 0;border:none;color:rgba(255,255,255,.7);font-size:.95em;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.remove-all-btn:hover{background:rgba(180,20,50,.85);color:#fff}.deck-empty{text-align:center;padding:2.5em 1em;color:rgba(255,255,255,.4)}.deck-empty-icon{font-size:2.5em;margin-bottom:.5em;opacity:.5}.deck-empty-text{font-size:var(--sts2-font-xl);line-height:1.6}.deck-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sts2-gap-sm);margin-top:.5em}.deck-btn{padding:.75em .5em;border-radius:var(--sts2-radius-sm);font-weight:700;font-size:var(--sts2-font-md);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:var(--sts2-transition-fast);color:#fff;border:var(--sts2-border-thin) solid rgba(255,255,255,.1);box-shadow:var(--sts2-shadow-sm)}.deck-btn:hover{transform:translateY(-1px);box-shadow:var(--sts2-shadow-md)}.deck-btn:active{transform:translateY(0)}.deck-btn-clear{background:linear-gradient(135deg,rgba(70,70,90,.8),rgba(50,50,70,.8));border-color:rgba(255,255,255,.1)}.deck-btn-clear:hover{background:linear-gradient(135deg,rgba(90,90,110,.9),rgba(70,70,90,.9))}.deck-btn-save{background:linear-gradient(135deg,#2a5caa,#1e4080);border-color:rgba(80,130,220,.4)}.deck-btn-save:hover{background:linear-gradient(135deg,#3468c0,#2a5caa);box-shadow:0 .25em .75em rgba(65,105,225,.35)}.deck-btn-share{background:linear-gradient(135deg,#1a7a4a,#145c38);border-color:rgba(50,180,100,.4)}.deck-btn-share:hover{background:linear-gradient(135deg,#229060,#1a7a4a);box-shadow:0 .25em .75em rgba(50,200,100,.3)}@media (max-width:64em){.deck-builder{grid-template-columns:1fr}.deck-panel{position:static}.deck-grid-preview{grid-template-columns:repeat(5,1fr)}.sts2-grid-deck{grid-template-columns:repeat(auto-fill,minmax(9em,1fr))}}@media (max-width:48em){#sts2-deck-app .sts2-container{padding:1.3em .9em}.card-selection{box-shadow:var(--sts2-shadow)}.deck-stats{grid-template-columns:repeat(3,1fr)}.deck-grid-preview{grid-template-columns:repeat(4,1fr)}.deck-actions{grid-template-columns:repeat(3,1fr)}}