```metadata
title: Circle of Upheaval
description: Strike the earth!
tags:
  - 5e
  - druid
  - subclass
systems:
  - 5e
renderer: V3
theme: 5ePHB

```

```css
/* FONT IMPORTS ___________________________________________________ */
/* ________________________________________________________________ */

@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/9ded8e9218840d6a746b5944f070cdce0d55150e/PHBFonts.css');

@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/6ade797a215521264f7a7aca9355489333d9caba/EberronFonts.css');

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
  unicode-range: U+2E80-FFFF;
}

/* ________________________________________________________________ */

/* INSTRUCTIONS FOR CHANGING THEME COLORS:
The Player's Handbook changes the colors of its page stains, footer image, notes, tables, and drop cap letters depending on what chapter you're in. The default color is yellow, and the other themes (in order) are green, blue, and purple. 

To change the color theme in this document, you just need to put the following somewhere on the page you want to change:

{{green}}

Or, if you want a slightly cleaner way to do it, I like to put the "green" class in the page number code, like the following:

{{pageNumber,auto,green}}

The same goes for the themes below, just use the color "blue" or "purple", respectively. Again, yellow will be the color theme by default. */


/* MINOR TWEAKS ___________________________________________________ */

/* PAGE MARGIN */
.page {
	padding-bottom	: 0px;
}

/* HEADERS */

/*
.page h1, 
.page h2, 
.page h3, 
.page h4, 
.page h5 {
	letter-spacing  : 1px;
  font-weight     : normal;
}
.page h5 {   
  font-weight     : bold;
  text-shadow	    : #000 0px 0px 0.1px; 
}
*/

.page h5 {
  font-family: 'ScalySansSmallCapsRemake', 'Noto Sans JP', sans-serif;
}

/* IMAGES */
.page img:not(.logo img):not(.frontcredit img) {
	position		: absolute;
	user-select	: none;
}

/* DROP CAP */
.page h1+p::first-letter {
	background-position	: 10px;
}

/* NOTES */
/*
.page .note { 
	margin   : 4mm 0 1mm;
}
*/

/* SMALL CAPS */
.page caps {
	font-variant    : small-caps;
}

/* FOOTNOTE */
.page:not(.page:has(.frontCover)) .footnote:not(.credits .footnote) {
	bottom					: 44px;
	color						: #af9060;
	text-transform	: uppercase;
}

/* PAGE NUMBER */
.page .pageNumber {
	bottom			    : 28px;
	color				    : #af9060;
	font-size		    : 13px;
}

/* MONSTER STATBLOCK */
.page .monster table tr:nth-child(odd) td {
	background-color	: transparent !important;
}

/* SMALL CAPS */
.page caps {
	font-variant	: small-caps;
}
.page .backcover caps {
	font-size			: 120%;
}

/* HYPERLINKS */
.page a {
	text-decoration	: none;
	color				    : #af9060;  
}
.page a:hover{
	text-decoration	: underline;
}
.logo a {
  color : white;
}

/* ARTIST CREDITS */
.page .artist {
  position          : absolute !important;
	transform-origin	: bottom left;
  text-align        : left;
	font-family			  : ScalySansSmallCapsRemake;
	font-size				  : 13px;
  text-transform    : lowercase;
	color							: #af9060;
}

/* QUOTE */
.page .quote {
	font-family 		: Cormorant;
	font-size				: 15.2px;
	margin-top			: 6px;
	padding-bottom	: 4px;
}
.page .quote::first-line {
	font-variant 		: small-caps;
	font-family 		: BookInsanityRemake;
	font-size				: 14.5px;
	line-height			: 15px;
	font-weight			: 100;
}
.page .quote p:not(p:last-child) {
	font-weight			: 800;
}
.page .quote.author p:last-child {
	font-family 		: BookInsanityRemake;
	font-size				: 0.34cm;
	margin-top			: 4px;
	text-align			: right;
}
.page .quote p:last-child em {
	font-family 		: Cormorant;
	font-size				: 15.2px;
	font-weight			: 800;
}


/* DECALS___________________________________________________________ */
/* _________________________________________________________________ */

/* ARCH */
.page .arch {
	background-image			: url(https://i.imgur.com/7vdgqo0.png); 
	background-blend-mode	: multiply;
	background-repeat			: no-repeat;
	position							: absolute;
	background-size				: 100%;
	height								: 100%;
	top										: 0px;
	left									: 0px;
	z-index								: -1;
}

/* DECAL */
.page:has(.decal):after {
	background-image			: url(https://i.imgur.com/jTfNJHB.png); 
	background-repeat			: no-repeat;
	position							: absolute;
	bottom								: 0px;
	background-size				: 100%;
	height								: 266px;
	left									: 0px;
	z-index								: -1;
}
.page:has(.decal):nth-child(even):after {
	background-image			: url(https://i.imgur.com/Hb5nu51.png);
  transform             : ScaleX(1);
}
.page:has(.decal) {
	padding-bottom	      : 250px;
}

/* FULL PAGE IMAGE */
.page:has(.fullpage):after {
	height						: 100%;
	background-image	: url(https://i.imgur.com/LoH0q5w.png);
	background-size		: 100% 100%;
	opacity						: 85%;
	transform         : scaleX(1);
}
.page:nth-child(odd):has(.fullpage):after{
	transform         : scaleX(-1);
}
.page .fullpage img {
	top					      : 0; 
	left				      : 0; 
	min-height			  : 100%;
	width		          : 100%;
}


/* COLORS/THEMES____________________________________________________ */
/* _________________________________________________________________ */

/* YELLOW/DEFAULT THEME */
/*
.page h1+p::first-letter {
	background-image	: linear-gradient(-65deg, #766032, #766032, #cbb680, #766032, #766032);
}
.page .note,
.page table:not(.monster table) tr:nth-child(odd) td {
	background-color	: #e4d6af;
}
.page [class*="watercolor"] {
	background-color	: #cfbc81 !important;
}
.page:after {
	height           	: 67px;
	background-image	: url(https://i.imgur.com/vMFhnx3.png);
}
*/

/* GREEN THEME */
.page:has(.green) h1+p::first-letter {
	background-image  : linear-gradient(-65deg, #4a5436, #55603e, #a5b270, #55603e, #4a5436);
}
.page:has(.green) .note,
.page:has(.green) table:not(.monster table) tr:nth-child(odd) td {
	background-color	: #dbe3ba;
}
.page:has(.green) [class*="watercolor"] {
	background-color	: #697b37 !important;
}
.page:has(.green):after {
	background-image	: url(https://i.imgur.com/eYgN4l2.png);
}

/* BLUE THEME */
.page:has(.blue) h1+p::first-letter {
	background-image	: linear-gradient(-65deg, #3a6c61, #3a6c61, #80b19d, #3a6c61, #3a6c61);
}
.page:has(.blue) .note,
.page:has(.blue) table:not(.monster table) tr:nth-child(odd) td {
	background-color	: #c9e4d8;
}
.page:has(.blue) [class*="watercolor"] {
	background-color	: #318c78 !important;
}
.page:has(.blue):after {
	background-image	: url(https://i.imgur.com/vXXoGxK.png);
}

/* PURPLE THEME */
.page:has(.purple) h1+p::first-letter {
	background-image  : linear-gradient(-65deg, #5d2966, #5d2966, #be89b7, #5d2966, #5d2966);
}
.page:has(.purple) .note,
.page:has(.purple) table:not(.monster table) tr:nth-child(odd) td {
	background-color	: #e6dbe6;
}
.page:has(.purple) [class*="watercolor"] {
	background-color	: #b266b7 !important;
}
.page:has(.purple):after {
	background-image	: url(https://i.imgur.com/xAb2UjA.png);
}


/* FRONT COVER _____________________________________________________ */
/* _________________________________________________________________ */
.page:has(.frontCover) {
  padding-top     : 90px;
}

.page:has(.frontCover) .logo {
  filter          : unset;
}

.page:has(.frontCover) .logo img {
  width           : auto;
  height          : 70px;
}

.page:has(.frontCover) h1 {
  filter          : unset;
  --shadow-x0					: #000 0px 0px 3.5px;
	--shadow-x1					: var(--shadow-x0), var(--shadow-x0), var(--shadow-x0);
	--shadow-x2					: var(--shadow-x1), var(--shadow-x1), var(--shadow-x1);
	--shadow-x3					: var(--shadow-x2), var(--shadow-x2), var(--shadow-x2);
	text-shadow					: var(--shadow-x3), var(--shadow-x3), var(--shadow-x3);
  font-family					: Nodesto;
  transform						: scaleX(0.94);
  margin-top      : 2px;
  margin-bottom   : 3px;
  font-size       : 6.6em;
}

.page:has(.frontCover) hr {
	margin          : 3px auto;
  width           : 450px;
  transform       : scaleY(90%);
}

.page:has(.frontCover) h2,
.page:has(.frontCover) h3 {
  filter          : unset;
  --shadow-x0			: #000 0px 0px 2.5px;
	--shadow-x1			: var(--shadow-x0), var(--shadow-x0), var(--shadow-x0);
	--shadow-x2			: var(--shadow-x1), var(--shadow-x1), var(--shadow-x1);
	--shadow-x3			: var(--shadow-x2), var(--shadow-x2), var(--shadow-x2);
	text-shadow			: var(--shadow-x3), var(--shadow-x3), var(--shadow-x3);
	font-family     : 'Modesto Expanded';
  font-size       : 0.8cm;
  letter-spacing  : 0.1cm;
  margin-top      : 10px;
  transform       : ScaleX(0.8);
}

.page:has(.frontCover) h3 {
  color           : white;
  border-bottom   : none;
  font-size       : 0.64cm;
}

.page:has(.frontCover) .footnote {
  filter          : unset;
  -webkit-text-stroke	: 0.2px black;
	--shadow-x0					: #000 0px 0px 1.8px;
	--shadow-x1					: var(--shadow-x0), var(--shadow-x0), var(--shadow-x0);
	--shadow-x2					: var(--shadow-x1), var(--shadow-x1), var(--shadow-x1);
	text-shadow					: var(--shadow-x2), var(--shadow-x2), var(--shadow-x2);
	font-family		  : VeraCruz;
  z-index         : 1;
  letter-spacing  : 1px;
	width						: fit-content;
  transform       : ScaleX(0.9);
}

.page:has(.frontCover) .banner {
  bottom							: 157px;
	height							: 67px;
	width								: 100%;
  background-image    : url('https://i.imgur.com/KiAk59C.png');
  background-size     : 400px;
  background-repeat   : no-repeat;
}

      .page small {
        position			  : relative;
        text-transform  : lowercase;
        bottom				  : 10px;
        font-size			  : 90%;
      }
      
  .page:has(.frontCover) .emblem,
  .page:has(.frontCover) .color {
    position					  : absolute;
    top								  : 0; 
    left							  : 0;
    background-size		  : 100% 100%;
    background-repeat	  : no-repeat;
  }
  .page:has(.frontCover) .color {
    height						  : 19px;
    width							  : 650px;
    background-color	  : black;
    opacity						  : 75%;
    z-index						  : -1;
    -webkit-mask-image  : url(https://i.imgur.com/bURATrX.png);
    -webkit-mask-size	  : 100% 100%;   
  }
  .page:has(.frontCover) .emblem {
    height						  : 80px;
    width							  : 340px;
    z-index						  : 0;
    background-image	  : url(https://i.imgur.com/y2xctk4.png);
  }
  .page:has(.frontCover) .emblem img {
    left							  : 20px;
    top								  : 0;
    min-width					  : unset;
    max-width					  : 50%;
    max-height				  : 100%;
    z-index						  : 1;
  }


/* INSIDE COVER ____________________________________________________ */
/* _________________________________________________________________ */

.page:has(.insideCover) {
  padding-top     : 75px;
}

.page:has(.insideCover) h1 {
  margin-top      : -6px;
	font-size				: 2.3cm;
  letter-spacing  : 0px;
}

.page:has(.insideCover) h2,
.page:has(.insideCover) h3 {
	font-family     : 'Modesto Expanded';
	letter-spacing	: 0.8px;
  font-size       : 0.8cm;
 	border-bottom   : unset;
  margin          : 10px -72px 20px;
}

.page:has(.insideCover) h3 {
  font-size       : 0.67cm;
}

.page:has(.insideCover) hr {
	margin		      : 12px auto;
  width           : 10cm;
}


/* CREDITS PAGE ____________________________________________________ */
/* _________________________________________________________________ */

.page:has(.credits) h1+p::first-letter, 
.page:has(.credits) h1+p::first-line,
.page:has(.credits):after {
	all	      : unset;
}

.page:has(.credits) h1 {
	font-size	: 40px;
}

.page:has(.credits h2), 
.page:has(.credits h5) {
	margin-bottom	:14px;
}

.page:has(.credits) p {
	font-family	: Martel_SansRegular;
	font-style	: normal;
	font-size		: 0.83em;
	line-height	: 1.5em;
	text-indent	: -1em; 
	margin-left	: 1em;
}

.page:has(.credits) strong {
	font-family	: Martel_SansExtraBold;
}

    .page .frontcredit {
			position						: relative;
			right								: 10px;
			width               : 340px;
			height              : 240px;
			margin-top					: 15px;
			margin-bottom				: 110px;
		}

		.page .frontcredit {
			position						: relative;
			right								: 10px;
			width               : 340px;
			height              : 240px;
			margin-top					: 15px;
			margin-bottom				: 100px;
			border-image-source : url(https://i.imgur.com/SbHwJ7t.png);
			border-image-slice  : calc(50 / 150 * 110%) calc(80 / 230 * 100%) fill;
			border-image-width  : 50px;
			border-image-outset : 3px 4px;
		}

		.page .frontcredit img {
			position							: relative;
			display								: block;
			top										: 1px;
			right									: 0px;
			min-width							: 100%;
			height								: 238px;
			-webkit-mask-image		: url(https://i.imgur.com/2N37Q4V.png);
			-webkit-mask-position	: middle;
			-webkit-mask-size			: 340px 240px;
			-webkit-mask-repeat		: no-repeat;
      z-index               : -1;
		}

		.page .frontcredit h5 {
			margin-top		: 10px;
			margin-bottom	: -2px;
		}

		.page .frontcredit p {
			text-indent	: 0em; 
			margin-left	: 0em;
		}

.credits .footnote {
	bottom					: 20px;
	left						: 0px;
	width						: 100%;
	font-size				: 1em;
	text-transform	: none;
	text-align			: left;
	color						: black;
}

.credits .footnote p {
	padding			: 4.5em;
	text-indent	: 0px;
}


/* CHAPTER COVER PAGE CODE__________________________________________ */
.page:has(.partCover) h1 {
	font-size				: 8.5em;
  margin          : 8px 5px -2px;
  transform       : ScaleY(0.9);
  letter-spacing  : -1px;
}

.page:has(.partCover) h2 {
	font-family			: 'Overpass Bold';
	font-size				: 1.35em;
	letter-spacing	: 0;
  font-weight     : 900;
}


/* BACK COVER CODE__________________________________________________ */
/* _________________________________________________________________ */

/* Feel free to change the "rgba" values to whatever color you'd like (I recommend using https://www.hexcolortool.com/ to pick a color) */

.page:has(.backCover) {
  height: 816px;
}

.page:has(.backCover) .columnWrapper {
  width: 8.1cm;
}

.page:has(.backCover)	.backCover {
	filter	          : drop-shadow(0px 0px 45px rgba(235, 213, 183, 0.6));
  background-size   : 50%;
  left              : -1px;
}

.page:has(.backCover) h1 {
  letter-spacing  : -1px;
  font-weight     : normal;
	font-size				: 480%;
  line-height			: 0.9em;
}

.page:has(.backCover) hr + p {
  margin-top  : .4cm;
}

.page:has(.backCover) .blank {
  height      : 1em;
}

.page:has(.backCover) p {
	font-family	: 'Noto Sans JP', martel_sanssemibold, sans-serif;
	font-size		: 12.6px;
	line-height	: 1.8em;
	text-indent	: 0;
}

.page:has(.backCover) caps {
	font-size		: 125%;
}

/* Table column sizing. */

.page .subclassTable td:nth-child(1) {
  width: 28.5%;
}

/* Page configuration. */

:root {
    --HB_Color_HeaderText: #145425;
    --HB_Color_HeaderUnderline: #dabd63;
    --HB_Color_Accent: #fff5bc;
    --HB_Color_CaptionText: #909048;
}

.page::after {
  all: unset;
}

::selection {
  background: #5e804a;
  color: white;
}

img {
  pointer-events: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.page {
  hyphens: auto;
}

/* Flexbox settings. */

.textcolumn {
  display: flex !important;
  flex-direction: column-reverse;
  height: 938px;
}
```

{{frontCover}}

{{logo ![](https://i.imgur.com/kKd8mdW.png)}}

# Circle of Upheaval
___

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

{{banner}}

{{footnote
A Calamitous, Earth-Shattering Druid Subclass <br> for the World's Greatest Roleplaying Game
}}

![background image](https://files.catbox.moe/gmz5rm.jpg){top:0,right:0,width:100%}


\page

{{textcolumn

{{
### Circle of Upheaval

Druids of the Circle of Upheaval embody the element of earth, not as a steadfast protector, but as a destructive agent of change. Their abilities are similarly turbulent, capable of upending even the sturdiest of foundations.
___
{{subclassTable
| Druid Level | Features                        |
|:-----------:|:--------------------------------|
| 2nd         | Circle Spells, Tectonic Rift    |
| 6th         | Shattering Bulwark              |
| 10th        | Seismic Amplitude               |
| 14th        | World Shaking                   |
}}

#### Circle Spells
*2nd-level Circle of Upheaval feature*
___
Your ties to the tumultuous ground grants you access  
to certain spells. You learn *mold earth* (or another  
Druid cantrip of your choice if you already know  
the spell), and modify it in the following ways:
___
- You can use your bonus action to cast this spell.
- The spell can manipulate an area as large as a 10-foot cube at 5th level, a 15-foot cube at 11th level, and a 20-foot cube at 17th level.
- You can target any kind of ground within range for the puposes of causing it to become difficult terrain.
___

At certain Druid levels, you gain access to the spells in the table below. They count as Druid spells for you, and you always have them prepared, but they don’t count against the total number of spells you prepare each day.
___
{{subclassTable
| Druid Level | Spells                                |
|:-----------:|:--------------------------------------|
| 3rd         | *Maximilian's earthen grasp, shatter* |
| 5th         | *erupting earth, thunder step*        |
| 7th         | *freedom of movement, stone shape*    |
| 9th         | *destructive wave, transmute rock*    |
}}

#### Tectonic Rift
*2nd-level Circle of Upheaval feature*
___
As an action, you can expend a use of Wild Shape to compel the earth to split, creating a fissure that extends out from an area of difficult terrain within 30 feet of you.

The fissure is 10 feet deep, up to 10 feet wide and up to 30 feet long. A creature standing in its area when it opens must succeed on a Dexterity saving throw against your spell save DC or fall in. On a success, the creature moves with the fissure’s edge as it opens.

#### Shattering Bulwark
*6th-level Circle of Upheaval feature*
___
As a reaction, immediately before a creature within 30 feet of you takes damage, you can encase it in volatile stone armor, granting it resistance to all damage except psychic damage until the end of your next turn.

If the target is hit with a melee attack while it is encased in this way, the armor emits a shockwave in retaliation, dealing 1d8 thunder damage to the attacker.

You can use this feature a number of times equal to your Wisdom modifier (minimum of once), and you regain all expended uses when you finish a long rest.
}}

}}

{{textcolumn

{{

{{note,position:relative,width:100%,left:0px,top:-10px,z-index:2,user-select:none
##### Unbreakable - Terra's Theme (Click to Play!)
{text-align:center,color:black}
<audio loop controls style="position:relative;height:20px;width:100%;margin-bottom:-5px;color-scheme:dark;pointer-events:auto"><source src="https://files.catbox.moe/tswea5.mpeg"></audio>
}}

#### Seismic Amplitude
*10th-level Circle of Upheaval feature*
___
When you create a fissure using your Tectonic Rift feature, you can expend two uses of Wild Shape at the same time to double its maximum size in every direction. The fissures that you create using your Tectonic Rift feature also gain the following properties:
___
- You can close the fissure as a bonus action. Each creature inside the fissure at the time is restrained by the ground. A creature restrained in this way can use its action to make a Strength check against your spell save DC. On a success, it frees itself.
- Structures directly on top of the fissure when it opens take 5d10 bludgeoning damage.

#### World Shaking
*14th-level Circle of Upheaval feature*
___
As a bonus action, you can become a walking nexus of tectonic destruction for 1 minute. While in this form, the ground within 30 feet of you becomes difficult terrain. Creatures of your choice can ignore these effects.

When a creature enters this difficult terrain, starts its turn there, or takes thunder damage while standing there, you can force it to succeed on a Dexterity saving throw against your spell save DC or fall prone.

Once you use this feature, you can't use it again until you finish a long rest, unless you expend a spell slot of 5th level or higher to use it again.

}}

}}

::::::::::::::::

![upheaval](https://files.catbox.moe/d7sxen.png) {position:absolute,bottom:560px,left:355px,width:60%,z-index:0}

{{artist,top:795px,right:90px,visibility:hidden
###### Amdera
[Zifu](https://m.weibo.cn/detail/4909595367312092)
}}

\page

{{backCover}}

![](https://files.catbox.moe/ylgoca.png){position:relative,z-index:1,left:25%,width:50%,margin-top:-20%}

# Circle of Upheaval

___
{margin-top:5px}

A catastrophic Druid subclass that leaves the earth shattered and trembling in its wake.
:
Version 1.0 - Created by [/u/Korvinagor](https://www.reddit.com/user/Korvinagor)
{text-align:center}
:
Artist Credits:
{font-family:martel_sansextrabold}

Front Cover - アノ華咲クヤ, [NEKO](https://www.pixiv.net/en/artworks/35872256)

Subclass - Amdera, [Zifu](https://m.weibo.cn/detail/4909595367312092)

Back Cover - 🐯, [ししみ](https://www.pixiv.net/en/artworks/98508094)
___
{margin-top:20px}

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

![background image](https://files.catbox.moe/uainue.png){position:absolute,bottom:0,left:330px,height:100%}

{{logo,left:60px
![](/assets/naturalCritLogoWhite.svg)

[homebrewery.naturalcrit.com](https://homebrewery.naturalcrit.com)
{pointer-events:auto}
}}