.player-dialog .full-cover.turntable,.full-cover.turntable{position:relative;isolation:isolate;overflow:visible;background:repeating-linear-gradient(19deg,#ffffff02 0 1px,#00000003 1px 3px),linear-gradient(135deg,#373b36,#20231f 55%,#2c3029);border:1px solid #ffffff0d;border-radius:7%;box-shadow:inset 0 1px 3px #ffffff14,inset 0 -2px 5px #0004,0 2px 5px #1118200a,0 14px 32px #11182015,0 30px 65px #11182012;aspect-ratio:1;flex-shrink:0}
.turntable-platter{position:absolute;inset:8%;border-radius:50%;background:#0c0e0b;box-shadow:0 0 0 5px #11140f,0 0 0 8px #3b3e3560,0 5px 12px #000b,inset 0 0 5px 3px #000}
.turntable-record{position:absolute;inset:3%;border-radius:50%;background:repeating-radial-gradient(circle,#111410 0 1px,#242721 1.5px,#0a0c09 2.5px,#111410 3px);box-shadow:inset 0 0 0 3px #080a07,0 0 0 1px #494d4238;animation:turntable-spin 9s linear infinite;animation-play-state:paused}
.turntable-record:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 15deg,transparent 0deg,#b5c6a426 38deg,transparent 76deg,transparent 160deg,#e1e9d622 213deg,transparent 247deg);pointer-events:none}
.turntable-label{position:absolute;inset:19%;width:62%;height:62%;object-fit:cover;border-radius:50%;box-shadow:0 0 0 4px #0b0e0a,0 0 0 5px #555c4230}
.turntable-arm{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible;filter:drop-shadow(3px 5px 2px #0009);pointer-events:none}
.turntable-arm-moving{transform-origin:267px 46px;transform:rotate(-9deg);transition:transform .7s ease}
.turntable-led{position:absolute;width:2.1%;height:2.1%;border-radius:50%;left:9%;bottom:9%;background:#50643b;box-shadow:0 0 0 3px #13180e,0 0 0 4px #4d544644}
.turntable-switch{position:absolute;right:9%;bottom:7%;width:5%;height:13%;border-radius:3px;background:linear-gradient(#080b08 45%,#484d43 46%,#252a20 72%,#070a07 73%);box-shadow:0 0 0 2px #11160d,inset 1px 0 2px #ffffff20}
.turntable.is-playing .turntable-record{animation-play-state:running}.turntable.is-playing .turntable-arm-moving{transform:rotate(0)}.turntable.is-playing .turntable-led{background:#a3d16a;box-shadow:0 0 0 3px #13180e,0 0 7px #99c76770}
@keyframes turntable-spin{to{transform:rotate(360deg)}}
html[data-motion=off] .turntable-record{animation:none}html[data-motion=off] .turntable-arm-moving{transition:none}
@media(prefers-reduced-motion:reduce){html:not([data-motion=force]) .turntable-record{animation:none}html:not([data-motion=force]) .turntable-arm-moving{transition:none}}
.turntable-nameplate{position:absolute;inset:0;width:100%;height:100%;z-index:4;overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 1px #0003)}
.turntable-nameplate use{fill:none;stroke-linecap:round}.turntable-nameplate-rim{stroke:#7d877440;stroke-width:13}.turntable-nameplate-face{stroke:#353c32;stroke-width:11}
.turntable-nameplate text{fill:#c3c8bc;font:600 7px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:1px}

/* Approved matte chassis, layered shadows and metallic arm. */
.player-dialog .full-cover.turntable,.full-cover.turntable{background:radial-gradient(ellipse at 8% 0%,#ffffff12,transparent 65%),linear-gradient(145deg,#363939,#252828 58%,#212424);border:1px solid #ffffff20;box-shadow:inset 1px 2px 2px #ffffff30,inset -1px -2px 3px #0009,0 2px 0 #191c1c,0 4px 0 #202323,0 6px 0 #141717,0 8px 3px #11182028,0 0 18px 2px #11182020,0 7px 24px 3px #11182025,0 15px 18px -8px #11182045,0 27px 42px -8px #11182040}
.turntable:before{content:"";position:absolute;inset:2px;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.24' d='M0 0h150v150H0z'/%3E%3C/svg%3E");opacity:.18;mix-blend-mode:soft-light}
.turntable-platter{background:#080a0b;box-shadow:0 -1px 1px 5px #111415,0 -2px 1px 7px #7d85833d,0 2px 2px 7px #080b0c99,0 7px 9px #0009,inset 0 4px 8px 3px #000}
.turntable-record{background:repeating-radial-gradient(circle,#111415 0 1px,#252a2b 1.5px,#0b0e0f 2.5px,#121617 3px);box-shadow:inset 0 0 0 2px #070a0b,inset 0 1px 2px 3px #89918e50,0 2px 1px #000,0 4px 7px #000a}
.turntable-record:after{background:conic-gradient(from 18deg,transparent 0deg,#dbe2df30 30deg,transparent 66deg,transparent 166deg,#dce3df24 209deg,transparent 249deg);mask-image:radial-gradient(circle,transparent 43%,#000 45%)}
.turntable-label{box-shadow:0 0 0 2px #070a0b,0 0 0 3px #8e96933a}
.turntable-arm{filter:drop-shadow(4px 6px 2px #0009)}
.turntable-arm-moving>path:nth-child(2){stroke:#8d9595;stroke-width:7}
.turntable-arm-moving>path:nth-child(3){stroke:#eef1ea;stroke-width:1.5;transform:translate(-1px,-.5px)}
.turntable-arm-moving>circle:first-of-type{fill:#15191a;stroke:#7e8784;stroke-width:3}
.turntable-arm-moving>circle:last-of-type{fill:#303738;stroke:#0c1011;stroke-width:2}
.turntable-nameplate-face{stroke:#343b3b}.turntable-nameplate-rim{stroke:#a5b0a855}.turntable-nameplate text{fill:#d1d8d1}
.turntable-switch{background:linear-gradient(#080c0d 43%,#8b9390 46%,#4f5754 51%,#242c29 73%,#090d0e 74%);box-shadow:0 0 0 2px #111719,inset 1px 0 2px #ffffff30,0 1px 1px 3px #87908a25}

.turntable.is-playing.is-local .turntable-led{background:#f25464;box-shadow:0 0 0 3px #211011,0 0 7px #f2546470}

/* Shared cover controls keep the same positions across skins. */
#expanded-player .player-cover-skin{position:relative;isolation:isolate;overflow:visible}
#expanded-player .player-cover-skin>.turntable{width:100%;height:100%;max-height:none;margin:0;aspect-ratio:1;border-radius:inherit}
#expanded-player .player-cover-skin>.skin-art{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
#expanded-player .player-cover-skin>.turntable-led{z-index:5;left:9%;bottom:9%;width:7px;height:7px;background:#96b86a;box-shadow:0 0 0 2px #151b1766;pointer-events:none}
#expanded-player .player-cover-skin.is-local>.turntable-led{background:#ef6877;box-shadow:0 0 0 2px #21101166}
#expanded-player .cover-skin-trigger{position:absolute;z-index:6;right:calc(9% - 18px);bottom:calc(9% - 18px);width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:transparent;color:#e2e7e5;filter:drop-shadow(0 1px 2px #0009);cursor:pointer;touch-action:manipulation}
#expanded-player .skin-classic .cover-skin-trigger{color:white;filter:drop-shadow(0 1px 2px #000c) drop-shadow(0 0 2px #0008)}
#expanded-player .cover-skin-trigger:focus-visible{outline:2px solid currentColor;outline-offset:1px}
#expanded-player .cover-skin-picker{position:absolute;z-index:8;right:5%;bottom:19%;width:180px;padding:10px;background:var(--surface,#f5f6f7);color:var(--text,#25282e);border:1px solid #8883;border-radius:16px;box-shadow:0 8px 30px #0003;font-size:13px;touch-action:manipulation}
#expanded-player .cover-skin-picker>div{display:flex;align-items:center;justify-content:space-between;padding-left:8px;font-size:12px;color:var(--muted,#777)}
#expanded-player .cover-skin-picker button{border:0;background:transparent;color:inherit;min-height:40px;cursor:pointer}
#expanded-player .cover-skin-picker>div button{width:36px;font-size:22px}
#expanded-player .cover-skin-picker>button{display:block;width:100%;text-align:left;padding:0 10px;border-radius:9px}
#expanded-player .cover-skin-picker>button[aria-pressed=true]{background:#8882;font-weight:600}

/* Skin-specific details; shared 44px hit target and fixed control centers. */
#expanded-player .player-cover-skin>.turntable-led{left:10%;bottom:10%;transform:translate(-50%,50%)}
#expanded-player .cover-skin-trigger{right:calc(10% - 22px);bottom:calc(10% - 22px);filter:none}
#expanded-player .cover-skin-trigger svg{position:relative;width:17px;height:17px;z-index:1}
#expanded-player .skin-turntable>.turntable-led{width:5px;height:5px;background:#829565;box-shadow:0 0 0 1px #101514,0 0 0 2px #a7b3a11c}
#expanded-player .skin-turntable.is-local>.turntable-led{background:#ca6975;box-shadow:0 0 0 1px #171112,0 0 0 2px #a7b3a11c}
#expanded-player .skin-turntable .cover-skin-trigger{color:#aab4b1;filter:none}
#expanded-player .skin-classic>.turntable-led{width:4px;height:4px;background:#8d9e77;box-shadow:none}
#expanded-player .skin-classic.is-local>.turntable-led{background:#c26d79;box-shadow:none}
#expanded-player .skin-classic .cover-skin-trigger{color:#fff;filter:none}
#expanded-player .skin-classic .cover-skin-trigger:before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:rgb(0 0 0 / 16%);pointer-events:none}