.turntable-navigation-transition{--turntable-wood:#291a12;--turntable-parchment:#ead9b8;--turntable-velvet:#61283b;--turntable-brass:#d0aa69;z-index:150;color:var(--turntable-parchment);background:radial-gradient(ellipse at center, #61402d 0%, var(--turntable-wood) 66%, #100b08 100%);place-content:center;justify-items:center;gap:clamp(16px,3vh,28px);animation:.18s steps(4,end) both turntable-portal-enter;display:grid;position:fixed;inset:0;overflow:hidden}.turntable-navigation-kicker{z-index:2;color:var(--turntable-brass);letter-spacing:.2em;font-size:clamp(9px,.85vw,13px);position:relative}.turntable-navigation-stage{z-index:2;aspect-ratio:1;background:repeating-linear-gradient(90deg, #3e281a 0 9px, var(--turntable-wood) 10px 15px);width:clamp(170px,30vw,340px);box-shadow:inset 0 0 0 3px var(--turntable-brass), 10px 12px 0 #100a07;border:8px ridge #8c6038;border-radius:7px 12px 5px 10px;place-items:center;display:grid;position:relative}.turntable-navigation-stage:before,.turntable-navigation-stage:after{content:"";border:1px solid #d0aa6945;border-radius:50%;position:absolute;inset:4%;box-shadow:0 0 30px #d0aa6918,inset 0 0 34px #61283b15}.turntable-navigation-stage:after{border-style:dashed;border-color:#d0aa6955;animation:3s linear infinite turntable-portal-orbit;inset:13%}.turntable-navigation-record{aspect-ratio:1;width:68%;box-shadow:inset 0 0 0 7px #130e0a, inset 0 0 0 8px var(--turntable-brass), 0 0 34px #d0aa6930;background:repeating-radial-gradient(circle,#17110e 0 5px,#30221c 6px 7px,#100c0a 8px 12px);border:1px solid #8c704e;border-radius:50%;animation:.5s cubic-bezier(.12,.74,.24,1) both turntable-portal-spin;position:relative}.turntable-navigation-record i{aspect-ratio:1;border:1px solid var(--turntable-brass);background:radial-gradient(circle, var(--turntable-parchment) 0 2px, var(--turntable-velvet) 3px 100%);border-radius:50%;width:19%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.turntable-navigation-tonearm{z-index:1;background:linear-gradient(90deg, #674d31, var(--turntable-brass), #674d31);transform-origin:top;border:1px solid #8c704e;border-radius:8px;width:7px;height:48%;animation:.5s cubic-bezier(.2,.7,.2,1) 40ms both turntable-portal-drop;position:absolute;top:16%;right:14%;transform:rotate(-42deg);box-shadow:0 0 10px #ead9b850}.turntable-navigation-tonearm i{border:1px solid var(--turntable-brass);background:var(--turntable-wood);width:11px;height:14px;position:absolute;bottom:-4px;left:-3px;transform:rotate(20deg)}.turntable-navigation-wipe{z-index:1;clip-path:inset(0 100% 0 0);background:linear-gradient(125deg,#61283b45,#d0aa6930 48%,#100b08);animation:.5s steps(5,end) both turntable-screen-wipe;position:fixed;inset:0}.turntable-navigation-transition>strong{z-index:2;color:var(--turntable-parchment);letter-spacing:.08em;font-size:clamp(12px,1vw,16px);font-weight:400;position:relative}@keyframes turntable-portal-enter{0%{opacity:0}to{opacity:1}}@keyframes turntable-portal-orbit{to{transform:rotate(360deg)}}@keyframes turntable-portal-spin{0%{transform:rotate(-30deg)scale(.75)}to{transform:rotate(690deg)scale(1)}}@keyframes turntable-portal-drop{0%{transform:rotate(-42deg)}to{transform:rotate(-4deg)}}@keyframes turntable-screen-wipe{to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.turntable-navigation-transition,.turntable-navigation-stage:after,.turntable-navigation-record,.turntable-navigation-tonearm,.turntable-navigation-wipe{animation-duration:1ms;animation-iteration-count:1;animation-delay:0s}}