diff --git a/index.php b/index.php
index 392ecf3..c4d633e 100644
--- a/index.php
+++ b/index.php
@@ -1364,41 +1364,69 @@ if ($has_vanilla_db_access) {
 		}
 			.vanilla-db-card {
 				grid-template-columns: 56px minmax(260px, 380px) minmax(320px, 1fr);
-				align-items: stretch;
+				align-items: start;
 			}
 
 			.vanilla-db-card-main {
 			display: flex;
 			flex-direction: column;
-			justify-content: center;
-			gap: 4px;
+			justify-content: flex-start;
+			align-self: start;
+			gap: 6px;
 			min-width: 0;
+			padding-top: 0;
 		}
 
 		.vanilla-db-card-topline {
+			display: flex;
+			align-items: center;
+			justify-content: flex-start;
+			flex-wrap: wrap;
+			gap: 8px;
 			margin: 0;
+		}
+
+		.vanilla-db-card-type-badge {
+			display: inline-flex;
+			align-items: center;
+			padding: 4px 9px;
+			border-radius: 999px;
+			border: 1px solid rgba(162, 155, 120, 0.28);
+			background: rgba(162, 155, 120, 0.12);
+			color: rgba(246, 241, 220, 0.96);
+			font-size: 0.7em;
+			font-weight: 500;
+			letter-spacing: 0.08em;
+			line-height: 1;
+			text-transform: uppercase;
+		}
+
+		.vanilla-db-card-subtype {
 			color: rgba(255, 255, 255, 0.72);
-			font-size: 0.82em;
-			font-weight: 600;
-			letter-spacing: 0.05em;
+			font-size: 0.8em;
+			font-weight: 400;
+			letter-spacing: 0.04em;
+			line-height: 1.2;
 			text-transform: uppercase;
 		}
 
 		.vanilla-db-card-meta {
 			margin: 0;
 			color: rgba(255, 255, 255, 0.68);
-			font-size: 0.82em;
+			font-size: 0.8em;
 			line-height: 1.35;
 		}
 
-		.vanilla-db-card-meta strong {
-			font-weight: 700;
-			color: rgba(255, 255, 255, 0.84);
-		}
-
 		.vanilla-db-card-meta span {
 			word-break: break-all;
 		}
+
+		.vanilla-db-card-uuid {
+			display: inline-block;
+			font-size: 0.76em;
+			color: rgba(255, 255, 255, 0.58);
+			letter-spacing: 0.02em;
+		}
 			.vanilla-db-card-details {
 				display: flex;
 				align-items: flex-start;
@@ -1962,9 +1990,12 @@ if ($has_vanilla_db_access) {
 									<?php endif; ?>
 								</div>
 								<div class="item-custom-card-main vanilla-db-card-main">
-									<p class="vanilla-db-card-topline"><?php echo htmlspecialchars($vanilla_db_row['type'], ENT_QUOTES, 'UTF-8'); ?><?php if ($vanilla_db_row['subtype'] !== '—'): ?> / <?php echo htmlspecialchars($vanilla_db_row['subtype'], ENT_QUOTES, 'UTF-8'); ?><?php endif; ?></p>
+									<p class="vanilla-db-card-topline">
+										<span class="vanilla-db-card-type-badge"><?php echo htmlspecialchars($vanilla_db_row['type'], ENT_QUOTES, 'UTF-8'); ?></span>
+										<?php if ($vanilla_db_row['subtype'] !== '—'): ?><span class="vanilla-db-card-subtype"><?php echo htmlspecialchars($vanilla_db_row['subtype'], ENT_QUOTES, 'UTF-8'); ?></span><?php endif; ?>
+									</p>
 									<h4 class="item-custom-card-name vanilla-db-item-name <?php echo htmlspecialchars($vanilla_db_row['rarity_class'], ENT_QUOTES, 'UTF-8'); ?>" title="<?php echo htmlspecialchars($vanilla_db_row['rarity_label'], ENT_QUOTES, 'UTF-8'); ?>"><?php echo htmlspecialchars($vanilla_db_row['name'], ENT_QUOTES, 'UTF-8'); ?></h4>
-									<p class="vanilla-db-card-meta"><?php if ($vanilla_db_row['uuid'] !== '—'): ?><strong>UUID :</strong> <span><?php echo htmlspecialchars($vanilla_db_row['uuid'], ENT_QUOTES, 'UTF-8'); ?></span><?php else: ?><span class="vanilla-db-muted">UUID : —</span><?php endif; ?></p>
+									<p class="vanilla-db-card-meta"><?php if ($vanilla_db_row['uuid'] !== '—'): ?><span class="vanilla-db-card-uuid">UUID : <?php echo htmlspecialchars($vanilla_db_row['uuid'], ENT_QUOTES, 'UTF-8'); ?></span><?php else: ?><span class="vanilla-db-muted vanilla-db-card-uuid">UUID : —</span><?php endif; ?></p>
 								</div>
 								<div class="vanilla-db-card-details">
 									<div class="vanilla-db-card-description"><?php echo $vanilla_db_row['description_html']; ?></div>