/* Supplemental concept art, preserving the site's original layout and typography. */
.character-card{overflow:hidden}
.character-emblem{
  position:relative;
  flex-shrink:0;
  width:calc(100% + 38px);
  height:187px;
  margin:11px -19px 18px;
  font-size:0;
  color:transparent;
  text-shadow:none;
  background-image:linear-gradient(to bottom,rgba(18,18,30,.04) 40%,rgba(17,18,30,.45) 100%),url('cast.webp');
  background-repeat:no-repeat;
  background-size:100% 100%,500% auto;
  box-shadow:inset 0 1px 0 rgba(222,188,129,.15),inset 0 -1px 0 rgba(222,188,129,.15);
}
.emblem-chris{background-position:center,0% 13%}
.emblem-tippin{background-position:center,25% 20%}
.emblem-elowen{background-position:center,50% 8%}
.emblem-messy{background-position:center,75% 45%}
.emblem-gloom{background-position:center,100% 6%}
.character-card:hover .character-emblem{filter:brightness(1.13) saturate(1.1)}
.character-card strong{position:relative;z-index:1}
.world-panel .region-art{background-image:url('world.webp');background-size:200% 200%;background-repeat:no-repeat}
/* Match the more-specific location selectors in styles.css. Each region gets
   its own full-panel image, including when a tab changes at runtime. */
.world-panel.meadowick .region-art{background:url('world.webp') left top / 200% 200% no-repeat}
.world-panel.shirlengale .region-art{background:url('world.webp') right top / 200% 200% no-repeat}
.world-panel.widgleton .region-art{background:url('world.webp') left bottom / 200% 200% no-repeat}
.world-panel.milgenforge .region-art{background:url('world.webp') right bottom / 200% 200% no-repeat}
.world-panel.panten .region-art{background:url('panten-country.webp') center center / cover no-repeat}
.world-panel.gizzlefell .region-art{background:url('gizzlefell-castle.webp') center center / cover no-repeat}
.world-panel .region-art:before{opacity:.07}
.world-panel .region-art:after{background:linear-gradient(90deg,rgba(11,12,24,.4),transparent 88%),linear-gradient(0deg,rgba(11,12,24,.96),rgba(18,18,30,.1) 92%)}
.world-panel.shirlengale .region-art:after{background:linear-gradient(90deg,rgba(5,16,13,.46),transparent 88%),linear-gradient(0deg,rgba(5,16,13,.96),rgba(7,33,22,.11) 92%)}
.world-panel.widgleton .region-art:after{background:linear-gradient(90deg,rgba(8,15,33,.52),transparent 88%),linear-gradient(0deg,rgba(8,15,33,.95),rgba(17,29,56,.08) 92%)}
.world-panel.milgenforge .region-art:after{background:linear-gradient(90deg,rgba(19,11,32,.5),transparent 88%),linear-gradient(0deg,rgba(19,11,32,.97),rgba(41,15,55,.1) 92%)}
.world-panel.panten .region-art:after{background:linear-gradient(90deg,rgba(20,27,22,.57),transparent 88%),linear-gradient(0deg,rgba(10,23,22,.96),rgba(16,30,24,.10) 92%)}
.world-panel.gizzlefell .region-art:after{background:linear-gradient(90deg,rgba(15,12,26,.54),transparent 88%),linear-gradient(0deg,rgba(11,10,24,.96),rgba(37,23,49,.09) 92%)}
.world-panel .region-art span{display:none}
.concept-note{margin:23px 0 0;text-align:center;font-size:10px;letter-spacing:.07em;color:#85838d}
@media(max-width:1150px){.character-emblem{width:calc(100% + 38px)}}
@media(max-width:500px){
 .character-emblem{width:calc(100% + 26px);height:148px;margin:9px -13px 12px}
 .character-card{min-height:323px}
 .character-card strong{font-size:22px}
 .character-card small{min-height:30px}
}