DIVE TO THE HEART

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

Loading…

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 4.5s t8n>><div style="text-align: center;">So much to do...</div> <<next 2.5s>><div style="text-align: center;">So little time...</div><</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div><<timed 8s t8n>><<next 4s>><<passagefade "Landing2" 2000 2000 2000>> <</timed>>

<<cacheaudio "destati" "https://divetothehe.art/destati.mp3">> <<cacheaudio "select" "https://divetothehe.art/select.wav">> <<cacheaudio "nav" "https://divetothehe.art/nav.wav">> <<cacheaudio "special" "https://divetothehe.art/special.mp3">> <<cacheaudio "back" "https://divetothehe.art/back.wav">> <<set $chosen to "">> <<set $forsaken to "">> <<set $earth to 0>> <<set $water to 0>> <<set $wind to 0>> <<set $fire to 0>> <<set $ice to 0>> <<set $lightning to 0>>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<audio "destati" loop play>> <<timed 4s t8n>><div style="text-align: center;">Take your time.</div> <<next 2.5s>><div style="text-align: center;">Don't be afraid.</div> <<next 6s>><<goto "Landing3">> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">After examining your portrait engraved into the glass beneath your feet, a brief flash of light just ahead of you steals your attention away.</div> <<next 4s>><div style="text-align: center;">Three podiums have appeared before you, each housing something different from the next, gleaming with the promise of power.</div> <<next 4s>><div style="text-align: center;">Which one calls out to you?</div> <<next 4s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center;" class="imagecontainer2 weapon"><span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[img[https://divetothehe.art/assets/small_sword.png]["Sword"]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[img[https://divetothehe.art/assets/small_shield.png]["Shield"]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[img[https://divetothehe.art/assets/small_staff.png]["Staff"]]</span></div> <</timed>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div="black"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">Power sleeps within you.</div> <<next 3s>><div style="text-align: center;">If you give it form...</div> <<next 3s>><div style="text-align: center;">It will give you strength.</div> <<next 3s>><div style="text-align: center;">Choose well.</div> <<next 6s>><<goto "Q1">> <</timed>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">The power of the warrior.</div> <<next 3s>><div style="text-align: center;">Invincible courage.</div> <<next 3s>><div style="text-align: center;">A sword of terrible destruction.</div> <<next 5s>><div style="text-align: center;">Is this the power you seek?</div> <<next 2.5s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Yes.|Sword2][$chosen to "warrior"]]</span> <span onmouseenter="nav.playclip()" onmousedown="back.playclip()">[[No.|Q1]]</span> </div> <</timed>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">The power of the guardian.</div> <<next 3s>><div style="text-align: center;">Kindness to aid friends.</div> <<next 3s>><div style="text-align: center;">A shield to repel all.</div> <<next 5s>><div style="text-align: center;">Is this the power you seek?</div> <<next 2.5s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Yes.|Shield2][$chosen to "guardian"]]</span> <span onmouseenter="nav.playclip()" onmousedown="back.playclip()">[[No.|Q1]]</span> </div> <</timed>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">The power of the mystic.</div> <<next 3s>><div style="text-align: center;">Inner strength.</div> <<next 3s>><div style="text-align: center;">A staff of wonder and ruin.</div> <<next 5s>><div style="text-align: center;">Is this the power you seek?</div> <<next 2.5s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Yes.|Staff2][$chosen to "mystic"]]</span> <span onmouseenter="nav.playclip()" onmousedown="back.playclip()">[[No.|Q1]]</span> </div> <</timed>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">Your path is set.</div> <<next 3s>><div style="text-align: center;">Now, what will you give up in exchange?</div> <<next 4s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div><div style="text-align: center;" class="imagecontainer2 weapon"> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[img[https://divetothehe.art/assets/small_shield.png]["SwordShield"]]</span><span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[img[https://divetothehe.art/assets/small_staff.png]["SwordStaff"]]</span> </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">Your path is set.</div> <<next 3s>><div style="text-align: center;">Now, what will you give up in exchange?</div> <<next 4s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div><div style="text-align: center;" class="imagecontainer2 weapon"> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[img[https://divetothehe.art/assets/small_sword.png]["ShieldSword"]]</span><span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[img[https://divetothehe.art/assets/small_staff.png]["ShieldStaff"]]</span> </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">Your path is set.</div> <<next 3s>><div style="text-align: center;">Now, what will you give up in exchange?</div> <<next 4s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div><div style="text-align: center;" class="imagecontainer2 weapon"> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[img[https://divetothehe.art/assets/small_sword.png]["StaffSword"]]</span><span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[img[https://divetothehe.art/assets/small_shield.png]["StaffShield"]]</span> </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">The power of the guardian.</div> <<next 3s>><div style="text-align: center;">Kindness to aid friends.</div> <<next 3s>><div style="text-align: center;">A shield to repel all.</div> <<next 5s>><div style="text-align: center;">You give up this power?</div> <<next 2.5s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Yes.|Q1Cont][$forsaken to "guardian"]]</span> <span onmouseenter="nav.playclip()" onmousedown="back.playclip()">[[No.|Sword2]]</span> </div> <</timed>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">The power of the mystic.</div> <<next 3s>><div style="text-align: center;">Inner strength.</div> <<next 3s>><div style="text-align: center;">A staff of wonder and ruin.</div> <<next 5s>><div style="text-align: center;">You give up this power?</div> <<next 2.5s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Yes.|Q1Cont][$forsaken to "mystic"]]</span> <span onmouseenter="nav.playclip()" onmousedown="back.playclip()">[[No.|Sword2]]</span> </div> <</timed>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">The power of the warrior.</div> <<next 3s>><div style="text-align: center;">Invincible courage.</div> <<next 3s>><div style="text-align: center;">A sword of terrible destruction.</div> <<next 5s>><div style="text-align: center;">You give up this power?</div> <<next 2.5s>><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Yes.|Q1Cont][$forsaken to "warrior"]]</span> <span onmouseenter="nav.playclip()" onmousedown="back.playclip()">[[No.|Shield2]]</span> </div> <</timed>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">The power of the mystic.</div> <<next 3s>><div style="text-align: center;">Inner strength.</div> <<next 3s>><div style="text-align: center;">A staff of wonder and ruin.</div> <<next 5s>><div style="text-align: center;">You give up this power?</div> <<next 2.5s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Yes.|Q1Cont][$forsaken to "mystic"]]</span> <span onmouseenter="nav.playclip()" onmousedown="back.playclip()">[[No.|Shield2]]</span> </div> <</timed>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">The power of the warrior.</div> <<next 3s>><div style="text-align: center;">Invincible courage.</div> <<next 3s>><div style="text-align: center;">A sword of terrible destruction.</div> <<next 5s>><div style="text-align: center;">You give up this power?</div> <<next 2.5s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()"> [[Yes.|Q1Cont][$forsaken to "warrior"]]</span> <span onmouseenter="nav.playclip()" onmousedown="back.playclip()">[[No.|Staff2]]</span> </div> <</timed>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">The power of the guardian.</div> <<next 3s>><div style="text-align: center;">Kindness to aid friends.</div> <<next 3s>><div style="text-align: center;">A shield to repel all.</div> <<next 5s>><div style="text-align: center;">You give up this power?</div> <<next 2.5s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Yes.|Q1Cont][$forsaken to "guardian"]]</span> <span onmouseenter="nav.playclip()" onmousedown="back.playclip()">[[No.|Sword2]]</span> </div> <</timed>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align: center;">You've chosen the power of the <<print $chosen>>.</div> <<next 3s>><div style="text-align: center;">You've given up the power of the <<print $forsaken>>.</div> <<next 3s>><div style="text-align: center;">Is this the form you choose?</div> <<next 2.5s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"> <span onmouseenter="nav.playclip()" onmousedown="special.playclip()">[[Yes.|Q2]]</span> <span onmouseenter="nav.playclip()" onmousedown="back.playclip()">[[Maybe not.|Q1]]</span> </div> <</timed>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<<if $chosen is "warrior">><<if $forsaken is "guardian">><<set $lightning = $lightning+1>><<elseif $forsaken is "mystic">><<set $fire = $fire+1>><</if>><<elseif $chosen is "guardian">><<if $forsaken is "warrior">><<set $earth = $earth+1>><<elseif $forsaken is "mystic">><<set $ice = $ice+1>><</if>><<elseif $chosen is "mystic">><<if $forsaken is "warrior">><<set $wind = $wind+1>><<elseif $forsaken is "guardian">><<set $water = $water+1>><</if>><</if>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align: center;">Another blinding flash of light, and the podiums and their items disappear back into the all-encompassing darkness. You are left alone once more. With nothing left in the area but the stained glass of your heart and its connections beneath you, your eyes fall again to your visage, and you begin to wonder...</div> <<next 6s>><div style="text-align: center;">How do your connections see you?</div> <<next 4s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"><span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Steadfast and stubborn.|Q3][$earth += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Relaxed and carefree.|Q3][$wind += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Flexible and sensitive.|Q3][$water += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Quick-witted and motivated.|Q3][$lightning += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Bright and spirited.|Q3][$fire += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Pragmatic and reserved.|Q3][$ice += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I don't know.|Q3]]</span> </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">... and what do you value most about your connections?</div><<next 4s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"><span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[How they balance me out.|Q4][$earth += 1, $wind += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[How they help me grow.|Q4][$earth += 1, $fire += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[That they inspire and excite me.|Q4][$wind += 1, $fire += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[That they challenge me.|Q4][$water += 1, $lightning += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[That we make each other stronger.|Q4][$lightning += 1, $ice += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[That they share my ideals and interests.|Q4][$ice += 1, $water += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I don't know.|Q4]]</span> </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">... What would you say is your greatest strength?</div> <<next 4s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"><span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I take things as they come, whatever it may be.|Q5][$wind += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I persevere, and bear even through the worst of it.|Q5][$earth += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I find the most strength in my connections with others.|Q5][$fire += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I’m self-reliant and can do just fine when on my own.|Q5][$ice += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I think considerately and can easily understand the heart of a matter.|Q5][$water += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I think on my feet and can turn any situation around.|Q5][$lightning += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I don't know.|Q5]]</span> </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div> <<timed 2.5s t8n>><div style="text-align: center;">... and your greatest weakness?</div> <<next 4s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"><span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I don’t know when to stop, and lose sight of myself that way.|Q6][$lightning += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I find myself being easily impressionable, even to my detriment.|Q6][$wind += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I have a tendency to forget about my own well-being.|Q6][$earth += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I find it difficult to open up, and I resort to isolation in the face of conflict.|Q6][$ice += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I have a hard time letting go, even if it hurts me.|Q6][$water += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I hate backing down, and I hate losing even more.|Q6][$fire += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I don't know.|Q6]]</span> </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align: center;">As if reacting to your thoughts, your heart glows with a lively lambency, drawing your gaze to a winding staircase materializing before the precipice of the station.</div> <<next 4s>><div style="text-align: center;">You close your eyes as you approach it, hoping it will take you to a place pictured at the forefront of your mind.</div> <<next 4s>><div style="text-align: center;">What is that place, exactly—what does it feel like?</div> <<next 4s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"><span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Somewhere I can feel the world and expanse rumbling all around me.|Q7][$lightning += 1, $earth += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Somewhere that's warm, and I can feel vapor catching on my skin.|Q7][$water += 1, $fire += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Somewhere I can feel the breeze chilling my body.|Q7][$wind += 1, $ice += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Somewhere exactly like this.|Q7][$fire += 1, $lightning += 1, $ice += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Anywhere but here.|Q7][$water += 1, $earth += 1, $wind += 1]]</span> </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align: center;">Eager to see what lies ahead or leave the station behind, you start climbing while minding your footfalls. The fall into the darkness below looks deep and unforgiving.</div> <<next 3s>><div style="text-align: center;">A second heart station steadily manifests at the very top of the staircase in tandem with your ascension, growing more tangible as if begging for your presence. Although there's still some distance to cover, you can faintly make out some words reaching you, emitting from the peak, as if calling to you.</div> <<next 6s>><div style="text-align: center;">What do you hear?</div> <<next 4s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"><span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[No, I don’t think life is quite that simple.|Q8][$lightning += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I can’t help but have a hunch, that I will lose you.|Q8][$earth += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I am truly more insatiable than anyone.|Q8][$fire += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Wonk uoy naht noitceffa erom deen I.|Q8][$ice += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[There wasn’t a single thing waiting for me at the end of my dreams.|Q8][$water += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I wanna be here eternally; somewhere where nobody can find us.|Q8][$wind += 1]]</span> </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align: center;">After an eternity of climbing, you finally make it to the next station. Like the last, its surface of stained glass radiates light from beneath your feet. You stand there for a moment, marveling over how far you've traveled and gazing at the first station from this height.</div> <<next 4s>><div style="text-align: center;">The words you've heard before have dissipated, the source seemingly gone.</div> <<next 3s>><div style="text-align: center;">All that remains is you and your <span onmouseenter="nav.playclip()" onmousedown="select.playclip()"><<link "shadow">><<passagefade "Q8.2" 1000 1000 1000>><</link>></span>.</div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/bheader1.png" /></div><<timed 2.5s t8n>><div style="text-align: center;">The closer you get to light, the greater your shadow becomes.</div> <<next 3s>><div style="text-align: center; opacity:1;" class="shadow"> [img[https://divetothehe.art/assets/shadow.webp]]</div> <<next 2.5s>><div style="text-align: center;">But don't be afraid. Keep your light burning strong.</div> <<next 3s>><div style="text-align: center;"><<if $chosen is "warrior">> <span onmouseenter="nav.playclip()" onmousedown="special.playclip()">[img[https://divetothehe.art/assets/small_sword.png]["Q8.3"]]</span> <<elseif $chosen is "guardian">> <span onmouseenter="nav.playclip()" onmousedown="special.playclip()">[img[https://divetothehe.art/assets/small_shield.png]["Q8.3"]]</span> <<elseif $chosen is "mystic">> <span onmouseenter="nav.playclip()" onmousedown="special.playclip()">[img[https://divetothehe.art/assets/small_staff.png]["Q8.3"]]</span> <</if>></div><</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/bheader3.png"></div>

<<if $chosen is "warrior">><<set _weapon = "sword">><<elseif $chosen is "guardian">><<set _weapon = "shield">><<elseif $chosen is "mystic">><<set _weapon = "staff">><</if>><div style="text-align: center;"><img src="https://divetothehe.art/assets/bheader1.png" /></div><div style="text-align: center; opacity:1;" class="shadow">[img[https://divetothehe.art/assets/shadow.webp]]</div> <<timed 2.5s t8n>><div style="text-align: center;">You brace your _weapon in front of you as your shadow watches silently.</div> <<next 2.5s>><div style="text-align: center;">What do you do next?</div> <<next 4s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/bheader2.png"></div><div style="text-align: center; line-height:200%;"><span onmouseenter="nav.playclip()" onmousedown="select.playclip()"><<link "I'll wait, assessing its movements with clarity before I counterattack.">><<set $wind to $wind+1, $earth to $earth+1, $water to $water+1>><<passagefade "Q9A" 1000 1000 1000>><</link>></span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()"><<link "I'll attack before it gets the chance to.">><<set $fire to $fire+1, $ice to $ice+1, $lightning to $lightning+1>><<passagefade "Q9B" 1000 1000 1000>><</link>></span> </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/bheader3.png"></div>

<div style="text-align: center;"> <img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align: center;">Before it even gets the chance to take a step towards you, you've already lunged forward to drive your weapon through its murky form.</div> <<next 2.5s>><div style="text-align: center;">Slowly and silently, it dissolves into light.</div> <<next 6s>><<passagefade "Q9" 1000 1000 1000>> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"> <img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align: center;">After a moment, your shadow lunges at you, clumsy but frenzied. With your weapon still braced defensively, you block its attack before retaliating, driving an attack of your own through its hollow form.</div> <<next 2.5s>><div style="text-align: center;">Quickly and with a gargled cry, it dissipates into darkness.</div> <<next 6s>><<passagefade "Q9" 1000 1000 1000>> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"> <img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align: center;">There will be times where you have to fight, in order to protect what matters most to you.</div> <<next 3s>><div style="text-align: center;">If you find yourself faltering in the face of danger, do not fear—the power you seek lies waking within you, embedded deep within your heart. You've already made it this far, and you can feel it thrumming, just beneath the surface.</div> <<next 3s>><div style="text-align: center;">All it asks is this: how far will you go to protect what matters most to you?</div> <<next 4s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div> <div style="text-align: center; line-height:200%;"><span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Whatever it takes. Whatever distance comes between, I’ll cross it.|ENDING][$lightning += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I’ll wait as long as it takes. I know a happy ending will find its way to us.|ENDING][$wind += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I'll give up anything and everything, as long as it's mine to lose.|ENDING][$earth += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[No sacrifice is too great; this is the only thing that matters to me.|ENDING][$ice += 1, $fire += 1, $lightning += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[Nothing will take this away from me—I'll hold on, for as long as it takes.|ENDING][$water += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I know my path forward. Whoever gets close enough to burn, it’s not my fault.|ENDING][$fire += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I'll do anything, but I refuse to sacrifice someone else for my own happiness.|ENDING][$water += 1, $earth += 1, $wind += 1]]</span> <span onmouseenter="nav.playclip()" onmousedown="select.playclip()">[[I don’t mind letting go if distance is what keeps it safe.|ENDING][$ice += 1]]</span> </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"> <img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align: center;">Your answer resonates with the space of your heart, and all around you, you feel a thrum as if something were satisfied.</div> <<next 4s>><div style="text-align: center;">Then you hear it:</div> <<next 3s>><div style="text-align: center;"><span onmouseenter="nav.playclip()" onmousedown="select.playclip()"><em><<link "Crack">><<passagefade "ENDING2" 1000 1000 1000>><</link>>.</em></span></div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<<set $result to Math.max($earth, $wind, $water, $lightning, $fire, $ice)>> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align: center;">Beneath your feet, your heart station webs with cracks that distort the glass. You can feel something lingering beneath the surface.</div> <<next 4s>><div style="text-align: center;">This is it: what you're here for, and what your heart wanted you to have.</div> <<next 4s>><div style="text-align: center;">Despite any fears of falling or what lies waiting for you in the darkness below, you crouch down to run your hand over some of the damage. Light and color begins seeping forth from where your fingers touch.</div> <<next 3s>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header2.png"></div><div style="text-align: center;"><<if $result == $earth>>Resolutely, you extend your hand to embrace the <span onmouseenter="nav.playclip()" onmousedown="special.playclip()"><<link "power slowly stirring within your heart">><<passagefade "EARTH" 1000 1000 1000>><</link>></span>... <<elseif $result == $wind>>Airily, you extend your hand to welcome the <span onmouseenter="nav.playclip()" onmousedown="special.playclip()"><<link "power now awakened within your heart">><<passagefade "WIND" 1000 1000 1000>><</link>></span>... <<elseif $result == $water>> Desperately, you extend your hand to cling onto the <span onmouseenter="nav.playclip()" onmousedown="special.playclip()"><<link "power washing over your heart">><<passagefade "WATER" 1000 1000 1000>><</link>></span>... <<elseif $result == $lightning>> Quickly, you extend your hand to greet the <span onmouseenter="nav.playclip()" onmousedown="special.playclip()"><<link "power bursting forth from your heart">><<passagefade "LIGHTNING" 1000 1000 1000>><</link>></span>... <<elseif $result == $fire>> Excitedly, you extend your hand to marvel at the <span onmouseenter="nav.playclip()" onmousedown="special.playclip()"><<link "power radiating from your heart">><<passagefade "FIRE" 1000 1000 1000>><</link>></span>... <<elseif $result == $ice>> Calmly, you extend your hand and succumb to the <span onmouseenter="nav.playclip()" onmousedown="special.playclip()"><<link "power stilling your heart">><<passagefade "ICE" 1000 1000 1000>><</link>></span>... <</if>></div><</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/bheader1.png" /></div><<timed 2.5s t8n>><div style="text-align:center;"><img src="https://divetothehe.art/assets/earth.png" /></div> <div style="text-align: center;">Your Heart has spoken, and it aligns itself with the element of <span class="earth">EARTH</span>.</div> <<next 2.5s>><div style="text-align: center;">You’re a steady and reliable person, eager to live life at a routine consistency. You see the value in simplicity, finding magic in the boring and the mundane. With level-headedness and maturity, you often find yourself being the pillar for others to lean on.</div> <<next 5s>><div style="text-align: center;">They say that those with hearts of <span class="earth">EARTH</span> are stubborn to a fault and that they can persevere through anything and everything. In your case, that sense of persistence is both a blessing and a curse—you can overextend yourself without even realizing. What you’re left with is a great aversion to change, the unfamiliar. The <span class="earth">EARTH</span> is always underneath our feet, after all, so you’d rather be familiar with the terrain you’re walking over.</div> <<next 5s>><div style="text-align: center;"><span class="earth"><u>PASSIVE ABILITY: LAY OF THE LAND</u></span> Once per week, on a NAT 20 roll, Earth-attuned players can learn the location of a key clue or puzzle. </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/bheader3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/bheader1.png" /></div><<timed 2.5s t8n>><div style="text-align:center;"><img src="https://divetothehe.art/assets/wind.png" /></div> <div style="text-align: center;">Your Heart has spoken, and it aligns itself with the element of <span class="wind">WIND</span>.</div> <<next 2.5s>><div style="text-align: center;">You are someone who truly walks to the beat of their own drum, unfocused on the whims of others. That isn't to say you are uncaring—quite the opposite, infact. You have a natural curiosity of those around you, a need to know the world you find yourself floating through, and the charisma to back it up.</div> <<next 5s>><div style="text-align: center;">To some, those with hearts of <span class="wind">WIND</span> might come off as flakey, or flighty... It's not from a place of irresponsibility that this tendency to jump from one place to the next quickly comes from. Rather, it's simply in your nature to flow wherever your Heart takes you—unpredictable, and unable to be controlled.</div> <<next 5s>><div style="text-align: center;"><span class="wind"><u>PASSIVE ABILITY: WIND AT YOUR BACK</u></span> Wind-attuned players will succeed any evasive action taken, or a check relying on speed, as long as their roll is a 10 or higher. </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/bheader3.png"></div>

<div style="text-align: center;"><img src="https://divetothehe.art/assets/bheader1.png" /></div><<timed 2.5s t8n>><div style="text-align:center;"><img src="https://divetothehe.art/assets/water.png" /></div> <div style="text-align: center;">Your Heart has spoken, and it aligns itself with the element of <span class="water">WATER</span>.</div> <<next 2.5s>><div style="text-align: center;">Intuitive, amicable, and tender-hearted, your sensitivity is what makes you compassionate towards all people and situations. Home, friends, family—you seek depth from every wave that breaks your shore, and, just like waves, they come steadily and easily to you. There is no shortage of situations wherein you are not welcome or needed and you understand this; kindness is what the world needs most and you have much to spare.</div> <<next 5s>><div style="text-align: center;">While your greatest strength comes from successfully navigating the tides of your feelings, losing control means they and your connections can become your biggest weaknesses. When met with a lack of reciprocation, you hold on. When faced with hurt, you keep holding on. When enduring a loss, you dig your fingers in deeper and bear it. Disturbing the surface is what you want the least, lest you lose the peace and security you worked so hard to foster—but those with hearts of <span class="water">WATER</span> are susceptible to emotional volatility, and once you start drowning, you’ll soon find it hard to stop.</div> <<next 5s>><div style="text-align: center;"><span class="water"><u>PASSIVE ABILITY: ARCANE SIGHT</u></span> All water-attuned players can inherently see the elemental alignment in a particular area, object, or person. </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/bheader3.png"></div>

<div style="text-align: center;"> <img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align:center;"><img src="https://divetothehe.art/assets/ice.png" /></div> <div style="text-align: center;">Your Heart has spoken, and it aligns itself with the element of <span class="ice">ICE</span>.</div> <<next 2.5s>><div style="text-align: center;">You are a person who finds comfort in distance and peace in quiet; you may be simply introverted, a contrarian, or this is because of something that has caused you to harden yourself against hardship. Whatever the case may be, you are your own greatest strength, and you’ve become a stronger person because of it.</div> <<next 5s>><div style="text-align: center;">Those with Hearts of <span class="ice">ICE</span> are calm, self-sufficient, and calculating dualists—their minds can be as light as fresh snow, or as sharp as frost. Experiencing strife has molded you into someone who appears aloof to others, but in reality, that coldness is just a symptom of your strong independence and sensibility. Even so, some may mistake or recognize this as loneliness and a lack of ability to separate desires from responsibilities—sicknesses that, if left untreated, can lead to vengefulness and bitter resentment.</div> <<next 5s>><div style="text-align: center;"><span class="ice"><u>PASSIVE ABILITY: CRYSTAL CLEAR</u></span> Able to see deeper than surface level at just a glance, rolls made by ice-attuned players will always be critical when the base roll is 17 or above. </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"> <img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align:center;"><img src="https://divetothehe.art/assets/lightning.png" /></div> <div style="text-align: center;">Your Heart has spoken, and it aligns itself with the element of <span class="lightning">LIGHTNING</span>.</div> <<next 2.5s>><div style="text-align: center;">You're a highly ambitious person, confident in your decision-making skills. Once you have a goal in mind, there's little—if anything at all—that could stop you from accomplishing it, and you love to aim high. <span class="lightning">LIGHTNING</span> always strikes the tallest peaks, after all.</div> <<next 5s>><div style="text-align: center;">Those with Hearts of <span class="lightning">LIGHTNING</span> are patient, able to think on their toes and make decisions quickly—whether or not those decisions prove to be the correct one always remains to be seen. You're able to keep a level head in the face of hardships, though—like all people, even you have your own outbursts of emotion from time to time. Loud, explosive, but just as quick to move on as all other emotions.</div> <<next 5s>><div style="text-align: center;"><span class="lightning"><u>PASSIVE ABILITY: SNAP REFLEXES</u></span> Lightning-attuned players may reroll any 1 they roll once. You must use the new roll, regardless of outcome. </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<div style="text-align: center;"> <img src="https://divetothehe.art/assets/header1.png" /></div><<timed 2.5s t8n>><div style="text-align:center;"><img src="https://divetothehe.art/assets/fire.png" /></div> <div style="text-align: center;">Your Heart has spoken, and it aligns itself with the element of <span class="fire">FIRE</span>.</div> <<next 2.5s>><div style="text-align: center;">You’re the very image of passion, power and proactivity. A bright soul like yours makes for a natural-born leader, the kind of signpost others feel comfortable following. If others call you ‘crude’ or ‘opinionated’, it’s only because they know you’re usually right.</div> <<next 5s>><div style="text-align: center;">Those with hearts of <span class="fire">FIRE</span> are undeterred, just as a flame may flicker and flutter but never go out. Sometimes, however, that determination crosses the line into reckless insatiability. You try and try and try, and in spite of this may find your efforts constantly foiled or snuffed out by others. Have heart, though; the path you illuminate forward will surely find its way.</div> <<next 5s>><div style="text-align: center;"><span class="fire"><u>PASSIVE ABILITY: COMMUNAL PYRE</u></span> The magic of fire-attuned players is amplified, the more fire-players are present in an area. For every fire-attuned player in the area when a fire spell is being cast, you may add +2 to your roll. </div> <</timed>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div>

<<timed 2.5s t8n>><div style="text-align: center;"><img src="https://divetothehe.art/assets/header1.png" /></div><div style="text-align: center;">Note: This website is optimized for viewing on a desktop browser. It is still okay to proceed on mobile, but some effects and buttons may not be properly viewable or interactable. To get the full experience, it's encouraged to take the quiz on a computer!</div> <<next 4s>><div style="text-align: center;">Additionally, if you encounter any bugs, trouble, or errors, please let Sunny know and it will be fixed ASAP! ദ്ദി(˵ •̀ ᴗ - ˵ ) ✧</div> <<next 4s>><div style="text-align: center;">With that being said, please proceed with your...</div> <<next 3s>><div style="text-align: center;"><span onmouseover="nav.playclip()" onmousedown="special.playclip()"><<link "DIVE TO THE HEART.">><<passagefade "Landing" 2000 2000 2000>><</link>></span></div> <div style="text-align: center;"><img src="https://divetothehe.art/assets/header3.png"></div><</timed>>