simpler

src/lib/components/Piclets/PicletDetail.svelte

@@ -88,6 +88,7 @@
                 <path d="M19 12H5m0 0l7 7m-7-7l7-7"></path>
               </svg>
             </button>
+            <h1 class="card-title">{instance.nickname || instance.typeId}</h1>
             <button 
               class="share-button" 
               onclick={handleShare} 
@@ -104,12 +105,6 @@
             </button>
           </div>
 
-          <!-- Card Title -->
-          <div class="card-title-section">
-            <h1 class="card-title">{instance.nickname || instance.typeId}</h1>
-            <div class="tier-badge">{instance.tier.toUpperCase()}</div>
-          </div>
-
           <!-- Large Image Section -->
           <div class="large-image-section">
             <div class="large-image-container">
@@ -300,6 +295,16 @@
     z-index: 2;
   }
   
+  .card-title {
+    margin: 0;
+    font-size: 24px;
+    font-weight: bold;
+    color: white;
+    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+    flex: 1;
+    text-align: center;
+  }
+  
   .back-btn-card {
     background: rgba(255, 255, 255, 0.2);
     border: none;
@@ -372,32 +377,6 @@
     filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
   }
   
-  .card-title-section {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 20px;
-    position: relative;
-    z-index: 2;
-  }
-  
-  .card-title {
-    margin: 0;
-    font-size: 28px;
-    font-weight: bold;
-    color: white;
-    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-  }
-  
-  .tier-badge {
-    background: rgba(255, 255, 255, 0.2);
-    color: white;
-    padding: 6px 12px;
-    border-radius: 16px;
-    font-size: 14px;
-    font-weight: 600;
-    backdrop-filter: blur(10px);
-  }
   
   /* Tab Bar */
   .tab-bar {