.ps-stage{--gold:#f5c542}.ps-pack{aspect-ratio:5/8.4;cursor:pointer;background:linear-gradient(115deg, transparent 20%, #ffffff8c 38%, transparent 52%) 0 0 / 250% 100%, linear-gradient(160deg, hsl(var(--h) 85% 58%), hsl(calc(var(--h) + 40) 80% 38%) 55%, hsl(calc(var(--h) + 80) 75% 22%));width:min(240px,62vw);box-shadow:0 30px 60px -25px hsl(var(--h) 80% 30% / .8), inset 0 0 0 1px #ffffff40;border-radius:10px;outline:none;transition:transform .2s;animation:3.5s ease-in-out infinite ps-sheen;position:relative}.ps-pack:hover,.ps-pack:focus-visible{transform:translateY(-4px)rotate(-1deg)}.ps-pack:focus-visible{box-shadow:0 0 0 3px var(--accent), 0 30px 60px -25px hsl(var(--h) 80% 30% / .8)}.ps-pack:before,.ps-pack:after{content:"";opacity:.55;background:repeating-linear-gradient(90deg,#ffffff8c 0 3px,#0000002e 3px 6px);height:14px;position:absolute;left:0;right:0}.ps-pack:before{border-radius:10px 10px 0 0;top:0}.ps-pack:after{border-radius:0 0 10px 10px;bottom:0}.ps-pack-top{z-index:2;border-bottom:2px dashed #ffffff73;height:13%;position:absolute;top:0;left:0;right:0}.ps-pack-logo{place-items:center;display:grid;position:absolute;inset:22% 10% auto}.ps-pack-logo img{object-fit:contain;filter:drop-shadow(0 6px 10px #00000073);width:100%;max-height:110px}.ps-pack-label{text-align:center;color:#fff;letter-spacing:.14em;text-shadow:0 1px 2px #00000080;font-size:.7rem;font-weight:800;position:absolute;bottom:12%;left:0;right:0}.ps-pack-hint{text-align:center;color:#ffffffd9;font-size:.72rem;font-weight:600;position:absolute;bottom:5%;left:0;right:0}.ps-pack.tearing .ps-pack-top{animation:.55s cubic-bezier(.3,.7,.4,1) forwards ps-tear}.ps-pack.tearing{animation:.7s ease-in .35s forwards ps-drop}@keyframes ps-sheen{0%,to{background-position:120% 0,0 0}50%{background-position:-20% 0,0 0}}@keyframes ps-tear{to{opacity:0;transform:translate(60%,-80%)rotate(18deg)}}@keyframes ps-drop{to{opacity:0;transform:translateY(40px)scale(.9)}}.ps-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;display:grid}@media (max-width:640px){.ps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}}.ps-card{isolation:isolate;aspect-ratio:245/342;perspective:1100px;cursor:pointer;border-radius:4.5%/3.2%;outline:none;position:relative}.ps-card:focus-visible{box-shadow:0 0 0 3px var(--accent)}.ps-inner{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.8,.3,1);position:absolute;inset:0}.ps-card.flipped .ps-inner{transform:rotateY(180deg)}.ps-face,.ps-back{backface-visibility:hidden;border-radius:4.5%/3.2%;position:absolute;inset:0;overflow:hidden}.ps-face{background:var(--surface-3);transform:rotateY(180deg)}.ps-face img{object-fit:cover;width:100%;height:100%;display:block}.ps-back{background:radial-gradient(circle,#f3f6ff 0 9%,#1b2340 9% 12%,#0000 12%),radial-gradient(circle,#0000 0 26%,#ffffff2e 26% 28%,#0000 28%),linear-gradient(#0000 48.5%,#1b2340 48.5% 51.5%,#0000 51.5%),radial-gradient(120% 90% at 50% 40%,#3b5bdb,#1c2c7a 60%,#0d1640);border:5px solid #e8c547;box-shadow:inset 0 0 0 2px #00000059}.ps-card:not(.flipped):hover .ps-inner{transform:translateY(-3px)}.ps-card.next:not(.flipped) .ps-back{animation:1.6s ease-in-out infinite ps-nudge}@keyframes ps-nudge{0%,to{box-shadow:inset 0 0 0 2px #00000059,0 0 #0000}50%{box-shadow:inset 0 0 0 2px #00000059, 0 0 18px 2px var(--accent)}}.ps-rev:after{content:"";pointer-events:none;mix-blend-mode:color-dodge;opacity:.38;background:repeating-linear-gradient(115deg,#fff0 0 6px,#b4dcffa6 8px,#fff0 12px),linear-gradient(115deg,#0000 30%,#fffc 50%,#0000 70%) 0 0/300% 100%;animation:4s linear infinite ps-shine;position:absolute;inset:0}.ps-rainbow:after{content:"";pointer-events:none;mix-blend-mode:color-dodge;opacity:.42;background:linear-gradient(115deg,#ff4d6d,#ffb84d,#f9f871,#4dff9b,#4dc3ff,#9b6bff,#ff4dd8,#ff4d6d) 0 0/400% 400%;animation:3.5s linear infinite ps-shine;position:absolute;inset:0}@keyframes ps-shine{to{background-position:300% 0,300% 0}}.ps-card.flipped.glow-gold{box-shadow:0 0 0 2px var(--gold), 0 0 22px 2px color-mix(in oklab, var(--gold) 70%, transparent);animation:2s ease-in-out infinite ps-pulse}.ps-card.flipped.glow-rainbow:before{content:"";z-index:-1;filter:blur(6px);background:conic-gradient(from var(--a,0deg), #ff4d6d, #ffb84d, #f9f871, #4dff9b, #4dc3ff, #9b6bff, #ff4dd8, #ff4d6d);border-radius:6%/4.5%;animation:3s linear infinite ps-spin;position:absolute;inset:-4px}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ps-spin{to{--a:360deg}}@keyframes ps-pulse{50%{box-shadow:0 0 0 2px var(--gold), 0 0 34px 6px color-mix(in oklab, var(--gold) 55%, transparent)}}.ps-tag{z-index:3;letter-spacing:.04em;color:#fff;background:#080c18d1;border-radius:999px;padding:.1rem .4rem;font-size:.6rem;font-weight:800;position:absolute;bottom:3%;left:6%}.ps-tag.gold{background:var(--gold);color:#2a1d00}.ps-tag.rainbow{background:linear-gradient(90deg,#ff4d6d,#ffb84d,#4dc3ff,#9b6bff)}.ps-confetti{pointer-events:none;z-index:60;position:fixed;inset:0}.ps-missing{filter:grayscale();opacity:.28}@media (prefers-reduced-motion:reduce){.ps-pack,.ps-rev:after,.ps-rainbow:after,.ps-card.flipped.glow-gold,.ps-card.flipped.glow-rainbow:before,.ps-card.next:not(.flipped) .ps-back{animation:none}.ps-inner{transition:none}.ps-pack.tearing,.ps-pack.tearing .ps-pack-top{opacity:0;animation:none}}