fix: move rank numbers to top right to avoid overlapping with logo

src/views/LiveView.vue

@@ -348,9 +348,32 @@ watch(
 .card-f1.bh { border-style: dashed; opacity: 1; }
 
 /* Rank / Crown */
-.rank { position: absolute; top: 10px; left: 12px; font-weight: 900; font-size: 18px; color: rgba(15,23,42,.30); letter-spacing: .04em; }
-.rank.bh-badge { font-size: 12px; background: rgba(15,23,42,.06); padding: 2px 6px; border-radius: 6px; color: #4b5563; }
-.crown { position: absolute; top: 12px; right: 12px; font-size: 18px; filter: drop-shadow(0 1px 1px rgba(0,0,0,.12)); }
+.rank { 
+  position: absolute; 
+  top: 8px; 
+  right: 12px; 
+  font-weight: 900; 
+  font-size: 20px; 
+  color: rgba(15,23,42,.35); 
+  letter-spacing: .04em;
+  z-index: 1;
+}
+.rank.bh-badge { 
+  font-size: 12px; 
+  background: rgba(15,23,42,.06); 
+  padding: 2px 6px; 
+  border-radius: 6px; 
+  color: #4b5563; 
+  top: 10px;
+  right: 10px;
+}
+.crown { 
+  position: absolute; 
+  top: 8px; 
+  right: 40px; 
+  font-size: 18px; 
+  filter: drop-shadow(0 1px 1px rgba(0,0,0,.12));
+}
 
 /* Head */
 .head { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 10px; }