@charset "utf-8";
/*############################################################################################
# ブロック崩し：クリック／タップ位置APNG
# 描画は親index.htmlだけで行い、子iframeは座標だけをpostMessageで通知する。
############################################################################################*/
.blockbreaker-click-point-apng{
	--blockbreaker-click-point-base-opacity:1;
	--blockbreaker-click-point-base-scale:0.6;
	--blockbreaker-click-point-max-scale:1.2;
	position:fixed;
	z-index:2147483646;
	left:0;
	top:0;
	display:block;
	width:150px;
	height:150px;
	margin:0;
	padding:0;
	border:0;
	opacity:var(--blockbreaker-click-point-base-opacity);
	transform:translate(-50%,-50%) scale(var(--blockbreaker-click-point-base-scale));
	transform-origin:center center;
	object-fit:contain;
	pointer-events:none;
	user-select:none;
	-webkit-user-drag:none;
	animation:blockbreaker-click-point-apng-out 0.6s ease-out 0.3s 1 forwards;
}
@keyframes blockbreaker-click-point-apng-out{
	0%{
		opacity:var(--blockbreaker-click-point-base-opacity);
		transform:translate(-50%,-50%) scale(var(--blockbreaker-click-point-base-scale));
	}
	100%{
		opacity:0;
		transform:translate(-50%,-50%) scale(var(--blockbreaker-click-point-max-scale));
	}
}