/* ============================================================
 * rinka-yofukashi.css — よふかしりんか（0:00〜4:59 だけ・html.rinka-yofukashi のとき）
 * 今日のりんかの絵に夜空の色と星・うとうとの「z」をかぶせ、眠そうなひとことの札を出す。
 * rds-* は上書きしない。動きを減らす設定では z と星のまたたきを止める。
 * ========================================================== */
.rinka-yofukashi .rinka-daily-hero__media { position: relative; }
.rinka-yofukashi .rinka-daily-hero__media::after {
	content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit;
	background:
		radial-gradient(1.5px 1.5px at 18% 14%, rgba(255,255,255,.95), transparent 60%),
		radial-gradient(1.2px 1.2px at 72% 9%, rgba(255,255,255,.85), transparent 60%),
		radial-gradient(1.8px 1.8px at 86% 24%, rgba(255,250,220,.95), transparent 60%),
		radial-gradient(1.2px 1.2px at 40% 20%, rgba(255,255,255,.8), transparent 60%),
		linear-gradient(180deg, rgba(24, 28, 80, .34) 0%, rgba(44, 38, 110, .12) 45%, rgba(16, 12, 44, .30) 100%);
	animation: rinka-yf-twinkle 4s ease-in-out infinite;
}
.rinka-yofukashi .rinka-daily-hero__media::before {
	content: "z  Z  z"; position: absolute; right: 10%; top: 8%; z-index: 2; pointer-events: none;
	font: 900 1.1rem/1 "Zen Maru Gothic", sans-serif; letter-spacing: .1em; color: #fff;
	text-shadow: 0 2px 8px rgba(40, 30, 120, .7);
	animation: rinka-yf-zzz 3.2s ease-in-out infinite;
}
@keyframes rinka-yf-twinkle { 0%, 100% { opacity: 1; } 50% { opacity: .82; } }
@keyframes rinka-yf-zzz { 0% { transform: translateY(6px); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateY(-14px); opacity: 0; } }

.rinka-yofukashi-note {
	display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px;
	margin: 8px 0 10px; padding: 10px 12px; border-radius: 16px;
	background: linear-gradient(135deg, #2b2f6b, #4a3a86); color: #f3f0ff;
	box-shadow: 0 8px 18px -12px rgba(40, 30, 120, .8);
}
.rinka-yofukashi-note__tag { display: inline-flex; align-items: center; gap: 4px; flex: none; padding: 3px 10px; border-radius: 999px; background: rgba(255, 255, 255, .14); font-size: .72rem; font-weight: 900; letter-spacing: .04em; color: #ffe9a8; }
.rinka-yofukashi-note__tag svg { color: #ffe08a; }
.rinka-yofukashi-note__line { flex: 1 1 200px; font-size: .88rem; font-weight: 700; line-height: 1.55; }
.rinka-yofukashi-note__count { flex: none; font-size: .7rem; color: #c9c0f0; }

@media (prefers-reduced-motion: reduce) {
	.rinka-yofukashi .rinka-daily-hero__media::after,
	.rinka-yofukashi .rinka-daily-hero__media::before { animation: none; }
	.rinka-yofukashi .rinka-daily-hero__media::before { opacity: .9; }
}