diff --git a/app.js b/app.js
index 9a6a5f0..1ae2985 100644
--- a/app.js
+++ b/app.js
@@ -289,16 +289,10 @@
const ITEM_H = 88;
const reelEls = [$("#reel0"), $("#reel1"), $("#reel2")];
- // simbolo (emoji) per ogni stanza โ come i simboli di una slot vera
- const ROOM_SYMBOL = {
- zeus: "โก", hera: "๐", ignota: "โ", scale: "๐ช",
- rischio: "๐ฒ", eolo: "๐ช๏ธ", idro: "๐ง", argo: "โต",
- };
- const symbolOf = (room) => ROOM_SYMBOL[room.id] || "๐ ";
-
function reelItemHTML(room) {
const jz = room.jacuzzi ? " jz" : "";
- return `
${symbolOf(room)}
`;
+ const icon = room.jacuzzi ? '๐' : "";
+ return `${icon}${room.nome}
`;
}
// Costruisce la striscia di un rullo che termina sulla stanza target
@@ -383,7 +377,7 @@
Audio.blip(320, 0.18, "sine", 0.16);
const win = $(".reel-window");
win.classList.add("teasing");
- mc(`Ferma su ${fakeRoom.nome} ${symbolOf(fakeRoom)}...? ๐คจ`);
+ mc(`Ferma su ${fakeRoom.nome}...? ๐คจ`);
await sleep(750);
// FASE 3: SCATTO alla stanza vera
@@ -438,7 +432,7 @@
ticking = false;
stopRiser();
zoomMachineSteady();
- $("#reel-result").innerHTML = `${symbolOf(targetRoom)} ${targetRoom.nome} ${symbolOf(targetRoom)}`;
+ $("#reel-result").innerHTML = `${targetRoom.jacuzzi ? "๐ " : ""}${targetRoom.nome}${targetRoom.jacuzzi ? " ๐" : ""}`;
}
/* ---------- Zoom macchina ---------- */
diff --git a/styles.css b/styles.css
index 1a062a9..4debef1 100644
--- a/styles.css
+++ b/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 {