:root{--cassette-w:450px;--cassette-h:285px;--cassette-d:55.5px;--radius:21px}@media (orientation:portrait) and (max-width:600px){:root{--cassette-w:300px;--cassette-h:190px;--cassette-d:37px;--radius:14px}.tape-disc{-webkit-mask-image:radial-gradient(circle,#0000 16px,#000 16px);mask-image:radial-gradient(circle,#0000 16px,#000 16px)}.right,.left{height:calc(var(--cassette-h) - 26px);top:13px}.top,.bottom{width:calc(var(--cassette-w) - 26px);left:13px}}*{box-sizing:border-box}#stage{perspective:1500px;touch-action:none;cursor:grab;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}#stage.dragging{cursor:grabbing}#carousel{width:1px;height:1px;transform-style:preserve-3d;position:relative}.slot{width:var(--cassette-w);height:var(--cassette-h);margin-left:calc(var(--cassette-w) / -2);margin-top:calc(var(--cassette-h) / -2);transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.scene{width:100%;height:100%;transform-style:preserve-3d}.box{width:100%;height:100%;transform-style:preserve-3d;position:relative;transform:rotateX(-8deg)}.face{position:absolute}.front{width:var(--cassette-w);height:var(--cassette-h);border-radius:var(--radius);transform:translateZ(calc(var(--cassette-d) / 2));background:linear-gradient(160deg,#ffffff1a,#ffffff05 55%,#0000000d);overflow:hidden;box-shadow:inset 0 1px #ffffff59,inset 0 -2px 6px #0000001f,0 16px 30px #00000059;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMTkwIj4KPHJlY3Qgd2lkdGg9IjMwMCIgaGVpZ2h0PSIxOTAiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjEwMi4xOCIgeT0iMTY5LjEiIHdpZHRoPSIxMi42NCIgaGVpZ2h0PSIxMi4yNCIgcng9IjIuNSIgZmlsbD0iYmxhY2siLz4KPHJlY3QgeD0iMTg2LjAyIiB5PSIxNjkuMSIgd2lkdGg9IjEyLjY0IiBoZWlnaHQ9IjEyLjI0IiByeD0iMi41IiBmaWxsPSJibGFjayIvPgo8Y2lyY2xlIGN4PSI3OS40MyIgY3k9IjE3Ny45NyIgcj0iNy41OSIgZmlsbD0iYmxhY2siLz4KPGNpcmNsZSBjeD0iMjIxLjIxIiBjeT0iMTc3Ljk3IiByPSI3LjU5IiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMTkwIj4KPHJlY3Qgd2lkdGg9IjMwMCIgaGVpZ2h0PSIxOTAiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjEwMi4xOCIgeT0iMTY5LjEiIHdpZHRoPSIxMi42NCIgaGVpZ2h0PSIxMi4yNCIgcng9IjIuNSIgZmlsbD0iYmxhY2siLz4KPHJlY3QgeD0iMTg2LjAyIiB5PSIxNjkuMSIgd2lkdGg9IjEyLjY0IiBoZWlnaHQ9IjEyLjI0IiByeD0iMi41IiBmaWxsPSJibGFjayIvPgo8Y2lyY2xlIGN4PSI3OS40MyIgY3k9IjE3Ny45NyIgcj0iNy41OSIgZmlsbD0iYmxhY2siLz4KPGNpcmNsZSBjeD0iMjIxLjIxIiBjeT0iMTc3Ljk3IiByPSI3LjU5IiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.slot.focused .front{-webkit-backdrop-filter:blur(14px)saturate(1.25);background:linear-gradient(160deg,#ffffff29,#ffffff08 50%,#0000000f)}.front:after{content:"";mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(120deg,#fff0 30%,#fff6 45%,#fff0 60%);position:absolute;inset:0}.content{position:absolute;inset:0}.content img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none;transition:filter .25s,opacity .25s;display:block;position:absolute}.slot:not(.focused) .content img{filter:blur(1.6px);opacity:.82}.layer-label{object-fit:cover;border-radius:3px;width:88.975%;height:64.889%;top:8.222%;left:5.548%}.layer-reel{width:58.778%;height:27.111%;top:31.889%;left:20.646%}.layer-screws{width:97.331%;height:96%;top:1.778%;left:1.334%}.cutout-edge{pointer-events:none;position:absolute;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 1px 1px #ffffff4d}.cutout-rect-left{border-radius:22%;width:4.213%;height:6.444%;top:89%;left:34.059%}.cutout-rect-right{border-radius:22%;width:4.213%;height:6.444%;top:89%;left:62.008%}.cutout-circ-left{border-radius:50%;width:5.056%;height:8%;top:89.667%;left:23.947%}.cutout-circ-right{border-radius:50%;width:5.056%;height:8%;top:89.667%;left:71.208%}.right{width:var(--cassette-d);height:calc(var(--cassette-h) - 39px);top:19.5px;left:calc((var(--cassette-w) - var(--cassette-d)) / 2);transform:rotateY(90deg) translateZ(calc(var(--cassette-w) / 2));-webkit-backdrop-filter:blur(3px);background:linear-gradient(90deg,#ebeef58c 0%,#bec4d280 50%,#a0a8b98c 100%);border-radius:5px;box-shadow:inset 1px 0 #ffffff8c,inset -1px 0 #3c404a4d}.left{width:var(--cassette-d);height:calc(var(--cassette-h) - 39px);top:19.5px;left:calc((var(--cassette-w) - var(--cassette-d)) / 2);transform:rotateY(-90deg) translateZ(calc(var(--cassette-w) / 2));-webkit-backdrop-filter:blur(3px);background:linear-gradient(90deg,#a0a8b98c 0%,#bec4d280 50%,#ebeef58c 100%);border-radius:5px;box-shadow:inset -1px 0 #ffffff8c,inset 1px 0 #3c404a4d}.top{width:calc(var(--cassette-w) - 39px);height:var(--cassette-d);top:calc((var(--cassette-h) - var(--cassette-d)) / 2);transform:rotateX(90deg) translateZ(calc(var(--cassette-h) / 2));-webkit-backdrop-filter:blur(3px);background:linear-gradient(#f0f2f894 0%,#c3c8d780 100%);border-radius:5px;left:19.5px;box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #3c404a38}.bottom{width:calc(var(--cassette-w) - 39px);height:var(--cassette-d);top:calc((var(--cassette-h) - var(--cassette-d)) / 2);transform:rotateX(-90deg) translateZ(calc(var(--cassette-h) / 2));-webkit-backdrop-filter:blur(3px);background:linear-gradient(#aab0c08c 0%,#cdd2de80 100%);border-radius:5px;left:19.5px;box-shadow:inset 0 1px #3c404a40}.tape-disc{filter:blur(2px);background:radial-gradient(circle at 38% 34%,#463a30b3,#0c0a08e0 70%);border-radius:50%;position:absolute;-webkit-mask-image:radial-gradient(circle,#0000 24px,#000 24px);mask-image:radial-gradient(circle,#0000 24px,#000 24px)}.slot.playing .tape-disc.hub-left{animation:7s ease-in-out infinite tape-left}.slot.playing .tape-disc.hub-right{animation:7s ease-in-out infinite tape-right}@keyframes tape-left{0%,to{width:41.081%;height:65%;top:12.667%;left:9.13%}50%{width:23.034%;height:36.444%;top:26.945%;left:18.153%}}@keyframes tape-right{0%,to{width:23.034%;height:36.444%;top:26.945%;left:58.673%}50%{width:41.081%;height:65%;top:12.667%;left:49.649%}}.tape-disc.hub-left{opacity:0;width:23.034%;height:36.444%;transition:opacity .4s;top:26.945%;left:18.153%}.tape-disc.hub-right{opacity:0;width:23.034%;height:36.444%;transition:opacity .4s;top:26.945%;left:58.673%}.slot.playing .tape-disc{opacity:1}.reel-spin{width:10.182%;height:16.111%;position:absolute;top:37.111%;left:24.579%}.reel-spin.hub-right{top:37.111%;left:65.099%}.slot.playing .reel-spin{animation:7s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(720deg)}to{transform:rotate(0)}}@keyframes settleBounce{0%{animation-timing-function:ease-out;transform:rotateX(-8deg)translateY(0)}40%{animation-timing-function:ease-out;transform:rotateX(-8deg)translateY(-10px)}to{transform:rotateX(-8deg)translateY(0)}}.box.bounce{animation:.5s settleBounce}#contactShadow{filter:blur(2px);pointer-events:none;background:radial-gradient(#00000080,#0000 72%);width:70%;height:60px;position:absolute;bottom:-6%;left:50%;transform:translate(-50%)}