.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-builder{display:grid;grid-template-columns:1fr 20em;gap:1.5em;background:var(--sts2-gradient-darker);padding:1.5em;border-radius:0 0 var(--sts2-radius-sm)}.card-selection{background:var(--sts2-gradient-dark);border:.0625em solid rgba(255,255,255,.08);border-radius:var(--sts2-radius-sm);box-shadow:var(--sts2-shadow-md)}.card-body{padding-bottom:3em}#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}#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)}.card-count-badge{position:absolute;bottom:-.5em;right:-.5em;min-width:2.5em;height:2.5em;padding:0 .75em;background:var(--sts2-gradient-danger);border:.0625em solid rgba(255,100,120,.4);border-radius:1em;display:flex;align-items:center;justify-content:center;font-size:.9em;font-weight:800;color:#fff;z-index:10;box-shadow:0 .125em .5em rgba(0,0,0,.6);text-shadow:.0625em .0625em .125em rgba(0,0,0,.8);transition:var(--sts2-transition)}.deck-panel{background:var(--sts2-gradient-dark);border:.0625em solid rgba(255,255,255,.08);border-radius:var(--sts2-radius-sm);padding:1.5em;height:fit-content;position:sticky;top:2em;box-shadow:var(--sts2-shadow-md)}.deck-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em;padding-bottom:1em;border-bottom:.125em solid rgba(255,255,255,.15)}.deck-header h3{font-size:1.5em;color:#fff;margin:0;text-shadow:.0625em .0625em .1875em rgba(0,0,0,.8)}.deck-count{background:var(--sts2-gradient-danger);padding:.4em 1em;border-radius:var(--sts2-radius-lg);font-weight:800;font-size:1.1em;border:.0625em solid rgba(255,100,120,.3);box-shadow:var(--sts2-shadow-md)}.deck-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75em;margin-bottom:1.5em;padding:1em;background:rgba(0,0,0,.3);border-radius:var(--sts2-radius-sm);border:.0625em solid rgba(255,255,255,.05)}.stat-item{text-align:center}.stat-label{font-size:.75em;color:var(--sts2-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25em}.stat-value{font-size:1.5em;font-weight:800;color:#fff;text-shadow:.0625em .0625em .1875em rgba(0,0,0,.8)}.deck-list{max-height:50vh;overflow-y:auto;margin-bottom:1.5em;padding-right:.5em}.deck-list::-webkit-scrollbar{width:.5em}.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,.2);border-radius:var(--sts2-radius-xs)}.deck-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.deck-item{display:flex;align-items:center;gap:.75em;padding:.75em;background:rgba(0,0,0,.3);border:.0625em solid rgba(255,255,255,.08);border-radius:var(--sts2-radius-sm);margin-bottom:.5em;transition:var(--sts2-transition)}.deck-item:hover{background:rgba(0,0,0,.4);border-color:rgba(255,255,255,.15)}.deck-item-cost{flex-shrink:0;width:2em;height:2em;background:var(--sts2-gradient-primary);border:.0625em solid rgba(100,150,200,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9em;color:#fff;text-shadow:.0625em .0625em .125em rgba(0,0,0,.8);box-shadow:var(--sts2-shadow-sm);transition:var(--sts2-transition)}.deck-item-info{flex:1;min-width:0}.deck-item-name{font-weight:700;font-size:.95em;margin-bottom:.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.deck-item-type{font-size:.7em;color:var(--sts2-text-muted);text-transform:uppercase}.deck-item-actions{display:flex;align-items:center;gap:.5em;flex-shrink:0}.deck-item-count{background:rgba(200,20,60,.7);padding:.25em .6em;border-radius:var(--sts2-radius-xs);font-weight:700;font-size:.85em;min-width:2em;text-align:center;border:.0625em solid rgba(255,100,120,.3)}.remove-btn{flex-shrink:0;width:1.75em;height:1.75em;background:rgba(200,20,60,.7);border:.0625em solid rgba(255,100,120,.3);border-radius:50%;color:#fff;font-size:1em;font-weight:700;cursor:pointer;transition:var(--sts2-transition);display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:rgba(220,20,60,.9);transform:scale(1.1)}.deck-actions{display:grid;grid-template-columns:1fr;gap:.75em}.deck-btn{padding:.875em;border:.0625em solid rgba(255,255,255,.1);border-radius:var(--sts2-radius-sm);font-weight:700;font-size:.9em;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--sts2-transition);box-shadow:var(--sts2-shadow-sm)}.deck-btn:hover{transform:translateY(-.0625em);box-shadow:var(--sts2-shadow-md)}.deck-btn-clear{background:linear-gradient(135deg,rgba(80,80,80,.6),rgba(60,60,60,.6));color:rgba(255,255,255,.9)}.deck-btn-clear:hover{background:linear-gradient(135deg,rgba(100,100,100,.7),rgba(80,80,80,.7))}.deck-btn-save{background:var(--sts2-gradient-danger);color:#fff}.deck-btn-save:hover{background:var(--sts2-gradient-danger-strong);box-shadow:0 .25em .75em rgba(200,20,60,.4)}.deck-btn-share:hover{opacity:.9}.deck-empty{text-align:center;padding:3em 1em;color:var(--sts2-text-muted)}.deck-empty-icon{font-size:3em;margin-bottom:.5em;opacity:.5}.deck-empty-text{font-size:1em;line-height:1.6}@media (max-width:64em){.deck-builder{grid-template-columns:1fr}.deck-panel{position:static}.sts2-grid-deck{grid-template-columns:repeat(auto-fill,minmax(11em,1fr))}}@media (max-width:48em){#sts2-deck-app .sts2-container{padding:1.5em 1em}.card-selection{box-shadow:var(--sts2-shadow)}.deck-stats{grid-template-columns:repeat(2,1fr)}.deck-actions{grid-template-columns:1fr}}