fix nomi colonne

styles.css

@@ -343,14 +343,27 @@ body {
 .reel-item {
   height: 88px;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
-  font-size: 54px;
-  line-height: 1;
-  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));
+  gap: 2px;
+  padding: 0 6px;
+  text-align: center;
+  font-family: "Anton", sans-serif;
+  font-size: 22px;
+  line-height: 0.98;
+  letter-spacing: 0.5px;
+  color: #fff;
+  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
+  overflow: hidden;
 }
 .reel-item.jz {
-  filter: drop-shadow(0 0 14px var(--gold-2));
+  color: var(--gold);
+  text-shadow: 0 0 12px var(--gold-2);
+}
+.reel-item .jz-badge {
+  font-size: 15px;
+  line-height: 1;
 }
 /* caption con il nome della stanza risultante */
 .reel-result {