:root{--pointer-x: 50%;--pointer-y: 50%;--card-scale: 1;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--translate-x: 0px;--translate-y: 0px;--card-back-bg: #0a0a0c;--card-back-pattern: #18181b;--card-back-pattern-light: #27272a;--card-back-border: #3f3f46;--card-back-accent: #52525b;--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--r-clr-1: hsl(0, 57%, 37%);--r-clr-2: hsl(40, 53%, 39%);--r-clr-3: hsl(90, 60%, 35%);--r-clr-4: hsl(180, 60%, 35%);--r-clr-5: hsl(210, 57%, 39%);--r-clr-6: hsl(280, 55%, 31%);--violet: hsl(283, 100%, 73%);--blue: hsl(228, 100%, 74%);--green: hsl(93, 100%, 69%);--yellow: hsl(53, 100%, 69%);--red: hsl(2, 100%, 73%);--glitter: url(/textures/glitter.png);--glittersize: 25%;--grain: url(/textures/grain.png);--sunpillar-clr-1: var(--sunpillar-5);--sunpillar-clr-2: var(--sunpillar-6);--sunpillar-clr-3: var(--sunpillar-1);--sunpillar-clr-4: var(--sunpillar-2);--sunpillar-clr-5: var(--sunpillar-3);--sunpillar-clr-6: var(--sunpillar-4);--card-radius: .5em;--card-edge: hsl(47, 100%, 78%);--card-glow: hsl(180, 80%, 70%)}.swipe-card__backdrop{position:fixed;inset:0;background:#000000d9;z-index:999;cursor:pointer;animation:backdrop-fade-in .4s ease-out forwards}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.swipe-card__backdrop--hiding{animation:backdrop-fade-out .5s ease-out forwards}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}.swipe-card{position:relative;width:100%;max-width:350px;border-radius:var(--card-radius);-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;outline:1px solid transparent;cursor:pointer}.swipe-card.swipeable{touch-action:none}@media(hover:none){.swipe-card.holo:not(.interacting){--card-opacity: calc(var(--holo-opacity) * .3) !important}}.swipe-card.active{z-index:1000;touch-action:none;transform-style:preserve-3d;will-change:transform}.card__translater{width:100%}.swipe-card.active .card__translater{position:relative;transform-style:preserve-3d;will-change:transform;transition:transform .65s cubic-bezier(.22,1,.36,1);--translate-z: calc(var(--card-scale) * 150px + .01px);transform:translate3d(var(--translate-x),var(--translate-y),var(--translate-z)) scale(calc(var(--card-scale) * var(--drag-scale, 1)))}.swipe-card.active.opening-from .card__translater{transition:none}.card__perspective{width:100%;transform-style:preserve-3d;transform:perspective(calc(800px / var(--card-scale, 1)))}.card__rotator{width:100%;aspect-ratio:var(--card-aspect, 2 / 3);position:relative;transform-style:preserve-3d;transform-origin:center;border-radius:var(--card-radius);transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y))}.swipe-card.interacting.entering:not(.active) .card__rotator{transition:transform .8s ease-out,box-shadow .6s ease-out}.swipe-card.interacting:not(.entering):not(.active) .card__rotator{transition:transform .05s ease-out,box-shadow .6s ease-out}.card__rotator{box-shadow:0 10px 20px -5px #0006,0 2px 15px -5px #0000004d}.swipe-card.interacting .card__rotator{box-shadow:0 0 2px #ffffff26,0 0 4px 1px color-mix(in srgb,var(--card-edge) 12%,transparent),0 0 40px 10px color-mix(in srgb,var(--card-glow) 8%,transparent),0 0 80px 25px color-mix(in srgb,var(--card-glow) 5%,transparent),0 0 140px 45px color-mix(in srgb,var(--card-glow) 3%,transparent),0 10px 25px -5px #00000059}.swipe-card.active:not(.retreating) .card__rotator{box-shadow:0 0 20px 4px color-mix(in srgb,var(--card-glow) 12%,transparent),0 0 60px 15px color-mix(in srgb,var(--card-glow) 8%,transparent),0 0 120px 40px color-mix(in srgb,var(--card-glow) 4%,transparent),0 10px 20px -5px #000}.swipe-card.flipped:not(.active) .card__rotator{box-shadow:0 10px 30px -5px #00000080,0 5px 20px -5px #0006}.swipe-card.active .card__rotator,.swipe-card.active .card__front,.swipe-card.active .card__back{border-radius:calc(var(--card-radius) / max(1,var(--card-scale, 1) / 1.5))}.swipe-card.active.showing-poster,.swipe-card.active.showing-poster .card__translater{will-change:auto}.swipe-card.active.showing-poster .card__front{transform:none}.swipe-card.active.showing-poster .card__back{visibility:hidden}.card__back{position:absolute;inset:0;border-radius:var(--card-radius);backface-visibility:visible;transform-style:preserve-3d;overflow:hidden;transform:rotateY(180deg) translateZ(1px);background:var(--card-back-bg)}.card__back-svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}.card__back-content-overlay{position:fixed;z-index:1001;pointer-events:auto;cursor:pointer}.card__back-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:1rem;overflow:hidden;border-radius:2px;cursor:default;background:var(--card);opacity:0}.card__back-content::-webkit-scrollbar{display:none}.card__back-content--visible{pointer-events:auto;scrollbar-width:none;overflow-y:auto;animation:card-content-reveal .2s ease-out forwards}@keyframes card-content-reveal{0%{opacity:0}to{opacity:1}}.card__back-content--visible>*{opacity:0;animation:card-content-item-reveal .3s ease-out forwards}.card__back-content--visible .card__back-info{animation-delay:.1s}.card__back-content--visible .card__back-synopsis{animation-delay:.2s}.card__back-content--visible .card__back-cast{animation-delay:.35s}.card__back-content--visible .card__back-section:nth-child(1 of.card__back-section){animation-delay:.4s}.card__back-content--visible .card__back-section:nth-child(2 of.card__back-section){animation-delay:.5s}.card__back-content--visible .card__back-section:nth-child(3 of.card__back-section){animation-delay:.6s}.card__back-content--visible .card__back-section:nth-child(4 of.card__back-section){animation-delay:.7s}.card__back-content--visible .card__back-section:nth-child(5 of.card__back-section){animation-delay:.8s}@keyframes card-content-item-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.card__back-info{text-align:center;margin-bottom:1rem;padding-top:.5rem}.card__back-title{font-size:1.25rem;font-weight:700;color:#fffffff2;line-height:1.2;margin-bottom:.75rem}.card__back-meta{font-size:.75rem;color:#ffffff80;font-weight:400}.card__back-director{font-size:.75rem;color:#fff9;font-weight:500;margin-top:.125rem}.card__back-synopsis{flex:0 0 auto;margin-bottom:1rem;overflow:hidden}.card__back-cast{margin-top:1rem;margin-bottom:2rem;display:flex;justify-content:center}.card__back-section{margin-bottom:1.25rem}.card__back-section-title{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-bottom:.75rem;padding-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.card__back-section--centered{display:flex;justify-content:center}.card__back-content--feedback .card__halo--exact,.card__back-content--feedback .card__halo--close,.card__back-content--feedback .card__halo--far{position:relative;border-radius:6px;transition:box-shadow .8s ease}.card__back-content--feedback .card__halo--exact{box-shadow:inset 0 0 20px #00e0540f}.card__back-content--feedback .card__halo--close{box-shadow:inset 0 0 20px #f5c5180f}.card__back-content--feedback .card__halo--far{box-shadow:inset 0 0 20px #fa320a0f}.card__back-content--feedback .card__halo--exact .card__back-section-title{color:#00e05473;border-bottom-color:#00e0541a}.card__back-content--feedback .card__halo--close .card__back-section-title{color:#f5c51873;border-bottom-color:#f5c5181a}.card__back-content--feedback .card__halo--far .card__back-section-title{color:#fa320a73;border-bottom-color:#fa320a1a}@media(prefers-reduced-motion:reduce){.card__back-content--feedback .card__halo--exact,.card__back-content--feedback .card__halo--close,.card__back-content--feedback .card__halo--far{transition:none}}.swipe-card.inline-suspense:not(.active) .card__translater{position:relative;transform-style:preserve-3d;will-change:transform;transform:translate3d(var(--translate-x),var(--translate-y),0)}.swipe-card.inline-suspense.flipped:is(.suspense-settled,.suspense-trembling,.suspense-silence) .card__rotator{box-shadow:0 0 20px 8px #ffffff2e,0 0 40px 16px #ffffff12}.swipe-card.inline-suspense .card__rotator{transition:box-shadow .4s ease-out}.swipe-card.inline-suspense:not(.active) .card__front{backface-visibility:hidden;transform:translateZ(.01px)}.swipe-card.inline-suspense:not(.active).suspense-entering .card__translater{transition:transform .4s cubic-bezier(.16,1,.3,1)}.swipe-card.inline-suspense.suspense-settled .card__rotator{animation:suspense-idle-float 2s ease-in-out infinite}@keyframes suspense-idle-float{0%,to{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) translateY(0)}50%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) translateY(-3px)}}.swipe-card.inline-suspense.suspense-trembling .card__rotator{animation:suspense-tremble-escalate var(--suspense-tremble-ms, .6s) ease-in var(--suspense-trembles, 1) forwards}@keyframes suspense-tremble-escalate{0%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(0)}5%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(.4deg)}10%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(-.5deg)}15%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(.7deg)}20%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(-.9deg)}27%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(1.3deg) scale(1.005)}34%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(-1.8deg) scale(1.008)}41%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(2.2deg) scale(1.01)}48%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(-2.8deg) scale(1.015)}55%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(3.5deg) scale(1.02)}62%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(-4deg) scale(1.025)}69%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(4.5deg) scale(1.03)}76%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(-5deg) scale(1.03)}83%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(4deg) scale(1.025)}90%{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(-2deg) scale(1.01)}to{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y)) rotate(0) scale(1)}}.swipe-card.inline-suspense.suspense-silence .card__rotator{transition:transform .3s ease-out}.swipe-card.swipe-card.inline-suspense.suspense-revealing:not(.active) .card__rotator{transition:transform var(--suspense-flip-ms, .5s) cubic-bezier(.22,1,.36,1)}.swipe-card.inline-suspense.suspense-result--correct .card__rotator{box-shadow:0 0 12px 3px #f5c51859,0 0 30px 8px #f5c51826}.swipe-card.inline-suspense.suspense-result--wrong .card__rotator,.swipe-card.inline-suspense.suspense-result--lost .card__rotator{box-shadow:0 0 12px 3px #fa320a59,0 0 30px 8px #fa320a26}.card__suspense-overlay{position:absolute;inset:0;z-index:6;border-radius:inherit;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:suspense-overlay-lifecycle 1.2s ease-out forwards}.card__suspense-overlay--wrong{background-color:color-mix(in srgb,var(--color-notation-public) 45%,transparent)}.card__suspense-overlay--correct{background-color:color-mix(in srgb,var(--color-notation-critic) 45%,transparent)}.card__suspense-overlay-circle{width:clamp(28px,55%,48px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.12)}.card__suspense-overlay-circle svg{width:55%;height:55%}.card__suspense-overlay--wrong .card__suspense-overlay-circle{background-color:color-mix(in srgb,var(--color-notation-public) 90%,transparent)}.card__suspense-overlay--correct .card__suspense-overlay-circle{background-color:color-mix(in srgb,var(--color-notation-critic) 90%,transparent)}@keyframes suspense-overlay-lifecycle{0%{opacity:0;transform:scale(.85)}13%{opacity:1;transform:scale(1.05)}20%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.swipe-card.inline-suspense.suspense-settled .card__rotator,.swipe-card.inline-suspense.suspense-trembling .card__rotator{animation:none}.swipe-card.inline-suspense.suspense-entering .card__translater{transition-duration:.01ms!important}.swipe-card.swipe-card.inline-suspense.suspense-revealing:not(.active) .card__rotator{transition-duration:.01ms}.card__suspense-overlay{animation:none;opacity:1}}.card__close-btn{position:fixed;z-index:1002;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);transition:color .15s,background .15s,border-color .15s;opacity:0;animation:card-btn-fade-in .3s ease-out .4s forwards}.card__close-btn:hover{color:#ffffffe6;background:#ffffff24;border-color:#ffffff40}.card__flip-btn{position:fixed;z-index:1002;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translate(-50%);transition:color .15s,background .15s,border-color .15s;opacity:0;animation:card-btn-fade-in .3s ease-out .6s forwards}.card__flip-btn:hover{color:#ffffffe6;background:#ffffff24;border-color:#ffffff40}@keyframes card-btn-fade-in{0%{opacity:0}to{opacity:1}}.card__actions{position:fixed;z-index:1002;display:flex;align-items:center;justify-content:space-between;width:10rem;height:40px;transform:translate(-50%);pointer-events:none;opacity:0;animation:card-btn-fade-in .3s ease-out .6s forwards}.card__actions>*{pointer-events:auto}@media(max-width:767px){.card__actions{width:11rem;height:44px}.card__actions>*{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.card__actions{animation:none;opacity:1}}.card__play-btn{position:fixed;z-index:1002;height:40px;padding:0 24px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffc;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translate(-50%);transition:color .15s,background .15s,border-color .15s;opacity:0;animation:card-btn-fade-in .3s ease-out .8s forwards}.card__play-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff40}.swipe-card.active .card__rotator{transition:transform 1.6s cubic-bezier(.24,1,.36,1),box-shadow .6s ease-out}.swipe-card.active.showing-poster.interacting.entering .card__rotator{transition:transform .8s ease-out,box-shadow .6s ease-out}.swipe-card.active.showing-poster.interacting:not(.entering) .card__rotator{transition:transform .05s ease-out,box-shadow .6s ease-out}.swipe-card.active.showing-poster:not(.interacting) .card__rotator{transition:transform .5s ease-out,box-shadow .6s ease-out}.card__front{position:absolute;inset:0;border-radius:var(--card-radius);overflow:hidden;background:#111}.swipe-card.active .card__front{backface-visibility:hidden;transform:translateZ(.01px)}.card__front img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;color:transparent}.card__rotator{transition:box-shadow .6s ease-out}.swipe-card:not(.interacting):not(.active) .card__rotator{transition:transform .5s,box-shadow .6s ease-out}.swipe-card__poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--muted) 0%,var(--background) 100%);color:#fff3}.card__foil{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background-repeat:repeat;opacity:0}.swipe-card.interacting.entering .card__foil{transition:opacity .4s ease-out}.swipe-card.interacting:not(.entering) .card__foil{transition:opacity .1s ease-out}.swipe-card:not(.interacting) .card__foil{transition:opacity .5s ease-out}.swipe-card[data-rarity=rare] .card__foil{background-image:url(/textures/cosmos-middle.png);background-size:25%;mix-blend-mode:color-dodge;opacity:.2}.swipe-card[data-rarity=ultra] .card__foil{background-image:url(/textures/cosmos-top.png);background-size:25%;mix-blend-mode:color-dodge;opacity:.2}.swipe-card[data-rarity=secret] .card__foil{background-image:url(/textures/cosmos-bottom.png);background-size:25%;mix-blend-mode:color-dodge;opacity:.1}.card__glare{position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.5) 10%,hsla(0,0%,100%,.3) 25%,hsla(0,0%,0%,.3) 80%);mix-blend-mode:overlay;opacity:calc(var(--card-opacity) * .5);transition:opacity .15s ease-out}.card__shine{position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;display:grid;mix-blend-mode:color-dodge;opacity:var(--card-opacity);transition:opacity .15s ease-out}.card__shine:before,.card__shine:after{content:"";grid-area:1 / 1;border-radius:inherit}.swipe-card[data-rarity=common] .card__shine{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.6) 5%,hsla(0,0%,50%,.2) 30%,hsla(0,0%,0%,.3) 80%),linear-gradient(-45deg,#0000004d 15%,#fff3,#0000004d 85%);background-blend-mode:soft-light;background-size:120% 120%,200% 200%;background-position:center center,calc(100% * var(--pointer-from-left)) calc(100% * var(--pointer-from-top));filter:brightness(.7) contrast(1.3);mix-blend-mode:color-dodge}.swipe-card[data-rarity=holo] .card__shine{background-image:var(--glitter),var(--glitter),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(152.7,21.6%,10%) 10%,hsla(177,22%,80%,.1) 50%,hsla(0,0%,95%,.98) 90%),linear-gradient(45deg,#f9c006,#ffea61);background-size:var(--glittersize) var(--glittersize),var(--glittersize) var(--glittersize),cover,cover;background-position:40% 45%,55% 55%,center,center;background-blend-mode:soft-light,darken,color;filter:brightness(1) contrast(1) saturate(1);mix-blend-mode:color-dodge}.swipe-card[data-rarity=holo] .card__shine:before{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(50,20%,90%,.95) 10%,hsla(324,22%,63%,.5) 50%,hsl(0,0%,0%) 90%);mix-blend-mode:exclusion}.swipe-card[data-rarity=holo] .card__shine:after{background-image:var(--glitter),conic-gradient(var(--sunpillar-clr-4),var(--sunpillar-clr-5),var(--sunpillar-clr-6),var(--sunpillar-clr-1),var(--sunpillar-clr-2),var(--sunpillar-clr-3),var(--sunpillar-clr-4));background-size:var(--glittersize) var(--glittersize),cover;background-blend-mode:luminosity;mix-blend-mode:soft-light}.swipe-card[data-rarity=rare] .card__shine{--space: 5%;--angle: -22deg;background-image:repeating-linear-gradient(var(--angle),hsla(283,49%,60%,.75) calc(var(--space) * 1),hsla(2,74%,59%,.75) calc(var(--space) * 2),hsla(53,67%,53%,.75) calc(var(--space) * 3),hsla(93,56%,52%,.75) calc(var(--space) * 4),hsla(176,38%,50%,.75) calc(var(--space) * 5),hsla(228,100%,77%,.75) calc(var(--space) * 6),hsla(283,49%,61%,.75) calc(var(--space) * 7));background-blend-mode:color-dodge;background-size:300% 400%;background-position:0% calc(var(--background-y) * 1)}.swipe-card[data-rarity=rare] .card__shine:after{mix-blend-mode:hard-light}.swipe-card[data-rarity=ultra] .card__shine{--space: 5%;--angle: 133deg;background-image:var(--grain),repeating-linear-gradient(0deg,var(--sunpillar-5) calc(var(--space) * 1),var(--sunpillar-6) calc(var(--space) * 2),var(--sunpillar-1) calc(var(--space) * 3),var(--sunpillar-2) calc(var(--space) * 4),var(--sunpillar-3) calc(var(--space) * 5),var(--sunpillar-4) calc(var(--space) * 6),var(--sunpillar-5) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-blend-mode:screen,hue,hard-light;background-size:500px 100%,200% 700%,300% 100%,200% 100%;background-position:center,0% var(--background-y),var(--background-x) var(--background-y),var(--background-x) var(--background-y);filter:brightness(.8) contrast(2.95) saturate(.65)}.swipe-card[data-rarity=ultra] .card__shine:after{background-image:var(--grain),repeating-linear-gradient(0deg,var(--sunpillar-6) calc(var(--space) * 1),var(--sunpillar-1) calc(var(--space) * 2),var(--sunpillar-2) calc(var(--space) * 3),var(--sunpillar-3) calc(var(--space) * 4),var(--sunpillar-4) calc(var(--space) * 5),var(--sunpillar-5) calc(var(--space) * 6),var(--sunpillar-6) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-blend-mode:screen,hue,hard-light;background-size:500px 100%,200% 400%,195% 100%,200% 100%;background-position:center,0% var(--background-y),calc(var(--background-x) * -1) calc(var(--background-y) * -1),var(--background-x) var(--background-y);filter:brightness(1) contrast(2.5) saturate(1.75);mix-blend-mode:soft-light}.swipe-card[data-rarity=secret] .card__shine{--space: 6%;--angle: 133deg;background-image:repeating-linear-gradient(-33deg,#cc2a24 calc(var(--space) * 1),#6c82da calc(var(--space) * 2),#2d9a93 calc(var(--space) * 3),#1d9623 calc(var(--space) * 4),#b53fe4 calc(var(--space) * 5),#cc2a24 calc(var(--space) * 6)),repeating-linear-gradient(var(--angle),hsla(227,53%,12%,.5) 0%,hsl(180,10%,50%) 2.5%,hsl(83,50%,35%) 5%,hsl(180,10%,50%) 7.5%,hsla(227,53%,12%,.5) 10%,hsla(227,53%,12%,.5) 15%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(189,76%,77%,.6) 0%,hsla(147,59%,77%,.6) 25%,hsla(271,55%,69%,.6) 50%,hsla(355,56%,72%,.6) 75%);background-blend-mode:difference,luminosity,soft-light;background-size:1100% 1100%,600% 600%,200% 200%;background-position:var(--background-x) var(--background-y)}.swipe-card[data-rarity=secret] .card__shine:after{background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) 6%,var(--sunpillar-clr-2) 12%,var(--sunpillar-clr-3) 18%,var(--sunpillar-clr-4) 24%,var(--sunpillar-clr-5) 30%,var(--sunpillar-clr-6) 36%,var(--sunpillar-clr-1) 42%),repeating-linear-gradient(133deg,#0e152e,#8fa3a3 3.8%,#8fc1c1,#8fa3a3 5.2%,#0e152e 10% 12%);background-blend-mode:hue,hard-light;background-size:200% 700%,300% 100%;background-position:0% var(--background-y),var(--background-x) var(--background-y);mix-blend-mode:lighten;filter:saturate(1.5)}.swipe-card[data-shiny][data-rarity] .card__foil{opacity:0}.swipe-card[data-shiny][data-rarity] .card__shine{background-image:var(--glitter),var(--glitter),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(150,20%,10%,1) 10%,hsla(177,22%,80%,.1) 50%,hsla(0,0%,95%,.98) 90%);background-size:var(--glittersize) var(--glittersize),var(--glittersize) var(--glittersize),cover;background-position:40% 45%,55% 55%,center center;background-blend-mode:soft-light,color-burn;filter:brightness(1) contrast(1) saturate(.9)}.swipe-card[data-shiny][data-rarity] .card__shine:before{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(50,20%,90%,.95) 10%,rgba(181,139,164,.5) 50%,hsl(0,0%,0%) 60%);background-size:cover;background-position:center;background-blend-mode:normal;mix-blend-mode:lighten;filter:none;opacity:.5}.swipe-card[data-shiny][data-rarity] .card__shine:after{--space: 5%;--angle: 133deg;background-image:repeating-linear-gradient(var(--angle),var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7));background-size:400% 800%;background-position:calc(50% + (50% - var(--background-x)) * 3) calc(50% + (50% - var(--background-y)) * 3);background-blend-mode:normal;filter:brightness(calc(.75 - var(--pointer-from-center) * .5)) contrast(1) saturate(1);mix-blend-mode:saturation;opacity:1}.swipe-card[data-shiny][data-rarity] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,1) 10%,hsla(0,0%,100%,.85) 20%,hsla(0,0%,0%,.35) 90%);mix-blend-mode:multiply}.swipe-card--deck-1{transform:rotate(-3deg) scale(.96) translateZ(-20px);filter:brightness(.5);pointer-events:none;z-index:-1}.swipe-card--deck-2{transform:rotate(2deg) scale(.92) translateZ(-40px);filter:brightness(.3);pointer-events:none;z-index:-2}.swipe-card.dragging{transform:translate(var(--drag-x, 0px),var(--drag-y, 0px)) rotate(var(--drag-rotate, 0deg));transform-style:preserve-3d;transition:none;will-change:transform}.swipe-card.dragging .card__translater{transition:none;will-change:transform}.swipe-card.returning{transform:translate(var(--drag-x, 0px),var(--drag-y, 0px)) rotate(var(--drag-rotate, 0deg));transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.swipe-card.swiping-left,.swipe-card.swiping-right{transform:translate(var(--drag-x, 0px),var(--drag-y, 0px)) rotate(var(--drag-rotate, 0deg));transition:transform .3s cubic-bezier(.4,0,1,1);pointer-events:none}.swipe-card.swiping-up,.swipe-card.swiping-down{transform:translate(var(--drag-x, 0px),var(--drag-y, 0px)) rotate(var(--drag-rotate, 0deg));transition:transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.card__edge-type-icon{position:absolute;top:8px;right:8px;z-index:5;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#00000080;border-radius:50%;padding:4px;color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card__swipe-overlay{position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none}.card__swipe-overlay-nope,.card__swipe-overlay-like,.card__swipe-overlay-super,.card__swipe-overlay-dislike{position:absolute;inset:0;border-radius:inherit;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.card__swipe-overlay-label{font-size:16px;font-weight:600;letter-spacing:.02em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.card__swipe-overlay-nope{background-color:color-mix(in srgb,var(--color-notation-public) 45%,transparent);opacity:var(--swipe-opacity-nope, 0)}.card__swipe-overlay-like{background-color:color-mix(in srgb,var(--color-notation-nerd) 45%,transparent);opacity:var(--swipe-opacity-like, 0)}.card__swipe-overlay-super{background-color:color-mix(in srgb,var(--color-notation-critic) 45%,transparent);opacity:var(--swipe-opacity-super, 0)}.card__swipe-overlay-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.card__swipe-overlay-nope .card__swipe-overlay-circle{background-color:color-mix(in srgb,var(--color-notation-public) 90%,transparent)}.card__swipe-overlay-like .card__swipe-overlay-circle{background-color:color-mix(in srgb,var(--color-notation-nerd) 90%,transparent)}.card__swipe-overlay-super .card__swipe-overlay-circle{background-color:color-mix(in srgb,var(--color-notation-critic) 90%,transparent)}.card__swipe-overlay-dislike{background-color:color-mix(in srgb,#71717A 45%,transparent);opacity:var(--swipe-opacity-dislike, 0)}.card__swipe-overlay-dislike .card__swipe-overlay-circle{background-color:color-mix(in srgb,#71717A 90%,transparent)}.swipe-card--skeleton{background:var(--muted);border-radius:var(--card-radius);aspect-ratio:2 / 3}.swipe-card__skeleton-poster{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;animation:swipe-shimmer 1.5s infinite linear}@keyframes swipe-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:480px){.swipe-card{max-width:90vw}}@media(min-width:769px){.swipe-card{max-width:400px}}@media(prefers-reduced-motion:reduce){.swipe-card,.card__translater,.card__rotator,.card__foil,.card__shine,.card__glare,.swipe-card__backdrop,.card__back-content-overlay,.card__back-content,.card__back-content>*,.card__close-btn,.card__flip-btn{transition:opacity .01ms!important;animation:none!important}.card__foil,.card__shine,.card__glare,.card__swipe-overlay{display:none}.swipe-card.returning,.swipe-card.swiping-left,.swipe-card.swiping-right,.swipe-card.swiping-up,.swipe-card.swiping-down{transition:transform .01ms!important}.card__back-content--visible{opacity:1}.card__back-content--visible>*{opacity:1;transform:none}.card__close-btn,.card__flip-btn{opacity:1}}.swipe-card--framed .card__front,.swipe-card--framed .card__back{background:none;overflow:visible}.card__framed{position:absolute;inset:var(--frame-top) var(--frame-right) var(--frame-bottom) var(--frame-left);border-radius:var(--card-radius);overflow:hidden;background:#111}.swipe-card.active .card__framed{border-radius:calc(var(--card-radius) / max(1,var(--card-scale, 1) / 1.5))}.card__back .card__framed{background:var(--card-back-bg)}