:root{ --ink: #FFFFFF; --ink-soft: #C9CCE6; --paper: #261862; --paper-raised: #332475; --line: #45368C; --navy:#14183B; --navy-deep:#0B0D24; --blue:#3F5EFF; --blue-soft:#EAEEFF; --yellow:#FFD23F; font-size:16px; } *{box-sizing:border-box;} html,body{margin:0;padding:0;} body{ background:var(--paper); color:var(--ink); font-family:'Montserrat', system-ui, sans-serif; line-height:1.5; -webkit-font-smoothing:antialiased; } h1,h2,h3,.display{ font-family:'Montserrat', system-ui, sans-serif; color:var(--ink); margin:0; letter-spacing:-0.01em; } a{color:inherit;} img{max-width:100%;display:block;} /* ---------- how it works ---------- */ .howto{ max-width:1180px;margin:0 auto; padding:32px clamp(20px,5vw,64px) 8px; display:grid;grid-template-columns:repeat(3,1fr);gap:20px; } .howto-step{ background:var(--paper-raised);border:1px solid var(--line); border-radius:16px;padding:24px; } .howto-step .num{ width:30px;height:30px;border-radius:9px;background:var(--blue);color:#FFFFFF; font-weight:700;font-size:0.9rem; display:flex;align-items:center;justify-content:center;margin-bottom:14px; font-family:'Montserrat', sans-serif; } .howto-step h3{font-size:1.02rem;margin-bottom:6px; color: var(--ink); font-weight:700;} .howto-step p{margin:0;font-size:0.92rem;color:var(--ink-soft);} /* ---------- toolbar ---------- */ .toolbar-wrap{ position:sticky;top:0;z-index:50; background:rgba(38, 24, 98, 0.95); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); } .toolbar{ max-width:1180px;margin:0 auto; padding:18px clamp(20px,5vw,64px); } .toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;} .toolbar-label{ font-size:0.78rem;font-weight:600;color:var(--ink-soft); margin-bottom:10px; } .pillgroup{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;} .pillgroup:last-child{margin-bottom:0;} .pill{ display:inline-flex;align-items:center;gap:7px; padding:8px 14px;border-radius:100px; border:1px solid var(--line);background:var(--paper-raised); font-size:0.88rem;font-weight:600;color:var(--ink); cursor:pointer;transition:transform .1s, border-color .15s, box-shadow .15s; user-select:none; font-family:'Montserrat', sans-serif; } .pill:hover{border-color:var(--blue);} .pill:active{transform:scale(0.97);} .pill.active{ background:var(--blue);border-color:var(--blue);color:#fff; box-shadow:0 4px 14px rgba(63,94,255,0.3); } .pill .dot{width:9px;height:9px;border-radius:50%;flex:none;} .searchbox{ flex:1;min-width:220px;max-width:320px; display:flex;align-items:center;gap:8px; background:var(--paper-raised);border:1px solid var(--line);border-radius:100px; padding:9px 16px; } .searchbox input{ border:none;outline:none;font-family:'Montserrat', sans-serif;font-size:0.9rem; width:100%;background:transparent;color:var(--ink); } .searchbox input::placeholder { color: var(--ink-soft); opacity: 0.7; } .searchbox svg{flex:none;color:var(--ink-soft); opacity:0.7;} .mobile-selects { display: none; } /* ---------- results ---------- */ .results{max-width:1180px;margin:0 auto;padding:36px clamp(20px,5vw,64px) 60px;} .result-count{font-size:0.9rem;color:var(--ink-soft);margin-bottom:28px;} .mech-section{margin-bottom:44px;} .mech-head{ display:flex;align-items:center;gap:12px;margin-bottom:16px; padding-bottom:14px;border-bottom:1px solid var(--line); } .mech-icon{ width:38px;height:38px;border-radius:11px; display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex:none; } .mech-head h2{font-size:1.25rem; color: var(--ink); font-weight:700;} .mech-head .mech-desc{font-size:0.85rem;color:var(--ink-soft);margin-top:2px;} .card-grid{ display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px; } .card{ background:var(--paper-raised);border:1px solid var(--line); border-radius:16px;padding:18px 18px 16px; display:flex;flex-direction:column;gap:12px; transition:border-color .15s, box-shadow .15s; } .card:hover{border-color:var(--blue);box-shadow:0 8px 22px rgba(0,0,0,0.2);} .card-tags{display:flex;align-items:center;justify-content:space-between;gap:8px;} .tag-field{ font-size:0.78rem;font-weight:700;color:#FFFFFF; background:var(--blue);padding:4px 10px;border-radius:8px; } .tag-ambiance{ display:flex;align-items:center;gap:6px;font-size:0.76rem;color:var(--ink-soft);font-weight:600; } .tag-ambiance .dot{width:8px;height:8px;border-radius:50%;} .card p.prompt{ margin:0;font-size:0.93rem;color:var(--ink);flex:1; } .card-foot{display:flex;justify-content:flex-end;} .copy-btn{ display:inline-flex;align-items:center;gap:6px; background:var(--blue);color:#fff;border:none; padding:8px 14px;border-radius:9px;font-size:0.82rem;font-weight:600; cursor:pointer;font-family:'Montserrat', sans-serif;transition:background .15s, transform .1s; } .copy-btn:hover{background:#5C78FF;} .copy-btn:active{transform:scale(0.96);} .copy-btn.copied{background:#1E9E6B;} .empty-state{ text-align:center;padding:70px 20px;color:var(--ink-soft); } .legend-note{ max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,64px); font-size:0.82rem;color:var(--ink-soft); display:flex;gap:8px;align-items:flex-start;margin-top:12px;margin-bottom:8px; } /* ---------- MOBILE OPTIMIZATIONS ---------- */ @media (max-width:760px){ .howto{grid-template-columns:1fr;} .toolbar-wrap { position: relative; top: auto; backdrop-filter: none; } .toolbar { padding: 16px 20px; } .pillgroup, .toolbar-label { display: none; } .mobile-selects { display: flex; flex-direction: column; gap: 12px; margin-bottom: 12px; width: 100%; } .mobile-select-group { display: flex; flex-direction: column; gap: 4px; } .mobile-select-group label { font-size: 0.75rem; font-weight: 600; color: var(--ink-soft); } .select-custom { width: 100%; background: var(--paper-raised); color: var(--ink); border: 1px solid var(--line); padding: 10px 14px; border-radius: 12px; font-family: 'Montserrat', sans-serif; font-size: 0.88rem; font-weight: 600; outline: none; } .toolbar-row { flex-direction: column; align-items: stretch; gap: 12px; } .searchbox { max-width: 100%; min-width: 0; } .card-grid { grid-template-columns: 1fr; } } /* ---------------- Data ---------------- */ const AMBIANCES = [ {id:1, name:"Fête foraine rétro / néon", color:"#FF2E92"}, {id:2, name:"Tropical estival", color:"#17C3B2"}, {id:3, name:"Hivernal festif", color:"#4FB6E8"}, {id:4, name:"Rentrée scolaire", color:"#FFC93C"}, {id:5, name:"Pâques jardin fleuri", color:"#FF9EC4"}, {id:6, name:"Halloween", color:"#FF7A1A"}, {id:7, name:"Black Friday", color:"#E63946"}, {id:8, name:"Saint-Valentin", color:"#FF4B72"}, {id:9, name:"Compétition de Foot", color:"#2EC4B6"} ]; const MECHANICS = [ {id:"grattage", name:"Grattage", icon:"🪙", color:"#FFB020", desc:"La carte à gratter et ses particules.", fields:{ "Visuel à gratter":[ "Surface holographique argentée façon carte à gratter d'arcade, stries lumineuses roses et bleues", "Surface façon écorce de noix de coco, motif de feuilles de palmier gravées en relief", "Surface givrée avec flocons de neige gravés en relief, reflets glacés", "Surface façon ardoise craie granuleuse, coin de page cornée et tache d'encre bleue délavée", "Surface façon coquille d'œuf craquelée pastel, texture calcaire mate parsémée de pétales incrustés", "Surface façon pierre tombale moussue et fissurée, texture granuleuse grise striée de toiles d'araignée", "Surface façon carton d'emballage kraft froissé, texture papier brun avec étiquette de prix déchirée", "Surface façon papier de soie rouge froissé, texture satinée parsémée de confettis en forme de coeur", "Surface façon pelouse synthétique tondue en bandes vertes, texture fibreuse striée de lignes blanches" ], "Curseur":[ "Jeton d'arcade doré vu de dessus, légèrement incliné, reflet néon", "Coquillage stylisé vu de dessus, légèrement incliné", "Étoile de Noël dorée vue de dessus, légèrement inclinée", "Taille-crayon doré vu de dessus, légèrement incliné, reflet métallique", "Petit lapin en sucre pastel vu de dessus, légèrement incliné", "Chauve-souris en papier découpé orange et noir vue de dessus, légèrement inclinée", "Étiquette de prix rouge vue de dessus, légèrement inclinée, reflet brillant", "Petite flèche de Cupidon dorée vue de dessus, légèrement inclinée, reflet brillant", "Petit ballon de football miniature vu de dessus, légèrement incliné, reflet brillant" ], "Particules":[ "Etincelle neon rose", "Petale d'hibiscus", "Flocon de neige", "Etoile doree de bonne conduite", "Petale de fleur pastel", "Chauve-souris miniature", "Etincelle doree", "Confetti en forme de coeur rouge", "Confetti en forme de ballon de football" ] } }, {id:"grappin", name:"Grappin", icon:"🪝", color:"#FF6F59", desc:"La machine à pinces, sa cabine et sa pile de lots.", fields:{ "Fond d'écran":[ "Façade de machine à grappin façon arcade rétro, néons roses et bleus clignotants, vitre embuée", "Coffre au trésor de pirate entrouvert sur une plage, coucher de soleil et palmiers flous en arrière-plan", "Salon cosy de Noël avec cheminée allumée et sapin décoré flous en arrière-plan, ambiance chaleureuse tamisée", "Cabine de grappin façon casier d'école en bois vernis, tableau noir flou en arrière-plan", "Grand panier en osier pastel posé dans un jardin fleuri flou en arrière-plan, lumière printanière douce", "Chaudron de sorcière fumant devant une maison hantée floue en arrière-plan, brume verte", "Cabine de grappin noire et jaune façon panneau soldes, étiquettes de prix floues en arrière-plan", "Cabine de grappin en velours rouge ornée de guirlandes de coeurs lumineux, vitre embuée, vue frontale", "But de football grand ouvert avec filet tendu, stade illuminé flou en arrière-plan" ], "Pile":[ "Amas de peluches et gadgets arcade empilés, couleurs vives néon", "Amas de pièces d'or, perles et coquillages scintillants empilés", "Amas de boîtes cadeaux emballées de papier festif et rubans dorés empilées", "Amas de fournitures scolaires (cahiers, trousses, gommes) empilées, couleurs primaires vives", "Amas d'œufs peints pastel et petites peluches lapin empilés", "Amas de bonbons, fioles de potion miniatures et sucreries en forme d'araignée empilés", "Amas de boîtes cadeaux et étiquettes de prix barrées empilées, couleurs noir et rouge", "Amas de peluches en forme de coeurs rouges et roses empilées", "Amas de mini ballons de football et écharpes de supporter empilés" ], "Crochet ouvert":[ "Griffe metallique chromee a trois pinces largement ouvertes, reflets neon", "Crochet de pirate dore recourbe, largement ouvert, reflets brillants", "Main gantee de velours rouge façon Pere Noel, doigts largement ouverts", "Griffe jaune crayon a trois pinces largement ouvertes, finition mate", "Patte de lapin en peluche pastel, coussinets largement ouverts", "Main squelette osseuse blanche, doigts largement ouverts façon serre", "Griffe rouge vif a trois pinces largement ouvertes façon etiquette promo", "Griffe doree a trois pinces largement ouvertes ornee de petits coeurs graves", "Gant de gardien de but rembourre, doigts largement ouverts" ], "Visuel gagnant":[ "Peluche coloree", "Piece d'or geante", "Boite cadeau doree", "Trousse scolaire", "Oeuf peint pastel", "Fiole de potion", "Boite cadeau", "Peluche en forme de coeur", "Mini ballon de football" ], "Visuel perdant":[ "Boîte de jouet vide", "Coquillage vide", "Boîte cadeau vide", "Trousse vide", "Oeuf vide", "Fiole de potion vide", "Carton de colis vide", "Boîte de chocolats vide", "Trophée miniature vide" ] } }, {id:"pinata", name:"Piñata", icon:"🪅", color:"#C74EFF", desc:"La piñata à faire éclater, son décor et son battoir.", fields:{ "Piñata":[ "Etoile filante", "Ananas", "Sapin de Noel", "Cartable", "Oeuf de Paques", "Citrouille", "Etiquette de prix", "Coeur", "Ballon de football" ], "Curseur":[ "Battoir façon baguette lumineuse néon, tenu en diagonale", "Battoir en bambou décoré de fleurs tropicales, tenu en diagonale", "Battoir façon canne en bonbon rouge et blanc, tenu en diagonale", "Battoir façon règle en bois grand format, tenu en diagonale", "Battoir en forme de tige de fleur pastel, tenu en diagonale", "Battoir façon balai de sorcière miniature, tenu en diagonale", "Battoir façon panneau 'SOLDES' noir et rouge, tenu en diagonale", "Bâton en bois peint à rayures rouges et dorées, tenu en diagonale", "Bâton en bois peint aux couleurs vives d'une équipe de football, tenu en diagonale" ], "Particule":[ "Confetti holographique", "Petale de fleur tropicale", "Flocon de neige", "Confetti en forme de crayon", "Confetti en forme de papillon", "Confetti en forme de chauve-souris", "Confetti en forme d'etiquette de prix", "Confetti en forme de coeur", "Confetti en forme de ballon de football" ], "Arrière-plan":[ "Décor de fête foraine nocturne, néons et guirlandes lumineuses en arrière-plan flou", "Scène de plage tropicale au coucher du soleil, palmiers en arrière-plan flou", "Scène de marché de Noël enneigé, chalets en bois en arrière-plan flou", "Cour d'école ensoleillée avec un tableau noir et des cartables, bâtiments scolaires en arrière-plan flou", "Jardin fleuri printanier avec massifs de tulipes, arche florale en arrière-plan flou", "Cimetière brumeux sous une pleine lune, citrouilles éclairées en arrière-plan flou", "Vitrine de magasin avec panneaux soldes lumineux, étiquettes de prix géantes en arrière-plan flou", "Salon romantique tamisé avec bougies et pétales de roses au sol, vue frontale", "Stade de football illuminé la nuit avec gradins flous en arrière-plan, vue frontale" ], "Visuel gagnant":[ "Etoile filante eclatee en plein vol, eclats scintillants façon neon qui jaillissent", "Ananas ouvert au sol, fruits et confettis tropicaux qui debordent", "Sapin de Noel eclate en plein vol, decorations et confettis dores qui jaillissent", "Cartable eclate en plein vol, crayons de couleur et etoiles dorees qui jaillissent", "Oeuf de Paques eclate en plein vol, petales de fleurs pastel et confettis qui jaillissent", "Citrouille eclatee en plein vol, bonbons et etincelles orange qui jaillissent", "Etiquette de prix eclatee en plein vol, confettis dores et noirs qui jaillissent", "Coeur eclate en plein vol, petits coeurs et rubans rouges qui jaillissent", "Ballon de football eclate en plein vol, confettis et mini ballons qui jaillissent" ], "Visuel perdant":[ "Etoile filante intacte immobile, neons eteints, ambiance tamisee", "Ananas intact immobile, teintes tropicales desaturees", "Sapin de Noel intact immobile, ambiance hivernale grise et terne", "Cartable intact immobile, teintes scolaires delavees", "Oeuf de Paques intact immobile, teintes pastel eteintes", "Citrouille intacte immobile, teintes sombre et brumeuse", "Etiquette de prix intacte immobile, teintes noir et gris ternes", "Coeur intact immobile, bougies eteintes, ambiance tamisee", "Ballon de football intact immobile, stade vide et eteint, ambiance terne" ] } }, {id:"tinywings", name:"Tiny Wings", icon:"🏃‍♂️", color:"#29B6F6", desc:"Le héros glisseur, son décor et ses bonus de piste.", fields:{ "Héros":[ "Personnage stylisé en combinaison bombardier vintage ornée de motifs néon, pose de glisse neutre bras légèrement écartés, corps entier visible, centré, fond neutre uni", "Personnage stylisé en tenue de surfeur avec lunettes de soleil, planche courte sous le bras, pose de glisse neutre, corps entier visible, centré, fond neutre uni", "Personnage stylisé en tenue de ski rouge et blanche façon Père Noël avec bonnet à pompon, pose de glisse neutre, corps entier visible, centré, fond neutre uni", "Personnage stylisé en tenue d'écolier avec un cartable sur le dos, pose de glisse neutre bras légèrement écartés, corps entier visible, centré, fond neutre uni", "Personnage stylisé en tenue légère printanière ornée de fleurs pastel, pose de glisse neutre bras légèrement écartés, corps entier visible, centré, fond neutre uni", "Personnage stylisé en costume de fantôme espiègle, pose de glisse neutre bras légèrement écartés, corps entier visible, centré, fond neutre uni", "Personnage stylisé en tenue noire et jaune façon vigile de magasin avec badge 'PROMO', pose de glisse neutre bras légèrement écartés, corps entier visible, centré, fond neutre uni", "Personnage stylisé en tenue rouge et rose ornée de motifs de coeurs, pose de glisse neutre, corps entier visible, centré, fond neutre uni", "Personnage stylisé en tenue de supporter aux couleurs vives avec écharpe, pose de glisse neutre, corps entier visible, centré, fond neutre uni" ], "Arrière-plan":[ "Ciel nocturne de fête foraine avec grande roue illuminée de néons roses et bleus au loin", "Ciel bleu éclatant au-dessus d'un lagon turquoise bordé de palmiers", "Ciel crépusculaire violet au-dessus de sommets enneigés scintillants de guirlandes", "Ciel bleu clair au-dessus d'une cour d'école avec drapeaux colorés", "Ciel pastel matinal au-dessus d'un jardin en fleurs à perte de vue", "Ciel orangé crépusculaire au-dessus d'un champ de citrouilles brumeux", "Ciel urbain nocturne strié de néons rouges et jaunes au-dessus de vitrines de magasins", "Ciel rosé au crépuscule avec coeurs flottants et pétales de roses", "Ciel bleu au-dessus d'un stade de football rempli de supporters flous" ], "Décors":[ "Stand de fête foraine miniature avec auvent rayé et ampoules lumineuses, vue de face, fond neutre", "Palmier stylisé avec noix de coco, vue de face, fond neutre", "Sapin enneigé décoré de guirlandes lumineuses, vue de face, fond neutre", "Pile de livres colorés surmontée d'une pomme, vue de face, fond neutre", "Massif de tulipes pastel, vue de face, fond neutre", "Citrouille sculptée illuminée, vue de face, fond neutre", "Panneau 'SOLDES' planté au sol, vue de face, fond neutre", "Bouquet de roses rouges stylisé, vue de face, fond neutre", "Poteau de but stylisé avec filet, vue de face, fond neutre" ], "Bonus":[ "toile filante scintillante entourée de petites ampoules de guirlande, vue de trois quarts, fond neutre", "Ananas doré brillant avec reflet net, vue de trois quarts, fond neutre", "Flocon de neige cristallin scintillant, vue de trois quarts, fond neutre", "Étoile dorée de bonne conduite scintillante, vue de trois quarts, fond neutre", "Œuf de Pâques peint pastel scintillant, vue de trois quarts, fond neutre", "Bonbon emballé orange et violet scintillant, vue de trois quarts, fond neutre", "Pièce d'or avec symbole pourcentage scintillant, vue de trois quarts, fond neutre", "Coeur rouge scintillant entouré de petites étincelles, vue de trois quarts, fond neutre", "Ballon de football doré scintillant, vue de trois quarts, fond neutre" ], "Obstacles":[ "Poteau de stand de tir métallique rouillé avec ampoule cassée, vue de face, fond neutre", "Rocher volcanique noir recouvert de lianes, vue de face, fond neutre", "Bloc de glace bleuté aux arêtes tranchantes, vue de face, fond neutre", "Pile de cartables branlante, vue de face, fond neutre", "Ruche d'abeilles suspendue dans les branches, vue de face, fond neutre", "Toile d'araignée tendue entre deux branches, vue de face, fond neutre", "Barrière de caddies de supermarché entassés, vue de face, fond neutre", "Bouquet de roses fanées aux épines apparentes, vue de face, fond neutre", "Cône d'entraînement orange renversé, vue de face, fond neutre" ], "Score x2":[ "Badge rond doré avec éclair néon rose au centre et le texte 'x2' en relief, éclat lumineux autour", "Badge rond en bois flotté avec le texte 'x2' gravé et entouré de fleurs tropicales, éclat lumineux autour", "Badge rond argenté givré avec le texte 'x2' en relief et flocons de neige gravés, éclat lumineux autour", "Badge rond bleu ardoise avec le texte 'x2' écrit à la craie blanche et une étoile dorée, éclat lumineux autour", "Badge rond pastel rose avec le texte 'x2' entouré de petites fleurs, éclat lumineux autour", "Badge rond orange avec le texte 'x2' en lettres griffées et une petite chauve-souris, éclat lumineux autour", "Badge rond noir et rouge avec le texte 'x2' façon étiquette de prix barrée, éclat lumineux autour", "Badge rond rouge avec coeur doré au centre et le texte 'x2' en relief, éclat lumineux autour", "Badge rond vert avec ballon de football doré au centre et le texte 'x2' en relief, éclat lumineux autour" ] } }, {id:"match3", name:"Match 3", icon:"💎", color:"#4CD787", desc:"Les 5 familles de tuiles à assortir.", fields:{ "Tuile 1":[ "Ampoule de guirlande façon fête foraine, verre facetté rouge rubis, reflets brillants, vue de face, fond neutre", "Fleur d'hibiscus stylisée rose corail, pétales facettés brillants, vue de face, fond neutre", "Boule de Noël facettée rouge profond, reflets givrés brillants, vue de face, fond neutre", "Pomme facettée rouge vif façon pomme de la rentrée, reflets brillants, vue de face, fond neutre", "Tulipe facettée rose pastel, pétales facettés brillants, vue de face, fond neutre", "Bonbon facetté orange façon citrouille, reflets brillants, vue de face, fond neutre", "Étiquette de prix facettée rouge vif, reflets brillants, vue de face, fond neutre", "Coeur facetté rouge rubis, reflets brillants, vue de face, fond neutre", "Ballon de football facetté noir et blanc, reflets brillants, vue de face, fond neutre" ], "Tuile 2":[ "Jeton d'arcade facetté doré, reflets métalliques brillants, vue de face, fond neutre", "Coquillage nacré facetté turquoise, reflets nacrés brillants, vue de face, fond neutre", "Flocon de neige facetté bleu glacier, reflets cristallins brillants, vue de face, fond neutre", "Crayon taillé facetté jaune, reflets brillants, vue de face, fond neutre", "Œuf de Pâques facetté bleu pastel, reflets nacrés brillants, vue de face, fond neutre", "Citrouille facettée orange, reflets brillants, vue de face, fond neutre", "Sac shopping facetté noir, reflets brillants, vue de face, fond neutre", "Rose facettée rose poudré, pétales brillants, vue de face, fond neutre", "Coupe facettée dorée, reflets métalliques brillants, vue de face, fond neutre" ], "Tuile 3":[ "Etoile filante facettée violette façon néon, reflets brillants, vue de face, fond neutre", "Fruit de la passion facetté orange vif, reflets brillants, vue de face, fond neutre", "toile de Noël facettée dorée, reflets brillants et givrés, vue de face, fond neutre", "Étoile facettée dorée façon bonne conduite, reflets brillants, vue de face, fond neutre", "Papillon facetté violet pastel, reflets brillants, vue de face, fond neutre", "Fantôme facetté blanc translucide, reflets brillants, vue de face, fond neutre", "Symbole pourcentage facetté doré, reflets brillants, vue de face, fond neutre", "Diamant facetté blanc rosé, reflets brillants, vue de face, fond neutre", "toile facettée verte façon maillot, reflets brillants, vue de face, fond neutre" ], "Tuile 4":[ "Barbe à papa facettée rose bonbon, reflets brillants, vue de face, fond neutre", "Feuille de palmier facettée vert émeraude, reflets brillants, vue de face, fond neutre", "Sapin miniature facetté vert sapin, reflets givrés brillants, vue de face, fond neutre", "Gomme facettée rose, reflets brillants, vue de face, fond neutre", "Feuille de tulipe facettée verte, reflets brillants, vue de face, fond neutre", "Chapeau de sorcière facetté violet, reflets brillants, vue de face, fond neutre", "Caddie facetté rouge, reflets brillants, vue de face, fond neutre", "Ruban facetté rouge noué, reflets brillants, vue de face, fond neutre", "Sifflet facetté argenté, reflets brillants, vue de face, fond neutre" ], "Tuile 5":[ "Ticket de manège facetté bleu électrique, reflets brillants, vue de face, fond neutre", "Perle de collier facettée blanc nacré, reflets brillants, vue de face, fond neutre", "Cristal de glace facetté blanc diamant, reflets brillants, vue de face, fond neutre", "Règle facettée bleue, reflets brillants, vue de face, fond neutre", "Perle facettée blanc nacré en forme d'œuf, reflets brillants, vue de face, fond neutre", "Toile d'araignée facettée argentée, reflets brillants, vue de face, fond neutre", "Diamant facetté noir façon bijou promo, reflets brillants, vue de face, fond neutre", "Lettre facettée dorée en forme de coeur, reflets brillants, vue de face, fond neutre", "Crampon facetté noir et jaune, reflets brillants, vue de face, fond neutre" ] } }, {id:"megajump", name:"Megajump", icon:"🚀", color:"#FF4D8D", desc:"Le héros sauteur, ses plateformes et son décor vertical.", fields:{ "Héros (vol)":[ "Personnage stylisé en tenue d'acrobate de fête foraine paillietée, pose de saut bras levés, corps entier visible, centré, fond neutre uni, marges de 15% sur tous les côtés", "Personnage stylisé en tenue estivale légère avec lunettes de soleil, pose de saut bras levés, corps entier visible, centré, fond neutre uni, marges de 15% sur tous les côtés", "Personnage stylisé en tenue de lutin de Noël rouge et vert, pose de saut bras levés, corps entier visible, centré, fond neutre uni, marges de 15% sur tous les côtés", "Personnage stylisé en tenue d'écolier avec cartable et cravate, pose de saut bras levés, corps entier visible, centré, fond neutre uni, marges de 15% sur tous les côtés", "Personnage stylisé en tenue légère ornée de fleurs pastel et couronne de fleurs, pose de saut bras levés, corps entier visible, centré, fond neutre uni, marges de 15% sur tous les côtés", "Personnage stylisé en costume de petite sorcière, pose de saut bras levés, corps entier visible, centré, fond neutre uni, marges de 15% sur tous les côtés", "Personnage stylisé en tenue noire et jaune façon vendeur avec badge promo, pose de saut bras levés, corps entier visible, centré, fond neutre uni, marges de 15% sur tous les côtés", "Personnage stylisé en tenue rouge et rose ornée de motifs de coeurs, pose de saut bras levés, corps entier visible, centré, fond neutre uni, marges de 15% sur tous les côtés", "Personnage stylisé en tenue de supporter aux couleurs vives avec écharpe, pose de saut bras levés, corps entier visible, centré, fond neutre uni, marges de 15% sur tous les côtés" ], "Fond de jeu":[ "Fond vertical dégradé fushia et rose avec guirlandes lumineuses de fête foraine floues en arrière-plan", "Fond vertical dégradé bleu ciel avec nuages tropicaux légers", "Fond vertical dégradé bleu nuit étoilé avec flocons de neige tombants", "Fond vertical dégradé bleu et jaune avec cahiers et crayons flous en arrière-plan", "Fond vertical dégradé vert tendre et rose pastel avec fleurs flottantes floues", "Fond vertical dégradé violet et orange avec chauves-souris floues en arrière-plan", "Fond vertical dégradé noir et rouge avec étiquettes de prix floues en arrière-plan", "Fond vertical dégradé rouge et rose avec coeurs flottants flous en arrière-plan, sans élément au premier plan", "Fond vertical dégradé vert stade avec confettis et lumières de projecteurs flous, sans élément au premier plan" ], "Sol":[ "Plateforme de départ façon estrade de fête foraine avec ampoules clignotantes, vue de face, fond neutre", "Plateforme de départ en bois flotté décorée de fleurs tropicales, vue de face, fond neutre", "Plateforme de départ recouverte de neige avec guirlande lumineuse, vue de face, fond neutre", "Plateforme de départ façon bureau d'écolier avec cahiers empilés, vue de face, fond neutre", "Plateforme de départ en forme de parterre de fleurs pastel, vue de face, fond neutre", "Plateforme de départ façon pierre tombale moussue, vue de face, fond neutre", "Plateforme de départ façon comptoir de caisse avec ruban 'PROMO', vue de face, fond neutre", "Plateforme de départ en velours rouge ornée de coeurs dorés, vue de face, fond neutre", "Plateforme de départ façon pelouse de stade avec lignes blanches, vue de face, fond neutre" ], "Bonus (petits)":[ "Petite ampoule de guirlande lumineuse colorée, vue de face, fond neutre", "Petite noix de coco dorée brillante, vue de face, fond neutre", "Petit flocon de neige doré scintillant, vue de face, fond neutre", "Petite gomme colorée, vue de face, fond neutre", "Petite fleur pastel scintillante, vue de face, fond neutre", "Petit bonbon orange scintillant, vue de face, fond neutre", "Petite pièce dorée avec symbole pourcentage, vue de face, fond neutre", "Petit coeur rouge scintillant, vue de face, fond neutre", "Petit ballon de football doré scintillant, vue de face, fond neutre" ], "Bonus (grand)":[ "Trophée doré orné de néons roses, vue de face, fond neutre", "Trophée doré entouré de fleurs tropicales, vue de face, fond neutre", "Trophée doré givré entouré de houx, vue de face, fond neutre", "Trophée doré entouré de crayons de couleur, vue de face, fond neutre", "Trophée doré entouré de fleurs pastel et papillons, vue de face, fond neutre", "Trophée doré entouré de chauves-souris et toiles d'araignée, vue de face, fond neutre", "Trophée doré entouré d'étiquettes de prix et rubans rouges, vue de face, fond neutre", "Trophée doré orné de coeurs roses, vue de face, fond neutre", "Trophée doré de football avec ruban aux couleurs vives, vue de face, fond neutre" ], "Boosts":[ "Icône de fusée façon manège avec flammes néon roses, vue de trois quarts, fond neutre", "Icône de fusée décorée de motifs tropicaux avec flamme orange, vue de trois quarts, fond neutre", "Icône de fusée givrée avec flamme bleutée, vue de trois quarts, fond neutre", "Icône de fusée décorée de crayons avec flamme bleue, vue de trois quarts, fond neutre", "Icône de fusée décorée de fleurs pastel avec flamme rose, vue de trois quarts, fond neutre", "Icône de fusée décorée de toiles d'araignée avec flamme violette, vue de trois quarts, fond neutre", "Icône de fusée noire et jaune avec flamme rouge façon promo éclair, vue de trois quarts, fond neutre", "Icône de fusée décorée de coeurs avec flamme rose, vue de trois quarts, fond neutre", "Icône de fusée aux couleurs d'une équipe avec flamme orange, vue de trois quarts, fond neutre" ], "Plateformes":[ "Plateforme flottante façon tapis volant de fête foraine avec bordure lumineuse, fond neutre", "Plateforme flottante en forme de feuille de bananier, fond neutre", "Plateforme flottante en forme de nuage givré, fond neutre", "Plateforme flottante en forme de livre ouvert, fond neutre", "Plateforme flottante en forme de pétale de fleur géant, fond neutre", "Plateforme flottante en forme de chapeau de sorcière, fond neutre", "Plateforme flottante en forme d'étiquette de prix géante, fond neutre", "Plateforme flottante en forme de coeur avec bordure dorée, fond neutre", "Plateforme flottante en forme de ballon de football, fond neutre" ], "Obstacles":[ "Ballon de baudruche crevé façon fête foraine, vue de face, fond neutre", "Noix de coco fendue avec éclats pointus, vue de face, fond neutre", "Stalactite de glace pointue, vue de face, fond neutre", "Pile de livres instable, vue de face, fond neutre", "Ruche d'abeilles suspendue, vue de face, fond neutre", "Corbeau perché menaçant, vue de face, fond neutre", "Caddie de supermarché renversé, vue de face, fond neutre", "Bouquet de roses fanées aux épines pointues, vue de face, fond neutre", "Cône d'entraînement orange renversé, vue de face, fond neutre" ], "Décors":[ "Guirlande d'ampoules colorées suspendue en arc, vue de trois quarts, fond neutre", "Grappe de fleurs tropicales suspendue, vue de trois quarts, fond neutre", "Guirlande de houx et boules de Noël suspendue, vue de trois quarts, fond neutre", "Guirlande de fanions scolaires colorés suspendue, vue de trois quarts, fond neutre", "Guirlande de fleurs pastel suspendue, vue de trois quarts, fond neutre", "Guirlande de toiles d'araignée et chauves-souris suspendue, vue de trois quarts, fond neutre", "Guirlande d'étiquettes de prix suspendue, vue de trois quarts, fond neutre", "Guirlande de petits coeurs suspendue, vue de trois quarts, fond neutre", "Guirlande de fanions de supporters suspendue, vue de trois quarts, fond neutre" ] } }, {id:"pinball", name:"Pinball", icon:"⚪", color:"#6C63FF", desc:"Le flipper au grand complet : boule, bumpers, rampes et lanceur.", fields:{ "Boule":[ "Boule de flipper métallique chromée avec reflet arc-en-ciel façon néon, sphère brillante", "Boule de flipper façon noix de coco polie, sphère brillante", "Boule de flipper façon boule de Noël argentée givrée, sphère brillante", "Boule de flipper façon globe terrestre miniature, sphère brillante", "Boule de flipper façon œuf de Pâques nacré pastel, sphère brillante", "Boule de flipper façon œil globuleux injecté de sang, sphère brillante", "Boule de flipper métallique noire avec reflet doré façon prix promo, sphère brillante", "Boule de flipper métallique rouge et rose avec reflet doré façon coeur, sphère brillante", "Boule de flipper façon ballon de football miniature, sphère brillante" ], "Bumper circulaire":[ "Bumper rond lumineux avec anneau néon rose et centre chromé", "Bumper rond orné de motifs floraux tropicaux et centre doré", "Bumper rond givré avec anneau lumineux bleu glacier", "Bumper rond avec anneau bleu ardoise et centre jaune façon crayon", "Bumper rond orné de motifs floraux pastel et centre blanc nacré", "Bumper rond avec anneau orange fluo et centre en forme de citrouille", "Bumper rond avec anneau rouge et centre doré façon étiquette de prix", "Bumper rond avec anneau rouge et rose fluo et centre en forme de coeur", "Bumper rond avec anneau vert fluo et centre en forme de ballon de football" ], "Bumpers supérieurs":[ "Rangée de bumpers en forme d'étoile filante néon rose", "Rangée de bumpers en forme de fleur d'hibiscus orange", "Rangée de bumpers en forme de flocon de neige argenté", "Rangée de bumpers en forme de crayon taillé", "Rangée de bumpers en forme de tulipe pastel", "Rangée de bumpers en forme de chauve-souris", "Rangée de bumpers en forme d'étiquette de prix", "Rangée de bumpers en forme de coeurs rouges et roses", "Rangée de bumpers en forme de ballons de football" ], "Flipper gauche":[ "Flipper métallique chromé avec liseré néon rose lumineux, fond neutre", "Flipper en bois clair orné de motifs tropicaux dorés, fond neutre", "Flipper métallique givré avec liseré lumineux bleu, fond neutre", "Flipper en bois clair avec liseré jaune crayon, fond neutre", "Flipper pastel rose avec liseré floral doré, fond neutre", "Flipper noir avec liseré orange fluorescent, fond neutre", "Flipper noir avec liseré rouge néon façon etiquette promo, fond neutre", "Flipper rouge avec liseré rose fluorescent, fond neutre", "Flipper vert avec liseré blanc façon maillot, fond neutre" ], "Trou":[ "Trou circulaire sombre avec spirale lumineuse rose et violette autour du bord", "Trou circulaire sombre entouré de feuilles de palmier dorées", "Trou circulaire sombre avec spirale lumineuse bleu glacier autour du bord", "Trou circulaire sombre avec spirale de crayons de couleur autour du bord", "Trou circulaire sombre entouré de pétales de fleurs pastel", "Trou circulaire sombre avec toiles d'araignée autour du bord", "Trou circulaire sombre avec spirale d'étiquettes de prix dorées autour du bord", "Trou circulaire sombre bordé de coeurs rouges et roses lumineux", "Trou circulaire sombre bordé de fanions de supporters" ], "Haut du lanceur":[ "Section supérieure de rail de lancement avec bordure chromée et néon rose", "Section supérieure de rail de lancement en bois clair avec liseré doré", "Section supérieure de rail de lancement givrée avec liseré bleu glacier", "Section supérieure de rail de lancement avec bordure jaune crayon", "Section supérieure de rail de lancement avec liseré floral pastel", "Section supérieure de rail de lancement avec bordure orange fluo façon citrouille", "Section supérieure de rail de lancement avec bordure rouge néon façon promo", "Section supérieure de rail de lancement avec bordure rouge et rose façon coeur", "Section supérieure de rail de lancement avec bordure verte façon ligne de touche" ], "Ressort du lanceur":[ "Ressort métallique compressé brillant avec spires nettes et reflet néon rose, fond neutre", "Ressort métallique compressé brillant orné d'un fin liseré doré, fond neutre", "Ressort métallique compressé brillant givré avec reflet bleuté, fond neutre", "Ressort métallique compressé brillant avec liseré bleu ardoise, fond neutre", "Ressort métallique compressé brillant orné d'un fin liseré floral rose, fond neutre", "Ressort métallique compressé brillant avec reflet orange fluo, fond neutre", "Ressort métallique compressé brillant avec reflet rouge néon, fond neutre", "Ressort métallique compressé brillant avec reflet rouge et rose, fond neutre", "Ressort métallique compressé brillant avec reflet vert, fond neutre" ], "Rampe gauche":[ "Rampe incurvée métallique avec liseré lumineux rose néon le long du bord", "Rampe incurvée en bois clair avec liseré doré le long du bord", "Rampe incurvée métallique givrée avec liseré bleu glacier le long du bord", "Rampe incurvée bleu ardoise avec liseré jaune crayon le long du bord", "Rampe incurvée pastel rose avec liseré floral doré le long du bord", "Rampe incurvée noire avec liseré orange fluo le long du bord", "Rampe incurvée noire avec liseré rouge néon le long du bord", "Rampe incurvée noire avec liseré rouge et rose façon coeur le long du bord", "Rampe incurvée noire avec liseré vert le long du bord" ], "Téléporteur":[ "Portail circulaire tourbillonnant avec spirale néon rose et violette", "Portail circulaire tourbillonnant avec spirale turquoise et corail", "Portail circulaire tourbillonnant avec spirale bleu glacier et blanc", "Portail circulaire tourbillonnant avec spirale bleue et jaune façon craie", "Portail circulaire tourbillonnant avec spirale rose et verte pastel", "Portail circulaire tourbillonnant avec spirale orange et violette", "Portail circulaire tourbillonnant avec spirale rouge et noire", "Portail circulaire tourbillonnant avec spirale rouge et rose", "Portail circulaire tourbillonnant avec spirale verte et blanche" ] } }, {id:"clickwin", name:"Click&Win", icon:"🎁", color:"#FFD23F", desc:"Le gros bouton à cliquer pour tenter sa chance.", fields:{ "Visuel (Bouton)":[ "Gros bouton rond de jeu façon fête foraine, effet 3D bombé et brillant, néons roses en bordure, icône étoile au centre, prêt à être cliqué", "Fleur d'hibiscus", "Boule de Noel", "Gros bouton rond de jeu façon cahier d'écolier, effet 3D bombé et brillant, motif ligné en bordure, icône crayon au centre, prêt à être cliqué", "Oeuf de Paques", "Citrouille", "Gros bouton rond de jeu, effet 3D bombé et brillant, étiquettes de prix en bordure, icône pourcentage au centre, prêt à être cliqué", "Bouquet de fleurs", "Ballon de football" ] } } ]; /* ---------------- State ---------------- */ let state = { mech: "all", amb: 1, q: "" }; /* ---------------- Application Logic ---------------- */ function copyPrompt(text, btn){ const done = ()=>{ btn.textContent = 'Copié ✓'; btn.classList.add('copied'); setTimeout(()=>{ btn.textContent = 'Copier'; btn.classList.remove('copied'); }, 1600); }; if(navigator.clipboard && navigator.clipboard.writeText){ navigator.clipboard.writeText(text).then(done).catch(()=>{ fallbackCopy(text); done(); }); } else { fallbackCopy(text); done(); } } function fallbackCopy(text){ const ta = document.createElement('textarea'); ta.value = text; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); } function updateActiveUI(){ document.querySelectorAll('#mechPills .pill').forEach(p => { p.classList.toggle('active', p.dataset.id === state.mech); }); document.querySelectorAll('#ambPills .pill').forEach(p => { p.classList.toggle('active', parseInt(p.dataset.id) === state.amb); }); const mMech = document.getElementById('mobileMechSelect'); if(mMech) mMech.value = state.mech; const mAmb = document.getElementById('mobileAmbSelect'); if(mAmb) mAmb.value = state.amb; } function initToolbarUI(){ const mechEl = document.getElementById('mechPills'); mechEl.innerHTML = ''; const allPill = document.createElement('div'); allPill.className = 'pill' + (state.mech === 'all' ? ' active' : ''); allPill.dataset.id = 'all'; allPill.textContent = 'Toutes les mécaniques'; allPill.onclick = ()=>{ state.mech='all'; render(); }; mechEl.appendChild(allPill); MECHANICS.forEach(m=>{ const p = document.createElement('div'); p.className = 'pill' + (state.mech === m.id ? ' active' : ''); p.dataset.id = m.id; p.innerHTML = `${m.icon}${m.name}`; p.onclick = ()=>{ state.mech = m.id; render(); }; mechEl.appendChild(p); }); const ambEl = document.getElementById('ambPills'); ambEl.innerHTML = ''; AMBIANCES.forEach(a=>{ const p = document.createElement('div'); p.className = 'pill' + (state.amb === a.id ? ' active' : ''); p.dataset.id = a.id; p.innerHTML = `${a.name}`; p.onclick = ()=>{ state.amb = a.id; render(); }; ambEl.appendChild(p); }); const mobileMechSelect = document.getElementById('mobileMechSelect'); mobileMechSelect.innerHTML = 'Toutes les mécaniques'; MECHANICS.forEach(m=>{ const opt = document.createElement('option'); opt.value = m.id; opt.textContent = `${m.icon} ${m.name}`; mobileMechSelect.appendChild(opt); }); mobileMechSelect.onchange = (e)=>{ state.mech = e.target.value; render(); }; const mobileAmbSelect = document.getElementById('mobileAmbSelect'); mobileAmbSelect.innerHTML = ''; AMBIANCES.forEach(a=>{ const opt = document.createElement('option'); opt.value = a.id; opt.textContent = a.name; mobileAmbSelect.appendChild(opt); }); mobileAmbSelect.onchange = (e)=>{ state.amb = parseInt(e.target.value); render(); }; document.getElementById('searchInput').oninput = (e)=>{ state.q = e.target.value.trim().toLowerCase(); render(); }; } function render(){ updateActiveUI(); const ambiance = AMBIANCES.find(a=>a.id === state.amb); const mechanics = state.mech === 'all' ? MECHANICS : MECHANICS.filter(m=>m.id === state.mech); let count = 0; const sections = []; mechanics.forEach(m=>{ const fieldNames = Object.keys(m.fields).filter(f=>{ const prompt = m.fields[f][state.amb - 1] || ''; if (!prompt || prompt.startsWith('Auto-généré') || prompt.startsWith('N/A') || prompt.startsWith('Remplacé par')) return false; if(!state.q) return true; return f.toLowerCase().includes(state.q) || m.name.toLowerCase().includes(state.q) || prompt.toLowerCase().includes(state.q); }); if(fieldNames.length === 0) return; const cards = fieldNames.map(f=>{ const prompt = m.fields[f][state.amb - 1]; count++; return ` `; }).join(''); sections.push(` `); }); const container = document.getElementById('resultsContainer'); if(sections.length === 0){ container.innerHTML = ``; } else { container.innerHTML = sections.join(''); } document.getElementById('resultCount').textContent = `${count} prompt${count>1?'s':''} affiché${count>1?'s':''} — ambiance « ${ambiance.name} »`; container.querySelectorAll('.copy-btn').forEach(btn=>{ btn.addEventListener('click', ()=> copyPrompt(decodeURIComponent(btn.dataset.prompt), btn)); }); } initToolbarUI(); render();