.infopop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: hsla(0, 0%, 0%, 0.5); z-index: 1; opacity:0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; pointer-events: none; } .infopop:target { opacity:1; pointer-events: auto; } .infopop > .pop { background: #000; width: 200px; position: relative; margin: 10% auto; padding: 25px; z-index: 3; } .closepop { position: absolute; right: -5px; top:-5px; width: 100%; height: 100%; z-index: 2; }

.rpg-ascendant-profile{display:inline}
.rpg-ascendant-trigger{
	cursor:pointer;
	text-decoration:none;
}

.rpg-ascendant-trigger:hover{text-decoration:none;filter:brightness(1.15)}

.rpg-ascendant-modal{display:none;position:fixed;z-index:99999;inset:0;background:rgba(0,0,0,.65);padding:30px;box-sizing:border-box}

.rpg-ascendant-modal.is-visible{display:flex;align-items:center;justify-content:center}

.rpg-ascendant-box{
	position:relative;
	max-width:560px;
	width:100%;
	max-height:85vh;
	overflow:auto;
	border:1px solid var(--line);
	background:var(--accent1);
	padding:22px;
	line-height:1.55;
}

.rpg-ascendant-box h3{
	font-size:22px;
	margin:0 36px 4px 0;
	color:var(--golden);
	font-family:var(--mainfont);
}

.rpg-ascendant-meta{font-size:11px;opacity:.75;margin-bottom:14px;text-transform:uppercase;letter-spacing:.05em}.rpg-ascendant-row{margin:10px 0}

.rpg-ascendant-row strong{color:var(--golden)
}

.rpg-ascendant-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}