.aZAMFW_stage{--walnut-1:#22120a;--walnut-2:#3a2113;--walnut-3:#4f2e1a;--grain:repeating-linear-gradient(178deg, #0003 0 .3cqw, transparent .3cqw 1.3cqw, #ffc8960b 1.3cqw 1.6cqw, transparent 1.6cqw 2.9cqw);--chrome:linear-gradient(90deg, #3e3c39, #f3f1ed 32%, #a8a49e 58%, #33312e);--chrome-top:radial-gradient(circle at 38% 32%, #fff, #cbc8c2 45%, #77736d);--dark-metal:linear-gradient(90deg, #1b1a19, #57534e 40%, #2c2a28 70%, #151413);--glass:#060403;--amber:#ffb547;--amber-glow:#ffa6348c;--amber-off:#ffb54717;isolation:isolate;justify-items:center;gap:20px;width:100%;display:grid;position:relative}.aZAMFW_stage:before{content:"";z-index:-1;aspect-ratio:1.6;opacity:.5;pointer-events:none;background:radial-gradient(closest-side,#ffb26038,#ffb26012 55%,#0000);border-radius:50%;width:min(1100px,180vw);transition:opacity 1.2s;position:absolute;top:46%;left:50%;translate:-50% -50%}.aZAMFW_stage[data-state=playing]:before{opacity:1;animation:6s ease-in-out infinite aZAMFW_breathe}@keyframes aZAMFW_breathe{50%{opacity:.82;scale:1.06}}.aZAMFW_notice{color:#ffd8c4;text-align:center;background:#ff783c14;border:1px solid #ff8c5059;border-radius:12px;max-width:560px;margin:0;padding:14px 16px}.aZAMFW_device{--cam-distance:220;--cam-height:100;width:100%;max-width:660px;position:relative;container-type:inline-size}.aZAMFW_device:after{content:"";z-index:-1;background:radial-gradient(closest-side,#000000bf,#0000);border-radius:50%;height:9cqw;position:absolute;bottom:-5cqw;left:4%;right:4%}.aZAMFW_solid{transform-style:preserve-3d;position:absolute}.aZAMFW_solid>i{border-radius:inherit;background:var(--side,#555);translate:0 0 calc(var(--i) * var(--step,.3cqw));position:absolute;inset:0}.aZAMFW_solid>i:last-of-type{background:var(--top,var(--side,#555))}.aZAMFW_scene{width:100cqw;height:calc(var(--cam-height) * 76 / var(--cam-distance) * 1cqw);perspective:calc(var(--cam-distance) * 1cqw);perspective-origin:50% calc(var(--cam-height) * -1cqw);margin-top:6cqw;position:relative}.aZAMFW_deck{--arm-angle:0deg;transform-origin:50% 100%;width:100cqw;height:76cqw;transform-style:preserve-3d;background:linear-gradient(180deg, #0000004d, transparent 45%, #ffd6aa1f), var(--grain), linear-gradient(90deg, var(--walnut-1), var(--walnut-2) 28%, var(--walnut-3) 50%, var(--walnut-2) 72%, var(--walnut-1));border-radius:1.4cqw 1.4cqw 0 0;position:absolute;bottom:0;left:0;transform:rotateX(90deg)}.aZAMFW_stage[data-state=playing] .aZAMFW_deck{--arm-angle:calc(23.2deg + var(--progress,0) * 19.2deg)}.aZAMFW_plate{background:linear-gradient(#0000001f,#0000 35%,#ffffff14),repeating-linear-gradient(#ffffff0d 0 .2cqw,#00000009 .2cqw .45cqw),linear-gradient(100deg,#a9a399 0%,#d3cdc3 27%,#b0aa9f 50%,#cdc7bc 74%,#a29c91 100%);border-radius:.9cqw;position:absolute;inset:2.4cqw;translate:0 0 .02cqw;box-shadow:inset 0 0 0 .18cqw #0006,inset 0 .35cqw .7cqw #ffffff38}.aZAMFW_brand{font-family:var(--font-brand), Georgia, serif;color:#2c201699;text-shadow:0 .12cqw #ffffff8c;font-size:2.8cqw;font-style:italic;line-height:1;position:absolute;bottom:2.6cqw;left:3.2cqw}.aZAMFW_platterShadow{filter:blur(1.1cqw);background:radial-gradient(circle closest-side,#0000008c,#0000004d 78%,#0000);border-radius:50%;width:64cqw;height:64cqw;position:absolute;top:7.5cqw;left:8cqw;translate:0 1.8cqw .04cqw}.aZAMFW_platter{--step:.3cqw;--side:linear-gradient(90deg, #34322f, #ebe8e3 30%, #a39f98 56%, #292725);border-radius:50%;width:62cqw;height:62cqw;top:7cqw;left:9cqw}.aZAMFW_spinner{transform-style:preserve-3d;border-radius:50%;animation:1.8s linear infinite paused aZAMFW_spin;position:absolute;inset:0;translate:0 0 3cqw}.aZAMFW_stage[data-state=playing] .aZAMFW_spinner{animation-play-state:running}@keyframes aZAMFW_spin{0%{rotate:0deg}to{rotate:360deg}}.aZAMFW_platterTop{background:radial-gradient(circle closest-side, transparent 0 95%, #00000059 98%, #0000008c 100%), radial-gradient(circle closest-side, transparent 0 34%, #ffffff0a 34.5% 35.5%, transparent 36% 63%, #ffffff0a 63.5% 64.5%, transparent 65%), radial-gradient(circle closest-side, #1d1b1a 0 91.5%, transparent 92%), repeating-conic-gradient(from 0deg, #00000052 0 .6deg, transparent .6deg 3deg), linear-gradient(120deg, #9d9890, #ebe7e0 35%, #b3aea6 55%, #e2ded7 80%, #a19c94);border-radius:50%;position:absolute;inset:0}.aZAMFW_record{background:radial-gradient(circle closest-side,#0e0e0e 0 43%,#0000 43.6%),radial-gradient(circle closest-side,#0000 0 56%,#000000bf 56.4% 57.3%,#0000 57.7%),radial-gradient(circle closest-side,#0000 0 69%,#000000bf 69.4% 70.3%,#0000 70.7%),radial-gradient(circle closest-side,#0000 0 83%,#000000bf 83.4% 84.3%,#0000 84.7%),radial-gradient(circle closest-side,#0000 0 96.4%,#0a0a0a 96.8%),repeating-radial-gradient(circle closest-side,#131313 0 1px,#222 1.4px,#121212 2px),#111;border-radius:50%;transition:translate .5s cubic-bezier(.4,0,.2,1),opacity .5s;position:absolute;inset:4%;translate:0 0 .25cqw}.aZAMFW_stage[data-state=switching] .aZAMFW_record{opacity:0;translate:0 0 15cqw}.aZAMFW_label{background:#8a3a22 50%/cover no-repeat;border-radius:50%;position:absolute;inset:33%}.aZAMFW_label:after{content:"";background:radial-gradient(circle closest-side,#0000 0 82%,#fff6e638 83% 84.5%,#0000 85.5%),radial-gradient(circle closest-side,#0000 0 78%,#00000052 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 .3cqw #0000004d}.aZAMFW_shine{pointer-events:none;background:conic-gradient(from -25deg,#0000 0deg,#fff0 8deg,#ffeed629 30deg,#fff0 56deg,#0000 180deg,#fff0 188deg,#cedeff17 210deg,#fff0 236deg,#0000 360deg);border-radius:50%;transition:opacity .5s;position:absolute;inset:4%;translate:0 0 3.32cqw;-webkit-mask:radial-gradient(circle closest-side,#0000 0 35%,#000 37% 96%,#0000 97%);mask:radial-gradient(circle closest-side,#0000 0 35%,#000 37% 96%,#0000 97%)}.aZAMFW_stage[data-state=switching] .aZAMFW_shine{opacity:0}.aZAMFW_spindle{--step:.3cqw;--side:var(--chrome);--top:var(--chrome-top);border-radius:50%;width:1.6cqw;height:1.6cqw;top:calc(50% - .8cqw);left:calc(50% - .8cqw);translate:0 0 3.35cqw}.aZAMFW_pivotBase{--step:.3cqw;--side:var(--dark-metal);--top:radial-gradient(circle closest-side, transparent 0 52%, #00000059 54% 57%, transparent 59%), radial-gradient(circle at 40% 35%, #3c3a37, #1e1d1c 70%);border-radius:50%;width:11cqw;height:11cqw;top:7.5cqw;left:76.5cqw}.aZAMFW_pivotColumn{--step:.3cqw;--side:var(--chrome);border-radius:50%;width:4cqw;height:4cqw;top:11cqw;left:80cqw}.aZAMFW_armRest{--step:.3cqw;--side:var(--dark-metal);--top:linear-gradient(90deg, #0f0f0f, #353331 50%, #0f0f0f);border-radius:.6cqw;width:2.6cqw;height:2.6cqw;top:44.7cqw;left:80.7cqw}.aZAMFW_arm,.aZAMFW_armShadow{transition:rotate .9s cubic-bezier(.5,.05,.25,1) .4s,translate .4s}.aZAMFW_stage[data-state=playing] .aZAMFW_arm,.aZAMFW_stage[data-state=playing] .aZAMFW_armShadow{transition:rotate .9s cubic-bezier(.5,.05,.25,1),translate .45s .9s}.aZAMFW_arm{width:0;height:0;transform-style:preserve-3d;translate:0 0 6.6cqw;rotate:var(--arm-angle);position:absolute;top:13cqw;left:82cqw}.aZAMFW_stage[data-state=playing] .aZAMFW_arm{translate:0 0 4.9cqw}.aZAMFW_armCollar{--step:.3cqw;--side:var(--chrome);--top:var(--chrome-top);border-radius:50%;width:5.2cqw;height:5.2cqw;top:-2.6cqw;left:-2.6cqw;translate:0 0 -3.9cqw}.aZAMFW_counterweight{--step:.3cqw;--side:var(--dark-metal);--top:repeating-linear-gradient(180deg, transparent 0 1cqw, #00000073 1cqw 1.25cqw), linear-gradient(90deg, #232120, #7a7671 45%, #383533 75%, #1a1918);border-radius:.9cqw;width:5.6cqw;height:7.5cqw;top:-12.5cqw;left:-2.8cqw;translate:0 0 -1.3cqw}.aZAMFW_armTube{--step:.25cqw;--side:var(--chrome);--top:linear-gradient(90deg, #87837d, #fff 40%, #cdc9c3 62%, #75716b);border-radius:.65cqw;width:1.3cqw;height:40.5cqw;top:-2cqw;left:-.65cqw}.aZAMFW_headshell{--step:.25cqw;--side:#111;--top:linear-gradient(90deg, #161514, #403d3a 50%, #141312);transform-origin:50% 0;border-radius:.5cqw .5cqw .9cqw .9cqw;width:4cqw;height:8cqw;top:36.5cqw;left:-2cqw;translate:0 0 .25cqw;rotate:15deg}.aZAMFW_headshell:after{content:"";background:linear-gradient(#f4f2ee,#8a8680);border-radius:.4cqw;width:2.1cqw;height:.8cqw;position:absolute;top:1.4cqw;right:-1.9cqw;translate:0 0 .4cqw}.aZAMFW_cartridge{--step:.3cqw;--side:linear-gradient(180deg, #2a2827, #131212 78%, #d9a441 78%);border-radius:.3cqw;width:2.4cqw;height:5cqw;top:1.6cqw;left:.8cqw;translate:0 0 -1.6cqw}.aZAMFW_armShadow{width:0;height:0;rotate:var(--arm-angle);position:absolute}.aZAMFW_armShadow:before,.aZAMFW_armShadow:after{content:"";filter:blur(.55cqw);background:#0000006b;border-radius:1cqw;position:absolute}.aZAMFW_armShadow:before{width:1.7cqw;height:41.5cqw;top:-3cqw;left:-.85cqw}.aZAMFW_armShadow:after{transform-origin:50% 0;width:5.2cqw;height:8.5cqw;top:36.5cqw;left:-2.6cqw;rotate:15deg}.aZAMFW_shadowOnDeck{top:13cqw;left:82cqw;translate:0 1.4cqw .05cqw}.aZAMFW_shadowOnDeck:before,.aZAMFW_shadowOnDeck:after{filter:blur(.8cqw);background:#00000047}.aZAMFW_stage[data-state=playing] .aZAMFW_shadowOnDeck{translate:0 1cqw .05cqw}.aZAMFW_shadowOnRecord{opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:4%;overflow:hidden;translate:0 0 3.28cqw}.aZAMFW_stage[data-state=playing] .aZAMFW_shadowOnRecord{opacity:1;transition:opacity .5s 1s}.aZAMFW_shadowOnRecord .aZAMFW_armShadow{top:3.52cqw;left:70.52cqw;translate:0 .7cqw}.aZAMFW_front{background:linear-gradient(180deg, #ffd6aa1a 0, transparent 16%, transparent 78%, #0006), repeating-linear-gradient(2deg, #0003 0 .3cqw, transparent .3cqw 1.2cqw, #ffc8960b 1.2cqw 1.5cqw, transparent 1.5cqw 2.8cqw), linear-gradient(90deg, var(--walnut-1), var(--walnut-2) 28%, var(--walnut-3) 50%, var(--walnut-2) 72%, var(--walnut-1));width:100cqw;height:max(16.5cqw,104px);perspective:calc(var(--cam-distance) * 1cqw);perspective-origin:50% calc(var(--cam-height) * (-1cqw - 76cqw / var(--cam-distance)));border-radius:0 0 1.4cqw 1.4cqw;align-items:center;gap:clamp(10px,2.2cqw,16px);padding:0 3.2cqw;display:flex;position:relative;box-shadow:inset 0 1px #ffdcb452,inset 0 -2px 6px #00000073}.aZAMFW_front:before,.aZAMFW_front:after{content:"";z-index:-1;background:linear-gradient(#151312,#070606);border-radius:0 0 .8cqw .8cqw;width:9cqw;height:1.5cqw;position:absolute;bottom:-1.5cqw}.aZAMFW_front:before{left:6cqw}.aZAMFW_front:after{right:6cqw}.aZAMFW_display{background:linear-gradient(180deg, #0b0806, var(--glass));border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;height:92px;padding:6px;display:flex;position:relative;box-shadow:inset 0 2px 8px #000000f2,inset 0 0 0 1px #000000e6,0 1px #ffd6aa29,0 -1px #00000080}.aZAMFW_display:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(170deg,#ffffff12 0%,#ffffff05 38%,#0000 38.5%);position:absolute;inset:0}.aZAMFW_vfd{width:96px;height:100%;color:var(--amber);text-shadow:0 0 4px var(--amber-glow), 0 0 12px var(--amber-glow);border-right:1px solid #ffb5471f;flex:none;grid-template-rows:auto 1fr auto auto;padding:4px 12px 4px 6px;font-family:system-ui,sans-serif;display:grid}.aZAMFW_vfdTop{letter-spacing:.24em;opacity:.8;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;line-height:1;display:flex}.aZAMFW_vfdIcon{width:7px;height:7px;box-shadow:0 0 6px var(--amber-glow);background:currentColor;border-radius:50%;animation:.8s steps(2,jump-none) infinite aZAMFW_blink}.aZAMFW_stage[data-state=playing] .aZAMFW_vfdIcon{clip-path:polygon(0 0,100% 50%,0 100%);border-radius:0;width:8px;height:9px;animation:none}.aZAMFW_stage[data-state=paused] .aZAMFW_vfdIcon{width:8px;height:9px;box-shadow:none;background:linear-gradient(90deg,currentColor 0 35%,#0000 35% 65%,currentColor 65%);border-radius:0;animation:none}.aZAMFW_stage[data-state=ready] .aZAMFW_vfdIcon{border-radius:0;width:8px;height:8px;animation:none}@keyframes aZAMFW_blink{to{opacity:.15}}.aZAMFW_vfdTrack{align-self:center;align-items:baseline;gap:5px;display:flex}.aZAMFW_vfdTotal{letter-spacing:.06em;opacity:.6;font-size:11px;font-weight:700}.aZAMFW_segments{font-family:var(--font-digits), ui-monospace, monospace;font-weight:700;line-height:1;position:relative}.aZAMFW_segments:before{content:attr(data-ghost);color:var(--amber-off);text-shadow:none;position:absolute;inset:0}.aZAMFW_segments>span{position:relative}.aZAMFW_vfdNumber{font-size:26px}.aZAMFW_vfdTime{font-size:14px}.aZAMFW_vfdBar{background:repeating-linear-gradient(90deg, var(--amber-off) 0 4px, transparent 4px 6px);height:3px;margin-top:6px;position:relative}.aZAMFW_vfdBar:after{content:"";background:repeating-linear-gradient(90deg, var(--amber) 0 4px, transparent 4px 6px);filter:drop-shadow(0 0 3px var(--amber-glow));clip-path:inset(0 calc((1 - var(--progress,0)) * 100%) 0 0);position:absolute;inset:0}.aZAMFW_screen{background:#000;border-radius:10px;flex:1;min-width:0;height:80px;overflow:hidden}.aZAMFW_screen iframe{display:block}.aZAMFW_keys{transform-style:preserve-3d;background:linear-gradient(#0a0605,#1a100a);border-radius:8px;flex:none;gap:5px;padding:5px;display:flex;box-shadow:inset 0 2px 5px #000000d9,0 1px #ffd6aa24}.aZAMFW_key{--depth:7px;color:#2a2622;cursor:pointer;width:46px;height:40px;transform-style:preserve-3d;background:0 0;border:0;padding:0;position:relative}.aZAMFW_keyFace,.aZAMFW_key:before,.aZAMFW_key:after{transition:translate 80ms,width 80ms,height 80ms,background .2s;position:absolute}.aZAMFW_keyFace{translate:0 0 var(--depth);background:linear-gradient(#f1efeb,#cdc9c2 55%,#b1aca5);border-radius:2px;place-items:center;display:grid;inset:0;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0000002e}.aZAMFW_key:before{content:"";width:100%;height:var(--depth);transform-origin:50% 0;background:linear-gradient(#cfcbc4,#f8f7f4);top:0;left:0;transform:rotateX(90deg)}.aZAMFW_key:after{content:"";width:var(--depth);transform-origin:0;background:linear-gradient(90deg,#5e5a54,#8d8881);height:100%;top:0;left:0;transform:rotateY(-90deg)}.aZAMFW_key svg{fill:currentColor;width:17px;height:17px}.aZAMFW_key:hover .aZAMFW_keyFace{background:linear-gradient(#faf9f6,#d6d2cb 55%,#b8b3ac)}.aZAMFW_key:active,.aZAMFW_stage[data-state=playing] .aZAMFW_keyPlay{--depth:2px}.aZAMFW_stage[data-state=playing] .aZAMFW_keyPlay .aZAMFW_keyFace{background:linear-gradient(#ffe0ae,#f3b45c 55%,#d88f33)}.aZAMFW_stage[data-state=playing] .aZAMFW_keyPlay:before{background:linear-gradient(#e2a656,#ffe7c0)}.aZAMFW_stage[data-state=playing] .aZAMFW_keyPlay:after{background:linear-gradient(90deg,#8a5a20,#b9803a)}.aZAMFW_key:disabled{cursor:wait}.aZAMFW_key:disabled .aZAMFW_keyFace{color:#2a262259}.aZAMFW_key:focus-visible{outline:2px solid var(--amber);outline-offset:3px}@container (max-width:619px){.aZAMFW_vfd{display:none}}@container (max-width:519px){.aZAMFW_scene,.aZAMFW_front{--cam-height:145}.aZAMFW_front{gap:8px;padding:0 2.4cqw}.aZAMFW_keys{flex-direction:column;gap:4px;padding:4px}.aZAMFW_key{--depth:5px;width:40px;height:27px}.aZAMFW_key svg{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){.aZAMFW_arm,.aZAMFW_armShadow,.aZAMFW_shadowOnRecord,.aZAMFW_record,.aZAMFW_shine,.aZAMFW_stage:before{transition:none!important}.aZAMFW_vfdIcon,.aZAMFW_stage[data-state=playing]:before{animation:none}}
