.tcg{width:100%}.hero-feature .tcg:hover{transform:translateY(-5px) rotate(-3deg)}.tcg{--c:#c3a1ff;display:block;position:relative;isolation:isolate;width:100%;aspect-ratio: .7;border-radius:15px;padding:0;border:1px solid var(--c);overflow:hidden;background:#13131b;text-align:left;box-shadow:0 5px 15px #0006,inset 0 0 0 2px #ffffff0a;transition:transform .3s,box-shadow .3s;color:white;container-type:inline-size}.tcg:hover{transform:translateY(-7px);box-shadow:0 12px 35px #0009,0 0 25px color-mix(in srgb,var(--c) 25%,transparent)}.tcg-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4;transition:transform .8s}.tcg:hover .tcg-art{transform:scale(1.06)}.tcg-creature{position:absolute;z-index:-3;object-fit:contain;width:100%;height:88%;left:0;top:0;filter:drop-shadow(0 10px 10px #10102899)}.tcg-creature.pose-0{width:78%;left:11%;top:0;transform:rotate(-7deg)}.tcg-creature.pose-1{width:105%;left:4%;top:-4%;transform:scaleX(-1) rotate(-9deg)}.tcg-creature.pose-2{width:115%;left:-8%;top:-2%;transform:rotate(9deg)}.tcg-creature.pose-3{width:105%;height:92%;top:-7%;filter:drop-shadow(0 0 12px #ffd66aaa)}.tcg-creature.pose-4{width:118%;left:-9%;top:-8%;height:105%;transform:scaleX(-1) rotate(-7deg);filter:drop-shadow(0 0 18px #d8a7ff)}.tcg-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(#06091275,transparent 22%,transparent 48%,#080711a8 72%,#07060ff5)}.tcg-frame{position:absolute;inset:6px;border:1px solid #ffffff33;border-radius:10px;pointer-events:none}.tcg-top{position:absolute;left:15px;right:15px;top:15px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.3px;font-weight:700;text-shadow:0 2px 4px #000}.tcg-top>span:first-child{background:#0c0a1c70;border:1px solid #ffffff2b;padding:5px 7px;border-radius:4px;backdrop-filter:blur(5px)}.tcg-top>span:last-child{font-size:19px;color:var(--c);text-shadow:0 0 12px var(--c)}.tcg-bottom{position:absolute;bottom:16px;left:16px;right:16px}.tcg-edition{font-size:8px;letter-spacing:1px;color:#efdfca;display:block;margin-bottom:6px;text-shadow:0 1px 4px black}.tcg-bottom>strong{font-family:Outfit,sans-serif;font-size:clamp(17px,8cqw,36px);font-weight:600;line-height:1.05;display:block;margin-bottom:13px;text-shadow:0 2px 8px #000}.tcg-rarity{display:flex;justify-content:space-between;gap:4px;color:var(--c);font-size:7px;font-weight:700;letter-spacing:.4px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--c) 40%,transparent)}.tcg-series{display:flex;justify-content:space-between;gap:5px;font-size:5px;letter-spacing:1px;color:#d9d4e7a8;margin-top:9px}.tcg-count{position:absolute;right:13px;top:54px;background:#0c0a17b3;border:1px solid #ffffff33;border-radius:4px;padding:4px 7px;font-size:10px}.tcg-have{position:absolute;right:13px;top:53px;background:#111c18cc;color:#9df6cf;border:1px solid #9df6cf66;padding:3px 6px;border-radius:50%;font-size:10px}.tcg-foil{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--px) var(--py),#ffffff60 0,transparent 55%);mix-blend-mode:screen;transition:opacity .4s}.tcg:hover .tcg-foil{opacity:.55}.rarity-2{border-width:2px}.rarity-3{border-width:2px;box-shadow:0 0 0 1px #f4c78055,0 5px 20px #d4a14c20}.rarity-3 .tcg-frame{border-color:#f5d39b77}.rarity-3 .tcg-bottom>strong{color:#ffedc5}.rarity-3 .tcg-foil{opacity:.1;background:repeating-linear-gradient(115deg,transparent 0 15%,#ffe6a430 20%,transparent 27% 40%),radial-gradient(ellipse at var(--px) var(--py),#ffebae99,transparent 65%)}.rarity-4{border:2px solid #e7c3ff;box-shadow:0 0 0 1px #85e5ff77,0 0 25px #d7a2ff35}.rarity-4 .tcg-frame{border-color:#f2e3ff88;box-shadow:inset 0 0 12px #dbaaff33}.rarity-4 .tcg-foil,.type-HoloCombat .tcg-foil{opacity:.22;background:repeating-linear-gradient(118deg,#ff6bc433 0%,#77e9ff44 15%,#c4a0ff44 25%,#ffda7c44 40%,#ff6bc433 55%);background-size:250% 250%;background-position:var(--px) var(--py);mix-blend-mode:color-dodge}.rarity-4:hover .tcg-foil,.type-HoloCombat:hover .tcg-foil{opacity:.65}.rarity-4 .tcg-bottom>strong{background:linear-gradient(90deg,#fff0fd,#c7f5ff,#fff3b5,#e0bcff);background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px #000);text-shadow:none}.rarity-4 .tcg-top>span:last-child{animation:twinkle 3s infinite}.type-Ombral{box-shadow:0 0 30px #a43eff30}.type-Alpha .tcg-top{color:#ffd6a1}.type-SuperLucky .tcg-frame{border:1px solid #ffe9ac;box-shadow:0 0 13px #ffda77aa}.type-Lucky .tcg-top>span:first-child{background:#07382ba8;color:#b8ffe5}.type-Zone .tcg-bottom>strong,.type-Sanctuaire .tcg-bottom>strong{font-size:clamp(18px,7cqw,34px)}