html,body{overflow:hidden}body{background-color:#0a0806;background-image:radial-gradient(at 50% 45%,#1a1410 0%,#0000 65%),radial-gradient(at 50% 100%,#0d0a06 0%,#0000 70%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;font-family:Inter,SF Pro Display,-apple-system,sans-serif}.table{z-index:1;pointer-events:none;background:linear-gradient(#2a2018 0%,#1a140e 30%,#0d0906 100%);height:18vh;min-height:120px;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 8px 24px #0009}.turntable-base{aspect-ratio:1;z-index:5;background:radial-gradient(circle at 45% 40%,#3a2f26 0%,#221a14 45%,#14100c 75%,#0a0705 100%);border-radius:16px;justify-content:center;align-items:center;width:clamp(340px,88vw,480px);display:flex;position:fixed;bottom:18vh;left:50%;transform:translate(-50%);box-shadow:inset 0 4px 12px #ffdcb40f,inset 0 -10px 25px #000000bf,0 20px 50px #000000bf,0 0 0 1px #785a3c66,0 0 0 4px #32281e80}.vinyl{background:radial-gradient(circle at 35% 30%,#ffffff1f 0%,#0000 35%),radial-gradient(circle,#0a0a0a 0%,#151515 30%,#0d0d0d 55%,#1a1a1a 80%,#050505 100%);border-radius:50%;width:86%;height:86%;animation:60s linear infinite spin;position:relative;box-shadow:inset 0 0 60px #000000e6,0 8px 24px #000c,0 0 0 2px #3c322880}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl:before{content:"";pointer-events:none;background-image:repeating-radial-gradient(circle,#0000 0 2px,#ffffff06 2px 3px,#0000 3px 5px,#0006 5px 6px);border-radius:50%;position:absolute;inset:6%}.vinyl:after{content:"";filter:blur(2px);pointer-events:none;background:linear-gradient(135deg,#ffffff24 0%,#0000 60%);border-radius:50%;width:40%;height:40%;position:absolute;top:8%;left:8%}.label{z-index:3;background:radial-gradient(circle at 40% 35%,#d4a860 0%,#a87d3a 40%,#7a5a2a 75%,#4a3518 100%);border-radius:50%;justify-content:center;align-items:center;width:34%;height:34%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 20px #ffdca04d,inset 0 -4px 10px #00000080,0 0 0 2px #3c281499}.label:before{content:"";border:1px solid #ffdca059;border-radius:50%;position:absolute;inset:12%;box-shadow:inset 0 0 8px #ffdca033}.label:after{content:"";background:radial-gradient(circle,#050505 0%,#1a1a1a 60%,#2a2a2a 100%);border-radius:50%;width:14%;height:14%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #ffffff26,0 0 6px #000c}.label-text{letter-spacing:2px;color:#fff0c8d9;text-shadow:0 1px 2px #000c;white-space:nowrap;text-transform:uppercase;font-size:clamp(8px,2.2vw,12px);font-weight:700;position:absolute;top:30%;left:50%;transform:translate(-50%)}.tonearm{z-index:10;pointer-events:none;transform-origin:82% 82%;width:180px;height:180px;transition:transform .3s linear;position:absolute;top:8%;right:6%}.tonearm-pivot{background:radial-gradient(circle at 40% 35%,#a8a8b0 0%,#6a6a72 40%,#3a3a42 75%,#1a1a22 100%);border-radius:50%;width:44px;height:44px;position:absolute;bottom:8%;right:8%;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -3px 6px #0009,0 4px 12px #000000b3}.tonearm-pivot:before{content:"";background:radial-gradient(circle,#e8e8f0 0%,#8a8a92 60%,#4a4a52 100%);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0009}.tonearm-arm{transform-origin:100%;background:linear-gradient(#d0d0d8 0%,#8a8a92 30%,#4a4a52 70%,#2a2a32 100%);border-radius:3px;width:130px;height:6px;position:absolute;bottom:24%;right:24%;box-shadow:0 2px 6px #0009,inset 0 1px 1px #fff6}.tonearm-head{z-index:2;background:linear-gradient(#c8c8d0 0%,#7a7a82 40%,#3a3a42 100%);border-radius:4px 2px 2px 4px;width:22px;height:16px;position:absolute;bottom:calc(24% - 4px);right:calc(24% + 120px);box-shadow:inset 0 1px 2px #fff6,0 2px 6px #000000b3}.tonearm-head:after{content:"";background:linear-gradient(#e8e8f0 0%,#8a8a92 100%);border-radius:1px;width:4px;height:6px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.needle-spark{z-index:9;pointer-events:none;background:radial-gradient(circle,#ffdca0e6 0%,#ffb46466 40%,#0000 70%);border-radius:50%;width:10px;height:10px;animation:.2s ease-in-out infinite alternate sparkFlicker;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 12px #ffc878e6,0 0 24px #ffa03c80}@keyframes sparkFlicker{0%{opacity:.7;transform:translate(-50%,-50%)scale(.85)}to{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.sound-wave{pointer-events:none;z-index:8;border:2px solid #ffc878b3;border-radius:50%;width:30px;height:30px;position:absolute;transform:translate(-50%,-50%)}.music-note{pointer-events:none;z-index:20;background:radial-gradient(circle,#ffdc8ce6 0%,#ffb45066 50%,#0000 100%);border-radius:50%;width:6px;height:6px;position:fixed;box-shadow:0 0 8px #ffc864cc}.clock{z-index:100;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:20%;left:50%;transform:translate(-50%,-50%)}.clock-time{letter-spacing:clamp(5px,1.8vw,12px);color:#fff;font-variant-numeric:tabular-nums;padding-left:clamp(5px,1.8vw,12px);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:clamp(2.4rem,8vw,4.5rem);font-weight:800;line-height:1}.clock-date{letter-spacing:clamp(4px,1.4vw,9px);color:#fff;text-transform:uppercase;font-size:clamp(.7rem,1.8vw,.95rem);font-weight:700}@media (width<=480px){.tonearm{width:140px;height:140px}.tonearm-arm{width:100px}.tonearm-head{right:calc(24% + 92px)}}@media (height<=550px) and (orientation:landscape){.table{height:22vh}.turntable-base{bottom:22vh}}