/* One shared TCG card component. Homepage and Shop use this exact visual component. */
.tcg-card{position:relative;width:378px;height:330px;border:0!important;border-radius:18px!important;overflow:hidden;background:#111724;padding:0;display:block;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease}
.tcg-card img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block!important;transform:none!important}
.tcg-card .fade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(5,8,13,.12) 42%,rgba(5,8,13,.92) 100%);z-index:1;pointer-events:none}
.tcg-card b{position:absolute!important;z-index:2;left:24px!important;top:248px!important;width:330px!important;height:26px!important;margin:0!important;padding:0!important;color:#fbfcff!important;font:700 23px/1.1 Sora,Inter,sans-serif!important}
.tcg-card span{position:absolute!important;z-index:2;left:24px!important;top:285px!important;width:330px!important;height:20px!important;margin:0!important;padding:0!important;color:#fabd26!important;font:600 14px/1.2 Inter,sans-serif!important}
.tcg-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.24)}
.tcg-card:focus-visible{outline:2px solid #fabd26;outline-offset:3px}
@media(max-width:900px){.tcg-card{width:100%!important;height:auto!important;aspect-ratio:378/330}.tcg-card b{top:auto!important;bottom:46px!important}.tcg-card span{top:auto!important;bottom:22px!important}}

/* V15: Homepage placement. Shared card visual remains identical; only the parent lays out the three instances. */
@media (min-width:901px){
  .tcg>.tcg-card{position:absolute!important;top:140px!important;width:378px!important;height:330px!important}
  .tcg>.tcg-card:nth-of-type(1){left:0!important}
  .tcg>.tcg-card:nth-of-type(2){left:411px!important}
  .tcg>.tcg-card:nth-of-type(3){left:822px!important}
}