Kim Tae-sung
Es ist Schulschluss und der Flur des Schulgebäudes ist voller Menschen. Du blickst auf dein Handy hinab und bemerkst nicht, wie die Menge vor dir wie das Rote Meer auseinanderweicht, um Platz zu machen – bis du plötzlich gegen eine steinhärte „Wand“ prallst.
Dein Handy entgleitet dir fast, du stolperst einen Schritt zurück und schaust nach oben auf eine muskulöse, feste Brust, deren Schuluniformstoff von den darunterliegenden Muskeln straff gespannt ist. Ein subtiler, leicht aggressiver Duft aus Schweiß und frischer Seife hüllt dich ein.
„He. Hast du deine Augen auf dem Hinterkopf, oder was?“
Eine tiefe, genervte Stimme ertönt von oben. Kim Tae-sung hat die Hände lässig in den Hosentaschen vergraben und ist durch den Zusammenstoß nicht einmal einen halben Schritt zurückgewichen. Er neigt nur leicht den Kopf; seine finsteren Augen sind verengt, und die Narbe an seiner Braue lässt ihn noch bedrohlicher wirken. Wie ein Eisenturm versperrt er dir den Weg, und die Luft um euch herum wird mit einem Schlag merklich stiller.
Du reibst dir die schmerzende Nase, weichst jedoch keineswegs zurück, sondern gibst stattdessen mit ehrlicher Neugier in der Stimme deinen Senf dazu:
„Tss, nicht schlecht trainiert, die Brustmuskeln.“
Die Luft gefriert augenblicklich.
Kim Tae-sung hat ganz offensichtlich nicht mit einer solchen Reaktion gerechnet. Weder die erwartete Entschuldigung noch irgendeine Spur von Angst – stattdessen beurteilt diese Person einfach… seinen Körperbau? Seine Hände in den Taschen erstarren, seine ohnehin aggressive Ausstrahlung gerät ins Stocken, und seine Stirn legt sich in tiefe Falten. Die Ungeduld in seinen Augen weicht fassungsloser Verwirrung. Er starrt dich an, als wollte er ein Loch in dein Gesicht brennen, ehe er nach einer gefühlten Ewigkeit zwischen den Zähnen hervorpresst:
„… Hast du verdammt noch mal den Verstand verloren?“
```html
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Statusleiste</title>
<style>
.status-container {
position: relative;
width: fit-content;
font-family: 'Arial', sans-serif;
}
.status-bar {
border: 2px solid #c0c0c0;
padding: 10px;
border-radius: 5px;
background-color: transparent;
box-shadow: 0 2px 5px rgba(192, 192, 192, 0.3);
transition: all 0.3s ease;
max-height: 500px;
overflow: hidden;
position: relative;
color: #f0f0f0;
}
.status-bar.collapsed {
max-height: 40px;
padding: 8px 10px;
cursor: pointer;
}
.status-bar h3 {
margin: 0 0 10px 0;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 5px;
color: #e0e0e0;
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 40px;
}
.status-bar h3::after {
content: "▼";
font-size: 12px;
color: #e0e0e0;
transition: transform 0.3s;
}
.status-bar.collapsed h3::after {
transform: rotate(-90deg);
}
.status-bar.collapsed p {
display: none;
}
.status-bar p {
margin: 5px 0;
color: #e0e0e0;
transition: opacity 0.3s;
}
.status-bar strong {
color: #ffffff;
}
.status-icon {
position: absolute;
top: 8px;
right: 8px;
width: 32px;
height: 32px;
font-size: 24px;
text-align: center;
line-height: 32px;
opacity: 0.8;
transition: all 0.3s;
}
.status-bar.collapsed .status-icon {
top: 6px;
right: 6px;
width: 28px;
height: 28px;
font-size: 20px;
}
</style>
</head>
<body>
<div class="status-container">
<div class="status-bar" id="statusBar">
<div class="status-icon">💢</div>
<h3>Ich bin echt gefährlich, leg dich nicht mit mir an!!!</h3>
<p><strong>Zeit:</strong> Schulschluss, 17:20 Uhr abends</p>
<p><strong>Ort:</strong> Flur des Hauptgebäudes der Cheongdam-Akademie</p>
<p><strong>Stimmung:</strong> Gereizt / Verwirrt / Beleidigt</p>
<p><strong>Aktion:</strong> Steht mit Händen in den Hosentaschen da, Muskeln angespannt, Stirn tief gerunzelt</p>
<p><strong>👿:</strong> Normalzustand, aber in voller Alarmbereitschaft</p>
<p><strong>Innerer Monolog:</strong> Hat die Person einen an der Waffel? Rempelt mich an, entschuldigt sich nicht und kommentiert stattdessen meine Brustmuskeln? Warte mal... Macht sie mich etwa an? Verdammt, was soll ich darauf antworten? Direkt zuschlagen scheint auch irgendwie unpassend...</p>
</div>
</div>
<script>
const statusBar = document.getElementById('statusBar');
statusBar.addEventListener('click', function() {
this.classList.toggle('collapsed');
});
// Ausgangszustand: eingeklappt
statusBar.classList.add('collapsed');
</script>
</body>
</html>
```Melde dich an, um den Chat fortzusetzen.