# The War-Slough — Infernal Map (Interactive)
*Pressed ash and bone-black ink. Warm to the touch. The locations pulse faintly, as if breathing.*
<div class="ws-map" style="max-width:860px;margin:0 auto;">
<svg viewBox="0 0 900 620" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:auto;display:block;border:2px solid #4a2c1a;border-radius:6px;">
<defs>
<radialGradient id="wsbg" cx="50%" cy="45%" r="75%">
<stop offset="0%" stop-color="#2b1610"/>
<stop offset="60%" stop-color="#1a0d09"/>
<stop offset="100%" stop-color="#0c0504"/>
</radialGradient>
<radialGradient id="wslake" cx="50%" cy="50%" r="60%">
<stop offset="0%" stop-color="#a3121a"/>
<stop offset="55%" stop-color="#6e0b12"/>
<stop offset="100%" stop-color="#3a060a"/>
</radialGradient>
<radialGradient id="wsnode" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#ffb84d"/>
<stop offset="60%" stop-color="#c8641e"/>
<stop offset="100%" stop-color="#5a2408"/>
</radialGradient>
<linearGradient id="wsstyx" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#0e1f2b"/>
<stop offset="50%" stop-color="#16394f"/>
<stop offset="100%" stop-color="#0e1f2b"/>
</linearGradient>
</defs>
<rect width="900" height="620" fill="url(#wsbg)"/>
<path d="M0,560 C140,530 220,590 360,565 C520,540 640,600 900,570 L900,620 L0,620 Z" fill="url(#wsstyx)" opacity="0.9"/>
<text x="450" y="605" fill="#5d8aa8" font-family="Georgia,serif" font-size="16" font-style="italic" text-anchor="middle" opacity="0.8">The River Styx</text>
<g stroke="#3d241a" stroke-width="1" opacity="0.5">
<path d="M60,120 q30,-18 60,0" fill="none"/><path d="M780,420 q26,-16 52,0" fill="none"/>
<path d="M120,320 q24,-14 48,0" fill="none"/><path d="M620,480 q24,-14 48,0" fill="none"/>
<path d="M420,90 q22,-13 44,0" fill="none"/>
</g>
<ellipse cx="300" cy="420" rx="60" ry="16" fill="#4d0f14" opacity="0.55"/>
<ellipse cx="640" cy="470" rx="46" ry="12" fill="#4d0f14" opacity="0.5"/>
<ellipse cx="150" cy="240" rx="40" ry="11" fill="#4d0f14" opacity="0.5"/>
<g stroke="#8a1420" stroke-width="2.5" stroke-dasharray="7 8" fill="none" opacity="0.85">
<path d="M210,505 C230,470 235,440 240,415"/>
<path d="M240,390 C240,320 245,265 258,215"/>
<path d="M265,400 C360,370 470,345 520,330"/>
<path d="M300,190 C400,220 480,270 520,305"/>
<path d="M600,290 C650,235 690,190 715,160"/>
<path d="M320,170 C460,120 600,110 690,130"/>
</g>
<g font-family="Georgia,serif">
<g transform="translate(210,520)">
<rect x="-14" y="-8" width="28" height="16" fill="#2c1a10" stroke="#6b4a2a"/>
<text x="0" y="34" fill="#c9b78f" font-size="15" text-anchor="middle">The Landing</text>
</g>
<g transform="translate(242,400)">
<circle r="22" fill="url(#wsnode)" stroke="#e8a04a" stroke-width="1.5"/>
<rect x="-6" y="-38" width="12" height="24" fill="#2c1a10" stroke="#a8763c"/>
<path d="M-9,-38 L0,-50 L9,-38 Z" fill="#2c1a10" stroke="#a8763c"/>
<text x="0" y="6" fill="#1a0d06" font-size="15" font-weight="bold" text-anchor="middle">W1</text>
<text x="0" y="48" fill="#e8d5a8" font-size="16" text-anchor="middle">Sentry Tower</text>
</g>
<g transform="translate(280,180)">
<circle r="22" fill="url(#wsnode)" stroke="#e8a04a" stroke-width="1.5"/>
<rect x="-7" y="-52" width="14" height="34" fill="#241610" stroke="#a8763c" transform="rotate(-7)"/>
<text x="0" y="6" fill="#1a0d06" font-size="15" font-weight="bold" text-anchor="middle">W2</text>
<text x="0" y="48" fill="#e8d5a8" font-size="16" text-anchor="middle">Ruined Tower</text>
<text x="0" y="66" fill="#8f7a55" font-size="12" font-style="italic" text-anchor="middle">winged shapes circle its crown</text>
</g>
<g transform="translate(552,320)">
<ellipse rx="66" ry="44" fill="url(#wslake)" stroke="#c2202c" stroke-width="1.5" opacity="0.95"/>
<ellipse rx="14" ry="9" fill="#2c130c" stroke="#7a4a28"/>
<circle r="23" cy="0" fill="none"/>
<text x="0" y="-52" fill="#e8d5a8" font-size="16" text-anchor="middle">W3 · Ichor Lake & Demon Nest</text>
<text x="0" y="70" fill="#8f7a55" font-size="12" font-style="italic" text-anchor="middle">something breathes at its center</text>
</g>
<g transform="translate(725,140)">
<circle r="22" fill="url(#wsnode)" stroke="#e8a04a" stroke-width="1.5"/>
<path d="M-34,30 L-12,26 L0,32 L14,25 L36,30" stroke="#5c3a22" stroke-width="3" fill="none"/>
<text x="0" y="6" fill="#1a0d06" font-size="15" font-weight="bold" text-anchor="middle">W4</text>
<text x="0" y="50" fill="#e8d5a8" font-size="16" text-anchor="middle">Canyon Trove</text>
<text x="0" y="68" fill="#8f7a55" font-size="12" font-style="italic" text-anchor="middle">paved in corpses</text>
</g>
</g>
<text x="450" y="36" fill="#d8c9a3" font-family="Georgia,serif" font-size="24" text-anchor="middle" letter-spacing="3">THE WAR-SLOUGH</text>
<text x="450" y="58" fill="#8f7a55" font-family="Georgia,serif" font-size="13" font-style="italic" text-anchor="middle">"Hell remembers destinations, not journeys."</text>
</svg>
</div>
> *The routes crawl across the ash while you watch. Distances mean nothing here. Only the destinations hold still.*
---
## Roll at the Table
<div class="ws-dice" style="display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;">
<button class="ws-roll" data-table="encounter">⚔️ Encounter Check (d100 → d6)</button>
<button class="ws-roll" data-table="warp">🩸 Flesh Warping (d10)</button>
<button class="ws-roll" data-table="mapchange">🗺️ Map Shifts (d4)</button>
<button class="ws-roll" data-table="d20">🎲 Plain d20</button>
</div>
<div id="ws-result" class="ws-result" style="min-height:2.2em;padding:10px 14px;border:1px solid #6b4a2a;border-radius:6px;font-style:italic;">Click a die. Hell is listening.</div>
*(Dice require the live site — in the Obsidian app, roll them the old-fashioned way.)*
---
## Travel Rules
**Navigation.** Moving between marked locations: the navigator makes a **Wisdom (Survival) check**. Success or fail, there is a **50% chance** the movement draws an encounter — roll the Encounter Check above and tell your DM the number.
**Order of travel.** Visit the marked locations in any order. The map redraws itself; the names never change.
**Resting.** Every short or long rest, roll for an encounter. On a d6 roll of 1–3 it interrupts the rest; on 4–6 it comes shortly after.
**Demon Blood.** After more than an hour in the Slough: **DC 15 Con save** or roll Flesh Warping. Same save after short rests. **DC 20** after long rests.
**Escaping.** After 8+ hours inside, leaving requires a **DC 15 Wisdom saving throw**. The Slough does not want to let go.
---
## Flesh Warping (d10)
| d10 | The ichor takes hold... |
|---|---|
| 1 | One eye turns jet black and weeps ichor — disadvantage on sight-based Perception until magically cured |
| 2 | Your shadow detaches and moves independently for 1 hour, mimicking creatures it sees |
| 3 | Skin develops an iridescent sheen — fiends can smell you at twice normal distance |
| 4 | One limb elongates 6 inches — reach +5 ft., speed −5 ft. |
| 5 | Short-term madness as the ichor whispers into your blood |
| 6 | Ichor seeps from your pores under exertion — grapplers take 1d4 acid damage per round |
| 7 | Teeth sharpen — gain a bite (1d6 piercing), but verbal spell components require DC 10 Con or the spell fails |
| 8 | Joints reverse — movement unaffected, but Cha checks vs. non-fiends at disadvantage for 24 hours |
| 9 | One ear migrates to your chest — advantage hearing through walls; normal hearing muffled |
| 10 | Hair becomes writhing tendrils — harmless, horrifying, disadvantage on intimate social checks until cured |
*Remove Curse ends all flesh-warping effects.*
## The Map Shifts (d4) — after each long rest
| d4 | Effect |
|---|---|
| 1 | A route disappears temporarily |
| 2 | A new route appears |
| 3 | Nothing changes |
| 4 | Two destinations swap positions on the map |
---
> [!quote] Koh Tam's Advice
> *"There are some devils that seek mortals to enter the War-Slough and find discarded weapons from the Blood War. Search the borders for such a devil — it might help you find what you're looking for. And make haste. The War-Slough can warp those who stay too long."*
*Infernal Map — The War-Slough | Avernus, Layer One | Chains of Asmodeus, Ch. 3*