/* Cat card (shared by album, trading and pack opening). Sticker look: dark outline, art frame, name plate below. */
.cat{--c:#8e9bb0;position:relative;display:flex;flex-direction:column;gap:5px;padding:5px;background:color-mix(in srgb,var(--c) 24%,#fffaf0);border:3px solid #33231a;border-radius:16px;box-shadow:0 4px 0 rgba(51,35,26,.22);isolation:isolate}
.cat .frame{position:relative;aspect-ratio:87/97;border-radius:10px;overflow:hidden;background:#ddd;border:2px solid #33231a}
.cat .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cat .ph{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(2.4rem,9vw,3.8rem);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 45%,#fff),color-mix(in srgb,var(--c) 85%,#000))}
.cat .plate{border-radius:10px;padding:3px 4px 4px;text-align:center;background:color-mix(in srgb,var(--c) 42%,#fff);border:2px solid #33231a;color:#33231a}
.cat .nm{font-weight:800;font-size:.95rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cat .ico{font-size:.8rem;letter-spacing:1px;line-height:1.3}
.cat .ico s{text-decoration:none;opacity:.25;filter:grayscale(1)}
.cat .dup{position:absolute;top:4px;left:4px;background:#fff;color:#33231a;border:2px solid #33231a;border-radius:999px;font-size:.8rem;font-weight:800;padding:0 8px;z-index:2}
.cat .dup.max{background:#f7c428}
.cat.locked{background:#e9e1d1;border-color:#b3a691;box-shadow:none}
.cat.locked .frame{background:#d9cfbb;border-color:#b3a691}
.cat.locked .art,.cat.locked .ph{opacity:0}
.cat.locked .plate{background:#e0d6c3;border-color:#b3a691;color:#8c7f6d}
.cat.locked .plate .nm{display:none}
.cat .lock{position:absolute;inset:0;display:grid;place-items:center;font-size:2.6rem;z-index:1;opacity:.45;filter:grayscale(1)}
.cat.r4{box-shadow:0 0 0 2px #fff inset,0 0 18px color-mix(in srgb,var(--c) 75%,transparent),0 4px 0 rgba(51,35,26,.22)}
.cat.r5{border-color:transparent;background:linear-gradient(#fff3c7,#fff3c7) padding-box,conic-gradient(from 0deg,#ffd84d,#ff7ab6,#7ab8ff,#8dffb0,#ffd84d) border-box;box-shadow:0 0 22px rgba(255,200,60,.65)}
.cat.r5::after{content:"";position:absolute;inset:0;border-radius:13px;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);background-size:250% 100%;animation:shine 3.2s linear infinite;z-index:3;pointer-events:none}
@keyframes shine{from{background-position:150% 0}to{background-position:-150% 0}}
.cat.locked.r5::after{display:none}
.cat.locked.r5{background:#e9e1d1;border-color:#b3a691;box-shadow:none}
.cat.small{border-width:2.5px;border-radius:12px;padding:3px;gap:3px}
.cat.small .nm{font-size:.78rem}
.cat.small .ico{font-size:.65rem}
.cat.small .plate{padding:2px 2px 3px}