.tcg-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-bg-overlay);border-radius:var(--radius-sm);padding:var(--space-1);position:relative;overflow:hidden}@media (hover:hover) and (update:fast){.tcg-card--interactive{transition:border-color .3s,box-shadow .3s cubic-bezier(.165,.84,.44,1),transform .3s cubic-bezier(.165,.84,.44,1)}.tcg-card--interactive:hover{border-color:var(--color-border-hover-primary);box-shadow:0 0 12px rgb(from var(--color-primary) r g b / 15%);transform:translateY(-3px)scale(1.015)}}.tcg-card__image-wrapper{aspect-ratio:5/7;background-color:var(--color-bg-overlay);border-radius:calc(var(--radius-md) - 5px);background-image:url(/one-piece-tcg-card-background.webp);background-position:50%;background-size:cover;position:relative;overflow:hidden}.tcg-card__image{-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;width:100%;height:100%;animation:.35s ease-out both tcg-card-fade-in;display:block;position:relative}@keyframes tcg-card-fade-in{0%{opacity:0}to{opacity:1}}@media (hover:hover) and (update:fast){.tcg-card--selectable{transition:border-color .25s ease-out}.tcg-card--selectable:hover{border-color:var(--color-border-hover-primary)}}
.tcg-card-skeleton{background-color:var(--color-bg-elevated);border:1px solid var(--color-bg-overlay);border-radius:var(--radius-md);padding:var(--space-1);position:relative;overflow:hidden}.tcg-card-skeleton__image{aspect-ratio:5/7;background-color:var(--color-bg-overlay);border-radius:calc(var(--radius-md) - 5px);filter:brightness(.4);background-image:url(/one-piece-tcg-card-background.webp);background-position:50%;background-size:cover}.tcg-card-skeleton:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff0f 50%,#0000 70%);animation:1.8s ease-in-out infinite tcg-card-skeleton-shimmer;position:absolute;inset:0}[dir=rtl] .tcg-card-skeleton:after{background:linear-gradient(-110deg,#0000 30%,#ffffff0f 50%,#0000 70%)}@keyframes tcg-card-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}