.sp-card{color:#2b2118;background:#f6efe1;border-radius:20px;padding:22px;position:relative;box-shadow:0 30px 80px -30px #000000b3,inset 0 0 0 1px #2b211814}.sp-deck{grid-template-columns:auto 1fr;align-items:center;gap:26px;display:grid}.sp-turntable{aspect-ratio:1;cursor:pointer;background:linear-gradient(145deg,#3b3129,#231b15);border:0;border-radius:18px;width:250px;padding:0;position:relative;box-shadow:inset 0 1px #ffffff14,0 14px 30px -12px #0009}.sp-turntable:focus-visible{outline-offset:3px;outline:3px solid #e0a526}.sp-platter{background:#15110d;border-radius:50%;position:absolute;inset:14px 30px 30px 14px;box-shadow:0 6px 16px #0000008c}.sp-record{background:radial-gradient(circle at 32% 28%,#ffffff29,#0000 34%),conic-gradient(from 30deg,#ffffff12,#0000 12%,#ffffff0d 25%,#0000 40%,#ffffff12 55%,#0000 70%),repeating-radial-gradient(circle,#1b1916 0 1.6px,#2c2925 2.2px 3.4px);border-radius:50%;place-items:center;transition:filter .3s;animation:1.8s linear infinite paused sp-spin;display:grid;position:absolute;inset:3px}.sp-label{border-radius:50%;width:38%;height:38%;transition:fill .3s}.sp-arm{transform-origin:58px 22px;filter:drop-shadow(0 6px 6px #00000073);width:64px;height:160px;transition:transform .7s cubic-bezier(.3,1.3,.4,1);position:absolute;top:6px;right:-4px;transform:rotate(-6deg)}.sp-turntable:hover .sp-record,.sp-turntable:focus-visible .sp-record,.sp-card[data-on=true] .sp-record{animation-play-state:running}.sp-turntable:hover .sp-arm,.sp-turntable:focus-visible .sp-arm,.sp-card[data-on=true] .sp-arm{transform:rotate(16deg)}.sp-turntable:hover .sp-record{filter:brightness(1.08)}.sp-kicker{letter-spacing:.16em;text-transform:uppercase;color:#6a5a48;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:800;display:flex}.sp-title{font-family:var(--font-display,inherit);margin:10px 0 0;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;line-height:1.1}.sp-note{color:#5d4f40;margin:6px 0 0;font-size:14px;font-style:italic}.sp-credit{color:#4a3d30;border-left:3px solid #e0a526;margin:10px 0 0;padding-left:10px;font-size:13px;line-height:1.45}.sp-credit strong{color:#2b2118}.sp-play{color:#10220f;font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#1db954;border:0;border-radius:999px;align-items:center;gap:12px;margin-top:20px;padding:8px 20px 8px 8px;font-size:13px;font-weight:900;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 10px 22px -8px #1db954b3}.sp-play:hover{transform:translateY(-2px)}.sp-play:focus-visible{outline-offset:3px;outline:3px solid #2b2118}.sp-play-dot{color:#1db954;background:#10220f;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.sp-crate{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.sp-sleeve{background:var(--sp-sleeve);min-width:0;color:var(--sp-sleeve-ink);font:inherit;text-align:left;cursor:pointer;border:2px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.sp-sleeve:hover{transform:translateY(-3px)}.sp-sleeve[aria-checked=true]{border-color:#2b2118;box-shadow:0 10px 22px -10px #0009}.sp-sleeve:focus-visible{outline-offset:2px;outline:3px solid #2b2118}.sp-sleeve-disc{background:radial-gradient(circle, var(--sp-sleeve) 0 22%, #1b1916 24% 100%);border-radius:50%;flex:none;width:30px;height:30px;transition:transform .35s;box-shadow:0 0 0 2px #0003}.sp-sleeve:hover .sp-sleeve-disc,.sp-sleeve[aria-checked=true] .sp-sleeve-disc{transform:rotate(120deg)scale(1.08)}.sp-sleeve-text{min-width:0;display:grid}.sp-sleeve-side{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.sp-sleeve-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.sp-embed{border:0;border-radius:12px;margin-top:18px;display:block}.sp-bars{align-items:flex-end;gap:6px;height:40px;margin-top:30px;display:flex}.sp-bars span{opacity:.45;transform-origin:bottom;background:#e0a526;border-radius:2px;width:9px}.sp-bars[data-playing=true] span{opacity:1;animation-name:sp-eq;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@media (max-width:640px){.sp-card{padding:16px}.sp-deck{text-align:center;grid-template-columns:1fr;justify-items:center}.sp-turntable{width:min(250px,78vw)}.sp-kicker{justify-content:center}.sp-crate{grid-template-columns:1fr}}@keyframes sp-spin{to{transform:rotate(360deg)}}@keyframes sp-eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.sp-record,.sp-bars span{animation:none!important}.sp-arm,.sp-sleeve,.sp-sleeve-disc{transition:none}}