.c3d-sec{position:relative;overflow:clip;padding-block:var(--sp-8, 56px)}.c3d-head .mono{color:var(--ca-sec, var(--game))}.c3d-rail{--card-w: clamp(150px, 20vw, 232px);--gap: clamp(14px, 2.2vw, 30px);list-style:none;margin:0;padding:44px 0 52px;display:flex;gap:var(--gap);overflow-x:auto;overflow-y:clip;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.c3d-rail::-webkit-scrollbar{display:none}.c3d-rail:before,.c3d-rail:after{content:"";flex:0 0 max(0px,calc(max(var(--sp-6, 24px),(100% - var(--max, 1240px)) / 2 + var(--sp-6, 24px)) - var(--gap)))}.c3d-slot{flex:0 0 var(--card-w);scroll-snap-align:center;list-style:none}.c3d-card{display:block;position:relative;text-decoration:none;color:inherit;outline-offset:6px;border-radius:15px}.tsc .c3d-rail .c3d-card{text-decoration:none}.c3d-curve{display:block;transform:perspective(1000px);transform-style:preserve-3d;will-change:transform}.c3d-tilt{display:block;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform var(--dur-mid, .28s) var(--ease-out, cubic-bezier(.2,.8,.2,1)),translate var(--dur-mid, .28s) var(--ease-out, cubic-bezier(.2,.8,.2,1)),scale var(--dur-mid, .28s) var(--ease-out, cubic-bezier(.2,.8,.2,1))}.c3d-card:hover .c3d-tilt,.c3d-card:focus-visible .c3d-tilt{translate:0 -12px;scale:1.045}.c3d-card.is-live .c3d-tilt{transition:transform 60ms linear}.c3d-card.is-live{cursor:grabbing}.c3d-face{display:block;position:relative;aspect-ratio:5 / 7;border-radius:15px;overflow:hidden;background:radial-gradient(130% 92% at 50% -12%,color-mix(in oklch,var(--ca) 44%,transparent),transparent 56%),linear-gradient(180deg,#2b2542,#17131f);border:1px solid color-mix(in oklch,var(--ca) 58%,var(--rule));box-shadow:0 24px 48px -22px #000000eb,0 0 34px -16px color-mix(in oklch,var(--ca) 55%,transparent);transition:box-shadow .26s var(--ease-out, ease)}.c3d-card:hover .c3d-face,.c3d-card:focus-visible .c3d-face{box-shadow:0 34px 62px -20px #000000f5,0 0 46px -10px color-mix(in oklch,var(--ca) 78%,transparent)}.c3d-card.has-img .c3d-face{background:#0b0812}.c3d-face>img,.c3d-face>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.c3d-face{--mx: 50%;--my: 42%}.c3d-fx,.c3d-glare,.c3d-rim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}.c3d-fx{z-index:3;opacity:.45;mix-blend-mode:color-dodge}.c3d-glare{z-index:4;mix-blend-mode:overlay;opacity:.22;background:radial-gradient(30% 30% at var(--mx) var(--my),rgba(255,255,255,.7),transparent 62%)}.c3d-rim{z-index:5;box-shadow:inset 0 0 0 1px #ffffff12}.c3d-card:hover .c3d-fx,.c3d-card:focus-visible .c3d-fx{opacity:.85}.c3d-card:hover .c3d-glare,.c3d-card:focus-visible .c3d-glare{opacity:.5}.c3d-card[data-fx=basic] .c3d-fx{background:linear-gradient(115deg,transparent 24%,rgba(255,0,128,.6) 36%,rgba(255,209,71,.6) 44%,rgba(45,226,197,.6) 52%,rgba(79,195,247,.6) 60%,rgba(169,107,255,.6) 68%,transparent 82%);background-size:260% 260%;background-position:var(--mx) 40%}.c3d-card[data-fx=reverse] .c3d-fx{background:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 2px,transparent 2px 6px),repeating-linear-gradient(-45deg,rgba(120,220,255,.12) 0 2px,transparent 2px 6px)}.c3d-card[data-fx=cosmos] .c3d-fx{mix-blend-mode:screen;opacity:.5;background:radial-gradient(60% 45% at 30% 25%,rgba(120,80,255,.55),transparent 60%),radial-gradient(55% 45% at 75% 65%,rgba(45,150,255,.5),transparent 60%)}.c3d-card[data-fx=radiant] .c3d-fx{background:repeating-conic-gradient(from var(--holo-angle, 0deg) at 50% 46%,rgba(255,45,111,.85) 0deg 4deg,transparent 4deg 11deg,rgba(255,182,39,.85) 11deg 15deg,transparent 15deg 22deg,rgba(45,226,197,.85) 22deg 26deg,transparent 26deg 33deg);-webkit-mask:radial-gradient(closest-side at 50% 46%,#000 10%,transparent 82%);mask:radial-gradient(closest-side at 50% 46%,#000 10%,transparent 82%)}.c3d-card[data-fx=rainbow] .c3d-fx{background:repeating-linear-gradient(60deg,#ff2d6fb3 0 8px,#ffb627b3 8px 16px,#2de2c5b3 16px 24px,#4fc3f7b3 24px 32px,#a96bffb3 32px 40px);background-size:200% 200%;background-position:var(--mx) var(--my)}.c3d-card[data-fx=amazing] .c3d-fx{background:linear-gradient(60deg,rgba(255,45,111,.55) 0 20%,transparent 20% 40%,rgba(45,226,197,.55) 40% 60%,transparent 60% 80%,rgba(169,107,255,.55) 80%);background-size:220% 220%}.c3d-meta{display:block;text-align:center;padding:14px 4px 0}.c3d-kicker{display:block;font-family:var(--font-mono);font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in oklch,var(--ca) 82%,var(--chalk-mute));margin-bottom:4px}.c3d-name{display:block;font-family:var(--font-display);font-weight:800;font-size:.92rem;line-height:1.2;letter-spacing:-.01em;color:var(--chalk);text-wrap:balance}.c3d-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-4, 18px);margin-top:var(--sp-2, 10px)}.c3d-hint{margin:0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--chalk-dim)}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.c3d-curve{animation:c3dCurve linear both;animation-timeline:view(inline)}}}@keyframes c3dCurve{0%{transform:perspective(1000px) rotateY(36deg) translateZ(-190px)}50%{transform:perspective(1000px) rotateY(0) translateZ(0)}to{transform:perspective(1000px) rotateY(-36deg) translateZ(-190px)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.c3d-face{animation:c3dDepth linear both;animation-timeline:view(inline)}}}@keyframes c3dDepth{0%{filter:brightness(.62) saturate(.78)}50%{filter:brightness(1) saturate(1)}to{filter:brightness(.62) saturate(.78)}}@media(prefers-reduced-motion:reduce){.c3d-tilt{transition:none}.c3d-card:hover .c3d-tilt,.c3d-card:focus-visible .c3d-tilt{translate:0;scale:1}.c3d-rail{scroll-behavior:auto}}@media(max-width:760px){.c3d-rail{--card-w: clamp(158px, 46vw, 220px);padding:26px 0 32px}.c3d-sec{padding-block:var(--sp-6, 40px)}.c3d-name{font-size:.86rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tsc-cards3d.css.map */