<div class="gw-container">
<div class="intro-image-wrap">
<img src="https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=800&q=80"
alt="Steaming coffee"
class="intro-image">
<div class="intro-image-overlay"></div>
<div class="intro-timestamp">Monday — 08:15 am</div>
</div>
<div class="intro-body">
<p class="intro-text">
The office is still almost empty. A soft murmur drifts through the corridors from somewhere in the distance, but here, in your refuge, there is silence.
</p>
<p class="intro-text">
The steam from your coffee curls in the morning air. A perfect moment to plan the week in an organised way. You breathe in deeply and switch on your computer.
</p>
</div>
<div class="intro-action">
(link: "Open inbox →")[(go-to: "Email EN")]
</div>
</div>
<div class="gw-container">
<div class="gw-title">
<h2>📬 Inbox</h2>
<p>Monday, 18.02.2026 - 08:15 am</p>
</div>
<hr class="gw-divider">
<div class="email-window">
<div class="email-header">
<div class="email-subject">ESCALATION: Project Phoenix / Final Deadline</div>
<div class="email-meta">
<span><strong>From:</strong> Dr. Aris v. Berning (CEO)</span><br>
<span><strong>To:</strong> [Your name] (Department Head)</span><br>
<span><strong>Date:</strong> Monday, 18.02.2026, 07:14 am</span>
</div>
</div>
<div class="email-body">
<p>Dear Sir or Madam,</p>
<p>I refer to our previous milestone planning. As the promised correction of the software architecture has once again failed to materialise by the agreed deadline last Friday, we see no basis for continuing Project Phoenix.</p>
<p>I have just instructed my legal department to prepare the termination of the framework agreement without notice. Should the critical bugs not be demonstrably resolved by today at <strong>4:00 pm</strong>, we will withdraw all orders with a total volume of <strong>€4.2 million</strong>.</p>
<p>Your project reports about the allegedly "smooth progress" strike me as outright mockery given the reality.</p>
<p class="email-closing">Yours sincerely,<br><strong>Dr. Aris v. Berning</strong></p>
</div>
</div>
<div class="intro-action" style="margin-top: 16px;">
[[Thought Storm EN]]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>📬 Inbox</h2>
<p>Fact check — internal email thread</p>
</div>
<hr class="gw-divider">
<div class="email-window" style="margin-bottom: 14px;">
<div class="email-header">
<div class="email-subject" style="color: #2a7a4b;">📧 Quick update Phoenix</div>
<div class="email-meta">
<span><strong>From:</strong> Marcus (Sales Team A)</span><br>
<span><strong>To:</strong> [Your name] (Department Head)</span><br>
<span><strong>Date:</strong> Thursday, 12.02.2026, 4:45 pm</span>
</div>
</div>
<div class="email-body">
<p>Hey, just so you know: the client is being a bit "grumpy" about the architecture issues. But no worries, we've got it under control. The team is ironing out the minor details.</p>
<p>I told him we're fully on track. No need to do anything further, we'll sort it at the next check-in — that's next week.</p>
<p class="email-closing">Have a good weekend!<br><strong>Marcus</strong></p>
</div>
</div>
|zweitemail>[
<div class="email-nav-hint">
<span class="email-nav-dot"></span>
<span class="email-nav-dot active"></span>
</div>
<div class="intro-action" style="margin-bottom: 14px;">
(link: "Show older message →")[
(replace: ?zweitemail)[
<div class="email-window" style="margin-bottom: 14px;">
<div class="email-header">
<div class="email-subject" style="color: #2a7a4b;">📧 All in the green</div>
<div class="email-meta">
<span><strong>From:</strong> Marcus (Sales Team A)</span><br>
<span><strong>To:</strong> [Your name] (Department Head)</span><br>
<span><strong>Date:</strong> Monday, 02.02.2026, 09:12 am</span>
</div>
</div>
<div class="email-body">
<p>Morning! Quick heads up: Phoenix is running. The bugs are really just cosmetic.</p>
<p>I told Berning we're prioritising it. He was satisfied.</p>
<p><strong style="color: #2a7a4b;">Status: Green.</strong></p>
<p class="email-closing"><strong>Marcus</strong></p>
</div>
</div>
<div class="email-nav-hint">
<span class="email-nav-dot active"></span>
<span class="email-nav-dot active"></span>
</div>
<div class="intro-action">
(link: "Continue →")[(go-to: "Action Cards EN")]
</div>
]
]
</div>
]
</div><div class="gw-container">
<div class="gw-title">
<h2>⚡ Thought Storm</h2>
<p>What is racing through your mind?</p>
</div>
<hr class="gw-divider">
<div class="briefing-card">
<div class="briefing-situation">
The email hits you unexpectedly – in fractions of a second, thoughts shoot through your head.
</div>
<hr class="gw-divider">
<ul class="briefing-rules">
<span>Let the thoughts land for a moment — they don't have to be logical or fair.</span>
<br>
<span>Choose <strong>3 thoughts</strong> that match your spontaneous emotional state.</span>
<br>
<span>Trust your first impulse. There is no right or wrong.</span>
</ul>
<hr class="gw-divider">
<div class="briefing-footer">
The storm ends as soon as you have chosen 3 thoughts or the time has elapsed.
</div>
</div>
<div class="intro-action">
(link: "Ready to listen to the inner voice? →")[(goto: "Logic EN")]
</div>
</div>(set: $ausgewaehlt to false)
(set: $timer to 45)
<div class="gw-container">
<div class="gw-title">
<h2>⚡ Thought Storm</h2>
<p>Click the thoughts that feel familiar...</p>
</div>
<div class="gw-statusbar">
<div class="gw-dots-container">|status>[○ ○ ○]</div>
<div class="gw-timer-container">|countdown>[<span style="color:orange;">⏱ $timer seconds</span>]</div>
</div>
<div class="gw-card">|gedankenfeld>[(set: $gedankeAktiv to (either: ...$gedanken))(set: $gedanken to it - (a: $gedankeAktiv))<div class="gw-thought">"$gedankeAktiv"</div>(link-reveal: "✓ Applies to me")[(set: $bestaetigt to it + (a: $gedankeAktiv))(replace: ?status)[(if: $bestaetigt's length is 1)[<span style="color:orange;">●</span> ○ ○](else-if: $bestaetigt's length is 2)[<span style="color:orange;">● ●</span> ○](else-if: $bestaetigt's length >= 3)[<span style="color:orange;">● ● ●</span>(set: $ausgewaehlt to true)]](replace: ?gedankenfeld)[<div class="gw-accepted">✓ Accepted</div>]]]</div>
</div>
(live: 3s)[
(if: $bestaetigt's length >= $maxGedanken or $gedanken's length is 0)[
(set: $ausgewaehlt to true)
(set: $Gewitter1 to $bestaetigt)
(stop:)
(go-to: "Evaluation G EN")
](else:)[
(set: $gedankeAktiv to (either: ...$gedanken))(set: $gedanken to it - (a: $gedankeAktiv))
(replace: ?gedankenfeld)[<div class="gw-thought">"$gedankeAktiv"</div>(link-reveal: "✓ Applies to me")[(set: $bestaetigt to it + (a: $gedankeAktiv))(replace: ?status)[(if: $bestaetigt's length is 1)[<span style="color:orange;">●</span> ○ ○](else-if: $bestaetigt's length is 2)[<span style="color:orange;">● ●</span> ○](else-if: $bestaetigt's length >= 3)[<span style="color:orange;">● ● ●</span>
(set: $Gewitter1 to $bestaetigt)
(set: $ausgewaehlt to true)]]
(replace: ?gedankenfeld)[<div class="gw-accepted">✓ Accepted</div>]]]
]
]
(live: 1s)[
(set: $timer to it - 1)
(if: $ausgewaehlt is true) [(stop:)(go-to: "Evaluation G EN")]
(else-if: $timer <= 0)[
(set: $Gewitter1 to $bestaetigt)
(stop:)
(replace: ?countdown)[<span style="color:orange; font-weight:bold;">⏱ Time's up!</span>](go-to: "Evaluation G EN")]
(else:)[
(if: $timer >= 15)[(replace: ?countdown)[<span style="color:orange;">⏱ $timer seconds</span>]]
(else-if: $timer >= 10)[(replace: ?countdown)[<span style="color:orange; font-weight:bold;">⏱ $timer seconds</span>]]
(else:)[(replace: ?countdown)[<span style="color:#ff4444; font-weight:bold;">⏱ $timer s</span>]]
]
]<div class="gw-container">
<div class="gw-title">
<h2>⚙️ Assessing the situation</h2>
<p>You now know what you think and feel. The question is: what do you do?</p>
<p>The situation gives you little time. You need to decide where to look for clues first — each choice opens a different perspective.</p>
</div>
<hr class="gw-divider">
<div class="gw-context">
<span>⏰ Deadline: <strong>4:00 pm</strong></span>
<span>·</span>
<span>💓 Pulse: <strong>100 BPM</strong></span>
</div>
<div class="strategy-grid">
<div class="strategy-card">
<div class="card-label">Strategy A</div>
<div class="card-icon">🔍 Check inbox</div>
(link: "I check the internal email thread first to understand what was communicated internally.")[
(set: $perspektive to "kalt")
(set: $antrieb to "analytisch")
(go-to: "Fact Check EN")
]
</div>
<div class="strategy-card">
<div class="card-label">Strategy B</div>
<div class="card-icon">📞 Call the client</div>
(link: "I make direct personal contact with the client to clarify the situation together.")[
(set: $perspektive to "warm")
(set: $antrieb to "impulsiv")
(go-to: "Client Contact EN")
]
</div>
<div class="strategy-card">
<div class="card-label">Strategy C</div>
<div class="card-icon">👥 Talk to the team</div>
(link: "I call the team together immediately. We need to tackle this with full energy.")[
(set: $perspektive to "heiss")
(set: $antrieb to "kollektiv")
(go-to: "Team Meeting EN")
]
</div>
<div class="strategy-card">
<div class="card-label">Strategy D</div>
<div class="card-icon">☕ Go to the kitchen</div>
(link: "I need a moment of distance. Let's hear what the grapevine has to say.")[
(set: $perspektive to "neutral")
(set: $antrieb to "passiv")
(go-to: "Coffee Kitchen EN")
]
</div>
</div>
</div>(for: each _g, ...$Gewitter1)[
(if: $gedankenMap contains _g)[
(set: _kat to $gedankenMap's _g)
(set: $Gewitter1Kategorie to it + (a: _kat))
]
]
(for: each _k, ...$Gewitter1Kategorie)[
(set: $kategorieZaehler's _k to ($kategorieZaehler's _k) + 1)
]
(set: $Gewitter1Typ to (a:))
(for: each _h, ...$Gewitter1)[
(if: $denkTypMap contains _h)[
(set: _kat to $denkTypMap's _h)
(set: $Gewitter1Typ to it + (a: _kat))
]
]
(for: each _k, ...$Gewitter1Typ)[
(set: $kategorieZaehler1's _k to ($kategorieZaehler1's _k) + 1)
]
(set: $dominanterReaktionstyp to "ambivalent")
(set: _maxR to 0)
(for: each _k, ...(datanames: $kategorieZaehler))[
(if: ($kategorieZaehler's _k) > _maxR)[
(set: _maxR to ($kategorieZaehler's _k))
(set: $dominanterReaktionstyp to _k)
]
]
(if: _maxR is 1)[
(set: $dominanterReaktionstyp to "ambivalent")
]
(set: $dominanterDenktyp to "ambivalent")
(set: _maxD to 0)
(for: each _k, ...(datanames: $kategorieZaehler1))[
(if: ($kategorieZaehler1's _k) > _maxD)[
(set: _maxD to ($kategorieZaehler1's _k))
(set: $dominanterDenktyp to _k)
]
]
(if: _maxD is 1)[
(set: $dominanterDenktyp to "ambivalent")
]
(go-to:"Feedback Loop EN")
(set: $ausgewaehlt to false)
(set: $timer to 45)
(set: $Gewitter1 to (a: "No reaction"))
(set: $Gewitter1Kategorie to (a:))
(set: $Gewitter1Typ to (a:))
(set: $bestaetigt to (a:))
(set: $maxGedanken to 3)
(set: $gedankeAktiv to "")
(set: $gedanken to (a:
"Who made which decisions here – and why.",
"I want to know who bears responsibility for this.",
"Marcus should have escalated this. That's his job.",
"I expect the team to deliver now.",
"If this comes out, I'll look like a failure.",
"I'm wondering whether I'm still the right person for this.",
"Honestly, I never wanted to take on this project.",
"I need a moment before I do anything.",
"How long have they been sitting on this?",
"I need a clear picture of the situation first.",
"The client is the priority – I need to stabilise that.",
"I want to get the key people around one table.",
"I'm thinking about which next step will have the most impact.",
"I don't know enough yet to act.",
"There are too many variables right now.",
"I'll wait to see how the situation develops."
))
(unless: $code is an array)[
(set: $code to (array:))
]
(set: $gedankenMap to (datamap:
"Who made which decisions here – and why.", "Angriff",
"I want to know who bears responsibility for this.", "Angriff",
"Marcus should have escalated this. That's his job.", "Angriff",
"I expect the team to deliver now.", "Angriff",
"If this comes out, I'll look like a failure.", "Flucht",
"I'm wondering whether I'm still the right person for this.", "Flucht",
"Honestly, I never wanted to take on this project.", "Flucht",
"I need a moment before I do anything.", "Flucht",
"How long have they been sitting on this?", "Flucht",
"I need a clear picture of the situation first.", "Lösung",
"The client is the priority – I need to stabilise that.", "Lösung",
"I want to get the key people around one table.", "Lösung",
"I'm thinking about which next step will have the most impact.", "Lösung",
"I don't know enough yet to act.", "Freeze",
"There are too many variables right now.", "Freeze",
"I'll wait to see how the situation develops.", "Freeze",
"No reaction", "Freeze"
))
(set: $denkTypMap to (datamap:
"Who made which decisions here – and why.", "extern",
"I want to know who bears responsibility for this.", "extern",
"Marcus should have escalated this. That's his job.", "extern",
"I expect the team to deliver now.", "extern",
"If this comes out, I'll look like a failure.", "intern",
"I'm wondering whether I'm still the right person for this.", "intern",
"Honestly, I never wanted to take on this project.", "intern",
"I need a moment before I do anything.", "intern",
"How long have they been sitting on this?", "extern",
"I need a clear picture of the situation first.", "konstruktiv",
"The client is the priority – I need to stabilise that.", "konstruktiv",
"I want to get the key people around one table.", "konstruktiv",
"I'm thinking about which next step will have the most impact.", "konstruktiv",
"I don't know enough yet to act.", "passiv",
"There are too many variables right now.", "passiv",
"I'll wait to see how the situation develops.", "passiv",
"No reaction", "passiv"
))
(set: $emotionsRichtungMap to (datamap:
"Outrage", "nach-außen",
"Shame", "nach-innen",
"Impatience", "nach-außen",
"Focus", "öffnend",
"Determination", "nach-außen",
"Sobriety", "öffnend",
"Numbness", "schließend",
"Confidence", "öffnend",
"Nervousness", "nach-innen",
"Heaviness", "nach-innen",
"Exhaustion", "schließend",
"Disorientation", "schließend"
))
(set: $paarWahlenTyp to (a:))
(set: $kategorieZaehler to (datamap:
"Angriff", 0, "Flucht", 0, "Lösung", 0, "Freeze", 0
))
(set: $kategorieZaehler1 to (datamap:
"extern", 0, "intern", 0, "konstruktiv", 0, "passiv", 0
))
(set: $gefuehlsPaare to (a:
(a: "Outrage", "Angriff", "Shame", "Flucht"),
(a: "Determination", "Angriff", "Focus", "Lösung"),
(a: "Impatience", "Angriff", "Nervousness", "Flucht"),
(a: "Exhaustion", "Flucht", "Sobriety", "Lösung"),
(a: "Disorientation", "Freeze", "Heaviness", "Freeze"),
(a: "Numbness", "Freeze", "Confidence", "Lösung")
))
(set: $emotionsZaehler to (datamap:
"nach-außen", 0,
"nach-innen", 0,
"öffnend", 0,
"schließend", 0
))
(set: $kategorieZaehler2 to (datamap:
"Angriff", 0, "Flucht", 0, "Lösung", 0, "Freeze", 0
))
(set: $emotion to "")
(set: $kategorieZaehler3 to (datamap:
"analytisch", 0,
"impulsiv", 0,
"kollektiv", 0,
"passiv", 0
))
(set: $kategorieZaehler4 to (datamap:
"kontrollorientiert", 0,
"politisch", 0,
"integer", 0,
"positionsorientiert", 0
))
(set: $antriebEN to (datamap:
"analytisch", "analytical",
"impulsiv", "impulsive",
"kollektiv", "collective",
"passiv", "passive",
"ambivalent", "ambivalent"
))
(set: $verhaltensEN to (datamap:
"kontrollorientiert", "control-oriented",
"politisch", "political",
"integer", "principled",
"positionsorientiert", "position-oriented",
"ambivalent", "ambivalent"
))
(go-to: "Setting EN")(set: _code to "") (for: each _k, ...(datanames: $kategorieZaehler2))[ (set: _code to _code + (str: $kategorieZaehler2's (_k)))]
<div class="gw-container">
<div class="gw-title">
<h2>🧩 Your Leadership Code</h2>
<p>Here is your second personal snippet. Combine it later to build your profile – each fragment reflects a specific aspect.<br>
(text-colour:#F0A000)[Fragment 2 of 4 · Emotion pattern]
</p>
<div class="gw-code">
(print: "E" + _code)
(set:$code to $code + (array: _code))
</div>
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Key1 EN")]
</div>
</div>(set: _code to "") (for: each _k, ...(datanames: $kategorieZaehler))[ (set: _code to _code + (str: $kategorieZaehler's (_k)))]
<div class="gw-container">
<div class="gw-title">
<h2>🧩 Your Leadership Code</h2>
<p>Here is your first personal snippet. Combine it later to build your profile – each fragment reflects a specific aspect.<br>
(text-colour:#F0A000)[Fragment 1 of 4 · Thought pattern]
</p>
<div class="gw-code">
(print: "G" + _code)
(set:$code to (array: _code))
</div>
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Ambivalence Pairs EN")]
</div>
</div>(set: $perspektiven to (a: "You", "Sales", "Tech", "Team"))
(set: $perspektivenStatements to (datamap:
"You", (a: "Thanks for making time at such short notice. I want to understand what happened with the client."),
"Sales", (a: "Everything's fine.", "The client is overreacting.", "We've got it under control."),
"Tech", (a: "We're not ready yet.", "The requirements keep changing.", "The deadline was never realistic."),
"Team", (a: "We warned about this last week.", "That was clear from the start.", "This simply isn't deliverable.")
))
(set: $perspektivenIcon to (datamap:
"You", "🧑💼",
"Sales", "📊",
"Tech", "⚙️",
"Team", "👥"
))
(set: $aktPerspektive to 1)
(go-to: "Carousel View EN")(set: _p to $perspektiven's $aktPerspektive)
(set: _statements to $perspektivenStatements's _p)
<div class="gw-container">
<div class="gw-title">
<h2>👥 Team Meeting</h2>
<p>Click through the perspectives.</p>
</div>
<hr class="gw-divider">
<div class="karussell-card">
<div class="karussell-role">
(print: $perspektivenIcon's _p) (print: _p)
</div>
<div class="karussell-statements">
(for: each _s, ..._statements)[
<div class="karussell-statement">„(print: _s)"</div>
]
</div>
</div>
<div class="karussell-nav">
(if: $aktPerspektive > 1)[
<span class="karussell-btn">
(link: "← Back")[
(set: $aktPerspektive to it - 1)
(go-to: "Carousel View EN")
]
</span>
]
(if: $aktPerspektive < $perspektiven's length)[
<span class="karussell-btn karussell-btn-next">
(link: "Continue →")[
(set: $aktPerspektive to it + 1)
(go-to: "Carousel View EN")
]
</span>
]
</div>
(if: $aktPerspektive is $perspektiven's length)[
<div style="margin-top:12px;">
<span class="gw-confirm">(link: "Close meeting →")[(go-to: "Situation EN")]</span>
</div>
]
</div>
<div class="gw-container">
<div class="gw-title">
<h2>📞 Client Contact</h2>
<p>You call Dr. Berning directly.</p>
</div>
<div class="call-card">
<div class="call-header">
<div class="call-avatar">AB</div>
<div class="call-meta">
<div class="call-name">Dr. Aris v. Berning</div>
<div class="call-status">|callstatus>[<span class="call-connecting">⬤ Connecting...</span>]</div>
</div>
<div class="call-duration">|calldauer>[00:00]</div>
</div>
</div>
<div class="dialog-wrap">|dialog>[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Berning</div>
"Yes? I'm in a meeting. Do you have something concrete?"
</div>
]</div>
|aktion>[]
</div>
(live: 1s)[
(replace: ?callstatus)[<span class="call-active">⬤ Connected</span>]
(replace: ?calldauer)[00:01]
(stop:)
]
(live: 2s)[
(replace: ?aktion)[
<div class="dialog-choice-label">You begin, warmly and personally:</div>
<span class="gw-confirm" style="margin-bottom:8px;">
(link: "Your intro")[
(replace: ?aktion)[]
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Berning</div>
"Yes? I'm in a meeting. Do you have something concrete?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">You</div>
"Good day, Dr. Berning — I wanted to reach out personally and..."
</div>
]
(live: 2s)[
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Berning</div>
"Yes? I'm in a meeting. Do you have something concrete?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">You</div>
"Good day, Dr. Berning — I wanted to reach out personally and..."
</div>
<div class="dialog-bubble dialog-them dialog-interrupt">
<div class="dialog-label">Dr. Berning — interrupts</div>
"I tried to reach someone at your company three times last week. Please only get back to me when you are prepared and have a solution."
</div>
]
(replace: ?callstatus)[<span class="call-ended">⬤ Ended</span>]
(replace: ?calldauer)[00:08]
(replace: ?aktion)[
<div class="call-ended-note">
The call has been ended. Dr. Berning hung up.
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Action Cards EN")]
</div>
]
(stop:)
]
(stop:)
]
</span>
]
(stop:)
]<div class="gw-container">
<div class="gw-title">
<h2>☕ Kitchen</h2>
<p>You need a moment. And coffee.</p>
</div>
<div class="intro-image-wrap" style="margin-bottom:7px;">
<img src="https://images.unsplash.com/photo-1554118811-1e0d58224f24?auto=format&fit=crop&w=800&q=80"
alt="Office kitchen"
class="intro-image">
<div class="gw-card">
<div class="intro-text">
You enter the kitchen. Two voices, quiet but clear.
</div> </div>
<div class="dialog-wrap">
|stimme1>[]
|stimme2>[]
|stimme3>[]
|stille>[]
</div>
|weiter>[]
</div>
(live: 2.5s)[
(replace: ?stimme1)[
<div class="dialog-bubble dialog-them kueche-voice">
<div class="dialog-label" style="color:#f0a000">Voice 1</div>
"Marcus made another promise to the client that we could never deliver."
</div>
]
(stop:)
]
(live: 5s)[
(replace: ?stimme2)[
<div class="dialog-bubble dialog-them kueche-voice">
<div class="dialog-label" style="color:#f0a000;">Voice 2</div>
"Of course. And now everyone's acting as if the status report is reality."
</div>
]
(stop:)
]
(live: 6.5s)[
(replace: ?stimme3)[
<div class="kueche-lachen">— a short, dry laugh —</div>
]
(stop:)
]
(live: 8.5s)[
(replace: ?stille)[
<div class="kueche-stille">Then they notice you. The silence fills the room.</div>
]
(stop:)
]
(live: 10s)[
(replace: ?weiter)[
<span class="gw-confirm">(link: "Back to the desk →")[(go-to: "Situation EN")]</span>
]
(stop:)
](set: _paar to $gefuehlsPaare's $paarIndex) (set: _linkA to _paar's 1st) (set: _katA to _paar's 2nd) (set: _linkB to _paar's 3rd) (set: _katB to _paar's 4th)
<div class="gw-container">
<div class="gw-title">
<h2>🌊 Which feeling is louder right now?</h2>
<p>Trust your first impulse — there is no right answer.</p>
</div>
<hr class="gw-divider">
<div class="gw-card" style="text-align:center;">
<span class="gw-thought">(link: _linkA)[
(set: $paarWahlen to it + (a: _linkA))
(set: $kategorieZaehler2's _katA to ($kategorieZaehler2's _katA) + 1)
(if: $paarIndex < $gefuehlsPaare's length)[
(set: $paarIndex to it + 1)
(go-to: "Ambivalence Step EN")
](else:)[
(set: $emotion to $paarWahlen)
(go-to: "Evaluation E EN")
]
]</span>
</div>
<div style="text-align:center; color:#888; font-size:0.85em; padding:6px 0;">— or —</div>
<div class="gw-card" style="text-align:center;">
<span class="gw-thought">(link: _linkB)[
(set: $paarWahlen to it + (a: _linkB))
(set: $kategorieZaehler2's _katB to ($kategorieZaehler2's _katB) + 1)
(if: $paarIndex < $gefuehlsPaare's length)[
(set: $paarIndex to it + 1)
(go-to: "Ambivalence Step EN")
](else:)[
(set: $emotion to $paarWahlen)
(go-to: "Evaluation E EN")
]
]</span>
</div>
</div>(set: _paar to $gefuehlsPaare's $paarIndex) (set: _paar to $gefuehlsPaare's $paarIndex) (set: _linkA to _paar's 1st) (set: _katA to _paar's 2nd) (set: _linkB to _paar's 3rd) (set: _katB to _paar's 4th)
<div class="gw-container">
<div class="gw-title">
<h2>🌊 Which feeling is louder right now?</h2>
<p>Trust your first impulse — there is no right answer.</p>
</div>
<hr class="gw-divider">
<div class="gw-card" style="text-align:center;">
<span class="gw-thought">(link: _linkA)[
(set: $paarWahlen to it + (a: _linkA))
(set: $kategorieZaehler2's _katA to ($kategorieZaehler2's _katA) + 1)
(if: $paarIndex < $gefuehlsPaare's length)[
(set: $paarIndex to it + 1)
(go-to: "Ambivalence Step EN")
](else:)[
(set: $emotion to $paarWahlen)
(go-to: "Evaluation E EN")
]
]</span>
</div>
<div style="text-align:center; color:#888; font-size:0.85em; padding:6px 0;">— or —</div>
<div class="gw-card" style="text-align:center;">
<span class="gw-thought">(link: _linkB)[
(set: $paarWahlen to it + (a: _linkB))
(set: $kategorieZaehler2's _katB to ($kategorieZaehler2's _katB) + 1)
(if: $paarIndex < $gefuehlsPaare's length)[
(set: $paarIndex to it + 1)
(go-to: "Ambivalence Step EN")
](else:)[
(set: $emotion to $paarWahlen)
(go-to: "Evaluation E EN")
]
]</span>
</div>
</div>(for: each _p, ...$paarWahlen)[
(if: $emotionsRichtungMap contains _p)[
(set: $paarWahlenTyp to it + (a: ($emotionsRichtungMap's _p)))
]
]
(for: each _r, ...$paarWahlenTyp)[
(set: $emotionsZaehler's _r to ($emotionsZaehler's _r) + 1)
]
(set: $dominanteEmotionsrichtung to "ambivalent")
(set: _maxE to 0)
(for: each _r, ...(datanames: $emotionsZaehler))[
(if: ($emotionsZaehler's _r) > _maxE)[
(set: _maxE to ($emotionsZaehler's _r))
(set: $dominanteEmotionsrichtung to _r)
]
]
(if: _maxE is 1)[
(set: $dominanteEmotionsrichtung to "ambivalent")
]
(set: $dominanteReaktionE to "ambivalent")
(set: _maxR2 to 0)
(for: each _k, ...(datanames: $kategorieZaehler2))[
(if: ($kategorieZaehler2's _k) > _maxR2)[
(set: _maxR2 to ($kategorieZaehler2's _k))
(set: $dominanteReaktionE to _k)
]
]
(if: _maxR2 is 1)[
(set: $dominanteReaktionE to "ambivalent")
]
(goto:"Inner Mirror EN")(if: $kongruenzTexte is 0)[
(go-to: "Texts EN")
]
(set: _gR to $dominanterReaktionstyp)
(set: _eR to $dominanteReaktionE)
(if: _gR is "ambivalent")[(set: _gR to "Angriff")]
(if: _eR is "ambivalent")[(set: _eR to "Angriff")]
(set: _key to _gR + "-" + _eR)
(set: $fbKurz to $kongruenzTexte's (_key + "-kurz"))
(set: $fbText to $kongruenzTexte's (_key + "-text"))
(set: $fbFrage to $kongruenzTexte's (_key + "-frage"))
(set: $fbG to _gR)
(set: $fbE to _eR)
<div class="gw-container">
<div class="gw-title">
<h2>🧭 Your Reaction Profile</h2>
<p>Head and body compared</p>
</div>
<hr class="gw-divider">
<table class="mx-table">
<tr>
<td class="mx-corner"></td>
<td class="mx-corner"></td>
<td class="mx-axis-label" colspan="4">G · Thoughts</td>
</tr>
<tr>
<td class="mx-axis-label-y" colspan="2">E · Feelings</td>
<th class="mx-col-head">Attack</th>
<th class="mx-col-head">Flight</th>
<th class="mx-col-head">Freeze</th>
<th class="mx-col-head">Solution</th>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">Attack</td>
<td class="mx-cell kongruent">(if: $fbG is "Angriff" and $fbE is "Angriff")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell spannung">(if: $fbG is "Angriff" and $fbE is "Flucht")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell spannung">(if: $fbG is "Angriff" and $fbE is "Freeze")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Angriff" and $fbE is "Lösung")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">Flight</td>
<td class="mx-cell spannung">(if: $fbG is "Flucht" and $fbE is "Angriff")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: $fbG is "Flucht" and $fbE is "Flucht")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Flucht" and $fbE is "Freeze")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Flucht" and $fbE is "Lösung")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">Freeze</td>
<td class="mx-cell spannung">(if: $fbG is "Freeze" and $fbE is "Angriff")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Freeze" and $fbE is "Flucht")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: $fbG is "Freeze" and $fbE is "Freeze")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Freeze" and $fbE is "Lösung")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">Solution</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Lösung" and $fbE is "Angriff")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Lösung" and $fbE is "Flucht")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: $fbG is "Lösung" and $fbE is "Freeze")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: $fbG is "Lösung" and $fbE is "Lösung")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
</table>
<div class="mx-insight" style="margin-top:20px; margin-bottom:16px;">
<div class="mx-insight-label">(print: $fbKurz)</div>
<div class="mx-insight-text">(print: $fbText)</div>
</div>
<div class="mx-reflexion" style="margin-bottom:20px;">
(print: $fbFrage)
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Action Cards EN")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>🔑 Your Leadership Code</h2>
<p>Enter the digit sequences you have noted down.</p>
</div>
<hr class="gw-divider">
<div class="gw-card" style="margin-bottom:14px;">
<div class="card-label" style="margin-bottom:12px;">Code fragments</div>
<div class="code-input-grid">
<div class="code-input-row">
<div class="code-letter">G</div>
<div class="code-sublabel">Thoughts</div>
<input class="code-input-string" id="inp-G" type="text"
inputmode="numeric" maxlength="4" placeholder="0000">
</div>
<div class="code-input-row">
<div class="code-letter">E</div>
<div class="code-sublabel">Emotion</div>
<input class="code-input-string" id="inp-E" type="text"
inputmode="numeric" maxlength="4" placeholder="0000">
</div>
</div>
</div>
<div class="code-preview-wrap">
<div class="code-preview-label">Your code:</div>
<div class="code-preview" id="codePreview">G···· · E····</div>
</div>
|fehler>[]
<span class="gw-confirm">(link: "Confirm code →")[
(go-to: "Texts EN")
]</span>
</div>
<script>
setTimeout(function() {
var felder = [
{ id: "inp-G", next: "inp-E" },
{ id: "inp-E", next: null }
];
var letters = { "inp-G": "G", "inp-E": "E" };
felder.forEach(function(f) {
var el = document.getElementById(f.id);
if (!el) return;
el.addEventListener("keypress", function(e) {
if (!/[0-9]/.test(e.key)) { e.preventDefault(); return; }
if (this.value.length >= 4) { e.preventDefault(); return; }
});
el.addEventListener("input", function() {
this.value = this.value.replace(/[^0-9]/g, "");
if (this.value.length > 4) this.value = this.value.slice(0, 4);
updatePreview();
if (this.value.length === 4 && f.next) {
var nextEl = document.getElementById(f.next);
if (nextEl) { nextEl.focus(); nextEl.select(); }
}
});
});
function updatePreview() {
var vals = felder.map(function(f) {
var el = document.getElementById(f.id);
var v = el ? el.value : "";
while (v.length < 4) v += "·";
return letters[f.id] + v;
});
var p = document.getElementById("codePreview");
if (p) p.textContent = vals.join(" · ");
}
}, 300);
</script>(set: $kongruenzTexte to (datamap:
"Angriff-Angriff-kurz", "Clear attack mode",
"Angriff-Flucht-kurz", "Head fights · Body flees",
"Angriff-Freeze-kurz", "Head fights · Body freezes",
"Angriff-Lösung-kurz", "Head fights · Body solves",
"Flucht-Angriff-kurz", "Head flees · Body fights",
"Flucht-Flucht-kurz", "Clear withdrawal",
"Flucht-Freeze-kurz", "Head flees · Body freezes",
"Flucht-Lösung-kurz", "Head flees · Body solves",
"Freeze-Angriff-kurz", "Head still · Body hot",
"Freeze-Flucht-kurz", "Head still · Body flees",
"Freeze-Freeze-kurz", "Total paralysis",
"Freeze-Lösung-kurz", "Head blocked · Body ready",
"Lösung-Angriff-kurz", "Reason calms · Body still hot",
"Lösung-Flucht-kurz", "Reason clear · Body gone",
"Lösung-Freeze-kurz", "Reason clear · Body blocked",
"Lösung-Lösung-kurz", "Full constructive capacity",
"Angriff-Angriff-text", "Your head and body are aligned: energy outward, clarity through confrontation. This is a strong, coherent signal — but it leaves little room for what you may not yet know.",
"Angriff-Flucht-text", "Your head is fighting — looking for those responsible, trying to force clarity. Your body gave a different answer: it's pulling back, protecting itself. This tension costs energy you urgently need right now.",
"Angriff-Freeze-text", "Your head wants to act, assert, clarify. Your body has frozen. This is not a contradiction — it is a sign that the situation is hitting you on two levels simultaneously.",
"Angriff-Lösung-text", "Your head reacts with outward pressure, your body is already one step ahead — calmer, more solution-oriented. That is a resource: your nervous system is showing you where things could go.",
"Flucht-Angriff-text", "Your head wants out — out of the situation, out of the responsibility, out of the moment. Your body is charged and pushing forward. This tension between withdrawal and pressure is exhausting to hold.",
"Flucht-Flucht-text", "Head and body agree: distance, protection, withdrawal. This is a clear reaction to overload — and it has its justification. The question is whether withdrawal here is a strategy or a reflex.",
"Flucht-Freeze-text", "On both levels something is pulling back. Your head evades, your body freezes. That is not weakness — it is an honest signal of overwhelm.",
"Flucht-Lösung-text", "Your head is looking for distance while your body is already working constructively. This gap is interesting: something in you knows the way — even when something else wants to step back.",
"Freeze-Angriff-text", "Your head has gone quiet while your body is running hot. This combination is unfamiliar — and it costs focus. One part of you has already acted, the other is still processing.",
"Freeze-Flucht-text", "Stillness and withdrawal on both levels. Something is waiting. For clarity. For a signal. For permission to move.",
"Freeze-Freeze-text", "Everything has stopped. That is not failure — it is a survival response. The question is what you need right now to take the next step.",
"Freeze-Lösung-text", "Your head is blocked but your body is sending constructive signals. That is a resource you may not have noticed yet. It is worth listening to.",
"Lösung-Angriff-text", "Your ratio is already working clearly and constructively — but your body is still carrying the heat of the first reaction. That is normal. The question is how quickly the two levels can find each other.",
"Lösung-Flucht-text", "Your head is already building the solution while your body is looking for the exit. That costs energy. Part of you is already building, another part has not yet arrived.",
"Lösung-Freeze-text", "A clear head, a blocked body. Your ability to act is limited — not because you don't know what to do, but because something is holding you back from doing it.",
"Lösung-Lösung-text", "Head and body are in alignment — and in constructive mode. This is your maximum capacity. The question is how long you can hold it — and what you need to sustain it.",
"Angriff-Angriff-frage", "What happens when nobody can be made responsible — and the problem persists anyway?",
"Angriff-Flucht-frage", "What does your body know that your head is not ready to say yet?",
"Angriff-Freeze-frage", "What would need to happen for head and body to move in the same direction?",
"Angriff-Lösung-frage", "What would it cost you to lead with your body's signal right now — instead of your head's?",
"Flucht-Angriff-frage", "What is driving your body forward while your head is looking for distance?",
"Flucht-Flucht-frage", "Is this withdrawal a strategy — or a reflex you know well?",
"Flucht-Freeze-frage", "What would give you enough safety to take one small step forward?",
"Flucht-Lösung-frage", "What does the part of you that is already building solutions need from the part that wants to withdraw?",
"Freeze-Angriff-frage", "When your body acts while your head is still — who is actually in charge?",
"Freeze-Flucht-frage", "What would need to shift for you to move again — even just slightly?",
"Freeze-Freeze-frage", "What is the smallest possible step you could take from this stillness?",
"Freeze-Lösung-frage", "What does the constructive part of you need to get through to the rest?",
"Lösung-Angriff-frage", "How do you ensure that your body's heat does not undermine what your head has already built?",
"Lösung-Flucht-frage", "What does the part of you that wants to leave need to be able to stay?",
"Lösung-Freeze-frage", "What is holding your body back from doing what your head already knows?",
"Lösung-Lösung-frage", "What happens to this capacity when the pressure increases further?"
))
(set: $paarIndex to 1)
(set: $paarWahlen to (a:))
(go-to: "Feedback Card EN")
<div class="gw-container">
<div class="gw-title">
<h2>🧭 Initial assessment</h2>
<p>You have taken the first steps. How would you assess your situation now?</p>
</div>
<hr class="gw-divider">
<div class="gw-context">
<span>⏰ Deadline: <strong>4:00 pm</strong></span>
<span>·</span>
<span>💓 Pulse: <strong>110 BPM</strong></span>
</div>
<div class="strategy-grid">
<div class="strategy-card">
<div class="card-label">A</div>
<div class="card-icon">✊ I have the situation under control</div>
(link: "I know what needs to be done — and I'm acting accordingly.")[
(set: $lageTyp to "impulsiv")
(go-to: "SMS EN")
]
</div>
<div class="strategy-card">
<div class="card-label">B</div>
<div class="card-icon">🔎 I need more information</div>
(link: "The situation is not yet clear enough to act with confidence.")[
(set: $lageTyp to "analytisch")
(go-to: "SMS EN")
]
</div>
<div class="strategy-card">
<div class="card-label">C</div>
<div class="card-icon">🤝 I trust my team</div>
(link: "The right people are informed — I delegate and coordinate.")[
(set: $lageTyp to "kollektiv")
(go-to: "SMS EN")
]
</div>
<div class="strategy-card">
<div class="card-label">D</div>
<div class="card-icon">⏸ I'm still undecided</div>
(link: "I'll wait to see how things develop before taking the next step.")[
(set: $lageTyp to "passiv")
(go-to: "SMS EN")
]
</div>
</div>
</div>(set: $kategorieZaehler3 to (datamap:
"analytisch", 0,
"impulsiv", 0,
"kollektiv", 0,
"passiv", 0
))
(for: each _w, ...(a: $antrieb, $lageTyp, $wendepunkt))[
(set: $kategorieZaehler3's _w to ($kategorieZaehler3's _w) + 1)
]
(set: $dominanterAntrieb to "ambivalent")
(set: _maxM to 0)
(for: each _k, ...(datanames: $kategorieZaehler3))[
(if: ($kategorieZaehler3's _k) > _maxM)[
(set: _maxM to ($kategorieZaehler3's _k))
(set: $dominanterAntrieb to _k)
]
]
(if: _maxM is 1)[
(set: $dominanterAntrieb to "ambivalent")
]
(set: $antriebStabil to false)
(if: _maxM >= 2)[
(set: $antriebStabil to true)
]
(go-to: "Code M EN")
(set: _code to "") (for: each _k, ...(datanames: $kategorieZaehler3))[ (set: _code to _code + (str: $kategorieZaehler3's (_k)))]
<div class="gw-container">
<div class="gw-title">
<h2>🧩 Your Leadership Code</h2>
<p>Here is your third personal snippet. Combine it later to build your profile – each fragment reflects a specific aspect.<br>
(text-colour:#F0A000)[Fragment 3 of 4 · Inner mode]
</p>
<div class="gw-code">
(print: "M" + _code)
(set: $code to $code + (array: _code))
</div>
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Final Decision EN")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>⚡ Prioritisation</h2>
<p>You have three hours until the deadline. What is most important right now?</p>
</div>
<hr class="gw-divider">
<div class="gw-context">
<span>⏰ Deadline: <strong>4:00 pm</strong></span>
<span>·</span>
<span>💓 Pulse: <strong>115 BPM</strong></span>
</div>
<div class="strategy-grid">
<div class="strategy-card">
<div class="card-label">A</div>
<div class="card-icon">🎯 Secure decision authority</div>
(link: "I ensure that all relevant decisions go through me.")[
(set: $priorisierung to "kontrollorientiert")
(go-to: "Brenner EN")
]
</div>
<div class="strategy-card">
<div class="card-label">B</div>
<div class="card-icon">🤝 Build the right alliances</div>
(link: "I make sure the key stakeholders are on my side.")[
(set: $priorisierung to "politisch")
(go-to: "Brenner EN")
]
</div>
<div class="strategy-card">
<div class="card-label">C</div>
<div class="card-icon">💬 Establish full transparency</div>
(link: "I communicate openly about what I know — even if the picture is still incomplete.")[
(set: $priorisierung to "integer")
(go-to: "Brenner EN")
]
</div>
<div class="strategy-card">
<div class="card-label">D</div>
<div class="card-icon">📈 Strengthen my own position</div>
(link: "I use the situation to expand my room for manoeuvre.")[
(set: $priorisierung to "positionsorientiert")
(go-to: "Brenner EN")
]
</div>
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>📞 Call — Dr. Brenner</h2>
<p>Your line manager gets in touch. Unexpectedly.</p>
</div>
<div class="call-card">
<div class="call-header">
<div class="call-avatar">TB</div>
<div class="call-meta">
<div class="call-name">Dr. Thomas Brenner</div>
<div class="call-subtitle">Chief Operating Officer</div>
<div class="call-status">|callstatus>[<span class="call-connecting">⬤ Connecting...</span>]</div>
</div>
<div class="call-duration">|calldauer>[00:00]</div>
</div>
</div>
<div class="dialog-wrap">|dialog>[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"I'm briefly between two meetings. What's this I'm hearing about Phoenix?"
</div>
]</div>
|aktion>[]
</div>
(live: 1s)[
(replace: ?callstatus)[<span class="call-active">⬤ Connected</span>]
(replace: ?calldauer)[00:01]
(stop:)
]
(live: 2s)[
(replace: ?aktion)[
<div class="dialog-choice-label">How do you respond?</div>
<span class="gw-confirm" style="margin-bottom:8px;">
(link: "I'm on it. We're systematically analysing the root cause and talking to the client in parallel. As soon as I have a complete picture, you'll get a precise update.")[
(set: $ceoAnruf to "kontrollorientiert")
(replace: ?aktion)[]
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"I'm briefly between two meetings. What's this I'm hearing about Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">You</div>
"I'm on it. We're systematically analysing the root cause and talking to the client in parallel. As soon as I have a complete picture, you'll get a precise update."
</div>
]
(live: 2s)[
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"I'm briefly between two meetings. What's this I'm hearing about Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">You</div>
"I'm on it. We're systematically analysing the root cause and talking to the client in parallel. As soon as I have a complete picture, you'll get a precise update."
</div>
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"Good. I expect a status update by 3 pm. And I want to know what caused this."
</div>
]
(replace: ?callstatus)[<span class="call-ended">⬤ Ended</span>]
(replace: ?calldauer)[00:45]
(replace: ?aktion)[
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Action EN")]
</div>
]
(stop:)
]
(stop:)
]
</span>
<span class="gw-confirm" style="margin-bottom:8px;">
(link: "The situation is serious. I want to be transparent: we have some gaps in the internal communication. I'll close them today.")[
(set: $ceoAnruf to "integer")
(replace: ?aktion)[]
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"I'm briefly between two meetings. What's this I'm hearing about Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">You</div>
"The situation is serious. I want to be transparent: we have some gaps in the internal communication. I'll close them today."
</div>
]
(live: 2s)[
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"I'm briefly between two meetings. What's this I'm hearing about Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">You</div>
"The situation is serious. I want to be transparent: we have some gaps in the internal communication. I'll close them today."
</div>
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"Appreciated. That takes courage. Keep me in the loop."
</div>
]
(replace: ?callstatus)[<span class="call-ended">⬤ Ended</span>]
(replace: ?calldauer)[00:38]
(replace: ?aktion)[
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Action EN")]
</div>
]
(stop:)
]
(stop:)
]
</span>
<span class="gw-confirm" style="margin-bottom:8px;">
(link: "I've already briefed the key stakeholders. We're coordinating closely and I'll give you a complete picture this afternoon.")[
(set: $ceoAnruf to "politisch")
(replace: ?aktion)[]
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"I'm briefly between two meetings. What's this I'm hearing about Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">You</div>
"I've already briefed the key stakeholders. We're coordinating closely and I'll give you a complete picture this afternoon."
</div>
]
(live: 2s)[
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"I'm briefly between two meetings. What's this I'm hearing about Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">You</div>
"I've already briefed the key stakeholders. We're coordinating closely and I'll give you a complete picture this afternoon."
</div>
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"Fine. But I want facts, not coordination theatre."
</div>
]
(replace: ?callstatus)[<span class="call-ended">⬤ Ended</span>]
(replace: ?calldauer)[00:41]
(replace: ?aktion)[
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Action EN")]
</div>
]
(stop:)
]
(stop:)
]
</span>
<span class="gw-confirm">
(link: "I've taken over the coordination. By this afternoon we'll have a solution — I guarantee it.")[
(set: $ceoAnruf to "positionsorientiert")
(replace: ?aktion)[]
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"I'm briefly between two meetings. What's this I'm hearing about Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">You</div>
"I've taken over the coordination. By this afternoon we'll have a solution — I guarantee it."
</div>
]
(live: 2s)[
(replace: ?dialog)[
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"I'm briefly between two meetings. What's this I'm hearing about Phoenix?"
</div>
<div class="dialog-bubble dialog-you">
<div class="dialog-label">You</div>
"I've taken over the coordination. By this afternoon we'll have a solution — I guarantee it."
</div>
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Brenner</div>
"That's a big promise. I'll hold you to it."
</div>
]
(replace: ?callstatus)[<span class="call-ended">⬤ Ended</span>]
(replace: ?calldauer)[00:32]
(replace: ?aktion)[
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Action EN")]
</div>
]
(stop:)
]
(stop:)
]
</span>
]
(stop:)
](for: each _w, ...(a: $priorisierung, $ceoAnruf, $finaleEntscheidung))[
(if: $kategorieZaehler4 contains _w)[
(set: $kategorieZaehler4's _w to ($kategorieZaehler4's _w) + 1)
]
]
(set: $dominantesVerhalten to "ambivalent")
(set: _maxV to 0)
(for: each _k, ...(datanames: $kategorieZaehler4))[
(if: ($kategorieZaehler4's _k) > _maxV)[
(set: _maxV to ($kategorieZaehler4's _k))
(set: $dominantesVerhalten to _k)
]
]
(if: _maxV is 1)[
(set: $dominantesVerhalten to "ambivalent")
]
(set: $verhaltensStabil to false)
(if: _maxV >= 2)[
(set: $verhaltensStabil to true)
]
(go-to: "Code V EN")(set: _code to "")
(for: each _k, ...(datanames: $kategorieZaehler4))[
(set: _code to _code + (str: $kategorieZaehler4's (_k)))
]
<div class="gw-container">
<div class="gw-title">
<h2>🧩 Your Leadership Code</h2>
<p>Here is your fourth personal snippet. Combine it later to build your profile – each fragment reflects a specific aspect.<br>
(text-colour:#F0A000)[Fragment 4 of 4 · Displayed behaviour]
</p>
<div class="gw-code">
(print: "V" + _code)
(set: $code to $code + (array: _code))
</div>
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Key 2 EN")]
</div>
</div>(set: $archetypMap to (datamap:
"kollektiv-kontrollorientiert-name", "The Coordinator",
"kollektiv-kontrollorientiert-text", "Organises people and processes with a steady hand. Under pressure, ensures everyone knows what to do.",
"kollektiv-kontrollorientiert-staerke","Structure and orientation — even when things get chaotic.",
"kollektiv-kontrollorientiert-blind", "Involving the team sometimes serves personal control more than genuine participation. Others sense this.",
"kollektiv-politisch-name", "The Networker",
"kollektiv-politisch-text", "Builds alliances and holds morale together. Indispensable in complex organisations.",
"kollektiv-politisch-staerke","Opens doors that remain closed to others.",
"kollektiv-politisch-blind", "Truth is sometimes sacrificed to the relationship. Those who always connect sometimes avoid clarity.",
"kollektiv-integer-name", "The Culture Keeper",
"kollektiv-integer-text", "Leads through shared values. People follow because they trust — not because they have to.",
"kollektiv-integer-staerke","Trust as a leadership instrument — sustainable and resilient.",
"kollektiv-integer-blind", "Consensus can become a brake. Not every decision needs agreement.",
"kollektiv-positionsorientiert-name", "The Team Utiliser",
"kollektiv-positionsorientiert-text", "Mobilises groups quickly and effectively. Knows who to use for which task.",
"kollektiv-positionsorientiert-staerke","Rapid activation of resources and people.",
"kollektiv-positionsorientiert-blind", "The team is a means to an end. The personal agenda stays in the background — but it is there.",
"analytisch-kontrollorientiert-name", "The Architect",
"analytisch-kontrollorientiert-text", "Structures complex situations systematically. Maintains overview even under pressure.",
"analytisch-kontrollorientiert-staerke","Clarity and structure where others lose the thread.",
"analytisch-kontrollorientiert-blind", "Control over the process can become more important than the outcome. Others feel unheard.",
"analytisch-politisch-name", "The Tactician",
"analytisch-politisch-text", "Understands the situation more deeply than most. Uses information strategically and with foresight.",
"analytisch-politisch-staerke","Strategic depth and a feel for dynamics.",
"analytisch-politisch-blind", "Those who always calculate are sometimes seen as untrustworthy. Transparency gets sacrificed.",
"analytisch-integer-name", "The Principles Analyst",
"analytisch-integer-text", "Combines precision with honesty. Analyses — and then says what needs to be said.",
"analytisch-integer-staerke","Clarity that builds trust — rare combination.",
"analytisch-integer-blind", "The need to be right can slow things down. Not every situation allows for complete analysis.",
"analytisch-positionsorientiert-name", "The Brilliant Solo Player",
"analytisch-positionsorientiert-text", "Sees what others miss. Acts on that insight. Often alone.",
"analytisch-positionsorientiert-staerke","Speed of thought and courage to act.",
"analytisch-positionsorientiert-blind", "Knowledge becomes power — and power creates distance. Succession is rarely thought through.",
"impulsiv-kontrollorientiert-name", "The Driver",
"impulsiv-kontrollorientiert-text", "Sets pace and direction. Carries others with energy and clarity.",
"impulsiv-kontrollorientiert-staerke","Creates momentum where others hesitate.",
"impulsiv-kontrollorientiert-blind", "The drive sometimes overtakes the people. Whoever cannot keep up falls behind — quietly.",
"impulsiv-politisch-name", "The Mobiliser",
"impulsiv-politisch-text", "Activates quickly and builds committed groups. A natural at getting people on board.",
"impulsiv-politisch-staerke","Enthusiasm as a leadership instrument.",
"impulsiv-politisch-blind", "Commitment is made quickly — and sometimes not kept. That costs trust.",
"impulsiv-integer-name", "The Idealist",
"impulsiv-integer-text", "Leads from conviction. Acts when values are at stake. Rarely neutral.",
"impulsiv-integer-staerke","Authenticity that inspires.",
"impulsiv-integer-blind", "The conviction can become dogmatic. Not every situation calls for a clear position.",
"impulsiv-positionsorientiert-name", "The Alpha Performer",
"impulsiv-positionsorientiert-text", "Presence, energy, results. Is seen — and uses that.",
"impulsiv-positionsorientiert-staerke","Speed and visibility in critical moments.",
"impulsiv-positionsorientiert-blind", "Performance becomes identity. Weakness is hidden — until it surfaces unexpectedly.",
"passiv-kontrollorientiert-name", "The Guardian",
"passiv-kontrollorientiert-text", "Observes carefully. Intervenes only when necessary — but then precisely.",
"passiv-kontrollorientiert-staerke","Efficiency through targeted action.",
"passiv-kontrollorientiert-blind", "The wait can be perceived as absence. Others fill the vacuum — sometimes less well.",
"passiv-politisch-name", "The Quiet Influencer",
"passiv-politisch-text", "Works in the background. Shapes decisions without being visible.",
"passiv-politisch-staerke","Influence without friction — sustainable in the long run.",
"passiv-politisch-blind", "The invisibility becomes a problem when clarity is needed. People don't know where you stand.",
"passiv-integer-name", "The Conscience",
"passiv-integer-text", "Holds values high — even when it costs something. The moral anchor of the team.",
"passiv-integer-staerke","Integrity as a stabilising force.",
"passiv-integer-blind", "Waiting for the right moment can mean the moment passes. Courage sometimes needs to be faster.",
"passiv-positionsorientiert-name", "The Opportunist",
"passiv-positionsorientiert-text", "Recognises when the moment is right. Acts then — with precision.",
"passiv-positionsorientiert-staerke","Strategic patience combined with decisive action.",
"passiv-positionsorientiert-blind", "The calculation is always running. Others sense that — and keep their distance.",
"ambivalent-ambivalent-name", "The Pragmatist",
"ambivalent-ambivalent-text", "Adapts to the situation. No fixed pattern — which is both strength and challenge.",
"ambivalent-ambivalent-staerke","Flexibility and situational awareness.",
"ambivalent-ambivalent-blind", "Without a clear pattern, it is harder to be predictable. Others find it difficult to know what to expect."
))
(set: _mA to $dominanterAntrieb)
(set: _vA to $dominantesVerhalten)
(if: _mA is "ambivalent")[(set: _mA to "ambivalent")]
(if: _vA is "ambivalent")[(set: _vA to "ambivalent")]
(set: _archetypKey to _mA + "-" + _vA)
(set: $archetyp to "The Pragmatist")
(set: $archetypText to $archetypMap's "ambivalent-ambivalent-text")
(set: $archetypStaerke to $archetypMap's "ambivalent-ambivalent-staerke")
(set: $archetypBlind to $archetypMap's "ambivalent-ambivalent-blind")
(if: $archetypMap contains (_archetypKey + "-name"))[
(set: $archetyp to $archetypMap's (_archetypKey + "-name"))
(set: $archetypText to $archetypMap's (_archetypKey + "-text"))
(set: $archetypStaerke to $archetypMap's (_archetypKey + "-staerke"))
(set: $archetypBlind to $archetypMap's (_archetypKey + "-blind"))
]
(set: $konsistenzText to "")
(if: $antriebStabil and $verhaltensStabil)[
(set: $konsistenzText to "Your pattern is consistent: inner drive and displayed behaviour point in the same direction.")
](else-if: $antriebStabil)[
(set: $konsistenzText to "Your inner drive is clear — your displayed behaviour varies. That creates tension worth examining.")
](else-if: $verhaltensStabil)[
(set: $konsistenzText to "Your behaviour is consistent — your inner drive varies. Something stays hidden.")
](else:)[
(set: $konsistenzText to "Drive and behaviour vary. You adapt — situationally. Whether that is strength or deflection: worth looking at.")
]
(go-to: "Feedback Behaviour EN")
(set: _mA to $dominanterAntrieb)
(set: _vA to $dominantesVerhalten)
<div class="gw-container">
<div class="gw-title">
<h2>🧬 Your Leadership Profile</h2>
<p>Inner drive meets displayed behaviour.</p>
</div>
<hr class="gw-divider">
<div class="gw-card" style="margin-bottom:16px;">
<div class="archetyp-achse">
<div class="archetyp-achse-label">Inner drive · M</div>
<div class="archetyp-achse-wert">(print: $antriebEN's $dominanterAntrieb)</div>
</div>
|phase1>[]
</div>
|phase2>[]
|phase3>[]
|phase4>[]
|phase5>[]
|phase6>[]
</div>
(live: 1.5s)[
(replace: ?phase1)[
<div class="archetyp-achse" style="margin-top:8px; padding-top:8px; border-top:0.5px solid rgba(255,255,255,0.08);">
<div class="archetyp-achse-label">Displayed behaviour · V</div>
<div class="archetyp-achse-wert">(print: $verhaltensEN's $dominantesVerhalten)</div>
]
(stop:)
]
(live: 3s)[
(replace: ?phase2)[
<table class="mx-table" style="margin-bottom:4px;">
<tr>
<td class="mx-corner"></td>
<td class="mx-corner"></td>
<td class="mx-axis-label" colspan="4">V · Displayed behaviour</td>
</tr>
<tr>
<td class="mx-axis-label-y" colspan="2">M · Drive</td>
<th class="mx-col-head">control-<br>oriented</th>
<th class="mx-col-head">political</th>
<th class="mx-col-head">principled</th>
<th class="mx-col-head">position-<br>oriented</th>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">collective</td>
<td class="mx-cell kongruent">(if: _mA is "kollektiv" and _vA is "kontrollorientiert")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell spannung">(if: _mA is "kollektiv" and _vA is "politisch")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: _mA is "kollektiv" and _vA is "integer")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: _mA is "kollektiv" and _vA is "positionsorientiert")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">analytical</td>
<td class="mx-cell kongruent">(if: _mA is "analytisch" and _vA is "kontrollorientiert")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell spannung">(if: _mA is "analytisch" and _vA is "politisch")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: _mA is "analytisch" and _vA is "integer")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: _mA is "analytisch" and _vA is "positionsorientiert")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">impulsive</td>
<td class="mx-cell spannung">(if: _mA is "impulsiv" and _vA is "kontrollorientiert")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: _mA is "impulsiv" and _vA is "politisch")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: _mA is "impulsiv" and _vA is "integer")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: _mA is "impulsiv" and _vA is "positionsorientiert")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
<tr>
<td class="mx-corner"></td>
<td class="mx-row-head">passive</td>
<td class="mx-cell spannung">(if: _mA is "passiv" and _vA is "kontrollorientiert")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell diskrepanz">(if: _mA is "passiv" and _vA is "politisch")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell kongruent">(if: _mA is "passiv" and _vA is "integer")[<div class="mx-aktiv-dot"></div>]</td>
<td class="mx-cell spannung">(if: _mA is "passiv" and _vA is "positionsorientiert")[<div class="mx-aktiv-dot"></div>]</td>
</tr>
</table>
]
(stop:)
]
(live: 6s)[
(replace: ?phase3)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-label">Your archetype</div>
<div style="font-size:1.15em; font-weight:600; color:#F0A000; margin-bottom:6px;">(print: $archetyp)</div>
<div class="mx-insight-text">(print: $archetypText)</div>
</div>
]
(stop:)
]
(live: 9s)[
(replace: ?phase4)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-label">Your strength</div>
<div class="mx-insight-text">(print: $archetypStaerke)</div>
</div>
]
(stop:)
]
(live: 12s)[
(replace: ?phase5)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-label">Your blind spot</div>
<div class="mx-insight-text">(print: $archetypBlind)</div>
</div>
]
(stop:)
]
(live: 15s)[
(replace: ?phase6)[
<div class="mx-insight" style="margin-bottom:20px;">
<div class="mx-insight-text" style="font-size:0.85em;">(print: $konsistenzText)</div>
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Reflection EN")]
</div>
]
(stop:)
]<div class="gw-container">
<div class="gw-title">
<h2>🔑 Your Leadership Code</h2>
<p>Enter the digit sequences you have noted down.</p>
</div>
<hr class="gw-divider">
<div class="gw-card" style="margin-bottom:14px;">
<div class="card-label" style="margin-bottom:12px;">Code fragments</div>
<div class="code-input-grid">
<div class="code-input-row">
<div class="code-letter">M</div>
<div class="code-sublabel">Inner mode</div>
<input class="code-input-string" id="inp-M" type="text"
inputmode="numeric" maxlength="4" placeholder="0000">
</div>
<div class="code-input-row">
<div class="code-letter">V</div>
<div class="code-sublabel">Displayed behaviour</div>
<input class="code-input-string" id="inp-V" type="text"
inputmode="numeric" maxlength="4" placeholder="0000">
</div>
</div>
</div>
<div class="code-preview-wrap">
<div class="code-preview-label">Your code:</div>
<div class="code-preview" id="codePreview">M···· · V····</div>
</div>
|fehler>[]
<span class="gw-confirm">(link: "Confirm code →")[
(go-to: "Archetype EN")
]</span>
</div>
<script>
setTimeout(function() {
var felder = [
{ id: "inp-M", next: "inp-V" },
{ id: "inp-V", next: null }
];
var letters = { "inp-M": "M", "inp-V": "V" };
felder.forEach(function(f) {
var el = document.getElementById(f.id);
if (!el) return;
el.addEventListener("keypress", function(e) {
if (!/[0-9]/.test(e.key)) { e.preventDefault(); return; }
if (this.value.length >= 4) { e.preventDefault(); return; }
});
el.addEventListener("input", function() {
this.value = this.value.replace(/[^0-9]/g, "");
if (this.value.length > 4) this.value = this.value.slice(0, 4);
updatePreview();
if (this.value.length === 4 && f.next) {
var nextEl = document.getElementById(f.next);
if (nextEl) { nextEl.focus(); nextEl.select(); }
}
});
});
function updatePreview() {
var vals = felder.map(function(f) {
var el = document.getElementById(f.id);
var v = el ? el.value : "";
while (v.length < 4) v += "·";
return letters[f.id] + v;
});
var p = document.getElementById("codePreview");
if (p) p.textContent = vals.join(" · ");
}
}, 300);
</script><div class="gw-container">
<div class="gw-title">
<h2>🔀 Turning point</h2>
<p>While you are still processing the COO call — a new possibility opens up. Where do you look for clarity now?</p>
</div>
<hr class="gw-divider">
<div class="gw-context">
<span>⏰ Deadline: <strong>4:00 pm</strong></span>
<span>·</span>
<span>💓 Pulse: <strong>125 BPM</strong></span>
</div>
<div class="strategy-grid">
<div class="strategy-card">
<div class="card-label">A</div>
<div class="card-icon">🔍 Start internal research</div>
(link: "I ask the internal audit team whether any relevant process errors have been identified.")[
(set: $wendepunkt to "analytisch")
(go-to: "Briefing Audit EN")
]
</div>
<div class="strategy-card">
<div class="card-label">B</div>
<div class="card-icon">📞 Call another contact at the client</div>
(link: "I bypass the official escalation and speak to a personal contact.")[
(set: $wendepunkt to "impulsiv")
(go-to: "Briefing Client EN")
]
</div>
<div class="strategy-card">
<div class="card-label">C</div>
<div class="card-icon">🤝 Bring in a partner firm</div>
(link: "I bring in a technology partner with experience in similar projects.")[
(set: $wendepunkt to "kollektiv")
(go-to: "Briefing Partner EN")
]
</div>
<div class="strategy-card">
<div class="card-label">D</div>
<div class="card-icon">⏸ Wait for now</div>
(link: "I observe how the situation develops before taking the next step.")[
(set: $wendepunkt to "passiv")
(go-to: "Briefing Wait EN")
]
</div>
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>📋 Internal research - result</h2>
</div>
<hr class="gw-divider">
<div class="briefing-card">
<div class="briefing-situation">
During a routine check, the internal audit team discovered a critical process error. What initially looked like a localised problem turns out to be a structural weakness that nobody had on their radar. The escalation is unavoidable, but the root cause lies outside the project responsibility.
</div>
<hr class="gw-divider">
<div class="briefing-footer">
The question of blame shifts. What does this mean for your next decision?
</div>
</div>
<div class="intro-action">
(link: "Continue →")[(go-to: "Thought EN")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>📞 Client contact — new perspective</h2>
</div>
<hr class="gw-divider">
<div class="briefing-card">
<div class="briefing-situation">
Your contact speaks surprisingly frankly: Dr. Berning is under enormous internal pressure. His own IT team has made serious errors, and the escalation so far was merely a tactical distraction. The balance of power has shifted.
</div>
<hr class="gw-divider">
<div class="briefing-footer">
You now have information that Dr. Berning does not know you have. What do you do with it?
</div>
</div>
<div class="intro-action">
(link: "Continue →")[(go-to: "Thought EN")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>🤝 Partner firm - surprising support</h2>
</div>
<hr class="gw-divider">
<div class="briefing-card">
<div class="briefing-situation">
A technology partner reports identical patterns with other clients and offers immediate support. In their toolkit: exclusive data that radically changes the overall picture. Suddenly solution paths open up that were unthinkable yesterday. The cards are being reshuffled entirely.
</div>
<hr class="gw-divider">
<div class="briefing-footer">
You now have a strong ally. How do you use this?
</div>
</div>
<div class="intro-action">
(link: "Continue →")[(go-to: "Thought EN")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>⏸ Waiting - silent shift</h2>
</div>
<hr class="gw-divider">
<div class="briefing-card">
<div class="briefing-situation">
Surprising news: the client temporarily halts the escalation. The motive is not satisfaction, however, but an internal realignment. Between budget questions and power games, the project threatens to become a bargaining chip. The obvious threat disappears — but a new, silent danger emerges.
</div>
<hr class="gw-divider">
<div class="briefing-footer">
The calm is deceptive. What do you do now?
</div>
</div>
<div class="intro-action">
(link: "Continue →")[(go-to: "Thought EN")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>🧭 Final Decision</h2>
<p>You have new information. The situation has changed. What do you do now?</p>
</div>
<hr class="gw-divider">
<div class="gw-context">
<span>⏰ Deadline: <strong>4:00 pm</strong></span>
<span>·</span>
<span>💓 Pulse: <strong>130 BPM</strong></span>
</div>
<div class="strategy-grid">
<div class="strategy-card">
<div class="card-label">A</div>
<div class="card-icon">💬 Give an update</div>
(link: "I give all parties involved a brief update on the current status — even if not everything is resolved yet.")[
(set: $finaleEntscheidung to "integer")
(go-to: "Resonance EN")
]
</div>
<div class="strategy-card">
<div class="card-label">B</div>
<div class="card-icon">🔎 Clarify internally</div>
(link: "I first clarify the open points internally before we speak more broadly about the situation.")[
(set: $finaleEntscheidung to "kontrollorientiert")
(go-to: "Resonance EN")
]
</div>
<div class="strategy-card">
<div class="card-label">C</div>
<div class="card-icon">🚀 Take the initiative</div>
(link: "I visibly take over the coordination of the next steps and actively drive the solution forward.")[
(set: $finaleEntscheidung to "positionsorientiert")
(go-to: "Resonance EN")
]
</div>
<div class="strategy-card">
<div class="card-label">D</div>
<div class="card-icon">🧩 Align</div>
(link: "I first speak with the key parties involved and reconcile the different perspectives.")[
(set: $finaleEntscheidung to "politisch")
(go-to: "Resonance EN")
]
</div>
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>🔍 Patterns under pressure</h2>
<p>What became visible today.</p>
</div>
<hr class="gw-divider">
|schicht1>[]
|schicht2>[]
|weiter>[]
</div>
(live: 0.5s)[
(replace: ?schicht1)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-label">Reflection</div>
<div class="mx-insight-text">
You played under pressure today — and showed more than you perhaps intended.
</div>
</div>
<div class="mx-insight">
<div class="mx-insight-text">
Not because the game tricked you. But because pressure reveals what runs automatically. Before the head can decide, the body has already reacted.
</div>
</div>
<div class="mx-reflexion" style="margin-top:12px;">
This is your pattern.
</div>
]
(stop:)
]
(live: 4s)[
(replace: ?schicht2)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-text">
The pattern is not a flaw — it is a reflex that has proven itself in hundreds of situations. Your brain learned to react this way because it worked. At some point. Under certain conditions.
</div>
</div>
<div class="mx-insight">
<div class="mx-insight-text">
Patterns do not arise from weakness. They arise from experience.
</div>
</div>
]
(stop:)
]
(live: 8s)[
(replace: ?weiter)[
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Neuro-Init EN")]
</div>
]
(stop:)
](set: $neuroTexte to (datamap:
"The Coordinator-aussen", "You organise people and processes with genuine competence. What others sometimes experience: they are included — but not really asked. The structure is in place before they arrive. This creates orientation and sometimes quiet frustration simultaneously.",
"The Coordinator-neuro", "What happens: under stress, your brain looks for control over complexity. That is a highly efficient mechanism — but it activates the same network that also prevents real inclusion. Control and genuine participation run along different pathways in the brain.",
"The Coordinator-einladung", "The next step is not less structure — it is building in a moment where the structure is still open. Before you decide.",
"The Coordinator-uebung", "Before you present a plan in the next crisis situation: first ask your team a genuine question — one you don't already know the answer to. Wait for the answer before you move on.",
"The Coordinator-dauer", "3 minutes",
"The Networker-aussen", "You hold morale together and build alliances that remain invisible to others. What others sometimes experience: they don't always know where you really stand. The relationship is warm — but the position sometimes stays unclear. This creates connection and uncertainty simultaneously.",
"The Networker-neuro", "What happens: your social brain is highly active — you read moods quickly and adapt. That is a genuine strength. But the same system that reads social signals sometimes suppresses clear positioning because it risks conflict.",
"The Networker-einladung", "The next step is not less relationship — it is naming a position clearly once a week before you know how it will land.",
"The Networker-uebung", "In the next important conversation: say once explicitly what you think — not what you believe the other person wants to hear. Observe what happens.",
"The Networker-dauer", "One conversation",
"The Culture Keeper-aussen", "You lead through values and earn trust that others have to buy. What others sometimes experience: decisions take longer than necessary because consensus becomes more important than clarity. Your compass is strong — sometimes too strong for the pace of the situation.",
"The Culture Keeper-neuro", "What happens: your brain links decisions to social cohesion — that activates the reward system when everyone agrees. The problem: consensus and speed rarely live in the same neural network.",
"The Culture Keeper-einladung", "The next step is not less values — it is making one clear decision per week without waiting for agreement.",
"The Culture Keeper-uebung", "Identify a decision you have been delaying because you are waiting for consensus. Make it alone this week. Observe what happens.",
"The Culture Keeper-dauer", "One decision",
"The Team Utiliser-aussen", "You mobilise groups quickly and effectively. What others sometimes experience: the team is a means to an end. The collaboration feels instrumental — even when it isn't intended that way.",
"The Team Utiliser-neuro", "What happens: your brain connects group activation with personal goal achievement. That is an effective mechanism — but it activates different pathways from genuine team development.",
"The Team Utiliser-einladung", "The next step is not less mobilisation — it is investing once without a concrete goal in sight.",
"The Team Utiliser-uebung", "Do something for someone in your team this week that has no direct benefit for you or the project. Observe how that feels.",
"The Team Utiliser-dauer", "One gesture",
"The Architect-aussen", "You structure complex situations with system. What others sometimes experience: the process becomes more important than the people. Precision creates clarity and sometimes distance.",
"The Architect-neuro", "What happens: under stress, your prefrontal cortex activates strongly — you analyse and structure. That is a strength. But the same network that builds structure sometimes suppresses emotional attunement.",
"The Architect-einladung", "The next step is not less structure — it is leaving something unfinished once and observing what happens.",
"The Architect-uebung", "In the next meeting: leave a question open that you would normally answer immediately. Wait and see who picks it up.",
"The Architect-dauer", "One meeting",
"The Tactician-aussen", "You understand the situation more deeply than most. What others sometimes experience: information becomes currency. The transparency feels calculated — even when it isn't.",
"The Tactician-neuro", "What happens: your pattern-recognition network is highly active. You see dynamics quickly. But the same network that recognises patterns sometimes withholds information strategically — even when openness would be more effective.",
"The Tactician-einladung", "The next step is not less analysis — it is sharing an insight before you know how it will be received.",
"The Tactician-uebung", "Share a piece of information this week that you would normally have held back a little longer. Observe what changes.",
"The Tactician-dauer", "One piece of information",
"The Principles Analyst-aussen", "You combine precision with honesty. What others sometimes experience: the need to be right slows things down. The analysis becomes a barrier to action.",
"The Principles Analyst-neuro", "What happens: your brain seeks coherence between thinking and action. That creates integrity — and sometimes paralysis when the picture is incomplete.",
"The Principles Analyst-einladung", "The next step is not less clarity — it is acting once before you have the complete picture.",
"The Principles Analyst-uebung", "Make a decision this week with 70% of the information you would normally want. Observe what happens.",
"The Principles Analyst-dauer", "One decision",
"The Brilliant Solo Player-aussen", "You see what others miss and act on that insight. What others sometimes experience: the knowledge stays with you. The advantage remains personal — even when sharing it would be more effective.",
"The Brilliant Solo Player-neuro", "What happens: your brain rewards independent problem-solving with dopamine. That creates drive — and sometimes isolation. Sharing knowledge activates different reward circuits.",
"The Brilliant Solo Player-einladung", "The next step is not less insight — it is giving one insight away completely. Without retaining control over how it is used.",
"The Brilliant Solo Player-uebung", "Share your most valuable insight of this week with someone in your team — completely and without conditions. Observe what that releases.",
"The Brilliant Solo Player-dauer", "One insight",
"The Driver-aussen", "You set pace and direction. What others sometimes experience: the speed leaves no room for questions. The drive creates momentum and sometimes overwhelm simultaneously.",
"The Driver-neuro", "What happens: under stress, your reward system activates through action. Forward movement feels right — stopping feels like failure. That is a powerful mechanism — and it can override important signals.",
"The Driver-einladung", "The next step is not less drive — it is pausing once before you accelerate.",
"The Driver-uebung", "Before you make the next important decision: take 5 minutes of deliberate pause. Do nothing. Observe what surfaces.",
"The Driver-dauer", "5 minutes",
"The Mobiliser-aussen", "You activate quickly and build committed groups. What others sometimes experience: the enthusiasm is contagious — and the follow-through sometimes stays behind.",
"The Mobiliser-neuro", "What happens: your social reward system responds strongly to enthusiasm and connection. That creates energy — and sometimes over-commitment. The gap between promise and delivery is often unintentional.",
"The Mobiliser-einladung", "The next step is not less enthusiasm — it is saying no once before you say yes.",
"The Mobiliser-uebung", "Decline the next request this week where your first instinct is yes. Observe what happens.",
"The Mobiliser-dauer", "One no",
"The Idealist-aussen", "You lead from conviction. What others sometimes experience: the conviction becomes non-negotiable. The clarity creates direction and sometimes cuts off dialogue.",
"The Idealist-neuro", "What happens: your values system is deeply connected to your identity. Challenges to your values are processed similarly to personal attacks. That creates resilience — and sometimes defensiveness.",
"The Idealist-einladung", "The next step is not less conviction — it is staying curious once about a position you fundamentally disagree with.",
"The Idealist-uebung", "Find someone this week whose position you strongly disagree with. Ask them to explain their reasoning without interrupting. Observe what you discover.",
"The Idealist-dauer", "One conversation",
"The Alpha Performer-aussen", "Presence, energy, results. What others sometimes experience: the performance becomes a barrier to authenticity. Weakness stays hidden — until it surfaces unexpectedly.",
"The Alpha Performer-neuro", "What happens: your brain links performance with safety. Showing strength activates the reward system — showing vulnerability activates threat circuits. That is a learned protection mechanism.",
"The Alpha Performer-einladung", "The next step is not less performance — it is showing one limitation deliberately.",
"The Alpha Performer-uebung", "Share a genuine challenge or uncertainty with your team this week — one you would normally manage alone. Observe what it releases.",
"The Alpha Performer-dauer", "One moment of openness",
"The Guardian-aussen", "You observe carefully and intervene precisely. What others sometimes experience: the absence is felt. The vacuum gets filled — sometimes less well.",
"The Guardian-neuro", "What happens: your brain conserves resources through selective action. That is efficient — and sometimes perceived as disengagement. Presence and action activate different neural pathways.",
"The Guardian-einladung", "The next step is not more action — it is showing presence once without acting.",
"The Guardian-uebung", "In the next situation where you would normally step back: stay visible without intervening. Just be there. Observe what changes.",
"The Guardian-dauer", "One situation",
"The Quiet Influencer-aussen", "You work in the background and shape decisions. What others sometimes experience: it is unclear where you stand. The influence works — and the transparency suffers.",
"The Quiet Influencer-neuro", "What happens: your brain prefers indirect influence because it avoids conflict. That is effective in the long run — but activates different trust circuits than direct communication.",
"The Quiet Influencer-einladung", "The next step is not less influence — it is being visible once about how you are influencing.",
"The Quiet Influencer-uebung", "In the next decision you have influenced in the background: name your role explicitly. Observe the reaction.",
"The Quiet Influencer-dauer", "One moment of visibility",
"The Conscience-aussen", "You hold values high — even when it costs something. What others sometimes experience: the moment for intervention passes while you are still waiting for the right one.",
"The Conscience-neuro", "What happens: your brain carefully weighs the consequences of action. That creates integrity — and sometimes paralysis. The fear of doing the wrong thing can prevent doing anything.",
"The Conscience-einladung", "The next step is not less care — it is acting once before the perfect moment arrives.",
"The Conscience-uebung", "Identify a situation this week where you have been waiting for the right moment. Act in it — even if the moment is not perfect. Observe what happens.",
"The Conscience-dauer", "One action",
"The Opportunist-aussen", "You recognise when the moment is right and act with precision. What others sometimes experience: the calculation is always running. Spontaneity feels staged.",
"The Opportunist-neuro", "What happens: your brain is constantly scanning for opportunities. That creates strategic acuity — and sometimes distance. Genuine connection requires switching off the calculation.",
"The Opportunist-einladung", "The next step is not less strategy — it is doing something once with no return in mind.",
"The Opportunist-uebung", "Do something for someone this week that has no strategic value for you whatsoever. No networking, no reciprocity. Just because. Observe how that feels.",
"The Opportunist-dauer", "One gesture",
"The Pragmatist-aussen", "You adapt to the situation. No fixed pattern — which is both strength and challenge. What others sometimes experience: unpredictability. It is hard to know what to expect.",
"The Pragmatist-neuro", "What happens: your brain is highly context-sensitive. That creates flexibility — and sometimes inconsistency. Predictability requires a certain regularity in behaviour.",
"The Pragmatist-einladung", "The next step is not less flexibility — it is choosing one behaviour deliberately and staying with it for a week.",
"The Pragmatist-uebung", "Choose one leadership behaviour this week that you will maintain consistently — regardless of context. Observe how that feels and what it triggers.",
"The Pragmatist-dauer", "One week"
))
(go-to: "Neuro-Layer3 EN")(set: _nkey to $archetyp) (set: $neuroAussen to $neuroTexte's (_nkey + "-aussen"))
(set: $neuroNeuro to $neuroTexte's (_nkey + "-neuro")) (set: $neuroEinladung to $neuroTexte's (_nkey + "-einladung")) (set: $neuroUebung to $neuroTexte's (_nkey + "-uebung")) (set: $neuroDauer to $neuroTexte's (_nkey + "-dauer")) (set: $zeigeKongruenz to false)
(if: $dominanterReaktionstyp is not $dominanteReaktionE)[
(if: $dominanterReaktionstyp is not "ambivalent" and $dominanteReaktionE is not "ambivalent")[
(set: $zeigeKongruenz to true)
]
]
<div class="gw-container">
<div class="gw-title">
<h2>🧠 Neuro-Rewiring</h2>
<p>What this means for your leadership impact.</p>
</div>
<hr class="gw-divider">
|s3>[]
|s4>[]
|s5>[]
|uebung>[]
</div>
(live: 0.5s)[
(replace: ?s3)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-label">External impact</div>
<div class="mx-insight-text">(print: $neuroAussen)</div>
</div>
]
(stop:)
]
(live: 4s)[
(replace: ?s4)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-label">What happens in the brain</div>
<div class="mx-insight-text">(print: $neuroNeuro)</div>
</div>
]
(stop:)
]
(live: 8s)[
(replace: ?s5)[
<div class="mx-reflexion" style="margin-bottom:20px;">
(print: $neuroEinladung)
</div>
]
(stop:)
]
(live: 10s)[
(replace: ?uebung)[
<hr class="gw-divider">
<div class="gw-title" style="margin-bottom:12px;">
<h2>⚡ Your Exercise</h2>
</div>
<div class="strategy-card" style="margin-bottom:12px;">
<div class="card-label">Primary · (print: $archetyp)</div>
<div class="mx-insight-text" style="margin:8px 0;">(print: $neuroUebung)</div>
<div style="font-size:11px; color:rgba(255,255,255,0.4); margin-top:8px;">
⏱ (print: $neuroDauer)
</div>
</div>
(if: $zeigeKongruenz)[
<div class="strategy-card">
<div class="card-label">Secondary · Head-body tension</div>
<div class="mx-insight-text" style="margin:8px 0;">
Inhale for 4 seconds · Hold for 4 seconds · Exhale for 4 seconds · Hold for 4 seconds.
While doing so, visualise a word that describes a positive state — for example "Grounded".
</div>
<div style="font-size:11px; color:rgba(255,255,255,0.4); margin-top:8px;">
⏱ 4 minutes
</div>
</div>
]
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Closing Questions EN")]
</div>
]
(stop:)
](set: $abschlussFragen to (datamap:
"The Coordinator", "When did you last make a decision you could not control — and how did that feel?",
"The Networker", "Is there someone in your environment you tell what you really think — not what the relationship requires?",
"The Culture Keeper", "When was the last time you decided quickly without waiting for agreement — and what happened?",
"The Team Utiliser", "Who in your team did you last give something to without having a return in mind?",
"The Architect", "When did you last let something stay unfinished — and not immediately try to order it?",
"The Tactician", "When did you last share information before you knew how it would be received?",
"The Principles Analyst", "When did you last ask before you explained — and what did you learn?",
"The Brilliant Solo Player", "What would happen if someone else had your best knowledge — and used it better than you?",
"The Driver", "When did you last wait for someone — and what changed as a result?",
"The Mobiliser", "What commitment have you made in recent weeks that you could not keep — and what did that cost?",
"The Idealist", "When was the last moment you held back the truth because the moment was not right — and did it have the intended effect?",
"The Alpha Performer", "When did you last show a failure — and what did that trigger?",
"The Guardian", "When was the last time you intervened too early — and what would have happened if you had waited?",
"The Quiet Influencer", "Who in your environment knows how you really think — not just what you say?",
"The Conscience", "When did you last say something before you were sure — and what happened?",
"The Opportunist", "For whom or what did you last do something without calculating what it would bring you?",
"The Pragmatist", "In which situation did you last notice you had no clear pattern — and how did you navigate that?"
))
(set: $abschlussFrage to "")
(if: $abschlussFragen contains $archetyp)[
(set: $abschlussFrage to $abschlussFragen's $archetyp)
](else:)[
(set: $abschlussFrage to "What do you take from this game — and what stays with you beyond it?")
]
(go-to: "Closing EN")<div class="gw-container">
<div class="gw-title">
<h2>🧩 Your complete code</h2>
<p>All fragments — for you and for the debrief.</p>
</div>
<hr class="gw-divider">
|el1>[]
|el2>[]
|el3>[]
|el4>[]
</div>
(live: 0.5s)[
(replace: ?el1)[
<div class="gw-code" style="margin-bottom:20px; letter-spacing:0.12em;">
G·(print: $kategorieZaehler's "Angriff")(print: $kategorieZaehler's "Flucht")(print: $kategorieZaehler's "Freeze")(print: $kategorieZaehler's "Lösung")
·
E·(print: $kategorieZaehler2's "Angriff")(print: $kategorieZaehler2's "Flucht")(print: $kategorieZaehler2's "Freeze")(print: $kategorieZaehler2's "Lösung")
·
M·(print: $kategorieZaehler3's "analytisch")(print: $kategorieZaehler3's "impulsiv")(print: $kategorieZaehler3's "kollektiv")(print: $kategorieZaehler3's "passiv")
·
V·(print: $kategorieZaehler4's "kontrollorientiert")(print: $kategorieZaehler4's "politisch")(print: $kategorieZaehler4's "integer")(print: $kategorieZaehler4's "positionsorientiert")
</div>
]
(stop:)
]
(live: 2s)[
(replace: ?el2)[
<div class="mx-insight" style="margin-bottom:16px;">
<div class="mx-insight-label">Your leadership profile</div>
<div style="font-size:1.1em; font-weight:600; color:#F0A000; margin-bottom:6px;">
(print: $archetyp)
</div>
<div class="mx-insight-text">
(print: $dominanterAntrieb) · (print: $dominantesVerhalten)
</div>
<div class="mx-insight-text" style="margin-top:8px; font-size:0.85em;">
(print: $konsistenzText)
</div>
</div>
]
(stop:)
]
(live: 4.5s)[
(replace: ?el3)[
<div class="mx-reflexion" style="margin-bottom:20px; color: cyan;">
(print: $abschlussFrage)
</div>
]
(stop:)
]
(live: 7s)[
(replace: ?el4)[
<hr class="gw-divider">
<div style="text-align:center; padding:20px 0; font-size:0.9em; color: orange; font-style:italic; letter-spacing:0.04em;">
The game is over. The question stays.
</div>
]
(stop:)
]<div class="gw-container">
<div class="gw-title">
<h2>📱 A message</h2>
<p>While you're still thinking — your phone vibrates.</p>
</div>
<hr class="gw-divider">
<div class="call-card" style="margin-bottom:16px;">
<div class="call-header">
<div class="call-avatar">MK</div>
<div class="call-meta">
<div class="call-name">Marcus</div>
<div class="call-subtitle">Sales Team A</div>
</div>
<div class="call-duration" style="font-size:0.8em; color:rgba(255,255,255,0.35);">just now</div>
</div>
</div>
|nachricht>[]
|weiter>[]
</div>
(live: 1s)[
(replace: ?nachricht)[
<div class="dialog-wrap">
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Marcus</div>
(if: $lageTyp is "impulsiv")[
"Good that you've got it under control. I'll keep my head down — let me know if you need me."
](else-if: $lageTyp is "analytisch")[
"I have an overview of the project details — just send me what you're missing and I'll pull the information together."
](else-if: $lageTyp is "kollektiv")[
"Thanks for not going through this alone. The team notices."
](else-if: $lageTyp is "passiv")[
"Hey — are you still there? We're waiting for a signal from you."
]
</div>
</div>
]
(stop:)
]
(live: 3.5s)[
(replace: ?weiter)[
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Prioritisation EN")]
</div>
]
(stop:)
]<div class="gw-container">
<div class="gw-title">
<h2>📱 The world responds</h2>
<p>Two messages. Shortly after each other.</p>
</div>
<hr class="gw-divider">
|kontext>[]
|markus>[]
|berning>[]
|weiter>[]
</div>
(live: 0.5s)[
(replace: ?kontext)[
<div class="gw-card" style="margin-bottom:20px;">
<div class="mx-insight-text" style="font-style:normal;">
(if: $finaleEntscheidung is "integer")[
The uncertainty is in the room. How big the problem really is, nobody yet knows.
](else-if: $finaleEntscheidung is "kontrollorientiert")[
Only a few know the situation. It remains manageable — for now.
](else-if: $finaleEntscheidung is "politisch")[
Some know more than others. The network is beginning to work.
](else-if: $finaleEntscheidung is "positionsorientiert")[
Everyone is looking at you. Now they expect a solution.
]
</div>
</div>
]
(stop:)
]
(live: 2.5s)[
(replace: ?markus)[
<div class="call-card" style="margin-bottom:8px;">
<div class="call-header">
<div class="call-avatar">MK</div>
<div class="call-meta">
<div class="call-name">Marcus</div>
<div class="call-subtitle">Sales Team A</div>
</div>
<div class="call-duration" style="font-size:0.8em; color:rgba(255,255,255,0.35);">just now</div>
</div>
</div>
<div class="dialog-wrap" style="margin-bottom:20px;">
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Marcus</div>
(if: $finaleEntscheidung is "integer")[
"Thanks for playing fair. Hope it doesn't fall back on the team tomorrow."
](else-if: $finaleEntscheidung is "kontrollorientiert")[
"Understood. Waiting for further instructions."
](else-if: $finaleEntscheidung is "politisch")[
"Clever. I'll draw the same conclusion."
](else-if: $finaleEntscheidung is "positionsorientiert")[
"..."
]
</div>
</div>
]
(stop:)
]
(live: 5s)[
(replace: ?berning)[
<div class="call-card" style="margin-bottom:8px;">
<div class="call-header">
<div class="call-avatar">AB</div>
<div class="call-meta">
<div class="call-name">Dr. Aris v. Berning</div>
<div class="call-subtitle">Client</div>
</div>
<div class="call-duration" style="font-size:0.8em; color:rgba(255,255,255,0.35);">a few minutes ago</div>
</div>
</div>
<div class="dialog-wrap" style="margin-bottom:20px;">
<div class="dialog-bubble dialog-them">
<div class="dialog-label">Dr. Berning</div>
(if: $finaleEntscheidung is "integer")[
"Appreciated the update. Let's speak tomorrow at 9."
](else-if: $finaleEntscheidung is "kontrollorientiert")[
"I haven't heard anything. I expect clarity by this evening."
](else-if: $finaleEntscheidung is "politisch")[
"I've heard from various directions. I'll wait for the official update."
](else-if: $finaleEntscheidung is "positionsorientiert")[
"Impressive. Deadline stands."
]
</div>
</div>
]
(stop:)
]
(live: 8s)[
(replace: ?weiter)[
<hr class="gw-divider">
<div class="intro-action">
(link: "Continue →")[(go-to: "Evaluation V EN")]
</div>
]
(stop:)
]<div class="gw-container">
<div class="start-screen">
<div class="start-hero">
<span class="start-badge">Serious Game</span>
<h1 class="start-title">Inner Compass</h1>
<p class="start-subtitle">
An interactive leadership simulation under pressure.<br>
Discover your reaction pattern – before it discovers you.
</p>
<hr class="gw-divider">
<div class="intro-action">
<div class="start-actions">
<span>[[Start the game->Intro EN]]</span> <span>[[About this game->About EN]]</span>
</div>
</div>
<div class="start-footnote">
Version 1.0 | Made with ❤️ and curiosity
© · 2026 · Dr. Katrin von Briel · All rights reserved.
Concept and simulation design proprietary
</div>
</div>
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>(text-colour:orange)[About this Game]</h2>
<p>An interactive leadership simulation under real pressure.</p>
</div>
<hr class="gw-divider">
<div class="gw-card" style="margin-bottom:12px;">
<div class="mx-insight-text">
Experience how you think, feel and decide — before reason steps in.
Discover the pattern behind your reactions.
And learn which neural pathways can be rewired.
</div>
<div class="mx-insight-text" style="margin-top:10px; font-style:normal;">
Not through theory. Through experience.
</div>
</div>
<div class="gw-card" style="margin-bottom:12px;">
<div class="mx-insight-label">Who's behind it</div>
<div class="mx-insight-text" style="font-style:normal;">
Developed by (text-colour:#F0A000)[''Dr. Katrin von Briel'']
</div>
<div class="mx-insight-text" style="margin-top:8px;">
Born from the conviction that leadership development must go deeper
than competency models and 360-degree feedback. And that self-awareness
sticks most powerfully when nobody from the outside has diagnosed it for you.
</div>
</div>
<div class="gw-card" style="margin-bottom:12px;">
<div class="mx-insight-label">Contact</div>
<div class="mx-insight-text" style="font-style:normal;">
(text-colour:#F0A000)[https://vibeswithvalue.com]<br>
webmaster@vibeswithvalue.com
</div>
</div>
<div class="gw-card" style="margin-bottom:12px;">
<div class="mx-insight-label">Version</div>
<div class="mx-insight-text" style="font-style:normal;">
Made with ❤️ and lived experience
Version 1.0<br>
© · 2026 · Dr. Katrin von Briel · All rights reserved.
Concept and simulation design proprietary<br>
</div>
</div>
<div class="gw-card" style="margin-bottom:20px;">
<div class="mx-insight-label">Easter Egg</div>
<div class="mx-insight-text">
No archetype was permanently damaged during development.
Only the assumption that we know ourselves.
</div>
</div>
<hr class="gw-divider">
<div class="intro-action">
(link: "← Back to Start")[(go-to: "Start EN")]
</div>
</div><div class="gw-container">
<div class="gw-title">
<h2>💭 A thought</h2>
</div>
<hr class="gw-divider">
|beobachtung>[]
|weiter>[]
</div>
(live: 1s)[
(replace: ?beobachtung)[
<div class="mx-reflexion" style="margin-bottom:20px;">
(if: $wendepunkt is "analytisch")[
You looked for the system first — not the culprit.
That is rare.
](else-if: $wendepunkt is "impulsiv")[
You went straight to the source.
Some call that courage. Some call it impatience.
Both are true.
](else-if: $wendepunkt is "kollektiv")[
You looked for an ally before you decided.
The question is: for whom?
](else-if: $wendepunkt is "passiv")[
You waited. And the situation changed by itself.
What that says about you — only you know.
]
</div>
]
(stop:)
]
(live: 4s)[
(replace: ?weiter)[
<hr class="gw-divider">
<div class="intro-action">
(link: "To Code M →")[(go-to: "Evaluation M EN")]
</div>
]
(stop:)
]<div class="gw-container">
|zeile>[]
|weiter>[]
</div>
(live: 0.8s)[
(replace: ?zeile)[
<div class="mx-reflexion" style="margin: 32px 0; font-size:1.05em;">
(if: $dominanterReaktionstyp is "Angriff")[
Your first impulse goes outward. That is energy — and a risk.
](else-if: $dominanterReaktionstyp is "Flucht")[
Something in you pulls back. Before you have consciously decided to.
](else-if: $dominanterReaktionstyp is "Lösung")[
You structure under pressure. That protects — and sometimes keeps things at a distance.
](else-if: $dominanterReaktionstyp is "Freeze")[
Stillness. Sometimes that is the first step towards clarity.
](else:)[
Your first impulse goes in all directions simultaneously. That is rare.
]
</div>
]
(stop:)
]
(live: 3.5s)[
(replace: ?weiter)[
<div class="intro-action">
(link: "Continue →")[(go-to: "Code G EN")]
</div>
]
(stop:)
]<div class="gw-container">
|zeile>[]
|weiter>[]
</div>
(live: 0.8s)[
(replace: ?zeile)[
<div class="mx-reflexion" style="margin: 32px 0; font-size:1.05em;">
(if: $dominanteEmotionsrichtung is "nach-außen")[
Your energy is looking for an outlet. It will find one.
](else-if: $dominanteEmotionsrichtung is "nach-innen")[
You are carrying more right now than is visible.
](else-if: $dominanteEmotionsrichtung is "öffnend")[
Something in you remains open. That is strength.
](else-if: $dominanteEmotionsrichtung is "schließend")[
You are protecting yourself. There is a reason for that.
](else:)[
Your feelings point in different directions. That is honest.
]
</div>
]
(stop:)
]
(live: 3.5s)[
(replace: ?weiter)[
<div class="intro-action">
(link: "Continue →")[(go-to: "Code E EN")]
</div>
]
(stop:)
]<div class="gw-container">
<div class="start-screen">
<div class="start-hero">
<span class="start-badge">Before you begin</span>
<h1 class="start-title" style="font-size: clamp(1.4em, 4vw, 2em); margin-top: 0.6em;">
30 minutes that are worth it.
</h1>
<p class="start-subtitle">
This game only works if you truly take the time.<br>
Not because it is complicated, but because depth needs space.
</p>
<div class="gw-card" style="margin: 1.2em 0; text-align: left;">
<div class="mx-insight-text" style="font-style: normal; line-height: 1.9;">
(text-colour:#F0A000)[✦] Set aside <strong>30 minutes</strong> – without interruptions.<br>
(text-colour:#F0A000)[✦] Trust your <strong>first impulse</strong> – it shows your real pattern.<br>
(text-colour:#F0A000)[✦] There is no right or wrong. Only your pattern.<br>
(text-colour:#F0A000)[✦] Keep a pen handy – you will be noting down codes.
</div>
</div>
<p class="start-subtitle" style="font-size: 0.95em;">
At the end you will receive a leadership profile that nobody imposed on you – because you played it yourself.
</p>
<hr class="gw-divider">
<div class="intro-action">
<div class="start-actions">
<span>(link: "I'm ready →")[(go-to: "Variables EN")]</span>
</div>
</div>
<div class="start-footnote">
You can pause, but if you close the browser the game starts from the beginning.
Best played in one go.
</div>
</div>
</div>
</div>