.narrate_box{
	width:90%;
	margin:auto;
	border-image-slice:50 50 50 50 fill;
	border-image-width:50px 50px 50px 50px;
	border-image-outset:0px 0px 0px 0px;
	border-image-repeat:stretch stretch;
	border-image-source:url("https://sigrogana.org/game_images/border_silver_wings.png");
	padding:15px;
	background:rgb(0,0,0,0.5);
	border-radius:25px;
	white-space:normal;
}
.font_aladin{
	font-family:Aladin;
}
.narrate_title {
	width:100%;
	text-align:center;
	font-size:32px;
}
.narrate_subtext{
	border-left:1px solid black;
	border-bottom:1px solid black;
	border-right:1px solid black;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	padding:2px;
	width:95%;
	margin:auto;
	background:linear-gradient(180deg, rgb(139 126 124 / 100%) 0%, rgb(79 74 74 / 100%) 100%);
}
.narrate_sub{
	width:80%;
	margin:auto;
}

.narrate_button{
	border-image-slice:15 15 15 15 fill;
	border-image-width:15px 15px 15px 15px;
	border-image-outset:0px 0px 0px 0px;
	border-image-repeat:stretch stretch;
	border-image-source:url("https://sigrogana.org/game_images/button_red_off.png");
	height:40px;
	align-content:center;
	text-align:center;
	font-size:22px;
	margin-top:8px;
	position:relative;
}
.narrate_sep{
	width:auto;
	height:32px;
}
.narrate_sep_wrap{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:auto;
}
.narrate_text{
	text-align:center;
	padding:6px;
}

.gauge{
font-family:Tahoma;
font-size:16px;
text-align:center;
vertical-align:middle;
width:160px;
height:32px;
margin:auto;
position:relative;
color: #ededed;
line-height:32px;
text-shadow: 0.05em 0 black, 0 0.05em black, -0.05em 0 black, 0 -0.05em black, -0.05em -0.05em black, -0.05em 0.05em black, 0.05em -0.05em black, 0.05em 0.05em black;
}
.gauge_fill{
background-color:#4287f5;
position:absolute;
left:0;
height:100%;
z-index:-1;
border-radius:10%;
}
.narrate_gauge_wrapper{
z-index:10;
position:relative;
padding:8px;
flex-grow:1;
}
.gauge_caption{
	text-align:center;
}
.gauge_img {
border-image-slice:20 20 20 20 fill;
border-image-width:20px 20px 20px 20px;
border-image-outset:0px 0px 0px 0px;
border-image-repeat:stretch stretch;
border-image-source:url("https://sigrogana.org/game_images/border_stone.png");
}

.gauge_img_2{
border-image:url("https://sigrogana.org/game_images/gauge_silver_glass.png") 33% / 10px auto;
box-sizing:border-box;
}
.gauge_fill_2{
background-color:#4287f5;
position:absolute;
left:22px;
top:6px;
height:22px;
z-index:-1;
border-radius:10%;
}
.gauge_2_sizer{
	width:calc(100% - 48px);
	position:relative;
}
.gauge_holder{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.bimg{
	position:absolute;
	top:0px;
	left:4px;
	height:100%;
	background-repeat:no-repeat;
	background-size:contain;
	
}
.but_d20y {
	background-image:url("https://sigrogana.org/game_images/d20_yellow.png");
	width:48px;
}
.but_coins {
	background-image:url("https://sigrogana.org/game_images/button_coins.png");
	width:48px;
}
.but_talk {
	background-image:url("https://sigrogana.org/game_images/button_talk.png");
	width:48px;
}
.but_item {
	background-image:url("https://sigrogana.org/game_images/icon_item.png");
	width:48px;
}
.icon_hourglass{
	background-image:url("https://sigrogana.org/game_images/icon_hourglass.png");
	width:32px;
	height:32px;
}
.icon_food{
	background-image:url("https://sigrogana.org/game_images/icon_food.png");
	width:48px;
	height:48px;
}
.icon_rock{
	background-image:url("https://sigrogana.org/game_images/icon_statue.png");
	width:48px;
	height:48px;
}
.icon_water{
	background-image:url("https://sigrogana.org/game_images/icon_water.png");
	width:48px;
	height:48px;
}
.icon_x{
	background-image:url("https://sigrogana.org/game_images/icon_x.png");
	width:48px;
	height:48px;
}
.icon_ch{
	background-image:url("https://sigrogana.org/game_images/icon_check.png");
	width:48px;
	height:48px;
}
.icon_holder{
	margin:auto;
	display:flex;
	justify-content:center;
	align-items:center;
}
.d20_results{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:4px;
	text-align:center;
}

.results_tf::before{
	content:"Total Failure: ";
}
.results_cs::before{
	content:"Costly Success: ";
}
.results_ts::before{
	content:"Total Success: ";
}
.results_tf{
	color:#ff5e5e;
	flex-grow:1;
}
.results_cs{
	flex-grow:1;
}
.results_ts{
	color:#50cb4c;
	flex-grow:1;
}

.results_pen{
	color:#ff5e5e;
	flex-grow:1
}
.results_bonus{
	color:#50cb4c;
	flex-grow:1
}
.num_icon{
	background-repeat:no-repeat;
	background-size:contain;
	
}
.num_holder{
	line-height:48px;
	margin:auto;
	display:flex;
	justify-content:center;
	height:48px;
}
.num_holder32{
	line-height:48px;
	margin:auto;
	display:flex;
	justify-content:center;
	height:32px;
}
.narrate_subtitle{
text-align:center;
font-size:18px;
}
.narrate_list{
	text-align:center;
}