#word-bubble,.word-bubble {
	position: absolute;
	background: #ffab53;
	color: #222;
	border-radius: 14px;
	box-shadow: 0 3px 16px rgba(0,0,0,0.08);
	padding: 16px 22px;
	max-width: 380px;
	font-size: 1rem;
	font-family: 'Atkinson Hyperlegible', sans-serif;
	z-index: 2222;
	display: none;
	animation: popbubble 0.18s;
	padding: 48px 18px 18px 18px;
}
#word-bubble::before,.word-bubble:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 30px;
	background-image: url("../potu-rook-polished.png");
	display: block;
	width: 200px;
	height: 30px;
	background-size: auto 30px;
	background-repeat: no-repeat;
	top: 10px;
}
#word-bubble::after,.word-bubble:after {
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 36px 110px 36px 0;
	border-color: transparent #FFAB53 transparent transparent;
	transform: rotate(0deg);
	bottom: 0px;
	left: -100px;
	position: absolute;
}
@keyframes popbubble {
  from { opacity:0; transform: scale(0.95);}
  to { opacity:1; transform: scale(1);}
}