.vinyl-stage{width:100%;max-width:920px;margin:0 auto;overflow:visible;padding-inline:clamp(.75rem,2vw,1.5rem)}.vinyl-stage--3d{max-width:980px}.vinyl-webgl{position:relative;width:min(760px,calc(100% - 1.5rem));aspect-ratio:1.24 / 1;margin:0 auto;border-radius:1.5rem;overflow:hidden;background:radial-gradient(circle at 20% 18%,rgba(215,247,63,.14),transparent 28%),radial-gradient(circle at 76% 28%,rgba(255,208,123,.14),transparent 26%),linear-gradient(145deg,#131316fa,#080809f5);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 48px #ffffff0a,0 28px 60px #00000057;cursor:grab;touch-action:none}.vinyl-webgl:active{cursor:grabbing}.vinyl-webgl canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:2}.vinyl-webgl__fallback-art{position:absolute;inset:8% auto auto 10%;width:min(48%,320px);aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:.4rem;box-shadow:0 18px 44px #0000004d,inset 0 0 0 1px #ffffff1a;opacity:.28;filter:saturate(.85) brightness(.88);z-index:1}.vinyl-stage.is-ready .vinyl-webgl__fallback-art{opacity:0}.vinyl-webgl__status{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);padding:.55rem .9rem;border-radius:999px;background:#0a0a0cb8;border:1px solid rgba(255,255,255,.08);color:#ffffffd1;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vinyl-stage.is-ready .vinyl-webgl__status:empty{display:none}.vinyl-stage.is-error .vinyl-webgl__fallback-art{opacity:.92}@media (max-width: 768px){.page-release-detail .vinyl-stage{max-width:100%;padding-inline:0}.page-release-detail .vinyl-webgl{width:min(100%,360px);border-radius:1.1rem}.page-release-detail .vinyl-webgl__fallback-art{inset:10% auto auto 9%;width:54%}.page-release-detail .vinyl-webgl__status{bottom:.7rem;font-size:.74rem;padding:.45rem .75rem}}.cd-stage{width:100%;display:flex;justify-content:center;padding:clamp(.5rem,1.5vw,1rem)}.cd-case{--case-size: min(430px, calc(100vw - 7rem) );position:relative;width:var(--case-size);aspect-ratio:1 / 1;transform-style:preserve-3d;perspective:2200px;cursor:pointer;filter:drop-shadow(0 30px 50px rgba(15,23,42,.28))}.cd-case__hinge{position:absolute;inset:1.8% auto 1.8% 2.1%;width:.6rem;border-radius:999px;background:linear-gradient(180deg,#ffffff73,#94a3b838 42%,#0f172acc),#cbd5e180;box-shadow:inset 0 0 0 1px #ffffff4d,0 0 18px #0f172a29;z-index:4}.cd-case__spine{position:absolute;inset:1.6% auto 1.6% 0;width:8.8%;border-radius:.9rem 0 0 .9rem;background:repeating-linear-gradient(90deg,#0f172aeb 0,#0f172aeb .22rem,#27272ae6 .22rem,#27272ae6 .42rem);box-shadow:inset -1px 0 #ffffff1a,inset 0 0 0 1px #0006;z-index:1}.cd-case__lid,.cd-case__tray{position:absolute;top:.9%;right:.9%;bottom:.9%;left:.9%;border-radius:.6rem;overflow:hidden}.cd-case__lid{z-index:3;transform-style:preserve-3d;transform-origin:left center;background:linear-gradient(145deg,#ffffff4d,#94a3b80f),#f1f5f914;box-shadow:0 18px 36px #0f172a3d,inset 0 0 0 1px #ffffff57,inset 0 0 20px #ffffff1f}.cd-case__tray{background:linear-gradient(145deg,#3f3f46f2,#18181bfa),#18181bfa;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 50px #0000006b}.cd-case__tray:before,.cd-case__tray:after,.cd-case__face:before,.cd-case__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cd-case__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;overflow:hidden}.cd-case__face--front{background:linear-gradient(145deg,#ffffff14,#94a3b808),#e2e8f00f}.cd-case__face--inside{transform:rotateY(180deg);background:linear-gradient(145deg,#f8fafc24,#94a3b80f),#e2e8f00a}.cd-case__art,.cd-case__booklet,.cd-case__tray-art{position:absolute;top:3.8%;right:3.8%;bottom:3.8%;left:3.8%;border-radius:.3rem;overflow:hidden;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #ffffff1a}.cd-case__art{background-image:var(--case-front)}.cd-case__booklet{background-image:var(--case-back);filter:brightness(.82) saturate(.88)}.cd-case__tray-art{top:3.8%;right:3.8%;bottom:3.8%;left:3.8%;border-radius:.3rem;background-image:var(--tray-art);filter:brightness(.22) saturate(.25)}.cd-case__glare{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(118deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.08) 18%,transparent 34%,transparent 62%,rgba(255,255,255,.16) 80%,rgba(255,255,255,.04) 100%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 36%);mix-blend-mode:screen;opacity:.8}.cd-case__face:before,.cd-case__tray:before{top:1.6%;right:1.6%;bottom:1.6%;left:1.6%;border-radius:.45rem;border:1px solid rgba(255,255,255,.24)}.cd-case__face:after,.cd-case__tray:after{top:3.1%;right:3.1%;bottom:3.1%;left:3.1%;border-radius:.36rem;border:1px solid rgba(255,255,255,.1)}.cd-case__tabs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.cd-case__tab{position:absolute;width:14%;height:4%;border-radius:999px;background:linear-gradient(180deg,#ffffff6b,#ffffff1a),#e2e8f02e;box-shadow:inset 0 0 0 1px #ffffff3d}.cd-case__tab--top-left{top:2.2%;left:20%}.cd-case__tab--top-right{top:2.2%;right:9%}.cd-case__tab--bottom-left{bottom:2.2%;left:20%}.cd-case__tab--bottom-right{bottom:2.2%;right:9%}.cd-case__hinge-pins{position:absolute;top:12%;right:2.5%;bottom:12%;width:1.4%;display:flex;flex-direction:column;justify-content:space-between;z-index:3}.cd-case__hinge-pins span{height:16%;border-radius:999px;background:linear-gradient(180deg,#ffffffb3,#94a3b838),#f8fafc52;box-shadow:inset 0 0 0 1px #ffffff47}.cd-case__tray-ring{position:absolute;top:8.2%;right:8.2%;bottom:8.2%;left:8.2%;border-radius:50%;border:.55rem solid rgba(17,24,39,.28);z-index:1}.cd-hub{position:absolute;top:50%;right:20.5%;width:4.1rem;height:4.1rem;transform:translate(50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff73,#cbd5e11f 42%,#0f172abd 72%),#3f3f46f2;box-shadow:inset 0 0 0 1px #ffffff38,0 0 16px #0f172a40;z-index:1}.cd-hub:before,.cd-hub:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%}.cd-hub:before{background:repeating-conic-gradient(rgba(255,255,255,.72) 0deg 8deg,transparent 8deg 28deg);mask:radial-gradient(circle,transparent 0 31%,#000 33% 100%);-webkit-mask:radial-gradient(circle,transparent 0 31%,#000 33% 100%);opacity:.9}.cd-hub:after{top:34%;right:34%;bottom:34%;left:34%;background:radial-gradient(circle,#fffffff5,#cbd5e1b8);box-shadow:inset 0 0 0 1px #0f172a26}.cd-disc{position:absolute;top:50%;right:8.5%;width:69%;aspect-ratio:1;transform:translateY(-50%) scale(.96);border-radius:50%;z-index:2;opacity:.96}.cd-disc__surface,.cd-disc__ring,.cd-disc__hole{position:absolute;border-radius:50%}.cd-disc__surface{top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.52) 0 5%,rgba(255,255,255,.08) 6%,transparent 7%),radial-gradient(circle at 48% 42%,rgba(255,255,255,.28),transparent 36%),linear-gradient(135deg,#ffffff38,#94a3b814),var(--disc-art);background-size:auto,auto,auto,cover;background-position:center,center,center,center;box-shadow:inset 0 0 0 1px #ffffff52,inset 0 0 28px #ffffff24,0 12px 26px #0f172a61}.cd-disc__surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 210deg,#22d3ee2e,#f8fafc0d,#f472b629,#facc1524,#22d3ee2e);mix-blend-mode:screen;opacity:.65}.cd-disc__ring{top:28%;right:28%;bottom:28%;left:28%;box-shadow:inset 0 0 0 1px #ffffff52,0 0 0 .35rem #0f172a2e}.cd-disc__hole{top:42%;right:42%;bottom:42%;left:42%;background:radial-gradient(circle,#0f172af2,#334155bf);box-shadow:inset 0 0 0 1px #ffffff2e}.cd-case.is-open .cd-case__glare{opacity:.5}@media (max-width: 768px){.page-release-detail .cd-case{--case-size: min(320px, calc(100vw - 5rem) )}.page-release-detail .cd-hub{right:19.5%;width:3.3rem;height:3.3rem}.page-release-detail .cd-disc{width:70%;right:7.5%}}.crate-prototype{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);width:calc(100vw - 2rem);max-width:none;margin-left:calc(50% - 50vw + 1rem);margin-right:calc(50% - 50vw + 1rem)}.crate-prototype__intro{max-width:54rem}.crate-prototype__shell{width:100%;max-width:min(118rem,calc(100vw - 4rem));margin:0 auto}.crate-prototype__viewport,.crate-prototype__panel{position:relative;border-radius:1.6rem;overflow:hidden;background:linear-gradient(145deg,#0e0e10fa,#08080af5);box-shadow:inset 0 0 0 1px #ffffff0f,0 26px 60px #00000057}.crate-prototype__viewport{width:100%;min-height:52rem;padding:clamp(1.5rem,3vw,2rem);perspective:1800px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:radial-gradient(circle at 18% 12%,rgba(215,247,63,.16),transparent 22%),radial-gradient(circle at 78% 14%,rgba(255,142,61,.15),transparent 20%),linear-gradient(180deg,#202022f5,#0b0b0dfa 38%,#070708)}.crate-prototype__light{position:absolute;top:2.5rem;left:50%;width:min(36rem,60vw);height:14rem;transform:translate(-50%);background:radial-gradient(circle,#ffffff24,#fff0);filter:blur(26px);opacity:.9;pointer-events:none}.crate-prototype__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%),radial-gradient(circle at 50% 100%,rgba(0,0,0,.38),transparent 52%)}.vinyl-crate{position:absolute;left:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);bottom:clamp(2.2rem,4vw,3rem);height:22rem;transform-style:preserve-3d}.vinyl-crate__wall,.vinyl-crate__base{position:absolute;border-radius:1.15rem;background:linear-gradient(180deg,#6a411ef5,#402510fa);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -.6rem 1.2rem #00000038}.vinyl-crate__wall--back{top:1rem;right:2rem;bottom:.8rem;left:2rem;height:16.5rem}.vinyl-crate__wall--left,.vinyl-crate__wall--right{top:1.8rem;bottom:1rem;width:1.55rem}.vinyl-crate__wall--left{left:.55rem}.vinyl-crate__wall--right{right:.55rem}.vinyl-crate__wall--front{left:.4rem;right:.4rem;bottom:.45rem;height:5rem;z-index:8;background:linear-gradient(180deg,#815028fa,#432812);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 .8rem 1.4rem #ffffff0f,0 -1rem 2rem #0000003d}.vinyl-crate__base{left:0;right:0;bottom:0;height:2.8rem;background:linear-gradient(180deg,#512e14fa,#29180c)}.vinyl-crate-stack{position:relative;height:41rem;margin:0 auto;max-width:min(82rem,calc(100% - 8rem));transform-style:preserve-3d;cursor:grab}.vinyl-sleeve-card{position:absolute;left:50%;bottom:5.2rem;width:min(20rem,26vw);aspect-ratio:1;transform-style:preserve-3d;transform-origin:center bottom;margin-left:calc(min(20rem,26vw)/-2);cursor:pointer;will-change:transform,opacity}.vinyl-crate-stack.is-dragging{cursor:grabbing}.vinyl-sleeve-card__inner{position:absolute;top:1.5rem;right:0;bottom:0;left:0;transform-style:preserve-3d}.vinyl-sleeve-card__cap{position:absolute;top:0;left:50%;width:66%;height:2.1rem;transform:translate(-50%);border-radius:.45rem .45rem 0 0;background:linear-gradient(180deg,#e0e4e6fa,#b0b5b9eb);color:#141416f0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 .4rem .9rem #0000002e,inset 0 0 0 1px #ffffff73;overflow:hidden;z-index:2}.vinyl-sleeve-card__cap span{display:block;padding:.55rem .7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vinyl-sleeve-card__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.5rem;overflow:hidden;backface-visibility:hidden;background-image:linear-gradient(150deg,rgba(255,255,255,.12),transparent 36%),var(--sleeve-art);background-size:cover;background-position:center;box-shadow:0 24px 56px #00000057,inset 0 0 0 1px #ffffff1f}.vinyl-sleeve-card__face:before,.vinyl-sleeve-card__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vinyl-sleeve-card__face:before{background:linear-gradient(90deg,rgba(12,12,14,.18),transparent 16%,transparent 84%,rgba(12,12,14,.22)),linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%,rgba(0,0,0,.18) 100%)}.vinyl-sleeve-card__face:after{background:radial-gradient(circle at 50% 50%,transparent 0 16%,color-mix(in srgb,var(--vinyl-accent) 42%,rgba(255,255,255,0)) 16.5%,transparent 18.5%),radial-gradient(circle at 50% 50%,rgba(0,0,0,.18) 0 8%,transparent 8.4%);mix-blend-mode:screen;opacity:.6}.vinyl-sleeve-card__face--back{transform:rotateY(180deg)}.vinyl-sleeve-card[data-state=active] .vinyl-sleeve-card__face{box-shadow:0 34px 66px #0006,inset 0 0 0 1px #ffffff24}.crate-prototype__hint{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);padding:.55rem .9rem;border-radius:999px;background:#0a0a0cc2;border:1px solid rgba(255,255,255,.08);color:#ffffffd6;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crate-prototype__panel{position:absolute;right:clamp(1rem,3vw,1.75rem);bottom:clamp(1.1rem,3vw,1.6rem);width:min(26rem,calc(100% - 2rem));display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.25rem;z-index:12;background:linear-gradient(180deg,#0a0a0ce0,#0a0a0cf0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.crate-prototype__eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#d7f73fd1}.crate-prototype__title{margin-top:.75rem;margin-bottom:.75rem;font-size:clamp(2rem,3vw,2.8rem);line-height:.98}.crate-prototype__meta,.crate-prototype__facts{margin:0;color:#ffffffc2}.crate-prototype__facts{margin-top:.55rem;letter-spacing:.05em;text-transform:uppercase;font-size:.82rem}.crate-prototype__controls{display:grid;gap:.75rem}.crate-prototype__controls .vault-button,.crate-prototype__controls .vault-button--ghost{width:100%;justify-content:center;text-align:center}@media (max-width: 960px){.crate-prototype__viewport{min-height:42rem}.vinyl-sleeve-card{width:min(18rem,34vw);margin-left:calc(min(18rem,34vw)/-2)}}@media (max-width: 640px){.crate-prototype{width:calc(100vw - 1rem);margin-left:calc(50% - 50vw + .5rem);margin-right:calc(50% - 50vw + .5rem)}.crate-prototype__viewport{min-height:36rem;padding:1rem}.vinyl-crate{left:.75rem;right:.75rem;height:16rem}.vinyl-crate-stack{height:30rem}.vinyl-sleeve-card{width:min(14rem,56vw);margin-left:calc(min(14rem,56vw)/-2);bottom:4.4rem}.vinyl-sleeve-card__cap{height:1.8rem;font-size:.64rem}.crate-prototype__panel{left:.9rem;right:.9rem;width:auto}.crate-prototype__hint{width:calc(100% - 1.5rem);text-align:center;font-size:.7rem}}