< type="text/css">:root { --toc-bg-image-base: url("https://www.dndbeyond.com/attachments/0/84/background_texture.png"); --toc-bg-image-1024: url("https://media.dndbeyond.com/compendium-images/phb/ui/free-rules-toc-1k.jpg"); --toc-bg-image-1921: url("https://media.dndbeyond.com/compendium-images/phb/ui/free-rules-toc-2k.jpg"); --toc-bg-image-2561: url("https://media.dndbeyond.com/compendium-images/phb/ui/free-rules-toc-4k.jpg"); --cover-art-button: #1c9aef; --cover-art-button-hover: #0e7eca; --secondary-toc-button: #20433f; --secondary-toc-button-hover: #defaf7; --secondary-toc-button-hover-border: #2f635d; --primary-toc-header: #7C1911; --secondary-toc-header: #232B2F; --toc-text-hover: #9F271D; } /* ToC image resolutions */ @media (min-width: 1024px) { body { background: var(--toc-bg-image-1024) no-repeat center 114pxurl("https://www.dndbeyond.com/attachments/0/84/background_texture.png") #f9f9f9; } } @media (min-width: 1921px) { body { background: var(--toc-bg-image-1921) no-repeat center 114pxurl("https://www.dndbeyond.com/attachments/0/84/background_texture.png") #f9f9f9; } } @media (min-width: 2561px) { body { background: var(--toc-bg-image-2561) no-repeat center 114pxurl("https://www.dndbeyond.com/attachments/0/84/background_texture.png") #f9f9f9; } } /*This removes the typical post info at the top */ .secondary-content, .p-article-interact, .user-actions, .user-actions .user-actions-page .b-userAction .b-userAction-a covert-list, .p-article-byline, .nav-select, .post .p-article-byline, .page-header__primary { display: none; } /* h1 information */ .header_one { position: relative; z-index: 2; } .header_two { background-image: url("https://dndbeyond.com/attachments/0/116/500darkbar.png"); background-size: 101% 100%; border: 0; padding-left: 15px; margin-top: 32px; } .header_three { display: inline-block; vertical-align: middle; margin-top: 10px; } h1.source { color: #FDFDFD; font-size: 22px; text-transform: uppercase; } /*The compendium ToC block at the top */ .compendium-toc-blockquote { margin-bottom: 40px; display: flex; flex-direction: column; align-items: center; } .compendium-toc-blockquote p:first-child { flex: 1; text-align: left; font-size: 16px; } .body-category-details .section-compendium-content blockquote.compendium-toc-blockquote { margin-top: -10px; } /* Cover art button */ .p-article-a .compendium-toc-blockquote .view-cover-art { font-family: Roboto Condensed; font-size: 15px; font-weight: bold; color: var(--cover-art-button); padding: 10px 20px; text-decoration: none; text-transform: uppercase; text-align: center; min-width: 160px; margin-bottom: 10px; box-shadow: 0 1px 2px rgba(0000.1); transition: all 0.5s cubic-bezier(0.1650.840.441); margin-top: 10px; } .p-article-a .compendium-toc-blockquote .view-cover-art.display-as-button { background: var(--cover-art-button); color: #FDFDFD; border-radius: 4px; } .p-article-a .compendium-toc-blockquote .view-cover-art.display-as-button a { color: #F9FAFA; } .p-article-a .compendium-toc-blockquote .view-cover-art.display-as-button:hover, .p-article-a .compendium-toc-blockquote .view-cover-art.display-as-button:focus { background: var(--cover-art-button-hover); box-shadow: rgba(0000.16) 0px 3px 6pxrgba(0000.23) 0px 3px 6px; transition: all 0.5s cubic-bezier(0.1650.840.441); font-size: 15px; font-weight: 700; } /* Secondary ToC button */ .p-article-a .compendium-toc-blockquote .view-cover-art.display-as-button.button-secondary { background: #FDFDFD; color: var(--secondary-toc-button); border-radius: 4px; box-shadow: rgba(0000) 0px 3px 6pxrgba(0000) 0px 3px 6px; border: 1px solid var(--secondary-toc-button); min-width: 130px; } .p-article-a .compendium-toc-blockquote .view-cover-art.display-as-button.button-secondary a { color: var(--secondary-toc-button); } .p-article-a .compendium-toc-blockquote .view-cover-art.display-as-button.button-secondary:hover, .p-article-a .compendium-toc-blockquote .view-cover-art.display-as-button.button-secondary:focus { background: var(--secondary-toc-button-hover); transition: all 0.5s cubic-bezier(0.1650.840.441); font-size: 15px; font-weight: 700; border: 1px solid var(--secondary-toc-button-hover-border); } /* ******************************** */ .toc-grid { display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fitminmax(205px1fr)); } /** Overall toc container formatting **/ .compendium-toc-full { margin-bottom: 20px; position: relative; padding: 11px 0; display: flex; } .compendium-toc-full::after { content: ""; display: block; background: 0 0 transparent url("https://dndbeyond.com/attachments/0/508/ddb-borders-1180.png") no-repeat; position: absolute; height: 12px; background-size: 100% 12px; right: 0; left: 0; bottom: 0; } /* This is for the toc headers (h2) with dark bars */ .compendium-toc-full-header { position: absolute; top: -8px; left: 0; right: 0; background-image: url("https://dndbeyond.com/attachments/0/507/1180darkbar.png"); background-size: 102% 100%; background-position: -6px; } .compendium-toc-full-header h2 { margin: 0; text-align: left; font-size: 20px; line-height: 30px; font-family: "Roboto Condensed"RobotoHelveticasans-serif; text-transform: uppercase; padding: 5px 15px; color: #FDFDFD; } .compendium-toc-full-header :is(h1h2) a.compendium-toc-full-header :is(h1h2) a:is(:hover:focus:active:visited) { color: #FDFDFD; } /* This is for the toc headers (h1) with dark bars */ .compendium-toc-full-header { position: absolute; top: -8px; left: 0; right: 0; background-image: url("https://dndbeyond.com/attachments/0/507/1180darkbar.png"); background-size: 102% 100%; background-position: -6px; } .compendium-toc-full-header h1 { margin: 0; text-align: left; font-size: 22px; line-height: 30px; font-family: "Roboto Condensed"RobotoHelveticasans-serif; text-transform: uppercase; padding: 5px 15px; color: #FDFDFD; } /* Body text formatting */ .compendium-toc-full-text { -moz-column-count: 1; column-count: 1; padding: 40px 15px 10px; border-left: 1px solid #d4d0ce; border-right: 1px solid #d4d0ce; background: #FDFDFD; height: 100%; flex: 1; font-size: 16px; } .compendium-toc-full-text ul { margin: 0; padding-left: 5px; list-: none; padding-bottom: 0; } .compendium-toc-full-text ul li { /*typically used if we don't link to a page (like for "See Index Below"*/ padding-bottom: 5px; font-size: 16px; color: #72747C; } .compendium-toc-full-text ul li a, .content-container a:visited, .content-container a:active { color: #232B2F; } .compendium-toc-full-text ul li a:hover, .compendium-toc-full-text ul li a:focus { color: var(--toc-text-hover); text-decoration: underline; } .compendium-toc-full-text h2, .compendium-toc-full-text h2 a { color: #181818; font-size: 18px; margin-bottom: 4px; margin-top: 12px; -moz-column-break-inside: avoid; break-inside: avoid; } /*h3 and h4 info*/ .compendium-toc-full-text h3, .compendium-toc-full-text h3 a, .compendium-toc-full-text h3 a:is(:active:visited) { color: var(--primary-toc-header); font-size: 16px; margin-bottom: 4px; margin-top: 16px; -moz-column-break-inside: avoid; break-inside: avoid; } h3+ul>li:first-of-type { break-before: avoid; } .compendium-toc-full-text h4, .compendium-toc-full-text h4 a, .compendium-toc-full-text h4 a:is(:active:visited) { color: var(--secondary-toc-header#232B2F); font-size: 16px; margin-top: 0; margin-bottom: 4px; padding-left: 4px; } .compendium-toc-full-text h3 ~ ul, .compendium-toc-full-text h3 a ~ ul { padding-left: 8px; } .compendium-toc-full-text h4 + ul, .compendium-toc-full-text h4 a + ul { padding-left: 16px; } .compendium-toc-full-text :is(h3h4) a:is(:hover:focus) { color: var(--toc-text-hover); text-decoration: underline; font-weight: 700; } .toc-grid { display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fitminmax(205px1fr)); } /* Book Disclaimer */ .compendium-disclaimer { font-size: 12px; text-transform: uppercase; color: #525C63; border: 1px solid #d1a347; border-radius: 3px; background-color: #F9FAFA; font-weight: bold; font-: italic; padding: 10px 20px; letter-spacing: 0.3px; } .compendium-disclaimer em { font-: normal; padding-left: 3px; } /* indent list item */ .toc--indented { padding-left: 12px; } .toc--increased-indent { padding-left: 16px; } .compendium-toc-full-text ul ul { padding-left: 12px; } .compendium-toc-full-text ul ul ul { padding-left: 16px; } :is(h3.non-interactive) { font-size: 16px; color: #805858; } .dm-text ul { break-inside: avoid-column; } /* this controls the appearance at different screen sizes */ @media (max-width: 1023px) { #site.two-column #content { padding-top: 100px; } br { display: none; } } @media (max-width: 767px) { .compendium-toc-blockquote { min-height: 0; } .p-article-a .compendium-toc-blockquote > a { margin-left: 0; } .p-article-a .compendium-toc-blockquote { flex-direction: column; } } @media (min-width: 551px) { .compendium-toc-full-text { -moz-column-count: 2; column-count: 2; -moz-column-rule: 1px solid rgba(1824280.16); column-rule: 1px solid rgba(1824280.16); } .toc-grid { grid-template-columns: repeat(auto-fitminmax(420px1fr)); } } @media (min-width: 768px) { .compendium-toc-full-text { -moz-column-count: 3; column-count: 3; -moz-column-rule: 1px solid rgba(1824280.16); column-rule: 1px solid rgba(1824280.16); } .toc-grid .compendium-toc-full-text { -moz-column-count: 2; column-count: 2; } } @media (min-width: 1024px) { .compendium-toc-full-text { -moz-column-count: 4; column-count: 4; -moz-column-rule: 1px solid rgba(1824280.16); column-rule: 1px solid rgba(1824280.16); } }

D&D Beyond Basic Rules

D&D Beyond Basic Rules

Everything you need to get started playing D&D on D&D Beyond!

Players

Playing the Game

Character Creation

Character Classes

Character Origins

Feats

Equipment

Spells

Spell Descriptions

Rules Glossary

Credits

Download Character Sheet

Dungeon Masters

The Basics

DM’s Toolbox

Magic Items

Magic Items A–Z

Downloadable Tracking Sheets

Credits

Monsters

Introduction: How to Use a Monster

Creature Stat Blocks

Credits

Rules Glossary

Glossary Conventions

<> #site .u-typography-format table { table-layout:auto; }