/* トップ見た目寄せ。最新結果カードの既存装飾は上書きしない。 */
.loto6fan-home {
	--lf-page-bg: #f7f8fa;
	background: var(--lf-page-bg);
}

/*
 * FV: 背景画像なし。CSSグラデのみ。
 * 下端は白ではなくページ背景色へフェード。
 */
.loto6fan-home .hero-latest {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 24px 0 12px;
	background-color: var(--lf-page-bg);
	background-image:
		radial-gradient(circle at 7% 22%, rgba(186, 96, 220, .2) 0%, rgba(186, 96, 220, .08) 12%, transparent 28%),
		radial-gradient(circle at 16% 8%, rgba(255, 190, 60, .24) 0%, rgba(255, 190, 60, .08) 10%, transparent 24%),
		radial-gradient(circle at 90% 8%, rgba(55, 150, 230, .18) 0%, rgba(55, 150, 230, .07) 11%, transparent 26%),
		radial-gradient(circle at 97% 24%, rgba(40, 185, 130, .16) 0%, rgba(40, 185, 130, .06) 12%, transparent 28%),
		repeating-conic-gradient(
			from 0deg at 50% 118%,
			rgba(200, 175, 255, .12) 0deg 7deg,
			rgba(255, 255, 255, 0) 7deg 14deg
		),
		radial-gradient(ellipse 95% 80% at 50% 0%, #efe6ff 0%, #f3ecff 30%, var(--lf-page-bg) 72%);
	background-repeat: no-repeat;
	background-size: auto, auto, auto, auto, 140% 120%, 100% 100%;
	background-position: center top;
}

.loto6fan-home .hero-latest::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 48%;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(247, 248, 250, 0), var(--lf-page-bg) 90%);
}

.loto6fan-home .hero-latest > .wrap {
	position: relative;
	z-index: 1;
}

/* 最新回3カード：大きめの白いシャドウ */
.loto6fan-home .hero-latest .result {
	box-shadow:
		0 0 0 2px rgba(255, 255, 255, .98),
		0 0 28px 8px rgba(255, 255, 255, .95),
		0 12px 36px 10px rgba(255, 255, 255, .8),
		0 4px 14px rgba(23, 34, 52, .08);
}

/* セクション見出しアイコン（暖色統一・大きめ） */
.loto6fan-home .lf-heading {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.loto6fan-home .lf-heading--latest,
.loto6fan-home .lf-heading--data,
.loto6fan-home .lf-heading--updates,
.loto6fan-home .lf-heading--guide {
	border-left: 0;
	padding-left: 0;
}

.loto6fan-home .lf-heading::before {
	content: "";
	flex: none;
	width: 56px;
	height: 56px;
	background: center / contain no-repeat;
}

.loto6fan-home .lf-heading--latest::before {
	background-image: url("images/icon-latest.svg");
}

.loto6fan-home .lf-heading--data::before {
	background-image: url("images/icon-chart.svg");
}

.loto6fan-home .lf-heading--updates::before {
	background-image: url("images/icon-updates.svg");
}

.loto6fan-home .lf-heading--guide::before {
	background-image: url("images/icon-guide.svg");
}

.loto6fan-home .lf-heading--solo {
	margin: 0 0 16px;
}

.loto6fan-home .lf-updates-heading {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	padding: 12px 14px;
	font-size: 1.05rem;
	font-weight: 800;
	border-bottom: 0;
}

.loto6fan-home .lf-mini-ball {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid currentColor;
	font-size: .85rem;
	font-weight: 900;
	line-height: 1;
}

/* 更新情報：オレンジ基調で統一 */
.loto6fan-home .shade-0,
.loto6fan-home .shade-1,
.loto6fan-home .shade-2,
.loto6fan-home .shade-3 {
	background: #ffe8cc;
	color: #d66a00;
}

.loto6fan-home .lf-updates-group {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
}

/* サイト案内：黄緑っぽい背景／予想は淡い青のまま */
.loto6fan-home .lf-guide-panel {
	background:
		radial-gradient(circle at 88% 18%, rgba(170, 210, 70, .22), transparent 34%),
		radial-gradient(circle at 12% 80%, rgba(140, 190, 60, .14), transparent 40%),
		linear-gradient(165deg, #f4fbe8 0%, #eaf6d8 55%, #e2f0cc 100%);
	border-color: #cfe6a0;
}

.loto6fan-home .lf-guide-panel--yosou {
	background:
		radial-gradient(circle at 85% 20%, rgba(90, 170, 255, .22), transparent 36%),
		radial-gradient(circle at 12% 78%, rgba(120, 190, 255, .14), transparent 42%),
		linear-gradient(165deg, #eef7ff 0%, #e4f1fc 55%, #d7ebfa 100%);
	border-color: #c8e4fc;
	color: inherit;
}

.loto6fan-home .lf-guide-panel--yosou .lf-guide-copy h2,
.loto6fan-home .lf-guide-panel--yosou .lf-guide-copy > p {
	color: #172234;
}

.loto6fan-home .lf-guide-panel--yosou .lf-guide-copy > p {
	color: #555;
}

/* CTA：初心者マーク／的アイコン */
.loto6fan-home .lf-guide-card__icon {
	flex: none;
	display: block;
	width: 58px;
	height: 58px;
	object-fit: contain;
}

.loto6fan-home .lf-guide-card__mark {
	display: none;
}

@media (max-width: 760px) {
	.loto6fan-home .hero-latest {
		background-size: auto, auto, auto, auto, 180% 110%, 100% 100%;
	}

	.loto6fan-home .lf-heading::before {
		width: 40px;
		height: 40px;
	}

	.loto6fan-home .lf-guide-card__icon {
		width: 48px;
		height: 48px;
	}
}