.sh-showcase{--s:.72;flex-direction:column;align-items:center;width:100%;max-width:340px;margin:0 auto;display:flex;position:relative}@media (min-width:640px){.sh-showcase{--s:.85;max-width:400px}}@media (min-width:1024px){.sh-showcase{--s:.95;max-width:440px}}.sh-showcase:before{content:"";aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--brand-gold) 12%, transparent), transparent);pointer-events:none;border-radius:50%;width:120%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.sh-frame{z-index:10;width:calc(340px * var(--s));height:calc(520px * var(--s));position:relative}.sh-stage{width:340px;height:520px;transform:scale(var(--s));transform-origin:0 0;perspective:1100px;position:absolute;top:0;left:0}.sh-rig{transform-style:preserve-3d;transition:transform .5s var(--ease-out);position:absolute;inset:0}.sh-back,.sh-front{border-radius:18px;width:300px;height:480px;position:absolute;top:20px;left:20px}.sh-back{opacity:0;transition:transform .7s var(--ease-in-out), opacity .3s;background:#ffffff0b;border:2px solid #ffffff38;transform:translateY(600px);box-shadow:0 30px 60px #0009}.sh-front{opacity:0;transition:transform .7s var(--ease-in-out) 80ms, opacity .3s 80ms, box-shadow .6s;background:linear-gradient(115deg,#ffffff24 0%,#fff0 28% 62%,#ffffff14 80%,#fff0 100%);border:2px solid #ffffff8c;transform:translateY(-640px)}.sh-front:after{content:"";border:1px solid #ffffff2e;border-radius:10px;position:absolute;inset:110px 14px 14px}.sh-stage.is-case .sh-back,.sh-stage.is-case .sh-front{opacity:1;transform:none}.sh-stage.is-seal .sh-front{box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-gold) 90%, transparent), 0 0 36px color-mix(in srgb, var(--brand-gold) 55%, transparent)}.sh-stage.is-done .sh-front{box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-gold) 25%, transparent)}.sh-card{opacity:0;width:250px;height:350px;transition:transform .8s var(--ease-in-out);border-radius:12px;position:absolute;top:85px;left:45px;overflow:hidden;transform:rotate(-4deg);box-shadow:0 22px 40px #0000008c}.sh-card-art{background:url(/images/pcg-slabs/charizard-topps.webp) -33px -148px/316px no-repeat;position:absolute;inset:0}.sh-stage.is-in .sh-card{opacity:1;animation:sh-cardin .9s var(--ease-out) both}@keyframes sh-cardin{0%{opacity:0;transform:translateY(40px)rotate(-10deg)}to{opacity:1;transform:rotate(-4deg)}}.sh-stage.is-case .sh-card{opacity:1;animation:none;transform:translateY(45px)scale(.9)}.sh-card-sheen{background:linear-gradient(110deg,#0000 42%,#ffffff59 50%,#0000 58%);position:absolute;inset:-30%;transform:translate(-100%)}.sh-stage.is-in .sh-card-sheen{animation:sh-sweep 1.1s var(--ease-in-out) .5s both}.sh-scan{background:var(--brand-gold);width:264px;height:3px;box-shadow:0 0 18px 4px color-mix(in srgb, var(--brand-gold) 55%, transparent);opacity:0;border-radius:2px;position:absolute;top:85px;left:38px}.sh-stage.is-scan .sh-scan{animation:sh-scan 1.1s var(--ease-in-out) both}@keyframes sh-scan{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(350px)}}.sh-chips{pointer-events:none;position:absolute;inset:0}.sh-chip{border:1px solid color-mix(in srgb, var(--brand-gold) 60%, transparent);font-family:var(--font-sans), sans-serif;letter-spacing:.12em;color:#fff;white-space:nowrap;opacity:0;background:#0d0d0d;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;transform:scale(.6)}.sh-chip b{color:var(--brand-gold);font-size:14px}.sh-chip:first-child{top:118px;left:-40px}.sh-chip:nth-child(2){top:190px;right:-40px}.sh-chip:nth-child(3){top:280px;left:-34px}.sh-chip:nth-child(4){top:352px;right:-36px}.sh-stage.is-scan .sh-chip{animation:sh-chip 1.5s var(--ease-out) both}.sh-stage.is-scan .sh-chip:first-child{animation-delay:.15s}.sh-stage.is-scan .sh-chip:nth-child(2){animation-delay:.38s}.sh-stage.is-scan .sh-chip:nth-child(3){animation-delay:.61s}.sh-stage.is-scan .sh-chip:nth-child(4){animation-delay:.84s}@keyframes sh-chip{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)translateY(-6px)}}.sh-label{background:linear-gradient(180deg, #fed65e, var(--brand-gold) 45%, #e5b21f);color:#000;opacity:0;border-radius:8px;grid-template-columns:minmax(0,1fr) 78px;width:268px;height:84px;transition:transform .5s cubic-bezier(.3,1.5,.5,1),opacity .3s;display:grid;position:absolute;top:36px;left:36px;overflow:hidden;transform:translateY(-24px)}.sh-stage.is-label .sh-label{opacity:1;transform:none}.sh-label-info{min-width:0;font-family:var(--font-sans), sans-serif;flex-direction:column;justify-content:space-between;padding:10px 0 8px 12px;display:flex}.sh-label-name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;line-height:1.05;overflow:hidden}.sh-label-set{letter-spacing:.06em;opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.sh-label-subs{letter-spacing:.06em;gap:7px;font-size:10px;font-weight:600;display:flex}.sh-label-grade{border-left:1px solid #00000040;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.sh-label-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:1}.sh-label-word{font-family:var(--font-sans), sans-serif;letter-spacing:.12em;text-align:center;font-size:9.5px;font-weight:600;line-height:1.15}.sh-glint{pointer-events:none;border-radius:18px;width:300px;height:480px;position:absolute;top:20px;left:20px;overflow:hidden}.sh-glint:before{content:"";background:linear-gradient(110deg,#0000 42%,#ffffff73 50%,#0000 58%);position:absolute;inset:-20%;transform:translate(-110%)}.sh-stage.is-seal .sh-glint:before{animation:sh-sweep 1s var(--ease-in-out) .15s both}@keyframes sh-sweep{to{transform:translate(110%)}}.sh-stage.is-done .sh-chip,.sh-stage.is-done .sh-scan,.sh-stage.is-done .sh-glint:before,.sh-stage.is-done .sh-card-sheen{animation:none}.sh-stage.is-instant *,.sh-stage.is-instant :before,.sh-stage.is-instant :after{transition:none!important;animation:none!important}.sh-status{z-index:10;letter-spacing:.2em;height:22px;color:var(--brand-gold);text-align:center;margin-top:6px;font-size:12px;font-weight:600;position:relative}.sh-replay{z-index:10;appearance:none;color:#ffffffbf;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:6px 16px;font-size:13px;transition:opacity .4s,border-color .2s,color .2s;position:relative}.sh-replay.is-visible{opacity:1;pointer-events:auto}.sh-replay:hover{border-color:var(--brand-gold);color:var(--brand-gold)}@media (prefers-reduced-motion:reduce){.sh-showcase *,.sh-showcase :before,.sh-showcase :after{transition:none!important;animation:none!important}.sh-replay{display:none}}