3 colonne

styles.css

@@ -324,6 +324,19 @@ body {
   border: 2px solid rgba(255, 255, 255, 0.15);
   box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.9);
 }
+/* tre colonne affiancate dentro la finestra */
+.reels {
+  display: flex;
+  height: 100%;
+}
+.reel-col {
+  flex: 1;
+  position: relative;
+  overflow: hidden;
+}
+.reel-col + .reel-col {
+  border-left: 2px solid rgba(255, 255, 255, 0.08);
+}
 .reel-strip {
   will-change: transform;
 }
@@ -332,17 +345,25 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 10px;
-  font-family: "Anton", sans-serif;
-  font-size: 34px;
-  letter-spacing: 1px;
-  color: #fff;
-  text-shadow: 0 0 10px rgba(255, 255, 255, 0.35);
+  font-size: 54px;
+  line-height: 1;
+  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));
 }
 .reel-item.jz {
+  filter: drop-shadow(0 0 14px var(--gold-2));
+}
+/* caption con il nome della stanza risultante */
+.reel-result {
+  min-height: 34px;
+  font-family: "Anton", sans-serif;
+  font-size: 26px;
+  letter-spacing: 1px;
   color: var(--gold);
   text-shadow: 0 0 14px var(--gold-2);
 }
+.reel-result b {
+  font-weight: 400;
+}
 .payline {
   position: absolute;
   left: 0;