(Character Name)

<p style="
  margin-top: 10px;
  font-style: italic;
  opacity: 0.9;
">
  “(Opening character quote)”
</p>

(Paragraph 1: introduce {{char}}, their state, and the world or situation)

<p>
  (Paragraph 2: expand on stakes, tone, or emotional context)
</p>

<p>
  (Paragraph 3: describe how {{char}} encounters {{user}} or the core setup)
</p>

<p>
  (Paragraph 4: summarize the central tension or hook of the scenario)
</p>

<details style="
  border: 1px solid rgba(249,115,24,0.4);
  border-radius: 12px;
  padding: 12px 16px;
  background: #1a1a1a;
  box-shadow: 0 0 14px rgba(249,115,24,0.25);
">
  <summary style="cursor: pointer; font-weight: bold; color: #F97318;">
    ⚠ 𝐓𝐫𝐢𝐠𝐠𝐞𝐫 𝐖𝐚𝐫𝐧𝐢𝐧𝐠𝐬
  </summary>
  <p style="margin-top: 10px; font-size: 14px;">
    (List trigger warnings here)
    <br><br>
    <em>(Optional notes or boundaries)</em>
  </p>
</details>

<details style="
  border: 1px solid rgba(249,115,24,0.4);
  border-radius: 12px;
  padding: 12px 16px;
  background: #1a1a1a;
  box-shadow: 0 0 14px rgba(249,115,24,0.25);
">
  <summary style="cursor: pointer; font-weight: bold; color: #F97318;">
    ➢ 𝐒𝐜𝐞𝐧𝐚𝐫𝐢𝐨 𝐆𝐮𝐢𝐝𝐚𝐧𝐜𝐞
  </summary>
  <p style="margin-top: 10px; font-size: 14px; line-height: 1.6;">
    (Describe the user's role and flexibility)
    <br><br>
    (Explain where the scenario starts)
    <br><br>
    (Optional redirection notes or tone cues)
  </p>
</details>

<details style="
  border: 1px solid rgba(249,115,24,0.4);
  border-radius: 12px;
  padding: 12px 16px;
  background: #1a1a1a;
  box-shadow: 0 0 14px rgba(249,115,24,0.25);
">
  <summary style="cursor: pointer; font-weight: bold; color: #F97318;">
    𓆟 𝐍𝐨𝐭𝐞 𝐟𝐫𝐨𝐦 𝐭𝐡𝐞 𝐏𝐨𝐧𝐝
  </summary>
  <p style="margin-top: 10px; font-size: 14px; line-height: 1.6;">
    (Describe pacing, tone, themes, or RP style preferences)
  </p>
</details>

<!-- ── HEADER ── -->
<div style="
  text-align: center;
  border-bottom: 1px solid #8c0022;
  padding-bottom: 20px;
  margin-bottom: 26px;
">
  <div style="
    font-family: 'Courier New', Courier, monospace;
    font-size: 9px;
    color: #8c0022;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 12px;
    opacity: 0.9;
  ">// SETTING NAME - PERSONNEL FILE // NODE: 0000-XX //</div>

  <h2 style="
    margin: 0 0 8px 0;
    font-family: 'Impact', 'Arial Narrow', Arial, sans-serif;
    font-size: 30px;
    color: #e8003a;
    letter-spacing: 6px;
    text-transform: uppercase;
    text-shadow: 0 0 14px rgba(232,0,58,0.55), 0 0 30px rgba(232,0,58,0.2);
    font-weight: 900;
  ">Character Name</h2>

  <div style="
    font-family: 'Courier New', Courier, monospace;
    font-size: 9px;
    color: #6e555a;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 16px;
  ">ROLE / TITLE &nbsp;·&nbsp; DETAIL &nbsp;·&nbsp; DETAIL</div>

  <p style="
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 15px;
    color: #f0d0d5;
    opacity: 0.85;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
    font-style: italic;
    letter-spacing: 0.2px;
  ">"Opening quote from your character goes here."</p>
</div>

<!-- ── STORY ── -->
<div style="font-size: 14.5px; line-height: 1.8; color: #c9b8bc; font-family: Georgia, 'Times New Roman', serif; letter-spacing: 0.2px;">
  <p style="margin: 0 0 16px 0;">
    Setting and world description paragraph goes here. Describe the location, atmosphere, and situation the character exists in. What is the world like? What has happened? What is the tone and danger of this place?
  </p>
  <p style="margin: 0;">
    Character and scenario description goes here. Explain who {{user}} is in this world and how they connect to the character. Describe the nature of the relationship at the start and what the overarching dynamic or tension will be.
  </p>
</div>

<!-- ── DIVIDER ── -->
<div style="width:100%; height:1px; background: linear-gradient(90deg, transparent, #8c0022, transparent); margin: 28px 0;"></div>

<!-- ── CLOSING QUOTE ── -->
<p style="
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  text-align: center;
  color: #f0d0d5;
  font-size: 17px;
  opacity: 0.72;
  margin: 0;
  letter-spacing: 0.3px;
">"A second character quote goes here."</p>

<!-- ── CREDITS BOX ── -->
<div style="
  margin-top: 30px;
  position: relative;
  background: linear-gradient(180deg, #0d0008, #050003);
  border: 1px solid rgba(232,0,58,0.3);
  border-radius: 4px;
  padding: 16px 18px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 12px;
  text-align: center;
  color: #6e555a;
">
  <div style="
    position: absolute;
    top: -10px;
    left: 14px;
    background: #050003;
    border: 1px solid #8c0022;
    border-radius: 2px;
    padding: 3px 10px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 9px;
    color: #e8003a;
    letter-spacing: 2px;
    box-shadow: 0 0 8px rgba(232,0,58,0.3);
  ">ᴄʀᴇᴅɪᴛꜱ</div>
  <span>Art credit / tools used go here.</span>
</div>

<!-- ── DIVIDER ── -->
<div style="width:100%; height:1px; background: linear-gradient(90deg, transparent, #8c0022, transparent); margin: 30px 0 20px 0;"></div>

<!-- ── SECTOR ACCESS LABEL ── -->
<div style="text-align:center; margin-bottom: 16px;">
  <span style="font-family:'Courier New',Courier,monospace; font-size:9px; color:#8c0022; letter-spacing:4px; text-transform:uppercase;">◈ &nbsp; SECTOR ACCESS &nbsp; ◈</span>
</div>

<!-- ── SECTOR ACCESS - THREE DROPDOWNS ── -->
<div style="display: grid; gap: 10px;">

  <!-- TRIGGER WARNINGS -->
  <details style="margin:0; padding:0; background:transparent; border:none;">
    <summary style="
      cursor: pointer;
      list-style: none;
      display: block;
      background: linear-gradient(90deg, #0d0008, #130008);
      border: 1px solid #8c0022;
      border-radius: 3px;
      padding: 10px 14px;
      font-family: 'Courier New', Courier, monospace;
      font-size: 10px;
      color: #e8003a;
      letter-spacing: 3px;
      text-transform: uppercase;
      text-shadow: 0 0 8px rgba(232,0,58,0.35);
    ">⚠ &nbsp; TRIGGER WARNINGS</summary>
    <div style="
      background: #080004;
      border: 1px solid rgba(232,0,58,0.2);
      border-top: none;
      border-radius: 0 0 3px 3px;
      padding: 14px 16px;
      font-family: Georgia, 'Times New Roman', serif;
      font-size: 13px;
      color: #c9b8bc;
      line-height: 1.7;
    ">
      List your content warnings here, separated by commas.
      <br><br>
      <em>Optional: add a lighter note or clarification in italics here.</em>
    </div>
  </details>

  <!-- SCENARIO GUIDANCE -->
  <details style="margin:0; padding:0; background:transparent; border:none;">
    <summary style="
      cursor: pointer;
      list-style: none;
      display: block;
      background: linear-gradient(90deg, #0d0008, #130008);
      border: 1px solid #8c0022;
      border-radius: 3px;
      padding: 10px 14px;
      font-family: 'Courier New', Courier, monospace;
      font-size: 10px;
      color: #e8003a;
      letter-spacing: 3px;
      text-transform: uppercase;
      text-shadow: 0 0 8px rgba(232,0,58,0.35);
    ">◈ &nbsp; SCENARIO GUIDANCE</summary>
    <div style="
      background: #080004;
      border: 1px solid rgba(232,0,58,0.2);
      border-top: none;
      border-radius: 0 0 3px 3px;
      padding: 14px 16px;
      font-family: Georgia, 'Times New Roman', serif;
      font-size: 13px;
      color: #c9b8bc;
      line-height: 1.7;
    ">
      Explain the scenario to users here. Describe how {{user}} fits into the world, what their starting situation is, and any important context they need before beginning. Include any special mechanics or rules specific to your bot.
      <br><br>
      Add any additional scenario notes or clarifications here.
    </div>
  </details>

  <!-- CREATOR'S NOTES -->
  <details style="margin:0; padding:0; background:transparent; border:none;">
    <summary style="
      cursor: pointer;
      list-style: none;
      display: block;
      background: linear-gradient(90deg, #0d0008, #130008);
      border: 1px solid #8c0022;
      border-radius: 3px;
      padding: 10px 14px;
      font-family: 'Courier New', Courier, monospace;
      font-size: 10px;
      color: #e8003a;
      letter-spacing: 3px;
      text-transform: uppercase;
      text-shadow: 0 0 8px rgba(232,0,58,0.35);
    ">✦ &nbsp; CREATOR'S NOTES</summary>
    <div style="
      background: #080004;
      border: 1px solid rgba(232,0,58,0.2);
      border-top: none;
      border-radius: 0 0 3px 3px;
      padding: 14px 16px;
      font-family: Georgia, 'Times New Roman', serif;
      font-size: 13px;
      color: #c9b8bc;
      line-height: 1.7;
    ">
      Share your thoughts on the character here — what inspired them, what you hope players get out of the experience, any behind-the-scenes notes you want to include.
      <br><br>
      Add any additional notes, plans, or personal commentary here.
    </div>
  </details>

</div>

<!-- ── DIVIDER ── -->
<div style="width:100%; height:1px; background: linear-gradient(90deg, transparent, #8c0022, transparent); margin: 30px 0 0 0;"></div>

<!-- ── AVAILABLE UNITS LABEL ── -->
<div style="text-align:center; margin: 20px 0 6px 0;">
  <div style="
    font-family: 'Impact', 'Arial Narrow', Arial, sans-serif;
    font-size: 14px;
    color: #e8003a;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(232,0,58,0.4);
    margin-bottom: 5px;
  ">Section Title Here</div>
  <div style="
    font-family: 'Courier New', Courier, monospace;
    font-size: 9px;
    color: #6e555a;
    letter-spacing: 2px;
  ">// SUBTITLE OR INSTRUCTION LINE HERE //</div>
</div>

<!-- ══════════════════════════════
     ENTRY 1 - image left
     ══════════════════════════════ -->
<div style="
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 18px 0;
  background: #080004;
  border: 1px solid rgba(232,0,58,0.18);
  border-top: 1px solid #8c0022;
  border-radius: 4px;
  padding: 14px;
">
  <div>
    <img src="YOUR_IMAGE_URL_HERE" alt="Image description" style="width:100%; aspect-ratio:4/3; object-fit:cover; display:block; border:1px solid rgba(232,0,58,0.25); border-radius:3px; filter:saturate(0.7) contrast(1.1);">
  </div>
  <div style="display:flex; flex-direction:column; gap:6px;">
    <div style="font-family:'Courier New',Courier,monospace; font-size:9px; color:#e8003a; letter-spacing:2px; text-transform:uppercase; border-bottom:1px solid rgba(232,0,58,0.2); padding-bottom:5px; margin-bottom:2px; text-shadow:0 0 6px rgba(232,0,58,0.3);">[ENTRY LABEL / NAME]</div>
    <div style="font-family:Georgia,'Times New Roman',serif; font-size:11px; color:#c9b8bc; line-height:1.6; opacity:0.9;">
      <strong>Field 1:</strong> Content here.<br>
      <strong>Field 2:</strong> Content here.<br>
      <strong>Field 3:</strong> Content here.<br>
      <strong>Field 4:</strong> Content here.<br>
      <strong>Notes:</strong> Any additional notes here.
    </div>
    <div style="font-family:'Courier New',Courier,monospace; font-size:8px; color:#8c0022; letter-spacing:2px; text-transform:uppercase; margin-top:4px;">// optional label line //</div>
  </div>
</div>

<!-- ══════════════════════════════
     ENTRY 2 - image right
     ══════════════════════════════ -->
<div style="
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 18px 0;
  background: #080004;
  border: 1px solid rgba(232,0,58,0.18);
  border-top: 1px solid #8c0022;
  border-radius: 4px;
  padding: 14px;
">
  <div style="display:flex; flex-direction:column; gap:6px;">
    <div style="font-family:'Courier New',Courier,monospace; font-size:9px; color:#e8003a; letter-spacing:2px; text-transform:uppercase; border-bottom:1px solid rgba(232,0,58,0.2); padding-bottom:5px; margin-bottom:2px; text-shadow:0 0 6px rgba(232,0,58,0.3);">[ENTRY LABEL / NAME]</div>
    <div style="font-family:Georgia,'Times New Roman',serif; font-size:11px; color:#c9b8bc; line-height:1.6; opacity:0.9;">
      <strong>Field 1:</strong> Content here.<br>
      <strong>Field 2:</strong> Content here.<br>
      <strong>Field 3:</strong> Content here.<br>
      <strong>Field 4:</strong> Content here.<br>
      <strong>Notes:</strong> Any additional notes here.
    </div>
    <div style="font-family:'Courier New',Courier,monospace; font-size:8px; color:#8c0022; letter-spacing:2px; text-transform:uppercase; margin-top:4px;">// optional label line //</div>
  </div>
  <div>
    <img src="YOUR_IMAGE_URL_HERE" alt="Image description" style="width:100%; aspect-ratio:4/3; object-fit:cover; display:block; border:1px solid rgba(232,0,58,0.25); border-radius:3px; filter:saturate(0.7) contrast(1.1);">
  </div>
</div>

<!-- ══════════════════════════════
     ENTRY 3 - image left
     ══════════════════════════════ -->
<div style="
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 18px 0;
  background: #080004;
  border: 1px solid rgba(232,0,58,0.18);
  border-top: 1px solid #8c0022;
  border-radius: 4px;
  padding: 14px;
">
  <div>
    <img src="YOUR_IMAGE_URL_HERE" alt="Image description" style="width:100%; aspect-ratio:4/3; object-fit:cover; display:block; border:1px solid rgba(232,0,58,0.25); border-radius:3px; filter:saturate(0.7) contrast(1.1);">
  </div>
  <div style="display:flex; flex-direction:column; gap:6px;">
    <div style="font-family:'Courier New',Courier,monospace; font-size:9px; color:#e8003a; letter-spacing:2px; text-transform:uppercase; border-bottom:1px solid rgba(232,0,58,0.2); padding-bottom:5px; margin-bottom:2px; text-shadow:0 0 6px rgba(232,0,58,0.3);">[ENTRY LABEL / NAME]</div>
    <div style="font-family:Georgia,'Times New Roman',serif; font-size:11px; color:#c9b8bc; line-height:1.6; opacity:0.9;">
      <strong>Field 1:</strong> Content here.<br>
      <strong>Field 2:</strong> Content here.<br>
      <strong>Field 3:</strong> Content here.<br>
      <strong>Field 4:</strong> Content here.<br>
      <strong>Notes:</strong> Any additional notes here.
    </div>
    <div style="font-family:'Courier New',Courier,monospace; font-size:8px; color:#8c0022; letter-spacing:2px; text-transform:uppercase; margin-top:4px;">// optional label line //</div>
  </div>
</div>

<!-- ══════════════════════════════
     ENTRY 4 - image right
     ══════════════════════════════ -->
<div style="
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 18px 0;
  background: #080004;
  border: 1px solid rgba(232,0,58,0.18);
  border-top: 1px solid #8c0022;
  border-radius: 4px;
  padding: 14px;
">
  <div style="display:flex; flex-direction:column; gap:6px;">
    <div style="font-family:'Courier New',Courier,monospace; font-size:9px; color:#e8003a; letter-spacing:2px; text-transform:uppercase; border-bottom:1px solid rgba(232,0,58,0.2); padding-bottom:5px; margin-bottom:2px; text-shadow:0 0 6px rgba(232,0,58,0.3);">[ENTRY LABEL / NAME]</div>
    <div style="font-family:Georgia,'Times New Roman',serif; font-size:11px; color:#c9b8bc; line-height:1.6; opacity:0.9;">
      <strong>Field 1:</strong> Content here.<br>
      <strong>Field 2:</strong> Content here.<br>
      <strong>Field 3:</strong> Content here.<br>
      <strong>Field 4:</strong> Content here.<br>
      <strong>Notes:</strong> Any additional notes here.
    </div>
    <div style="font-family:'Courier New',Courier,monospace; font-size:8px; color:#8c0022; letter-spacing:2px; text-transform:uppercase; margin-top:4px;">// optional label line //</div>
  </div>
  <div>
    <img src="YOUR_IMAGE_URL_HERE" alt="Image description" style="width:100%; aspect-ratio:4/3; object-fit:cover; display:block; border:1px solid rgba(232,0,58,0.25); border-radius:3px; filter:saturate(0.7) contrast(1.1);">
  </div>
</div>

<!-- ══════════════════════════════
     ENTRY 5 - image left
     ══════════════════════════════ -->
<div style="
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 18px 0 4px 0;
  background: #080004;
  border: 1px solid rgba(232,0,58,0.18);
  border-top: 1px solid #8c0022;
  border-radius: 4px;
  padding: 14px;
">
  <div>
    <img src="YOUR_IMAGE_URL_HERE" alt="Image description" style="width:100%; aspect-ratio:4/3; object-fit:cover; display:block; border:1px solid rgba(232,0,58,0.25); border-radius:3px; filter:saturate(0.7) contrast(1.1);">
  </div>
  <div style="display:flex; flex-direction:column; gap:6px;">
    <div style="font-family:'Courier New',Courier,monospace; font-size:9px; color:#e8003a; letter-spacing:2px; text-transform:uppercase; border-bottom:1px solid rgba(232,0,58,0.2); padding-bottom:5px; margin-bottom:2px; text-shadow:0 0 6px rgba(232,0,58,0.3);">[ENTRY LABEL / NAME]</div>
    <div style="font-family:Georgia,'Times New Roman',serif; font-size:11px; color:#c9b8bc; line-height:1.6; opacity:0.9;">
      <strong>Field 1:</strong> Content here.<br>
      <strong>Field 2:</strong> Content here.<br>
      <strong>Field 3:</strong> Content here.<br>
      <strong>Field 4:</strong> Content here.<br>
      <strong>Notes:</strong> Any additional notes here.
    </div>
    <div style="font-family:'Courier New',Courier,monospace; font-size:8px; color:#8c0022; letter-spacing:2px; text-transform:uppercase; margin-top:4px;">// optional label line //</div>
  </div>
</div>

<!-- ── DIVIDER ── -->
<div style="width:100%; height:1px; background: linear-gradient(90deg, transparent, #8c0022, transparent); margin: 30px 0;"></div>

<!-- ── OPTIONAL FULL-WIDTH IMAGE ── -->
<img src="YOUR_IMAGE_URL_HERE" style="width: 100%; aspect-ratio: 3/4; object-fit: cover; display: block;">

<!-- ── OPTIONAL INFO / LINK BOX ── -->
<div style="
  max-width: 320px;
  margin: 0 auto;
  background: linear-gradient(180deg, #0d0008, #050003);
  border: 1px solid rgba(232,0,58,0.35);
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 18px rgba(232,0,58,0.15), inset 0 0 12px rgba(0,0,0,0.5);
  font-family: Georgia, 'Times New Roman', serif;
  color: #c9b8bc;
">
  <img src="YOUR_IMAGE_URL_HERE" style="width:100%; aspect-ratio:3/4; object-fit:cover; display:block; border-bottom:1px solid rgba(232,0,58,0.3);">
  <div style="padding:14px 16px; font-size:13px; line-height:1.65; text-align:center;">
    <p style="margin:0 0 10px 0;">
      <strong style="color:#e8003a; font-family:'Courier New',Courier,monospace; font-size:11px; letter-spacing:1px;">LABEL</strong> Description text for this box goes here. Use it for a community link, additional info, or anything else you want to highlight.
    </p>
    <p style="margin:0;">
      Link text:<br>
      <a href="YOUR_URL_HERE" style="color:#ff6a00; text-decoration:none; font-weight:bold; font-family:'Courier New',Courier,monospace; font-size:11px; letter-spacing:1px;">Link Label</a>
    </p>
  </div>
</div>