.asc{--paper: rgba(255,255,255,.045);--edge: rgba(255,255,255,.09);--core: #2e4563;--ember: #9dbbdd;--ember-edge: rgba(125,159,205,.42);max-width:var(--max-content-width,72rem);margin-inline:auto;padding:0 var(--section-inline-padding,1.75rem) 4rem}.asc-btn{box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;font-family:var(--primary-font);font-size:var(--fs-300);letter-spacing:.06em;text-transform:uppercase;padding:.7rem 1.3rem;border-radius:var(--radius);background:#2e456373;color:var(--ember);transition:background .16s ease,box-shadow .16s ease,transform 90ms ease}.asc-btn:hover:not(:disabled){background:#2e4563ad;box-shadow:0 0 1rem #5d84ba4d}.asc-btn:active:not(:disabled){transform:translateY(1px)}.asc-btn:disabled{opacity:.4;cursor:default}.asc-btn--go{background:#2e4563b8;border-color:#7d9fcd99;color:var(--ink)}.asc-btn--ghost{background:transparent;border-color:var(--edge);color:var(--ink-2)}.asc-btn--ghost:hover{color:var(--ember);border-color:var(--ember-edge)}.asc-check{display:flex;align-items:center;gap:.45rem;font-size:var(--fs-300);color:var(--ink-3);cursor:pointer}.asc-card{position:relative;display:block;width:var(--card-w,12rem);aspect-ratio:751 / 1051;perspective:1400px;flex:none;margin-inline:auto}.asc-card__in{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.75,.25,1);will-change:transform}.asc-card.is-face .asc-card__in{transform:rotateY(180deg)}.asc-card__side{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.asc-card__side img{display:block;width:100%;height:100%;object-fit:contain}.asc-card__face{transform:rotateY(180deg)}.asc-card__rim{display:none}.asc-card__face img{transition:filter .5s ease .3s}.asc-card.is-face .asc-card__face img{filter:drop-shadow(0 0 .9rem rgba(126,163,209,.6)) drop-shadow(0 0 2.4rem rgba(60,92,134,.4)) drop-shadow(0 .5rem 1.5rem rgba(0,0,0,.6))}.asc-card--sm{--card-w: 5rem}.asc-card--big{--card-w: 15rem}.asc-card--hero{--card-w: min(20rem,62vw)}.asc-single{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2rem;align-items:start}@media not (min-width:48rem){.asc-single{grid-template-columns:1fr;justify-items:center}}.asc-single__stage{display:grid;place-items:center}.asc-single__side{min-width:0}.asc-single__side h2{margin:0 0 .35rem;font-family:var(--display-font,var(--primary-font));font-size:var(--fs-600);color:var(--ink);letter-spacing:.04em}.asc-single__none{color:var(--ink-4)!important;font-size:var(--fs-500)!important}.asc-single__meta{margin:0 0 1rem;font-family:var(--primary-font);font-size:var(--fs-300);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}.asc-single__acts{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.asc-single__card{margin-top:1.25rem}.asc-count{margin-top:1.75rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .9rem;padding:.9rem 1rem;border-radius:var(--radius);background:#00000047}.asc-count__n{font-size:var(--fs-600);color:var(--ink);font-variant-numeric:tabular-nums;display:inline-block;min-width:2.4ch;text-align:right}.asc-count__l{font-family:var(--primary-font);font-size:var(--fs-300);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}.asc-count__suits{display:flex;gap:.75rem;margin-left:auto}@media not (min-width:40rem){.asc-count__suits{margin-left:0;width:100%;justify-content:center}}.asc-pip{font-style:normal;font-size:var(--fs-400);color:var(--ink-2);font-variant-numeric:tabular-nums;display:inline-block;min-width:3.4ch;text-align:left}.asc-pip.is-red{color:#c76a68}.asc-run{margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--edge)}.asc-run__h{display:flex;align-items:center;gap:.5rem;margin:0 0 .8rem;font-family:var(--primary-font);font-size:var(--fs-300);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4)}.asc-run__n{color:var(--ember)}.asc-run__h .asc-btn{margin-left:auto}.asc-run__row{display:flex;flex-wrap:wrap;gap:.6rem}.asc-run__row .asc-card{margin-inline:0}.asc-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;opacity:0;transition:opacity .3s ease}.asc-reveal.is-in{opacity:1}.asc-reveal.is-out{opacity:0}.asc-reveal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 50% 45%,#1a140a8c,#050402f0 75%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.asc-reveal__stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:3.75rem;transform:translateY(3rem) scale(.9);transition:transform .6s cubic-bezier(.2,.8,.25,1);will-change:transform}.asc-reveal.is-in .asc-reveal__stage{transform:none}.asc-reveal.is-out .asc-reveal__stage{transform:translateY(-1.5rem) scale(.96)}.asc-reveal__name{position:relative;z-index:2;font-family:var(--display-font,var(--primary-font));font-size:clamp(1.2rem,3.2vw,1.8rem);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-align:center;line-height:1.1;opacity:0}@keyframes asc-name-resolve{0%{opacity:0;letter-spacing:.46em;filter:blur(.45rem);transform:translateY(.45rem)}to{opacity:1;letter-spacing:.12em;filter:blur(0);transform:translateY(0)}}@keyframes asc-name-bloom{0%{text-shadow:0 0 0 transparent}55%{text-shadow:0 0 2.4rem rgba(126,163,209,.9)}to{text-shadow:0 0 1.4rem rgba(126,163,209,.65)}}.asc-reveal.is-in .asc-reveal__name{animation:asc-name-resolve 1.06s cubic-bezier(.16,.62,.24,1) .5s both,asc-name-bloom 1.35s ease-out .5s both}.asc-reveal:before,.asc-reveal:after{content:"";position:absolute;left:0;right:0;top:-40%;bottom:-40%;pointer-events:none;z-index:1;opacity:0;background-repeat:repeat}.asc-reveal:before{background-image:radial-gradient(2px 2px at 59% 73%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 59% 67%,#9dbbdd,transparent 62%),radial-gradient(2px 2px at 25% 67%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 82% 80%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 14% 59%,#9dbbdd,transparent 62%),radial-gradient(1px 1px at 20% 13%,#9dbbdd,transparent 62%),radial-gradient(2px 2px at 78% 52%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 85% 96%,#9dbbdd,transparent 62%),radial-gradient(1px 1px at 81% 3%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 9% 6%,#9dbbdd,transparent 62%),radial-gradient(1px 1px at 32% 78%,#9dbbdd,transparent 62%),radial-gradient(2px 2px at 61% 43%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 77% 27%,#9dbbdd,transparent 62%),radial-gradient(2px 2px at 83% 39%,#9dbbdd,transparent 62%),radial-gradient(1px 1px at 2% 86%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 60% 85%,#9dbbdd,transparent 62%);background-size:340px 340px}.asc-reveal:after{background-image:radial-gradient(1px 1px at 19% 33%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 80% 59%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 91% 17%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 12% 31%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 8% 42%,#9dbbdd,transparent 62%),radial-gradient(2px 2px at 72% 89%,#9dbbdd,transparent 62%),radial-gradient(1px 1px at 92% 8%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 77% 35%,#9dbbdd,transparent 62%),radial-gradient(1.5px 1.5px at 55% 26%,#9dbbdd,transparent 62%);background-size:520px 520px}.asc-reveal__stage{z-index:2}.asc-reveal.is-in:before{animation:asc-motes-near 3.4s ease-out .26s both}.asc-reveal.is-in:after{animation:asc-motes-far 3.4s ease-out .26s both}@keyframes asc-motes-near{0%{opacity:0;transform:translate3d(0,7%,0)}22%{opacity:.85}70%{opacity:.5}to{opacity:0;transform:translate3d(0,-9%,0)}}@keyframes asc-motes-far{0%{opacity:0;transform:translate3d(0,4%,0)}30%{opacity:.5}75%{opacity:.3}to{opacity:0;transform:translate3d(0,-5%,0)}}.asc-reveal .asc-card.is-face .asc-card__face img{filter:drop-shadow(0 0 1.1rem rgba(126,163,209,.7)) drop-shadow(0 0 3.2rem rgba(60,92,134,.45)) drop-shadow(0 1rem 2.5rem rgba(0,0,0,.7))}@media(prefers-reduced-motion:reduce){.asc-card__in,.asc-reveal,.asc-reveal__stage,.asc-reveal__name,.asc-card__rim{transition-duration:1ms}.asc-reveal.is-in .asc-reveal__name{animation-duration:1ms;animation-delay:0ms}.asc-reveal.is-in:before,.asc-reveal.is-in:after{animation:none;opacity:0}}.asc p,.asc li,.asc blockquote{max-width:none}.asc-run__row .asc-card{pointer-events:none}.asc-run__row .asc-card.is-face .asc-card__face img{filter:drop-shadow(0 .35rem .9rem rgba(0,0,0,.55))}
/*# sourceMappingURL=/cdn/shop/t/30/assets/ashes-cards.css.map */