@charset "UTF-8";

/* ==========================================
Grobal
========================================== */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	/* ⭕️ 眩しさを抑え、高級感を出すための微細な円形グラデーション */
	background: radial-gradient(circle, #ffffff 0%, #f5f5f7 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* 画面中央に配置するアニメーション */
.logo-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	display: none;
	transition: opacity 0.3s ease;
}

#logoCanvas {
	width: 400px;
	height: 400px;
}