@import "//fonts.googleapis.com/css?family=Lato:400,700&display=swap";html *{border-width:0;border-style:solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none}@media screen and (prefers-color-scheme:light){html:not(.dark-mode) *{border-color:#b7b6b6}}@media screen and (prefers-color-scheme:dark){html:not(.light-mode) *{border-color:#5f5f5f}}html.dark-mode *{border-color:#5f5f5f}html.light-mode *{border-color:#b7b6b6}body,html{margin:0;padding:0;font-family:Lato,Helvetica;background:#e5e3e3;font-size:12pt}a{color:inherit;text-decoration:none}a:hover{color:#638cb7}img{border:0}.clearfix{clear:both}.float-right{float:right}.float-left{float:left}.italics{font-style:italic}header{background:#132030}header .wrapper{background:0 0}header #logo{background:url(https://assets.rpgsite.net/assets/logo-june-b9c9de3b41139e90073c3ac1b07569521760de0abb2336de66548e52873b754f.png) 0 0 no-repeat;width:183px;height:40px;padding:0;margin:0 0 0 10px}header #logo a{display:inline-block;width:183px;height:40px}header #logo a span{visibility:hidden}header #drawer-toggle,header #drawer-toggle-label,header #drawer form{display:none}header .logo-row{padding:5px 0 8px;float:left}header .logo-row img{margin-left:10px}header .social-search{padding-top:7px;float:right}header .social-search .social-blocks{padding:5px 15px 0 5px;display:inline-block}header .social-search .social-blocks .social{background-image:url(https://assets.rpgsite.net/assets/nav_icons-b993e39821c29d93c02b73a143ffb82da61fba19a7473d059f1573324a7f436a.png);background-repeat:no-repeat;display:inline-block;margin:2px}header .social-search .social-blocks .social.social-twitter{width:26px;height:26px;background-position:0 0}header .social-search .social-blocks .social.social-twitter:hover{background-position:0 -26px}header .social-search .social-blocks .social.social-discord{width:26px;height:26px;background-position:-26px 0}header .social-search .social-blocks .social.social-discord:hover{background-position:-26px -26px}header .social-search .social-blocks .social.social-facebook{width:26px;height:26px;background-position:-52px 0}header .social-search .social-blocks .social.social-facebook:hover{background-position:-52px -26px}header .social-search .social-blocks .social.social-youtube{width:26px;height:26px;background-position:-78px 0}header .social-search .social-blocks .social.social-youtube:hover{background-position:-78px -26px}header .social-search .social-blocks .social.social-twitch{width:26px;height:26px;background-position:-104px 0}header .social-search .social-blocks .social.social-twitch:hover{background-position:-104px -26px}header .social-search .social-blocks .social.social-rss{width:26px;height:26px;background-position:-130px 0}header .social-search .social-blocks .social.social-rss:hover{background-position:-130px -26px}header .social-search form{padding:0;margin:0;display:inline-block;position:relative;top:-11px;left:-5px}header .social-search form input[type=submit]{display:inline-block;width:20px;height:20px;border:0;cursor:pointer;position:absolute;top:6px;right:10px;z-index:1;background-image:url(https://assets.rpgsite.net/assets/nav_icons-b993e39821c29d93c02b73a143ffb82da61fba19a7473d059f1573324a7f436a.png);background-position:-262px 0;background-color:transparent;text-indent:-9999em;text-transform:uppercase}header .social-search form input[type=search],header .social-search form input[type=text]{padding:10px;background:#353f4b;border:0;width:275px;color:#fff;font-size:13px;height:33px}header .fa-caret-down{margin-left:5px}@media screen and (min-width:850px){header .nav{clear:both;background:#353f4b;border-top:1px solid #27292e;border-bottom:1px solid #27292e}header .nav ul{margin:0}header .nav>ul,header .nav ul{list-style-type:none;padding:0}header .nav>ul{width:1000px;margin:0 auto;border-left:1px solid #27292e;border-right:1px solid #27292e}header .nav ul:not(.subnav)>li{border-right:1px solid #27292e;float:left;width:20%;text-align:center;position:relative}header .nav ul:not(.subnav)>li:first-child{border-left:1px solid #27292e}header .nav ul:not(.subnav)>li:last-child{border-right:1px solid #27292e}header .nav ul>li:last-child{border-right:0}header .nav ul>li a{cursor:pointer;width:auto;display:block;padding:7px;color:#fff;text-decoration:none}header .nav ul li:hover{background:#2f3842}}@media(max-width:350px){header #drawer-toggle:checked~#drawer-toggle-label{height:100%;width:50px;right:275px}header #drawer-toggle:checked~#drawer{width:275px;padding:20px}}@media(max-width:850px){header{width:100%}header #drawer form{display:block}header #drawer form input{display:block;width:100%;padding:10px}header a.darkmode-toggle.mobile{display:inline-block}header .social-search{display:none}header #drawer-toggle{position:absolute;opacity:0}header #drawer-toggle-label{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:0;height:50px;width:50px;display:block;position:absolute;background:transparent;z-index:2;cursor:pointer}header #drawer-toggle-label:before{content:"";display:block;position:absolute;height:2px;width:24px;background:#8d8d8d;right:13px;top:18px;box-shadow:0 6px 0 #8d8d8d,0 12px 0 #8d8d8d}header #drawer{position:fixed;top:0;right:-275px;height:100%;width:275px;background:#132030;overflow-x:hidden;overflow-y:scroll;padding:20px;-webkit-overflow-scrolling:touch;z-index:2}header #drawer-toggle:checked~#drawer-toggle-label{height:100%;width:calc(100% - 275px);background:hsla(0,0%,100%,.8);right:275px}header #drawer-toggle:checked~#drawer{right:0;top:0}header #drawer ul{list-style-type:none;padding-left:0}header #drawer ul a{display:block;padding:10px;color:#c7c7c7;text-decoration:none}header #drawer ul a:hover{color:#fff}}@media screen and (max-width:850px){header .nav ul:not(.subnav),header .wrapper{width:100%}}.campaign{background:#d0d0d0;display:block}.campaign.banner{background:0 0;width:970px;min-height:250px;margin:10px auto}@media screen and (max-width:970px){.campaign.banner{display:none}}.campaign.square{width:300px;min-height:250px}.tabs{padding:0;list-style-type:none;margin:25px 0 0 20px}.tabs li{float:left;background:#ededed;border-left:1px solid #dedede;border-collapse:collapse;border-bottom:1px solid #dedede;border-top:1px solid #dedede}.tabs li:last-child{border-right:1px solid #dedede}.tabs li.active{background:#fff;position:relative;z-index:1;border-bottom:1px solid #fff}.tabs li a{color:#000;padding:15px;display:block}footer .copyright{padding:7px 0 10px;background:#132030}footer .copyright .centered{width:610px;margin:0 auto;font-size:12px;color:#fff}footer .copyright .centered img{float:left;border-right:1px solid #fff;padding-right:20px;margin-right:20px}footer .copyright .centered .copyright-text{padding-top:3px}footer .links{background:#353f4b;color:#fff;padding:15px 15px 25px;font-size:13px}footer .links .wrapper .footer-section{width:25%;padding-left:10px;float:left}footer .links .wrapper b{display:block;clear:both;margin-bottom:10px}@media screen and (max-width:720px){footer .links{display:none}}@media screen and (max-width:620px){footer .copyright .centered{text-align:center;width:100%}footer .copyright .centered .copyright-text{display:none}footer .copyright .centered img{float:none;border-right:0;margin:0;padding:0}}.wrapper{width:1000px;margin:0 auto}.wrapper .content{background:#fff}[role=main]{clear:left;float:left;width:680px}[role=main].padded,[role=main] div.padded{padding:10px}[role=main] p:first-of-type{margin-top:0}[role=main] a:hover{-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}aside{float:left;width:318px;border-left-width:1px;padding:10px}aside .boxart{text-align:center}aside ul.filter-links{list-style-type:"\2190";padding:0;margin:0 0 0 15px}aside ul.filter-links a.filter-link{display:block;padding:5px 0 5px 5px;transition:none;-moz-transition:none;-o-transition:none;-webkit-transition:none;color:inherit}aside ul.filter-links li.active,aside ul.filter-links li:hover{color:#638cb7}.campaign-wrapper{position:relative;overflow:auto}@media(max-width:1000px){.wrapper{width:100%}[role=main]{width:calc(100% - 318px)}}@media screen and (max-width:850px){[role=main]{float:none;width:100%;margin:0}aside{display:none}}.row{padding:8px 0;clear:both}@media screen and (max-width:470px){.row{padding-bottom:10px}}.row .row-title{font-weight:700;font-size:14pt}.row .row-title.highlight-title{display:inline-block;margin-top:5px;font-size:24px}.row p{margin:5px 0 0}.row p.pill{margin-top:10px;font-style:italic;font-size:10pt}.row p.padded{margin:7px}@media screen and (max-width:470px){.row p.padded{margin-left:0}}.row b.label{display:block;margin-bottom:5px}.row:after{visibility:hidden;display:block;content:"";clear:both;height:0}.row a.type-pill{color:#fff}.row a.type-pill:hover{color:#dfdfdf;text-decoration:none}.row .row-heading{font-size:1.5em}.row a>img{float:left;display:inline-block;margin-right:10px}.row.with-image.article .row-text{margin-left:160px}.row.with-image.game .row-text{margin-left:95px}@media screen and (max-width:1000px){.row.with-image .highlight-image{width:100%;height:auto}}@media screen and (max-width:470px){.row.with-image a>img{display:none}.row.with-image.article .row-text,.row.with-image.game .row-text{margin-left:0}}* html .row,:first-child+html .row{zoom:1}.with-top-border{border-top-width:1px}.with-bottom-border{border-bottom-width:1px}.heading{display:block;padding:5px;border-bottom:2px solid #5f5f5f;margin-bottom:10px;margin-top:0;font-size:24px;position:relative}.heading:after{content:" ";width:50%;height:2px;background:#638cb7;position:absolute;bottom:-2px;left:0}.mt-10{margin-top:10px}.type-pill{display:inline-block;margin:0 3px 0 0;font-style:normal;font-size:10.5px;text-transform:uppercase;padding:3px 10px;color:#fff}.type-pill:hover{color:inherit;text-decoration:underline}.type-pill.news{background:#6984c5}.type-pill.review{background:#bf5c5c}.type-pill.preview{background:#d65f15}.type-pill.feature,.type-pill.interview{background:#9d0bca}.type-pill.guide{background:#319631}.page-link{background-color:#383b43;color:#fff;padding:10px;width:130px;position:relative;margin:20px;float:left;text-align:center}.page-link:hover{color:#fff}.page-link.next-page{float:right}.page-link.next-page:after{content:" ";position:absolute;right:-15px;top:0;border-color:transparent currentcolor transparent #383b43;border-style:solid none solid solid;border-width:19px medium 20px 15px}.page-link.prev-page:after{content:" ";position:absolute;left:-15px;top:0;border-color:transparent #383b43 transparent currentcolor;border-style:solid solid solid none;border-width:19px 15px 20px medium}h1,h2{font-weight:400}h1.heading,h2.heading{margin-top:15px}h1.heading:first-of-type,h2.heading:first-of-type{margin-top:0}.search-form{position:relative}.search-form input[type=text]{background:#ddd;display:block;padding:10px;font-size:14px;width:100%}.search-form .clear-search{float:rigt;position:absolute;top:10px;right:10px}.filter{display:block;border-width:1px;background:#4d4d4d;padding:10px;margin-bottom:15px;cursor:pointer}.arrow{float:right;border-color:#fff!important;border-width:0 3px 3px 0;display:inline-block;padding:3px;margin-top:3px;margin-right:5px}.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.generic-list{margin:0;padding-left:20px;padding-bottom:10px}.generic-list li{padding:5px 0}.ad-unit{width:300px;margin:0 auto}.ad-unit .ad-label{font-size:11px;color:#888;text-align:center}.ad-unit .block{min-height:250px;overflow-x:hidden}article[role=main] .article-metadata{font-size:10pt;font-style:italic}article[role=main] a{color:#69a7e6}article[role=main] a:hover{text-decoration:underline}article[role=main] section[role=coverstories] a{color:inherit}a.darkmode-toggle{background-image:url(https://assets.rpgsite.net/assets/nav_icons-b993e39821c29d93c02b73a143ffb82da61fba19a7473d059f1573324a7f436a.png);background-repeat:no-repeat;display:inline-block;width:53px;height:28px;margin:2px 2px 2px 5px;background-position:-208px 0}a.darkmode-toggle.enabled{background-position:-208px -28px}a.darkmode-toggle.mobile{display:none;float:right;top:10px;right:50px;position:relative}@media(max-width:850px){a.darkmode-toggle{display:inline-block}}@media screen and (min-width:851px) and (max-width:860px){a.darkmode-toggle{margin-right:10px}}html.dark-mode,html.dark-mode body{background:#111;color:#fff}html.dark-mode .wrapper .content{background:#292929;border:1px solid #3f3f3f;border-bottom:0}html.dark-mode .wrapper .content input[type=search],html.dark-mode .wrapper .content input[type=text]{color:#fff;background:#4d4d4d;border:0}html.dark-mode .wrapper .content .coverstory,html.dark-mode .wrapper .content .featured{border-color:#3d3d3d}html.dark-mode #right .going-up{background:#292929}html.dark-mode #left a,html.dark-mode #right a{color:#fff}html.dark-mode #left #article a{color:#69a7e6}html.dark-mode .block,html.dark-mode .long-block-footer{background:#3f3f3f;border:1px solid #303030}html.dark-mode #left .dateline{color:#fff}html.dark-mode .article-gallery{background:#3d3d3d}html.dark-mode #nav-row a{color:#fff;border-color:#292929}html.dark-mode [role=main] div[style="background:#eeeeee; border:1px solid #cccccc; padding:5px 10px"]{background:#3d3d3d!important;border-color:#5f5f5f!important}html.dark-mode [role=main] #left a{-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}html.dark-mode [role=main] #left a:hover{color:#6f9dce}html.dark-mode [role=main] #left article div,html.dark-mode [role=main] #left article p{color:#dfdfdf}html.dark-mode #reviews-sidebar li div,html.dark-mode .row,html.dark-mode h2,html.dark-mode section.entity[role=article-list],html.dark-mode section[role=article-list] article{border-color:#5f5f5f}html.dark-mode #left .article .dateline,html.dark-mode #left .article h1 a{color:#fff!important}html.dark-mode .full-width{border-color:#5f5f5f}html.dark-mode .tabs li{background:#3d3d3d;border-color:#5f5f5f}html.dark-mode .tabs li.active{background:#292929;color:#fff;border-color:#5f5f5f;border-bottom:1px solid #292929}html.dark-mode .tabs li a{color:#fff}html.dark-mode .results div.search-result,html.dark-mode .row{border-color:#5f5f5f;color:#dfdfdf}html.dark-mode .results div.search-result a,html.dark-mode .row a{color:#fff}html.dark-mode .results div.search-result a:hover,html.dark-mode .row a:hover{color:#dfdfdf;text-decoration:none}html.dark-mode .results div.search-result a:not(.type-pill),html.dark-mode .row a:not(.type-pill){-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}html.dark-mode .results div.search-result a:not(.type-pill):hover,html.dark-mode .row a:not(.type-pill):hover{color:#638cb7;text-decoration:none}@media screen and (max-width:860px){html.dark-mode .article-content #right #article-entity-info{border-color:#303030;background:#3f3f3f}}@media(prefers-color-scheme:dark){html:not(.dark-mode):not(.light-mode),html:not(.dark-mode):not(.light-mode) body{background:#111;color:#fff}html:not(.dark-mode):not(.light-mode) .wrapper .content{background:#292929;border:1px solid #3f3f3f;border-bottom:0}html:not(.dark-mode):not(.light-mode) .wrapper .content input[type=search],html:not(.dark-mode):not(.light-mode) .wrapper .content input[type=text]{color:#fff;background:#4d4d4d;border:0}html:not(.dark-mode):not(.light-mode) .wrapper .content .coverstory,html:not(.dark-mode):not(.light-mode) .wrapper .content .featured{border-color:#3d3d3d}html:not(.dark-mode):not(.light-mode) #right .going-up{background:#292929}html:not(.dark-mode):not(.light-mode) #left a,html:not(.dark-mode):not(.light-mode) #right a{color:#fff}html:not(.dark-mode):not(.light-mode) #left #article a{color:#69a7e6}html:not(.dark-mode):not(.light-mode) .block,html:not(.dark-mode):not(.light-mode) .long-block-footer{background:#3f3f3f;border:1px solid #303030}html:not(.dark-mode):not(.light-mode) #left .dateline{color:#fff}html:not(.dark-mode):not(.light-mode) .article-gallery{background:#3d3d3d}html:not(.dark-mode):not(.light-mode) #nav-row a{color:#fff;border-color:#292929}html:not(.dark-mode):not(.light-mode) [role=main] div[style="background:#eeeeee; border:1px solid #cccccc; padding:5px 10px"]{background:#3d3d3d!important;border-color:#5f5f5f!important}html:not(.dark-mode):not(.light-mode) [role=main] #left a{-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}html:not(.dark-mode):not(.light-mode) [role=main] #left a:hover{color:#6f9dce}html:not(.dark-mode):not(.light-mode) [role=main] #left article div,html:not(.dark-mode):not(.light-mode) [role=main] #left article p{color:#dfdfdf}html:not(.dark-mode):not(.light-mode) #reviews-sidebar li div,html:not(.dark-mode):not(.light-mode) .row,html:not(.dark-mode):not(.light-mode) h2,html:not(.dark-mode):not(.light-mode) section.entity[role=article-list],html:not(.dark-mode):not(.light-mode) section[role=article-list] article{border-color:#5f5f5f}html:not(.dark-mode):not(.light-mode) #left .article .dateline,html:not(.dark-mode):not(.light-mode) #left .article h1 a{color:#fff!important}html:not(.dark-mode):not(.light-mode) .full-width{border-color:#5f5f5f}html:not(.dark-mode):not(.light-mode) .tabs li{background:#3d3d3d;border-color:#5f5f5f}html:not(.dark-mode):not(.light-mode) .tabs li.active{background:#292929;color:#fff;border-color:#5f5f5f;border-bottom:1px solid #292929}html:not(.dark-mode):not(.light-mode) .tabs li a{color:#fff}html:not(.dark-mode):not(.light-mode) .results div.search-result,html:not(.dark-mode):not(.light-mode) .row{border-color:#5f5f5f;color:#dfdfdf}html:not(.dark-mode):not(.light-mode) .results div.search-result a,html:not(.dark-mode):not(.light-mode) .row a{color:#fff}html:not(.dark-mode):not(.light-mode) .results div.search-result a:hover,html:not(.dark-mode):not(.light-mode) .row a:hover{color:#dfdfdf;text-decoration:none}html:not(.dark-mode):not(.light-mode) .results div.search-result a:not(.type-pill),html:not(.dark-mode):not(.light-mode) .row a:not(.type-pill){-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}html:not(.dark-mode):not(.light-mode) .results div.search-result a:not(.type-pill):hover,html:not(.dark-mode):not(.light-mode) .row a:not(.type-pill):hover{color:#638cb7;text-decoration:none}}@media screen and (prefers-color-scheme:dark) and (max-width:860px){html:not(.dark-mode):not(.light-mode) .article-content #right #article-entity-info{border-color:#303030;background:#3f3f3f}}@media(prefers-color-scheme:dark){html:not(.dark-mode):not(.light-mode) a.darkmode-toggle{background-position:-208px -28px}}article[role=main] h2{display:block;padding:5px;border-bottom:2px solid #5f5f5f;margin-bottom:10px;margin-top:0;font-size:24px;position:relative}article[role=main] h2:after{content:" ";width:50%;height:2px;background:#638cb7;position:absolute;bottom:-2px;left:0}article[role=main] .article-block{display:inline-block;border-top-width:2px;border-bottom-width:2px;width:350px;padding:5px 0;font-size:11ptt;margin-bottom:10px;font-style:italic}article[role=main] .article-block.right{float:right;margin-left:10px}article[role=main] .article-block.left{float:left;margin-right:10px}article[role=main] .article-block figcaption{text-align:left}@media screen and (max-width:700px){article[role=main] .article-block.left,article[role=main] .article-block.right{display:block;float:none;clear:both;margin:10px auto}}article[role=main] figure{margin:0;text-align:center;content-visibility:auto}article[role=main] figure picture{display:block}@media(max-width:1000px){article[role=main] figure img.article-image{display:block!important;width:100%!important;height:auto!important}}article[role=main] figure figcaption{font-style:italic}article[role=main] .article-gallery{padding:10px;content-visibility:auto}article[role=main] .article-gallery .gallery-images{text-align:center}article[role=main] .article-gallery figure{text-align:center;display:inline-block;margin:10px}@media screen and (max-width:1010px){article[role=main] .article-gallery figure{width:30%!important;margin:5px}article[role=main] .article-gallery figure img{width:100%!important;height:auto!important}}article[role=main] blockquote{border-left:2px solid #638cb7;padding-left:10px}article[role=main] blockquote img{max-width:100%;height:auto}#article-social{padding-top:10px;border-top-width:2px;min-height:70px}#article-social #social-language{padding-top:15px;display:inline-block}#article-social #social-buttons{float:right}#article-social #social-buttons a{background-image:url(https://assets.rpgsite.net/assets/social_icons_content-0d18d7a94f7b61be847baffb6e4bd73b5b55af58daf2081eed042b21e063d381.png);display:inline-block;width:50px;height:50px;margin-left:5px;color:transparent}#article-social #social-buttons a.facebook{background-position:-50px 0}#article-social #social-buttons a.reddit{background-position:-100px 0}#article-social #social-buttons a.tumblr{background-position:-150px 0}.widget{margin:10px 0;text-align:center}.widget .heading{text-align:left}.sidebar-gallery figure{margin:2px;display:inline-block}[role=main] section[role=coverstories]{position:relative}[role=main] section[role=coverstories] .coverstory{background-position:50%;background-size:cover;background-repeat:no-repeat;padding-top:30%;max-height:250px;position:relative}[role=main] section[role=coverstories] .coverstory+.breadcrumb+.cover-info,[role=main] section[role=coverstories] .coverstory+.cover-info{background:rgba(0,0,0,.7);color:#fff;position:absolute;bottom:0;width:100%;padding:10px}[role=main] section[role=coverstories] h1{margin:0;font-weight:400;font-size:22px}[role=main] section[role=coverstories] .breadcrumb{padding:10px;border-bottom-width:2px;font-size:11.5pt;display:none}[role=main] section[role=coverstories] .breadcrumb a{color:#69a7e6}@media screen and (max-width:500px){[role=main] section[role=coverstories] .coverstory+.breadcrumb+.cover-info:not(.fixed),[role=main] section[role=coverstories] .coverstory+.cover-info:not(.fixed){position:unset;background:0 0;padding-bottom:0;color:inherit}[role=main] section[role=coverstories] .breadcrumb{display:block}[role=main] section[role=coverstories] .headline h1{font-weight:700}[role=main] section[role=coverstories] .headline div.byline{font-size:11.5pt}[role=main] section[role=coverstories] .headline div.byline .author{font-weight:700}}.headline{padding:10px}