.pack-studio{background:radial-gradient(ellipse at 75% 0,#59358640,transparent 65%),#080f18;color:#f8fafc}.pack-studio main{max-width:1220px;margin:auto;padding:28px 32px}.studio-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #6f498449;padding-bottom:22px}.studio-heading>a{font:800 25px 'Barlow Condensed',sans-serif;letter-spacing:1px;text-decoration:none}.studio-heading>span{font-size:9px;letter-spacing:2px;color:#c69eea}.studio-intro{text-align:center;margin:37px 0 26px}.studio-intro h1{font:800 clamp(34px,5vw,57px)/1.05 'Barlow Condensed',sans-serif;margin:12px 0}.studio-intro>p:not(.eyebrow){font-size:13px;color:#a9b5c9}.studio-intro .studio-safety{font-size:11px;color:#d5b3f2}.studio-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.studio-pack{position:relative;border:1px solid #7056815c;border-radius:14px;background:radial-gradient(ellipse at 50% 70%,#7b4fac24,transparent 70%),linear-gradient(135deg,#162234,#0b1525);color:white;padding:20px 22px 24px;cursor:pointer;transition:border-color 180ms,transform 180ms}.studio-pack--emerald{background:radial-gradient(ellipse at center,#35ad7822,transparent 70%),#101b29}.studio-pack--blue{background:radial-gradient(ellipse at center,#328bea22,transparent 70%),#101b29}.studio-pack.is-selected{border-color:#bd7bea;box-shadow:0 0 20px #9d4edd25}.studio-pack:hover{transform:translateY(-3px);border-color:#c398eb}.prototype-pack-image{display:block;object-fit:contain;width:100%;height:300px;filter:drop-shadow(0 12px 22px #0009)}.studio-pack h2{font:800 25px 'Barlow Condensed',sans-serif;margin:7px 0}.studio-pack p{font-size:8px;letter-spacing:1.5px;color:#a6b5c8;margin:0}.studio-controls{display:flex;align-items:end;justify-content:center;gap:15px;flex-wrap:wrap;margin:25px 0;padding:23px;border:1px solid #8562a355;border-radius:12px;background:#16243ce6}.studio-controls label{display:grid;gap:7px;font-size:10px;color:#bcc5d4}.studio-controls select{background:#0b1628;border:1px solid #74589366;border-radius:5px;color:white;padding:10px;min-width:115px;font-size:12px}.studio-controls .motion-control{display:flex;align-items:center;align-self:center;gap:5px;font-size:11px}.studio-controls button{padding:11px 16px;border:1px solid #a97ae06b;border-radius:6px;background:#22213b;color:#d7c5ef;font-size:10px;letter-spacing:.7px;cursor:pointer}.studio-controls .studio-open{background:linear-gradient(110deg,#9d4edd,#614bd5);color:white;font-weight:800;padding:12px 22px;box-shadow:0 0 20px #9d4edd30}.studio-open:disabled{opacity:.5}.pack-studio footer,#studio-feedback{font-size:11px;text-align:center;color:#a5b2c7}.pack-studio footer{margin-top:30px}#studio-feedback{color:#d6b1f3;min-height:18px}
.pack-cinema{--revealed-color:#b989f5;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;box-sizing:border-box;margin:0;padding:20px;border:0;background:linear-gradient(#060c19bd,#080f18ed),url('/_assets/e94fe19c30cbc1a54c04/diamond-ascent/stadium-hero.png') center/cover;color:white;overflow:auto;isolation:isolate}.pack-cinema[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.pack-cinema::backdrop{background:#080f18}.cinema-top{position:absolute;left:30px;right:30px;top:22px;display:flex;align-items:center;gap:12px}.cinema-top>span{margin-right:auto;font:800 19px 'Barlow Condensed',sans-serif;letter-spacing:1px}.cinema-top button{border:1px solid #9e80bc55;border-radius:5px;background:#151f32;color:#d7c5ed;padding:9px 13px;font-size:9px;letter-spacing:1px;cursor:pointer}.cinema-status{font-size:10px;letter-spacing:3px;color:#d7b8f5;position:relative;z-index:10;margin:50px 0 7px}.cinema-stage{position:relative;width:min(320px,74vw,calc((100dvh - 230px)*.75));aspect-ratio:3/4;flex:none;display:grid;place-items:center}.cinema-pack{position:absolute;inset:-6%;z-index:4;display:grid;place-items:center;will-change:transform}.cinema-pack .prototype-pack-image{width:100%;height:100%;filter:drop-shadow(0 0 24px #c2a1ff50)}.cinema-aura{position:absolute;inset:-25%;border-radius:50%;background:radial-gradient(ellipse,#b069fa3d 0%,#597aff25 30%,transparent 65%);opacity:.3;transform:scale(.75);z-index:0;pointer-events:none}.cinema-shockwave{position:absolute;inset:0;border:3px solid #d9ccff;border-radius:50%;box-shadow:0 0 50px #a480ff80;opacity:0;pointer-events:none}.cinema-particles{position:absolute;inset:0;pointer-events:none;z-index:5}.cinema-particles i{position:absolute;left:50%;top:50%;width:3px;height:5px;background:#d5c2ff;box-shadow:0 0 9px #9a7dff;border-radius:50%;opacity:0;transform:rotate(var(--angle)) translateY(50px)}.cinema-card-slot{position:relative;width:100%;height:100%;z-index:6}.cinema-card-slot:empty{display:none}.cinema-card-slot>.player-card{width:100%;max-width:none;margin:0}.cinema-card-slot .flip-hint{display:none}.cinema-card-info{text-align:center;position:relative;z-index:10}.cinema-card-info strong{display:block;font:700 21px 'Rajdhani',sans-serif;letter-spacing:2px;color:var(--revealed-color)}.cinema-card-info span{font-size:11px;color:#bac6d9}.cinema-actions{display:flex;justify-content:center;gap:10px;position:relative;z-index:10;flex-wrap:wrap}.cinema-actions[hidden],.cinema-card-info[hidden]{display:none}.cinema-actions button{border:1px solid #a87cd977;border-radius:5px;background:#202239;color:#e6d4ff;padding:12px 20px;font-size:10px;letter-spacing:1px;font-weight:800;cursor:pointer}.cinema-actions .cinema-continue{background:linear-gradient(110deg,#a15ade,#7053d9);color:white}
.pack-cinema[data-phase=introduction] .cinema-pack{animation:pack-intro .7s ease-out both}.pack-cinema[data-phase=suspense] .cinema-pack{animation:pack-shiver .16s linear infinite;scale:1.03}.pack-cinema[data-phase=suspense] .cinema-aura{animation:energy-charge 1s ease-in both}.pack-cinema[data-phase=surge] .cinema-pack{animation:pack-shake .09s linear infinite;scale:1.08}.pack-cinema[data-phase=surge] .cinema-aura{opacity:1;transform:scale(1.2);animation:energy-pulse .22s ease-in-out infinite alternate}.pack-cinema[data-phase=surge] .cinema-particles i{animation:energy-orbit 1.1s ease-in infinite;animation-delay:var(--delay)}.pack-cinema[data-phase=burst] .cinema-pack{animation:pack-separate .7s ease-in both}.pack-cinema[data-phase=burst] .cinema-aura{animation:energy-explode .7s ease-out both;background:radial-gradient(ellipse,#fff 0%,#c6aaffb3 15%,#7b60ec66 40%,transparent 70%)}.pack-cinema[data-phase=burst] .cinema-shockwave{animation:shockwave .7s ease-out both}.pack-cinema[data-phase=burst] .cinema-particles i{animation:particle-burst .7s ease-out both;animation-delay:var(--delay)}.pack-cinema[data-phase=reveal] .cinema-pack,.pack-cinema[data-phase=reveal] .cinema-shockwave{display:none}.pack-cinema[data-phase=reveal] .cinema-card-slot{animation:card-impact .45s ease-out both}.pack-cinema[data-phase=reveal] .cinema-aura{opacity:.65;transform:scale(1.3);background:radial-gradient(ellipse,var(--revealed-color),transparent 70%);filter:blur(16px);animation:post-reveal-glow .65s ease-out both}
@keyframes pack-intro{from{opacity:0;transform:translateY(25px) scale(.78) rotate(-3deg)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pack-shiver{0%,100%{transform:translateX(-1px) rotate(-.3deg)}50%{transform:translateX(1px) rotate(.3deg)}}@keyframes pack-shake{0%,100%{transform:translate(-3px,1px) rotate(-1deg)}50%{transform:translate(3px,-1px) rotate(1deg)}}@keyframes energy-charge{from{opacity:.4;transform:scale(.9)}to{opacity:.9;transform:scale(1.15)}}@keyframes energy-pulse{from{opacity:.6;transform:scale(1.05)}to{opacity:1;transform:scale(1.25)}}@keyframes energy-orbit{from{opacity:0;transform:rotate(var(--angle)) translateY(180px)}50%{opacity:.8}to{opacity:0;transform:rotate(var(--angle)) translateY(45px)}}@keyframes pack-separate{0%{opacity:1;transform:scale(1.1)}40%{opacity:1;transform:scale(1.17) rotate(3deg);filter:brightness(1.8)}100%{opacity:0;transform:scale(1.5) rotate(8deg);filter:brightness(3)}}@keyframes energy-explode{0%{opacity:0;transform:scale(.7)}40%{opacity:1;transform:scale(1.8)}100%{opacity:0;transform:scale(2.3)}}@keyframes shockwave{from{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}@keyframes particle-burst{from{opacity:1;transform:rotate(var(--angle)) translateY(20px)}to{opacity:0;transform:rotate(var(--angle)) translateY(270px)}}@keyframes card-impact{0%{opacity:0;transform:scale(.78) translateY(20px)}65%{opacity:1;transform:scale(1.045)}100%{opacity:1;transform:scale(1)}}@keyframes post-reveal-glow{from{opacity:.9}to{opacity:.4}}
.pack-cinema.is-reduced *{animation:none!important;transition:none!important}.pack-cinema.is-reduced .cinema-pack{scale:1;transform:none}.pack-cinema.is-reduced .cinema-aura{opacity:.35;transform:none}.pack-cinema.is-reduced .cinema-particles,.pack-cinema.is-reduced .cinema-shockwave{display:none}.pack-cinema.is-reduced[data-phase=burst] .cinema-pack{opacity:.45}.pack-cinema.is-reduced[data-phase=burst] .cinema-aura{background:radial-gradient(ellipse,#b78ff14d,transparent 65%)}
@media(max-width:650px){.pack-studio main{padding:20px 16px}.studio-heading{gap:10px}.studio-heading>a{font-size:19px}.studio-heading>span{font-size:7px;letter-spacing:1px;max-width:100px;text-align:right}.studio-intro{margin:27px 0 20px}.studio-intro h1{font-size:36px}.studio-intro>p:not(.eyebrow){font-size:12px}.studio-packs{gap:9px}.studio-pack{padding:10px 5px 15px}.studio-pack .prototype-pack-image{height:170px}.studio-pack h2{font-size:18px}.studio-pack p{font-size:6px;letter-spacing:.7px}.studio-controls{padding:18px 13px;gap:13px;justify-content:space-between}.studio-controls label{max-width:48%}.studio-controls select{min-width:110px}.studio-controls .studio-open{flex:1}.cinema-top{left:16px;right:16px;top:17px;gap:7px}.cinema-top>span{font-size:14px}.cinema-top button{padding:8px;font-size:8px}.cinema-status{font-size:8px;letter-spacing:2px}.cinema-stage{width:min(280px,74vw,calc((100dvh - 220px)*.75))}.cinema-actions button{padding:11px 15px}.cinema-card-info strong{font-size:19px}}
.pack-cinema{overflow-x:hidden}.cinema-pack .foil-top,.cinema-pack .foil-bottom{position:absolute;inset:0;display:none}.foil-top{clip-path:polygon(0 0,100% 0,100% 29%,0 29%)}.foil-bottom{clip-path:polygon(0 29%,100% 29%,100% 100%,0 100%)}
.pack-cinema[data-phase=surge] .foil-original,.pack-cinema[data-phase=burst] .foil-original{visibility:hidden}.pack-cinema[data-phase=surge] .foil-top,.pack-cinema[data-phase=surge] .foil-bottom,.pack-cinema[data-phase=burst] .foil-top,.pack-cinema[data-phase=burst] .foil-bottom{display:block}.pack-cinema[data-phase=surge] .foil-top{animation:foil-tear 1.1s ease-in both}.pack-cinema[data-phase=burst] .foil-top{transform:translateY(-18px) rotate(-4deg)}
@keyframes foil-tear{from{transform:none}to{transform:translateY(-18px) rotate(-4deg)}}
.pack-cinema.is-reduced .foil-top,.pack-cinema.is-reduced .foil-bottom{display:none!important}.pack-cinema.is-reduced .foil-original{visibility:visible!important}
@media(prefers-reduced-motion:reduce){.pack-studio *,.pack-cinema *{animation:none!important;transition:none!important}.cinema-particles,.cinema-shockwave{display:none}.cinema-pack{scale:1!important;transform:none!important}.pack-cinema[data-phase=burst] .cinema-aura{opacity:.25;background:radial-gradient(ellipse,#b78ff14d,transparent 65%)}.cinema-pack .foil-top,.cinema-pack .foil-bottom{display:none!important}.cinema-pack .foil-original{visibility:visible!important}}

.cinema-actions .cinema-collection{padding:12px 20px;border:1px solid #a87cd977;border-radius:5px;background:#202239;color:#e6d4ff;font-size:10px;letter-spacing:1px;font-weight:800;text-decoration:none}.pack-market-tile>.prototype-pack-image{height:300px;max-width:240px;margin:auto}