Your browser lacks required capabilities. Please upgrade it or switch to another to continue.
<<nobr>>
<<addclass "body" "default">>
<div class="app">
<div class="intro-box">
<div class="text-container">
<p><img src="assets/logo.png">
<<timed 3s>>
<br><br>
<a data-passage="Prologue"><img src="assets/play.png"/></a>
<a data-passage="Credits"><img src="assets/credits.png"/></a>
<<endtimed>>
<br><br>
Playing with headphones and fullscreen is recommended.</p>
</div></div></div>
<<endnobr>><<nobr>>
<<set $bag = ["apple", "coconut"]>>
<<audio mainsong loop play>>
<<audio birds stop>>
<<set $light to 4>>
<<set $hungry to 3>>
<<set $talk to 0>>
<<set $story to 0>>
<<endnobr>><<set $bag = [ "apple", "coconut", "blueberry", "mushroom" ]>>
<<cacheaudio "mainsong" "sonidos/forest.mp3">>
<<cacheaudio "bonfire" "sonidos/bonfire.wav">>
<<cacheaudio "crow" "sonidos/crow.wav">>
<<cacheaudio "Kurt" "sonidos/Kurt.wav">>
<<cacheaudio "eating" "sonidos/Eating.mp3">>
<<cacheaudio "Lilu" "sonidos/Lilu.wav">>
<<cacheaudio "Arabella" "sonidos/Arabella.mp3">>
<<cacheaudio "Dylan" "sonidos/Dylan.wav">>
<<cacheaudio "MainCharacter" "sonidos/Main.mp3">>
<<cacheaudio "birds" "sonidos/birds.flac">>
<<cacheaudio "bush" "sonidos/bush.wav">><<nobr>><div class="app">
<!-- Estados de la escena night day fire-low fire-medium fire-high -->
<<nobr>><<if $light gte 9>>
<div class="scene fire-high">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 3>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 6>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 3>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 4>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 3>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div></div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 1>> <div class="scene fire-low">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 3>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour">
<<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>>
</div>
</div>
<<else>>
<div class="scene night">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 3>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<endif>><<endnobr>>
<div class="stats">
<div>
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio progress-1 = 25% progress-2 = 50% progress-3 = 75% progress-4 = 100% -->
<<nobr>><<if $hungry gte 15>> <div class="bar progress-4"></div>
<<elseif $hungry gte 10>> <div class="bar progress-3"></div>
<<elseif $hungry gte 5>> <div class="bar progress-2"></div>
<<else>> <div class="bar progress-1"></div>
<<endif>>
<<endnobr>>
</div>
<div class="light stat">
<div class="label">Light</div>
<<nobr>><<if $light gte 9>> <div class="bar progress-4"></div>
<<elseif $light gte 6>> <div class="bar progress-3"></div>
<<elseif $light gte 4>> <div class="bar progress-3"></div>
<<elseif $light gte 2>> <div class="bar progress-2"> </div>
<<else>> <div class="bar progress-1"></div>
<<endif>><<endnobr>>
</div>
</div>
<div class="bag">
<div class="quantity"><<print $bag.length>></div>
</div>
</div>
<div class="textbox">
<div class="text-container">
<p>
<<if $light is 0 or $hungry is 0>>You didn't care enough of yourself and something bad happened... it seems that your adventure ends here.<br><br><a data-passage="Game Over"><img src="https://i.imgur.com/N5XR7eS.png"/></a> <<else>>
<<nobr>>
<<if $talk gte 11>>
<<elseif $talk gte 9>> You're getting sleepy... sometimes you find it hard to pay a little attention and you start yawning.
<<elseif $talk gte 8>> Although thoughts of guilt for getting lost youself - and also what the rest of your acquaintances will think about you right now - sometimes invade your mind, you feel pretty good with the company of Kurt, Arabella, Lilu and Dylan.<br> <br>
They make you feel better - and valued.
<<elseif $talk gte 6>>
Lilu, Arabella and Dylan look like to have a great friendship with Kurt. They seem to have shared many moments together and have a good time with each other. That good vibes make you feel calmer and your concern is not so strong as it was a while ago.
<<elseif $talk gte 5>>
Kurt's friends seem quite friendly. They give you good vibes. They remind you a little of your friends - you're wondering if your friends are still worried about you or they have forgotten you.
<<elseif $talk gte 3>>
You feel a little better, at least now you don't think Kurt's gonna hurt you. He seems friendly and also have empathized with you very easily.
<<elseif $talk gte 2>>
You can see a spark of confidence in Kurt's glance that makes you feel relaxed and calmed.
<br><br>
But you're still a bit doubtful. What if it's not really how he looks? What if he wants to hurt you? Maybe he's not a bad guy...
<<elseif $talk gte 1>>
Kurt is still looking at you. When you talked to him, he didn't seem aggressive or wanted to hurt you. Maybe if you talk to him nicely, he won't do anything to you...
<br><br>The knot in the stomach caused by this uncertainty begins to get bigger and bigger.
<<elseif $story gte 3>>
<<audio bush play>>
You close your eyes and your head rests on your knees. You begin to cry thinking about all the bad things you did. But all of a sudden, you hear a strange noise and quickly react by looking in front of you. Your heart is racing.
<br><br>
You see a strange man looking at you at the stake next to you. You feel very scared and your first thoughts are very messy. <<set $Kurt to "appear">>
<<elseif $story gte 2>>
<<audio bush play>>
You hear strange sounds, but you can't locate where they came from. You look around but you don't see anything unusual.
<br><br>
You take a deep breath and keep looking at the bonfire while you think about whether your friends are worrying about you or not even realizing you're lost. The knot in your stomach sometimes makes breathing so hard. A shy tear runs down your face.
<<elseif $story gte 1>>
You start to feel tremors from time to time.
<br><br>
You also feel that the loneliness begins to overwhelm you - also the feelings of guilt begin to appear because you think you've lost yourself because you haven't paid enough attention to what you were doing while playing with you friends.
<<else>>
What you find is a bonfire - but there is no one around or at least that's what it looks like. There are several stumps around the bonfire and you decide to sit down because you think it's the safest place you can be right now until someone finds you.
<br><br>
Now it's very important to take care of yourself - you have to control the bonfire to drive away the beasts that there could be away and you have to eat from time to time so you don't starve.
<<endif>>
<<endnobr>>
<br><br>
Meanwhile,<<nobr>>
<<if $light gte 9>> the bonfire has power. Your surroundings are well lit and you are hot. It's perfect for looking for some food around!
<<elseif $light gte 6>>
the bonfire is illuminating well. You're in the right temperature now.
<<elseif $light gte 4>>
the bonfire light is starting to go out.
<<elseif $light gte 2>>the bonfire is very weak. You are cold. Why don't you add some firewood?
<<else>>
the bonfire is about to go out. You must add some firewood right now!
<<endif>>
<<if $hungry gte 15>>
At the moment you don't need to eat because you're fine.
<<elseif $hungry gte 10>>Your stomach is making some noises.
<<elseif $hungry gte 5>>You're hungry. You should start thinking about eat something.
<<else>>
You're starving... you must eat right now!
<<endif>>
<br><br>
<<nobr>><<timed 2s>>
<a data-passage="Bag"><img src="assets/button_eat.png"/></a> <<if $story gte 2>><a data-passage="Add firewood to the bonfire"><img src="assets/button_firewood.png"/></a><<endif>><br><<if $story gte 3>><a data-passage="Look at your surroundings"><img src="assets/button_food.png"/></a><<endif>><<if $story gte 4>><a data-passage="Talk"><img src="assets/button_talk.png"/></a><<endif>><<endtimed>><<endnobr>>
<<endnobr>><<endif>>
</p></div></div></div>
<<endnobr>><<nobr>>
<<audio mainsong loop play>>
<<audio bonfire loop play>>
<<set $light to $light - 2>>
<<set $hungry to $hungry - 1>>
<<set $story to $story + 1>>
<<endnobr>><<nobr>><div class="app">
<!-- Estados de la escena night day fire-low fire-medium fire-high -->
<<nobr>><<if $light gte 9>>
<div class="scene fire-high">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 3>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 6>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 3>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 4>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 3>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div></div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 1>> <div class="scene fire-low">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 3>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour">
<<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>>
</div>
</div>
<<else>>
<div class="scene night">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 3>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<endif>><<endnobr>>
<div class="stats">
<div>
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio progress-1 = 25% progress-2 = 50% progress-3 = 75% progress-4 = 100% -->
<<nobr>><<if $hungry gte 15>> <div class="bar progress-4"></div>
<<elseif $hungry gte 10>> <div class="bar progress-3"></div>
<<elseif $hungry gte 5>> <div class="bar progress-2"></div>
<<else>> <div class="bar progress-1"></div>
<<endif>>
<<endnobr>>
</div>
<div class="light stat">
<div class="label">Light</div>
<<nobr>><<if $light gte 9>> <div class="bar progress-4"></div>
<<elseif $light gte 6>> <div class="bar progress-3"></div>
<<elseif $light gte 4>> <div class="bar progress-3"></div>
<<elseif $light gte 2>> <div class="bar progress-2"> </div>
<<else>> <div class="bar progress-1"></div>
<<endif>><<endnobr>>
</div>
</div>
<div class="bag">
<div class="quantity"><<print $bag.length>></div>
</div>
</div>
<div class="textbox">
<div class="text-container">
<p>
You added some firewood to the bonfire.
<br><br>
<<nobr>><<if $light gte 9>>The flames are now very large and mesmerizing - enough so that you no longer feel any cold at all. You can see your surroundings perfectly.
<<elseif $light gte 6>>
Now it's giving such warm! Its flames are strong now and you're in a nice temperature. You can see pretty well what's around you, although you think the range of light could be larger!
<<elseif $light gte 4>>The light is a bit strong now! You start to feel comfortable in terms of temperature and you start to see a lot of things already.
<<elseif $light gte 2>>The bonfire is still weak but it can hold a little - though its flames sometimes do not inspire you enough confidence about its strength. They don't heat enough and you're still a little cold - perhaps it's a good idea to keep adding more firewood.
<<else>>You saved the flames from the extinction! Be careful because the bonfire could go out if you don't keep an eye on it. You should add more firewood if you don't want to be cold.
<<endif>><<endnobr>>
<br><br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
</p></div></div></div><<endnobr>><<nobr>>
<<audio mainsong loop play>>
<<audio bonfire loop play>>
<<set $light to $light + 10>>
<<endnobr>><<nobr>><div class="app">
<!-- Estados de la escena night day fire-low fire-medium fire-high -->
<<nobr>><<if $light gte 9>>
<div class="scene fire-high">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 6>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 4>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div></div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 1>> <div class="scene fire-low">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour">
<<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>>
</div>
</div>
<<else>>
<div class="scene night">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<endif>><<endnobr>>
<div class="stats">
<div>
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio progress-1 = 25% progress-2 = 50% progress-3 = 75% progress-4 = 100% -->
<<nobr>><<if $hungry gte 15>> <div class="bar progress-4"></div>
<<elseif $hungry gte 10>> <div class="bar progress-3"></div>
<<elseif $hungry gte 5>> <div class="bar progress-2"></div>
<<else>> <div class="bar progress-1"></div>
<<endif>>
<<endnobr>>
</div>
<div class="light stat">
<div class="label">Light</div>
<<nobr>><<if $light gte 9>> <div class="bar progress-4"></div>
<<elseif $light gte 6>> <div class="bar progress-3"></div>
<<elseif $light gte 4>> <div class="bar progress-3"></div>
<<elseif $light gte 2>> <div class="bar progress-2"> </div>
<<else>> <div class="bar progress-1"></div>
<<endif>><<endnobr>>
</div>
</div>
<div class="bag">
<div class="quantity"><<print $bag.length>></div>
</div>
</div>
<div class="textbox">
<div class="text-container">
<p>
<<nobr>>
<<if $talk gte 10>>
<p class="dialog prota shout"> Thanks -again- for understanding me. I just want this knot in the stomach to end... oh, I'm sorry! We had talked too much about me! Let's talk about you, please! </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog lilu shout"> Hahahaha, don't worry! We're fine if you are fine - it that means you have to share your feelings with us!<<audio Lilu play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog dylan shout"> This is your first night. We don't want anything to happen to you - and we want you to feel comfortable with us. </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Thank you very much... sigh. You're... amazing... zzzz... </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog arabella shout"> Oh, she's getting asleep. She is very adorable. Hope she'll be ok. <<audio Arabella play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> I'll cover her up and keep an eye on her until morning. I'll protect her. <<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>
<a data-passage="The end"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
<<elseif $talk gte 9>>
<p class="dialog arabella shout"> Since ya come to this bonfire we'll do our best to make sure ya find your way back! That's what friends do! <<audio Arabella play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> Yes. Many times there are problems that get out of our control but with friends around it will surely become easier to overcome. <<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog lilu shout"> Yeah! We're together with you! We could have a funny night next to the bonfire until it's daylight! </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Sigh... you're too understanding! I feel a bit guilty because you're worrying too much about me. I don't know how to manage this feeling. I think I could have avoided this situation and you wouldn't be worried about me. <<audio MainCharacter play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog arabella shout"> Ya are overthinking! Don't be sorry for what happened, girl! Many times it isn't our fault that we have come this far. These things happen, y'know. I was feeling exactly the same as ya when I got lost. But let's look at the bright side of life - ya are at a bonfire sharing experiences with new friends! </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog dylan shout"> Yeah. As long as you're with us, we'll take care of you. We understand your feelings because we lived this same situation and we don't want you to feel those same bad feelings as I felt the day I got lost. </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
<<elseif $talk gte 8>>
<p class="dialog prota shout">Sigh. The forest overwhelms me. I feel pretty small. I just want to be tomorrow and go home.</p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> This forest may seem enormous. Sometimes I still get lost in this forest but I try not to worry. What's important is to think that it will get better - even I have to ask for help sometimes.<<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> But I just don't want to disturb anyone. I-I don't want people to worry about me! I'd like to find the way back by myself. </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog lilu shout"> Hey! Never hesitate to ask help! You are NOT alone! Now you're with us! <<audio Lilu play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog dylan shout"> Yeah. It's pretty understandable that sometimes things get well out of hand and you can't manage them. Kurt helped us when we were in the same situation as you are right now and we were very thankful. I couldn't imagine what would happen if he wasn't with us that night. </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> We sure make bad decisions that led us to places we don't want to stay - it's ok meanwhile you learn from them! But sometimes you can't fix them alone.<<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
<<elseif $talk gte 7>>
<p class="dialog prota shout">I'm here because I was playing with my friends, and suddenly... I lost sight of them. Then I found this place. I didn't know how to come back. Pretty idiot of me! </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog lilu shout"> Don't say that! Everyone here we have lived that situation! </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> I guess you're right but... What if I get trapped inside this forest and I can't find my way back nor never see my friends, my family again? I don't want to be here anymore! I wanna leave now! Sorry for being so annoying but it's what I want just now! <<audio MainCharacter play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog dylan shout"> Don't apologize for telling us your feelings. <<audio Dylan play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog arabella shout"> It's dangerous to go now outside. Be patient and ya'll get it tomorrow with us, girl! We are here to listen ya! The important thing is... do ya want to go back? <<audio Arabella play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Of course!! </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> Don't worry because you'll come back. The most important thing is the will. <<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
<<elseif $talk gte 6>>
<p class="dialog arabella shout"> So, whaddaya were talkin' about? <<audio Arabella play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Oh? Well, Kurt was telling to me how he got here in the forest. <<audio MainCharacter play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> Right. The same story I told all of you once. </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog lilu shout"> Ohhhh. That story! </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog dylan shout"> I think that Kurt telling his story about how he got in the forest when people get lost in the woods on their first night it's just a kind of a tradition.<<audio Dylan play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog arabella shout"> Ya girl. How did ya get here in the forest? <<audio Arabella play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
<<elseif $talk gte 5>>
<p class="dialog lilu shout"> Lilu here! So this is the first time you come here, girl? I guess you'll be pretty worried because you feel lost!<<audio Lilu play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Y-yeah. N-nice to meet you, Lilu. It's my first night here.<<audio MainCharacter play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog arabella shout"> Heya, I'm Arabella! Don't worry - this place is safe. I come here sometimes - to greet Kurt or bring him somethin'! <<audio Arabella play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog dylan shout"> Hey - Dylan here. I also come here sometimes like today.<<audio Dylan play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog lilu shout"> We all three got lost someday in the forest but we usually come here when we need Kurt to listen to each of us. </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> It looks like listening to people and giving them a good advice is my strongest point, hehe.</p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
<<elseif $talk gte 4>>
<p class="dialog arabella shout"> Did ya call the ghostbusters, Kurt? <<audio Arabella play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog lilu shout"> Hey, we have a new friend here! <<audio Lilu play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog dylan shout"> It's been losing a lot of people around here lately, don't you think? <<audio Dylan play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Wow. Are you all Kurt's friends? <<audio MainCharacter play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> Yes. I've rescued them once and they use to come back here. Introduce yourselves to our new guest!<<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
<<elseif $talk gte 3>>
<p class="dialog kurt shout"> So I felt lonely. I cried... and suddenly someone appeared - an old man. He said to me everything would be ok if I was next to him at the bonfire during the night. He accompanied me until the sun raised. He showed me the path that led me outside the forest - and suddenly, I felt much better! </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Have you see him again? <<audio MainCharacter play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> Yes, many times! And that man had a lot of friends who I met each time I visited him! But... someday I came back to and he wasn't here anymore. I came back several times but no one was here. I felt sad. But the truth is... There was something that called me back to this place every time I left the forest. After a while, I decided to stay here as my home.<<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> I see. Your story is pretty similar to the moment what I'm living right now. It's kinda strange... do you live here alone? </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> Not always! I have many friends that come to visit me sometimes in the night! In fact, they should be just around here right now! <<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
<<elseif $talk gte 2>>
<p class="dialog prota shout">Thanks for the hospitality. Sorry if I'm disturbing, I don't know I got here and how to get out of the forest... </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout">It's ok. I know how it feels. I can tell the story about how I got living here to you - only if you want. If you get bored, stop me! Hehehe! </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> I think there's time until it's daylight...? It's fine. <<audio MainCharacter play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> I came to this forest quite a while ago - when I was younger. It was a dark night and I was with some friends. I was having a good time... but I got lost. By walking in the woods trying to find the exit I found a place with a bonfire... but nobody was there. <<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Gasp...! This story sounds so familiar to me...!? </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
<<elseif $talk gte 1>>
<p class="dialog prota shout"> Emmm... ok. Where am I exactly? </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> You're in the deep forest. Specifically, this little place is my home - but don't worry because my home is your home as well. <<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Oh?... if this place is your home... are you living here in the forest??? <<audio MainCharacter play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> It's a long story. Anyway, don't worry. I'll accompany you here until it's daylight and so you can leave the forest. It's not a good idea to go out in the dark because it's dangerous. You should stay here until daylight comes.</p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
<<else>>
<p class="dialog prota shout"> W-who are you...? <<audio MainCharacter play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> My name is Kurt. I don't wanna hurt you! Don't be scared.<<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Why should I trust... you? </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> I'm not going to steal your kidney or something, hehe! </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><<endif>>
<<endnobr>>
</p> </div></div></div>
<<endnobr>>
<<nobr>>
<<audio mainsong loop play>>
<<audio bonfire loop play>>
<<set $talk to $talk + 1>>
<<endnobr>><<nobr>><div class="app">
<!-- Estados de la escena night day fire-low fire-medium fire-high -->
<<nobr>><<if $light gte 9>>
<div class="scene fire-high">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 6>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 4>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div></div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 1>> <div class="scene fire-low">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour">
<<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>>
</div>
</div>
<<else>>
<div class="scene night">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<endif>><<endnobr>>
<div class="stats">
<div>
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio progress-1 = 25% progress-2 = 50% progress-3 = 75% progress-4 = 100% -->
<<nobr>><<if $hungry gte 15>> <div class="bar progress-4"></div>
<<elseif $hungry gte 10>> <div class="bar progress-3"></div>
<<elseif $hungry gte 5>> <div class="bar progress-2"></div>
<<else>> <div class="bar progress-1"></div>
<<endif>>
<<endnobr>>
</div>
<div class="light stat">
<div class="label">Light</div>
<<nobr>><<if $light gte 9>> <div class="bar progress-4"></div>
<<elseif $light gte 6>> <div class="bar progress-3"></div>
<<elseif $light gte 4>> <div class="bar progress-3"></div>
<<elseif $light gte 2>> <div class="bar progress-2"> </div>
<<else>> <div class="bar progress-1"></div>
<<endif>><<endnobr>>
</div>
</div>
<div class="bag">
<div class="quantity"><<print $bag.length>></div>
</div>
</div>
<div class="textbox">
<div class="text-container">
<p>
While you're watching your surroundings, you decide to get up to look for some food with a pick of hope. It seems to be plenty of vegetation and there should be something to eat nearby...
<br><br>
<<nobr>>
<<if $light gte 6>>
Now, you see clearly thanks to the bonfire light! Let's look for some food... <br>
<<set $dice to random(1, 15)>>
<<if $dice is 15>><br>[img[assets/icon_coconut.png]]<br><br>
You find a coconut!<<set $bag.push("coconut")>><<endif>>
<<if $dice is 14>><br>[img[assets/icon_mushroom.png]]<br><br>You find something! It's a mushroom!<<set $bag.push("mushroom")>><<endif>>
<<if $dice is 13>><br>[img[assets/icon_apple.png]]<br><br>You got an apple!<<set $bag.push("apple")>><<endif>>
<<if $dice is 12>><br>[img[assets/icon_coconut.png]]<br><br>
You find a coconut!<<set $bag.push("coconut")>><<endif>>
<<if $dice is 11>>
<<if $talk gte 5>>
Dylan goes with you.<br><br>[img[assets/icon_blueberry.png]]
<br><p class="dialog dylan shout"> Hey! I've found this blueberry - maybe it'll be useful for you! <<audio Dylan play>> </p><<set $bag.push("blueberry")>>
<<else>>
<br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>><<endif>>
<<if $dice is 10>>
<<if $talk gte 5>>
Arabella goes with you.<br><br>[img[assets/icon_apple.png]]<br>
<p class="dialog arabella shout"> Wow! Have ya seen this awesome apple? Keep it - night is hard! <<audio Arabella play>> </p><<set $bag.push("apple")>>
<<else>>
<br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>><<endif>>
<<if $dice is 9>>
<<if $talk gte 5>>Lilu goes with you.<br><br>[img[assets/icon_mushroom.png]]
<br><p class="dialog lilu shout"> I've found this mushroom - I don't know is it was exactly what you wanted but it's better than nothing I guess! <<audio Lilu play>> </p> <<set $bag.push("mushroom")>>
<<else>>
<br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>><<endif>>
<<if $dice is 8>>
<br>[img[assets/icon_mushroom.png]]<br><br>You find something! It's a mushroom!<<set $bag.push("mushroom")>><<endif>>
<<if $dice is 7>>
<<if $talk gte 2>>
Kurt goes with you.
<br><br>[img[assets/icon_apple.png]]
<br><p class="dialog kurt shout"> I've found this delicious apple. You'll need it! <<audio Kurt play>> </p> <<set $bag.push("apple")>>
<<else>>
<br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>><<endif>>
<<if $dice is 6>>
<<if $talk gte 2>>
Kurt goes with you.<br><br>[img[assets/icon_blueberry.png]]<br><p class="dialog kurt shout"> I've found this delicious blueberry. You'll need it! <<audio Kurt play>> </p><<set $bag.push("blueberry")>>
<<else>>
<br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>><<endif>>
<<if $dice is 5>>
<br>[img[assets/icon_apple.png]]<br><br>You got an apple!<<set $bag.push("apple")>><<endif>>
<<if $dice is 4>><br>[img[assets/icon_blueberry.png]]<br><br>Wow, how lucky! You find a blueberry!<<set $bag.push("blueberry")>><<endif>>
<<if $dice is 3>><br>[img[assets/icon_mushroom.png]]<br><br>You find something! It's a mushroom!<<set $bag.push("mushroom")>><<endif>>
<<if $dice is 2>><br>[img[assets/icon_apple.png]]<br><br>
You got an apple!<<set $bag.push("apple")>><<endif>>
<<if $dice is 1>><br>[img[assets/icon_coconut.png]]<br><br>You find a coconut!<<set $bag.push("coconut")>><<endif>>
<<elseif $light gte 4>>
You can see the treetops. From time to time you can see an animal crossing from one treetop to another.
<br>
<<set $dice to random(1, 15)>>
<<if $dice is 15>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 14>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 13>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 12>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 11>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 10>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 9>><br>[img[assets/icon_blueberry.png]]<br><br>Wow, how lucky! You find a blueberry!<<set $bag.push("blueberry")>><<endif>>
<<if $dice is 8>><br>[img[assets/icon_mushroom.png]]<br><br>You find something! It's a mushroom!<<set $bag.push("mushroom")>><<endif>>
<<if $dice is 7>>
<<if $talk gte 2>>
Kurt goes with you.<br><br>[img[assets/icon_apple.png]]
<br><p class="dialog kurt shout"> I've found this delicious apple. You'll need it! <<audio Kurt play>> </p><<set $bag.push("apple")>><<else>>
<br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>><<endif>>
<<if $dice is 6>>
<<if $talk gte 2>>
Kurt goes with you.<br><br>[img[assets/icon_blueberry.png]]
<br><p class="dialog kurt shout"> I've found this delicious blueberry. You'll need it! <<audio Kurt play>> </p><<set $bag.push("blueberry")>>
<<else>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>><<endif>>
<<if $dice is 5>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 4>><br>[img[assets/icon_blueberry.png]]<br><br>Wow, how lucky! You find a blueberry!<<set $bag.push("blueberry")>><<endif>>
<<if $dice is 3>><br>[img[assets/icon_mushroom.png]]<br><br>You find something! It's a mushroom!<<set $bag.push("mushroom")>><<endif>>
<<if $dice is 2>><br>[img[assets/icon_apple.png]]<br><br>
You got an apple!<<set $bag.push("apple")>><<endif>>
<<if $dice is 1>><br>[img[assets/icon_coconut.png]]<br><br>You find a coconut!<<set $bag.push("coconut")>><<endif>>
<<elseif $light gte 3>>You can see well around the bonfire. There is a wooden shelter next to you. Why don't you try to get the bonfire's fire stronger?
<br>
<<set $dice to random(1, 15)>>
<<if $dice is 15>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 14>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 13>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 12>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 11>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 10>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 9>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 8>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 7>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 6>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 5>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 4>><br>[img[assets/icon_blueberry.png]]<br><br>Wow, how lucky! You find a blueberry!<<set $bag.push("blueberry")>><<endif>>
<<if $dice is 3>><br>[img[assets/icon_mushroom.png]]<br><br>You find something! It's a mushroom!<<set $bag.push("mushroom")>><<endif>>
<<if $dice is 2>><br>[img[assets/icon_apple.png]]<br><br>
You got an apple!<<set $bag.push("apple")>><<endif>>
<<if $dice is 1>><br>[img[assets/icon_coconut.png]]<br><br>You find a coconut!<<set $bag.push("coconut")>><<endif>>
<<elseif $light gte 2>>You can glimpse some things if you take a good look. Why don't you try to get the bonfire's fire stronger? <br>
<<set $dice to random(1, 15)>>
<<if $dice is 15>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 14>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 13>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 12>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 11>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 10>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 9>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 8>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 7>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 6>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 5>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 4>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 3>><br>You try your best, but you can't find anything... Maybe next time you will be lucky!<<endif>>
<<if $dice is 2>><br>[img[assets/icon_apple.png]]<br><br>
You got an apple!<<set $bag.push("apple")>><<endif>>
<<if $dice is 1>><br>[img[assets/icon_coconut.png]]<br><br>You find a coconut!<<set $bag.push("coconut")>><<endif>>
<<else>><br>It's pretty dark and you can see no thing around - only the starry night.
<<endif>> <<endnobr>>
<br><br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
</p> </div></div></div><<endnobr>>
<<nobr>>
<<audio mainsong loop play>>
<<audio bonfire loop play>>
<<audio crow play>>
<<endnobr>><<nobr>>
<style>
body {
background-image: url('https://i.imgur.com/MdIlaD0.gif');
background-repeat: repeat;
background-color: #2989d5;
}
</style>
<div class="app">
<!-- Estados de la escena night day fire-low fire-medium fire-high -->
<<nobr>>
<div class="scene day">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<div class="character kurtday"></div>
<div class="character protaday"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<div class="fire_hidden"> </div>
<<endnobr>>
<div class="hour">09:52h</div>
</div>
<<endnobr>>
<div class="stats">
<div>
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio
progress-1 = 25%
progress-2 = 50%
progress-3 = 75%
progress-4 = 100%
-->
<<nobr>><<if $hungry gte 15>> <div class="bar progress-4"></div>
<<elseif $hungry gte 10>> <div class="bar progress-3"></div>
<<elseif $hungry gte 5>> <div class="bar progress-2"></div>
<<else>> <div class="bar progress-1"></div>
<<endif>>
<<endnobr>>
</div>
<div class="light stat">
<div class="label">Light</div>
<<nobr>><<if $light gte 9>> <div class="bar progress-4"></div>
<<elseif $light gte 6>> <div class="bar progress-3"></div>
<<elseif $light gte 4>> <div class="bar progress-3"></div>
<<elseif $light gte 2>> <div class="bar progress-2"> </div>
<<else>> <div class="bar progress-1"></div>
<<endif>><<endnobr>>
</div>
</div>
<div class="bag">
<div class="quantity"><<print $bag.length>></div>
</div>
</div>
<div class="textbox">
<div class="text-container">
<p><p class="dialog kurt shout"> Hey! Wake up - it's daylight! <<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Huh? oh!!! It's true! I was lost in the forest! Where is the rest of people? <<audio MainCharacter play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> They've come back to their houses a while ago. I will accompany you to the exit of the forest... If you want, of course. <<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout">H-huh?... Yeah... Of course. I guess I couldn't make it without your help. </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> Nice. Take my hand. Let's go together. </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Oh... Thank you very much. So... We got it. I feel.. much better now!<<audio MainCharacter play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> It's nothing - that's what I'm here for. <<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>
<a data-passage="The end 2"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
</p>
</div> </div> </div>
<<endnobr>>
<<nobr>>
<<audio mainsong stop>>
<<audio birds loop play>>
<<audio bonfire stop>>
<<set $light to 100>>
<<set $hungry to 100>>
<<endnobr>><<nobr>>
<div class="app">
<div class="intro-box">
<div class="text-container">
<p>
It's important to pay attention to your surroundings. We are always used to be aware about the things we have and must do in order to please everyone.
<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
But it's necessary to take a break sometimes. Remember that you is your number one priority and you need to take care of yourself, despite living in a world where we receive continuous external stimuli.
<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
The situation you were playing was no exception. You should've been more attentive to your own needs.
<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
We have to learn to listen to our own thoughts or needs in order to take care of every of us. If we don't, we could abandon ourselves and that can hurt us in the future.
<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
The end. Play again?<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<a data-passage="Start"><img src="assets/restart.png"/></a>
<</linkreplace>>
<</linkreplace>>
<</linkreplace>>
<</linkreplace>>
<</linkreplace>>
</p>
</div></div></div>
<<endnobr>>
<<audio bonfire stop>><<nobr>><div class="app">
<!-- Estados de la escena night day fire-low fire-medium fire-high -->
<<nobr>><<if $light gte 9>>
<div class="scene fire-high">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 6>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 4>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div></div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 1>> <div class="scene fire-low">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour">
<<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>>
</div>
</div>
<<else>>
<div class="scene night">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 3>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<endif>><<endnobr>>
<div class="stats">
<div>
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio progress-1 = 25% progress-2 = 50% progress-3 = 75% progress-4 = 100% -->
<<nobr>><<if $hungry gte 15>> <div class="bar progress-4"></div>
<<elseif $hungry gte 10>> <div class="bar progress-3"></div>
<<elseif $hungry gte 5>> <div class="bar progress-2"></div>
<<else>> <div class="bar progress-1"></div>
<<endif>>
<<endnobr>>
</div>
<div class="light stat">
<div class="label">Light</div>
<<nobr>><<if $light gte 9>> <div class="bar progress-4"></div>
<<elseif $light gte 6>> <div class="bar progress-3"></div>
<<elseif $light gte 4>> <div class="bar progress-3"></div>
<<elseif $light gte 2>> <div class="bar progress-2"> </div>
<<else>> <div class="bar progress-1"></div>
<<endif>><<endnobr>>
</div>
</div>
<div class="bag">
<div class="quantity"><<print $bag.length>></div>
</div>
</div>
<div class="textbox">
<div class="text-container">
<p>
<<nobr>>
<<if $bag.length is 0>>You don't have anything inside. You should look for something to eat!<br><br><a data-passage="Play"><img src="https://i.imgur.com/N5XR7eS.png"/></a><<else>>Inside the bag, you can find: <<print $bag.join(", ")>>.<br><br>Choose what you want to eat:<br><br><<endif>>
<<if $bag.indexOf("blueberry") gte 0>>[img[assets/icon_blueberry.png][Blueberry]]<<else>><<endif>>
<<if $bag.indexOf("mushroom") gte 0>>[img[assets/icon_mushroom.png][Mushroom]]<<else>><<endif>>
<<if $bag.indexOf("apple") gte 0>>[img[assets/icon_apple.png][Apple]]<<else>><<endif>>
<<if $bag.indexOf("coconut") gte 0>>[img[assets/icon_coconut.png][Coconut]]<<endif>>
<<endnobr>>
</p> </div></div></div>
<<endnobr>>
<<nobr>>
<<audio mainsong loop play>>
<<audio bonfire loop play>>
<<endnobr>><<nobr>><div class="app">
<!-- Estados de la escena night day fire-low fire-medium fire-high -->
<<nobr>><<if $light gte 9>>
<div class="scene fire-high">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 6>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 4>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div></div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 1>> <div class="scene fire-low">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour">
<<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>>
</div>
</div>
<<else>>
<div class="scene night">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<endif>><<endnobr>>
<div class="stats">
<div>
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio progress-1 = 25% progress-2 = 50% progress-3 = 75% progress-4 = 100% -->
<<nobr>><<if $hungry gte 15>> <div class="bar progress-4"></div>
<<elseif $hungry gte 10>> <div class="bar progress-3"></div>
<<elseif $hungry gte 5>> <div class="bar progress-2"></div>
<<else>> <div class="bar progress-1"></div>
<<endif>>
<<endnobr>>
</div>
<div class="light stat">
<div class="label">Light</div>
<<nobr>><<if $light gte 9>> <div class="bar progress-4"></div>
<<elseif $light gte 6>> <div class="bar progress-3"></div>
<<elseif $light gte 4>> <div class="bar progress-3"></div>
<<elseif $light gte 2>> <div class="bar progress-2"> </div>
<<else>> <div class="bar progress-1"></div>
<<endif>><<endnobr>>
</div>
</div>
<div class="bag">
<div class="quantity"><<print $bag.length>></div>
</div>
</div>
<div class="textbox">
<div class="text-container">
<p>
<<nobr>>
<<if $bag.indexOf("blueberry") gte 0>>[img[assets/icon_blueberry.png]]<br><br>You eat a blueberry. It's juicy and tasty - its taste makes you feeling in a good mood. <<audio eating play>><<set $hungry to $hungry + 5>><<set $bag.splice($bag.indexOf("blueberry"), 1)>><<else>>You didn't eat anything<<endif>><<endnobr>><br><br>
<<nobr>>
<<if $bag.length is 0>>Right now, your bag is empty. Look something to eat if you don't want to starve!<<else>>
<<if $hungry gte 20>>Maybe you've abused a little. Eating too much isn't good either!
<<elseif $hungry gte 15>>You weren't very hungry anymore but maybe it's not a bad idea to eat more just in case - you don't know when you could eat again.
<<elseif $hungry gte 10>>You were a bit hungry and it's ok to get some nutrients.
<<elseif $hungry gte 5>>You were very hungry but now you're ok! Be careful with yourself!
<<else>>
You saved yourself from the starvation. You should eat more because you don't know what would happen tonight.
<<endif>><<endif>><<endnobr>>
<br><br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
</p> </div></div></div>
<<endnobr>>
<<nobr>>
<<audio mainsong loop play>>
<<audio bonfire loop play>>
<<endnobr>><<nobr>><div class="app">
<!-- Estados de la escena night day fire-low fire-medium fire-high -->
<<nobr>><<if $light gte 9>>
<div class="scene fire-high">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 6>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 4>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div></div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 1>> <div class="scene fire-low">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour">
<<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>>
</div>
</div>
<<else>>
<div class="scene night">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<endif>><<endnobr>>
<div class="stats">
<div>
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio progress-1 = 25% progress-2 = 50% progress-3 = 75% progress-4 = 100% -->
<<nobr>><<if $hungry gte 15>> <div class="bar progress-4"></div>
<<elseif $hungry gte 10>> <div class="bar progress-3"></div>
<<elseif $hungry gte 5>> <div class="bar progress-2"></div>
<<else>> <div class="bar progress-1"></div>
<<endif>>
<<endnobr>>
</div>
<div class="light stat">
<div class="label">Light</div>
<<nobr>><<if $light gte 9>> <div class="bar progress-4"></div>
<<elseif $light gte 6>> <div class="bar progress-3"></div>
<<elseif $light gte 4>> <div class="bar progress-3"></div>
<<elseif $light gte 2>> <div class="bar progress-2"> </div>
<<else>> <div class="bar progress-1"></div>
<<endif>><<endnobr>>
</div>
</div>
<div class="bag">
<div class="quantity"><<print $bag.length>></div>
</div>
</div>
<div class="textbox">
<div class="text-container">
<p>
<<nobr>>
<<if $bag.indexOf("apple") gte 0>>[img[assets/icon_apple.png]]<br><br>You eat an apple. The apple tastes good and it's fresh - fruit is always good. <<audio eating play>><<set $hungry to $hungry + 10>><<set $bag.splice($bag.indexOf("apple"), 1)>><<else>>You didn't eat anything<<endif>><<endnobr>><br><br>
<<nobr>>
<<if $bag.length is 0>>Right now, your bag is empty. Look something to eat if you don't want to starve!<<else>>
<<if $hungry gte 20>>Maybe you've abused a little. Eating too much isn't good either!
<<elseif $hungry gte 15>>You weren't very hungry anymore but maybe it's not a bad idea to eat more just in case - you don't know when you could eat again.
<<elseif $hungry gte 10>>You were a bit hungry and it's ok to get some nutrients.
<<elseif $hungry gte 5>>You were very hungry but now you're ok! Be careful with yourself!
<<else>>
You saved yourself from the starvation. You should eat more because you don't know what would happen tonight.
<<endif>><<endif>><<endnobr>>
<br><br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
</p> </div></div></div>
<<endnobr>>
<<nobr>>
<<audio mainsong loop play>>
<<audio bonfire loop play>>
<<endnobr>><<nobr>><div class="app">
<!-- Estados de la escena night day fire-low fire-medium fire-high -->
<<nobr>><<if $light gte 9>>
<div class="scene fire-high">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 6>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 4>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div></div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 1>> <div class="scene fire-low">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour">
<<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>>
</div>
</div>
<<else>>
<div class="scene night">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<endif>><<endnobr>>
<div class="stats">
<div>
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio progress-1 = 25% progress-2 = 50% progress-3 = 75% progress-4 = 100% -->
<<nobr>><<if $hungry gte 15>> <div class="bar progress-4"></div>
<<elseif $hungry gte 10>> <div class="bar progress-3"></div>
<<elseif $hungry gte 5>> <div class="bar progress-2"></div>
<<else>> <div class="bar progress-1"></div>
<<endif>>
<<endnobr>>
</div>
<div class="light stat">
<div class="label">Light</div>
<<nobr>><<if $light gte 9>> <div class="bar progress-4"></div>
<<elseif $light gte 6>> <div class="bar progress-3"></div>
<<elseif $light gte 4>> <div class="bar progress-3"></div>
<<elseif $light gte 2>> <div class="bar progress-2"> </div>
<<else>> <div class="bar progress-1"></div>
<<endif>><<endnobr>>
</div>
</div>
<div class="bag">
<div class="quantity"><<print $bag.length>></div>
</div>
</div>
<div class="textbox">
<div class="text-container">
<p>
<<nobr>>
<<if $bag.indexOf("mushroom") gte 0>>[img[assets/icon_mushroom.png]]<br><br>You eat a mushroom. Mushrooms are not your favorite food but you need to eat by the way! <<audio eating play>><<set $hungry to $hungry + 5>><<set $bag.splice($bag.indexOf("mushroom"), 1)>><<else>>You didn't eat anything<<endif>><<endnobr>>
<br><br>
<<nobr>>
<<if $bag.length is 0>>Right now, your bag is empty. Look something to eat if you don't want to starve!<<else>>
<<if $hungry gte 20>>Maybe you've abused a little. Eating too much isn't good either!
<<elseif $hungry gte 15>>You weren't very hungry anymore but maybe it's not a bad idea to eat more just in case - you don't know when you could eat again.
<<elseif $hungry gte 10>>You were a bit hungry and it's ok to get some nutrients.
<<elseif $hungry gte 5>>You were very hungry but now you're ok! Be careful with yourself!
<<else>>
You saved yourself from the starvation. You should eat more because you don't know what would happen tonight.
<<endif>><<endif>><<endnobr>>
<br><br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
</p> </div></div></div>
<<endnobr>>
<<nobr>>
<<audio mainsong loop play>>
<<audio bonfire loop play>>
<<endnobr>><<nobr>><div class="app">
<!-- Estados de la escena night day fire-low fire-medium fire-high -->
<<nobr>><<if $light gte 9>>
<div class="scene fire-high">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 6>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 4>> <div class="scene fire-medium">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div></div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<elseif $light gte 1>> <div class="scene fire-low">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour">
<<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>>
</div>
</div>
<<else>>
<div class="scene night">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<<if $talk gte 5>><div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<<else>>
<div class="character arabella_hidden"></div>
<div class="character dylan_hidden"></div>
<div class="character lilu_hidden"></div>
<<endif>>
<<endnobr>>
<<nobr>><<if $story gte 4>>
<div class="character kurt"></div><<else>>
<div class="character kurt_hidden"></div>
<<endif>>
<div class="character prota"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>>
<div class="fire_hidden"> </div>
<<endif>><<endnobr>>
<div class="hour"><<nobr>>
<<if $talk gte 12>>09:52h
<<elseif $talk gte 11>>09:34h
<<elseif $talk gte 10>>01:42h
<<elseif $talk gte 9>>01:20h
<<elseif $talk gte 8>>00:57h
<<elseif $talk gte 7>>00:41h
<<elseif $talk gte 6>>00:29h
<<elseif $talk gte 5>>00:14h
<<elseif $talk gte 4>>00:07h
<<elseif $talk gte 3>>23:42h
<<elseif $talk gte 2>>23:25h
<<elseif $talk gte 1>>23:12h
<<elseif $story gte 3>>22:51h
<<elseif $story gte 2>>22:46h
<<elseif $story gte 1>>22:32h
<<else>>20:30h
<<endif>>
<<endnobr>> </div>
</div>
<<endif>><<endnobr>>
<div class="stats">
<div>
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio progress-1 = 25% progress-2 = 50% progress-3 = 75% progress-4 = 100% -->
<<nobr>><<if $hungry gte 15>> <div class="bar progress-4"></div>
<<elseif $hungry gte 10>> <div class="bar progress-3"></div>
<<elseif $hungry gte 5>> <div class="bar progress-2"></div>
<<else>> <div class="bar progress-1"></div>
<<endif>>
<<endnobr>>
</div>
<div class="light stat">
<div class="label">Light</div>
<<nobr>><<if $light gte 9>> <div class="bar progress-4"></div>
<<elseif $light gte 6>> <div class="bar progress-3"></div>
<<elseif $light gte 4>> <div class="bar progress-3"></div>
<<elseif $light gte 2>> <div class="bar progress-2"> </div>
<<else>> <div class="bar progress-1"></div>
<<endif>><<endnobr>>
</div>
</div>
<div class="bag">
<div class="quantity"><<print $bag.length>></div>
</div>
</div>
<div class="textbox">
<div class="text-container">
<p>
<<nobr>>
<<if $bag.indexOf("coconut") gte 0>>[img[assets/icon_coconut.png]]<br><br>You eat a coconut. It's giving you energy and the taste of the coconut is making you a little happy on this cold, hostile night.<<audio eating play>><<set $hungry to $hungry + 10>><<set $bag.splice($bag.indexOf("coconut"), 1)>><<else>>You didn't eat anything<<endif>><<endnobr>>
<br><br>
<<nobr>>
<<if $bag.length is 0>>Right now, your bag is empty. Look something to eat if you don't want to starve!<<else>>
<<if $hungry gte 20>>Maybe you've abused a little. Eating too much isn't good either!
<<elseif $hungry gte 15>>You weren't very hungry anymore but maybe it's not a bad idea to eat more just in case - you don't know when you could eat again.
<<elseif $hungry gte 10>>You were a bit hungry and it's ok to get some nutrients.
<<elseif $hungry gte 5>>You were very hungry but now you're ok! Be careful with yourself!
<<else>>
You saved yourself from the starvation. You should eat more because you don't know what would happen tonight.
<<endif>><<endif>><<endnobr>>
<br><br>
<a data-passage="Play"><img src="assets/button_continue.png"/></a>
</p> </div></div></div>
<<endnobr>>
<<nobr>>
<<audio mainsong loop play>>
<<audio bonfire loop play>>
<<endnobr>><<nobr>>
<div class="app">
<div class="intro-box">
<div class="text-container">
Tonight is being nice because you're having a great time with your friends while walking near the forest on the outskirts of town and, of course, with a beer in your hand. Suddenly, one of your friends proposes to play hide-and-seek. Everyone looks at him strangely. He challenges all of you to look for him in the darkness of the forest.
<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\ All of you decide to accept the challenge because you think it's funny. You count to 30 and start looking for him. All of you decide to split into groups to find him. You're going with a friend. Your shoe's cord gets untied and you decide to tie it quickly. But when you get up, your friend is gone. You shout your friend's name but... there's no answer back.
<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\ Definitely, you get lost around the woods. You shout their names over and over again but received no answer.
<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\You are afraid. Your smartphone coverage doesn't work and you can't call nor send messages. Breathing is tough and the knot in your stomach is getting bigger and bigger.
<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\Suddenly, you see a faint glow in the distance. You approach to see what it is.
<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<a data-passage="Play"><img src="https://i.imgur.com/N5XR7eS.png"/></a>
<</linkreplace>> <</linkreplace>> <</linkreplace>> <</linkreplace>> <</linkreplace>>
</div></div></div>
<<endnobr>><<nobr>><div class="app">
<!-- Estados de la escena
night
day
fire-low
fire-medium
fire-high
-->
<div class="scene ">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<div class="character arabella"></div>
<div class="character dylan"></div>
<div class="character lilu"></div>
<div class="character kurt"></div>
<div class="character prota"></div>
<!-- Fuegote
Estados:
hidden
intensity-1
intensity-2
intensity-3
intensity-4
intensity-5
intensity-6
-->
<div class="fire"></div>
<div class="hour">01:23</div>
</div>
<div class="stats">
<div>
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio
progress-1 = 25%
progress-2 = 50%
progress-3 = 75%
progress-4 = 100%
-->
<div class="bar"></div>
</div>
<div class="light stat">
<div class="label">Light</div>
<div class="bar"></div>
</div>
</div>
<div class="bag">
<div class="quantity">12</div>
</div>
</div>
<div class="textbox">
<div class="text-container">
<p class="dialog kurt shout">
Hey, que tal chavalada?
</p>
<p class="dialog arabella shout">
Pues aquí de lujo
</p>
</div>
</div>
</div>
<<endnobr>>Double-click this passage to edit it. <div class="app">
<!-- Estados de la escena
night day fire-low fire-medium fire-high -->
<div class="scene "></div>
<<nobr>><<if $light gte 9>> <div class="scene fire-high"></div>
<<elseif $light gte 6>> <div class="scene fire-medium"></div>
<<elseif $light gte 4>> <div class="scene fire-medium"></div>
<<elseif $light gte 1>> <div class="scene fire-low"></div>
<<else>> <div class="scene night">
<<endif>><<endnobr>>
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<div class="character"></div>
<<nobr>><<if $talk gte 4>><div class="character arabella"></div><div class="character dylan"></div><div class="character lilu"></div><<else>><div class="character arabella hidden"></div><div class="character dylan hidden"></div><div class="character lilu hidden"></div><<endif>><<endnobr>>
<<nobr>><<if $story gte 3>><div class="character kurt"><<else>><div class="character kurt hidden"></div><<endif>><<endnobr>>
<div class="character prota"></div></div>
<!-- Fuegote
Estados: hidden intensity-0 intensity-1 intensity-2 intensity-3 intensity-4 -->
<div class="fire"></div>
<<nobr>><<if $light gte 9>> <div class="fire intensity-4"></div>
<<elseif $light gte 6>> <div class="fire intensity-3"></div>
<<elseif $light gte 4>> <div class="fire intensity-2"></div>
<<elseif $light gte 2>> <div class="fire intensity-1"> </div>
<<elseif $light gte 1>> <div class="fire intensity-0"> </div>
<<else>> <div class="fire hidden">
<<endif>><<endnobr>></div>
<div class="hour">01:23</div>
</div>
<div class="stats">
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio progress-1 = 25% progress-2 = 50% progress-3 = 75% progress-4 = 100% -->
<<nobr>><<if $hungry gte 20>> <div class="bar progress-4"></div>
<<elseif $hungry gte 15>> <div class="bar progress-4"></div>
<<elseif $hungry gte 10>> <div class="bar progress-3"></div>
<<elseif $hungry gte 5>> <div class="bar progress-2"></div>
<<else>> <div class="bar progress-1"></div>
<<endif>>
<<endnobr>>
</div>
<div class="light stat">
<div class="label">Light</div>
<<nobr>><<if $light gte 9>> <div class="bar progress-4"></div>
<<elseif $light gte 6>> <div class="bar progress-3"></div>
<<elseif $light gte 4>> <div class="bar progress-3"></div>
<<elseif $light gte 2>> <div class="bar progress-2"> </div>
<<else>> <div class="bar progress-1"></div>
<<endif>><<endnobr>>
</div><div> </div>
<div class="bag">
<div class="quantity">12</div>
</div>
</div>
<div class="textbox">
<div class="text-container">
You are carrying <<print $bag.length>> items.
<<if $bag.length is 0>>You have nothing.<<else>>You are carrying: <<print $bag.join(", ")>><<endif>>
<<if $light is 0 or $hungry is 0>>You didn't care enough of yourself and something happened...<<else>>
<<nobr>>
<<if $talk gte 11>> It's daylight already. Kurt looks at you with a cheerful face and you understand - you can go home now. You realize that the rest are gone.
<<elseif $talk gte 8>> Although thoughts of guilt for getting lost youself - and also what the rest of your acquaintances will think about this situation - sometimes invade your mind, you feel pretty good with the company of Kurt, Arabella, Lilu and Dylan.<br> <br>
They make you feel better... they make you feel valued.
<<elseif $talk gte 5>>
Lilu, Arabella and Dylan seem to have a complicity relationship with Kurt. They seem to have shared many moments together and have a good time with each other. That good vibes make you feel calmer and your anxiety is not so strong as it was some minutes ago.
<<elseif $talk gte 4>>
Kurt's friends seem very diverse but they seem quite friendly. They give you good vibes. They remind you a little of your friends - you're still wondering if your friends are still worried about you.
<<elseif $talk gte 3>>
You feel a little better, at least now you don't think Kurt's gonna hurt you. He seems friendly and also have empathized with you very easily. Your anxiety has lowered a little.
<<elseif $talk gte 2>>
Kurt is still looking at you, but you can see in his glance a spark of confidence that makes you relax and feel a little calmer.
<br><br>
But you're still a bit doubtful. What if it's not really how he looks? What if he wants to hurt you?
<<elseif $talk gte 1>>
Kurt is still looking at you. When you talked to him, he didn't seem aggressive or wanted to hurt you. Maybe if you talk to him nicely, he won't do anything to you...
<br><br>The knot in the stomach caused by the anxiety of the situation begins to get bigger and bigger.
<<elseif $story gte 3>>
You close your eyes and your head rests on your knees. You hear your heart racing for a while. You hear a strange noise and quickly react by looking in front of you.
<br><br>
You see a strange person beside you at the stake. It's a man. He's staring at you. You feel very scared and you can't react nor can't say a word. Your first thoughts are very messy, but the fear leaves you paralyzed. You don't know what to do... <<set $Kurt to "appear">>
<<elseif $story gte 2>>
You hear strange sounds, but you can't locate where they came from. You look around but you don't see anything unusual.
<br><br>
You take a deep breath and keep looking at the bonfire while you think about whether your friends are worrying about you or not even realizing you're lost. The anxiety is starting to get to you.
<<elseif $story gte 1>>
You start to feel tremors from time to time.
<br><br>
You also feel that the loneliness begins to overwhelm you - also the feelings of guilt begin to appear because you think you've lost yourself because you haven't paid enough attention to what you were doing while playing with you friends.
<<else>>
What you find is a bonfire - but there is no one around or at least that's what it looks like. There are several stumps around the bonfire and you decide to sit down because you think it's the safest place you can be right now until someone finds you.
<br><br>
Now it's very important to take care of yourself - you have to control the bonfire to drive away the beasts and you have to eat from time to time so you don't starve.
<<endif>>
<<endnobr>>
Meanwhile,<<nobr>><b>
<<if $light gte 9>> the bonfire has power. Your surroundings are well lit and you are hot
<<elseif $light gte 6>>
the bonfire is illuminating well. You're in the right temperature now
<<elseif $light gte 4>>
the bonfire light is starting to go out
<<elseif $light gte 2>>the bonfire is very weak. You are cold
<<else>>
the bonfire is about to go out
<<endif>></b>
and
<b><<if $hungry gte 20>> at the moment you don't need to eat because you're fine.
<<elseif $hungry gte 15>>
you're fine with hunger.
<<elseif $hungry gte 10>>your stomach is making some noises.
<<elseif $hungry gte 5>>you're very hungry.
<<else>>
you're starving...
<<endif>></b>
<<endnobr>><<endif>>
<<nobr>><<timed 2s>>
<<if $light is -1 or $hungry is -1>><a data-passage="Game Over"><img src="https://i.imgur.com/N5XR7eS.png"/></a>
<<else>>
<a data-passage="Bag"><img src="https://i.imgur.com/4wgzEM7.png"/></a>
<<if $story gte 4>><a data-passage="Talk"><img src="https://i.imgur.com/jcPkZoU.png"/></a><<endif>>
<a data-passage="Add firewood to the bonfire"><img src="https://i.imgur.com/yOOMefx.png"/></a> <a data-passage="Look at your surroundings"><img src="https://i.imgur.com/sjPGH8l.png"/></a> <<endif>><<endtimed>><<endnobr>></center>
</div>
</div>
</div>
<<nobr>>
<<audio mainsong loop play>>
<<audio bonfire loop play>>
<<set $light to $light - 1>>
<<set $hungry to $hungry - 1>>
<<set $friendship to $friendship + 0>>
<<set $story to $story + 1>>
<<endnobr>><<nobr>>
<style>
body {
background-image: url('https://i.imgur.com/MdIlaD0.gif');
background-repeat: repeat;
background-color: #2989d5;
}
</style>
<div class="app">
<!-- Estados de la escena night day fire-low fire-medium fire-high -->
<<nobr>>
<div class="scene day">
<!-- Personajes (para ocultarlos ponerles la clase hidden)-->
<<nobr>>
<div class="character kurtday"></div>
<div class="character protaday"></div>
<<endnobr>>
<!-- Fuegote Estados: hidden intensity-1 intensity-2 intensity-3 intensity-4 intensity-5 intensity-6 -->
<<nobr>>
<div class="fire_hidden"> </div>
<<endnobr>>
<div class="hour">09:52h</div>
</div>
<<endnobr>>
<div class="stats">
<div>
<div class="hungry stat">
<div class="label">Hungry</div>
<!-- Estados de barra de stat
bar = vacio
progress-1 = 25%
progress-2 = 50%
progress-3 = 75%
progress-4 = 100%
-->
<<nobr>><<if $hungry gte 15>> <div class="bar progress-4"></div>
<<elseif $hungry gte 10>> <div class="bar progress-3"></div>
<<elseif $hungry gte 5>> <div class="bar progress-2"></div>
<<else>> <div class="bar progress-1"></div>
<<endif>>
<<endnobr>>
</div>
<div class="light stat">
<div class="label">Light</div>
<<nobr>><<if $light gte 9>> <div class="bar progress-4"></div>
<<elseif $light gte 6>> <div class="bar progress-3"></div>
<<elseif $light gte 4>> <div class="bar progress-3"></div>
<<elseif $light gte 2>> <div class="bar progress-2"> </div>
<<else>> <div class="bar progress-1"></div>
<<endif>><<endnobr>>
</div>
</div>
<div class="bag">
<div class="quantity"><<print $bag.length>></div>
</div>
</div>
<div class="textbox">
<div class="text-container">
<p>
<p class="dialog prota shout"> Kurt... May I ask you something? What was the real reason you went back to the woods if you managed to get out? </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> Heh... Because I discovered that my mission in this life is to dedicate myself to helping those who were lost in the deep of the forest in the same way as that man helped me when I was lost. I want people to remember me for making them feel good, just as I keep the memory of that man who made me feel good and helped me. Not everyone can reach this role in life. Unlike many people who came to the bonfire, you have something different from the rest - although you were the only one of the very few that reached the bonfire alone, you're very strong. I think you may help people to feel happier if you want to. </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog prota shout"> Oh...do you really think so? Kurt, thank you for your kindness. I'm very thankful for the last night. You helped me a lot. I hope to see you soon. </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<p class="dialog kurt shout"> I'm really looking forward to see you - with a big smile in your face when you arrive the bonfire again! <<audio Kurt play>> </p>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<a data-passage="The end 3"><img src="assets/button_continue.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
</p>
</div> </div> </div>
<<endnobr>>
<<nobr>>
<<audio mainsong stop>>
<<audio birds loop play>>
<<audio bonfire stop>>
<<set $light to 100>>
<<set $hungry to 100>>
<<endnobr>><<nobr>><div class="app">
<div class="intro-box">
<div class="text-container">
<p><center>
<div style="width:500px; align:center;">
<div style="width:200px; float:left;">
<img src="assets/nat.png"><br>
Twine game design, pixel art, UI art and code by Nat Morillo, <b>@natnatnart</b>.</div>
<div style="width:200px; float:right;">
<img src="assets/hopper.png"><br>
HTML & CSS by David Jimenez, <b>@HopperWave</b>.</div>
</div></center>
<br><br><br><br><br><br><br><br><br>Please, consider make a donation on itch.io if you enjoyed the game! This is a small project made with a lot of love and it would make us very happy to receive some support :)<br><br>
<a data-passage="Start"><img src="https://i.imgur.com/cQVbVnY.png"/></a>
</p>
</div></div></div>
<<endnobr>>
<<nobr>>
<<audio mainsong loop play>>
<<endnobr>><<nobr>>
<style>
body {
background-image: url('https://i.imgur.com/MdIlaD0.gif');
background-repeat: repeat;
background-color: #2989d5;
}
</style>
<div class="app">
<div class="intro-box">
<div class="text-container">
<p>
You go back to the bonfire several times - not only with the friends you met the night before but with more new people. Going back there and listening to Kurt make you feel better and in a way purified your feelings a little.<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
But one day, you go back to the bonfire and you don't see Kurt. You go back several times and never see him again. Every time you leave the forest, you feel between sorrow and nostalgia. The place of the bonfire helped you to overcome many bad moments.<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
So one day you decide to stay and live in the place where Kurt lived. You start helping people who get lost in the woods... so that the woods are never a cage for them but a place to have fun - like Kurt taught you. You're happy helping that people in the same way you were helped in the past. <br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
You feel like you're continuing Kurt's legacy. The same legacy he continued from the man who helped him. A tale repeated over and over again - without an end. A tale at the bonfire.
<br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<br>The end.<br><br>
<<linkreplace "[img[https://i.imgur.com/uf1mxnf.gif]]" t8n>>\
<a data-passage="Start"><img src="assets/restart.png"/></a>
<</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>><</linkreplace>>
</p>
</div></div></div>
<<endnobr>>
<<audio bonfire stop>>
<<audio mainsong stop>>
<<audio birds loop play>>