.turntable-navigation-transition{z-index:150;color:#f4eff6;background:radial-gradient(#21172e 0%,#090811 66%);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:#41d9dc;letter-spacing:.2em;font-size:clamp(9px,.85vw,13px);position:relative}.turntable-navigation-stage{z-index:2;aspect-ratio:1;place-items:center;width:clamp(170px,30vw,340px);display:grid;position:relative}.turntable-navigation-stage:before,.turntable-navigation-stage:after{content:"";border:1px solid #41d9dc45;border-radius:50%;position:absolute;inset:4%;box-shadow:0 0 30px #41d9dc18,inset 0 0 34px #f1269615}.turntable-navigation-stage:after{border-style:dashed;border-color:#f1269655;animation:3s linear infinite turntable-portal-orbit;inset:13%}.turntable-navigation-record{aspect-ratio:1;background:repeating-radial-gradient(circle,#0c0a12 0 5px,#282133 6px 7px,#0b0910 8px 12px);border:1px solid #8e6588;border-radius:50%;width:68%;animation:.5s cubic-bezier(.12,.74,.24,1) both turntable-portal-spin;position:relative;box-shadow:inset 0 0 0 7px #100d18,inset 0 0 0 8px #59415d,0 0 34px #f1269630}.turntable-navigation-record i{aspect-ratio:1;background:radial-gradient(circle,#41d9dc 0 2px,#521d47 3px 100%);border:1px solid #ff78c1;border-radius:50%;width:19%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.turntable-navigation-tonearm{z-index:1;transform-origin:top;background:linear-gradient(90deg,#574d62,#d4ccdf,#574d62);border:1px solid #a497b3;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 #eee8ff50}.turntable-navigation-tonearm i{background:#211522;border:1px solid #f12696;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,#f126961c,#41d9dc16 48%,#08070d);animation:.5s steps(5,end) both turntable-screen-wipe;position:fixed;inset:0}.turntable-navigation-transition>strong{z-index:2;color:#ded4e5;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}}