/* Fixed assembly rotation and independent track translation. The actual Hero
   clips the outside edges; there is no inset frame, opacity fade or mask. */
.tcgn-card-wall {position:absolute;inset:0;min-width:0;container-type:inline-size;isolation:isolate}
.tcgn-card-wall[data-card-wall-columns='1'] {--tcgn-card-wall-columns:1}
.tcgn-card-wall[data-card-wall-columns='2'] {--tcgn-card-wall-columns:2}
.tcgn-card-wall[data-card-wall-columns='3'] {--tcgn-card-wall-columns:3}
.tcgn-card-wall[data-card-wall-columns='4'] {--tcgn-card-wall-columns:4}
.tcgn-card-wall[data-card-wall-columns='5'] {--tcgn-card-wall-columns:5}
.tcgn-card-wall[hidden] {display:none}
.tcgn-card-wall-window {position:absolute;inset:0;pointer-events:none;user-select:none}
.tcgn-card-wall-assembly {
  --tcgn-card-wall-gap:12px;
  --tcgn-card-wall-card-width:calc((100cqw - 24px) / 3);
  position:absolute;left:100%;top:50%;height:100%;width:max-content;
  display:grid;grid-template-columns:repeat(5,var(--tcgn-card-wall-card-width));gap:var(--tcgn-card-wall-gap);
  transform:translate(-50%,-50%) rotate(-32deg);transform-origin:center;
}
.tcgn-card-wall-column {width:var(--tcgn-card-wall-card-width);min-width:0;height:100%}
.tcgn-card-wall-track {display:flex;flex-direction:column;animation:tcgn-card-wall-up var(--tcgn-card-wall-duration,40s) linear infinite;animation-delay:var(--tcgn-card-wall-delay,0s);animation-play-state:paused;transform:translateY(-33.333333333333336%)}
.tcgn-card-wall-track-down {animation-name:tcgn-card-wall-down}
.tcgn-card-wall-track[data-card-wall-phase='1'] {--tcgn-card-wall-delay:calc(var(--tcgn-card-wall-duration,40s) / -3)}
.tcgn-card-wall-track[data-card-wall-phase='2'] {--tcgn-card-wall-delay:calc(var(--tcgn-card-wall-duration,40s) * -2 / 3)}
.tcgn-card-wall-sequence {display:flex;flex:0 0 auto;flex-direction:column;gap:var(--tcgn-card-wall-gap);padding-bottom:var(--tcgn-card-wall-gap)}
.tcgn-card-wall-picture {display:block;width:100%}
.tcgn-card-wall .tcgn-card-wall-image {display:block;width:100%;height:auto;aspect-ratio:600/838;object-fit:contain}
.tcgn-card-wall-image.is-unavailable {visibility:hidden}
.tcgn-card-wall[data-card-wall-state='running'] .tcgn-card-wall-track {animation-play-state:running}
.tcgn-card-wall .tcgn-card-wall-toggle {position:absolute;z-index:3;right:calc(24px - var(--tcgn-hero-inset-inline,40px));bottom:calc(24px - var(--tcgn-hero-inset-block,44px));transform:none}
.tcgn-card-wall-toggle[hidden] {display:none}
.tcgn-card-wall[data-card-wall-state='reduced'] .tcgn-card-wall-track {animation:none;transform:translateY(-33.333333333333336%)}
.tcgn-card-wall[data-card-wall-mode='static'] .tcgn-card-wall-assembly {grid-template-columns:repeat(var(--tcgn-card-wall-columns,2),var(--tcgn-card-wall-card-width))}
.tcgn-card-wall[data-card-wall-mode='static'] .tcgn-card-wall-track {animation:none;transform:none}
.tcgn-card-wall[data-card-wall-degraded='true'] .tcgn-card-wall-window {display:grid;grid-template-columns:repeat(var(--tcgn-card-wall-columns,2),minmax(0,1fr));gap:12px;align-items:center}
@keyframes tcgn-card-wall-up {from{transform:translateY(-33.333333333333336%)}to{transform:translateY(-66.66666666666667%)}}
@keyframes tcgn-card-wall-down {from{transform:translateY(-66.66666666666667%)}to{transform:translateY(-33.333333333333336%)}}
@media(max-width:700px){
  .tcgn-card-wall-assembly {--tcgn-card-wall-gap:10px;--tcgn-card-wall-card-width:calc((100cqw - 10px) / 2)}
}
@media(prefers-reduced-motion:reduce){.tcgn-card-wall .tcgn-card-wall-track {animation:none!important;transform:translateY(-33.333333333333336%)}}