.illustrated-deck{max-width:480px;aspect-ratio:1;background:#10140f;border:0;box-shadow:none;transform:none;border-radius:2px;isolation:isolate;overflow:hidden}.deck-art{display:block;width:100%;height:100%;object-fit:contain}.record-cutout{position:absolute;left:13%;top:18%;width:60%;height:60%;border-radius:50%;overflow:hidden;animation:spin 1.8s linear infinite;animation-play-state:paused;pointer-events:none}.record-cutout img{position:absolute;left:-21.666667%;top:-30%;width:166.666667%;height:166.666667%;max-width:none}.playing .record-cutout{animation-play-state:running}.illustrated-deck #play{position:absolute;left:7%;bottom:8%;width:20%;height:10%;min-height:36px;border:2px solid #27281b;border-radius:3px;background:linear-gradient(#daca9c,#ac986b);color:#171b12;font:700 12px 'Space Mono',monospace;box-shadow:2px 4px 0 #0009;transition:background .15s,box-shadow .15s}.illustrated-deck #play:hover{background:#f2d295}.illustrated-deck #play:active{transform:translateY(2px);box-shadow:1px 2px 0 #0009}.playing .illustrated-deck #play{background:#d8b36a}.play-light{position:absolute;left:29%;bottom:12%;width:2%;height:2%;border-radius:50%;background:#5b4d2c;border:1px solid #292d20}.playing .play-light{background:#ffd484;box-shadow:0 0 12px 4px #ffc16a80}.deck-instruction{text-align:center;font:11px Kalam,cursive;color:#baa987;margin:9px 0 0}@media(max-width:650px){.illustrated-deck{max-width:420px}.illustrated-deck #play{min-height:40px;font-size:10px}}@media(prefers-reduced-motion:reduce){.record-cutout{animation:none}}
.record-cutout{left:11.1%;top:14.9%;width:64%;height:64%}.record-cutout img{left:-17.34375%;top:-23.28125%;width:156.25%;height:156.25%}.illustrated-deck #play{left:6.5%;bottom:18.5%;width:9%;height:6.5%;min-height:0;font-size:clamp(6px,.7vw,10px);border-width:1px;box-shadow:1px 2px 0 #0009}.play-light{left:16.7%;bottom:20.5%;width:2%;height:2%}@media(max-width:650px){.illustrated-deck #play{width:13%;height:10%;left:4.5%;bottom:17%;min-height:36px;font-size:8px}}

.illustrated-deck #play:after{content:'';position:absolute;inset:-12px}.turntable.panel{padding-left:18px;padding-right:18px}
.playing-art,.pickup-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}.playing-art{z-index:0}.record-cutout{z-index:1}.pickup-overlay{z-index:2;clip-path:polygon(82% 10%,90% 11%,89% 20%,94% 22%,95% 31%,88% 37%,83% 39%,80% 47%,77% 52%,68% 57%,65% 60%,65% 67%,62% 68%,60% 65%,55% 67%,53% 65%,55% 61%,61% 56%,65% 55%,71% 51%,75% 46%,78% 35%,80% 29%,77% 26%,78% 21%,82% 20%)}.playing .playing-art,.playing .pickup-overlay{opacity:1}.illustrated-deck #play,.play-light{z-index:4}