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 {