.scc-hand{position:relative;overflow:hidden;isolation:isolate;background:#140b06;color:#fdfbf7;padding:5.6rem 0 5rem;--cw:clamp(9.6rem,27.5vw,17rem);--accent:#4c1700;-webkit-tap-highlight-color:transparent}.scc-hand__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(90% 55% at 50% 44%,var(--accent) 0%,#140b06 78%)}@supports (background:color-mix(in srgb,red 50%,blue)){.scc-hand__bg{background:radial-gradient(95% 58% at 50% 46%,color-mix(in srgb,var(--accent) 88%,#fff 0%),color-mix(in srgb,var(--accent) 42%,#140b06) 40%,#140b06 82%)}}.scc-hand__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.scc-hand__head{text-align:center;max-width:72rem;margin:0 auto}.scc-hand__eyebrow{margin:0 0 1.2rem;font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;opacity:.72}.scc-hand__title{margin:0;color:#fdfbf7;font-size:clamp(3.4rem,7.4vw,6.4rem);line-height:1.02;letter-spacing:-.015em}.scc-hand__sub{margin:1.4rem auto 0;max-width:46rem;font-size:1.6rem;line-height:1.5;opacity:.8}.scc-hand__table{position:relative;height:calc(var(--cw) * 2.5 + 2rem);margin-top:2.4rem;perspective:1400px}.scc-hand__stack{position:absolute;left:50%;top:0;width:calc(var(--cw) * .62);aspect-ratio:5/7;margin-left:calc(var(--cw) * -.31)}.scc-hand__stackcard{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:5.5%/4%;box-shadow:0 .2rem .5rem #0006;transform:translate(calc(var(--n) * -.12rem),calc(var(--n) * -.16rem));transition:transform .26s cubic-bezier(.3,.7,.3,1)}.scc-hand.is-riffle .scc-hand__stackcard{animation:scc-riffle .5s cubic-bezier(.3,.7,.3,1)}@keyframes scc-riffle{0%,to{transform:translate(calc(var(--n) * -.12rem),calc(var(--n) * -.16rem))}30%{transform:translate(calc((var(--n) - 1) * 1.5rem),calc(var(--n) * -.16rem)) rotate(calc((var(--n) - 1) * 7deg))}62%{transform:translate(calc((1 - var(--n)) * .9rem),calc(var(--n) * -.16rem)) rotate(calc((1 - var(--n)) * 4deg))}}.scc-hand__cards{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.scc-card{position:absolute;left:50%;top:0;width:var(--cw);aspect-ratio:5/7;margin:0 0 0 calc(var(--cw) / -2);padding:0;border:0;background:none;cursor:zoom-in;transform-origin:50% 50%;transform:translate3d(0,calc(var(--cw) * -.266),0) scale(.62);opacity:0;transition:transform .62s cubic-bezier(.2,.8,.2,1),opacity .2s ease;z-index:calc(var(--i) + 1)}.scc-card.is-out{opacity:1;transform:translate3d(calc(var(--k) * var(--cw) * var(--sp,.54)),calc(var(--cw) * 1 + var(--k) * var(--k) * var(--cw) * .045),0) rotate(calc(var(--k) * 6.5deg))}.scc-card__flip{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .6s cubic-bezier(.3,.7,.2,1)}.scc-card.is-up .scc-card__flip{transform:rotateY(0)}.scc-card__face,.scc-card__rear{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:5.5%/4%;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 1rem 2.4rem #00000073,0 .1rem .3rem #00000059}.scc-card__rear{transform:rotateY(180deg)}.scc-card:disabled{cursor:default}.scc-card.is-up:not(:disabled):hover,.scc-card.is-up:focus-visible{transform:translate3d(calc(var(--k) * var(--cw) * var(--sp,.54)),calc(var(--cw) * .9 + var(--k) * var(--k) * var(--cw) * .045),0) rotate(calc(var(--k) * 6.5deg)) scale(1.04);z-index:20;transition-duration:.3s}.scc-card:focus-visible .scc-card__face{outline:.2rem solid #fdfbf7;outline-offset:.3rem}.scc-hand.is-broken .scc-hand__result,.scc-hand.is-broken .scc-hand__cards{display:none}.scc-hand__result{min-height:9.2rem;margin:1.6rem auto 0;text-align:center;max-width:60rem}.scc-hand__lead{display:block;font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .4s ease}.scc-hand__name{display:block;margin:.6rem 0 0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2.6rem,5.4vw,4.2rem);line-height:1.1;opacity:0;transform:translateY(.8rem);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.scc-hand__odds{display:block;margin:.8rem 0 0;font-size:1.4rem;opacity:0;transition:opacity .5s ease .15s}.scc-hand.has-result .scc-hand__lead{opacity:.72}.scc-hand.has-result .scc-hand__name{opacity:1;transform:none}.scc-hand.has-result .scc-hand__odds{opacity:.72}.scc-hand__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem;margin-top:2rem}.scc-hbtn{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:0 2.6rem;border-radius:10rem;border:1px solid transparent;font:inherit;font-size:1.5rem;letter-spacing:.04em;line-height:1;text-decoration:none;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .25s ease,opacity .25s ease}.scc-hbtn:hover{transform:translateY(-2px)}.scc-hbtn:active{transform:scale(.98)}.scc-hbtn:focus-visible{outline:2px solid currentColor;outline-offset:3px}.scc-hbtn--solid{background:#fdfbf7;color:#140b06}.scc-hbtn--ghost{background:transparent;color:#fdfbf7;border-color:#fdfbf773}.scc-hbtn[disabled],.scc-hbtn.is-busy{opacity:.55;cursor:default;transform:none}.scc-hand.is-dealing [data-deal]{opacity:.55;pointer-events:none}.scc-hand__buy{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:3rem auto 0;padding-top:2.6rem;border-top:1px solid rgba(253,251,247,.16);max-width:52rem;text-align:center}.scc-hand__form{margin:0}.scc-hand__note{margin:0;font-size:1.3rem;opacity:.7}.scc-hand__all{margin:2.4rem auto 0;display:block;background:none;border:0;padding:.6rem 0;color:inherit;font:inherit;font-size:1.4rem;text-decoration:underline;text-underline-offset:.4rem;cursor:pointer;opacity:.85}.scc-hand__ribbon{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;padding:3rem 2.4rem 3.4rem;margin-top:1rem;--rw:clamp(9rem,24vw,14rem);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.scc-hand__ribbon[hidden]{display:none}.scc-hand__ribbon::-webkit-scrollbar{display:none}.scc-hand__rc{flex:0 0 auto;width:var(--rw);aspect-ratio:5/7;margin:0 0 0 calc(var(--rw) * -.42);padding:0;border:0;background:#f1e6ce;border-radius:5.5%/4%;cursor:zoom-in;box-shadow:-.4rem .6rem 1.4rem #0006;scroll-snap-align:center;transition:transform .3s cubic-bezier(.2,.8,.2,1);opacity:.001}.scc-hand__rc:first-child{margin-left:0}.scc-hand__rc.is-ready{opacity:1}.scc-hand__rc canvas{display:block;width:100%;height:100%;border-radius:inherit}.scc-hand__rc:hover,.scc-hand__rc:focus-visible{transform:translateY(-1.4rem) rotate(-2deg)}.scc-hand__zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:#0c0704e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);perspective:1400px;color:#fdfbf7;cursor:zoom-out;touch-action:none;animation:scc-fade .3s ease}.scc-hand__zoom[hidden]{display:none}@keyframes scc-fade{0%{background:#0c070400}}.scc-hand__zcard{position:relative;width:min(78vw,calc(72vh * 5 / 7),38rem);aspect-ratio:5/7;border-radius:5.5%/4%;transform:rotateX(calc(var(--rx,0) * 1deg)) rotateY(calc(var(--ry,0) * 1deg));transition:transform .18s ease-out;box-shadow:0 3rem 7rem #0009;cursor:grab;will-change:transform}.scc-hand__zcard canvas{display:block;width:100%;height:100%;border-radius:inherit}.scc-hand__zcard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 45% at calc(var(--gx,50) * 1%) calc(var(--gy,30) * 1%),#ffffff57,#fff0 70%);mix-blend-mode:soft-light}.scc-hand__zname{margin:0;font-size:1.4rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8}.scc-hand__zclose{position:absolute;top:1.6rem;right:1.6rem;width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid rgba(253,251,247,.4);background:transparent;color:#fdfbf7;font-size:2.2rem;line-height:1;cursor:pointer}html.scc-hand-zoomed{overflow:hidden}@media screen and (min-width:750px){.scc-hand{padding:8rem 0 7rem}.scc-card.is-out,.scc-card.is-up:not(:disabled):hover,.scc-card.is-up:focus-visible{--sp:.72}.scc-hand__ribbon{--rw:15rem}}@media(prefers-reduced-motion:reduce){.scc-card,.scc-card__flip,.scc-hand__stackcard,.scc-hand__name,.scc-hand__zcard,.scc-hbtn,.scc-hand__rc{transition:none;animation:none}}.scc-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;align-items:center;gap:1.2rem;padding:1rem 1.6rem calc(1rem + env(safe-area-inset-bottom));background:#fdfbf7f0;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid rgba(34,34,34,.1);color:#222;transform:translateY(110%);transition:transform .38s cubic-bezier(.2,.8,.2,1)}.scc-bar.is-on{transform:none}.scc-bar__img{flex:0 0 auto;width:4.4rem;height:4.4rem;border-radius:.8rem;object-fit:cover;background:#f1e6ce}.scc-bar__txt{flex:1 1 auto;min-width:0;line-height:1.25}.scc-bar__name{display:block;font-size:1.4rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scc-bar__price{display:block;font-size:1.3rem;opacity:.75}.scc-bar__btn{flex:0 0 auto;min-height:4.4rem;padding:0 2rem;border:0;border-radius:10rem;background:#4c1700;color:#fdfbf7;font:inherit;font-size:1.4rem;letter-spacing:.03em;cursor:pointer}.scc-bar__btn[disabled]{opacity:.5}@media screen and (max-width:749px){.scc-bar{display:flex}}@media(prefers-reduced-motion:reduce){.scc-bar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/scc-hand.css.map */