/* Independent procedural material study. Visual reference: Simon Goellner
   (@simeydotme), https://poke-holo.simey.me/ (source GPL-3.0).
   No reference CSS, raster foil, card art or mask is copied. */
.hc-card{--hc-px:50%;--hc-py:50%;--hc-bx:50%;--hc-by:50%;--hc-rx:0deg;--hc-ry:0deg;--hc-light:0;--hc-distance:0;--hc-spectrum:0deg;position:relative;display:block;width:100%;aspect-ratio:63/88;min-width:0;padding:0;margin:0;border:0;border-radius:4.7%/3.4%;background:none;color:#191e21;text-align:left;font:inherit;perspective:1000px;container-type:inline-size;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
button.hc-card{cursor:pointer}
.hc-card:has(>.hc-card-back){transform-style:preserve-3d}
.hc-card:has(>.hc-card-back)>.hc-surface{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.hc-card>.hc-card-back{position:absolute;inset:0;display:block;border-radius:inherit;overflow:hidden;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none}
.hc-card [hidden]{display:none!important}
.hc-card:focus-visible{outline:2px solid #ecedf6;outline-offset:5px}
.hc-card .hc-surface{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;isolation:isolate;background:#939896;transform:none;transform-origin:center;box-shadow:0 1px 1px #000a,0 5px 11px #0007,inset 0 0 0 1px #f9f3da;pointer-events:none}
.hc-card .hc-art{position:absolute;inset:1.55%;z-index:1;display:block;overflow:hidden;border-radius:3.4%/2.5%;background:#161715}
.hc-card .hc-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 14%;filter:none}
.hc-card .hc-vignette{position:absolute;inset:1.55%;border-radius:3.4%/2.5%;background:linear-gradient(180deg,#030b13b0 0%,#090d1300 15%,#090d1300 67%,#080b14a8 86%,#070914ef 100%);z-index:2}
.hc-card .hc-heading{position:absolute;top:4%;left:5.5%;right:5.5%;z-index:7;display:flex;align-items:baseline;gap:3%;color:#f9f7e7;text-shadow:0 1px 3px #000,0 0 8px #000c}
.hc-card .hc-number{font:400 clamp(11px,5cqw,21px)/1 'Bodoni MT Condensed','Bodoni MT','Times New Roman',serif;flex:0 0 auto}
.hc-card .hc-title{flex:1;min-width:0;font:400 clamp(12px,7cqw,29px)/1.25 'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;overflow-wrap:anywhere;letter-spacing:.015em}
.hc-card .hc-category{font:700 clamp(8px,3.15cqw,13px)/1 Arial,sans-serif;letter-spacing:.045em;flex:0 0 auto}
.hc-card .hc-content{position:absolute;z-index:8;left:4%;right:4%;bottom:3%;height:calc(4.08 * clamp(10px,3.75cqw,15px) + 6cqw + 2px);box-sizing:border-box;display:flex;align-items:center;padding:3cqw 4%;border:1px solid #eff6f08f;border-radius:4px;background:linear-gradient(128deg,#eff1e5ed,#c2c8bded 70%,#e7e9daef);box-shadow:0 1px 3px #0007;color:#242526}
.hc-card .hc-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;max-height:calc(4.08 * clamp(10px,3.75cqw,15px));overflow:hidden;font:400 clamp(10px,3.75cqw,15px)/1.36 var(--sans,Arial,sans-serif);overflow-wrap:anywhere}
.hc-card .hc-foil,.hc-card .hc-specular,.hc-card .hc-etch,.hc-card .hc-rim{position:absolute;inset:0;display:block;border-radius:inherit;pointer-events:none}
.hc-card .hc-foil{z-index:3;opacity:calc(.19 + var(--hc-light)*.57);mix-blend-mode:color-dodge;background-position:var(--hc-bx) var(--hc-by);mask-image:radial-gradient(ellipse 35% 24% at 53% 28%,#0002 36%,#000c 92%,#000 120%)}
.hc-card .hc-etch{z-index:4;width:100%;height:100%;color:#dfedda;mix-blend-mode:screen;opacity:calc(.095 + var(--hc-light)*.23);mask-image:radial-gradient(ellipse 32% 26% at var(--hc-px) var(--hc-py),#000 3%,#0002 95%)}
.hc-card .hc-specular{z-index:5;mix-blend-mode:screen;opacity:calc(.12 + var(--hc-light)*.48);background:radial-gradient(ellipse 43% 31% at var(--hc-px) var(--hc-py),#fcffffa8 0%,#e3fafb45 19%,#ffffff06 55%,#0000 74%)}
/* The metallic stock sits behind the inset print. Its exposed edge needs no
   subtractive mask, so older WebKit cannot turn the rim into an opaque cover. */
.hc-card .hc-rim{z-index:0;box-shadow:inset 0 0 0 1px #f3eed388,inset 0 0 0 max(2px,.85cqw) #d4d5bf55;background:linear-gradient(calc(120deg + var(--hc-spectrum)),#d9eceb 0%,#877b53 19%,#b6d2c9 29%,#e6dc9b 37%,#afb6bb 53%,#dfe5e6 65%,#626b79 75%,#eee8c1 86%,#a1b8be 100%)}
.hc-trainer .hc-foil{opacity:calc(.16 + var(--hc-light)*.34);mix-blend-mode:soft-light;background-image:repeating-linear-gradient(91deg,#cbd4b400 0%,#d3bd7640 1.1%,#cafffd75 1.3%,#34394400 2.1%,#ada29350 3.7%,#ccc1a025 5%),linear-gradient(116deg,#a8a0bc 0%,#a1b1c7 12%,#b1cfca 24%,#e0d6ac 38%,#bab8c1 51%,#d5b8c5 63%,#a9b9cc 75%,#add0c3 87%,#d5bf9e 100%);background-size:75% 100%,330% 300%;background-position:calc(var(--hc-bx)*1.2) center,var(--hc-bx) var(--hc-by);background-blend-mode:overlay;filter:contrast(1.15) saturate(.95)}
.hc-trainer .hc-foil:after{content:'';position:absolute;inset:0;background:conic-gradient(from 45deg at var(--hc-px) var(--hc-py),#fff0 0deg,#cef7f133 28deg,#fbe9bc80 39deg,#99b4e344 52deg,#0000 80deg,#0000 220deg,#bad2ff55 255deg,#fff0 290deg);mix-blend-mode:screen;opacity:.65}
.hc-trainer .hc-specular{opacity:calc(.06 + var(--hc-light)*.25);mix-blend-mode:soft-light;mask-image:radial-gradient(ellipse 35% 24% at 53% 28%,#0001 38%,#000b 91%,#000 120%)}
.hc-trainer .hc-etch{opacity:calc(.065 + var(--hc-light)*.16)}
.hc-vmax .hc-surface{background:#252738}
.hc-vmax .hc-art img{object-position:50% 19%}
.hc-vmax .hc-vignette{background:linear-gradient(180deg,#0c091db8,#03081400 19%,#12091e00 66%,#0f0e25b8 84%,#100d20 100%)}
.hc-vmax .hc-heading{color:#fff7e2}
.hc-vmax .hc-content{color:#faf9f1;border-color:#b3c6fd8c;background:linear-gradient(122deg,#212137eb,#16263beb 48%,#3c224beb);box-shadow:inset 0 1px #e8ecff33,0 1px 4px #090810ba}
.hc-vmax .hc-foil{opacity:calc(.28 + var(--hc-light)*.34);mix-blend-mode:screen;background-image:repeating-conic-gradient(from 11deg at 46% 58%,#bdd0ee33 0deg,#040b2500 2deg,#b7d8e66b 3deg,#30235020 5deg,#040b2500 6deg),repeating-linear-gradient(126deg,#566cbf 0%,#9c5ba9 7%,#ef737a 14%,#eed581 22%,#54cead 29%,#5eb7db 36%,#566cbf 43%),radial-gradient(ellipse at var(--hc-px) var(--hc-py),#eefef1,#667398 43%,#171b41 78%);background-size:100% 100%,480% 450%,140% 160%;background-position:center,var(--hc-bx) var(--hc-by),var(--hc-px) var(--hc-py);background-blend-mode:soft-light,color;filter:saturate(1.5) contrast(1.2)}
.hc-vmax .hc-foil:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(34deg,#16244100 0%,#15203955 1.3%,#dafbfa95 1.65%,#e8dcfa38 2%,#17183100 2.7%,#14244300 5.2%);background-size:220% 180%;background-position:var(--hc-bx) var(--hc-by);mix-blend-mode:screen;opacity:calc(.25 + var(--hc-distance)*.45)}
.hc-vmax .hc-etch{color:#f5ebff;opacity:calc(.12 + var(--hc-light)*.23);mix-blend-mode:screen}
.hc-vmax .hc-specular{mix-blend-mode:soft-light;opacity:calc(.16 + var(--hc-light)*.74);background:radial-gradient(ellipse 54% 42% at var(--hc-px) var(--hc-py),#fdf7ed 0%,#a8deff75 27%,#0000 74%)}
.hc-vmax .hc-rim{background:linear-gradient(calc(150deg + var(--hc-spectrum)),#d6e1ed,#9fd9ce 10%,#796dcc 22%,#e2afd8 34%,#dcbd9b 46%,#cbdbec 58%,#829fc7 70%,#d8e6ec 80%,#9d6fba 92%,#d6e1ed)}
@media(prefers-reduced-motion:reduce){.hc-card .hc-surface{transform:none!important;will-change:auto!important}.hc-card .hc-foil{opacity:.2}.hc-vmax .hc-foil{opacity:.28}.hc-card .hc-specular{opacity:.1}}
.hc-card.hc-greed{aspect-ratio:auto;padding:0!important;border-radius:calc(10 * var(--xg-u,1px))}
.hc-card.hc-greed>.hc-greed-surface{position:relative;inset:auto;display:flex;flex-direction:column;width:100%;height:auto;overflow:visible;border-radius:inherit;background:transparent;box-shadow:none;isolation:isolate}
.hc-greed .hc-foil,.hc-greed .hc-specular,.hc-greed .hc-etch{clip-path:inset(calc(68 * var(--xg-u,1px)) calc(10 * var(--xg-u,1px)) calc(100% - 243.7 * var(--xg-u,1px)) calc(10 * var(--xg-u,1px)));border-radius:0}