body { font-family: sans-serif; padding: 20px;
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('オタク.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
.card { background: white; padding: 3; border-radius: 8px; cursor: pointer; border: 2px solid #ddd; transition: 0.3s; }
.card:hover { border-color: #007bff; }
.result-area { margin-top: 30px; padding: 20px; background: #fff; border-radius: 8px; display: none; }