Quarterstaff of Shadows

/* CSS link color */
  a { color: #7d8185; }

.phb {
    width: 8.5in;
    height: 11.00in;
    }
/* Colors */
.phb h5{
    color            : black;
    font-size        : 124%;
}

.phb blockquote h5{
    color            : black;
    font-size        : 104%;
}

.phb .descriptive h5{
    color            : black;
    font-size        : 135%;
}

.phb h4{
    color            : #597089;
    font-size        : 145%;
}

.phb h3{
    color            : #597089;
    border-bottom    : 2px solid #7d8185;
    font-size        : 164%;
}

.phb hr+section blockquote h3{
    font-size        : 120%;
}

.phb h2{
    color            : #597089;
    font-size        : 223%;
}

.phb hr+section blockquote h2{
    color            : #597089;
    font-size        : 150%;
}

.phb h1{
    color : #597089;
    font-size : 315%;
}

.phb a{color: #7d8185;}

}

.phb p{
    color :  black;
    font-size        : 100%;
}

.phb h1+p::first-letter {
    font-size:      8em;
    color:          black;
}

.phb {
    color            : black;
}
/* Note */
.phb h5{ black;
    margin-bottom: .2em;               
    font-family: ScalySansSmallCaps;
    font-size: .423cm;
    font-weight: 900
}
.phb blockquote {
    font-family: ScalySans;
    box-sizing: border-box;
    margin-bottom: 1em;
    margin-top: 9px;
    padding: 15px 15px;
    background-color: #92b7de;
    border-style: solid;
    border-width: 4px;
    border-image: url('https://www.gmbinder.com/images/SM1xpym.png') 11;
    border-image-outset: 5px 0;
    box-shadow:0 0 0px #000000;
}
.phb blockquote em {
    font-family: ScalySans;
    font-style: italic
}
.phb blockquote strong {
    font-family: ScalySans;
    font-weight: 800;
    letter-spacing: -0.02em
}
.phb blockquote p,
.phb blockquote ul {
    font-size: .352cm;
    line-height: 1.1em
}
.phb pre+blockquote,
.phb h2+blockquote,
.phb h3+blockquote,
.phb h4+blockquote,
.phb h5+blockquote {
    margin-top: 12px}
.phb blockquote h5 {
    margin-top: 0}

.phb .descriptive{
    display:block-inline;
    margin-bottom:1em;
    background-color: #a1ceff;
    font-family:ScalySans;
    padding: 0px 15px;
    border-style:transparent;
    border-width:4px;
    border-image:url('https://www.gmbinder.com/images/SM1xpym.png') 12 round;
    border-image-outset:4px;
    box-shadow:0 0 0px #000000;
}
.phb .descriptive p{
    display:block;
    padding-bottom:0;
    line-height:1.5em
}
.phb .descriptive p+p{
    padding-top:.8em
}
.phb .descriptive em{
    font-family:ScalySans;
    font-style:italic
}
.phb .descriptive strong{
    font-family:ScalySans;
    font-weight:800;
    letter-spacing:-0.02em
}
.phb pre+.descriptive{
    margin-top:8px
  }
/* Classtable */
   .phb .classTable{
    margin-top:30px;
    margin-bottom:30px;
    border-collapse:separate;
    background-color:transparent;
    border:initial;
    border-style: transparent;
    border-image-outset:5px 10px;
    border-image-repeat:round;
    border-image-slice:140 140 140 140;
    border-image-source:url('/assets/img/table-wrap.png');
    border-image-width:30px
}
.phb .classTable h5{
    margin-bottom:10px
}
/* Covers */
.phb .cover-header{
    position:absolute;
    font-family:NodestoCaps,nodesto,sans-serif;
    transform:scale(2, 2) !important;
    font-weight:normal;
    font-size:36px;
    color:#597089;
    width:700px;
    text-shadow:1px 1px 2px #000000,-1px 1px 2px #000000,1px -1px 2px #000000,-1px -1px 2px #000000;
    transform:scaleY(3) scaleX(1);
    top:50px;
    text-align:center
}
.phb .cover-image{
    position:absolute;
    top:0;
    left:0;
    width:824px
}
.phb .cover-diamond{
    background-image:url('https://www.gmbinder.com/images/Q06mxIb.png');
    background-size:400px;
    background-repeat:no-repeat;
    position:absolute;
    left:210px;
    top:115px;
    width:400px;
    height:12px
}
.phb .cover-splotch{
    background-image:url('https://www.gmbinder.com/images/4wvz8tc.png');
    background-size:350px;
    position:absolute;
    left:0;
    bottom:180px;
    width:345px;
    height:56px
}
.phb .cover-footer{
    position:absolute;
    font-family:ScalySans;
    font-size:20px;
    bottom:50px;
    right:55px;
    width:700px;
    text-shadow:1px 1px 2px #000000,-1px 1px 2px #000000,1px -1px 2px #000000,-1px -1px 2px #000000;
    filter:opacity(100%);
    text-align:center
}
    .phb .back-cover-image{
    position:absolute;
    height:1066px;
    left:0;
    top:0;
    width:475px;
    background-image:url('https://www.gmbinder.com/images/p7e1tuy.png');
    background-size:475px 1066px;
    z-index:-1
}
.phb .back-cover-diamond{
    background-image:url('https://www.gmbinder.com/images/Q06mxIb.png');
    background-size:280px;
    background-repeat:no-repeat;
    position:absolute;
    left:90px;
    top:110px;
    width:280px;
    height:8px
}
.phb .back-cover-logo{
    background-image:url('https://www.gmbinder.com/assets/img/logo-stacked-light.png');
    background-size:120px;
    position:absolute;
    left:165px;
    bottom:95px;
    width:120px;
    height:74px
}
.phb .back-cover-logo-link{
    text-align:center;
    font-family:sans-serif;
    position:absolute;
    bottom:30px;
    left:145px
}
.phb .back-cover-logo-link p{
    font-family:ScalySans,sans-serif;
    line-height:1.6em !important;
    font-size:16px;
    padding-bottom:25px
}
.phb .back-cover-logo-link a{
    color:#fff;
    text-decoration:none
}
 .phb .back-cover-header{
    color: #597089;
    font-family:NodestoCaps,sans-serif;
    font-size:64px;
    text-align:center;
    text-shadow:1px 1px 2px #000000,-1px 1px 2px #000000,1px -1px 2px #000000,-1px -1px 2px #000000
}
.phb .back-cover-header p{
    color: #597089;
    text-indent:0;
    padding-bottom:15px
}
.phb .back-cover-header p+p{
    text-indent:0
}
.phb .back-cover-text{
    color: #e0e0e0;
    font-family:sans-serif
}
.phb .back-cover-text a{
    color: #597089;
}
.phb .back-cover-text p{
    font-family:ScalySans,sans-serif;
    line-height:1.6em !important;
    font-size:16px;
    padding-bottom:25px
}
.phb .back-cover-text p+p{
    text-indent:0
}
.phb .back-cover-close{
    color: #fff;
    text-align:center;
    font-family:sans-serif
}
.phb .back-cover-close a{
    color: #597089;
}
.phb .back-cover-close p{
    font-family:ScalySans,sans-serif;
    line-height:1.6em !important;
    font-size:16px;
    padding-bottom:25px
}
.phb .back-cover-close p+p{
    text-indent:0
}
.phb .back-cover-right{
    padding-left:60px
}
/* Tables */
  .phb hr+section blockquote tr:nth-child(odd) td {background-color:transparent; }
  table tr:nth-child(odd) td {background-color: #92b7de}
  .phb h1, .phb h2, .phb h3, .phb h4{
  margin-top:.0em;               
  margin-bottom:0em;
  font-family:Mr.Jeeves;
  font-weight:500;
  color:#597089;}
  .mytablestyle td:nth-child(1) {
    vertical-align: top;
}
    .phb table {                            
    font-family: ScalySans;
    width: 100%;
    margin-bottom: 1em;
    font-size: 9.5pt;
    line-height: 1.1em
}
/* Statblocks */
.phb hr+section blockquote hr{background-image: url(https://www.gmbinder.com/images/ykTiDmB.png)}
.phb hr+section blockquote {
    position: relative;
    padding-top: 15px;
    background-color: transparent;
    border-style: none;
    background-image: none;
    border-image: none
    background-position: center;
    box-shadow: none;
    border-width: 8px;
    border-image-slice: 20
}
.phb hr+section blockquote h2 {
    margin-top: -8px;
    margin-bottom: 0
}
.phb hr+section blockquote h2+p {
    padding-bottom: 0
}
.phb hr+section blockquote h3 {
    font-family: ScalySans;
    font-weight: 400;
    border-bottom: 1px solid
}
.phb hr+section blockquote hr+ul {
    color: #7d8185
}
.phb hr+section blockquote ul {
    font-family: ScalySans;
    padding-left: 1em;
    font-size: .352cm
}
.phb hr+section blockquote ul em {
    font-family: ScalySans;
    font-style: italic
}
.phb hr+section blockquote ul strong {
    font-family: ScalySans;
    font-weight: 800;
    letter-spacing: -0.02em
}
 .phb hr+section blockquote hr+table {
    margin: 0;
    column-span: 1;
    background-color: transparent;
    border-style: none;
    border-image: none;
    -webkit-column-span: 1
}
.phb hr+section blockquote hr+table tbody tr:nth-child(odd),
.phb hr+section blockquote hr+table tbody tr:nth-child(even) {
    background-color: transparent
}
.phb hr+section blockquote table {
    color: #597089
}
.phb hr+section blockquote p+p {
    margin-top: 0;
    text-indent: 0;
    margin-bottom: 7px
}
.phb hr+section blockquote hr {
    visibility: transparent;
    height: 6px;
    margin: 4px 0;
    background-image: none
    background-size: 100% 100%;
    border: none
  }
/* Footer */
  .phb .pageNumber{
    color: #597089;
    bottom           : 30px;
  }
  .phb .footnote{
    color: #597089;
    bottom           : 40px;
  }
  .phb:after{ 
    content          : '';
    position         : absolute;
    bottom           : 0px;
    left             : 0px;
    z-index          : -10;
    height           : 78px;
    width            : 100%;
    background-image: url('https://www.gmbinder.com/images/CEV6v31.png');
    background-size  : cover;
  }
  .phb:nth-child(odd):after {
    background-image: url('https://www.gmbinder.com/images/CEV6v31.png'); z-index: -0;
  }
  .phb:nth-child(even):after {
    background-image: url('https://www.gmbinder.com/images/CEV6v31.png'); z-index: -0;
    transform: scalex(-1);
</style>

</style>

### Quarterstaff of Shadows

##### Quarterstaff, Rare, (Requires Attunement by a Way of Shadows Monk, or Shadow Magic Sorcerer)

*Credit: Quarterstaff - Mordhau*

</div>

*This quarterstaff seemingly radiates dancing shadows, almost as if reaching to find it's targets no matter the cost.*

___
This Quarterstaff has a +2 bonus to attack and damage rolls made with this magic weapon, and has a save DC of 16.
___
When the wielder of this quarterstaff attunes to it, they find that it has 10 charges for the abilities listed below. The quarterstaff regains 1d6 charges at dawn, if a creature is killed by this quarterstaff then it regains 1 charge.
___
**Extend:** As a bonus action you spend 1 charge to extend the length of your quarterstaff to 10 feet with shadows for 2 minutes, if an enemy is hit by the extended part of the quarterstaff then they take Psychic damage equal to the quarterstaffs normal damage.
___
**Throw:** As an action you spend 1 charge to create a shadow duplicate of the staff, this duplicate goes flying in a spinning motion and flies up to 120 feet in a 5 foot line and comes back, a creature hit by this shadow duplicate must make a wisdom saving throw, on a fail the creature takes psychic damage equal to the quarterstaffs one handed damage, and half as much damage on a success.
___
**Darkness:** You expend 2 charges to cast the Darkness spell, when the spell is cast this way you can see through it as if it were dim light.

</div>