.am-machine[data-skin=arcade]{--ar:#c75cff;--ar-mag:#ff3dbb;--ar-yel:#ffd23b;--ar-vio:#8b5cf6}.ar-art{position:absolute;inset:0;overflow:hidden}.ar-shake{position:absolute;inset:0}.ar-bg{background:radial-gradient(52% 38% at 6% 24%,#ff3dbb4d,#0000 72%),radial-gradient(52% 38% at 96% 62%,#ffd23b29,#0000 72%),repeating-linear-gradient(90deg,#ffffff06 0 .3cqw,#0000 .3cqw 5cqw),linear-gradient(#160a26 0%,#0c0618 100%);position:absolute;inset:0}.ar-aura{opacity:.3;pointer-events:none;background:radial-gradient(closest-side,#ff3dbb80,#ffd23b29 60%,#0000);border-radius:50%;width:92cqw;height:140cqw;position:absolute;top:-6cqw;left:4cqw}.ar-cab{background:linear-gradient(90deg,#1a0b2e,#2a1350 14%,#231044 50%,#2a1350 86%,#1a0b2e);border-radius:2.6cqw 2.6cqw 0 0;width:64cqw;height:121cqw;position:absolute;top:3cqw;left:18cqw;box-shadow:inset 0 .4cqw #ffffff24,0 0 0 .35cqw #000000b3,0 0 5cqw #c75cff4d}.ar-side{background:repeating-linear-gradient(135deg, var(--ar-mag) 0 1cqw, #2a1350 1cqw 2cqw, var(--ar-yel) 2cqw 3cqw, #2a1350 3cqw 4cqw);opacity:.85;width:3.6cqw;position:absolute;top:12cqw;bottom:0}.ar-side.is-l{left:0}.ar-side.is-r{right:0}.ar-marquee{background:linear-gradient(#5b2399,#33105e 60%,#4a1a80);border-radius:1.4cqw;place-items:center;height:10cqw;display:grid;position:absolute;top:2cqw;left:3cqw;right:3cqw;overflow:hidden;box-shadow:inset 0 0 0 .35cqw #fff3,0 0 2cqw #ff3dbb99}.ar-mq{opacity:0;position:absolute;inset:0}.ar-mq.is-a{background:radial-gradient(60% 120%,#ff3dbbf2,#0000 75%)}.ar-mq.is-b{background:radial-gradient(60% 120%,#ffd23bf2,#0000 75%)}.ar-mq.is-c{background:radial-gradient(60% 120%,#8b5cf6f2,#0000 75%)}.ar-marquee span{font-family:var(--font-anybody), "Arial Narrow", sans-serif;font-variation-settings:"wdth" 135;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 0 1cqw #fff, 0 0 2.4cqw var(--ar-mag), 0 0 4.4cqw var(--ar-mag);font-size:6.6cqw;font-weight:900;line-height:1;transition:opacity .25s;animation:4.6s step-end infinite ar-flicker;position:relative}.ar-bezel{background:linear-gradient(#0b0614,#1a0f2e);border-radius:2.2cqw;height:36cqw;position:absolute;top:14.4cqw;left:5cqw;right:5cqw;box-shadow:inset 0 0 0 .4cqw #ffffff1a,0 .6cqw #ffffff14}.ar-screen{background:radial-gradient(120% 100% at 50% 40%,#3a1678,#170838 70%,#0b041c);border-radius:2.4cqw/2cqw;animation:6s ease-in-out infinite alternate ar-crt;position:absolute;inset:3cqw;overflow:hidden;box-shadow:inset 0 0 3cqw #000c}.ar-stars i{aspect-ratio:1;opacity:0;width:1.1cqw;animation:2s steps(2,end) infinite ar-twinkle;animation-delay:var(--d);background:#fff;position:absolute}.ar-prism{aspect-ratio:1;opacity:0;background:conic-gradient(#ff3dbb,#ffb347,#ffe66b,#4dffb0,#4dc3ff,#8b5cf6,#ff3dbb);border-radius:50%;width:70cqw;position:absolute;top:50%;left:50%;translate:-50% -50%}.ar-text{font-family:var(--font-doto), ui-monospace, monospace;text-align:center;justify-items:stretch;gap:1.2cqw;line-height:1;display:grid;position:absolute;top:34%;left:0;right:0}.ar-text b{letter-spacing:.04em;color:var(--ar-yel);text-shadow:0 0 .9cqw #ffd23bcc;white-space:nowrap;font-size:5.4cqw;font-weight:900}.ar-text b.is-blink{animation:1s step-end infinite ar-blink}.ar-text small{letter-spacing:.12em;min-height:2.8cqw;color:var(--ar-mag);text-shadow:0 0 .7cqw #ff3dbbcc;white-space:nowrap;font-size:3cqw;font-weight:900}.ar-bar{border:.35cqw solid var(--ar-yel);opacity:0;height:2.2cqw;position:absolute;bottom:3.4cqw;left:6cqw;right:6cqw}.ar-bar i{background:var(--ar-yel);transform-origin:0;width:100%;height:100%;display:block;scale:0 1}.am-machine[data-skin=arcade][data-phase=work] .ar-bar{opacity:1}.am-machine[data-skin=arcade][data-phase=work] .ar-bar i{animation:ar-load var(--t-work,1.7s) steps(12) forwards}.ar-scan{pointer-events:none;background:linear-gradient(115deg,#ffffff24 0 14%,#0000 14%),repeating-linear-gradient(0deg,#00000047 0 .3cqw,#0000 .3cqw .7cqw);position:absolute;inset:0}.ar-panel{clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);background:linear-gradient(#3a1d66,#22104a 70%);height:19cqw;position:absolute;top:53.4cqw;left:1.4cqw;right:1.4cqw;box-shadow:inset 0 .5cqw #fff3}.ar-panel:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 50% 38%,#4a2a80,#12062a 70%);border-radius:50%;width:8cqw;position:absolute;top:9.8cqw;left:10.6cqw;box-shadow:0 0 0 .35cqw #ffffff24}.ar-stick{transform-origin:50% 88%;width:1.8cqw;height:11cqw;position:absolute;top:3cqw;left:13.7cqw}.ar-shaft{background:linear-gradient(90deg,#8a8aa0,#f2f2f8,#8a8aa0);position:absolute;inset:2.6cqw 0 0}.ar-ball{aspect-ratio:1;background:radial-gradient(circle at 34% 30%,#fff1a8,#ffd23b 52%,#b8860b);border-radius:50%;width:6.4cqw;position:absolute;top:0;left:50%;translate:-50%;box-shadow:0 .8cqw 1cqw #00000080}.ar-btn{aspect-ratio:1;width:5.4cqw;box-shadow:0 .7cqw 0 #0000008c, inset 0 .4cqw .6cqw #ffffff80, 0 0 1.4cqw var(--bc);background:radial-gradient(circle at 34% 30%, color-mix(in srgb, var(--bc) 40%, #fff), var(--bc) 60%, color-mix(in srgb, var(--bc) 50%, #000));border-radius:50%;position:absolute;top:7cqw}.ar-btn:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--bc) 80%, #fff), transparent);opacity:0;border-radius:50%;position:absolute;inset:-40%}.ar-btn.is-a{--bc:#ff3dbb;left:30.5cqw}.ar-btn.is-b{--bc:#ffd23b;top:5cqw;left:39.5cqw}.ar-btn.is-c{--bc:#a970ff;left:48.5cqw}.ar-coin-door{background:linear-gradient(#2c2438,#16121e);border-radius:1.4cqw;width:24cqw;height:19cqw;position:absolute;top:74.4cqw;left:20cqw;box-shadow:inset 0 0 0 .35cqw #ffffff24,0 .6cqw 1cqw #00000080}.ar-slot{background:#0a0710;border-radius:.6cqw;width:3.2cqw;height:6.6cqw;position:absolute;top:3.6cqw;box-shadow:0 0 0 .4cqw #4c3f5e,inset 0 0 .6cqw #000}.ar-slot:after{content:"";background:var(--ar-mag);box-shadow:0 0 1.2cqw var(--ar-mag);opacity:.75;animation:1.2s step-end infinite ar-slot;position:absolute;inset:14% 30%}.ar-slot.is-a{left:5cqw}.ar-slot.is-b{left:15.8cqw}.ar-slot:before{content:"";opacity:0;background:radial-gradient(closest-side,#fff0faf2,#ff3dbb99 45%,#0000);border-radius:50%;position:absolute;inset:-90% -160%}.am-machine[data-skin=arcade][data-phase=insert] .ar-slot.is-a:before{animation:ar-gulp var(--t-insert,1.3s) linear forwards}.ar-return{aspect-ratio:1;background:#3a3048;border-radius:50%;width:3cqw;position:absolute;top:13cqw;left:10.6cqw;box-shadow:0 0 0 .3cqw #5c4f70}.ar-chute{background:linear-gradient(#05020a,#110a1c);border-radius:1.4cqw;width:34cqw;height:13cqw;position:absolute;top:97cqw;left:15cqw;box-shadow:inset 0 .8cqw 1.4cqw #000,0 0 0 .5cqw #45305e,0 .6cqw 0 .5cqw #ffffff14}.ar-chute i{transform-origin:50% 0;background:linear-gradient(#ffd23b61,#ff3dbb1a);border-radius:0 0 1cqw 1cqw;height:76%;position:absolute;top:0;left:4%;right:4%;transform:perspective(40cqw)rotateX(0)}.ar-packslot{z-index:6;width:23cqw;position:absolute;top:86cqw;left:7.5cqw;rotate:-7deg}.am-machine[data-skin=arcade][data-phase=insert] .ar-packslot{animation:ar-pack-in var(--t-insert,1.3s) cubic-bezier(.45, 0, .3, 1) forwards}.am-machine[data-skin=arcade]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .ar-packslot{visibility:hidden}.am-machine[data-skin=arcade][data-phase=work] .ar-stick{animation:.8s ease-in-out infinite alternate ar-stick}.am-machine[data-skin=arcade][data-phase=work] .ar-btn{animation:.5s step-end infinite ar-press}.am-machine[data-skin=arcade][data-phase=work] .ar-btn:after{animation:.5s step-end infinite ar-lit}.am-machine[data-skin=arcade][data-phase=work] .ar-btn.is-b,.am-machine[data-skin=arcade][data-phase=work] .ar-btn.is-b:after{animation-delay:.17s}.am-machine[data-skin=arcade][data-phase=work] .ar-btn.is-c,.am-machine[data-skin=arcade][data-phase=work] .ar-btn.is-c:after{animation-delay:.33s}.am-machine[data-skin=arcade][data-phase=reveal] .ar-stick{animation:1.4s ease-in-out infinite alternate ar-stick}.am-machine[data-skin=arcade][data-phase=reveal]:is([data-i="0"],[data-i="2"],[data-i="4"]) .ar-chute i{animation:.9s ease-out ar-flap-a}.am-machine[data-skin=arcade][data-phase=reveal]:is([data-i="1"],[data-i="3"]) .ar-chute i{animation:.9s ease-out ar-flap-b}.ar-coins{pointer-events:none;position:absolute;inset:0}.ar-coins i{aspect-ratio:1;opacity:0;background:radial-gradient(circle at 34% 30%,#fff6b8,#ffd23b 48%,#c98a0a);border-radius:50%;width:5cqw;position:absolute;top:-8cqw;box-shadow:inset 0 0 0 .45cqw #a064008c,0 0 1.6cqw #ffd23ccc}.am-machine[data-skin=arcade][data-hype="2"] .ar-coins i{animation:ar-rain var(--t) linear infinite;animation-delay:var(--d)}.am-machine[data-skin=arcade][data-hype="2"] .ar-mq.is-a{animation:.45s step-end infinite ar-mq}.am-machine[data-skin=arcade][data-hype="2"] .ar-mq.is-b{animation:.45s step-end -.15s infinite ar-mq}.am-machine[data-skin=arcade][data-hype="2"] .ar-mq.is-c{animation:.45s step-end -.3s infinite ar-mq}.am-machine[data-skin=arcade][data-hype="2"] .ar-marquee span{animation:.3s step-end infinite ar-blink}.am-machine[data-skin=arcade][data-hype="2"] .ar-prism{opacity:.55;animation:1.6s linear infinite am-spin}.am-machine[data-skin=arcade][data-hype="2"] .ar-text b{animation:.4s step-end infinite ar-blink}.am-machine[data-skin=arcade][data-hype="2"] .ar-screen{animation:.24s steps(2,end) infinite ar-screen-hype}.am-machine[data-skin=arcade][data-hype="2"] .ar-stars i{animation-duration:.4s}.am-machine[data-skin=arcade][data-hype="2"] .ar-aura{animation:.36s ease-in-out infinite alternate ar-aura}.am-machine[data-skin=arcade][data-hype="2"] .ar-shake{animation:90ms linear infinite alternate ar-shake}.am-machine[data-skin=arcade][data-hype="2"] .ar-side{animation:.2s step-end infinite ar-blink}.am-machine[data-skin=arcade][data-hype="1"] .ar-shake{animation:.16s linear infinite alternate ar-shake}.am-machine[data-skin=arcade][data-hype="1"] .ar-stick{animation-duration:.3s}.am-machine[data-skin=arcade][data-hype="1"] .ar-aura{opacity:.6}.am-machine[data-skin=arcade][data-callout] .ar-marquee span{opacity:0;animation:none}.am-machine[data-skin=arcade]{--rack-ai:flex-end;--rack-pb:3cqw}.am-machine[data-skin=arcade] .am-slot[data-state=new] .am-pop{transform-origin:50% 77%;animation-name:ar-prize}.am-thumb[data-skin=arcade] .ar-stick{animation:1.3s ease-in-out infinite alternate ar-stick}.am-thumb[data-skin=arcade] .ar-packslot{display:none}@keyframes ar-flicker{0%,92%,96%{opacity:1}94%,98%{opacity:.55}}@keyframes ar-crt{0%{opacity:1}to{opacity:.93}}@keyframes ar-twinkle{0%{opacity:.15}50%{opacity:.95}}@keyframes ar-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes ar-slot{0%,50%{opacity:.85}51%,to{opacity:.25}}@keyframes ar-load{to{scale:1}}@keyframes ar-mq{0%{opacity:1}34%{opacity:0}}@keyframes ar-aura{0%{opacity:.45}to{opacity:1}}@keyframes ar-lit{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes ar-stick{0%{rotate:-22deg}35%{rotate:14deg}70%{rotate:-6deg}to{rotate:24deg}}@keyframes ar-press{0%,49%{translate:0 .6cqw}50%,to{translate:0}}@keyframes ar-flap-a{0%{transform:perspective(40cqw)rotateX(0)}25%{transform:perspective(40cqw)rotateX(-42deg)}to{transform:perspective(40cqw)rotateX(0)}}@keyframes ar-flap-b{0%{transform:perspective(40cqw)rotateX(0)}25%{transform:perspective(40cqw)rotateX(-42deg)}to{transform:perspective(40cqw)rotateX(0)}}@keyframes ar-pack-in{0%{opacity:1;translate:0;rotate:-7deg;scale:1}18%{opacity:1;translate:2cqw -8cqw;rotate:-12deg;scale:1.04}55%{opacity:1;translate:22.5cqw -20cqw;rotate:0deg;scale:.42}70%{opacity:1;translate:25.6cqw -17.8cqw;rotate:0deg;scale:.3}92%{opacity:1;translate:25.6cqw -17.8cqw;rotate:0deg;scale:.07 .26}to{opacity:0;translate:25.6cqw -17.8cqw;rotate:0deg;scale:.02 .24}}@keyframes ar-gulp{0%,62%{opacity:0;scale:.6}80%{opacity:1;scale:1.2}to{opacity:0;scale:1}}@keyframes ar-rain{0%{opacity:1;transform:translateY(0)perspective(30cqw)rotateY(0)}to{opacity:1;transform:translateY(146cqw)perspective(30cqw)rotateY(900deg)}}@keyframes ar-prize{0%{opacity:0;transform:translateY(0)scale(.24)rotate(-8deg)}22%{opacity:1}50%{transform:translateY(-9cqw)scale(1.05)rotate(2deg)}66%{transform:translateY(3cqw)scale(.99)rotate(-1deg)}80%{transform:translateY(-1.4cqw)scale(1)}to{opacity:1;transform:none}}@keyframes ar-screen-hype{0%{opacity:1}to{opacity:.8}}@keyframes ar-shake{0%{transform:translate(-.35cqw,.2cqw)}to{transform:translate(.35cqw,-.2cqw)}}@media (prefers-reduced-motion:reduce){.ar-text b.is-blink{animation:none}.ar-stars i{opacity:.6}.ar-marquee span{animation:none}}
.am-machine[data-skin=boombox]{--bb:#ffd400;--bb-hot:#ff4f6d}.bb-art{position:absolute;inset:0;overflow:hidden}.bb-shake{transform-origin:50% 70%;position:absolute;inset:0}.bb-bg{background:radial-gradient(60% 40% at 20% 8%,#ffbe5a57,#0000 72%),linear-gradient(#0006,#0000 38%,#00000080),repeating-linear-gradient(0deg,#0000 0 4.6cqw,#0006 4.6cqw 5.1cqw),repeating-linear-gradient(90deg,#0000 0 9.6cqw,#00000052 9.6cqw 10.1cqw),#5b2a30;position:absolute;inset:0}.bb-lights i{opacity:0;pointer-events:none;width:60cqw;height:100cqw;position:absolute;top:0}.bb-lights .is-a{background:radial-gradient(closest-side,#ffd40080,#0000);left:-10cqw}.bb-lights .is-b{background:radial-gradient(closest-side,#ff4f6d80,#0000);right:-10cqw}.bb-floor{background:radial-gradient(50% 18% at 50% 0,#0009,#0000 80%),linear-gradient(#ffffff1f,#0000 8%),linear-gradient(#25232b,#121116);position:absolute;inset:86cqw 0 0;box-shadow:inset 0 .5cqw #ffffff29}.bb-handle{border:3.2cqw solid #17171c;border-bottom:0;border-radius:33cqw 33cqw 0 0;width:66cqw;height:20cqw;position:absolute;top:4cqw;left:17cqw;box-shadow:inset 0 .5cqw #ffffff2e,0 .8cqw 1.2cqw #00000080}.bb-ant{transform-origin:50% 100%;background:linear-gradient(90deg,#8d9299,#f6f7f9,#8d9299);border-radius:1cqw;width:.9cqw;height:20cqw;position:absolute;top:4cqw;left:88cqw;rotate:22deg}.bb-ant-tip{aspect-ratio:1;background:radial-gradient(circle at 34% 30%,#fff,#b9bec5);border-radius:50%;width:2.2cqw;position:absolute;top:4.2cqw;left:94.8cqw}.bb-body{background:linear-gradient(#ffffff1f,#0000 18%),linear-gradient(#2e2e35,#15151a 70%,#0d0d11);border-radius:4.6cqw;width:92cqw;height:64cqw;position:absolute;top:20cqw;left:4cqw;box-shadow:inset 0 .5cqw #ffffff38,inset 0 -.7cqw #00000080,0 0 0 .35cqw #000000b3,0 3cqw 4cqw -1cqw #000000d9}.bb-stripe{background:var(--bb);border-radius:1cqw;height:.9cqw;position:absolute;left:6cqw;right:6cqw;box-shadow:0 0 1.2cqw #ffd40099}.bb-stripe.is-t{top:3cqw}.bb-stripe.is-b{bottom:3cqw}.bb-spk{aspect-ratio:1;border-radius:50%;width:32cqw;position:absolute;top:16cqw}.bb-spk.is-l{left:2cqw}.bb-spk.is-r{left:58cqw}.bb-ring{box-shadow:0 .8cqw 1.4cqw #000000b3, 0 0 0 .4cqw var(--bb);background:conic-gradient(from 30deg,#9aa0a8,#f6f7f9,#7e848c,#e5e8eb,#9aa0a8);border-radius:50%;position:absolute;inset:0}.bb-grille{background:radial-gradient(circle,#0b0b0e 0 .38cqw,#0000 .42cqw) 0 0/1.3cqw 1.3cqw,radial-gradient(circle at 40% 36%,#565b63,#15161a 80%);border-radius:50%;position:absolute;inset:8%;box-shadow:inset 0 0 1.6cqw #000}.bb-cone{aspect-ratio:1;background:radial-gradient(circle at 42% 36%,#46484f,#0e0e12 78%);border-radius:50%;width:40%;animation:1.8s ease-in-out infinite bb-pump;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 .35cqw #ffffff29,inset 0 0 1cqw #000}.bb-cone b{aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#d9dde2,#666b73 70%);border-radius:50%;width:36%;position:absolute;top:50%;left:50%;translate:-50% -50%}.bb-wave{border:.7cqw solid var(--bb);opacity:0;border-radius:50%;position:absolute;inset:4%}.bb-mid{width:20cqw;height:50cqw;position:absolute;top:7cqw;left:36cqw}.bb-logo{text-align:center;font-family:var(--font-anybody), "Arial Narrow", sans-serif;font-variation-settings:"wdth" 125;letter-spacing:.14em;text-transform:uppercase;color:var(--bb);font-size:3cqw;font-weight:900;line-height:1;position:absolute;top:.4cqw;left:0;right:0}.bb-tuner{background:linear-gradient(#4a2a05,#b86a10 60%,#e9a33a);border-radius:.8cqw;height:7cqw;position:absolute;top:5cqw;left:.6cqw;right:.6cqw;overflow:hidden;box-shadow:inset 0 .3cqw .8cqw #000000b3,0 0 0 .3cqw #ffffff29}.bb-scale{background:repeating-linear-gradient(90deg,#140800d9 0 .25cqw,#0000 .25cqw 1.2cqw);height:28%;position:absolute;bottom:22%;left:4%;right:4%}.bb-needle{background:#ff2d3a;width:.5cqw;height:84%;animation:8s ease-in-out infinite alternate bb-needle;position:absolute;top:8%;left:0;box-shadow:0 0 .8cqw #ff2d3a}.bb-load{background:linear-gradient(#050507,#121217);border-radius:.8cqw;place-items:center;height:12cqw;display:grid;position:absolute;top:14.4cqw;left:.6cqw;right:.6cqw;box-shadow:inset 0 .5cqw 1cqw #000,0 0 0 .3cqw #ffffff29}.bb-load i{background:#020203;border-radius:1cqw;width:14cqw;height:1.6cqw;animation:1.2s ease-in-out infinite alternate bb-load;display:block;box-shadow:inset 0 .3cqw .4cqw #000,0 0 1.4cqw #ffd4008c}.bb-load small{letter-spacing:.2em;text-transform:uppercase;color:#ffffff80;font-size:1.7cqw;font-weight:800;position:absolute;bottom:1cqw}.bb-eq{align-items:flex-end;gap:.7cqw;height:12cqw;display:flex;position:absolute;top:28.4cqw;left:.6cqw;right:.6cqw}.bb-eq i{transform-origin:50% 100%;height:100%;animation:1.6s ease-in-out infinite alternate bb-eq;animation-delay:calc(var(--i) * -.23s);background:linear-gradient(0deg,#35e07a 0 46%,#ffd400 46% 76%,#ff3b4e 76%);border-radius:.4cqw;flex:1;scale:1 .3;-webkit-mask:repeating-linear-gradient(0deg,#000 0 .9cqw,#0000 .9cqw 1.25cqw);mask:repeating-linear-gradient(0deg,#000 0 .9cqw,#0000 .9cqw 1.25cqw)}.bb-keys{grid-template-columns:repeat(4,1fr);gap:1cqw;height:6cqw;display:grid;position:absolute;top:42.6cqw;left:.6cqw;right:.6cqw}.bb-keys i{background:linear-gradient(#52525c,#2a2a31);border-radius:.8cqw;box-shadow:inset 0 .3cqw #ffffff40,0 .5cqw #0a0a0d}.am-machine[data-skin=boombox]:is([data-phase=work],[data-phase=reveal]) .bb-cone{animation:.5s cubic-bezier(.2,.9,.3,1) infinite bb-beat}.am-machine[data-skin=boombox]:is([data-phase=work],[data-phase=reveal]) .bb-ring{animation:.5s cubic-bezier(.2,.9,.3,1) infinite bb-ring}.am-machine[data-skin=boombox]:is([data-phase=work],[data-phase=reveal]) .bb-eq i{animation-duration:.5s;scale:1 .6}.am-machine[data-skin=boombox]:is([data-phase=work],[data-phase=reveal]) .bb-needle{animation-duration:1.6s}.am-machine[data-skin=boombox]:is([data-phase=work],[data-phase=reveal]) .bb-body{animation:.5s ease-out infinite bb-bounce}.am-machine[data-skin=boombox]:is([data-phase=work],[data-phase=reveal]) .bb-lights i{animation:1s ease-in-out infinite alternate bb-light}.am-machine[data-skin=boombox][data-phase=reveal][data-i="0"] .bb-spk.is-l .bb-wave,.am-machine[data-skin=boombox][data-phase=reveal][data-i="2"] .bb-spk.is-l .bb-wave,.am-machine[data-skin=boombox][data-phase=reveal][data-i="4"] .bb-spk.is-l .bb-wave{animation:.9s ease-out bb-wave-a}.am-machine[data-skin=boombox][data-phase=reveal][data-i="1"] .bb-spk.is-r .bb-wave,.am-machine[data-skin=boombox][data-phase=reveal][data-i="3"] .bb-spk.is-r .bb-wave{animation:.9s ease-out bb-wave-b}.am-machine[data-skin=boombox][data-phase=reveal][data-i="0"] .bb-spk.is-l .bb-cone,.am-machine[data-skin=boombox][data-phase=reveal][data-i="2"] .bb-spk.is-l .bb-cone,.am-machine[data-skin=boombox][data-phase=reveal][data-i="4"] .bb-spk.is-l .bb-cone{animation:.7s ease-out bb-blast-a}.am-machine[data-skin=boombox][data-phase=reveal][data-i="1"] .bb-spk.is-r .bb-cone,.am-machine[data-skin=boombox][data-phase=reveal][data-i="3"] .bb-spk.is-r .bb-cone{animation:.7s ease-out bb-blast-b}.bb-packslot{z-index:6;width:26cqw;position:absolute;top:87cqw;left:37cqw;rotate:2deg}.am-machine[data-skin=boombox][data-phase=insert] .bb-packslot{animation:bb-load-in var(--t-insert,1.4s) cubic-bezier(.5, 0, .3, 1) forwards}.am-machine[data-skin=boombox]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .bb-packslot{visibility:hidden}.am-machine[data-skin=boombox][data-hype="2"] .bb-cone{animation:.22s ease-out infinite bb-boom}.am-machine[data-skin=boombox][data-hype="2"] .bb-ring{animation:.22s ease-out infinite bb-ring-boom}.am-machine[data-skin=boombox][data-hype="2"] .bb-wave{animation:.66s ease-out infinite bb-wave-all}.am-machine[data-skin=boombox][data-hype="2"] .bb-wave.is-2{animation-delay:-.33s}.am-machine[data-skin=boombox][data-hype="2"] .bb-eq i{animation-duration:.18s;scale:1}.am-machine[data-skin=boombox][data-hype="2"] .bb-body{animation:.22s ease-out infinite bb-bounce}.am-machine[data-skin=boombox][data-hype="2"] .bb-shake{animation:80ms linear infinite alternate bb-shake}.am-machine[data-skin=boombox][data-hype="2"] .bb-lights i{animation:.22s steps(2,end) infinite alternate bb-light}.am-machine[data-skin=boombox][data-hype="1"] .bb-cone{animation:.26s cubic-bezier(.2,.9,.3,1) infinite bb-beat}.am-machine[data-skin=boombox][data-hype="1"] .bb-body{animation:.26s ease-out infinite bb-bounce}.am-machine[data-skin=boombox]{--rack-ai:flex-end;--rack-pb:3cqw;--from-y:-30cqw;--from-s:.26}.am-machine[data-skin=boombox] .am-slot:nth-child(odd){--from-x:-28cqw;--from-r:-50deg}.am-machine[data-skin=boombox] .am-slot:nth-child(2n){--from-x:28cqw;--from-r:50deg}.am-thumb[data-skin=boombox] .bb-cone{animation:.5s cubic-bezier(.2,.9,.3,1) infinite bb-beat}.am-thumb[data-skin=boombox] .bb-eq i{animation-duration:.5s;scale:1 .6}.am-thumb[data-skin=boombox] .bb-wave{animation:1s ease-out infinite bb-wave-all}.am-thumb[data-skin=boombox] .bb-wave.is-2{animation-delay:-.5s}.am-thumb[data-skin=boombox] .bb-packslot{display:none}@keyframes bb-pump{0%,to{scale:1}50%{scale:1.04}}@keyframes bb-beat{0%{scale:1.2}to{scale:1}}@keyframes bb-boom{0%{scale:1.34}to{scale:1}}@keyframes bb-ring{0%{scale:1.035}to{scale:1}}@keyframes bb-ring-boom{0%{scale:1.07}to{scale:1}}@keyframes bb-blast-a{0%{scale:1.42}to{scale:1}}@keyframes bb-blast-b{0%{scale:1.42}to{scale:1}}@keyframes bb-needle{0%{translate:0}to{translate:15.5cqw}}@keyframes bb-load{0%{opacity:.55}to{opacity:1}}@keyframes bb-eq{0%{scale:1 .18}to{scale:1 var(--v)}}@keyframes bb-bounce{0%{translate:0 .6cqw}to{translate:0}}@keyframes bb-light{0%{opacity:.1}to{opacity:.8}}@keyframes bb-wave-a{0%{opacity:.9;scale:.5}to{opacity:0;scale:1.7}}@keyframes bb-wave-b{0%{opacity:.9;scale:.5}to{opacity:0;scale:1.7}}@keyframes bb-wave-all{0%{opacity:.9;scale:.5}to{opacity:0;scale:1.8}}@keyframes bb-load-in{0%{opacity:1;translate:0;rotate:2deg;scale:1}22%{translate:0 -6cqw;rotate:-3deg;scale:1.06}76%{opacity:1;translate:0 -52cqw;rotate:0deg;scale:.5}to{opacity:0;translate:0 -57.8cqw;rotate:0deg;scale:.3}}@keyframes bb-shake{0%{transform:translate(-.35cqw,.2cqw)rotate(-.3deg)}to{transform:translate(.35cqw,-.2cqw)rotate(.3deg)}}@media (prefers-reduced-motion:reduce){.bb-eq i{scale:1 .6}}
.am-machine[data-skin=cassette]{--cs:#ff5d8f;--cs-wood:#6b3d22}.cs-art{position:absolute;inset:0;overflow:hidden}.cs-shake{position:absolute;inset:0}.cs-bg{background:radial-gradient(70% 34% at 50% 18%,#ff5d8f47,#0000 72%),radial-gradient(40% 24% at 86% 8%,#ffaa5a29,#0000 70%),linear-gradient(#19121c 0%,#0e0b12 100%);position:absolute;inset:0}.cs-cab{position:absolute;inset:56cqw 0 0}.cs-floor{background:radial-gradient(60% 30% at 50% 6%,#0009,#0000 70%),linear-gradient(#19141d,#120e15);position:absolute;inset:56cqw 0 0;box-shadow:inset 0 .3cqw #ffffff0d}.cs-top{background:repeating-linear-gradient(90deg,#0000001a 0 .4cqw,#0000 .4cqw 3.2cqw),linear-gradient(#5a331c,#8a5634 64%,#b27a4a);border-radius:1cqw 1cqw .4cqw .4cqw;height:5.5cqw;position:absolute;top:0;left:3cqw;right:3cqw;box-shadow:inset 0 .35cqw #ffdcb447,0 1.2cqw 2cqw #0009}.cs-front{background:linear-gradient(#0000 0 44%,#c99a3c 44% 54%,#0000 54%),linear-gradient(#3d2213,#24130a);height:6cqw;position:absolute;top:5.5cqw;left:5cqw;right:5cqw;box-shadow:0 1cqw 1.6cqw #0000008c}.cs-leg{clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);background:linear-gradient(90deg,#3d2213,#8a5634 45%,#3d2213);width:3.6cqw;height:45cqw;position:absolute;top:11.5cqw}.cs-leg.is-l{left:9cqw}.cs-leg.is-r{right:9cqw}.cs-glow{opacity:0;background:radial-gradient(closest-side,#ff5d8f8c,#0000);border-radius:50%;width:62cqw;height:14cqw;transition:opacity .5s;position:absolute;top:-2cqw;left:30cqw}.am-machine[data-skin=cassette]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .cs-glow{opacity:.75;animation:1.3s ease-in-out infinite alternate cs-glow}.cs-shadow{background:radial-gradient(closest-side,#000000bf,#0000);border-radius:50%;width:88cqw;height:8cqw;position:absolute;top:53cqw;left:6cqw}.cs-deck{width:88cqw;height:47cqw;position:absolute;top:10cqw;left:6cqw}.cs-cheek{background:repeating-linear-gradient(0deg,#00000029 0 .35cqw,#0000 .35cqw 2.2cqw),linear-gradient(90deg,#5a3219,#9a5b2d 45%,#6b3d22);width:4.4cqw;position:absolute;top:0;bottom:0;box-shadow:inset 0 .4cqw #ffdcaa59,0 0 0 .3cqw #0000008c}.cs-cheek.is-l{border-radius:1.8cqw 0 0 1.8cqw;left:0}.cs-cheek.is-r{border-radius:0 1.8cqw 1.8cqw 0;right:0}.cs-face{background:repeating-linear-gradient(0deg,#ffffff06 0 .25cqw,#0000000d .25cqw .5cqw),linear-gradient(#3a3c43 0%,#26272d 46%,#17181c 100%);position:absolute;inset:0 4.4cqw;box-shadow:inset 0 .4cqw #ffffff38,inset 0 -.6cqw #00000080,0 0 0 .3cqw #000000b3}.cs-brand{font-family:var(--font-anybody), "Arial Narrow", sans-serif;font-variation-settings:"wdth" 118;letter-spacing:.14em;text-transform:uppercase;color:#dfe2e7;font-size:2.7cqw;font-weight:900;line-height:1;transition:opacity .25s;position:absolute;top:3.8cqw;left:8cqw}.cs-model{letter-spacing:.26em;text-transform:uppercase;color:#8a8f99;white-space:nowrap;font-size:1.5cqw;font-weight:700;line-height:1;transition:opacity .25s;position:absolute;top:7.9cqw;left:8cqw}.cs-display{background:linear-gradient(#060607,#141418);border-radius:1cqw;place-items:center;width:20cqw;height:7.6cqw;display:grid;position:absolute;top:11.6cqw;left:8cqw;box-shadow:inset 0 .4cqw .8cqw #000,0 0 0 .3cqw #0009,0 .3cqw #ffffff1f}.cs-count{text-align:center;width:100%;font-family:var(--font-doto), ui-monospace, monospace;letter-spacing:.14em;color:#ff4256;text-shadow:0 0 1cqw #ff4256bf;font-variant-numeric:tabular-nums;font-size:6cqw;font-weight:900;line-height:1}.cs-vus{width:21cqw;height:9cqw;position:absolute;top:21.6cqw;left:8cqw}.cs-vu{background:#0d0d10;border-radius:.5cqw;width:18cqw;height:2.8cqw;position:absolute;top:.4cqw;left:2.6cqw;overflow:hidden;-webkit-mask:repeating-linear-gradient(90deg,#000 0 .85cqw,#0000 .85cqw 1.15cqw);mask:repeating-linear-gradient(90deg,#000 0 .85cqw,#0000 .85cqw 1.15cqw)}.cs-vu.is-b{top:4.6cqw}.cs-vu i{transform-origin:0;background:linear-gradient(90deg,#35e07a 0 56%,#f6d845 56% 80%,#ff4a4a 80%);width:100%;height:100%;animation:2.6s ease-in-out infinite alternate cs-vu;display:block;scale:.22 1}.cs-vu.is-b i{animation-duration:3.1s;animation-delay:-1.2s}.cs-vus b{color:#8a8f99;font-size:1.8cqw;font-weight:800;line-height:1;position:absolute;left:.2cqw}.cs-vl{top:.9cqw}.cs-vr{top:5.1cqw}.cs-knob{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#d8dbe0,#8d929a 55%,#4a4e55);border-radius:50%;width:5cqw;position:absolute;top:34cqw;box-shadow:0 .5cqw .8cqw #0009,inset 0 .2cqw #ffffff80}.cs-knob:after{content:"";transform-origin:50% 140%;background:#1c1d21;border-radius:2px;width:8%;height:34%;position:absolute;top:10%;left:50%;translate:-50%;rotate:24deg}.cs-knob.is-a{left:8.6cqw}.cs-knob.is-b{left:16.6cqw}.cs-knob.is-b:after{rotate:-38deg}.cs-power{aspect-ratio:1;background:var(--cs);width:1.6cqw;box-shadow:0 0 1.2cqw var(--cs);border-radius:50%;position:absolute;top:35.8cqw;left:25.4cqw}.cs-bay{background:radial-gradient(circle at 37% 80%,#2e3038 0 1.4cqw,#0000 1.5cqw),radial-gradient(circle at 63% 80%,#2e3038 0 1.4cqw,#0000 1.5cqw),linear-gradient(#040405,#0e0f12);border-radius:1.6cqw;width:50cqw;height:33cqw;position:absolute;top:3.2cqw;left:31cqw;overflow:hidden;box-shadow:inset 0 .9cqw 1.6cqw #000,inset 0 0 0 .35cqw #000c,0 .35cqw #ffffff29,0 0 0 .25cqw #0009}.cs-bay-light{opacity:0;background:radial-gradient(closest-side,#ff5d8fbf,#0000);border-radius:50%;height:60%;transition:opacity .5s;position:absolute;bottom:-30%;left:10%;right:10%}.am-machine[data-skin=cassette]:is([data-phase=work],[data-phase=reveal]) .cs-bay-light{opacity:.55}.cs-cass{opacity:0;width:44cqw;height:28cqw;position:absolute;top:5.5cqw;left:34cqw}.cs-shell{background:linear-gradient(150deg,#4a5160,#262a34 60%,#1b1e26);border-radius:1.6cqw;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 .25cqw #ffffff29,inset 0 .4cqw #fff3,0 1cqw 1.6cqw #0009}.cs-label{background:linear-gradient(#f6edd6,#eadfc2);border-radius:1cqw;height:60%;position:absolute;top:7%;left:4%;right:4%;box-shadow:inset 0 0 0 .2cqw #0000001f}.cs-stripe{background:linear-gradient(90deg, var(--cs) 0 38%, #ff9a5c 38% 62%, #3a3f4e 62%);height:12%;position:absolute;bottom:9%;left:0;right:0}.cs-write{opacity:.8;background:repeating-linear-gradient(90deg,#3b4a8f 0 .6cqw,#0000 .6cqw 1cqw);border-radius:1px;width:54%;height:7%;position:absolute;top:12%;left:8%}.cs-write.is-b{width:34%;top:24%}.cs-win{background:linear-gradient(#08090b,#14161a);border-radius:1.6cqw;width:66%;height:40%;position:absolute;top:17%;left:17%;overflow:hidden;box-shadow:inset 0 .3cqw .6cqw #000,0 0 0 .3cqw #0006}.cs-reel{aspect-ratio:1;width:10.6cqw;position:absolute;top:50%;translate:-50% -50%}.cs-reel.is-l{left:25%}.cs-reel.is-r{left:75%}.cs-wound{background:repeating-radial-gradient(circle,#2e2018 0 .25cqw,#1f150f .25cqw .5cqw);border-radius:50%;position:absolute;inset:0}.cs-reel.is-l .cs-wound{scale:1}.cs-reel.is-r .cs-wound{scale:.5}.cs-hub{aspect-ratio:1;background:radial-gradient(circle, #0c0d0f 0 24%, transparent 25%), repeating-conic-gradient(#0c0d0f 0 22deg, transparent 22deg 60deg), radial-gradient(circle, #f4f4f4 0 100%);will-change:rotate;border-radius:50%;width:5cqw;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 .2cqw #00000080}.cs-run{background:#2e2018;height:.5cqw;position:absolute;bottom:12%;left:25%;right:25%}.cs-foot{clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);background:linear-gradient(#12141a,#0c0d11);height:22%;position:absolute;bottom:0;left:15%;right:15%}.cs-foot i{aspect-ratio:1;background:#3a3f4a;border-radius:50%;width:6%;position:absolute;top:34%;box-shadow:inset 0 .2cqw .2cqw #000}.cs-foot i:first-child{left:22%}.cs-foot i:nth-child(2){right:22%}.cs-door{transform-origin:50% 0;pointer-events:none;background:linear-gradient(158deg,#ffffff38,#ffffff0a 36%,#0c0e1447);border-radius:1.6cqw;width:50cqw;height:33cqw;position:absolute;top:3.2cqw;left:31cqw;transform:perspective(170cqw)rotateX(58deg);box-shadow:inset 0 0 0 .3cqw #ffffff3d}.am-machine[data-skin=cassette][data-phase=insert] .cs-door{animation:cs-door var(--t-insert,1.5s) cubic-bezier(.4, 0, .2, 1) forwards}.am-machine[data-skin=cassette]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .cs-door{transform:perspective(170cqw)rotateX(0)}.am-machine[data-skin=cassette][data-phase=reveal]:is([data-i="0"],[data-i="2"],[data-i="4"]) .cs-door{animation:.7s ease-out cs-eject-a}.am-machine[data-skin=cassette][data-phase=reveal]:is([data-i="1"],[data-i="3"]) .cs-door{animation:.7s ease-out cs-eject-b}.am-thumb[data-skin=cassette] .cs-door{transform:none}.cs-keys{grid-template-columns:repeat(5,1fr);gap:1.4cqw;width:50cqw;height:6cqw;display:grid;position:absolute;top:38.6cqw;left:31cqw}.cs-key{color:#23252a;background:linear-gradient(#e3e5e9,#a9adb5);border-radius:.9cqw;place-items:center;transition:translate .12s;display:grid;position:relative;box-shadow:inset 0 .3cqw #ffffffb3,0 .55cqw #55585f,0 .9cqw 1cqw #00000080}.cs-key svg{width:4cqw}.cs-key.is-play:after,.cs-key.is-ffwd:after{content:"";background:var(--cs);height:8%;box-shadow:0 0 1.4cqw var(--cs);opacity:0;border-radius:1px;position:absolute;top:9%;left:24%;right:24%}.cs-key.is-ffwd:after{background:#ffb347;box-shadow:0 0 1.4cqw #ffb347}.am-machine[data-skin=cassette]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .cs-key.is-play,.am-thumb[data-skin=cassette] .cs-key.is-play,.am-machine[data-skin=cassette][data-hype="2"] .cs-key.is-ffwd{translate:0 .45cqw;box-shadow:inset 0 .3cqw .5cqw #00000059,0 .1cqw #55585f}.am-machine[data-skin=cassette]:is([data-phase=work],[data-phase=reveal]) .cs-key.is-play:after,.am-thumb[data-skin=cassette] .cs-key.is-play:after,.am-machine[data-skin=cassette][data-hype="2"] .cs-key.is-ffwd:after{opacity:1}.cs-packslot{z-index:6;width:26cqw;position:absolute;top:76cqw;left:37cqw;rotate:-3deg}.am-machine[data-skin=cassette][data-phase=insert] .cs-packslot{animation:cs-pack-in var(--t-insert,1.5s) cubic-bezier(.45, 0, .25, 1) forwards}.am-machine[data-skin=cassette]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .cs-packslot{visibility:hidden}.am-machine[data-skin=cassette][data-phase=insert] .cs-cass{animation:cs-load var(--t-insert,1.5s) cubic-bezier(.4, 0, .2, 1) forwards}.am-machine[data-skin=cassette]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .cs-cass,.am-thumb[data-skin=cassette] .cs-cass{opacity:1}.am-machine[data-skin=cassette]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .cs-reel.is-l .cs-wound{animation:11s linear forwards cs-wind-l}.am-machine[data-skin=cassette]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .cs-reel.is-r .cs-wound{animation:11s linear forwards cs-wind-r}.am-thumb[data-skin=cassette] .cs-reel.is-l .cs-wound{animation:7s ease-in-out infinite alternate cs-wind-l}.am-thumb[data-skin=cassette] .cs-reel.is-r .cs-wound{animation:7s ease-in-out infinite alternate cs-wind-r}.am-machine[data-skin=cassette]:is([data-phase=work],[data-phase=reveal]) .cs-vu i{animation:.42s ease-in-out infinite alternate cs-vu-play}.am-machine[data-skin=cassette]:is([data-phase=work],[data-phase=reveal]) .cs-vu.is-b i{animation-duration:.53s;animation-delay:-.2s}.am-machine[data-skin=cassette][data-hype="2"] .cs-vu i{animation:.1s linear infinite alternate cs-vu-peg}.am-machine[data-skin=cassette][data-hype="1"] .cs-vu i{animation:.22s ease-in-out infinite alternate cs-vu-play}.cs-spag{pointer-events:none;width:0;height:0;position:absolute;top:26cqw;left:62cqw}.cs-spag i{opacity:0;border:1.2cqw solid #8a5a3a;border-radius:50%;width:16cqw;height:10cqw;position:absolute;top:-5cqw;left:-8cqw;box-shadow:0 0 0 .25cqw #00000073,0 0 1.6cqw #ff5d8f8c}.am-machine[data-skin=cassette][data-hype="2"] .cs-spag i{animation:1.1s ease-out infinite cs-spag;animation-delay:calc(var(--i) * -.27s)}.am-machine[data-skin=cassette][data-hype="2"] .cs-bay-light{opacity:1;animation:.22s ease-in-out infinite alternate cs-glow}.am-machine[data-skin=cassette][data-hype="2"] .cs-shake{animation:80ms linear infinite alternate cs-shake}.am-machine[data-skin=cassette][data-hype="1"] .cs-shake{animation:.14s linear infinite alternate cs-shake}.am-machine[data-skin=cassette][data-callout] :is(.cs-brand,.cs-model){opacity:0}.am-machine[data-skin=cassette]{--from-x:12cqw;--from-y:-50cqw;--from-r:-8deg;--from-s:.24;--rack-ai:flex-end;--rack-pb:3cqw}.am-thumb[data-skin=cassette] .cs-vu i{animation:.42s ease-in-out infinite alternate cs-vu-play}.am-thumb[data-skin=cassette] .cs-packslot{display:none}.am-thumb[data-skin=cassette] .cs-shake{translate:0 8cqw}@keyframes cs-vu{0%{scale:.12 1}to{scale:.36 1}}@keyframes cs-vu-play{0%{scale:.34 1}to{scale:.86 1}}@keyframes cs-vu-peg{0%{scale:.9 1}to{scale:1}}@keyframes cs-wind-l{0%{scale:1}to{scale:.5}}@keyframes cs-wind-r{0%{scale:.5}to{scale:1}}@keyframes cs-glow{0%{opacity:.45}to{opacity:.95}}@keyframes cs-pack-in{0%{opacity:1;translate:0;rotate:-3deg;scale:1}14%{opacity:1;translate:0 -5cqw;rotate:-7deg;scale:1.04}50%{opacity:1;translate:12cqw -56cqw;rotate:-90deg;scale:1.1}62%{opacity:1;translate:12cqw -64.7cqw;rotate:-90deg;scale:1.12}72%{opacity:0;translate:12cqw -64.7cqw;rotate:-90deg;scale:1.1}to{opacity:0;translate:12cqw -64.7cqw;rotate:-90deg;scale:1.1}}@keyframes cs-load{0%,58%{opacity:0;translate:0 1.2cqw;scale:1.04}72%{opacity:1;translate:0 1cqw;scale:1.03}86%{translate:0;scale:1}to{opacity:1;translate:0;scale:1}}@keyframes cs-door{0%,80%{transform:perspective(170cqw)rotateX(58deg)}to{transform:perspective(170cqw)rotateX(0)}}@keyframes cs-eject-a{0%{transform:perspective(170cqw)rotateX(0)}30%{transform:perspective(170cqw)rotateX(34deg)}to{transform:perspective(170cqw)rotateX(0)}}@keyframes cs-eject-b{0%{transform:perspective(170cqw)rotateX(0)}30%{transform:perspective(170cqw)rotateX(34deg)}to{transform:perspective(170cqw)rotateX(0)}}@keyframes cs-spag{0%{opacity:0;transform:translate(0)rotate(0)scale(.3)}20%{opacity:1}to{opacity:0;transform:translate(calc(var(--i) * 18cqw - 27cqw), calc(-20cqw + (var(--i) - 1.5) * (var(--i) - 1.5) * 3cqw)) rotate(220deg) scale(1.4)}}@keyframes cs-shake{0%{transform:translate(-.3cqw,.15cqw)}to{transform:translate(.3cqw,-.15cqw)}}@media (prefers-reduced-motion:reduce){.cs-vu i{scale:.3 1}}
.am-machine[data-skin=dj]{--dj-a:#ff8a1f;--dj-b:#2f8bff}.dj-art{position:absolute;inset:0;overflow:hidden}.dj-shake{position:absolute;inset:0}.dj-bg{background:radial-gradient(60% 40% at 8% 30%,#ff8a1f4d,#0000 72%),radial-gradient(60% 40% at 94% 34%,#2f8bff57,#0000 72%),linear-gradient(#070a14 0%,#05060c 100%);position:absolute;inset:0}.dj-booth{position:absolute;inset:66cqw 0 0}.dj-booth-top{background:linear-gradient(#23263a,#151724 70%,#0e101a);border-radius:1.4cqw 1.4cqw 0 0;height:8cqw;position:absolute;top:0;left:1cqw;right:1cqw;box-shadow:inset 0 .35cqw #ffffff1f}.dj-booth-top:before{content:"";background:radial-gradient(closest-side,#000c,#0000);border-radius:50%;height:7cqw;position:absolute;top:0;left:3cqw;right:3cqw}.dj-booth-front{background:radial-gradient(circle,#ffffff12 0 .32cqw,#0000 .4cqw) 0 0/2cqw 2cqw,linear-gradient(#0f111c,#090a12 70%);position:absolute;inset:8cqw 1cqw 0;box-shadow:inset 0 .6cqw 1.2cqw #000c}.dj-booth-line{background:linear-gradient(90deg, var(--dj-a), #ffd28a 50%, var(--dj-b));opacity:.85;border-radius:1cqw;height:.7cqw;position:absolute;top:7.6cqw;left:1cqw;right:1cqw;box-shadow:0 0 1.6cqw #ffaa5099,0 0 3cqw #2f8bff66}.dj-lasers{pointer-events:none;position:absolute;inset:0}.dj-lasers i{opacity:.22;transform-origin:50% 0;width:.7cqw;height:100cqw;position:absolute;top:-2cqw}.dj-lasers .is-l{background:linear-gradient(180deg, var(--dj-a), transparent 90%);animation:6s ease-in-out infinite alternate dj-sweep-l;left:6cqw;rotate:-22deg}.dj-lasers .is-r{background:linear-gradient(180deg, var(--dj-b), transparent 90%);animation:7s ease-in-out infinite alternate dj-sweep-r;right:6cqw;rotate:22deg}.am-machine[data-skin=dj]:is([data-phase=work],[data-phase=reveal]) .dj-lasers i{opacity:.6;animation-duration:2.2s}.am-machine[data-skin=dj][data-hype="2"] .dj-lasers i{opacity:1;width:1.1cqw;animation-duration:.7s}.am-machine[data-skin=dj][data-hype="1"] .dj-lasers i{opacity:.8;animation-duration:1.2s}.dj-glow{opacity:.7;background:radial-gradient(40% 50% at 0%,#ff8a1f80,#0000 70%),radial-gradient(40% 50% at 100%,#2f8bff8c,#0000 70%);border-radius:6cqw;width:100cqw;height:68cqw;animation:1.9s ease-in-out infinite alternate dj-glow;position:absolute;top:8cqw;left:0}.dj-body{width:94cqw;height:58cqw;box-shadow:inset 0 .35cqw 0 #ffffff24, inset .5cqw 0 0 var(--dj-a), inset -.5cqw 0 0 var(--dj-b), 0 3cqw 5cqw -1cqw #000000e6, 0 0 0 .3cqw #000000b3;background:linear-gradient(135deg,#ffffff14 0,#0000 30%),repeating-linear-gradient(60deg,#ffffff05 0 .4cqw,#0000 .4cqw .9cqw),linear-gradient(#17151f,#0c0b12);border-radius:3cqw;position:absolute;top:12cqw;left:3cqw}.dj-title{font-family:var(--font-anybody), "Arial Narrow", sans-serif;font-variation-settings:"wdth" 125;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;font-size:2.6cqw;font-weight:900;line-height:1;position:absolute;top:2.4cqw;left:4cqw}.dj-bpm{color:var(--dj-b);align-items:baseline;gap:.8cqw;display:flex;position:absolute;top:1.5cqw;right:4cqw}.dj-bpm b{font-family:var(--font-doto), ui-monospace, monospace;text-shadow:0 0 1cqw var(--dj-b);font-size:4.2cqw;font-weight:900;line-height:1;animation:.47s ease-in-out infinite alternate dj-bpm}.dj-bpm small{letter-spacing:.14em;text-transform:uppercase;opacity:.8;font-size:1.8cqw;font-weight:800}.dj-jog{aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#2b2a36,#111017 70%);border-radius:50%;width:36cqw;position:absolute;top:9cqw;box-shadow:inset 0 0 0 .3cqw #ffffff14,0 1.2cqw 2cqw #000000b3}.dj-jog.is-a{--nc:var(--dj-a);left:3cqw}.dj-jog.is-b{--nc:var(--dj-b);left:55cqw}.dj-ring{border:.75cqw solid var(--nc);box-shadow:0 0 1.6cqw var(--nc), inset 0 0 1.6cqw var(--nc);border-radius:50%;animation:1.4s ease-in-out infinite alternate dj-ring;position:absolute;inset:1.3cqw}.dj-platter{will-change:rotate;background:radial-gradient(circle,#0000 0 27%,#ffffff0d 27.5% 28.2%,#0000 28.6% 55%,#ffffff0d 55.5% 56.2%,#0000 56.6%),repeating-radial-gradient(circle,#ffffff0a 0 .18cqw,#0000 .18cqw .5cqw),radial-gradient(circle,#1b1a23,#07060b 75%);border-radius:50%;position:absolute;inset:3.4cqw}.dj-mark{background:var(--nc);width:.9cqw;height:22%;box-shadow:0 0 1cqw var(--nc);border-radius:1cqw;position:absolute;top:6%;left:50%;translate:-50%}.dj-hub{aspect-ratio:1;background:conic-gradient(from 20deg,#2c2b36,#12111a,#2c2b36 40%,#12111a 60%,#2c2b36);border-radius:50%;place-items:center;width:30%;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 .3cqw #ffffff1f}.dj-hub b{aspect-ratio:1;background:var(--nc);width:28%;box-shadow:0 0 1cqw var(--nc);border-radius:50%;display:block}.dj-shine{background:conic-gradient(from 40deg, transparent 0 24deg, #ffffff2e 44deg, transparent 70deg 200deg, #ffffff1a 222deg, transparent 246deg);pointer-events:none;border-radius:50%;position:absolute;inset:3.4cqw}.dj-mixer{width:14cqw;height:46cqw;position:absolute;top:4cqw;left:40cqw}.dj-eq{height:12cqw;position:absolute;top:0;left:0;right:0}.dj-knob{aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#5d5b6e,#1f1e29 62%,#0e0d14);border-radius:50%;width:4.4cqw;position:absolute;box-shadow:0 .5cqw .8cqw #0009,inset 0 .2cqw #ffffff38}.dj-knob:after{content:"";transform-origin:50% 138%;background:#fff;border-radius:2px;width:9%;height:36%;position:absolute;top:8%;left:50%;translate:-50%}.dj-knob.k0{top:.6cqw;left:1.6cqw}.dj-knob.k1{top:.6cqw;left:8cqw}.dj-knob.k2{top:6.6cqw;left:1.6cqw}.dj-knob.k3{top:6.6cqw;left:8cqw}.dj-knob.k0:after{animation:3.2s ease-in-out infinite alternate dj-knob-a;rotate:-40deg}.dj-knob.k1:after{animation:2.7s ease-in-out infinite alternate dj-knob-b;rotate:30deg}.dj-knob.k2:after{animation:3.6s ease-in-out infinite alternate dj-knob-b;rotate:10deg}.dj-knob.k3:after{animation:2.9s ease-in-out infinite alternate dj-knob-a;rotate:-20deg}.dj-leds{height:15cqw;position:absolute;top:14cqw;left:0;right:0}.dj-led{background:#0a0a0f;border-radius:.5cqw;width:2cqw;height:15cqw;position:absolute;top:0;overflow:hidden;-webkit-mask:repeating-linear-gradient(0deg,#000 0 .8cqw,#0000 .8cqw 1.1cqw);mask:repeating-linear-gradient(0deg,#000 0 .8cqw,#0000 .8cqw 1.1cqw)}.dj-led.is-a{left:3cqw}.dj-led.is-b{right:3cqw}.dj-led i{transform-origin:50% 100%;background:linear-gradient(0deg,#35e07a 0 52%,#f6d845 52% 78%,#ff2d6a 78%);animation:.46s ease-in-out infinite alternate dj-led;position:absolute;inset:0;scale:1 .3}.dj-led.is-b i{animation-duration:.37s;animation-delay:-.15s}.dj-faders{height:13cqw;position:absolute;top:31cqw;left:0;right:0}.dj-fader{background:#050508;border-radius:1cqw;width:1cqw;height:13cqw;position:absolute;top:0;box-shadow:inset 0 0 .4cqw #000,0 0 0 .25cqw #ffffff1f}.dj-fader.is-a{left:3.6cqw}.dj-fader.is-b{right:3.6cqw}.dj-fader i{background:linear-gradient(#f4f4f8,#9a99a8);border-radius:.5cqw;width:3.4cqw;height:2.2cqw;margin-left:-1.7cqw;position:absolute;top:0;left:50%;translate:0 3cqw;box-shadow:0 .4cqw .6cqw #0009}.dj-fader.is-b i{translate:0 7.5cqw}.dj-cross{background:#050508;border-radius:1cqw;width:14cqw;height:1.2cqw;position:absolute;top:49.5cqw;left:40cqw;box-shadow:inset 0 0 .4cqw #000,0 0 0 .25cqw #ffffff1f}.dj-cross i{background:linear-gradient(#f4f4f8,#8a8998);border-radius:.5cqw;width:3cqw;height:3.6cqw;margin:-1.8cqw 0 0 -1.5cqw;position:absolute;top:50%;left:50%;box-shadow:0 .4cqw .6cqw #0009}.dj-pads{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:1.2cqw;width:30cqw;height:9cqw;display:grid;position:absolute;top:47.5cqw}.dj-pads.is-a{left:6cqw}.dj-pads.is-b{left:58cqw}.dj-pads i{--pc:hsl(calc(14 + var(--i) * 6) 96% 58%);background:var(--pc);box-shadow:0 0 1.2cqw var(--pc), inset 0 .3cqw 0 #fff6;opacity:.28;animation:2.4s ease-in-out infinite dj-pad;animation-delay:calc(var(--i) * -.3s);border-radius:.8cqw}.dj-pads.is-b i{--pc:hsl(calc(196 + var(--i) * 9) 96% 60%)}.dj-load{background:#030306;border-radius:1cqw;width:10cqw;height:1.8cqw;position:absolute;top:1.5cqw;left:42cqw;box-shadow:inset 0 .3cqw .5cqw #000,0 0 0 .25cqw #ffffff24}.dj-load i{background:var(--dj-b);box-shadow:0 0 1.2cqw var(--dj-b);opacity:.45;border-radius:1cqw;animation:1.8s ease-in-out infinite dj-pad;position:absolute;inset:.5cqw .9cqw}.dj-deck{opacity:0;width:13cqw;height:18cqw;transition:opacity .3s;position:absolute;top:76cqw;left:43.5cqw}.dj-back{translate:calc(var(--i) * .35cqw) calc(var(--i) * -.35cqw);background:radial-gradient(circle,#ffd28a 0 6%,#14151f 6.5% 22%,#ffffff80 22.5% 24%,#0000 24.5%),repeating-linear-gradient(45deg,#ffffff1a 0 .5cqw,#0000 .5cqw 1.3cqw),linear-gradient(155deg,#ff8a1f,#c2306f 52%,#2f5bff);border-radius:1.2cqw;position:absolute;inset:0;box-shadow:inset 0 0 0 .7cqw #0a0a1459,inset 0 0 0 .95cqw #ffffff8c,0 0 0 .25cqw #0009,0 .8cqw 1.4cqw #0009}.am-machine[data-skin=dj][data-phase=work] .dj-deck{opacity:1}.am-machine[data-skin=dj][data-phase=work] .dj-back:nth-child(odd){animation:.48s ease-in-out infinite alternate dj-mix-a;animation-delay:calc(var(--i) * -.09s)}.am-machine[data-skin=dj][data-phase=work] .dj-back:nth-child(2n){animation:.48s ease-in-out infinite alternate dj-mix-b;animation-delay:calc(var(--i) * -.09s)}.am-machine[data-skin=dj][data-phase=work] .dj-deck{animation:dj-deck-in .5s var(--ease-spring) both}.am-machine[data-skin=dj]:is([data-phase=work],[data-phase=reveal]) .dj-fader.is-a i{animation:1.1s ease-in-out infinite alternate dj-fade-a}.am-machine[data-skin=dj]:is([data-phase=work],[data-phase=reveal]) .dj-fader.is-b i{animation:.9s ease-in-out infinite alternate dj-fade-b}.am-machine[data-skin=dj]:is([data-phase=work],[data-phase=reveal]) .dj-cross i{animation:.96s ease-in-out infinite alternate dj-xfade}.am-machine[data-skin=dj]:is([data-phase=work],[data-phase=reveal]) .dj-pads i{opacity:.35;animation-duration:.96s}.am-machine[data-skin=dj]:is([data-phase=work],[data-phase=reveal]) .dj-knob:after{animation-duration:.9s}.am-machine[data-skin=dj]:is([data-phase=work],[data-phase=reveal]) .dj-led i{animation-name:dj-led-play}.am-machine[data-skin=dj][data-hype="2"] .dj-pads i{animation:.18s steps(2,end) infinite dj-strobe;animation-delay:calc(var(--i) * -.03s)}.am-machine[data-skin=dj][data-hype="2"] .dj-fader i{animation-duration:.2s}.am-machine[data-skin=dj][data-hype="2"] .dj-cross i{animation-duration:.22s}.am-machine[data-skin=dj][data-hype="2"] .dj-led i{animation:.1s linear infinite alternate dj-led-peg}.am-machine[data-skin=dj][data-hype="2"] .dj-glow{opacity:1;animation:.3s ease-in-out infinite alternate dj-glow}.am-machine[data-skin=dj][data-hype="2"] .dj-ring{animation-duration:.2s}.am-machine[data-skin=dj][data-hype="2"] .dj-shake{animation:90ms linear infinite alternate dj-shake}.am-machine[data-skin=dj][data-hype="1"] .dj-shake{animation:.16s linear infinite alternate dj-shake}.am-machine[data-skin=dj][data-hype="1"] .dj-pads i{opacity:.5;animation-duration:.5s}.dj-packslot{z-index:6;width:26cqw;position:absolute;top:87cqw;left:37cqw;rotate:2deg}.am-machine[data-skin=dj][data-phase=insert] .dj-packslot{animation:dj-load var(--t-insert,1.3s) cubic-bezier(.5, 0, .3, 1) forwards}.am-machine[data-skin=dj]:is([data-phase=work],[data-phase=reveal],[data-phase=done]) .dj-packslot{visibility:hidden}.am-machine[data-skin=dj]{--rack-ai:flex-end;--rack-pb:3cqw}.am-machine[data-skin=dj] .am-slot[data-state=new] .am-pop{transform-origin:50% 60%;animation-name:dj-launch}.am-thumb[data-skin=dj] .dj-lasers i{opacity:.7;animation-duration:2.6s}.am-thumb[data-skin=dj] .dj-shake{translate:0 9cqw}.am-thumb[data-skin=dj] .dj-packslot,.am-thumb[data-skin=dj] .dj-deck{display:none}@keyframes dj-sweep-l{0%{rotate:-34deg}to{rotate:10deg}}@keyframes dj-sweep-r{0%{rotate:-10deg}to{rotate:34deg}}@keyframes dj-glow{0%{opacity:.5}to{opacity:.95}}@keyframes dj-ring{0%{opacity:.72}to{opacity:1}}@keyframes dj-bpm{0%{opacity:.7}to{opacity:1}}@keyframes dj-knob-a{0%{rotate:-62deg}to{rotate:54deg}}@keyframes dj-knob-b{0%{rotate:58deg}to{rotate:-50deg}}@keyframes dj-led{0%{scale:1 .12}to{scale:1 .42}}@keyframes dj-led-play{0%{scale:1 .3}to{scale:1 .92}}@keyframes dj-led-peg{0%{scale:1 .9}to{scale:1}}@keyframes dj-pad{0%,to{opacity:.22}35%{opacity:1}}@keyframes dj-strobe{0%{opacity:1}to{opacity:.2}}@keyframes dj-fade-a{0%{translate:0 .5cqw}to{translate:0 9.6cqw}}@keyframes dj-fade-b{0%{translate:0 9.6cqw}to{translate:0 .5cqw}}@keyframes dj-xfade{0%{translate:-5.2cqw}to{translate:5.2cqw}}@keyframes dj-deck-in{0%{opacity:0;transform:translateY(5cqw)scale(.7)}to{opacity:1;transform:none}}@keyframes dj-mix-a{0%{translate:calc(var(--i) * .35cqw - 8cqw) calc(var(--i) * -.35cqw);rotate:-7deg}to{translate:calc(var(--i) * .35cqw + 8cqw) calc(var(--i) * -.35cqw - 1cqw);rotate:7deg}}@keyframes dj-mix-b{0%{translate:calc(var(--i) * .35cqw + 8cqw) calc(var(--i) * -.35cqw);rotate:6deg}to{translate:calc(var(--i) * .35cqw - 8cqw) calc(var(--i) * -.35cqw - 1cqw);rotate:-6deg}}@keyframes dj-load{0%{opacity:1;translate:0;rotate:2deg;scale:1}20%{translate:0 -6cqw;rotate:-3deg;scale:1.06}80%{opacity:1;translate:0 -86cqw;rotate:0deg;scale:.34}to{opacity:0;translate:0 -90cqw;rotate:0deg;scale:.26}}@keyframes dj-launch{0%{opacity:0;transform:translateY(10cqw)rotate(-300deg)scale(.18)}18%{opacity:1}60%{transform:translateY(-5cqw)rotate(14deg)scale(1.08)}80%{transform:translateY(1.5cqw)rotate(-4deg)scale(.98)}to{opacity:1;transform:none}}@keyframes dj-shake{0%{transform:translate(-.35cqw,.2cqw)}to{transform:translate(.35cqw,-.2cqw)}}@media (prefers-reduced-motion:reduce){.dj-pads i{opacity:.6}.dj-lasers i{opacity:.35}.dj-led i{scale:1 .4}}