:root{--holo-glitter: url(/holo/glitter.png);--holo-grain: url(/holo/grain.webp);--holo-illusion: url(/holo/illusion.png);--holo-rainbow: url(/holo/rainbow.jpg);--cosmos-bottom: url(/holo/cosmos-bottom.png);--cosmos-middle: url(/holo/cosmos-middle.png);--cosmos-top: url(/holo/cosmos-top.png);--glitter: var(--holo-glitter);--glittersize: 25%}.card{--card-width: 280px;--card-border: calc(var(--card-width) * .0357);width:var(--card-width);aspect-ratio:240 / 336;position:relative;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.card{transform:translateZ(.01px);will-change:transform;font-family:Outfit,sans-serif}.card img{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}.card__translater{width:100%;height:100%;transform:translate(var(--translate-x),var(--translate-y)) scale(var(--card-scale));transition:transform .6s cubic-bezier(.23,1,.32,1);will-change:transform}.card__rotator{width:100%;height:100%;perspective:600px;transform-style:preserve-3d}.card__inner{width:100%;height:100%;position:relative;transform:rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1);will-change:transform}.card--flipped .card__inner{transform:rotateX(var(--rotate-x)) rotateY(calc(var(--rotate-y) + 180deg))}.card.interacting .card__inner{transition:none}.card--flipped.interacting .card__inner{transition:transform .6s cubic-bezier(.23,1,.32,1)}.card__front,.card__back{position:absolute;inset:0;border-radius:20px;backface-visibility:hidden;overflow:hidden;background:#f2ff6c;border:var(--card-border) solid #FF4F81;box-shadow:0 4px 40px #0000001a;container-type:inline-size}.card[data-rarity=common] .card__front,.card[data-rarity=common] .card__back{border:var(--card-border) solid #FCFFE1}.card[data-rarity=uncommon] .card__front,.card[data-rarity=uncommon] .card__back{border:var(--card-border) solid transparent;background:linear-gradient(#f2ff6c,#f2ff6c) padding-box,linear-gradient(135deg,#f2ff6c,#f78e05 35% 65%,#f2ff6c) border-box;background-size:100% 100%,130% 130%;background-position:0 0,0% 50%;transition:background-position .8s ease-out}.card[data-rarity=rare] .card__front,.card[data-rarity=rare] .card__back{border:var(--card-border) solid transparent;background:linear-gradient(#f2ff6c,#f2ff6c) padding-box,linear-gradient(135deg,#ff4f81 0% 30%,#f2ff6c 50%,#ff4f81 70% 100%) border-box;background-size:100% 100%,130% 130%;background-position:0 0,0% 50%;transition:background-position .8s ease-out;box-shadow:0 4px 40px #0000001a,0 10px 30px -12px #ff4f818c}.card[data-rarity=ultra-rare] .card__front,.card[data-rarity=ultra-rare] .card__back{border:var(--card-border) solid transparent;background:linear-gradient(#f2ff6c,#f2ff6c) padding-box,linear-gradient(135deg,#00aeef,#f2ff6c,#8a38f5,#ff8ede,#f78e05,#00aeef) border-box;background-size:100% 100%,130% 130%;background-position:0 0,0% 50%;transition:background-position .8s ease-out;box-shadow:0 4px 40px #0000001a,0 0 0 1px #00aeef59,0 12px 36px -14px #00aeef99}.card.interacting[data-rarity=uncommon] .card__front,.card.interacting[data-rarity=uncommon] .card__back,.card.interacting[data-rarity=rare] .card__front,.card.interacting[data-rarity=rare] .card__back,.card.interacting[data-rarity=ultra-rare] .card__front,.card.interacting[data-rarity=ultra-rare] .card__back{background-position:0 0,100% 50%}@media(prefers-reduced-motion:reduce){.card .card__front,.card .card__back{transition:none!important}}.card__front{z-index:2;transform-style:preserve-3d}.card__back{transform:rotateY(180deg);z-index:1}.card__shine,.card__glare{position:absolute;inset:0;border-radius:20px;overflow:hidden;pointer-events:none;z-index:3;opacity:0;transition:opacity .3s ease}.card.interacting .card__shine,.card.interacting .card__glare{opacity:1}.card:after{content:"";position:absolute;inset:-5%;border-radius:20px;background:radial-gradient(ellipse at center,var(--card-glow, #FF4F81) 0%,transparent 70%);opacity:0;z-index:-1;filter:blur(20px);transition:opacity .6s ease}.card.interacting:after{opacity:.5}.card:hover .card__translater{--card-scale: 1.03}.card.interacting:hover .card__translater{--card-scale: 1.06}.card__pattern{transition:transform .6s cubic-bezier(.23,1,.32,1);will-change:transform;transform:translate(calc(-50% + (var(--pointer-from-left, .5) - .5) * -40px),calc(-50% + (var(--pointer-from-top, .5) - .5) * -40px))}.card.interacting .card__pattern{transition:none}.card__pattern-mid{transition:transform .6s cubic-bezier(.23,1,.32,1);will-change:transform;transform:translate(calc(-50% + (var(--pointer-from-left, .5) - .5) * -15px),calc(-50% + (var(--pointer-from-top, .5) - .5) * -15px))}.card.interacting .card__pattern-mid{transition:none}.card__illustration{transition:transform .6s cubic-bezier(.23,1,.32,1);will-change:transform;transform:translate(calc((var(--pointer-from-left, .5) - .5) * 50px),calc((var(--pointer-from-top, .5) - .5) * 50px))}.card.interacting .card__illustration{transition:none}.card__decoration{transition:transform .6s cubic-bezier(.23,1,.32,1);will-change:transform}.card.interacting .card__decoration{transition:none}@media(prefers-reduced-motion:reduce){.card__inner,.card__translater{transition:none!important}.card__inner{transform:none!important}.card__shine,.card__glare{display:none!important}.card__pattern,.card__pattern-mid,.card__illustration,.card__decoration{transform:none!important;transition:none!important}}.holo-shimmer{background-position:0% 0%,0% 0%;transition:background-position .8s ease-out,opacity .3s ease-out}.group:hover .holo-shimmer{background-position:100% 100%,100% 0%}@media(prefers-reduced-motion:reduce){.holo-shimmer{transition:none}}.card[data-rarity=common] .card__shine{display:none}.card[data-rarity=common] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.12) 10%,transparent 60%);mix-blend-mode:overlay;opacity:var(--card-opacity)}.card[data-rarity=uncommon] .card__shine{background-image:repeating-linear-gradient(110deg,var(--violet),var(--blue),var(--green),var(--yellow),var(--red),var(--violet),var(--blue),var(--green),var(--yellow),var(--red),var(--violet),var(--blue),var(--green),var(--yellow),var(--red));background-position:calc(((50% - var(--background-x)) * 2.6) + 50%) calc(((50% - var(--background-y)) * 3.5) + 50%);background-size:400% 400%;mix-blend-mode:overlay;opacity:calc(var(--card-opacity) * .5)}.card[data-rarity=uncommon] .card__shine:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.5) 0%,transparent 50%);mix-blend-mode:overlay}.card[data-rarity=uncommon] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.3) 5%,rgba(200,200,255,.1) 40%,transparent 80%);opacity:calc(var(--card-opacity) * .6);mix-blend-mode:overlay}.card[data-rarity=rare] .card__shine{--r-clr-1: hsl(0, 80%, 65%);--r-clr-2: hsl(40, 80%, 65%);--r-clr-3: hsl(90, 80%, 65%);--r-clr-4: hsl(180, 80%, 65%);--r-clr-5: hsl(210, 80%, 65%);--r-clr-6: hsl(270, 80%, 65%);--r-clr-7: hsl(320, 80%, 65%);background-image:var(--glitter),linear-gradient(-30deg,var(--r-clr-1),var(--r-clr-2),var(--r-clr-3),var(--r-clr-4),var(--r-clr-5),var(--r-clr-6),var(--r-clr-7),var(--r-clr-1),var(--r-clr-2),var(--r-clr-3),var(--r-clr-4),var(--r-clr-5),var(--r-clr-6),var(--r-clr-7),var(--r-clr-1));background-blend-mode:soft-light;background-size:var(--glittersize) var(--glittersize),400% 400%;background-position:center center,calc(25% + (var(--pointer-x) / 2)) calc(25% + (var(--pointer-y) / 2));mix-blend-mode:overlay;opacity:calc(var(--card-opacity) * .55)}.card[data-rarity=rare] .card__shine:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--glitter),linear-gradient(-60deg,var(--r-clr-1),var(--r-clr-3),var(--r-clr-5),var(--r-clr-7),var(--r-clr-2),var(--r-clr-4),var(--r-clr-6),var(--r-clr-1));background-blend-mode:soft-light;background-size:var(--glittersize) var(--glittersize),400% 400%;background-position:center center,var(--pointer-x) var(--pointer-y);mix-blend-mode:overlay;opacity:.4}.card[data-rarity=rare] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.4) 5%,rgba(255,255,255,.1) 30%,transparent 70%);opacity:calc(var(--card-opacity) * .7);mix-blend-mode:overlay}.card[data-rarity=ultra-rare] .card__shine{--space: 4%;background-image:var(--cosmos-bottom),repeating-linear-gradient(82deg,#f0e175 calc(var(--space)*1),#a0e467 calc(var(--space)*2),#67e4dc calc(var(--space)*3),#6780e4 calc(var(--space)*4),#c167e4 calc(var(--space)*5),#e467ae calc(var(--space)*6) calc(var(--space)*7),#c167e4 calc(var(--space)*8),#6780e4 calc(var(--space)*9),#67e4dc calc(var(--space)*10),#a0e467 calc(var(--space)*11),#f0e175 calc(var(--space)*12));background-blend-mode:overlay;background-position:center center,calc(10% + (var(--pointer-from-left) * 80%)) calc(10% + (var(--pointer-from-top) * 80%));background-size:cover,400% 900%;mix-blend-mode:overlay;opacity:calc(var(--card-opacity) * .5)}.card[data-rarity=ultra-rare] .card__shine:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:2;background-image:var(--cosmos-middle),repeating-linear-gradient(82deg,#f0e175 calc(var(--space)*1),#a0e467 calc(var(--space)*2),#67e4dc calc(var(--space)*3),#6780e4 calc(var(--space)*4),#c167e4 calc(var(--space)*5),#e467ae calc(var(--space)*6) calc(var(--space)*7),#c167e4 calc(var(--space)*8),#6780e4 calc(var(--space)*9),#67e4dc calc(var(--space)*10),#a0e467 calc(var(--space)*11),#f0e175 calc(var(--space)*12));background-blend-mode:overlay;background-position:center center,calc(15% + (var(--pointer-from-left) * 70%)) calc(15% + (var(--pointer-from-top) * 70%));background-size:cover,400% 900%;mix-blend-mode:overlay;opacity:.5}.card[data-rarity=ultra-rare] .card__shine:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:3;background-image:var(--cosmos-top),repeating-linear-gradient(82deg,#f0e175 calc(var(--space)*1),#a0e467 calc(var(--space)*2),#67e4dc calc(var(--space)*3),#6780e4 calc(var(--space)*4),#c167e4 calc(var(--space)*5),#e467ae calc(var(--space)*6) calc(var(--space)*7),#c167e4 calc(var(--space)*8),#6780e4 calc(var(--space)*9),#67e4dc calc(var(--space)*10),#a0e467 calc(var(--space)*11),#f0e175 calc(var(--space)*12));background-blend-mode:overlay;background-position:center center,calc(20% + (var(--pointer-from-left) * 60%)) calc(20% + (var(--pointer-from-top) * 60%));background-size:cover,400% 900%;mix-blend-mode:overlay;opacity:.4}.card[data-rarity=ultra-rare] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.4) 5%,rgba(200,220,255,.15) 40%,transparent 80%);mix-blend-mode:overlay;opacity:calc(var(--card-opacity) * .7)}.card[data-type=contrast]{--type-color: #7B3FA0;--type-glow: #C084FC;--card-glow: #FF4F81}.card[data-type=vision]{--type-color: #00AEEF;--type-glow: #82D3F7;--card-glow: #00AEEF}.card[data-type=motor]{--type-color: #F78E05;--type-glow: #FB923C;--card-glow: #F78E05}.card[data-type=cognition]{--type-color: #F78E05;--type-glow: #FCD34D;--card-glow: #FCD34D}.card[data-type=structure]{--type-color: #00AEEF;--type-glow: #5EEAD4;--card-glow: #00AEEF}.card[data-type=philosophy]{--type-color: #FF4F81;--type-glow: #F472B6;--card-glow: #FF4F81}.card--title-holo .card__shine,.card--title-holo .card__glare{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:0}.card--title-holo .card__shine,.card.interacting.card--title-holo .card__shine{background-image:url(/textures/card-pattern.svg);background-repeat:no-repeat;background-size:cover;background-position:calc(50% + (var(--pointer-from-left, .5) - .5) * -40px) calc(50% + (var(--pointer-from-top, .5) - .5) * -40px);mix-blend-mode:overlay;opacity:.15;transition:background-position .15s ease-out}.card--title-holo .card__glare,.card.interacting.card--title-holo .card__glare{background-image:linear-gradient(115deg,#fff0 calc(var(--pointer-from-left, .5) * 100% - 18%),#ffffff8c calc(var(--pointer-from-left, .5) * 100%),#fff0 calc(var(--pointer-from-left, .5) * 100% + 18%)),radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%),hsla(0,0%,100%,.22) 0%,hsla(0,0%,100%,.08) 40%,hsla(0,0%,100%,0) 75%);mix-blend-mode:soft-light;opacity:calc(var(--card-opacity, 0) * .75);transition:opacity .35s ease}