Ruleta Kawaii

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Create a responsive, portrait-friendly 2D canvas game titled “Ruleta Kawaii,” in Spanish. It is a cute random-number roulette for selecting one of 14 named people. Use a full-screen canvas with no scrolling, a soft pastel kawaii visual style, rounded UI, and a vertical pink-white gradient background (#fff7fd at the top to #ffe2f3 at the bottom). Add a few small translucent pastel dots and decorative five-point stars around the edges.

At the top center, display the title “RUleta KAWAII” in a large bold rounded/system sans-serif style, dark mauve-purple, with the subtitle “elige tu número mágico” beneath it in smaller pink-mauve text. Below that, center a translucent white rounded information card with a pink outline. In the ready state it says “Cada giro entrega un número” and “y luego revela su nombre.” While spinning it says “La ruleta está girando…”. After the wheel stops, it says “¡Número elegido!” and shows the selected number; after a short delay it also shows the selected person’s name.

The main object is a centered circular roulette wheel with 14 equal wedge slices. Use alternating/repeating pastel colors such as pink, yellow, light blue, lavender, mint, peach, and periwinkle, with thick white separators. Put the numbers 1 through 14 inside their respective wedges in a dark muted purple, oriented/readable toward the center area. Add a small pale center circle, a bright pink hub dot, and a tiny white center dot. Above the wheel, fixed at the 12 o’clock position, place a dark mauve triangular pointer aimed downward at the wheel’s edge, with a small matching circular marker below it. The wheel should be sized responsively based on viewport width and height and positioned below the information card.

The selectable people and their exact number mapping are: 1 Snyder, 2 Cindy, 3 Mariana, 4 Deimer, 5 Sebastián, 6 Mamita, 7 Pipín, 8 María P, 9 Ángel, 10 Dayana, 11 Matías, 12 Buñuelo, 13 Toño, 14 Bebé que nace en marzo. A press/tap on the large bottom-center rounded button starts a spin, unless a spin is already in progress. The button should be bright pink with white bold text “Girar ruleta”; during the animation it becomes muted lavender-gray and reads “Girando…”. Animate the wheel for about 4.2 seconds with an ease-out motion: make it rotate roughly 5–7 full turns and stop with a randomly selected currently available number aligned under the fixed top pointer. The choice must be random among numbers not previously selected.

When the spin finishes, mark that number as used and show the selected number immediately in the card. Emit a brief celebratory burst of approximately 32 small pastel square confetti particles from around the middle of the screen; particles should fly outward/upward, fall under gravity, rotate, fade out, and disappear. About 850 ms after the number result appears, reveal its mapped person name in the card. Keep the selected number and name visible until the next spin.

Persist the used-number list in browser localStorage under a suitable key such as “kawaiiRouletteUsed,” so refreshing the page on the same device retains selections. At the bottom above the button, display “X/14 números usados en este navegador,” where X is the count of used numbers. Once all 14 numbers have been used, replace the button text with “Reiniciar en este dispositivo”; tapping it clears the stored used list and returns the game to the ready state. Do not allow spinning while all numbers are exhausted or while a spin is in progress. Include the small footer notice “Aviso: para compartir entre teléfonos hace falta un servidor” at the very bottom in muted mauve text. Keep all text and labels in Spanish. Support mouse and touch/pointer input, with the button hit area centered near the bottom and sized responsively (roughly 330px wide by 62px high, with safe margins on narrow screens).