Files
midnight_season_1_tanking_s…/index.original.html
2026-03-22 05:17:01 +00:00

2472 lines
135 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Midnight S1 — Tank Guide</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
--bg-primary: #0a0e1a;
--bg-secondary: #111729;
--bg-card: #161d30;
--bg-card-hover: #1c2540;
--border: #1e2a45;
--border-accent: #2a3a5c;
--text: #e2e8f0;
--text-muted: #8892a8;
--text-dim: #5a6478;
--accent-blue: #38bdf8;
--accent-purple: #a78bfa;
--accent-amber: #fbbf24;
--accent-red: #f87171;
--accent-green: #34d399;
--accent-cyan: #22d3ee;
--accent-pink: #f472b6;
--tank-color: #38bdf8;
--healer-color: #34d399;
--dps-color: #f87171;
--everyone-color: #fbbf24;
}
body {
background: var(--bg-primary);
color: var(--text);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', sans-serif;
line-height: 1.5;
min-height: 100vh;
}
/* ── Sidebar ── */
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 220px;
height: 100vh;
background: var(--bg-secondary);
border-right: 1px solid var(--border);
z-index: 100;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--border-accent) transparent;
}
.sidebar-inner {
display: flex;
flex-direction: column;
padding: 20px 12px;
gap: 16px;
}
.site-title {
font-size: 13px;
font-weight: 700;
color: var(--accent-blue);
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 0 8px 12px;
border-bottom: 1px solid var(--border);
}
.site-title span {
color: var(--text-muted);
font-weight: 400;
}
/* ── Dungeon Selector ── */
.dungeon-selector {
display: flex;
flex-direction: column;
gap: 4px;
}
.dungeon-tab {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 10px;
border-radius: 8px;
background: transparent;
border: 1px solid transparent;
border-left: 3px solid transparent;
color: var(--text-muted);
font-size: 13px;
font-weight: 500;
cursor: pointer;
white-space: nowrap;
transition: all 0.2s;
text-decoration: none;
}
.dungeon-tab:hover {
background: var(--bg-card);
color: var(--text);
}
.dungeon-tab.active {
background: var(--bg-card);
color: var(--accent-blue);
border-left-color: var(--accent-blue);
box-shadow: 0 0 12px rgba(56, 189, 248, 0.1);
}
.dungeon-tab img {
width: 24px;
height: 24px;
border-radius: 4px;
object-fit: cover;
flex-shrink: 0;
}
.dungeon-tab.disabled {
opacity: 0.35;
cursor: not-allowed;
}
/* ── Main Content ── */
.main {
max-width: 860px;
margin: 0 auto;
padding: 32px 40px 80px;
margin-left: max(220px, calc(50vw - 430px + 110px));
}
/* ── Dungeon Header ── */
.dungeon-header {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: 40px;
padding: 24px;
background: linear-gradient(135deg, var(--bg-card) 0%, rgba(56, 189, 248, 0.05) 100%);
border: 1px solid var(--border);
border-radius: 16px;
}
.dungeon-header img {
width: 100px;
height: 100px;
border-radius: 12px;
object-fit: cover;
border: 2px solid var(--border-accent);
}
.dungeon-header-text h1 {
font-size: 28px;
font-weight: 700;
color: var(--text);
margin-bottom: 4px;
}
.dungeon-header-text p {
font-size: 14px;
color: var(--text-muted);
}
.wing-badge {
display: inline-block;
padding: 2px 10px;
border-radius: 20px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-right: 6px;
}
.wing-arcane { background: rgba(167, 139, 250, 0.15); color: var(--accent-purple); border: 1px solid rgba(167, 139, 250, 0.3); }
.wing-void { background: rgba(139, 92, 246, 0.15); color: #c084fc; border: 1px solid rgba(192, 132, 252, 0.3); }
.wing-light { background: rgba(251, 191, 36, 0.15); color: var(--accent-amber); border: 1px solid rgba(251, 191, 36, 0.3); }
/* ── Boss Sections ── */
.boss-section {
margin-bottom: 48px;
}
.boss-header {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
padding: 20px 24px;
background: var(--bg-card);
border: 1px solid var(--border);
border-radius: 14px;
border-left: 4px solid var(--accent-blue);
}
.boss-header img {
width: 72px;
height: 72px;
border-radius: 10px;
object-fit: cover;
border: 2px solid var(--border-accent);
}
.boss-header-text h2 {
font-size: 22px;
font-weight: 700;
margin-bottom: 2px;
}
.boss-header-text .boss-subtitle {
font-size: 13px;
color: var(--text-muted);
}
.boss-number {
font-size: 11px;
font-weight: 700;
color: var(--accent-blue);
text-transform: uppercase;
letter-spacing: 1px;
}
/* ── Ability Cards ── */
.abilities-grid {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
.ability-card {
padding: 12px 16px;
background: var(--bg-card);
border: 1px solid var(--border);
border-radius: 10px;
transition: border-color 0.2s;
}
.ability-card:hover {
border-color: var(--border-accent);
}
.ability-card.tank-important {
border-left: 3px solid var(--tank-color);
}
.ability-card.everyone-important {
border-left: 3px solid var(--everyone-color);
}
.ability-card.healer-important {
border-left: 3px solid var(--healer-color);
}
.ability-name {
font-size: 14px;
font-weight: 700;
color: var(--accent-cyan);
margin-bottom: 4px;
display: flex;
align-items: center;
gap: 10px;
}
.ability-name .role-tag {
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 2px 8px;
border-radius: 4px;
}
.role-tag.tank { background: rgba(56, 189, 248, 0.15); color: var(--tank-color); }
.role-tag.healer { background: rgba(52, 211, 153, 0.15); color: var(--healer-color); }
.role-tag.dps { background: rgba(248, 113, 113, 0.15); color: var(--dps-color); }
.role-tag.everyone { background: rgba(251, 191, 36, 0.15); color: var(--everyone-color); }
.ability-desc {
font-size: 13px;
color: var(--text);
line-height: 1.5;
}
.ability-desc ul {
margin: 0;
padding-left: 18px;
list-style: disc;
}
.ability-desc ul li {
margin-bottom: 2px;
}
.ability-desc ul li:last-child {
margin-bottom: 0;
}
.ability-desc strong {
color: var(--accent-amber);
font-weight: 600;
}
.ability-desc .warn {
color: var(--accent-red);
font-weight: 600;
}
.ability-desc .tip {
color: var(--accent-green);
font-weight: 600;
}
/* ── Trash Section ── */
.trash-section {
margin-bottom: 32px;
}
.trash-header {
font-size: 16px;
font-weight: 700;
color: var(--text-muted);
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid var(--border);
display: flex;
align-items: center;
gap: 8px;
}
.trash-header::before {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--accent-purple);
flex-shrink: 0;
}
.mob-card {
padding: 12px 16px;
background: var(--bg-card);
border: 1px solid var(--border);
border-radius: 10px;
margin-bottom: 8px;
}
.mob-card.tank-relevant {
border-left: 3px solid var(--tank-color);
}
.mob-name {
font-size: 14px;
font-weight: 700;
color: var(--accent-purple);
margin-bottom: 4px;
}
.mob-abilities {
list-style: none;
padding: 0;
}
.mob-abilities li {
font-size: 14px;
color: var(--text);
padding: 2px 0;
padding-left: 16px;
position: relative;
}
.mob-abilities li::before {
content: '';
position: absolute;
left: 0;
color: var(--text-dim);
font-weight: 700;
}
/* ── Quick Reference Banner ── */
.quick-ref {
background: linear-gradient(135deg, rgba(56, 189, 248, 0.08) 0%, rgba(167, 139, 250, 0.08) 100%);
border: 1px solid rgba(56, 189, 248, 0.2);
border-radius: 12px;
padding: 16px 20px;
margin-bottom: 16px;
font-size: 14px;
color: var(--text-muted);
}
.quick-ref strong {
color: var(--accent-blue);
}
/* ── Section Divider ── */
.section-divider {
height: 1px;
background: linear-gradient(90deg, transparent, var(--border-accent), transparent);
margin: 40px 0;
}
/* ── Responsive ── */
@media (max-width: 768px) {
.sidebar {
position: sticky;
top: 0;
width: 100%;
height: auto;
border-right: none;
border-bottom: 1px solid var(--border);
}
.sidebar-inner {
padding: 10px 12px;
gap: 8px;
}
.site-title {
font-size: 12px;
padding: 0 4px 8px;
}
.dungeon-selector {
flex-direction: row;
overflow-x: auto;
scrollbar-width: none;
}
.dungeon-selector::-webkit-scrollbar { display: none; }
.dungeon-tab {
white-space: nowrap;
border-left: none;
padding: 6px 12px;
}
.dungeon-tab.active { border-left-color: transparent; border-color: var(--accent-blue); }
.main { margin-left: 0; padding: 24px 16px 80px; }
.dungeon-header { flex-direction: column; text-align: center; }
.dungeon-header img { width: 80px; height: 80px; }
.dungeon-header-text h1 { font-size: 22px; }
.boss-header { flex-direction: column; text-align: center; }
.boss-header img { width: 60px; height: 60px; }
}
/* ── Wowhead icon overrides ── */
.iconsmall { vertical-align: middle; margin-right: 4px; }
.ability-name a, .mob-abilities a, .ability-desc a, .quick-ref a {
color: inherit;
text-decoration: none;
}
.ability-name a:hover, .mob-abilities a:hover, .ability-desc a:hover, .quick-ref a:hover {
text-decoration: underline;
}
</style>
<script>var wowhead_tooltips = {"colorlinks": false, "iconizelinks": true, "iconSize": "small", "renamelinks": false}</script>
<script src="https://wow.zamimg.com/js/tooltips.js"></script>
</head>
<body>
<!-- ── Sidebar ── -->
<nav class="sidebar">
<div class="sidebar-inner">
<div class="site-title">Tank Guide <span>· Midnight S1</span></div>
<div class="dungeon-selector">
<a class="dungeon-tab" href="#algethar-academy">
<img src="assets/dungeon_algeth_ar_academy.jpg" alt="">Algeth'ar Academy
</a>
<a class="dungeon-tab" href="#magisters-terrace">
<img src="assets/dungeon_magister_s_terrace.jpg" alt="">Magister's Terrace
</a>
<a class="dungeon-tab" href="#maisara-caverns">
<img src="assets/dungeon_maisara_caverns.jpg" alt="">Maisara Caverns
</a>
<a class="dungeon-tab active" href="#nexus-point-xenas">
<img src="assets/dungeon_nexus_point_xenas.jpg" alt="">Nexus Point Xenas
</a>
<a class="dungeon-tab disabled" title="Coming soon">
<img src="assets/dungeon_pit_of_saron.jpg" alt="">Pit of Saron
</a>
<a class="dungeon-tab disabled" title="Coming soon">
<img src="assets/dungeon_seat_of_the_triumvirate.jpg" alt="">Seat of the Triumvirate
</a>
<a class="dungeon-tab" href="#skyreach">
<img src="assets/dungeon_skyreach.jpg" alt="">Skyreach
</a>
<a class="dungeon-tab" href="#windrunner-spire">
<img src="assets/dungeon_windrunner_spire.jpg" alt="">Windrunner Spire
</a>
</div>
</div>
</nav>
<!-- ── Main Content ── -->
<main class="main">
<section id="nexus-point-xenas" class="dungeon-page">
<!-- Dungeon Header -->
<div class="dungeon-header">
<img src="assets/nexus_point_xenas_header.jpg" alt="Nexus Point Xenas">
<div class="dungeon-header-text">
<h1>Nexus Point Xenas</h1>
<p>3 wings — defeat <span class="wing-badge wing-arcane">Arcane</span> and <span class="wing-badge wing-void">Void</span> wings to unlock <span class="wing-badge wing-light">Light</span></p>
</div>
</div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 1 — CHIEF COREWRIGHT KASRETH -->
<!-- ══════════════════════════════════════════ -->
<!-- Kasreth Trash -->
<div class="trash-section">
<div class="trash-header">Arcane Wing — Trash Before Kasreth</div>
<div class="quick-ref">
<strong>Environment:</strong> Arcane Tripwires stun for 5s (rogue/engineer can defuse). Broken Pipes spawn puddles. Mana Batteries must be killed within 12s when activated by Circuit Seers. <a href="https://www.wowhead.com/beta/spell=1265334/corespark-surge">Corespark Conduits</a> give a damage buff but apply a stacking DoT — use defensives.
</div>
<div class="mob-card">
<div class="mob-name">Flux Engineer</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=249081/suppression-field">Suppression Field</a> — targets random player. Pre-spread. If targeted, minimize movement (bonus damage while moving).</li>
<li>Drops an active <strong>Mana Battery</strong> on death — swap and kill it ASAP.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Nexus Adept</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1262510/umbral-bolt">Umbral Bolt</a> — interrupt with spare kicks.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Circuit Seer <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1249801/arcing-mana">Arcing Mana</a> — heavy channel damage. Use defensives + healing CDs.</li>
<li><a href="https://www.wowhead.com/beta/spell=1257105/erratic-zap">Erratic Zap</a> + <a href="https://www.wowhead.com/beta/spell=1262720/power-flux">Power Flux</a> — dodge circles, move from puddles.</li>
<li><a href="https://www.wowhead.com/beta/spell=1257100/circuit-sense">Circuit Sense</a> — activates nearby Mana Batteries. Swap and destroy them immediately.</li>
</ul>
</div>
</div>
<!-- Boss 1 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/chief_corewright_kasreth_boss_fight.jpg" alt="Chief Corewright Kasreth">
<div class="boss-header-text">
<div class="boss-number">Boss 1 · Arcane Wing</div>
<h2>Chief Corewright Kasreth</h2>
<div class="boss-subtitle">Space management fight — puddles + leylines shrink the room over time</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1250553/arcane-zap">Arcane Zap</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li><span class="warn">No melee swings.</span> Boss hits tank with instant arcane damage instead.</li><li>Be aware of the damage type for defensive planning.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1251579/leyline-array">Leyline Arrays</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Beams spawn on edges and cut across the room — deal arcane damage + slow.</li><li>Remove them by running into a beam while you have <a href="https://www.wowhead.com/beta/spell=1251772/reflux-charge">Reflux Charge</a> (a DoT debuff applied to a player).</li><li>Prioritize beam intersections to clear multiple at once.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1264040/flux-collapse">Flux Collapse</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Targets 1 player with several small circles that leave puddles (persist 75s).</li><li><strong>Bait near edges or existing puddles</strong> to preserve space.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1257509/corespark-detonation">Corespark Detonation</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Cast at full energy.</li><li>Massive orb at random player → <span class="warn">knockback + DoT (until healing absorb removed) + huge puddle.</span></li><li>Position to avoid being knocked into puddles or through leylines.</li><li>Use group defensives and healing CDs — the DoT is heavy if absorb isn't removed quickly.</li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 2 — COREWARDEN NYSARRA -->
<!-- ══════════════════════════════════════════ -->
<!-- Nysarra Trash -->
<div class="trash-section">
<div class="trash-header">Void Wing — Trash Before Nysarra</div>
<div class="mob-card">
<div class="mob-name">Reformed Voidling</div>
<ul class="mob-abilities">
<li>On death becomes a <strong>Smudge</strong> that tries to awaken a nearby Nascent Dreadflail. CC and cleave it down fast.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Cursed Voidcaller</div>
<ul class="mob-abilities">
<li>On death casts <a href="https://www.wowhead.com/beta/spell=1281636/creeping-void">Creeping Void</a> — burst damage. Use Curse dispels.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Duskfright Herald <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1252062/entropic-leech">Entropic Leech</a> — channels on random player. Combat drop or remove the healing absorb to stop it.</li>
<li><a href="https://www.wowhead.com/beta/spell=1252076/dark-beckoning">Dark Beckoning</a> — pulsing damage + projectiles. Dodge.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Grand Nullifier</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1282722/nullify">Nullify</a><span style="color: var(--accent-red);">interrupt EVERY cast.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1282723/dusk-frights">Dusk Frights</a> — avoid fear zones.</li>
<li>On death becomes a <strong>Smudge</strong> → same as Reformed Voidling.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Dreadflail <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1282665/void-lash">Void Lash</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Face away from group. Use a defensive.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1282679/flailstorm">Flailstorm</a> — AoE around fixated player. Kite if targeted.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Null Sentinel <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1252429/nullwark-blast">Nullwark Blast</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Hits you. Defensive for the hit + DoT.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1252406/dreadbellow">Dreadbellow</a> — knockback + AoE DoT. Watch positioning.</li>
</ul>
</div>
</div>
<!-- Boss 2 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/corewarden_nysarra_boss_fight.jpg" alt="Corewarden Nysarra">
<div class="boss-header-text">
<div class="boss-number">Boss 2 · Void Wing</div>
<h2>Corewarden Nysarra</h2>
<div class="boss-subtitle">Starts at 60% HP (actual HP is high) — burn windows every ~1min with 300% damage amp</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1247937/umbral-lash">Umbral Lash</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Channeled on tank.</li><li>Ends with <span class="warn">knockback + 50% increased damage taken for 10s.</span></li><li>Extremely dangerous when adds are alive.</li><li><strong>Save a strong defensive for overlaps with Null Vanguard adds.</strong></li></ul></div>
</div>
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1252703/null-vanguard">Null Vanguard</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Summons 1 Dreadflail + 2 Grand Nullifiers.</li><li><strong>Pick up adds immediately. Face Dreadflail away during <a href="https://www.wowhead.com/beta/spell=1282665/void-lash">Void Lash</a>.</strong></li><li>Interrupt Grand Nullifiers.</li><li><span class="warn">Kill adds before stun ends</span> — boss casts <a href="https://www.wowhead.com/beta/spell=1252883/devour-the-unworthy">Devour The Unworthy</a> on any survivors.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1247976/null-vanguard">Null Vanguard</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Summons 1 Dreadflail + 2 Grand Nullifiers.</li><li><strong>Pick up adds immediately. Face Dreadflail away during <a href="https://www.wowhead.com/beta/spell=1282665/void-lash">Void Lash</a>.</strong></li><li>Interrupt Grand Nullifiers.</li><li><span class="warn">Kill adds before stun ends</span> — boss casts <a href="https://www.wowhead.com/beta/spell=1252883/devour-the-unworthy">Devour The Unworthy</a> on any survivors.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1249014/eclipsing-step">Eclipsing Step</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Large AoE on 2 players — DoT to anyone hit.</li><li>Spread away from allies.</li><li>Use a defensive if needed.</li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 3 — LOTHRAXION -->
<!-- ══════════════════════════════════════════ -->
<!-- Lothraxion Trash -->
<div class="trash-section">
<div class="trash-header">Light Wing — Trash Before Lothraxion</div>
<div class="quick-ref">
<strong>Unlocks after both wing bosses are killed.</strong> Use the conduit to return to the start, interact with the console to form the bridge.
</div>
<div class="mob-card">
<div class="mob-name">Radiant Swarm</div>
<ul class="mob-abilities">
<li>Fixates random players — kite if targeted. Takes extra AoE damage (Cluster Weakness).</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Flarebat</div>
<ul class="mob-abilities">
<li>Purge <a href="https://www.wowhead.com/beta/spell=1263785/holy-echo">Holy Echo</a> if possible. On death drops AoE damage + healing zone.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Lightwrought</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1263892/holy-bolt">Holy Bolt</a> — keep interrupted.</li>
<li><a href="https://www.wowhead.com/beta/spell=1277557/burning-radiance">Burning Radiance</a> — on 2 random players. Magic dispel one ASAP, defensive/heal through the other.</li>
</ul>
</div>
</div>
<!-- Boss 3 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/lothraxion_boss_fight.jpg" alt="Lothraxion">
<div class="boss-header-text">
<div class="boss-number">Boss 3 · Light Wing</div>
<h2>Lothraxion</h2>
<div class="boss-subtitle">Space management + intermission — permanent puddles, find the real boss among clones</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1257701/searing-rend">Searing Rend</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li><span class="warn">Puddles are PERMANENT for the entire fight.</span> Drop them at edges and away from the group.</li><li>Critical to manage space — especially if you didn't clear the whole platform.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1253855/brilliant-dispersion">Brilliant Dispersion</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Targets 3 players — damage + DoT to anyone within 8yds, spawns 2 <strong>Fracture Images</strong> per target.</li><li>Spread loosely.</li><li>Use defensives and healing CDs.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name">Fracture Images <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li><a href="https://www.wowhead.com/beta/spell=1271956/mirrored-rend">Mirrored Rend</a> — hits anyone within 5yds (puddles + knockback).</li><li>Stay away from images.</li><li><a href="https://www.wowhead.com/beta/spell=1255531/flicker">Flicker</a> — images dash at a random player.</li><li>Be ready to dodge.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1257595/divine-guile">Divine Guile</a> — Intermission <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Boss hides among many clones, pulsing group damage.</li><li><span class="warn">Find the real boss and interrupt him.</span> <span class="tip">He's the only one WITHOUT horns of light (bald head).</span> Don't interrupt clones — triggers <a href="https://www.wowhead.com/beta/spell=1271511/core-exposure">Core Exposure</a>.</li><li>Hunter's Mark tracks the real boss through stealth.</li></ul></div>
</div>
</div>
</div>
</section>
<!-- ══════════════════════════════════════════ -->
<!-- ALGETH'AR ACADEMY -->
<!-- ══════════════════════════════════════════ -->
<section id="algethar-academy" class="dungeon-page" style="display:none">
<!-- Dungeon Header -->
<div class="dungeon-header">
<img src="assets/algethar_academy_header.jpg" alt="Algeth'ar Academy">
<div class="dungeon-header-text">
<h1>Algeth'ar Academy</h1>
<p>Linear 4-boss dungeon — pick a Dragonflight stat buff at the start, manage adds throughout</p>
</div>
</div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 1 — OVERGROWN ANCIENT -->
<!-- ══════════════════════════════════════════ -->
<!-- Overgrown Ancient Trash -->
<div class="trash-section">
<div class="trash-header">Academy Grounds — Trash Before Overgrown Ancient</div>
<div class="quick-ref">
<strong>Dragonflight Buffs:</strong> Talk to a Dragonflight NPC at the entrance for a free stat buff (5% Crit/Haste/Vers, 85 Mastery, or 10% Healing Taken). One per player, changeable later.
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Vile Lasher <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1282244/vile-bite">Vile Bite</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Stacking bleed on you. Use defensives or bleed cleanses to manage stacks.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=390918/detonation-seeds">Detonation Seeds</a> — swirly under every player. Move out.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Aggravated Skitterfly</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=390938/agitation">Agitation</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Stacking enrage buff. Soothe if possible.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=390944/darting-sting">Darting Sting</a> — targets random player. Stay close to the pack for cleave.</li>
</ul>
</div>
</div>
<!-- Boss 1 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/overgrown_ancient_boss_fight.jpg" alt="Overgrown Ancient">
<div class="boss-header-text">
<div class="boss-number">Boss 1</div>
<h2>Overgrown Ancient</h2>
<div class="boss-subtitle">Add management — stay stacked for Germinate, kill Branch add, pick up Lashers at full energy</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=388544/barkbreaker">Barkbreaker</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Physical damage amp debuff on tank.</li><li><span class="warn">Extremely dangerous if Hungry Lashers are alive — use a big defensive.</span></li></ul></div>
</div>
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=388923/burst-forth">Burst Forth</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>At 100 energy, activates dormant Hungry Lashers.</li><li><span style="color: var(--tank-color); font-weight: 600;">Pick up all adds immediately.</span> Rotate poison dispels to remove <a href="https://www.wowhead.com/beta/spell=389033/lasher-toxin">Lasher Toxin</a> stacks.</li><li>Use stuns/slows/knockbacks to kite.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=388796/germinate">Germinate</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Channel spawning dormant Lashers at player locations.</li><li><span class="tip">Stay stacked as a group and move together to keep adds in cleave range.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=388623/branch-out">Branch Out</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Spawns an Ancient Branch add.</li><li>Interrupt its <a href="https://www.wowhead.com/beta/spell=396640/healing-touch">Healing Touch</a> cast, then stand in the <a href="https://www.wowhead.com/beta/spell=396721/abundance">Abundance</a> circle on death to cleanse <a href="https://www.wowhead.com/beta/spell=396716/splinterbark">Splinterbark</a> bleed.</li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 2 — CRAWTH -->
<!-- ══════════════════════════════════════════ -->
<!-- Crawth Trash -->
<div class="trash-section">
<div class="trash-header">Academy Walkways — Trash Before Crawth</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Guardian Sentry <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=377991/storm-slash">Storm Slash</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Hits the tank. Use a defensive if needed.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=378011/deadly-winds">Deadly Winds</a> — spawns tornado on random player. Dodge it.</li>
<li><a href="https://www.wowhead.com/beta/spell=377912/expel-intruders">Expel Intruders</a> — AoE. Run out or line of sight.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Territorial Eagle</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=377344/peck">Peck</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Stacking bleed. CC the mob to stop casts, kite, or use bleed cleanse.</span></li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Alpha Eagle <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=377383/gust">Gust</a> — frontal at random target. Sidestep out.</li>
<li><a href="https://www.wowhead.com/beta/spell=377389/raging-screech">Raging Screech</a><span style="color: var(--tank-color); font-weight: 600;">TANK: AoE + enrage. Use defensives if you have high Peck stacks.</span></li>
</ul>
</div>
</div>
<!-- Boss 2 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/crawth_boss_fight.jpg" alt="Crawth">
<div class="boss-header-text">
<div class="boss-number">Boss 2</div>
<h2>Crawth</h2>
<div class="boss-subtitle">Score balls into goals at 75% and 45% — Air first, then Fire for a damage window</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=376997/savage-peck">Savage Peck</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li><span class="warn">Defensive every cast.</span> Hit + DoT on the tank.</li><li><span class="tip">NOT a bleed in Midnight — bleed cleanses won't work.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=377034/overpowering-gust">Overpowering Gust</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Frontal at random target.</li><li>Dodge it.</li><li>Stay loosely spread to avoid splashing <a href="https://www.wowhead.com/beta/spell=377004/deafening-screech">Deafening Screech</a> damage.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1276752/ruinous-winds">Ruinous Winds</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Cast at 75% and 45% HP.</li><li>Grab 3 balls and score into a goal to interrupt.</li><li><strong>First:</strong> <a href="https://www.wowhead.com/beta/spell=389483/goal-of-the-rushing-winds">Goal Of The Rushing Winds</a> for <a href="https://www.wowhead.com/beta/spell=376467/gale-force">Gale Force</a> (tornadoes + motes).</li><li><strong>Second:</strong> <a href="https://www.wowhead.com/beta/spell=389481/goal-of-the-searing-blaze">Goal Of The Searing Blaze</a> for <a href="https://www.wowhead.com/beta/spell=376448/firestorm">Firestorm</a> (12s damage amp — lust here).</li></ul></div>
</div>
<div class="ability-card healer-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=377004/deafening-screech">Deafening Screech</a> <span class="role-tag healer">Healer</span></div>
<div class="ability-desc"><ul><li>Group damage + DoT.</li><li>Use group defensives or healing CDs to keep players healthy through it.</li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 3 — VEXAMUS -->
<!-- ══════════════════════════════════════════ -->
<!-- Vexamus Trash -->
<div class="trash-section">
<div class="trash-header">Arcane Vaults — Trash Before Vexamus</div>
<div class="mob-card">
<div class="mob-name">Corrupted Manafiend</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=388862/surge">Surge</a><span style="color: var(--accent-red);">interrupt this.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=388863/mana-void">Mana Void</a> — targets 2 players. Don't cleave allies, use a defensive if needed.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Spellbound Battleaxe</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=388841/spellbound-weapon">Spellbound Weapon</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Passive bonus arcane damage on melee hits. Be aware of increased intake.</span></li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Arcane Ravager</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=388940/vicious-ambush">Vicious Ambush</a> — leaps to furthest player. Stay close for cleave.</li>
<li><a href="https://www.wowhead.com/beta/spell=388976/rift-breath">Rift Breath</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Frontal aimed at you after the charge. Sidestep immediately.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Arcane Forager</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=389054/vicious-lunge">Vicious Lunge</a> — burst damage on random player. Dangerous with multiple Foragers.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Unruly Textbook</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=388392/monotonous-lecture">Monotonous Lecture</a> — channels on random player. Interrupt, CC, or magic dispel to end it.</li>
</ul>
</div>
</div>
<!-- Boss 3 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/vexamus_boss_fight.jpg" alt="Vexamus">
<div class="boss-header-text">
<div class="boss-number">Boss 3</div>
<h2>Vexamus</h2>
<div class="boss-subtitle">Soak orbs before they reach the boss, face frontal away, dodge circles at full energy</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=385958/arcane-expulsion">Arcane Expulsion</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Frontal aimed at tank.</li><li><span class="warn">Face away from group and use a defensive.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=387691/arcane-orbs">Arcane Orbs</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>5 orbs spawn at arena edges and move toward boss.</li><li>Spread out and soak one each — soaking applies <a href="https://www.wowhead.com/beta/spell=391977/oversurge">Oversurge</a>.</li><li><span class="warn">Hard to soak more than one without an immunity.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=386173/mana-bombs">Mana Bombs</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Targets 3 players with puddles.</li><li>Move to outer edge to drop them out of the way.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=388537/arcane-fissure">Arcane Fissure</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Full energy cast.</li><li>Pushback + initial hit, then dodge 3 circles under your feet.</li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 4 — ECHO OF DORAGOSA -->
<!-- ══════════════════════════════════════════ -->
<!-- Echo of Doragosa Trash -->
<div class="trash-section">
<div class="trash-header">Upper Academy — Trash Before Echo of Doragosa</div>
<div class="mob-card">
<div class="mob-name">Algeth'ar Echoknight</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1270349/astral-whirlwind">Astral Whirlwind</a> — AoE under random player. Move out.</li>
<li><a href="https://www.wowhead.com/beta/spell=1270356/arcane-smash">Arcane Smash</a> — heavy group hit. Use a defensive if needed.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Spectral Invoker</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1270294/mystic-brand">Mystic Brand</a><span style="color: var(--accent-red);">priority interrupt.</span> Debuffs a random player.</li>
<li><a href="https://www.wowhead.com/beta/spell=1279627/arcane-bolt">Arcane Bolt</a> — use spare interrupts on this.</li>
</ul>
</div>
</div>
<!-- Boss 4 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/echo_of_doragosa_boss_fight.jpg" alt="Echo of Doragosa">
<div class="boss-header-text">
<div class="boss-number">Boss 4</div>
<h2>Echo of Doragosa</h2>
<div class="boss-subtitle">Manage Arcane Rifts — pull boss to entrance, position carefully at 2 stacks of Overwhelming Power</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=439488/unleash-energy">Unleash Energy</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li><span class="warn">Cast immediately on pull — make sure group is topped first.</span> Pull boss toward the entrance to drop <a href="https://www.wowhead.com/beta/spell=388901/arcane-rift">Arcane Rifts</a> away from the fight.</li><li>Rifts shoot <a href="https://www.wowhead.com/beta/spell=388951/uncontrolled-energy">Uncontrolled Energy</a> orbs to dodge.</li></ul></div>
</div>
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=388822/power-vacuum">Power Vacuum</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Pulls all players to boss.</li><li><span style="color: var(--tank-color); font-weight: 600;">Position boss so players don't get pulled onto a rift.</span> Use movement abilities to escape the AoE.</li></ul></div>
</div>
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1282251/astral-blast">Astral Blast</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Hits the tank.</li><li>Use a defensive.</li><li><span class="warn">If you have 2 stacks of <a href="https://www.wowhead.com/beta/spell=389011/overwhelming-power">Overwhelming Power</a>, position carefully — 3 stacks spawns a rift under you.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=389011/overwhelming-power">Overwhelming Power</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Every ability hit grants a stack.</li><li>At 3 stacks, an <a href="https://www.wowhead.com/beta/spell=388901/arcane-rift">Arcane Rift</a> spawns under you.</li><li>Place rifts in safe spots away from the group.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=374352/energy-bomb">Energy Bomb</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Targets random player.</li><li>Spread loosely to avoid cleave.</li><li><span class="warn">Can combo with <a href="https://www.wowhead.com/beta/spell=373326/arcane-missiles">Arcane Missiles</a> for lethal burst — use a defensive if both hit you.</span></li></ul></div>
</div>
</div>
</div>
</section>
<!-- ══════════════════════════════════════════ -->
<!-- SKYREACH -->
<!-- ══════════════════════════════════════════ -->
<section id="skyreach" class="dungeon-page" style="display:none">
<!-- Dungeon Header -->
<div class="dungeon-header">
<img src="assets/skyreach_header.jpg" alt="Skyreach">
<div class="dungeon-header-text">
<h1>Skyreach</h1>
<p>Linear 4-boss dungeon — elevated platforms with knockback danger throughout</p>
</div>
</div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 1 — RANJIT -->
<!-- ══════════════════════════════════════════ -->
<!-- Ranjit Trash -->
<div class="trash-section">
<div class="trash-header">Windswept Terrace — Trash Before Ranjit</div>
<div class="quick-ref">
<strong>Environment:</strong> Open-air platforms — knockbacks can push you off the edge. Be careful with <a href="https://www.wowhead.com/beta/spell=1255377/repel">Repel</a> and <a href="https://www.wowhead.com/beta/spell=1258174/dread-wind">Dread Wind</a> near ledges.
</div>
<div class="mob-card">
<div class="mob-name">Soaring Chakram Master</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1254666/ricocheting-chakram">Ricocheting Chakram</a> — targets random player, bounces to nearby allies. Spread loosely.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Outcast Warrior</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1254670/rushing-winds">Rushing Winds</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Purge this buff off the mob if possible.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Raging Squall</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1254677/wind-claws">Wind Claws</a> — passive bonus nature damage on melee hits.</li>
<li><a href="https://www.wowhead.com/beta/spell=1254678/wrathful-wind">Wrathful Wind</a> — enrage. Soothe to remove.</li>
<li><a href="https://www.wowhead.com/beta/spell=1255922/wind-blast">Wind Blast</a> — AoE on death. Move away from dying mobs.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Driving Gale-Caller</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1255377/repel">Repel</a><span style="color: var(--accent-red);">interrupt EVERY cast.</span> Knockback near ledges is lethal.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Adorned Bladetalon <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1254475/blade-rush">Blade Rush</a> — dashes to 2 random players + tank. Applies bleed. Use bleed cleanse or defensives.</li>
<li><a href="https://www.wowhead.com/beta/spell=1254380/shear">Shear</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Debuff on you. Dangerous if overlapping with Blade Rush — use a defensive.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Dread Raven <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1258174/dread-wind">Dread Wind</a> — knockback on random player. <span class="warn">Don't get knocked off the platform.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1254566/dire-screech">Dire Screech</a> — heavy group damage. Top group beforehand, use group defensives.</li>
</ul>
</div>
</div>
<!-- Boss 1 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/ranjit_boss_fight.jpg" alt="Ranjit">
<div class="boss-header-text">
<div class="boss-number">Boss 1</div>
<h2>Ranjit</h2>
<div class="boss-subtitle">Dodge-heavy fight — rotate the room dropping wind orbs, avoid tornadoes at full energy</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1252690/gale-surge">Gale Surge</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Knocks back on impact, leaves a wind orb for 60s.</li><li><span class="tip">Drop orbs together and rotate the room in one direction. Always drop behind the boss.</span></li></ul></div>
</div>
<div class="ability-card healer-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=153757/fan-of-blades">Fan Of Blades</a> <span class="role-tag healer">Healer</span></div>
<div class="ability-desc"><ul><li>Applies bleed to all players.</li><li>Use bleed cleanses if available.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1258152/wind-chakram">Wind Chakram</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Line projectile at random player that returns to boss.</li><li><span class="warn">Heavy damage if hit.</span></li><li>Bait away from group movement direction, step out before cast finishes.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=156793/chakram-vortex">Chakram Vortex</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Full energy cast.</li><li>AoE in centre + rotating tornadoes for 20s.</li><li>Avoid where tornado waves intersect.</li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 2 — ARAKNATH -->
<!-- ══════════════════════════════════════════ -->
<!-- Araknath Trash -->
<div class="trash-section">
<div class="trash-header">Solar Sanctum — Trash Before Araknath</div>
<div class="mob-card">
<div class="mob-name">Blinding Sun Priestess</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=152953/blinding-light">Blinding Light</a><span style="color: var(--accent-red);">interrupt EVERY cast.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1273356/solar-barrier">Solar Barrier</a> — buffs a random ally. Purge it off or focus the mob.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Adept of the Dawn</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1254672/fiery-talon">Fiery Talon</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Stacking debuff from melee hits. Kite or use a defensive to drop stacks.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Initiate of the Rising Sun</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1254669/solar-bolt">Solar Bolt</a> — use spare interrupts on this.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Solar Elemental <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1254329/solar-orb">Solar Orb</a> — swap to the orb when it spawns and kill it ASAP.</li>
<li><a href="https://www.wowhead.com/beta/spell=1258217/solar-fire">Solar Fire</a> — avoid the ground circles.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Solar Construct <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1253446/solar-flame">Solar Flame</a> — use defensives or combat drop if targeted.</li>
<li><a href="https://www.wowhead.com/beta/spell=1253448/solar-nova">Solar Nova</a> — get out of the AoE underneath this mob.</li>
</ul>
</div>
</div>
<!-- Boss 2 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/araknath_boss_fight.jpg" alt="Araknath">
<div class="boss-header-text">
<div class="boss-number">Boss 2</div>
<h2>Araknath</h2>
<div class="boss-subtitle">Stationary boss — intercept construct beams, dodge line attacks, never leave melee</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1283770/defensive-protocol">Defensive Protocol</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Boss is stationary with a fire ring underneath.</li><li><span class="warn">Never leave melee range</span> — boss spams <a href="https://www.wowhead.com/beta/spell=1279002/blast-wave">Blast Wave</a> if no one is in melee, likely wiping the group.</li></ul></div>
</div>
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=154110/fiery-smash">Fiery Smash</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Line attack on tank.</li><li><span class="warn">Aim away from energized constructs and dodge it — massive damage even for tanks.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=154139/energize">Energize</a> / <a href="https://www.wowhead.com/beta/spell=1252877/solar-infusion">Solar Infusion</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>3 constructs beam the boss, healing it and stacking Solar Infusion.</li><li><strong>Non-tank players intercept beams</strong> (heavy damage — use defensives).</li><li>After 12s channel, constructs fire <a href="https://www.wowhead.com/beta/spell=1281874/heat-exhaustion">Heat Exhaustion</a> frontal — sidestep it.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=154135/supernova">Supernova</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Full energy cast.</li><li>Group-wide hit increased by 5% per <a href="https://www.wowhead.com/beta/spell=1252877/solar-infusion">Solar Infusion</a> stack.</li><li><span class="warn">Never let beams go through unblocked.</span></li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 3 — RUKHRAN -->
<!-- ══════════════════════════════════════════ -->
<!-- Rukhran Trash -->
<div class="trash-section">
<div class="trash-header">Sun's Edge — Trash Before Rukhran</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Sun Talon Tamer</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1254686/mark-of-death">Mark Of Death</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Kite if debuffed. Use defensives as needed.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Skyreach Sun Talon</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1254690/bloodcrazed">Bloodcrazed</a> — CC these mobs when they enrage.</li>
</ul>
</div>
</div>
<!-- Boss 3 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/rukhran_boss_fight.jpg" alt="Rukhran">
<div class="boss-header-text">
<div class="boss-number">Boss 3</div>
<h2>Rukhran</h2>
<div class="boss-subtitle">Add management — kill Sunwings away from eggs, LoS behind pillar at full energy</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1253519/burning-claws">Burning Claws</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li><span class="warn">Use a defensive for every cast.</span></li><li>Stay in melee at all times — boss casts <a href="https://www.wowhead.com/beta/spell=153898/screech">Screech</a> if no one is in range.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1253510/sunbreak">Sunbreak</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Spawns a Sunwing add that fixates a random player with <a href="https://www.wowhead.com/beta/spell=1253511/burning-pursuit">Burning Pursuit</a>.</li><li>DPS swap and burn ASAP.</li><li><span class="warn">Kill adds away from eggs — killing a Sunwing on an egg resurrects it.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=159381/searing-quills">Searing Quills</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Full energy cast.</li><li><span class="warn">Lethal to anyone in LoS.</span></li><li>Entire group must hide behind the central pillar.</li><li><span class="tip">Tank: get back to boss quickly after to prevent Screech.</span></li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 4 — HIGH SAGE VIRYX -->
<!-- ══════════════════════════════════════════ -->
<div class="quick-ref">
<strong>Gauntlet:</strong> After Rukhran, navigate through tornadoes and slowing winds, then fight familiar trash mobs before reaching Viryx. Clear the platform to engage.
</div>
<!-- Boss 4 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/high_sage_viryx_boss_fight.jpg" alt="High Sage Viryx">
<div class="boss-header-text">
<div class="boss-number">Boss 4</div>
<h2>High Sage Viryx</h2>
<div class="boss-subtitle">Interrupt rotation on tank cast, burst Solar Zealot adds, dodge the beam at full energy</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=154396/solar-blast">Solar Blast</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li><span class="warn">Keep an interrupt rotation on this cast.</span></li><li>Repeated casts on the tank — uninterrupted casts deal heavy damage.</li></ul></div>
</div>
<div class="ability-card healer-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1253543/scorching-ray">Scorching Ray</a> <span class="role-tag healer">Healer</span></div>
<div class="ability-desc"><ul><li>Beams 3 players for damage + 5s DoT.</li><li>Consistent group damage throughout the fight.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=153954/cast-down">Cast Down</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Solar Zealot spawns above a random player and drags them to the nearest edge.</li><li><strong>Burst the add + use stuns</strong> (knockbacks don't work).</li><li><span class="tip">If targeted, position near the entrance to maximize distance to the edge.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=154044/lens-flare">Lens Flare</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Full energy cast.</li><li>Beam chases a player (red arrow), leaving puddle trail.</li><li><span class="warn">Run away from group along platform edges.</span></li><li>Initial hit is hard to dodge — use a defensive if targeted.</li></ul></div>
</div>
</div>
</div>
</section>
<section id="magisters-terrace" class="dungeon-page" style="display:none">
<!-- Dungeon Header -->
<div class="dungeon-header">
<img src="assets/magisters_terrace_header.jpg" alt="Magister's Terrace">
<div class="dungeon-header-text">
<h1>Magister's Terrace</h1>
<p>Linear dungeon with <span class="wing-badge wing-arcane">Arcane</span> wing first half and <span class="wing-badge wing-void">Void</span> wing second half. Library gauntlet early, then courtyard, then void corridor to final boss tower.</p>
</div>
</div>
<!-- ════════════════════════════════════════ -->
<!-- BOSS 1: Arcanotron Custos -->
<!-- ════════════════════════════════════════ -->
<div class="trash-section">
<div class="trash-header">Entrance — Trash Before Arcanotron Custos</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Arcane Sentry <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1282055/ethereal-shackles">Ethereal Shackles</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Roots you. Use a root break or get a Magic dispel.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1282050/arcane-beam">Arcane Beam</a> — Channels into a random player, leaving puddles. Dodge the pools.</li>
<li><a href="https://www.wowhead.com/beta/spell=473258/crowd-dispersal">Crowd Dispersal</a> — AoE hit + knockback. Watch positioning near edges.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Arcane Magister</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=468966/polymorph">Polymorph</a><span class="warn">Priority interrupt.</span> Dispel with Magic if one goes off.</li>
<li><a href="https://www.wowhead.com/beta/spell=468962/arcane-bolt">Arcane Bolt</a> — Targets random player. Use spare interrupts.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Sunblade Enforcer</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1252909/arcane-blade">Arcane Blade</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Magic buff — purge if possible, otherwise use a defensive for empowered strikes.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1253224/charge">Charge</a> — Closes gap quickly. Kiting is difficult.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Lightward Healer</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1255187/holy-fire">Holy Fire</a> — Targets random player. Magic dispel to remove.</li>
<li><a href="https://www.wowhead.com/beta/spell=1254306/power-word-shield">Power Word: Shield</a> — Buffs an ally mob. Purge if possible.</li>
</ul>
</div>
<div class="quick-ref">
<strong>Library Gauntlet:</strong> Avoid librarians (they teleport you back to entrance). Pick up the <strong>Arcane Tome</strong> for a 5% haste buff (30 min, persists through death).
</div>
<div class="mob-card">
<div class="mob-name">Animated Codex</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1244985/arcane-volley">Arcane Volley</a> — Constant AoE pulse. <span class="warn">Be careful pulling multiple — use defensives.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Blazing Pyromancer <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1254294/pyroblast">Pyroblast</a><span class="warn">Must interrupt every cast.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1254338/ignition">Ignition</a> — Heavy AoE while active. Use defensives or healing CDs.</li>
<li><a href="https://www.wowhead.com/beta/spell=1254301/flamestrike">Flamestrike</a> — Dodge the AoE hit and puddle.</li>
</ul>
</div>
<div class="quick-ref">
<strong>Courtyard:</strong> After the library, interact with <strong>Energy Crystals</strong> for a temporary damage and healing increase.
</div>
<div class="mob-card">
<div class="mob-name">Spellwoven Familiar</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1279992/blink">Blink</a> — AoE group hit on teleport. Beware when combined with other AoE mobs.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Brightscale Wyrm</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1254595/energy-release">Energy Release</a> — Casts on death. <span class="tip">Stagger kills to avoid overlap, but stay close for the stacking buff.</span></li>
</ul>
</div>
</div>
<div class="boss-section">
<div class="boss-header">
<img src="assets/arcanotron_custos_boss_fight.jpg" alt="Arcanotron Custos">
<div class="boss-header-text">
<div class="boss-number">Boss 1 · Arcane Wing</div>
<h2>Arcanotron Custos</h2>
<div class="boss-subtitle">Alternating boss/intermission phases with heavy space management</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=474496/repulsing-slam">Repulsing Slam</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Arcane hit + knockback on tank.</li><li><span class="tip">Use walls or staircases to prevent being knocked back.</span></li></ul></div>
</div>
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1214081/arcane-expulsion">Arcane Expulsion</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Group hit + knockback, drops a puddle under boss for 2 min.</li><li><span style="color: var(--tank-color); font-weight: 600;">Position boss towards arena edges, overlap existing puddles.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=474308/energy-orb">Energy Orb</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Intermission: orbs travel toward boss.</li><li>Soak to prevent group damage + boss 20% damage buff stack.</li><li>Soaking leaves a puddle and applies <a href="https://www.wowhead.com/beta/spell=1243905/unstable-energy">Unstable Energy</a> DoT.</li><li><span class="warn">Stagger soaks or use defensives.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name">Intermission Strategy <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li><span class="tip">Move boss into a side alcove before intermission — orbs funnel toward group for easier soaking.</span></li><li><span class="tip">Boss takes 20% more damage during intermission, so save CDs.</span></li><li>Keep alcoves clear of puddles during boss phase.</li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ════════════════════════════════════════ -->
<!-- BOSS 2: Seranel Sunlash -->
<!-- ════════════════════════════════════════ -->
<div class="trash-section">
<div class="trash-header">Hallway — Trash Before Seranel Sunlash</div>
<div class="quick-ref">
<strong>Familiar mobs:</strong> Same mobs as before (Arcane Sentry, Arcane Magister, Sunblade Enforcer, Lightward Healer), plus one new mob below.
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Runed Spellbreaker <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1283901/shield-slam">Shield Slam</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Line aimed at you — face away from group and sidestep it.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1244907/runic-glaive">Runic Glaive</a> — Targets 2 random players. Watch health, use defensive if needed.</li>
</ul>
</div>
</div>
<div class="boss-section">
<div class="boss-header">
<img src="assets/seranel_sunlash_boss_fight.jpg" alt="Seranel Sunlash">
<div class="boss-header-text">
<div class="boss-number">Boss 2 · Arcane Wing</div>
<h2>Seranel Sunlash</h2>
<div class="boss-subtitle">Suppression Zone management — stagger debuff clears, dodge on removal</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1248689/hastening-ward">Hastening Ward</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Boss gains Magic attack speed buff.</li><li><span style="color: var(--tank-color); font-weight: 600;">Purge it or use a defensive.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1224903/suppression-zone">Suppression Zone</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Drop zone in the center of the room.</li><li>Entering it removes <a href="https://www.wowhead.com/beta/spell=1225792/runic-mark">Runic Mark</a> but triggers <a href="https://www.wowhead.com/beta/spell=1246446/null-reaction">Null Reaction</a> (AoE + circles + slow).</li><li><span class="warn">Don't linger — pacifies you.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1225792/runic-mark">Runic Mark</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>DoT on 2 players, splashes nearby.</li><li>Spread loosely around zone.</li><li><span class="tip">Stagger clears — let non-tank clear first. Tank can safely hold the DoT longer.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1225193/wave-of-silence">Wave Of Silence</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>AoE hit that pacifies for 8s.</li><li><span class="warn">Step into Suppression Zone just before it finishes to avoid pacify.</span></li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ════════════════════════════════════════ -->
<!-- BOSS 3: Gemellus -->
<!-- ════════════════════════════════════════ -->
<div class="trash-section">
<div class="trash-header">Void Corridor — Trash Before Gemellus</div>
<div class="quick-ref">
<strong>Phase shift:</strong> After Seranel, channel the Cynosure of Twilight. Void mobs appear — fight back toward the dungeon entrance.
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Voidling</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1255434/void-gash">Void Gash</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Passive extra shadow damage on melee hits. Watch health with large pulls.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Hollowsoul Shredder</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1227020/dimensional-shred">Dimensional Shred</a> — Targets random player. Stay close for easier cleave.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Dreaded Voidwalker</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1256015/shadow-bolt">Shadow Bolt</a> — Targets random player. Use spare interrupts.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Shadowrift Voidcaller <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1255462/call-of-the-void">Call Of The Void</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Spawns adds — pick them up immediately.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1265977/consuming-shadows">Consuming Shadows</a><span class="warn">Heavy group damage. Use defensives/healing CDs.</span> <span class="tip">Can LoS to avoid entirely.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Unstable Voidling</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1264951/void-eruption">Void Eruption</a> — Casts on death. Stagger kills to avoid overlap.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Void Infuser</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1264693/terror-wave">Terror Wave</a><span class="warn">Must interrupt every cast.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1245068/consuming-void">Consuming Void</a> — DoT on random player. Dispel or use defensives if too many to dispel.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Devouring Tyrant <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1264687/devouring-strike">Devouring Strike</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Big hit + massive healing absorb. Use defensive + self-healing.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1248219/void-bomb">Void Bomb</a> — Targets random player with healing absorb. Don't cleave allies.</li>
</ul>
</div>
</div>
<div class="boss-section">
<div class="boss-header">
<img src="assets/gemellus_boss_fight.jpg" alt="Gemellus">
<div class="boss-header-text">
<div class="boss-number">Boss 3 · Void Wing</div>
<h2>Gemellus</h2>
<div class="boss-subtitle">Clone-based encounter — break Neural Links fast, dodge Astral Grasp pulls</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1223847/triplicate">Triplicate</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Creates 2 untankable clones (at pull and 50% HP) that share health and patrol the room.</li><li><span style="color: var(--tank-color); font-weight: 600;">Move boss to cleave with as many clones as possible.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1283904/cosmic-sting">Cosmic Sting</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Shadow hit that drops a puddle on contact.</li><li>Drop these off to the side, out of the boss's patrol path.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1253709/neural-link">Neural Link</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>20% damage taken increase for 12s.</li><li><span class="warn">Touch your linked clone (follow arrow under character) to remove it and break the clone's shield.</span></li><li>Be quick — Astral Grasp follows shortly.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1224299/astral-grasp">Astral Grasp</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Pulls players toward linked clone.</li><li>Heavy damage to anyone within 4 yds.</li><li><span class="warn">If you still have Neural Link, use a defensive.</span></li><li>Otherwise, fight the pull-in.</li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ════════════════════════════════════════ -->
<!-- BOSS 4: Degentrius -->
<!-- ════════════════════════════════════════ -->
<div class="trash-section">
<div class="trash-header">Tower — Trash Before Degentrius</div>
<div class="quick-ref">
<strong>Familiar mobs:</strong> Same void trash as the corridor (Voidlings, Shadowrift Voidcallers, Devouring Tyrants, etc.). See Gemellus trash above.
</div>
</div>
<div class="boss-section">
<div class="boss-header">
<img src="assets/degentrius_boss_fight.jpg" alt="Degentrius">
<div class="boss-header-text">
<div class="boss-number">Boss 4 · Final Boss</div>
<h2>Degentrius</h2>
<div class="boss-subtitle">Stationary boss — quadrant-based soaking, tank dispel management</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1280113/hulking-fragment">Hulking Fragment</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Large shadow hit to tank + 8 yd splash + 30s Magic DoT that leaves a puddle on dispel.</li><li><span style="color: var(--tank-color); font-weight: 600;">Stand alone in your quadrant.</span></li><li><span style="color: var(--tank-color); font-weight: 600;">Back out of melee and get dispelled away from boss to drop puddle safely.</span></li></ul></div>
</div>
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1271066/entropy-blast">Entropy Blast</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Boss casts this instead of melee swings.</li><li><span class="tip">Leaving melee for Hulking Fragment dispel has no downside.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1214714/void-torrent">Void Torrent</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Beams from statues divide room into 4 quadrants on pull.</li><li><span class="tip">Pre-spread: 1 player per quadrant. Double up healer with a DPS near tank's quadrant.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1215157/unstable-void-essence">Unstable Void Essence</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Soak that bounces between quadrants.</li><li><span class="warn">Missing a soak applies a 40s DoT to entire group.</span></li><li>Stay spread across all 4 quadrants.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1215897/devouring-entropy">Devouring Entropy</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Variable-duration DoT.</li><li>If you get a long one or have it while soaking, use a defensive or health pot.</li></ul></div>
</div>
</div>
</div>
</section>
<section id="maisara-caverns" class="dungeon-page" style="display:none">
<!-- Dungeon Header -->
<div class="dungeon-header">
<img src="assets/maisara_caverns_header.jpg" alt="Maisara Caverns">
<div class="dungeon-header-text">
<h1>Maisara Caverns</h1>
<p>Linear 3-boss dungeon — free prisoners to progress, use environment traps and buffs</p>
</div>
</div>
<!-- ════════════════════════════════════════ -->
<!-- BOSS 1 — MURO'JIN AND NEKRAXX -->
<!-- ════════════════════════════════════════ -->
<div class="trash-section">
<div class="trash-header">Troll Village — Trash Before Muro'jin and Nekraxx</div>
<div class="quick-ref">
<strong>Environment:</strong> Free 8 of 12 Witherbark Prisoners (out of combat only) to unlock the boss. Go right for <strong>Hearty Vilebranch Stew</strong> (+3% leech/avoidance, 30 min, persists through death). <strong>Massive Freezing Traps</strong> on both sides give a 5s stun extra-action button — works on CC-immune mobs.
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Frenzied Berserker</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1255966/regeneratin">Regeneratin'</a> — passive healing. Use healing reduction effects (MS, wound poison) to counter.</li>
<li><a href="https://www.wowhead.com/beta/spell=1255765/blood-frenzy">Blood Frenzy</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Enrage buff, increased damage. Soothe to remove.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Dread Souleater <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1257088/necrotic-wave">Necrotic Wave</a> — arcs to all nearby players, applies healing absorb. Stagger defensives and healing CDs.</li>
<li><a href="https://www.wowhead.com/beta/spell=1257155/rain-of-toads">Rain Of Toads</a> — dodge the circles.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Keen Headhunter</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1255966/regeneratin">Regeneratin'</a> — passive healing. Apply MS effects.</li>
<li><a href="https://www.wowhead.com/beta/spell=1266381/hooked-snare">Hooked Snare</a> — interrupt or use freedom on the target.</li>
<li><a href="https://www.wowhead.com/beta/spell=1255964/throw-spear">Throw Spear</a> — random target, has minimum range. Stack in melee to avoid.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Hulking Juggernaut <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1256059/rending-gore">Rending Gore</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Bleed on you. Use defensive or bleed cleanse.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1256047/deafening-roar">Deafening Roar</a> — stop casting when it completes. Watch your health.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Bramblemaw Bear</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1256561/crunch-armor">Crunch Armor</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Stacking armor reduction. Use defensives as stacks increase.</span></li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Hexbound Eagle</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1256584/diseased-claws">Diseased Claws</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Passive plague damage on melee hits against you.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1257781/shredding-talons">Shredding Talons</a> — leap + frontal channel on random target. CC to stop it.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Ritual Hexxer</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1256008/hex">Hex</a><span class="warn">interrupt EVERY cast.</span> Magic dispel if it goes off.</li>
<li><a href="https://www.wowhead.com/beta/spell=1256015/shadow-bolt">Shadow Bolt</a> — random target. Use spare interrupts.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Warding Mask</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1257328/sear">Sear</a> — random target damage. Careful when pulled with other AoE damage mobs.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Hex Guardian <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1258481/searing-presence">Searing Presence</a> — constant AoE pulsing damage. <span class="warn">Have offensive + defensive CDs ready for these pulls.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1258475/magma-surge">Magma Surge</a> — line at random player. Don't cleave allies.</li>
<li><a href="https://www.wowhead.com/beta/spell=1258806/ritual-firebrand">Ritual Firebrand</a> — Magic debuff on 2 players, drops circles. Dispel as needed.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Umbral Shadowbinder</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1263292/shrink">Shrink</a> — channels into random player. Interrupt or CC.</li>
<li><a href="https://www.wowhead.com/beta/spell=1265832/shadow-burst">Shadow Burst</a> — random target. Spread to avoid cleaving allies.</li>
</ul>
</div>
</div>
<!-- Boss 1 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/muro_jin_and_nekraxx_boss_fight.jpg" alt="Muro'jin and Nekraxx">
<div class="boss-header-text">
<div class="boss-number">Boss 1</div>
<h2>Muro'jin and Nekraxx</h2>
<div class="boss-subtitle">Duo fight — split damage evenly, use Freezing Traps to counter Carrion Swoop</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1266480/flanking-spear">Flanking Spear</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Muro'jin disengages then hits tank — knockback + 10s bleed.</li><li><span style="color: var(--tank-color); font-weight: 600;">Use a defensive for the bleed and mobility to cancel the knockback or close the gap.</span></li><li><span style="color: var(--tank-color); font-weight: 600;">Don't get knocked into a Freezing Trap.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1260731/freezing-trap">Freezing Trap</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Dropped under all players — incapacitates for 8s on contact.</li><li>Auto-detonates after 40s leaving a frost puddle for 3 min.</li><li><span class="tip">Stay grouped and rotate the room to conserve space.</span></li><li><span class="tip">Step into a trap when targeted by Carrion Swoop to stun Nekraxx for 5s.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1260643/barrage">Barrage</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Muro'jin channels a following frontal at a random player — stacking Magic slow.</li><li>Target stands still, others move out.</li><li><span class="tip">No damage on the debuff — save dispels for Infected Pinions.</span></li><li><span class="tip">Use freedom to remove slow.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1246666/infected-pinions">Infected Pinions</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Nekraxx applies 30s Disease to entire group — main party damage source.</li><li><span class="warn">Bring disease dispels.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1249479/carrion-swoop">Carrion Swoop</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Nekraxx charges a random target — massive damage + huge knockup.</li><li><span class="warn">Target MUST step into a Freezing Trap before impact to stun the boss.</span></li><li>Nekraxx won't trigger traps by charging over them.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1243900/fetid-quillstorm">Fetid Quillstorm</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Nekraxx leaps to random player — AoE hit + circles to dodge.</li><li>Keep group close so the leap is short.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1249789/revive-pet">Revive Pet</a> / Enrage <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li><span class="warn">Keep both bosses' HP even.</span></li><li>If Muro'jin is alone, he casts Revive Pet (10s to kill or Nekraxx returns at 35%).</li><li>If Nekraxx is alone, gains stacking 20% damage increase every 4s.</li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ════════════════════════════════════════ -->
<!-- BOSS 2 — VORDAZA -->
<!-- ════════════════════════════════════════ -->
<div class="trash-section">
<div class="trash-header">Spirit Halls — Trash Before Vordaza</div>
<div class="quick-ref">
<strong>Environment:</strong> Lost Souls path away from the altar — they explode on player contact dealing shadow damage + root (<a href="https://www.wowhead.com/beta/spell=1259731/cries-of-the-fallen">Cries of the Fallen</a>). Avoid them. Room exit is sealed until mini-boss Rokh'zal is killed.
</div>
<div class="mob-card">
<div class="mob-name">Grim Skirmisher</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1270079/grim-ward">Grim Ward</a> — Magic shield. Stagger purges — removal deals moderate group damage.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Restless Gnarldin <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1259270/spectral-strikes">Spectral Strikes</a> — passive AoE shadow damage on melee swings.</li>
<li><a href="https://www.wowhead.com/beta/spell=1259631/staggering-blow">Staggering Blow</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Tank buster. Have defensives ready.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1257895/ancestral-crush">Ancestral Crush</a> — dodge circle + puddle.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Reanimated Warrior</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1257920/dread-slash">Dread Slash</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Tank buster + stacking damage increase on the mob. Use defensives late in pulls.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1257716/reanimation">Reanimation</a> — interrupt or CC to stop the channel.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Tormented Shade</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1259255/spirit-rend">Spirit Rend</a> — random target. Interrupt as many casts as possible, Magic dispel the DoT.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Bound Defender <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1259270/spectral-strikes">Spectral Strikes</a> — passive AoE shadow damage on melee swings.</li>
<li><a href="https://www.wowhead.com/beta/spell=1259651/soulstorms">Soulstorms</a> — rotating AoE around the mob. Dodge them.</li>
<li><a href="https://www.wowhead.com/beta/spell=269928/vigilant-defense">Vigilant Defense</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Face mob away from group — reflects attacks back at attackers hitting its front.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Rokh'zal <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1259786/ritual-sacrifice">Ritual Sacrifice</a> — roots a random player on the altar. Use freedom or destroy the shackles.</li>
<li><a href="https://www.wowhead.com/beta/spell=1259777/invoke-shadow">Invoke Shadow</a> — pull effect + AoE. Fight the pull and dodge.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Hollow Soulrender <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1264327/shadowfrost-blast">Shadowfrost Blast</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Targets you. Use spare interrupts on this.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1259677/rend-souls">Rend Souls</a> — causes nearby Lost Souls to explode. Clear Lost Souls before pull.</li>
<li><a href="https://www.wowhead.com/beta/spell=1271623/frost-nova">Frost Nova</a> — random target. Move away from allies, Magic dispel the root or freedom to immune.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Gloomwing Bat</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1259182/piercing-screech">Piercing Screech</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Line towards tank. Interrupt or face away from group.</span></li>
</ul>
</div>
</div>
<!-- Boss 2 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/vordaza_boss_fight.jpg" alt="Vordaza">
<div class="boss-header-text">
<div class="boss-number">Boss 2</div>
<h2>Vordaza</h2>
<div class="boss-subtitle">Healing check — constant AoE, kite phantoms into each other, burst shield on Necrotic Convergence</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1251554/drain-soul">Drain Soul</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Tank-targeted channel.</li><li><span style="color: var(--tank-color); font-weight: 600;">Use a defensive for the full duration.</span></li></ul></div>
</div>
<div class="ability-card healer-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1264987/withering-miasma">Withering Miasma</a> <span class="role-tag healer">Healer</span></div>
<div class="ability-desc"><ul><li>Passive group damage pulsing every few seconds for the entire fight.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1251204/wrest-phantoms">Wrest Phantoms</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Spawns 4 adds at pillars with 99% DR, fixating random players.</li><li><span class="warn">Lethal 3 yd AoE if they touch a player.</span></li><li><span class="tip">Kite phantoms into each other to safely detonate them.</span></li><li><span class="tip">Space detonations out so the healer can recover between each.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1250708/necrotic-convergence">Necrotic Convergence</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>After every even Wrest Phantoms — boss gains interrupt-immune shield + channels increasing AoE.</li><li><span class="warn">Burn the shield fast and interrupt immediately.</span></li><li>Don't detonate phantoms near centre to keep melee uptime.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1252054/unmake">Unmake</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Random target line attack that sweeps slowly across the room.</li><li>Sidestep it.</li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ════════════════════════════════════════ -->
<!-- BOSS 3 — RAK'TUL, VESSEL OF SOULS -->
<!-- ════════════════════════════════════════ -->
<div class="trash-section">
<div class="trash-header">Bridge — Trash Before Rak'tul</div>
<div class="quick-ref">
<strong>Environment:</strong> Shadow orbs bounce down the bridge until mini-boss Zil'jan is killed. Avoid the orbs — they deal heavy damage + knockback.
</div>
<div class="mob-card">
<div class="mob-name">Zil'jan <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1259887/ritual-drums">Ritual Drums</a> — channels heavy pulsing sonic damage (70 yd range) + sends shadow orbs down the bridge. Kill ASAP.</li>
</ul>
</div>
</div>
<!-- Boss 3 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/rak_tul_vessel_of_souls_boss_fight.jpg" alt="Rak'tul, Vessel of Souls">
<div class="boss-header-text">
<div class="boss-number">Boss 3 · Final Boss</div>
<h2>Rak'tul, Vessel of Souls</h2>
<div class="boss-subtitle">Alternating phases — fight boss then run a bridge gauntlet during intermission</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1251023/spiritbreaker">Spiritbreaker</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Combo attack on tank — drops a large puddle on completion + huge knockback/knockup.</li><li><span style="color: var(--tank-color); font-weight: 600;">Use a defensive for the channel.</span></li><li><span style="color: var(--tank-color); font-weight: 600;">Move away from group before the final hit.</span></li><li><span style="color: var(--tank-color); font-weight: 600;">Back against a brazier near entrance to prevent knockback, or use mobility to cancel it.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1248863/deathgorged-vessel">Deathgorged Vessel</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Passive group damage + spawns circles to dodge throughout the fight.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1252676/crush-souls">Crush Souls</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Marks 3 players — boss jumps to each (5 yd AoE) and spawns a <a href="https://www.wowhead.com/beta/spell=1252777/soulbind">Soulbind</a> Totem.</li><li><span class="tip">Stack totems close for cleave.</span></li><li><span class="tip">Kill them fast — they channel damage + pull you in.</span></li><li><span class="tip">Stay 3+ yds away from totems.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1253788/soulrending-roar">Soulrending Roar</a> (Intermission) <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>After every even Crush Souls — sends group to bridge gauntlet.</li><li><span class="warn">Destroy ALL totems before this cast or they shatter for heavy damage.</span></li><li>Boss is stunned 45s when you return — save cooldowns.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name">Bridge Gauntlet <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li><a href="https://www.wowhead.com/beta/spell=1253844/withering-soul">Withering Soul</a> deals increasing damage the longer you're on the bridge.</li><li>Dodge Lost Souls.</li><li><span class="tip">Interrupt/CC all 6 <a href="https://www.wowhead.com/beta/spell=1254010/eternal-suffering">Eternal Suffering</a> Malignant Souls for +25% damage/healing/speed (stacking).</span></li><li><span class="tip">Leave the last one for the tank to pop just before re-entering the boss arena to refresh the buff.</span></li></ul></div>
</div>
</div>
</div>
</section>
<section id="windrunner-spire" class="dungeon-page" style="display:none">
<!-- Dungeon Header -->
<div class="dungeon-header">
<img src="assets/windrunner_spire_header.jpg" alt="Windrunner Spire">
<div class="dungeon-header-text">
<h1>Windrunner Spire</h1>
<p>Two branching wings before a linear final stretch — choose Emberdawn (north) or Derelict Duo (south) first</p>
</div>
</div>
<!-- ══════════════════════════════════════════ -->
<!-- STARTING TRASH -->
<!-- ══════════════════════════════════════════ -->
<div class="trash-section">
<div class="trash-header">Entrance — Starting Trash</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Dutiful Groundskeeper</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1216133/shear-armor">Shear Armor</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Stacking debuff from melee hits. Use defensives or kite as stacks build.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Restless Steward</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1216135/spirit-bolt">Spirit Bolt</a> — random target cast. Keep as many interrupts on this as possible.</li>
<li><a href="https://www.wowhead.com/beta/spell=1216298/soul-torment">Soul Torment</a> — debuffs 2 players. Magic dispel one ASAP, other player use defensives.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Spellguard Magus <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1216250/arcane-salvo">Arcane Salvo</a> — group damage. Healers be ready.</li>
<li><a href="https://www.wowhead.com/beta/spell=1253683/spellguards-protection">Spellguard's Protection</a><span style="color: var(--tank-color); font-weight: 600;">TANK: At 50% HP drops a 99% DR zone. Move the mob and pack away immediately.</span></li>
</ul>
</div>
</div>
<div class="section-divider"></div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 1 — EMBERDAWN -->
<!-- ══════════════════════════════════════════ -->
<!-- Emberdawn Trash -->
<div class="trash-section">
<div class="trash-header">North Wing — Trash Before Emberdawn</div>
<div class="mob-card">
<div class="mob-name">Territorial Dragonhawk</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1216848/fire-spit">Fire Spit</a> — channels into random player. CC the mob to stop it.</li>
<li><a href="https://www.wowhead.com/beta/spell=1216860/bolstering-flames">Bolstering Flames</a> — self-buff. Purge it off if available.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Spindleweb Hatchling</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1216834/acidic-demise">Acidic Demise</a> — drops puddle on death. Move out.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Creeping Spindleweb</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1216822/poison-spray">Poison Spray</a> — random target. Use poison dispels to remove.</li>
<li><a href="https://www.wowhead.com/beta/spell=1216834/acidic-demise">Acidic Demise</a> — drops puddle on death. Move out.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Apex Lynx <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1216985/puncturing-bite">Puncturing Bite</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Use a defensive or bleed cleanse.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1217010/ferocious-pounce">Ferocious Pounce</a> — leaps between 3 players. Loosely spread near the pack to avoid splashing.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Scouting Trapper</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1219224/freezing-trap">Freezing Trap</a> — throws at random players. Avoid it.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Bloated Lasher</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1216819/fungal-bolt">Fungal Bolt</a> — random target. Keep interrupts on this.</li>
<li><a href="https://www.wowhead.com/beta/spell=1216963/spore-dispersal">Spore Dispersal</a> — heavy group damage + empowers nearby Pesty Lashlings for 8s. <span style="color: var(--tank-color); font-weight: 600;">TANK: Use defensives during the empowered melee window.</span></li>
</ul>
</div>
</div>
<!-- Boss 1 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/emberdawn_boss_fight.jpg" alt="Emberdawn">
<div class="boss-header-text">
<div class="boss-number">Boss 1 · North Wing</div>
<h2>Emberdawn</h2>
<div class="boss-subtitle">Alternating boss phase and dodge-heavy Burning Gale intermission</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=466064/searing-beak">Searing Beak</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li><span class="warn">Time your defensive to cover the initial hit and the DoT that follows.</span></li></ul></div>
</div>
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1217762/fire-breath">Fire Breath</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>4 frontals during intermission.</li><li><span class="warn">First always aims at tank.</span></li><li>Dodge sideways — remaining breaths rotate to cover the room.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=466556/flaming-updraft">Flaming Updraft</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Debuffs 2 players — explodes after 6s leaving fire.</li><li><span class="tip">Drop patches at the outer edges of the room before intermission.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=465904/burning-gale">Burning Gale</a> (Intermission) <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>At 100 energy — 16s of heavy fire damage.</li><li>Flaming Updraft puddles shoot <a href="https://www.wowhead.com/beta/spell=469633/flaming-twisters">Flaming Twisters</a> every 4s.</li><li><span class="warn">Stay close to boss to minimize dodging.</span></li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 2 — DERELICT DUO (KALIS & LATCH) -->
<!-- ══════════════════════════════════════════ -->
<!-- Derelict Duo Trash -->
<div class="trash-section">
<div class="trash-header">South Wing — Trash Before Derelict Duo</div>
<div class="quick-ref">
<strong>Route:</strong> After Emberdawn, click the Soul Conduit to return to the start, then head south.
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Windrunner Soldier</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1216462/precise-cut">Precise Cut</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Stacking debuff from melee. Use CCs or kite as needed.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Ardent Cutthroat</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=473794/poison-blades">Poison Blades</a><span style="color: var(--accent-red);">interrupt EVERY cast.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=473868/shadowrive">Shadowrive</a> — targets random player. Stay close to the pack for cleave.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Fervent Apothecary</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=473647/phial-toss">Phial Toss</a> — avoid the AoE and puddle.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Zealous Reaver</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=473640/fierce-slash">Fierce Slash</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Bonus damage on melee hits. Watch for spikes.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Devoted Woebringer <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=473657/shadow-bolt">Shadow Bolt</a> — random target. Keep as many interrupts on this as possible.</li>
<li><a href="https://www.wowhead.com/beta/spell=473668/pulsing-shriek">Pulsing Shriek</a> — shielded channel. Focus the mob to break the shield and interrupt ASAP.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Flesh Behemoth <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=473776/fetid-spew">Fetid Spew</a> — loosely spread to avoid cleaving allies. Drop puddles out of the way.</li>
<li><a href="https://www.wowhead.com/beta/spell=1277799/brutal-chop">Brutal Chop</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Use a defensive for this cast.</span></li>
</ul>
</div>
</div>
<!-- Boss 2 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/derelict_duo_boss_fight.jpg" alt="Derelict Duo">
<div class="boss-header-text">
<div class="boss-number">Boss 2 · South Wing</div>
<h2>Kalis & Latch</h2>
<div class="boss-subtitle">Duo fight — cleave evenly, use Latch's hook to interrupt Kalis's shriek</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=472888/bone-hack">Bone Hack</a> (Latch) <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li><span class="warn">Tank channel — use a defensive for the full duration.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1219551/broken-bond">Broken Bond</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li><span class="warn">If one dies, the other gains stacking buff.</span></li><li>Cleave them down evenly.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=472724/shadow-bolt">Shadow Bolt</a> (Kalis) <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Random target cast.</li><li>Keep an interrupt rotation so it never goes off.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=474105/curse-of-darkness">Curse Of Darkness</a> (Kalis) <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Debuffs 2 players, spawning Dark Entity fixates for 12s.</li><li>Dispel curse ASAP or CC/kite the adds.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=472736/debilitating-shriek">Debilitating Shriek</a> / <a href="https://www.wowhead.com/beta/spell=472795/heaving-yank">Heaving Yank</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Kalis channels at 100 energy — ramping shadow damage.</li><li><span class="warn">Clear a path for Latch's Heaving Yank hook to hit Kalis and stun her for 6s.</span></li><li>Yank target must stand behind Kalis.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=472745/splattering-spew">Splattering Spew</a> (Latch) <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Circle around all players — applies DoT and leaves growing puddles.</li><li>Loosely spread, overlap circles to conserve space.</li><li><span class="warn">Don't drop directly on existing puddles — double damage on initial hit.</span></li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 3 — COMMANDER KROLUK -->
<!-- ══════════════════════════════════════════ -->
<!-- Commander Kroluk Trash -->
<div class="trash-section">
<div class="trash-header">The Spire — Trash Before Commander Kroluk</div>
<div class="quick-ref">
<strong>Route:</strong> After Derelict Duo, use the Soul Conduit to return to start. A new path opens toward Kroluk (location varies by kill order).
</div>
<div class="mob-card">
<div class="mob-name">Swiftshot Archer</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1216419/shoot">Shoot</a> — random target. Watch for extra incoming damage.</li>
<li><a href="https://www.wowhead.com/beta/spell=472556/arrow-rain">Arrow Rain</a> — avoid circles or CC to stop the channel.</li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Phalanx Breaker <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=471648/break-ranks">Break Ranks</a> — charges a random player. Aim at a wall to maximise cleave, step out of the effect.</li>
<li><a href="https://www.wowhead.com/beta/spell=471643/interrupting-screech">Interrupting Screech</a> — AoE hit. Stop spellcasting when this goes off.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Haunting Grunt</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=467815/intercepting-charge">Intercepting Charge</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Charges if you leave melee range. Stay in melee or be ready for the gap close.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Spectral Axethrower</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1217094/throw-axe">Throw Axe</a> — random target bleed. Use defensives/bleed cleanse. Chain AoE CCs to delay casts.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Loyal Worg</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1253739/shred-flesh">Shred Flesh</a><span style="color: var(--tank-color); font-weight: 600;">TANK: Applies healing absorb. Use defensives, bleed cleanse, or self-healing.</span></li>
</ul>
</div>
<div class="mob-card">
<div class="mob-name">Lingering Marauder</div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1216643/gore-whirl">Gore Whirl</a> — AoE channel. Dodge or CC to stop it.</li>
</ul>
</div>
<div class="mob-card tank-relevant">
<div class="mob-name">Phantasmal Mystic <span style="color: var(--accent-red); font-size: 12px;">(Immune to CC)</span></div>
<ul class="mob-abilities">
<li><a href="https://www.wowhead.com/beta/spell=1251981/chain-lightning">Chain Lightning</a><span style="color: var(--accent-red);">interrupt EVERY cast.</span></li>
<li><a href="https://www.wowhead.com/beta/spell=1270620/flame-nova">Flame Nova</a> — group-wide damage. Watch when combined with other damage sources.</li>
<li><a href="https://www.wowhead.com/beta/spell=1216459/ephemeral-bloodlust">Ephemeral Bloodlust</a> — at 50% HP enrages all nearby mobs. <span style="color: var(--tank-color); font-weight: 600;">TANK: Soothe this mob or Axethrowers to reduce damage.</span></li>
</ul>
</div>
</div>
<!-- Boss 3 -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/commander_kroluk_boss_fight.jpg" alt="Commander Kroluk">
<div class="boss-header-text">
<div class="boss-number">Boss 3</div>
<h2>Commander Kroluk</h2>
<div class="boss-subtitle">Controllable leaps on furthest target, fear mechanic, and add phases at 66%/33%</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=467620/rampage">Rampage</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li><span class="warn">Tank channel — have a defensive ready for the full duration.</span></li></ul></div>
</div>
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=472043/rallying-bellow">Rallying Bellow</a> (Add Phase) <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>At 66% and 33% — spawns 4 Haunting Grunts, 1 Spectral Axethrower, 1 Phantasmal Mystic.</li><li>Boss gains 99% DR and <a href="https://www.wowhead.com/beta/spell=470963/bladestorm">Bladestorms</a>.</li><li><span style="color: var(--tank-color); font-weight: 600;">TANK: Pick up Grunts, group everything together.</span></li><li><span style="color: var(--tank-color); font-weight: 600;">Grip or drag Mystic to the immobile Axethrower.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=472054/reckless-leap">Reckless Leap</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Two back-to-back leaps on furthest target (AoE + DoT + circles).</li><li><span class="tip">Stack group in melee, have one player with a defensive bait the first leap — second always hits the tank.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1253026/intimidating-shout">Intimidating Shout</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>After leaps — fears anyone not near an ally for 6s.</li><li><span class="warn">Stack with a partner (one melee point, one ranged) while dodging remaining leap circles.</span></li></ul></div>
</div>
</div>
</div>
<div class="section-divider"></div>
<!-- ══════════════════════════════════════════ -->
<!-- BOSS 4 — THE RESTLESS HEART -->
<!-- ══════════════════════════════════════════ -->
<!-- Boss 4 (no trash section — Soul Conduit teleports directly to final boss) -->
<div class="boss-section">
<div class="boss-header">
<img src="assets/the_restless_heart_boss_fight.jpg" alt="The Restless Heart">
<div class="boss-header-text">
<div class="boss-number">Boss 4 · Final Boss</div>
<h2>The Restless Heart</h2>
<div class="boss-subtitle">Manage Squall Leap stacks, use arrows to clear debuffs and dodge the full-energy shockwave</div>
</div>
</div>
<div class="abilities-grid">
<div class="ability-card tank-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=472662/tempest-slash">Tempest Slash</a> <span class="role-tag tank">Tank</span></div>
<div class="ability-desc"><ul><li>Heavy hit + large knockback + physical damage taken increase.</li><li><span class="warn">Use a defensive and cancel the knockback</span> (or position against a wall).</li><li><span class="tip">Aim knockback into an arrow to cancel it and clear Squall Leap stacks.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1216042/squall-leap">Squall Leap</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Permanent DoT gained when boss repositions.</li><li>Remove by stepping on a <a href="https://www.wowhead.com/beta/spell=1253977/turbulent-arrows">Turbulent Arrow</a> (launches you up, arrow becomes puddle).</li><li><span class="tip">Don't be afraid to clear stacks early if damage is dangerous.</span></li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=1253986/gust-shot">Gust Shot</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>AoE hit + DoT on non-tanks.</li><li>Clears arrow puddles it overlaps.</li><li>Loosely spread to remove as many puddles as possible.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=468429/bullseye-windblast">Bullseye Windblast</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Full energy — boss leaps to edge, shockwave sweeps across arena.</li><li><span class="warn">Step on an arrow to launch above the wave, or use Blink/teleport.</span></li><li>Stuns for 5s and applies heavy DoT if hit.</li></ul></div>
</div>
<div class="ability-card everyone-important">
<div class="ability-name"><a href="https://www.wowhead.com/beta/spell=474528/bolt-gale">Bolt Gale</a> <span class="role-tag everyone">Everyone</span></div>
<div class="ability-desc"><ul><li>Frontal channel on random player.</li><li>Targeted player should stand still and use a defensive — everyone else move out of the way.</li></ul></div>
</div>
</div>
</div>
</section>
</main>
<script>
// Tab switching
document.querySelectorAll('.dungeon-tab[href]').forEach(tab => {
tab.addEventListener('click', e => {
e.preventDefault();
document.querySelectorAll('.dungeon-tab').forEach(t => t.classList.remove('active'));
tab.classList.add('active');
document.querySelectorAll('.dungeon-page').forEach(p => p.style.display = 'none');
const target = document.querySelector(tab.getAttribute('href'));
if (target) target.style.display = '';
});
});
</script>
</body>
</html>