.crosshair-card{border:1px solid var(--border-strong);cursor:pointer;border-radius:8px;flex-direction:column;min-height:280px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}[dir=ltr] .crosshair-card{background:linear-gradient(135deg,#ffffff05 0%,transparent 50%),var(--bg-card)}[dir=rtl] .crosshair-card{background:linear-gradient(-135deg,#ffffff05 0%,transparent 50%),var(--bg-card)}.crosshair-card:after{content:"";opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#e4231314,#0000 70%);width:100%;height:100%;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0}[dir=ltr] .crosshair-card:after{left:0}[dir=rtl] .crosshair-card:after{right:0}.crosshair-card:hover{border-color:#e4231366;transform:translateY(-4px);box-shadow:0 12px 32px #00000080,0 0 0 1px #e4231333,0 6px 16px #e423131f,inset 0 1px #ffffff0d}.crosshair-card:hover:after{opacity:1}.crosshair-card:active{transform:translateY(-2px)}@keyframes ripple{to{opacity:0;transform:scale(4)}}.crosshair-card__ripple{pointer-events:none;z-index:1;background-color:#ffffff26;border-radius:50%;animation:.6s linear ripple;position:absolute;transform:scale(0)}.crosshair-card__preview{z-index:1;flex:1;justify-content:center;align-items:center;width:100%;transition:background .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}[dir=ltr] .crosshair-card__preview{background:radial-gradient(ellipse 80% 50% at 50% 50%,#e4231305,transparent 70%),linear-gradient(#e4231308 1px,transparent 1px),linear-gradient(90deg,#e4231308 1px,transparent 1px),var(--bg-elevated)}[dir=rtl] .crosshair-card__preview{background:radial-gradient(ellipse 80% 50% at 50% 50%,#e4231305,transparent 70%),linear-gradient(#e4231308 1px,transparent 1px),linear-gradient(-90deg,#e4231308 1px,transparent 1px),var(--bg-elevated)}[dir] .crosshair-card__preview{background-size:100% 100%,24px 24px,24px 24px}.crosshair-card__actions{z-index:2;gap:8px;display:flex}.crosshair-card__canvas{image-rendering:pixelated;background:radial-gradient(circle,#222 0%,#22222280 40%,#0000 70%);margin-top:43px}[dir=ltr] .crosshair-card:hover .crosshair-card__preview{background:radial-gradient(ellipse 80% 50% at 50% 50%,#e423130d,transparent 70%),linear-gradient(#e423130f 1px,transparent 1px),linear-gradient(90deg,#e423130f 1px,transparent 1px),var(--bg-elevated)}[dir=rtl] .crosshair-card:hover .crosshair-card__preview{background:radial-gradient(ellipse 80% 50% at 50% 50%,#e423130d,transparent 70%),linear-gradient(#e423130f 1px,transparent 1px),linear-gradient(-90deg,#e423130f 1px,transparent 1px),var(--bg-elevated)}[dir] .crosshair-card:hover .crosshair-card__preview{background-size:100% 100%,24px 24px,24px 24px}.crosshair-card__info{z-index:1;flex-direction:column;gap:12px;padding:16px 20px;display:flex;position:relative}.crosshair-card__info:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0000 0%,#0000004d 60%,#0009 100%);width:auto;height:200%;position:absolute;bottom:0;left:-1px;right:-1px}.crosshair-card__name{color:var(--text-primary);font-family:var(--font-chakra-petch),sans-serif;font-size:16px;font-weight:600}.crosshair-card__meta{justify-content:space-between;align-items:center;width:100%;display:flex}.crosshair-card__copies,.crosshair-card__date{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.crosshair-card__name-container{flex-direction:row;justify-content:space-between;display:flex}.crosshair-card__meta-icon{width:12px;height:12px}