.turntable-scene{position:relative;width:100%;padding-top:24px}.deck{aspect-ratio:1.36;position:relative;border-radius:15px;isolation:isolate;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 3px),linear-gradient(145deg,#45494b,#282b2d 24%,#242729 65%,#444749);border:1px solid #787c7e;box-shadow:inset 0 2px 2px #b1b5b366,inset 0 -5px 2px #080909,0 8px 0 #121415,0 10px 0 #55595a,0 16px 2px #08090a,0 35px 50px #000b;transform:perspective(1100px) rotateX(15deg) rotateZ(-5deg);transform-origin:50% 55%}.deck:before,.deck:after{content:'';position:absolute;z-index:-1;bottom:-22px;width:65px;height:23px;border-radius:0 0 14px 14px;background:linear-gradient(#08090a,#252728,#030405);box-shadow:0 10px 14px #0008}.deck:before{left:35px}.deck:after{right:35px}.screw{position:absolute;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#b4b6b7,#282b2c 46%,#090a0b 48% 57%,#656868 60%,#292c2d);box-shadow:0 0 1px 1px #080909}.s1{left:12px;top:12px}.s2{right:12px;top:12px}.s3{left:12px;bottom:15px}.s4{right:12px;bottom:15px}.deck-brand{position:absolute;top:4.5%;left:6%;font-size:25px;letter-spacing:-2px;font-weight:700;color:#d5d7d4;text-shadow:0 1px 1px #000}.deck-brand>span{color:#ff7b00;font-size:8px;margin-left:3px;vertical-align:middle}.deck-brand small{font-weight:400;letter-spacing:1.3px;font-size:6px;margin-left:10px;color:#bfc2c0}.platter{position:absolute;left:4.5%;top:15%;width:72%;aspect-ratio:1;border-radius:50%;background:linear-gradient(155deg,#c6c9c6,#686e70 20%,#292d30 45%,#e4e6e0 68%,#7d8181 80%,#2b3032);box-shadow:0 8px 8px #000b,0 0 0 3px #101213,inset 0 0 0 1px #a7aaa8}.platter-dots{position:absolute;inset:2px;border-radius:50%;background:repeating-conic-gradient(#111518 0 2deg,#c0c4bf 2deg 3deg,#5c6060 3deg 5deg);mask-image:radial-gradient(circle,transparent 66%,#000 66.5%);opacity:.9}.vinyl{position:absolute;inset:11px;border-radius:50%;background:repeating-radial-gradient(circle,#101113 0px,#292b2c .6px,#0e1012 1px,#0d0f10 2px,#242628 2.5px,#111314 3px);box-shadow:0 0 0 2px #080909,0 0 0 3px #6a6c6844,inset 0 0 9px 5px #050607;animation:lp-spin 1.8s linear infinite;animation-play-state:paused}.runout{position:absolute;inset:30%;border-radius:50%;background:repeating-radial-gradient(circle,#141718 0 4px,#2e3131 5px,#151718 6px);border:1px solid #5558}.record-label{position:absolute;inset:35%;border-radius:50%;background:#ff7b00;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 0 1px #9994}.record-art{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.label-fallback{font-size:24px;color:#1b0c03;font-weight:700;letter-spacing:-3px}.vinyl-light{position:absolute;inset:11px;border-radius:50%;pointer-events:none;background:conic-gradient(from 15deg,transparent 0deg,#e5ecf820 26deg,transparent 55deg,transparent 145deg,#d3dcdd29 180deg,transparent 213deg,transparent 298deg,#fff1 330deg,transparent 360deg);mix-blend-mode:screen;mask-image:radial-gradient(circle,transparent 22%,#000 23%)}.spindle{position:absolute;top:50%;left:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 25%,#fffffa,#a6aaaa 38%,#282b2b 70%);box-shadow:2px 3px 2px #000a;z-index:4}.arm-assembly{position:absolute;right:2%;top:1%;width:29%;height:86%;z-index:5;filter:drop-shadow(4px 7px 3px #0007)}.arm-assembly svg{width:100%;height:100%;overflow:visible}.moving-arm{transform-origin:100px 80px;transform:rotate(0deg);transition:transform 1.4s ease-in-out}.deck[data-playing=true] .moving-arm{transform:rotate(23deg)}.deck[data-playing=true]:not(.motion-off) .vinyl{animation-play-state:running}.deck-controls{position:absolute;left:6%;bottom:5%;display:flex;align-items:center;gap:12px;font-size:10px;color:#d7d9d5}.power-lamp{height:5px;width:5px;border-radius:50%;background:#6a3211;box-shadow:0 0 0 3px #171919}.deck[data-playing=true] .power-lamp{background:#ff7b00;box-shadow:0 0 6px #ff7b00,0 0 0 3px #171919}.deck-controls small{font-size:6px;color:#a3a6a3}.speed-mark{color:#8b8f8d;font-size:7px}.deck-model{font-size:5px;letter-spacing:1.2px;margin-left:12px;color:#a8adaa}.pitch{position:absolute;right:7%;bottom:11%;height:28%;width:12px;border-radius:4px;background:#17191a;box-shadow:inset 1px 0 3px #000,1px 0 #727674}.pitch i{position:absolute;left:-6px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(#aaa9 0 1px,transparent 1px 8px)}.pitch b{position:absolute;left:-5px;right:-5px;top:45%;height:12px;background:linear-gradient(#767a78,#d9dcd5 30%,#5f6462 60%,#202422);border:1px solid #080909;box-shadow:0 3px 2px #0008}.pitch span{position:absolute;right:-12px;top:0;font-size:9px;color:#adb1ad}.pitch span:last-child{top:auto;bottom:0}.hero-art:before{background:radial-gradient(ellipse,#45454430,transparent 67%)}.hero-art{height:auto;min-height:510px;display:flex;align-items:center}.deck-caption{margin-top:55px;display:flex;align-items:center;gap:16px}.now-art{width:54px;height:54px;flex-shrink:0;background:#27221d;position:relative;display:grid;place-items:center;border:1px solid #fff2;color:#ff7b00;font-size:23px}.now-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.deck-track{min-width:0;flex:1}.deck-track small{display:block;font-size:8px;letter-spacing:1.6px;color:#ff7b00}.deck-track strong{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0}.deck-track>span{font-size:11px;color:#aaa;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-meter{display:flex;align-items:end;gap:3px;height:20px;padding-right:5px}.deck-meter i{width:3px;height:3px;background:#ff7b00}.deck-meter.active i{animation:listen-meter 1s ease-in-out infinite alternate}.deck-meter.active i:nth-child(2){animation-delay:-.4s}.deck-meter.active i:nth-child(3){animation-delay:-.8s}.deck-progress{height:2px;background:#fff2;margin-top:16px}.deck-progress>div{height:100%;background:#ff7b00;width:0}.deck-under{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:9px;color:#a4a4a0}.deck-under button{border:0;background:transparent;padding:5px 0;font-size:9px;color:#bbb}.record-art[hidden],.sleeve-art[hidden]{display:none}.feature-tag,.orbit,.art-label{display:none}@keyframes lp-spin{to{transform:rotate(360deg)}}@keyframes listen-meter{to{height:18px}}@media(max-width:1000px){.deck-caption{margin-top:40px}.hero-art{min-height:400px}.deck-model{display:none}.deck-brand{font-size:20px}.deck-brand small{font-size:5px}}@media(max-width:700px){.hero-art{min-height:0;margin-top:38px}.turntable-scene{padding:15px 5px 0}.deck-caption{margin-top:40px}.deck-track strong{font-size:16px}.deck-controls{font-size:8px;gap:8px}.deck-brand small{font-size:4px;letter-spacing:.9px}.deck-brand{font-size:18px}.label-fallback{font-size:20px}.deck-under{font-size:8px}.now-art{width:44px;height:44px}.deck-caption{gap:12px}.platter{box-shadow:0 5px 5px #000b,0 0 0 2px #101213}.vinyl,.vinyl-light{inset:7px}}@media(prefers-reduced-motion:reduce){.vinyl,.deck-meter.active i{animation:none!important}.moving-arm{transition:none}.deck-under button{display:none}}
/* Keep the entire platter inside the plinth, with clearance for the front controls. */
.platter{width:62%;left:5.5%;top:9%}.arm-assembly{right:8%}
.deck-brand{color:#ff7b00}

.deck{transform:none;box-shadow:inset 0 2px 2px #b1b5b344,inset 0 -3px 2px #080909,0 4px 0 #121415,0 6px 0 #55595a,0 18px 30px #0008}.deck:before,.deck:after{display:none}.deck-caption{margin-top:24px}

/* Recovered OCTA analyzer, shared by TOTM and MercuryServer. */
.audio-analyzer{grid-column:1/-1;min-width:0;width:100%;margin-top:18px;padding:12px 0 0;border-top:1px solid #ffffff24;color:#b0b2b3;font:12px/1.5 system-ui,sans-serif;text-align:left}
.analyzer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.analyzer-toolbar>span{font-size:9px;letter-spacing:1.3px;color:#ff8117}.analyzer-toolbar label{display:flex;align-items:center;gap:6px;font-size:10px}.audio-analyzer select{font:inherit;color:#e8e8e8;background:#1d1f20;border:1px solid #ffffff30;border-radius:4px;padding:5px;max-width:120px}.analyzer-canvas{display:block;width:100%;height:100px;background:#04040a;border:1px solid #ffffff12;border-radius:6px}.audio-analyzer[data-mode=SOL] .analyzer-canvas{height:160px}.analyzer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.audio-analyzer button{font:11px/1.2 system-ui,sans-serif;border:1px solid #ffffff35;border-radius:5px;padding:7px 10px;color:#e5e5e5;background:#191b1d;cursor:pointer}.audio-analyzer button:hover{border-color:#ff8117}.audio-analyzer :focus-visible{outline:2px solid #ff8117;outline-offset:3px}.analyzer-actions>span{font-size:10px;min-width:0;overflow-wrap:anywhere;flex:1}.audio-analyzer audio{display:block;width:100%;height:32px;margin-top:9px}.audio-analyzer [hidden]{display:none!important}.audio-analyzer .analyzer-status{color:#989b9e;font:10px/1.5 system-ui,sans-serif;margin:8px 0 0;min-height:15px}.deck-under{flex-wrap:wrap}.deck-under>span{min-width:0;flex:1}.turntable-scene{min-width:0}