.unboxing-screen{position:fixed;inset:0;z-index:1000;background:#111213;color:#e9e8e2;isolation:isolate;overflow:hidden;min-height:100dvh}
.unboxing-header{position:absolute;z-index:4;top:0;left:0;right:0;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.unboxing-brand{font-size:12px;letter-spacing:.025em}.unboxing-brand>span{color:#666c70}.unboxing-close{pointer-events:auto;background:transparent;border:0;color:#999ea0;font-size:11px;display:flex;align-items:center;gap:20px;padding:10px}.unboxing-close:hover{color:white}.unboxing-close>span{font-size:24px;font-weight:200;line-height:1}
.unboxing-product{position:absolute;inset:0}.unboxing-product .record-viewer{height:100%!important;width:100%;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.unboxing-product .vinyl-canvas,.unboxing-product .gatefold-viewer .vinyl-canvas{inset:75px 0 122px!important;touch-action:none}
.unboxing-product .viewer-help{display:none}.unboxing-product .viewer-message{inset:100px 20px 140px!important;z-index:5}
.unboxing-product .viewer-camera{top:auto!important;right:auto!important;left:32px;bottom:28px;z-index:4}
.unboxing-product .viewer-controls{position:absolute!important;bottom:88px!important;left:30px!important;right:auto!important;border:0!important;background:transparent!important;backdrop-filter:none!important;max-width:calc(65vw - 60px)}
.unboxing-product .slide-fallback{display:none!important}.unboxing-product .missing-cover{bottom:150px}
.unboxing-steps{position:absolute;z-index:2;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:32px;list-style:none;padding:0;margin:0;white-space:nowrap;pointer-events:none}
.unboxing-steps li{font-size:10px;color:#454a4c;transition:color .4s}.unboxing-steps li>span{margin-right:10px;font-size:9px}.unboxing-steps .current{color:#d5d4cd}.unboxing-steps .complete{color:#777e80}
.unboxing-gesture{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);text-align:center;z-index:3;display:flex;align-items:center;gap:20px;white-space:nowrap}.unboxing-gesture p{font-size:12px;color:#a7abac}.unboxing-gesture button{background:transparent;border:1px solid #353b3e;color:#e6e5df;padding:9px 15px;border-radius:40px;font-size:11px}.unboxing-gesture button:hover{border-color:#8e9394;background:#1b1f21}
.unboxing-result{position:absolute;z-index:3;right:5vw;top:50%;transform:translateY(-50%);width:min(340px,28vw);padding:30px 0;animation:result-enter .85s cubic-bezier(.16,1,.3,1) both}
.result-eyebrow{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#858d8e;margin-bottom:24px}.unboxing-result h1{font-size:clamp(26px,3vw,47px);font-weight:400;letter-spacing:-.045em;line-height:1.13;overflow-wrap:anywhere}.result-artist{color:#999fa0;font-size:15px;margin-top:12px}.result-edition{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:25px 0 22px;border-bottom:1px solid #2b3032;font-size:13px}.result-edition .pill{font-size:9px;letter-spacing:.06em;text-transform:uppercase}
.result-stats{margin:25px 0;display:grid;gap:21px}.result-stats>div{display:grid;grid-template-columns:1fr auto;gap:7px;animation:stat-enter .65s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.12s + var(--row)*.07s)}.result-stats dt{color:#747e80;font-size:10px}.result-stats dd{margin:0;font-size:11px;color:#d6d8d5}.result-track{height:2px;background:#2a3032;grid-column:1/-1}.result-track i{display:block;height:100%;background:#8b9a9c}.result-matrix{font-size:9px;letter-spacing:.08em;color:#586165;margin-bottom:24px}.unboxing-result>.primary{font-size:11px!important;min-height:38px;padding:10px 17px!important}
.unboxing-notice{position:absolute;z-index:8;left:50%;top:75px;transform:translateX(-50%);max-width:80vw;color:#dcc8ac;font-size:11px;text-align:center;background:#24221f;padding:10px 15px}
@keyframes result-enter{from{opacity:0;transform:translate(80px,-50%)}to{opacity:1;transform:translate(0,-50%)}}@keyframes stat-enter{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){.unboxing-header{padding:15px 16px}.unboxing-brand{font-size:10px}.unboxing-close{font-size:10px;gap:12px}.unboxing-steps{bottom:19px;gap:15px}.unboxing-steps li{font-size:8px}.unboxing-steps li>span{margin-right:4px}.unboxing-gesture{bottom:66px;flex-direction:column;gap:12px;white-space:normal;width:88vw}.unboxing-gesture p{font-size:11px}.unboxing-result{right:5vw;width:44vw;top:47%;padding:18px 0}.unboxing-result h1{font-size:22px}.result-artist{font-size:12px}.result-eyebrow{font-size:8px;margin-bottom:13px}.result-edition{font-size:11px;padding:15px 0;gap:7px}.result-stats{gap:12px;margin:17px 0}.result-stats dt,.result-stats dd{font-size:9px}.result-matrix{font-size:8px;margin-bottom:17px}.unboxing-product .viewer-controls{left:8px!important;max-width:42vw;bottom:85px!important}.unboxing-product .viewer-camera{left:12px;bottom:49px}.unboxing-product .vinyl-canvas{inset:60px 0 132px!important}}
@media(max-width:520px){.unboxing-screen.is-revealed .unboxing-product .vinyl-canvas{inset:70px 0 52vh!important}.unboxing-result{top:auto;bottom:65px;right:7vw;width:86vw;transform:none;max-height:43vh;overflow:auto;animation:mobile-result .65s cubic-bezier(.16,1,.3,1) both}.unboxing-result h1{font-size:24px}.result-eyebrow{margin-bottom:10px}.result-stats{grid-template-columns:1fr 1fr;gap:14px 20px}.result-matrix{display:none}.unboxing-result>.primary{font-size:10px!important;padding:7px 13px!important;min-height:30px}.unboxing-product .viewer-controls{display:none!important}.unboxing-product .viewer-camera{left:auto;right:14px!important;top:65px!important;bottom:auto}.unboxing-steps{gap:13px}.result-edition{padding:12px 0}.result-artist{margin-top:8px}@keyframes mobile-result{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}}
@media(prefers-reduced-motion:reduce){.unboxing-result,.result-stats>div{animation:none!important}.unboxing-steps li{transition:none}}
.unboxing-result{max-height:calc(100dvh - 168px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#353d40 transparent}
@media(max-width:520px){.unboxing-result{max-height:43vh}}
.result-stats dd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;column-gap:9px;row-gap:3px}.result-number{font-size:9px;color:#818b8e;font-variant-numeric:tabular-nums}