*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(ellipse at 50% 30%,#1f2333,#0c0e17 70%);color:#fff;-webkit-tap-highlight-color:transparent}.escenario{height:100dvh;display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;align-items:center;padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));gap:8px}.titulo{margin:0;font-size:1.1rem;font-weight:300;letter-spacing:.35em;text-transform:uppercase;opacity:.6}.card{width:min(78vw,calc((100dvh - 210px)*.718));max-width:420px}.estado{margin:0;font-size:.75rem;padding:4px 12px;border-radius:999px;background:#ffffff14;opacity:.85;transition:background .3s ease}.estado.ok{background:#21e9852e;color:#6ef7b7}.estado.error{background:#f80e352e;color:#f8778d}.controles{display:grid;gap:10px;justify-items:center;width:100%}.efectos{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.efecto,.recentrar{border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;font-size:.8rem;padding:8px 14px;border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.efecto.activo{background:#0dbde940;border-color:#36d4fc}.efecto:active,.recentrar:active{transform:scale(.96)}body.fullscreen .escenario{grid-template-rows:1fr;padding:0;gap:0}body.fullscreen .titulo,body.fullscreen .estado,body.fullscreen .controles{display:none}body.fullscreen .card{width:min(92vw,71.8dvh);max-width:none}.salir-fullscreen{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:10;width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#10131c99;color:#fff;font-size:1rem;line-height:1;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.salir-fullscreen:active{transform:scale(.94)}:root{--card-aspect: .718;--card-radius: 4.55% / 3.5%;--card-edge: hsl(47, 100%, 78%);--card-glow: hsl(175, 100%, 90%);--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%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--glitter: url(/carta-holo/assets/glitter.png);--glittersize: 25%;--space: 5%;--angle: 133deg;--imgsize: cover;--red: #f80e35;--yellow: #eedf10;--green: #21e985;--blue: #0dbde9;--violet: #c929f1;--clip: none}.card{transform:translateZ(.01px);will-change:transform;transform-style:preserve-3d}.card,.card *{outline:1px solid transparent}.card.fire{--card-glow: hsl(9, 81%, 59%)}.card,.card__rotator{aspect-ratio:var(--card-aspect);border-radius:var(--card-radius)}.card__rotator{display:grid;perspective:600px;transform-origin:center;transform-style:preserve-3d;width:100%;padding:0;border:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:inherit;cursor:pointer;touch-action:none;transition:box-shadow .4s ease,opacity .33s ease-out;transform:rotateY(var(--rotate-x, 0deg)) rotateX(var(--rotate-y, 0deg));box-shadow:0 0 3px -1px transparent,0 0 2px 1px transparent,0 0 5px 0 transparent,0 10px 20px -5px #000,0 2px 15px -5px #000,0 0 20px 0 transparent}.card__rotator:focus-visible,body.fullscreen .card__rotator{box-shadow:0 0 3px -1px #fff,0 0 3px 1px var(--card-edge),0 0 12px 2px var(--card-glow),0 10px 20px -5px #000,0 0 40px -30px var(--card-glow),0 0 50px -20px var(--card-glow)}.card__rotator *{width:100%;display:grid;grid-area:1 / 1;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);transform-style:preserve-3d;pointer-events:none;overflow:hidden;user-select:none;-webkit-user-select:none}.card__rotator img{height:auto;transform:translateZ(.01px)}.card__front,.card__front *{backface-visibility:hidden}.card__front{transform:translateZ(.01px)}.card__shine,.card__glare{contain:layout paint;will-change:transform}.card__gl{display:none;grid-area:1 / 1;width:100%;height:100%;border-radius:var(--card-radius);transform:translateZ(1.2px);pointer-events:none;contain:strict}.card.gl-active .card__gl{display:block;mix-blend-mode:normal}.card.gl-active .card__shine,.card.gl-active .card__glare{display:none}.card__shine{display:grid;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;filter:brightness(.85) contrast(2.75) saturate(.65);mix-blend-mode:color-dodge;opacity:var(--card-opacity)}.card__shine:before,.card__shine:after{--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);grid-area:1 / 1;transform:translateZ(1px);border-radius:var(--card-radius)}.card__shine:after{--sunpillar-clr-1: var(--sunpillar-6);--sunpillar-clr-2: var(--sunpillar-1);--sunpillar-clr-3: var(--sunpillar-2);--sunpillar-clr-4: var(--sunpillar-3);--sunpillar-clr-5: var(--sunpillar-4);--sunpillar-clr-6: var(--sunpillar-5);transform:translateZ(1.2px)}.card__glare{transform:translateZ(1.41px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.65) 20%,hsla(0,0%,0%,.5) 90%);opacity:var(--card-opacity);mix-blend-mode:overlay}.card__shine:before,.card__shine:after,.card__glare:after{will-change:background-position;transform:translateZ(1px)}.card[data-rarity="rare holo"] .card__shine{--scanlines-space: 1px;--scanlines-light: #666;--scanlines-dark: black;--bars: 3%;--bar-color: hsla(0, 0%, 70%, 1);--bar-bg: hsla(0, 0%, 0%, 1);clip-path:var(--clip);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)),repeating-linear-gradient(90deg,var(--scanlines-dark) calc(var(--scanlines-space) * 0),var(--scanlines-dark) calc(var(--scanlines-space) * 2),var(--scanlines-light) calc(var(--scanlines-space) * 2),var(--scanlines-light) calc(var(--scanlines-space) * 4));background-position:calc(((50% - var(--background-x)) * 2.6) + 50%) calc(((50% - var(--background-y)) * 3.5) + 50%),center center;background-size:400% 400%,cover;background-blend-mode:overlay;filter:brightness(1.1) contrast(1.1) saturate(1.2);mix-blend-mode:color-dodge}.card[data-rarity="rare holo"] .card__shine:before{content:"";background-image:repeating-linear-gradient(90deg,var(--bar-bg) calc(var(--bars) * 2),var(--bar-color) calc(var(--bars) * 3),var(--bar-bg) calc(var(--bars) * 3.5),var(--bar-color) calc(var(--bars) * 4),var(--bar-bg) calc(var(--bars) * 5),var(--bar-bg) calc(var(--bars) * 14)),repeating-linear-gradient(90deg,var(--bar-bg) calc(var(--bars) * 2),var(--bar-color) calc(var(--bars) * 3),var(--bar-bg) calc(var(--bars) * 3.5),var(--bar-color) calc(var(--bars) * 4),var(--bar-bg) calc(var(--bars) * 5),var(--bar-bg) calc(var(--bars) * 10));background-position:calc((((50% - var(--background-x)) * 1.65) + 50%) + (var(--background-y) * .5)) var(--background-x),calc((((50% - var(--background-x)) * -.9) + 50%) - (var(--background-y) * .75)) var(--background-y);background-size:200% 200%,200% 200%;background-blend-mode:screen;filter:brightness(1.15) contrast(1.1);mix-blend-mode:hard-light}.card[data-rarity="rare holo"] .card__shine:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,90%,.8) 0%,hsla(0,0%,78%,.1) 25%,hsl(0,0%,0%) 90%);background-position:center center;background-size:cover;mix-blend-mode:luminosity;filter:brightness(.6) contrast(4)}.card[data-rarity="rare holo"] .card__glare{opacity:calc(var(--card-opacity) * .8);filter:brightness(.8) contrast(1.5);mix-blend-mode:overlay}.card[data-rarity="rare holo"] .card__glare:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(180,100%,95%) 5%,hsla(0,0%,39%,.25) 55%,hsla(0,0%,0%,.36) 110%);mix-blend-mode:overlay;filter:brightness(.6) contrast(3)}@media screen and (max-width:900px){.card[data-rarity="rare holo"] .card__shine{--scanlines-space: .5px}}.card[data-rarity="rare holo cosmos"] .card__shine{--space: 4%;clip-path:var(--clip);background-image:url(/carta-holo/assets/cosmos-bottom.png),repeating-linear-gradient(82deg,#dbcc57 calc(var(--space) * 1),#78c738 calc(var(--space) * 2),#39c0b7 calc(var(--space) * 3),#4964d0 calc(var(--space) * 4),#aa47d1 calc(var(--space) * 5),#cc388c calc(var(--space) * 6),#cc388c calc(var(--space) * 7),#aa47d1 calc(var(--space) * 8),#4964d0 calc(var(--space) * 9),#39c0b7 calc(var(--space) * 10),#78c738 calc(var(--space) * 11),#dbcc57 calc(var(--space) * 12)),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(180,100%,89%,.5) 5%,hsla(180,14%,57%,.3) 40%,hsl(0,0%,0%) 130%);background-blend-mode:color-burn,multiply;background-position:var(--cosmosbg, center center),calc(10% + (var(--pointer-from-left) * 80%)) calc(10% + (var(--pointer-from-top) * 80%)),center center;background-size:cover,400% 900%,cover;filter:brightness(1) contrast(1) saturate(.8);mix-blend-mode:color-dodge}.card[data-rarity="rare holo cosmos"] .card__shine:before{content:"";z-index:2;background-image:url(/carta-holo/assets/cosmos-middle-trans.png),repeating-linear-gradient(82deg,#dbcc57 calc(var(--space) * 1),#78c738 calc(var(--space) * 2),#39c0b7 calc(var(--space) * 3),#4964d0 calc(var(--space) * 4),#aa47d1 calc(var(--space) * 5),#cc388c calc(var(--space) * 6),#cc388c calc(var(--space) * 7),#aa47d1 calc(var(--space) * 8),#4964d0 calc(var(--space) * 9),#39c0b7 calc(var(--space) * 10),#78c738 calc(var(--space) * 11),#dbcc57 calc(var(--space) * 12));background-blend-mode:lighten,multiply;background-position:var(--cosmosbg, center center),calc(15% + (var(--pointer-from-left) * 70%)) calc(15% + (var(--pointer-from-top) * 70%)),center center;background-size:cover,400% 900%,cover;filter:brightness(1.25) contrast(1.75) saturate(.8);mix-blend-mode:overlay}.card[data-rarity="rare holo cosmos"] .card__shine:after{content:"";z-index:3;background-image:url(/carta-holo/assets/cosmos-top-trans.png),repeating-linear-gradient(82deg,#dbcc57 calc(var(--space) * 1),#78c738 calc(var(--space) * 2),#39c0b7 calc(var(--space) * 3),#4964d0 calc(var(--space) * 4),#aa47d1 calc(var(--space) * 5),#cc388c calc(var(--space) * 6),#cc388c calc(var(--space) * 7),#aa47d1 calc(var(--space) * 8),#4964d0 calc(var(--space) * 9),#39c0b7 calc(var(--space) * 10),#78c738 calc(var(--space) * 11),#dbcc57 calc(var(--space) * 12));background-blend-mode:multiply,multiply;background-position:var(--cosmosbg, center center),calc(20% + (var(--pointer-from-left) * 60%)) calc(20% + (var(--pointer-from-top) * 60%)),center center;background-size:cover,400% 900%,cover;filter:brightness(1.25) contrast(1.75) saturate(.8);mix-blend-mode:multiply}.card[data-rarity="rare holo cosmos"] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(204,100%,95%,.8) 5%,hsla(250,15%,20%,1) 150%);filter:brightness(.75) contrast(2) saturate(2);mix-blend-mode:overlay;opacity:calc(var(--card-opacity) * (.25 + var(--pointer-from-center)))}.card[data-rarity="rare holo cosmos"] .card__glare:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(280,100%,96%) 5%,hsl(0,0%,10%) 60%);filter:brightness(.75) contrast(2.5) saturate(2);mix-blend-mode:soft-light;opacity:calc(1 - var(--pointer-from-top) * .75)}.card[data-rarity="rare shiny v"] .card__shine,.card[data-rarity="rare shiny v"] .card__shine:after{--space: 5%;--angle: 133deg;--imgsize: cover;background-image:var(--foil),repeating-linear-gradient(0deg,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)),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-position:center center,0% var(--background-y),calc(var(--background-x) + (var(--background-y) * .2)) var(--background-y),var(--background-x) var(--background-y);background-blend-mode:soft-light,hue,hard-light;background-size:var(--imgsize),200% 700%,300% 100%,200% 100%;filter:brightness(calc((var(--pointer-from-center) * .4) + .4)) contrast(1.4) saturate(2.25)}.card[data-rarity="rare shiny v"] .card__shine:after{content:"";background-position:center center,0% var(--background-y),calc((var(--background-x) + (var(--background-y) * .2)) * -1) calc(var(--background-y) * -1),var(--background-x) var(--background-y);background-size:var(--imgsize),200% 400%,195% 100%,200% 100%;filter:brightness(calc((var(--pointer-from-center) * .4) + .8)) contrast(1.5) saturate(1.25);mix-blend-mode:exclusion}.card[data-rarity="rare shiny v"] .card__shine:before{content:"";mask-image:none;-webkit-mask-image:none;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,100%) 0%,hsla(0,0%,0%,0) 40%);background-position:center;background-size:cover;mix-blend-mode:overlay;opacity:.75;z-index:1}.card[data-rarity="rare shiny v"] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,90%) 5%,hsl(200,5%,45%) 80%,hsl(320,40%,10%) 150%);background-size:120% 140%;background-position:center center;mix-blend-mode:darken;filter:brightness(.88) contrast(2.25) saturate(.7);opacity:calc(var(--card-opacity) * var(--pointer-from-center) * .75)}.card[data-rarity="rare shiny v"] .card__shine,.card[data-rarity="rare shiny v"] .card__shine:after{--foil: url(/carta-holo/assets/illusion.png);--imgsize: 33%;background-blend-mode:exclusion,hue,hard-light;filter:brightness(calc((var(--pointer-from-center) * .3) + .35)) contrast(2) saturate(1.5)}.card[data-rarity="rare shiny v"] .card__shine:after{filter:brightness(calc((var(--pointer-from-center) * .5) + .8)) contrast(1.6) saturate(1.4)}.card[data-rarity="rare rainbow"] .card__shine{--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(180, 60%, 35%);--r-clr-6: hsl(210, 57%, 39%);--r-clr-7: hsl(280, 55%, 31%);background-image:linear-gradient(-45deg,var(--r-clr-1),var(--r-clr-5)),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),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:luminosity,soft-light;background-size:200% 200%,var(--glittersize) var(--glittersize),400% 400%;background-position:calc(25% + (50% * var(--pointer-from-left))) calc(25% + (50% * var(--pointer-from-top))),center center,calc(25% + (var(--pointer-x) / 2)) calc(25% + (var(--pointer-y) / 2));filter:brightness(calc((var(--pointer-from-center) * .25) + .6)) contrast(2.2) saturate(.75)}.card[data-rarity="rare rainbow"] .card__shine:after{content:"";mask-image:none!important;-webkit-mask-image:none!important;background-image:var(--glitter),linear-gradient(-60deg,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),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,var(--pointer-x) var(--pointer-y);filter:brightness(calc((var(--pointer-from-center) * .3) + .55)) contrast(2) saturate(1);mix-blend-mode:color-dodge}.card[data-rarity="rare rainbow"] .card__shine:before{content:"";background-image:var(--foil);background-size:var(--imgsize);background-position:center center;filter:brightness(2.5) contrast(1);opacity:calc((var(--pointer-from-center) + .4) * .6);background-blend-mode:difference;mix-blend-mode:darken}.card[data-rarity="rare rainbow"] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,80%),hsla(187,10%,85%,.25) 30%,hsl(197,6%,25%) 120%);filter:brightness(.9) contrast(1.75);opacity:calc(var(--pointer-from-center) * .9);mix-blend-mode:hard-light}.card[data-rarity="rare rainbow"] .card__shine{--foil: url(/carta-holo/assets/illusion-mask.png);--imgsize: 33%}.card[data-rarity="rare holo vmax"] .card__shine{--space: 6%;--angle: 133deg;--imgsize: cover;background-image:var(--foil),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:var(--imgsize),1100% 1100%,600% 600%,200% 200%;background-position:center,var(--background-x) var(--background-y),var(--background-x) var(--background-y),var(--background-x) var(--background-y);filter:brightness(calc((var(--pointer-from-center) * .4) + .4)) contrast(2) saturate(1)}.card[data-rarity="rare holo vmax"] .card__shine:after{content:"";background-image:repeating-linear-gradient(0deg,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)),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%);background-blend-mode:hue,hard-light;background-size:200% 700%,300% 100%,200% 100%;background-position:0% var(--background-y),var(--background-x) var(--background-y),var(--background-x) var(--background-y);mix-blend-mode:lighten;opacity:calc((.3 * var(--card-opacity)) + var(--card-opacity) * var(--pointer-from-center) * .5);filter:saturate(1.5)}.card[data-rarity="rare holo vmax"] .card__glare{mix-blend-mode:hard-light;filter:brightness(1) contrast(1);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.75) 0%,hsl(0,0%,0%) 120%);opacity:calc((.2 * var(--card-opacity)) + var(--card-opacity) * var(--pointer-from-center) * .8)}.card[data-rarity="rare holo vmax"] .card__shine,.card[data-rarity="rare holo vmax"] .card__shine:after{--foil: url(/carta-holo/assets/vmaxbg.jpg);--imgsize: 60% 30%}