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.

Recreate a responsive 2D canvas game titled “Ruleta Kawaii,” a cute Spanish-language secret-draw roulette. Use a full-screen canvas with a soft pastel diagonal gradient background: pink at top-left, lavender through the middle, and mint at bottom-right, plus very faint white sparkle/star and heart decorations. Use a rounded, friendly Nunito-like sans-serif style with pink and purple text.

At the top center show three lines: “✦ Sorteo secreto · 14 turnos únicos ✦” in small pink text, the large pink title “Ruleta Kawaii,” and the subtitle “Primero cae un número… y después aparece el nombre.” in dark purple. The game is responsive: on narrow/mobile screens, center the wheel above the controls and participant panel; on wide screens, place the wheel on the left and the participant panel on the right.

The central object is a large circular roulette wheel divided into exactly 14 equal wedge segments. Alternate through a repeating pastel palette of pink, yellow, mint, lavender, peach, pale yellow, turquoise, and light purple. Give the wheel a white outer rim, thin white separators, a pink inner outline, and a dashed white circular accent inside. Put the numbers 1 through 14 around the wedges in dark purple, rotated tangentially to the wheel. Place a small pink-to-lavender gradient hub in the center with a white outline and a white heart symbol. Above the wheel, fixed at the twelve-o’clock position, draw a bright pink triangular pointer aimed down at the wheel.

Below the wheel, provide a rounded pink button labeled “Girar la ruleta ✨”; while spinning, make it muted lavender-gray and label it “Girando… ✨”. Clicking/tapping the button or the wheel’s center hub starts a spin. Also allow Space or Enter to start it. Do not allow another spin while one is active, and do not allow spins after all 14 numbers have been used. The spin should last about 4.4 seconds, make five full rotations, and ease out smoothly before stopping with the selected available number aligned beneath the fixed top pointer. Select randomly only from numbers that have not already been used.

On the right on desktop, or beneath the button on mobile, show a large translucent white rounded panel titled “Participantes” in purple. Under it show a status line with a dot: “Modo local de demostración” initially, “Reservas locales activas” once any numbers have been used, and “Todos los números usados” when the list is exhausted. Display a two-column grid for numbers 1–14, each in a small rounded cell with a circular number badge. Unused cells say “Disponible” with a pale pink badge; used cells say “Usado” with a pale lavender background and badge. The panel should use the same 14-number list and update immediately after each completed spin.

After a spin finishes, reveal the selected number in large pink text and the corresponding name beneath it in purple followed by a heart. The fixed mapping is: 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. Before the first spin, show “¿Quién tendrá la suerte? Pulsa girar.”; during a spin show “Elige un número…”. On mobile position the result near the bottom; on desktop place it below the wheel.

Persist the used-number state in browser local storage under a key equivalent to “ruleta-kawaii-used,” so refreshing the page keeps prior reservations. Include a basic reset only by clearing local storage/browser data; do not add extra gameplay systems, enemies, scoring, sound, betting, or invented features. Render cleanly at device pixel ratio up to 2 and resize with the viewport.