---
base_model:
- DarkArtsForge/Morbid-Miasma-12B
- EldritchLabs/Kraken-Karcher-12B-v1
- Vortex5/Moonlit-Mirage-12B
- Vortex5/Astral-Arcanist-12B
- ReadyArt/Dark-Nexus-12B-v2.0
- crestf411/nemo-sunfall-v0.6.1
library_name: transformers
tags:
- mergekit
- merge
- roleplay
license: apache-2.0
---
<section class="model-card">
  <div class="header">
    <div class="title-frame">
      <h1 class="title">NETHER-MOON-12B</h1>
    </div>
  </div>
  <div class="image-container">
    <img src="cover.jpg">
  </div>
  <div class="divider"></div>
  <section class="box">
    <h2 class="box-title">OVERVIEW</h2>
    <p>
      <strong class="highlight">Nether-Moon-12B</strong> was created by merging
      <a href="https://huggingface.co/Vortex5/Moonlit-Mirage-12B" class="link">Moonlit-Mirage-12B</a>,
      <a href="https://huggingface.co/crestf411/nemo-sunfall-v0.6.1" class="link">nemo-sunfall-v0.6.1</a>,
      <a href="https://huggingface.co/Vortex5/Astral-Arcanist-12B" class="link">Astral-Arcanist-12B</a>,
      <a href="https://huggingface.co/ReadyArt/Dark-Nexus-12B-v2.0" class="link">Dark-Nexus-12B-v2.0</a>,
      <a href="https://huggingface.co/DarkArtsForge/Morbid-Miasma-12B" class="link">Morbid-Miasma-12B</a>, and
      <a href="https://huggingface.co/EldritchLabs/Kraken-Karcher-12B-v1" class="link">Kraken-Karcher-12B-v1</a>,
      using a custom method.
    </p>
    <details class="collapse">
      <summary>MERGE CONFIGURATION</summary>
<pre>
base_model: Vortex5/Moonlit-Mirage-12B
models:
  - model: crestf411/nemo-sunfall-v0.6.1
  - model: Vortex5/Astral-Arcanist-12B
  - model: ReadyArt/Dark-Nexus-12B-v2.0
  - model: DarkArtsForge/Morbid-Miasma-12B
  - model: EldritchLabs/Kraken-Karcher-12B-v1
merge_method: hcr
chat_template: auto
parameters:
  strength: 0.9
  retention: 0.6
  novelty: 0.36
  stability: 0.7
dtype: float32
out_dtype: bfloat16
tokenizer:
  source: Vortex5/Moonlit-Mirage-12B
</pre>
    </details>
  </section>
  <section class="box last-box">
    <h2 class="box-title">INTENDED USE</h2>
    <div class="grid">
      <div class="tile">
        <span class="tile-main">ROLEPLAY</span>
        <span class="tile-sub">Emotion-forward interaction</span>
      </div>
      <div class="tile">
        <span class="tile-main">STORYTELLING</span>
        <span class="tile-sub">Atmospheric long-form narrative</span>
      </div>
      <div class="tile">
        <span class="tile-main">Creative Writing</span>
        <span class="tile-sub">Atmospheric fiction</span>
      </div>
    </div>
  </section>
  <div class="divider"></div>
</section>

<style>
.model-card {
  max-width: 1100px;
  margin: 40px auto;
  padding: 48px 38px 56px;
  font-family: "Georgia", "Times New Roman", serif;
  color: #e8e8f0;
  background:
    radial-gradient(circle at 20% 30%, rgba(180, 40, 60, 0.18) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(120, 120, 180, 0.12) 0%, transparent 55%),
    #0a0a12;
  border: 3px solid #a8a8b8;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.model-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, #ffffff 1.1px, transparent 1.1px),
    radial-gradient(circle, #ffffff 0.8px, transparent 0.8px),
    radial-gradient(circle, #ff8080 1.6px, transparent 1.6px),
    radial-gradient(circle, #c0c0e0 1.3px, transparent 1.3px),
    radial-gradient(circle, #ff6060 0.9px, transparent 0.9px);
  background-position:
    0 0,
    32px 28px,
    65px 12px,
    88px 68px,
    18px 95px;
  background-size:
    92px 92px,
    115px 98px,
    78px 112px,
    102px 85px,
    65px 75px;
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
  animation: stellar-flicker 18s linear infinite;
}
@keyframes stellar-flicker {
  0%, 100% { opacity: 0.18; }
  50% { opacity: 0.27; }
}
.header {
  text-align: center;
  padding-bottom: 22px;
  position: relative;
  z-index: 1;
}
.title-frame {
  display: inline-block;
  position: relative;
}
.title {
  margin: 0;
  font-size: clamp(1.78rem, 4.45vw, 2.82rem);
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #e8e8f8;
  text-shadow:
    0 0 5px rgba(255, 255, 255, 0.55),
    0 0 12px rgba(180, 200, 255, 0.30),
    0 0 20px rgba(255, 70, 90, 0.22);
  line-height: 1;
  white-space: nowrap;
}
.image-container {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin-bottom: 36px;
}
.image-container img {
  width: 100%;
  max-width: 820px;
  border-radius: 10px;
  border: 4px solid #a0a0b8;
  box-shadow: 
    0 30px 70px -25px rgba(180, 40, 60, 0.6),
    0 0 40px -10px rgba(160, 160, 220, 0.3);
}
.divider {
  height: 3px;
  margin: 42px 0;
  background: linear-gradient(90deg,
    transparent,
    #707080 20%,
    #ff6060 50%,
    #707080 80%,
    transparent
  );
  position: relative;
  z-index: 1;
}
.box {
  padding: 34px;
  background: rgba(14, 12, 22, 0.97);
  border: 2px solid #a0a0b8;
  border-radius: 10px;
  box-shadow:
    inset 0 6px 0 rgba(255,255,255,0.07),
    0 18px 45px -18px rgba(180, 40, 60, 0.5);
  position: relative;
  z-index: 2;
  backdrop-filter: blur(8px);
  margin-bottom: 32px;
}
.last-box {
  margin-bottom: 0;
}
.box-title {
  margin: 0 0 22px;
  font-size: 1.22rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #e0d8f0;
  border-bottom: 3px solid #c04060;
  padding-bottom: 14px;
  display: inline-block;
  text-shadow: 0 0 8px #ff6060;
}
.box p {
  margin: 16px 0 22px;
  line-height: 1.85;
  color: #d0d0e0;
  font-size: 1.06rem;
}
.highlight {
  color: #ff6060;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(255, 80, 80, 0.5);
}
.collapse {
  margin-top: 26px;
  background: rgba(10, 8, 18, 0.96);
  border: 2px solid #9090a8;
  border-radius: 8px;
  overflow: hidden;
}
.collapse summary {
  padding: 20px 26px;
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e0d8f0;
  background: rgba(22, 18, 32, 0.9);
  border-bottom: 2px solid #c04060;
}
.collapse pre {
  margin: 0;
  padding: 26px;
  background: #0e0c18;
  color: #b8b8d0;
  font-size: 0.88rem;
  line-height: 1.75;
  font-family: ui-monospace, monospace;
  overflow-x: auto;
}
.grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 22px;
}
.tile {
  flex: 1 1 245px;
  padding: 28px 24px;
  background: rgba(16, 14, 26, 0.94);
  border: 2px solid #9090a8;
  border-radius: 8px;
  text-align: center;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.3, 1);
}
.tile:hover {
  transform: translateY(-8px) scale(1.03);
  border-color: #ff6060;
  box-shadow: 0 22px 50px -18px rgba(255, 80, 80, 0.45);
}
.tile-main {
  display: block;
  margin-bottom: 12px;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #f0f0f8;
}
.tile-sub {
  display: block;
  font-size: 0.95rem;
  color: #b0b0c8;
  line-height: 1.55;
}
.link {
  color: #c8b0d8;
  text-decoration: none;
  transition: color 0.3s ease;
}
.link:hover {
  color: #ff8080;
  text-decoration: underline;
}
@media (max-width: 650px) {
  .model-card {
    padding: 32px 22px 42px;
    margin: 20px 10px;
    border-radius: 10px;
  }
  .box {
    padding: 26px;
  }
}
</style>