// feit-of-fabel.jsx, educatieve quiz met feiten en fabels uit de
// kindvriendelijke weetjes-wereld. Per stelling: is het FEIT of FABEL?
// Antwoord direct, krijg een korte uitleg en ga verder naar de volgende.
//
// Drie aparte vragenpools per moeilijkheidsgraad:
//   mild     = makkelijk, herkenbaar voor jonge kinderen
//   pittig   = iets uitdagender, schoolkennis-niveau
//   vlammend = wist-je-datjes voor pittige doordenkers

const FEITEN_FABELS_MILD = [
  // dieren, makkelijk
  { v: "Een hond zegt 'woef'.", a: true,
    u: "Klopt! Honden blaffen, en in het Nederlands schrijven we dat als 'woef'." },
  { v: "Een vis kan op het droge wonen.", a: false,
    u: "Mis! Vissen ademen in het water met hun kieuwen, op het droge gaat dat niet." },
  { v: "Een kip legt eieren.", a: true,
    u: "Klopt! Een kip legt bijna elke dag een ei, vaak met een mooie bruine of witte schaal." },
  { v: "Een paard heeft zes poten.", a: false,
    u: "Mis! Een paard heeft vier poten, net als een hond of een kat." },
  { v: "Een kameel kan dagen zonder water.", a: true,
    u: "Klopt! Een kameel slaat vocht en vet op in zijn bult en houdt het lang vol in de woestijn." },
  { v: "Een kat heeft graag een douche.", a: false,
    u: "Mis! De meeste katten houden helemaal niet van water, ze likken zichzelf schoon." },
  { v: "Een schildpad draagt zijn huis op zijn rug.", a: true,
    u: "Klopt! Het schild groeit aan zijn lichaam vast en beschermt hem als een harde bunker." },
  { v: "Een eend kan goed zwemmen.", a: true,
    u: "Klopt! Een eend heeft zwemvliezen tussen zijn tenen, ideaal om door het water te peddelen." },
  { v: "Een muis is groter dan een olifant.", a: false,
    u: "Mis! Een muisje past in je hand, een olifant is het grootste landdier ter wereld." },
  { v: "Een varken vindt het lekker om in de modder te liggen.", a: true,
    u: "Klopt! Een varken kan niet zweten, modder houdt hem koel en beschermt zijn huid." },
  { v: "Een konijn eet het liefst worteltjes en gras.", a: true,
    u: "Klopt! Konijnen zijn planteneters en knabbelen graag op groente, gras en hooi." },
  { v: "Een vogel heeft tanden in zijn snavel.", a: false,
    u: "Mis! Vogels hebben geen tanden, ze pikken hun eten en slikken het in stukjes door." },

  // lichaam, makkelijk
  { v: "Je hebt twee ogen.", a: true,
    u: "Klopt! Bijna alle mensen worden geboren met twee ogen, eentje links en eentje rechts." },
  { v: "Je vingers hebben botjes.", a: true,
    u: "Klopt! In elke vinger zitten drie kleine botjes die meebewegen als jij wuift." },
  { v: "Een baby heeft al een volle baard.", a: false,
    u: "Mis! Baby's hebben geen baard, dat komt pas bij grote mensen en alleen bij sommigen." },
  { v: "Je hart zit in je hoofd.", a: false,
    u: "Mis! Je hart zit in je borst, een beetje aan de linkerkant. In je hoofd zit je brein." },
  { v: "Als je rent, gaat je hart sneller kloppen.", a: true,
    u: "Klopt! Je spieren willen meer zuurstof, dus je hart pompt sneller om dat te bezorgen." },
  { v: "Je groeit als je slaapt.", a: true,
    u: "Klopt! Tijdens het slapen herstelt je lichaam en maakt het stofjes die je laten groeien." },
  { v: "Je hebt 100 tenen.", a: false,
    u: "Mis! Je hebt 10 tenen, vijf aan elke voet." },
  { v: "Bloed is rood.", a: true,
    u: "Klopt! Bloed is rood door een stofje dat ijzer heet en zuurstof rondbrengt." },

  // natuur en eten, makkelijk
  { v: "Een appel groeit aan een boom.", a: true,
    u: "Klopt! Appels groeien aan appelbomen en zijn rijp om te plukken in de herfst." },
  { v: "De zon komt 's nachts op.", a: false,
    u: "Mis! De zon komt 's ochtends op en gaat 's avonds onder. 's Nachts is het donker." },
  { v: "Sneeuw is koud.", a: true,
    u: "Klopt! Sneeuw bestaat uit bevroren water, je voelt het meteen als je het vastpakt." },
  { v: "IJs smelt in de zon.", a: true,
    u: "Klopt! Warmte zorgt dat ijs verandert in water, je ziet het zelf bij een ijsje op een zonnige dag." },
  { v: "Een wolk is gemaakt van katoen.", a: false,
    u: "Mis! Een wolk lijkt zacht, maar bestaat uit hele kleine waterdruppeltjes in de lucht." },
  { v: "Een banaan is geel als hij rijp is.", a: true,
    u: "Klopt! Eerst is een banaan groen, en als hij rijp is wordt hij mooi geel." },
  { v: "Pizza groeit op een struik.", a: false,
    u: "Mis! Pizza wordt gemaakt door mensen, met deeg, tomaat en kaas." },
  { v: "Een boom heeft wortels onder de grond.", a: true,
    u: "Klopt! Met zijn wortels staat een boom stevig en haalt hij water uit de grond." },
  { v: "Bloemen drinken water uit de grond.", a: true,
    u: "Klopt! Hun wortels zuigen water op, daarom blijft een bloem in een vaasje pas mooi met water." },
  { v: "Het regent altijd uit de grond omhoog.", a: false,
    u: "Mis! Regen valt vanuit de wolken naar beneden, zo komt het water bij planten en rivieren." },

  // dagelijks leven, makkelijk
  { v: "Een fiets heeft twee wielen.", a: true,
    u: "Klopt! Een gewone fiets heeft twee wielen, eentje voor en eentje achter." },
  { v: "Een week heeft drie dagen.", a: false,
    u: "Mis! Een week heeft zeven dagen: maandag, dinsdag, woensdag, donderdag, vrijdag, zaterdag en zondag." },
  { v: "Bij rood licht moet je stoppen.", a: true,
    u: "Klopt! Rood betekent stop, groen betekent doorlopen of doorrijden." },
  { v: "Tandenpoetsen is goed voor je tanden.", a: true,
    u: "Klopt! Door te poetsen haal je etensresten weg en blijven je tanden sterk." },
  { v: "Een schoen draag je op je hoofd.", a: false,
    u: "Mis! Schoenen zijn voor je voeten, op je hoofd kan je een muts of pet dragen." },
  { v: "Het is donker als je 's nachts naar buiten kijkt.", a: true,
    u: "Klopt! 's Nachts schijnt de zon aan de andere kant van de aarde, daarom is het bij ons donker." },
  { v: "Een boek leest zichzelf voor.", a: false,
    u: "Mis! Iemand moet een boek voorlezen, of jij leest het zelf met je ogen." },
  { v: "Je krijgt energie van eten.", a: true,
    u: "Klopt! Eten is brandstof voor je lichaam, je kan ervan rennen, denken en groeien." },
];

const FEITEN_FABELS_PITTIG = [
  // dieren, schoolkennis
  { v: "Een octopus heeft drie harten.", a: true,
    u: "Klopt! Twee harten pompen bloed naar de kieuwen, het derde stuurt het door de rest van zijn lichaam." },
  { v: "Pinguïns kunnen vliegen door de lucht.", a: false,
    u: "Mis! Pinguïns kunnen niet vliegen, maar ze zwemmen wel als raketten tot 35 km/u onder water." },
  { v: "Een slak kan drie jaar achter elkaar slapen.", a: true,
    u: "Klopt! In een droge of koude periode sluit hij zijn huisje af en wacht hij tot het weer beter wordt." },
  { v: "Honingbijen wijzen elkaar de weg met een dansje.", a: true,
    u: "Klopt! Ze doen een wiebeldans in de vorm van een acht om te vertellen waar de bloemen staan." },
  { v: "Een groep flamingo's heet een 'flamboyance'.", a: true,
    u: "Klopt! Een Engels woord voor opvallend mooi en kleurrijk, perfect voor die felroze gasten." },
  { v: "Een koe heeft maar één maag.", a: false,
    u: "Mis! Een koe heeft vier magen om al dat gras goed te kunnen verteren." },
  { v: "Vleermuizen zijn blind.", a: false,
    u: "Mis! Vleermuizen kunnen prima zien, maar in het donker gebruiken ze geluid (echolocatie) om te navigeren." },
  { v: "Een slang heeft geen oren.", a: true,
    u: "Klopt! Slangen voelen trillingen door de grond en hun kaak, ze hebben geen uitwendige oren." },
  { v: "Een giraf slaapt staand, maximaal 30 minuten per dag.", a: true,
    u: "Klopt! Giraffen slapen heel kort en meestal staand, soms maar een paar minuutjes per keer." },
  { v: "Een dolfijn is een vis.", a: false,
    u: "Mis! Een dolfijn is een zoogdier, hij ademt lucht en geeft melk aan zijn jongen." },
  { v: "Een kangoeroe kan achteruit lopen.", a: false,
    u: "Mis! Kangoeroes kunnen alleen vooruit, hun grote staart en poten staan achteruit lopen in de weg." },
  { v: "Een uil kan zijn kop bijna helemaal ronddraaien.", a: true,
    u: "Klopt! Een uil draait zijn kop tot wel 270 graden, want zijn ogen kunnen niet bewegen in zijn kop." },
  { v: "Mieren kunnen veel meer optillen dan hun eigen gewicht.", a: true,
    u: "Klopt! Een mier tilt soms wel 50 keer zijn eigen lichaamsgewicht, ongelofelijk sterk." },
  { v: "Een krokodil kan kauwen.", a: false,
    u: "Mis! Een krokodil kan niet kauwen, hij scheurt stukken af en slikt ze in één keer door." },
  { v: "Bevers leven in zelfgebouwde houten huizen.", a: true,
    u: "Klopt! Bevers stapelen takken en modder tot een burcht, met de ingang onder water." },
  { v: "Een zeester heeft hersenen.", a: false,
    u: "Mis! Zeesterren hebben geen hersenen, wel een netwerk van zenuwen door hun armen." },
  { v: "Een kameleon verandert van kleur door zijn humeur en de temperatuur.", a: true,
    u: "Klopt! Niet alleen om zich te verstoppen, ook stemming en warmte spelen een rol." },
  { v: "Een spin heeft acht poten.", a: true,
    u: "Klopt! Daarmee horen spinnen niet bij de insecten (die hebben er zes), maar bij de spinachtigen." },

  // lichaam, schoolkennis
  { v: "Je niesje gaat sneller dan een raceauto.", a: true,
    u: "Klopt! Een niesje schiet uit je neus met wel 160 km/u, sneller dan een Formule 1-bocht." },
  { v: "Je hart slaat ongeveer 100 keer per dag.", a: false,
    u: "Mis! Je hart slaat ongeveer 100.000 keer per dag, dat zijn er duizenden per uur." },
  { v: "Je linkerlong is groter dan je rechterlong.", a: false,
    u: "Mis! Het is net andersom: je rechterlong is groter, want je hart neemt links wat plek in." },
  { v: "Volwassenen hebben 32 tanden, kinderen 20 melktanden.", a: true,
    u: "Klopt! En al die melktanden vallen langzaam uit om plaats te maken voor de grote tanden." },
  { v: "Je haar groeit ongeveer 1 centimeter per maand.", a: true,
    u: "Klopt! Sommigen iets sneller, anderen iets trager, maar 1 centimeter is een goed gemiddelde." },
  { v: "Je grootste spier zit in je been.", a: true,
    u: "Klopt! De bilspier en de bovenbeenspier zijn de allergrootste spieren van je lichaam." },
  { v: "Je hebt evenveel botten als een volwassene.", a: false,
    u: "Mis! Baby's hebben er meer dan 270, volwassenen 206. Sommige botjes groeien aan elkaar vast." },
  { v: "Een vingerafdruk is bij iedereen anders.", a: true,
    u: "Klopt! Zelfs bij eeneiige tweelingen zijn de patronen op je vingertoppen uniek." },

  // ruimte
  { v: "De zon is zó groot dat er meer dan een miljoen aardes in passen.", a: true,
    u: "Klopt! De zon is een reusachtige bal van heet gas, onze aarde is er maar een knikker bij." },
  { v: "De maan ruikt volgens astronauten naar buskruit.", a: true,
    u: "Klopt! Maanstof aan hun pakken gaf een geur als net afgegaan vuurwerk." },
  { v: "Op Mars zijn dezelfde rivieren en zeeën als op aarde.", a: false,
    u: "Mis! Mars is droog en stoffig, er stroomt geen vloeibaar water meer op het oppervlak." },
  { v: "De aarde is helemaal rond, zonder bobbels.", a: false,
    u: "Mis! De aarde is een beetje afgeplat aan de polen en uitgerekt aan de evenaar." },
  { v: "Saturnus is de enige planeet met ringen.", a: false,
    u: "Mis! Ook Jupiter, Uranus en Neptunus hebben ringen, maar veel minder opvallend." },
  { v: "Een jaar op aarde duurt 365 dagen en een paar uur.", a: true,
    u: "Klopt! Daarom hebben we elke vier jaar een schrikkeljaar met 366 dagen." },
  { v: "De zon is een ster.", a: true,
    u: "Klopt! De zon is gewoon een ster, alleen heel dichtbij. Daarom lijkt hij groot en fel." },
  { v: "Op de maan kan je een vlieger laten vliegen.", a: false,
    u: "Mis! Op de maan is geen lucht, en zonder wind valt een vlieger gewoon op de grond." },

  // natuur en eten
  { v: "Bananen zijn een tikkeltje radioactief.", a: true,
    u: "Klopt! Door het kalium erin, maar zóóó weinig dat het helemaal niet gevaarlijk is." },
  { v: "Een tomaat is eigenlijk een groente, geen fruit.", a: false,
    u: "Mis! Wetenschappelijk is een tomaat fruit, want hij heeft zaadjes binnenin." },
  { v: "Honing kan duizenden jaren goed blijven.", a: true,
    u: "Klopt! In Egyptische graftombes vond men nog eetbare honing van duizenden jaren oud." },
  { v: "Suikerklontjes lossen sneller op in koud water dan in warm water.", a: false,
    u: "Mis! Net andersom, in warm water bewegen de deeltjes sneller en lost suiker vlugger op." },
  { v: "Een avocado is een vrucht.", a: true,
    u: "Klopt! Een avocado is botanisch gezien een vrucht, zelfs een soort grote bes." },
  { v: "Bliksem is heter dan het oppervlak van de zon.", a: true,
    u: "Klopt! Een bliksemflits kan tot 30.000 graden bereiken, vijf keer zo heet als de zon." },
  { v: "Sneeuw is altijd wit, nooit een andere kleur.", a: false,
    u: "Mis! Sneeuw kan roze, oranje of zelfs zwart kleuren door algen of stof." },
  { v: "Pindakaas wordt gemaakt van pinda's.", a: true,
    u: "Klopt! Pinda's worden vermalen tot een gladde of stukjes-pasta, en vaak met wat zout en olie." },
  { v: "Aardbeien zijn echte bessen.", a: false,
    u: "Mis! Hoewel ze zo heten, zijn aardbeien geen echte bessen, hun zaadjes zitten aan de buitenkant." },
  { v: "Een regenboog ontstaat door zonlicht en regendruppels.", a: true,
    u: "Klopt! Het zonlicht buigt en breekt in de druppels, daardoor zie je de kleuren." },

  // wereld en taal
  { v: "België heeft drie officiële talen.", a: true,
    u: "Klopt! Nederlands, Frans en Duits zijn alledrie officiële talen in België." },
  { v: "Australië is een land én een continent.", a: true,
    u: "Klopt! Australië is het enige land dat in z'n eentje een heel werelddeel vormt." },
  { v: "Je kan de Chinese Muur zien vanop de maan.", a: false,
    u: "Mis! Astronauten hebben bevestigd dat dat helemaal niet kan, ook niet uit een laag baantje." },
  { v: "Een minuut heeft 100 seconden.", a: false,
    u: "Mis! Een minuut heeft 60 seconden, geen 100. Een uur heeft er 3.600." },
  { v: "Nul is een even getal.", a: true,
    u: "Klopt! Nul valt onder de even getallen, samen met 2, 4, 6 enzovoort." },
  { v: "Een week heeft acht dagen.", a: false,
    u: "Mis! Een week heeft zeven dagen: maandag tot zondag." },
  { v: "Brussel is de hoofdstad van België.", a: true,
    u: "Klopt! Brussel is ook nog eens de hoofdstad van de Europese Unie." },
  { v: "De Maas stroomt door Luik en Maastricht.", a: true,
    u: "Klopt! De Maas ontspringt in Frankrijk en stroomt door België en Nederland naar de Noordzee." },
];

const FEITEN_FABELS_VLAMMEND = [
  // dieren, expert
  { v: "Een naaktslak heeft duizenden tandjes.", a: true,
    u: "Klopt! Op zijn raspende tong (radula) zitten honderden rijtjes tandjes, soms tot 25.000 stuks." },
  { v: "Het hart van een blauwe vinvis is zo groot als een kleine auto.", a: true,
    u: "Klopt! Een blauwe-vinvis-hart kan wel 180 kg wegen, je zou erin kunnen kruipen." },
  { v: "Een axolotl kan zijn poten teruggroeien.", a: true,
    u: "Klopt! Axolotls regenereren niet alleen poten maar zelfs delen van hun hart en hersenen." },
  { v: "De tardigrade (beerdiertje) overleeft in het vacuüm van de ruimte.", a: true,
    u: "Klopt! Onderzoekers zetten ze al in een baan om de aarde, en ze overleefden het." },
  { v: "Een mannetjes-zeepaardje draagt de babies.", a: true,
    u: "Klopt! Bij zeepaardjes draagt het mannetje de eitjes in een buidel tot ze uitkomen." },
  { v: "Een mier slaapt nooit.", a: false,
    u: "Mis! Mieren slapen wel, maar in heel korte dutjes, soms honderden minuutjes per dag." },
  { v: "Een walvishaai is een soort walvis.", a: false,
    u: "Mis! Ondanks de naam is een walvishaai een echte haai, de grootste vis die er bestaat." },
  { v: "Het oog van een struisvogel is groter dan zijn hersenen.", a: true,
    u: "Klopt! Een struisvogel-oog is zo'n 5 cm groot, zijn hersenen zijn nog kleiner." },
  { v: "De koningskobra eet vooral andere slangen.", a: true,
    u: "Klopt! De Latijnse naam Ophiophagus betekent letterlijk 'slangeneter'." },
  { v: "Een gewone kwal heeft 24 ogen.", a: true,
    u: "Klopt! Bij sommige kwallensoorten zoals de kubuskwal zitten 24 oogjes verdeeld in groepjes." },
  { v: "Het bloed van een hoefijzerkrab is rood.", a: false,
    u: "Mis! Het bloed van een hoefijzerkrab is felblauw, door koper in plaats van ijzer." },
  { v: "Een mol kan in één nacht 20 meter tunnel graven.", a: true,
    u: "Klopt! Mollen graven razendsnel met hun schepvormige voorpoten, vaak meters per uur." },
  { v: "Een kakkerlak kan een week zonder zijn kop.", a: true,
    u: "Klopt! Een kakkerlak ademt door zijn lichaam en sterft pas door uitdroging, niet meteen." },
  { v: "De olifant is het enige dier dat niet kan springen.", a: false,
    u: "Mis! Olifanten kunnen inderdaad niet springen, maar ook nijlpaarden, neushoorns en luiaards niet." },

  // lichaam, expert
  { v: "Je dunne darm is langer uitgerold dan een schoolbus.", a: true,
    u: "Klopt! Je dunne darm is gemiddeld 6 tot 7 meter lang, langer dan een gewone bus." },
  { v: "In één druppel bloed zitten miljoenen rode bloedcellen.", a: true,
    u: "Klopt! In één druppel zitten ruim 5 miljoen rode bloedcellen, en duizenden witte." },
  { v: "Je tong is de sterkste spier van je lichaam.", a: false,
    u: "Mis! Je tong is sterk en behendig, maar zeker niet de sterkste. De kaak en de bilspier zijn dat." },
  { v: "De kortste botjes van je lichaam zitten in je oor.", a: true,
    u: "Klopt! Hamer, aambeeld en stijgbeugel in je middenoor zijn maar enkele millimeters groot." },
  { v: "Je maagzuur kan ijzer oplossen.", a: true,
    u: "Klopt! Je maag bevat zoutzuur dat sterk genoeg is om scheermesjes traag aan te vreten." },
  { v: "Je nieren filteren elke dag ongeveer 180 liter bloed.", a: true,
    u: "Klopt! Je nieren halen het meeste daarvan opnieuw in je lichaam terug, je plast er maar 1,5 liter van." },
  { v: "Mensen hebben dezelfde DNA-volgorde als bananen voor 80 procent.", a: false,
    u: "Mis! Mensen delen ongeveer 60 procent van hun genen met bananen, niet 80." },
  { v: "Een mens kan een rode kleur niet zien als hij geen ogen heeft.", a: true,
    u: "Klopt! Kleuren ontstaan door licht dat je netvlies opvangt, zonder ogen geen kleurbeeld in je hersenen." },

  // ruimte, expert
  { v: "Een dag op Venus duurt langer dan een jaar op Venus.", a: true,
    u: "Klopt! Venus draait heel traag om zijn as, sneller om de zon dan om zichzelf." },
  { v: "Een lepel materie van een neutronenster weegt miljarden tonnen.", a: true,
    u: "Klopt! Een neutronenster is zo dichtgepakt dat een suikerklontje miljarden tonnen weegt." },
  { v: "Het heelal heeft een vaste rand.", a: false,
    u: "Mis! Voor zover we weten zet het heelal nog steeds uit en is er geen scherpe rand." },
  { v: "Op de zon kan je niet landen want hij heeft geen vast oppervlak.", a: true,
    u: "Klopt! De zon is een gigantische bal van superhete plasma, niet van rotsen." },
  { v: "Jupiter heeft meer dan 90 manen.", a: true,
    u: "Klopt! Jupiter heeft een hele zwerm manen, meer dan 90 zijn al ontdekt en geteld." },
  { v: "Pluto is officieel nog steeds een planeet.", a: false,
    u: "Mis! Sinds 2006 wordt Pluto een dwergplaneet genoemd, niet meer een gewone planeet." },
  { v: "Een zwart gat slokt zelfs licht op.", a: true,
    u: "Klopt! De zwaartekracht van een zwart gat is zo enorm dat zelfs licht niet kan ontsnappen." },
  { v: "Saturnus zou drijven als je hem in een reuzenbad zou leggen.", a: true,
    u: "Klopt! Saturnus is zo licht in verhouding tot zijn grootte dat hij minder dicht is dan water." },
  { v: "Sterren knipperen omdat ze 'aan' en 'uit' gaan.", a: false,
    u: "Mis! Sterren stralen continu, ons knipperende beeld komt door de bewegende lucht boven ons." },
  { v: "De Melkweg is maar één van miljarden sterrenstelsels.", a: true,
    u: "Klopt! Telescopen tellen al meer dan twee biljoen stelsels in het zichtbare heelal." },

  // natuur en wetenschap, expert
  { v: "Diamant en houtskool bestaan allebei vooral uit koolstof.", a: true,
    u: "Klopt! Het verschil zit in hoe de koolstofatomen zich rangschikken, dat maakt diamant zo hard." },
  { v: "Glas is technisch gezien een hele trage vloeistof.", a: false,
    u: "Mis! Een hardnekkige fabel. Glas is een vaste stof, oude ramen zijn dikker omdat ze zo gemaakt waren." },
  { v: "Honing wordt nooit echt slecht.", a: true,
    u: "Klopt! Door zijn lage watergehalte en natuurlijke zuren kan honing duizenden jaren goed blijven." },
  { v: "Een tornado kan kikkers laten regenen.", a: true,
    u: "Klopt! Soms zuigt een waterhoos diertjes uit een meer omhoog, en die vallen kilometers verder als regen." },
  { v: "Vulkanen vind je alleen op land.", a: false,
    u: "Mis! De meeste vulkanen ter wereld zitten op de bodem van de oceaan langs de tektonische platen." },
  { v: "De Marianentrog is dieper dan de Mount Everest hoog is.", a: true,
    u: "Klopt! De Challenger Deep is bijna 11 km diep, ruim 2 km meer dan de Everest hoog is." },
  { v: "Een bliksemflits is heter dan het oppervlak van de zon.", a: true,
    u: "Klopt! Een bliksem kan 30.000 graden Celsius bereiken, dat is vijf keer heter dan het oppervlak van de zon." },
  { v: "Bij Antarctica is de wereldrecordkou ooit kouder dan -89 graden geweest.", a: true,
    u: "Klopt! In 1983 mat een Russisch station op Antarctica -89,2 graden Celsius. Brrr." },
  { v: "Wolken kunnen wel duizenden tonnen wegen.", a: true,
    u: "Klopt! Een gewone witte stapelwolk weegt al snel 500.000 kg aan watermassa, hoewel ze zwevend lijken." },
  { v: "Water bevriest altijd precies bij 0 graden, ongeacht de omstandigheden.", a: false,
    u: "Mis! Heel zuiver water kan onderkoeld worden tot rond -40 graden voor het bevriest." },

  // taal, geschiedenis, weetjes
  { v: "De Eiffeltoren wordt in de zomer een paar centimeter langer.", a: true,
    u: "Klopt! IJzer zet uit door de hitte, daardoor groeit hij wel 15 cm in de zomer." },
  { v: "Het langste woord van het Nederlands heeft meer dan 50 letters.", a: true,
    u: "Klopt! Officieel kan je heel lange samenstellingen maken, zoals 'meervoudige-persoonlijkheidsstoornisbehandelingsmethode'." },
  { v: "Napoleon was kleiner dan de gemiddelde Fransman van zijn tijd.", a: false,
    u: "Mis! Een mythe. Napoleon was met zo'n 1,68 m een normale lengte voor een Fransman in de 19e eeuw." },
  { v: "Cleopatra leefde dichter bij de uitvinding van de iPhone dan bij de bouw van de piramides.", a: true,
    u: "Klopt! Tussen Cleopatra en de iPhone zit ruim 2.000 jaar, tussen haar en de Grote Piramide bijna 2.500." },
  { v: "Het oudste pizzarestaurant ter wereld staat in Napels en bestaat al meer dan 200 jaar.", a: true,
    u: "Klopt! Antica Pizzeria Port'Alba in Napels opende in 1738 als pizzakraampje en bedient sinds 1830 in het pand." },
  { v: "De vlag van Wallonië heeft een rode haan op een gele achtergrond.", a: true,
    u: "Klopt! De Waalse haan staat fier op een geel veld, het is een van de officiële symbolen." },
  { v: "Het Vlaamse volkslied heet 'De Vlaamse Leeuw'.", a: true,
    u: "Klopt! 'Zij zullen hem niet temmen', een lied uit 1847 dat het symbool werd van Vlaanderen." },
  { v: "Antwerpen heet zo omdat er een reus woonde die handen afhakte.", a: true,
    u: "Klopt volgens de legende! De reus Druoon Antigoon eiste tol, held Brabo hakte zijn hand af, vandaar 'hand-werpen'." },
  { v: "Pi is een eindig getal met precies 100 cijfers achter de komma.", a: false,
    u: "Mis! Pi is een irrationaal getal en heeft oneindig veel cijfers achter de komma." },
  { v: "De snelheid van het licht is bijna 300.000 km per seconde.", a: true,
    u: "Klopt! Precies 299.792 km per seconde, snel genoeg om in 1 seconde 7,5 keer rond de aarde te gaan." },
];

const FEITEN_FABELS_POOLS = {
  mild: FEITEN_FABELS_MILD,
  pittig: FEITEN_FABELS_PITTIG,
  vlammend: FEITEN_FABELS_VLAMMEND,
};

function FeitOfFabel({ onClose }) {
  const isMobile = useIsMobile();
  const diff = useDifficulty("feit-of-fabel", "pittig");
  const POOL = FEITEN_FABELS_POOLS[diff.level] || FEITEN_FABELS_PITTIG;
  const TARGET = diff.level === "mild" ? 10 : diff.level === "pittig" ? 15 : 20;
  const TOTAL = Math.min(TARGET, POOL.length);

  const [order, setOrder] = React.useState([]);
  const [round, setRound] = React.useState(0);
  const [score, setScore] = React.useState(0);
  const [feedback, setFeedback] = React.useState(null);
  const [done, setDone] = React.useState(false);

  const reset = React.useCallback(() => {
    const idx = POOL.map((_, i) => i).sort(() => Math.random() - 0.5).slice(0, TOTAL);
    setOrder(idx); setRound(0); setScore(0); setFeedback(null); setDone(false);
  }, [POOL, TOTAL]);

  React.useEffect(reset, [reset]);

  if (!diff.chosen) {
    return (
      <div style={gameShellStyle(isMobile, "blauw")}>
        <CloseBtn onClose={onClose} isMobile={isMobile} />
        <GameTitle icon="🧐" kleur="#2D9CDB" sub="Hoeveel stellingen wil je?">
          FEIT OF FABEL?
        </GameTitle>
        <DifficultyPicker
          onChoose={(id) => { diff.choose(id); }}
          currentLevel={diff.level}
          sub="Mild = 10 makkelijke vragen. Pittig = 15 schoolvragen. Vlammend = 20 vragen voor doordenkers."
        />
      </div>
    );
  }

  if (!order.length) return null;
  const q = POOL[order[round]];

  function pick(v) {
    if (feedback) return;
    const correct = v === q.a;
    setFeedback({ correct, choice: v });
    if (correct) setScore(s => s + 1);
  }

  function nextRound() {
    const next = round + 1;
    if (next >= TOTAL) setDone(true);
    else { setRound(next); setFeedback(null); }
  }

  function userPickedThis(val) {
    return feedback && feedback.choice === val;
  }

  return (
    <div style={gameShellStyle(isMobile, "blauw")}>
      <CloseBtn onClose={onClose} isMobile={isMobile} />
      <ShellDecor theme="blauw" />
      <GameTitle icon="🧐" kleur="#2D9CDB" sub={`Stelling ${Math.min(round + 1, TOTAL)} van ${TOTAL}`}>
        FEIT OF FABEL?
      </GameTitle>
      <div style={{ display: "flex", gap: 8, alignItems: "center", flexWrap: "wrap", position: "relative", zIndex: 1 }}>
        <ScoreBadge score={score} total={TOTAL} />
        <DifficultyBadge level={diff.level} />
      </div>

      {done ? (
        <GameDoneScreen score={score} total={TOTAL} onReplay={reset} onClose={onClose}
          onChangeDifficulty={() => { diff.reopen(); }}
          message={`Je had ${score} van de ${TOTAL} goed${score >= TOTAL * 0.8 ? ", knap gedaan!" : "."}`} />
      ) : (
        <div style={{ position: "relative", zIndex: 1 }}>
          <div style={{
            background: "#FFF8EC", border: "4px solid #1A1A1A",
            boxShadow: "5px 5px 0 #1A1A1A",
            padding: "26px 18px", textAlign: "center",
            margin: "16px 0", minHeight: 110,
            display: "flex", alignItems: "center", justifyContent: "center",
          }}>
            <div style={{
              fontSize: isMobile ? 21 : 25, lineHeight: 1.35,
              color: "#1A1A1A", fontFamily: "'Patrick Hand', cursive",
              maxWidth: 540,
            }}>{q.v}</div>
          </div>

          <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 12 }}>
            <BigButton onClick={() => pick(true)}
              color={feedback ? (q.a === true ? "#5BB85B" : (userPickedThis(true) ? "#E63946" : "#FFD23F")) : "#5BB85B"}
              style={{
                color: feedback ? ((q.a === true || userPickedThis(true)) ? "#FFF" : "#1A1A1A") : "#FFF",
                border: userPickedThis(true) && !feedback.correct ? "5px solid #1A1A1A" : "4px solid #1A1A1A",
                fontSize: 26,
              }}>✓ FEIT</BigButton>
            <BigButton onClick={() => pick(false)}
              color={feedback ? (q.a === false ? "#5BB85B" : (userPickedThis(false) ? "#E63946" : "#FFD23F")) : "#E63946"}
              style={{
                color: feedback ? ((q.a === false || userPickedThis(false)) ? "#FFF" : "#1A1A1A") : "#FFF",
                border: userPickedThis(false) && !feedback.correct ? "5px solid #1A1A1A" : "4px solid #1A1A1A",
                fontSize: 26,
              }}>✗ FABEL</BigButton>
          </div>

          {feedback && (
            <div style={{
              marginTop: 14, padding: "14px 16px",
              background: feedback.correct ? "#E1F5E1" : "#FFE0DA",
              border: "3px solid #1A1A1A", boxShadow: "3px 3px 0 #1A1A1A",
              animation: "fof-pop 0.45s ease-out both",
            }}>
              <div style={{
                fontFamily: "'Bangers', sans-serif", fontSize: 22,
                color: feedback.correct ? "#3FA34D" : "#B23A2E",
                letterSpacing: "0.04em", marginBottom: 4,
              }}>
                {feedback.correct ? "🎉 JUIST!" : "OEPS, MIS!"}
              </div>
              <div style={{ fontSize: 17, color: "#1A1A1A", lineHeight: 1.35 }}>
                {q.u}
              </div>
            </div>
          )}

          {feedback && (
            <div style={{ marginTop: 14, display: "flex", justifyContent: "center" }}>
              <BigButton onClick={nextRound} color="#2D9CDB" style={{ color: "#FFF", fontSize: 22 }}>
                {round + 1 >= TOTAL ? "EINDSCORE →" : "VOLGENDE →"}
              </BigButton>
            </div>
          )}
          <style>{`
            @keyframes fof-pop {
              0% { transform: translateY(8px); opacity: 0; }
              100% { transform: translateY(0); opacity: 1; }
            }
          `}</style>
        </div>
      )}
    </div>
  );
}

Object.assign(window, { FeitOfFabel });