revert: restore original simple rank number style

src/views/LiveView.vue

@@ -351,39 +351,25 @@ watch(
 .rank { 
   position: absolute; 
   top: 10px; 
-  left: 10px; 
-  width: 28px;
-  height: 28px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  left: 12px; 
   font-weight: 900; 
-  font-size: 16px; 
-  color: #ffffff; 
-  background: rgba(15,23,42,.75);
-  border-radius: 8px;
+  font-size: 18px; 
+  color: rgba(15,23,42,.30); 
   letter-spacing: .04em;
-  z-index: 2;
-  box-shadow: 0 2px 4px rgba(0,0,0,.1);
 }
 .rank.bh-badge { 
-  font-size: 11px; 
-  background: rgba(15,23,42,.08); 
-  padding: 4px 8px; 
+  font-size: 12px; 
+  background: rgba(15,23,42,.06); 
+  padding: 2px 6px; 
   border-radius: 6px; 
-  color: #4b5563; 
-  width: auto;
-  height: auto;
-  font-weight: 700;
-  box-shadow: none;
+  color: #4b5563;
 }
 .crown { 
   position: absolute; 
-  top: 10px; 
-  right: 10px; 
-  font-size: 22px; 
-  filter: drop-shadow(0 2px 3px rgba(0,0,0,.2));
-  z-index: 2;
+  top: 12px; 
+  right: 12px; 
+  font-size: 18px; 
+  filter: drop-shadow(0 1px 1px rgba(0,0,0,.12));
 }
 
 /* Head */
@@ -391,8 +377,7 @@ watch(
   display: grid; 
   grid-template-columns: 40px minmax(0,1fr); 
   align-items: center; 
-  gap: 10px; 
-  margin-top: 32px;
+  gap: 10px;
 }
 .logo { width: 40px; height: 40px; border-radius: 10px; background: #f3f4f6; display: grid; place-items: center; overflow: hidden; border: 1px solid #E7ECF3; }
 .logo img { width: 100%; height: 100%; object-fit: contain; }