rm ability preview

src/lib/components/Piclets/PicletCard.svelte

@@ -55,23 +55,6 @@
         ></div>
       </div>
     </div>
-    
-    <!-- Ability Preview -->
-    <div class="ability-preview">
-      <div class="ability-info">
-        <span class="ability-icon">✨</span>
-        <div class="ability-text">
-          <span class="ability-name">{ability.name}</span>
-          <div class="ability-counts">
-            {#if ability.effects?.length || ability.triggers?.length}
-              <span class="ability-count">
-                {(ability.effects?.length || 0) + (ability.triggers?.length || 0)} effects
-              </span>
-            {/if}
-          </div>
-        </div>
-      </div>
-    </div>
   </div>
 </button>
 
@@ -168,57 +151,4 @@
     border-radius: 1.5px;
     transition: width 0.3s ease;
   }
-  
-  /* Ability Preview Styles */
-  .ability-preview {
-    margin-top: 4px;
-    padding: 4px 6px;
-    background: rgba(255, 255, 255, 0.9);
-    border-radius: 6px;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-  }
-  
-  .ability-info {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-  }
-  
-  .ability-icon {
-    font-size: 10px;
-    line-height: 1;
-  }
-  
-  .ability-text {
-    flex: 1;
-    min-width: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 1px;
-  }
-  
-  .ability-name {
-    font-size: 8px;
-    font-weight: 600;
-    color: #495057;
-    line-height: 1.2;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  
-  .ability-counts {
-    display: flex;
-    justify-content: flex-end;
-  }
-  
-  .ability-count {
-    font-size: 7px;
-    padding: 1px 3px;
-    background: rgba(0, 123, 255, 0.1);
-    color: #0066cc;
-    border-radius: 4px;
-    font-weight: 500;
-    line-height: 1;
-  }
 </style>