/* ==========================================================================
   フラッシュブロック数えゲーム 専用スタイル
   ========================================================================== */

/* 失敗時（答え合わせブロックと結果モーダルが同時表示される際）の配置調整 */
.flash-overlay.result-layout {
	justify-content: flex-start !important;
	/* 上寄せにしてスクロールを抑制 */
	padding-top: 15% !important;
}

#flash-display {
	height: auto !important;
	/* 高さを自動調整にして無駄な余白をカット */
	max-height: 360px !important;
	gap: 10px !important;
}

.flash-overlay.result-layout #flash-display {
	margin: 0 auto !important;
	/* 上寄せにするため上下のオートマージンを解除 */
}

#block-canvas {
	display: block;
	max-width: 300px !important;
	/* キャンバスサイズを縮小して画面内に収める */
	height: auto !important;
	margin: 0 auto !important;
}

/* 失敗時、結果モーダルを絶対配置で中央寄りに固定 */
.flash-overlay.result-layout #game-message-area {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
	margin: 0 auto;
}