/* Keep every workshop mode within its dialog, with one content scroll area. */
.exp-modal.modal-decks{overflow:hidden;height:min(760px,100%);box-sizing:border-box}
.deck-workshop{flex:1;min-height:0;min-width:0;overflow:hidden}
.deck-workshop .workshop-header{min-width:0}
.deck-workshop .workshop-header h2{padding-right:34px}
.deck-workshop .workshop-body{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;flex:1 1 0;padding:2px 2px 6px;scroll-padding-block:8px}
.deck-workshop .workshop-body>*{flex-shrink:0}
.deck-workshop .workshop-body .workshop-scroll,.deck-workshop .workshop-empty{overflow:visible;flex:0 0 auto;min-height:auto}
.deck-workshop .workshop-grid,.deck-workshop .workshop-body>.workshop-grid,.deck-workshop .workshop-pool .workshop-grid{flex:0 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:164px;align-content:start;gap:8px}
.deck-workshop .workshop-tile>strong{font-size:11px;line-height:1.2;min-height:27px;flex:none}
.deck-workshop .workshop-tile>small{font-size:10px;flex:none}
.deck-workshop .workshop-portrait{min-height:0;min-width:0}
.deck-workshop .workshop-incoming{min-width:0;min-height:58px;box-sizing:border-box}
.deck-workshop .workshop-incoming>:is(.art,.foil-art){display:block;position:relative;flex:0 0 38px;width:38px;height:50px;min-width:38px;max-width:38px;max-height:50px;overflow:hidden;border-radius:5px;object-fit:cover}
.deck-workshop .workshop-incoming .foil-art>.art{display:block;width:100%;height:100%;object-fit:cover}
.deck-workshop .workshop-incoming>span:not(.foil-art){min-width:0;flex:1}
.deck-workshop .workshop-incoming strong{display:block;overflow-wrap:anywhere;line-height:1.3}
.deck-workshop .workshop-comparison{flex:none;align-self:center}
.deck-workshop .workshop-footer{position:relative;z-index:1;background:#111d27;min-width:0}
.deck-workshop .workshop-footer>div{flex-shrink:0}
.deck-workshop .workshop-footer>span{min-width:0;overflow-wrap:anywhere}
.deck-workshop .workshop-search{display:block;flex:none}
.deck-workshop .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:700px){
 .deck-workshop .workshop-grid,.deck-workshop .workshop-body>.workshop-grid,.deck-workshop .workshop-pool .workshop-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:180px}
}
@media(max-width:360px){
 .deck-workshop .workshop-grid,.deck-workshop .workshop-body>.workshop-grid,.deck-workshop .workshop-pool .workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:175px}
 .deck-workshop .workshop-footer>span{font-size:9px}
 .deck-workshop .workshop-footer .workshop-primary{padding-inline:10px}
}
@media(max-height:480px) and (min-width:600px){
 .deck-workshop .workshop-header h2{padding-right:0}
 .deck-workshop .workshop-grid,.deck-workshop .workshop-body>.workshop-grid,.deck-workshop .workshop-pool .workshop-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:150px}
}