.type-fire{background-color:#FF6B35}.type-water{background-color:#3B9EFF}.type-grass{background-color:#2ECC71}.type-lightning{background-color:#F1C40F;color:#1a1a1a}.type-psychic{background-color:#E91E8C}.type-fighting{background-color:#C0392B}.type-darkness{background-color:#4A235A}.type-metal{background-color:#85929E}.type-fairy{background-color:#FF9FF3;color:#1a1a1a}.type-dragon{background-color:#5B2C6F}.type-colorless{background-color:#717D7E}
.card-item{transition:transform .2s ease,box-shadow .2s ease}.card-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 20px rgba(245,158,11,.15)}.card-item:hover .card-name{color:#f59e0b}
.card-img-wrapper{background:linear-gradient(135deg,#1e2340 0%,#252b4a 100%);aspect-ratio:2.5/3.5;overflow:hidden}.card-img-wrapper img{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.card-img-wrapper img[loading]{opacity:0}
.rarity-common{border-color:#9CA3AF;color:#9CA3AF}.rarity-uncommon{border-color:#10B981;color:#10B981}.rarity-rare{border-color:#3B82F6;color:#3B82F6}.rarity-holo{border-color:#F59E0B;color:#F59E0B}.rarity-ultra{border-color:#EC4899;color:#EC4899}.rarity-secret{border-color:#8B5CF6;color:#8B5CF6}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#1e2340 25%,#252b4a 50%,#1e2340 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}
.no-image-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e2340,#1a1f38);color:#374151}.no-image-ph svg{width:40%;height:40%;opacity:.4}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111827}::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4B5563}
[x-cloak]{display:none!important}
.card-actions{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:5px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);opacity:0;transition:opacity .15s ease;pointer-events:none}
.card-item:hover .card-actions{opacity:1;pointer-events:auto}
.card-action-btn{width:26px;height:26px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(15,20,45,.85);color:#fff;transition:background .1s,transform .1s;backdrop-filter:blur(4px);padding:0;flex-shrink:0}
.card-action-btn:hover{transform:scale(1.15)}
.card-action-btn.ca-col:hover,.card-action-btn.ca-col.active{background:#16a34a}
.card-action-btn.ca-wl:hover,.card-action-btn.ca-wl.active{background:#f59e0b;color:#000}
.filter-select{background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#e5e7eb;padding:.4rem 2rem .4rem .75rem;font-size:.875rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;cursor:pointer;transition:border-color .15s}.filter-select:focus{outline:none;border-color:#f59e0b}.filter-select option{background-color:#1e2340}