.deck-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;width:100%;max-width:280px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.deck-card:hover{border-color:var(--color-border-hover-primary);box-shadow:0 0 12px rgb(from var(--color-primary) r g b / 15%)}.deck-card__image-wrapper{background-color:var(--color-bg-overlay);width:100%;height:320px;transition:transform .3s;position:relative;overflow:hidden}.deck-card__image-wrapper:after{background:linear-gradient(to bottom, transparent 50%, rgb(from var(--color-bg-elevated) r g b / 85%) 100%);content:"";pointer-events:none;position:absolute;inset:0}.deck-card:hover .deck-card__image-wrapper{transform:scale(1.005)}.deck-card__image{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;-webkit-user-select:none;user-select:none;width:100%;height:100%}.deck-card__image-placeholder{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.deck-card__info{gap:var(--space-3);padding:var(--space-5) var(--space-7) var(--space-6);flex-direction:column;display:flex}.deck-card__header{gap:var(--space-1) var(--space-3);grid-template-rows:auto auto;grid-template-columns:1fr auto;display:grid}.deck-card__header>.deck-like-btn{grid-area:1/2/-1;align-self:center}.deck-card__label{color:var(--color-text-secondary);font-size:var(--font-size-2xs);grid-column:1}.deck-card__name{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-base);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;grid-column:1;width:100%;margin:0;font-weight:600;line-height:1.2;overflow:hidden}.deck-card__footer{border-top:1px solid var(--color-border);margin-top:var(--space-1);padding-top:var(--space-3);flex-direction:column;gap:0;display:flex}.deck-card__meta{align-items:center;gap:var(--space-3);justify-content:space-between;display:flex}.deck-card__winrate{gap:var(--space-0);flex-direction:column;flex-shrink:0;display:flex}.deck-card__winrate-value{color:var(--color-primary-light);font-family:DM Mono,Fira Mono,Roboto Mono,ui-monospace,monospace;font-size:var(--font-size-xl);font-weight:500;line-height:1}.deck-card__winrate-label{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1}
.deck-card-compact{flex-direction:row;min-height:140px;transition:border-color .2s,box-shadow .2s;display:flex}.deck-card-compact:not(.deck-card-compact--static):hover{border-color:var(--color-border-hover-primary);box-shadow:0 0 20px rgb(from var(--color-primary) r g b / 8%)}.deck-card-compact__image{background-color:var(--color-border);flex-shrink:0;width:110px;height:100%;overflow:hidden}.deck-card-compact__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.deck-card-compact__body{gap:var(--space-6);min-width:0;padding:var(--space-6) var(--space-7);flex-direction:column;justify-content:center;display:flex}.deck-card-compact__title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-base);height:min-content;letter-spacing:var(--tracking-tighter);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:800;display:-webkit-box;overflow:hidden}.deck-card-compact__meta{gap:var(--space-1);flex-direction:column;margin:0;display:flex}.deck-card-compact__meta-row{gap:var(--space-3);display:flex}.deck-card-compact__meta-label{color:var(--color-text-muted);font-size:var(--font-size-xs)}.deck-card-compact__meta-value{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0;font-weight:500}@media (min-width:768px){.deck-card-compact{min-height:160px;max-height:160px}.deck-card-compact__image{width:120px}.deck-card-compact__body{gap:var(--space-6);padding:var(--space-6) var(--space-7)}.deck-card-compact__title{font-size:var(--font-size-md)}}@media (min-width:1024px){.deck-card-compact{max-height:165px}}
.deck-card-skeleton{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:280px;display:flex;position:relative;overflow:hidden}.deck-card-skeleton__image{background-color:var(--color-bg-overlay);filter:brightness(.3);background-image:url(/one-piece-tcg-card-background.webp);background-position:50%;background-size:cover;height:320px}.deck-card-skeleton__info{gap:var(--space-5);padding:var(--space-7);flex-direction:column;display:flex}.deck-card-skeleton__header{gap:var(--space-1);flex-direction:column;display:flex}.deck-card-skeleton__footer{justify-content:space-between;align-items:center;display:flex}.deck-card-skeleton__line{background-color:var(--color-text-primary);border-radius:var(--radius-xs);animation:1.8s ease-in-out infinite skeleton-pulse}.deck-card-skeleton__line--label{width:25%;height:14px}.deck-card-skeleton__line--name{width:70%;height:22px}.deck-card-skeleton__line--value{height:var(--space-7);width:40%}.deck-card-skeleton__line--pill{border-radius:var(--radius-full);height:var(--space-8);width:30%}.deck-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] .deck-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%)}}