/* Keep the full-sized deck beside the mixer on desktop, and fill mobile width. */
.simple-playground .deck-column{width:100%;min-width:0}
@media(min-width:861px){
 .playground.simple-playground{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(430px,1fr);align-items:start}
 .simple-playground .deck-column{grid-column:1;grid-row:1}
 .simple-playground .mix-panel{grid-column:2;grid-row:1}
}
@media(max-width:860px){
 .playground.simple-playground{width:100%;align-items:stretch}
 .simple-playground .turntable{width:100%;flex-shrink:0}
}

.mix-panel .record-shuffle-bar{margin-bottom:0;padding-bottom:8px;border-bottom:0}
.mix-panel .flip-bar{margin-top:4px;padding-top:4px;padding-bottom:12px;border-top:0;border-bottom:1px solid #716d5744;margin-bottom:10px}
.mix-panel .record-shuffle-bar #shuffle-records{min-height:48px;padding:12px 20px;font-size:14px;font-weight:700;color:#17210f;background:linear-gradient(145deg,#e2f3a4,#adc96b);border:1px solid #667e38;box-shadow:inset 0 1px #f5ffd9,0 3px 7px #26341244}
.mix-panel .record-shuffle-bar #shuffle-records:hover:not(:disabled){background:linear-gradient(145deg,#efffc0,#bddf7c);box-shadow:inset 0 1px #fff,0 3px 10px #26341266}
@media(max-width:520px){.mix-panel .record-shuffle-bar #shuffle-records{padding:11px 13px;font-size:12px}}