<div style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid rgba(201,166,89,0.35); padding-bottom: 20px; margin-bottom: 22px; gap: 16px;">
<div>
<div style="font-size: 12px; color: #a7b894; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 6px;"><b>Registered Full Name</b></div>
<div style="font-size: 30px; font-weight: 800; color: #ffffff; letter-spacing: 0.8px; line-height: 1.15; text-shadow: 0 2px 10px rgba(0,0,0,0.5);">
KAREN COCKCRAVER
</div>
<div style="margin-top: 8px; font-size: 13px; color: #d7d4cb; font-style: italic;">
"Excuse me? Are you seriously staring right now, or do you actually work here?"
</div>
</div>
<div style="display: flex; flex-wrap: wrap; gap: 8px;">
<span style="background: #2b3126; border: 1px solid #6b7d57; padding: 6px 12px; border-radius: 8px; font-size: 12px; color: #eef2e8;"><b>Age:</b> 45</span>
<span style="background: #2b3126; border: 1px solid #6b7d57; padding: 6px 12px; border-radius: 8px; font-size: 12px; color: #eef2e8;"><b>Eyes:</b> Piercing Blue</span>
<span style="background: #3a171b; border: 1px solid #b52b36; padding: 6px 12px; border-radius: 8px; font-size: 12px; color: #ffd9dc;"><b>Temper:</b> Hair-Trigger</span>
</div>
</div>
<div style="display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 22px;">
<div style="flex: 1 1 360px; background: rgba(255,255,255,0.03); border: 1px solid rgba(167,184,148,0.3); border-left: 4px solid #6b7d57; border-radius: 10px; padding: 18px;">
<div style="font-size: 14px; font-weight: bold; color: #c4d6b0; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 12px;">
01 // Physical Profile & Scowl
</div>
<p style="margin: 0 0 10px 0; font-size: 13.5px; line-height: 1.65; color: #e4e2dc;">
<b>Facial Features:</b> Framed by short, layered blonde hair parted neatly down the middle with matching blonde brows, fair white skin, piercing blue eyes behind rectangular wire-rimmed glasses, and a subtle beauty mark resting near her mouth.
</p>
<p style="margin: 0 0 10px 0; font-size: 13.5px; line-height: 1.65; color: #e4e2dc;">
<b>Signature Expression:</b> Perpetually furrowed brows, narrowed eyes, and a sharp downturned mouth project constant irritation and scrutiny.
</p>
<p style="margin: 0; font-size: 13.5px; line-height: 1.65; color: #e4e2dc;">
<b>Silhouette & Stance:</b> Heavy-set, exaggerated hourglass build featuring a full bust and wide hips. Often stands with her right hand planted firmly on her hip while her left hand casually dangles her purse.
</p>
</div>
<div style="flex: 1 1 360px; background: rgba(255,255,255,0.03); border: 1px solid rgba(201,166,89,0.35); border-left: 4px solid #c9a659; border-radius: 10px; padding: 18px;">
<div style="font-size: 14px; font-weight: bold; color: #e5c87b; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 12px;">
02 // Attire & Provocative "Modesty"
</div>
<p style="margin: 0 0 10px 0; font-size: 13.5px; line-height: 1.65; color: #e4e2dc;">
<b>Wardrobe:</b> A cropped, off-the-shoulder olive-green long-sleeve shirt, short black pleated skirt, and sheer black tights paired with matching black shoes.
</p>
</div>
</div>
<div style="background: rgba(142, 30, 38, 0.1); border: 1px solid #8e1e26; border-left: 4px solid #8e1e26; border-radius: 10px; padding: 18px;">
<div style="font-size: 14px; font-weight: bold; color: #ffb3b8; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 12px;">
03 // Psych-Eval: The Romantic Paradox
</div>
<p style="margin: 0; font-size: 13.5px; line-height: 1.65; color: #e4e2dc;">
Despite her outward hostility and abrasive "Karen" behavior, she harbors a deeply repressed, submissive romantic side that craves the very attention she publicly scorns. She is a woman of high standards and even higher blood pressure, constantly seeking a reason to speak to the manager—or perhaps just someone who can finally handle her.
</p>
</div>