.fantasticamos-clock-quest {
	--fcq-ink: #1f2747;
	--fcq-muted: #59627d;
	--fcq-canvas: #fff9f2;
	--fcq-surface: #ffffff;
	--fcq-lavender: #f7f3ff;
	--fcq-aqua: #edf9f8;
	--fcq-line: #d9dce8;
	--fcq-primary: #5a3db8;
	--fcq-primary-soft: #ede7ff;
	--fcq-teal: #0b7f83;
	--fcq-teal-soft: #ddf5f3;
	--fcq-pink: #d94f8e;
	--fcq-pink-soft: #fbe5ef;
	--fcq-lime-soft: #edf6d8;
	--fcq-gold: #c78300;
	--fcq-gold-soft: #fff1cc;
	--fcq-focus: #b85e00;
	--fcq-hour: #4c3a96;
	--fcq-minute: #087c80;
	--fcq-clock-rim: #d8cff5;
	--fcq-shadow-card: 0 8px 24px rgba(31, 39, 71, 0.1);
	--fcq-shadow-button: 0 4px 0 rgba(31, 39, 71, 0.18);
	color: var(--fcq-ink);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.45;
	margin: 24px auto;
	max-width: 920px;
	padding: 0 16px;
}

.fantasticamos-clock-quest *,
.fantasticamos-clock-quest *::before,
.fantasticamos-clock-quest *::after {
	box-sizing: border-box;
}

.fantasticamos-clock-quest button,
.fantasticamos-clock-quest input,
.fantasticamos-clock-quest select {
	font: inherit;
}

.fantasticamos-clock-quest [hidden] {
	display: none !important;
}

.fantasticamos-clock-quest .fcq-shell {
	background:
		radial-gradient(circle at 12% 8%, rgba(217, 79, 142, 0.08), transparent 22%),
		radial-gradient(circle at 88% 14%, rgba(11, 127, 131, 0.09), transparent 24%),
		var(--fcq-canvas);
	border: 1px solid var(--fcq-line);
	border-radius: 24px;
	box-shadow: var(--fcq-shadow-card);
	margin: 0 auto;
	max-width: 620px;
	min-height: 620px;
	overflow: hidden;
	padding: 18px;
	position: relative;
}

.fantasticamos-clock-quest .fcq-dev-badge {
	background: var(--fcq-gold-soft);
	border: 1px solid #dfb85f;
	border-radius: 999px;
	color: var(--fcq-ink);
	font-size: 0.75rem;
	font-weight: 800;
	padding: 5px 10px;
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 2;
}

.fantasticamos-clock-quest .fcq-view {
	animation: fcq-fade-in 220ms ease both;
	min-height: 582px;
}

.fantasticamos-clock-quest .fcq-brand {
	padding: 26px 8px 8px;
	text-align: center;
}

.fantasticamos-clock-quest .fcq-brand__eyebrow {
	color: var(--fcq-primary);
	font-size: 0.86rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	margin: 0 0 2px;
	text-transform: uppercase;
}

.fantasticamos-clock-quest .fcq-brand__title,
.fantasticamos-clock-quest .fcq-prompt {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
}

.fantasticamos-clock-quest .fcq-brand__title {
	font-size: clamp(2rem, 9vw, 3rem);
	line-height: 1;
	margin: 0;
}

.fantasticamos-clock-quest .fcq-brand__subtitle {
	color: var(--fcq-muted);
	font-weight: 650;
	margin: 8px 0 0;
}

.fantasticamos-clock-quest .fcq-home-art {
	background: linear-gradient(180deg, var(--fcq-lavender), var(--fcq-aqua));
	border: 1px solid #e2deef;
	border-radius: 22px;
	height: 185px;
	margin: 20px 0;
	overflow: hidden;
	position: relative;
}

.fantasticamos-clock-quest .fcq-home-art__clock {
	align-items: center;
	background: #fffdfc;
	border: 8px solid var(--fcq-clock-rim);
	border-radius: 50%;
	box-shadow: 0 10px 24px rgba(31, 39, 71, 0.11);
	display: flex;
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.4rem;
	font-weight: 900;
	height: 118px;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: 28px;
	transform: translateX(-50%);
	width: 118px;
}

.fantasticamos-clock-quest .fcq-home-art__clock::before,
.fantasticamos-clock-quest .fcq-home-art__clock::after {
	background: var(--fcq-hour);
	border-radius: 999px;
	bottom: 50%;
	content: "";
	left: 50%;
	position: absolute;
	transform-origin: 50% 100%;
}

.fantasticamos-clock-quest .fcq-home-art__clock::before {
	height: 28px;
	transform: translateX(-50%) rotate(55deg);
	width: 6px;
}

.fantasticamos-clock-quest .fcq-home-art__clock::after {
	background: var(--fcq-minute);
	height: 40px;
	transform: translateX(-50%) rotate(180deg);
	width: 4px;
}

.fantasticamos-clock-quest .fcq-home-art__star {
	color: var(--fcq-gold);
	font-size: 2rem;
	position: absolute;
	right: 20%;
	top: 28%;
	transform: rotate(12deg);
}

.fantasticamos-clock-quest .fcq-orbit {
	border: 2px solid rgba(90, 61, 184, 0.12);
	border-radius: 50%;
	position: absolute;
}

.fantasticamos-clock-quest .fcq-orbit--one {
	height: 160px;
	left: -45px;
	top: 18px;
	width: 160px;
}

.fantasticamos-clock-quest .fcq-orbit--two {
	bottom: -62px;
	height: 180px;
	right: -40px;
	width: 180px;
}

.fantasticamos-clock-quest .fcq-home-actions {
	margin: 0 auto;
	max-width: 460px;
}

.fantasticamos-clock-quest .fcq-home-actions__pair {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 12px;
}

.fantasticamos-clock-quest .fcq-button {
	border: 2px solid transparent;
	border-radius: 16px;
	cursor: pointer;
	font-weight: 850;
	min-height: 52px;
	padding: 12px 16px;
	transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

.fantasticamos-clock-quest .fcq-button:hover {
	transform: translateY(-1px);
}

.fantasticamos-clock-quest .fcq-button:active {
	box-shadow: none;
	transform: translateY(2px);
}

.fantasticamos-clock-quest .fcq-button:focus-visible,
.fantasticamos-clock-quest .fcq-link-button:focus-visible {
	outline: 4px solid var(--fcq-focus);
	outline-offset: 3px;
}

.fantasticamos-clock-quest .fcq-button--wide {
	width: 100%;
}

.fantasticamos-clock-quest .fcq-button--primary {
	background: var(--fcq-primary);
	box-shadow: var(--fcq-shadow-button);
	color: #fff;
}

.fantasticamos-clock-quest .fcq-button--play {
	background: var(--fcq-teal);
	box-shadow: var(--fcq-shadow-button);
	color: #fff;
}

.fantasticamos-clock-quest .fcq-button--secondary {
	background: #fff;
	border-color: var(--fcq-line);
	color: var(--fcq-ink);
}

.fantasticamos-clock-quest .fcq-home-secondary {
	align-items: center;
	color: var(--fcq-muted);
	display: flex;
	font-size: 0.88rem;
	gap: 8px;
	justify-content: center;
	margin-top: 18px;
}

.fantasticamos-clock-quest .fcq-link-button {
	background: transparent;
	border: 0;
	border-radius: 10px;
	color: var(--fcq-ink);
	cursor: pointer;
	font-weight: 750;
	min-height: 44px;
	padding: 8px 10px;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.fantasticamos-clock-quest .fcq-muted {
	color: var(--fcq-muted);
}

.fantasticamos-clock-quest .fcq-center {
	text-align: center;
}

.fantasticamos-clock-quest .fcq-topbar {
	align-items: center;
	display: flex;
	justify-content: space-between;
	min-height: 52px;
	padding-right: 4px;
}

.fantasticamos-clock-quest .fcq-topbar__label {
	color: var(--fcq-muted);
	font-weight: 850;
}

.fantasticamos-clock-quest .fcq-prompt {
	font-size: clamp(1.2rem, 5vw, 1.45rem);
	font-weight: 900;
	line-height: 1.25;
	margin: 10px 0 8px;
	text-align: center;
}

.fantasticamos-clock-quest .fcq-prompt--small {
	font-size: 1.15rem;
}

.fantasticamos-clock-quest .fcq-clock-preview {
	background: #fffdfc;
	border: 10px solid var(--fcq-clock-rim);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #fff, 0 10px 26px rgba(31, 39, 71, 0.1);
	height: min(66vw, 240px);
	margin: 18px auto;
	position: relative;
	width: min(66vw, 240px);
}

.fantasticamos-clock-quest .fcq-clock-preview__num {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: clamp(0.92rem, 4vw, 1.18rem);
	font-weight: 900;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.fantasticamos-clock-quest .fcq-clock-preview__hand {
	border-radius: 999px;
	bottom: 50%;
	left: 50%;
	position: absolute;
	transform-origin: 50% 100%;
}

.fantasticamos-clock-quest .fcq-clock-preview__hand--hour {
	background: var(--fcq-hour);
	height: 27%;
	transform: translateX(-50%) rotate(135deg);
	width: 8px;
}

.fantasticamos-clock-quest .fcq-clock-preview__hand--minute {
	background: var(--fcq-minute);
	height: 39%;
	transform: translateX(-50%) rotate(180deg);
	width: 5px;
}

.fantasticamos-clock-quest .fcq-clock-preview__pin {
	background: var(--fcq-gold);
	border: 3px solid #fff;
	border-radius: 50%;
	height: 17px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 17px;
}

.fantasticamos-clock-quest .fcq-helper {
	align-items: center;
	background: var(--fcq-lavender);
	border: 1px solid #e4def4;
	border-radius: 16px;
	display: flex;
	gap: 10px;
	margin: 14px auto;
	max-width: 460px;
	padding: 12px;
}

.fantasticamos-clock-quest .fcq-helper p {
	margin: 0;
}

.fantasticamos-clock-quest .fcq-helper__icon {
	align-items: center;
	background: #fff;
	border: 3px solid #ead6b2;
	border-radius: 50%;
	color: var(--fcq-gold);
	display: flex;
	flex: 0 0 48px;
	font-size: 1.35rem;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.fantasticamos-clock-quest .fcq-card-list {
	display: grid;
	gap: 12px;
	margin: 24px auto;
	max-width: 470px;
}

.fantasticamos-clock-quest .fcq-mode-card,
.fantasticamos-clock-quest .fcq-grownup-card {
	background: #fff;
	border: 1px solid var(--fcq-line);
	border-radius: 16px;
	box-shadow: 0 4px 14px rgba(31, 39, 71, 0.06);
	padding: 16px;
}

.fantasticamos-clock-quest .fcq-mode-card {
	display: grid;
	gap: 2px;
}

.fantasticamos-clock-quest .fcq-mode-card strong {
	font-size: 1.05rem;
}

.fantasticamos-clock-quest .fcq-mode-card span {
	color: var(--fcq-muted);
}

.fantasticamos-clock-quest .fcq-grownup-card {
	margin: 12px 0;
}

.fantasticamos-clock-quest .fcq-grownup-card h3 {
	font-size: 1rem;
	margin: 0 0 5px;
}

.fantasticamos-clock-quest .fcq-grownup-card p {
	color: var(--fcq-muted);
	margin: 0;
}

.fantasticamos-clock-quest .fcq-garden-preview {
	background: linear-gradient(180deg, var(--fcq-aqua), var(--fcq-lime-soft));
	border: 1px solid #dce7d4;
	border-radius: 22px;
	height: 260px;
	margin: 18px 0;
	overflow: hidden;
	position: relative;
}

.fantasticamos-clock-quest .fcq-garden-preview__path {
	background: var(--fcq-gold-soft);
	border-radius: 50%;
	bottom: -36px;
	height: 115px;
	left: 20%;
	position: absolute;
	transform: rotate(-9deg);
	width: 78%;
}

.fantasticamos-clock-quest .fcq-garden-preview__lantern {
	background: var(--fcq-primary);
	border-radius: 10px 10px 5px 5px;
	height: 82px;
	left: 13%;
	position: absolute;
	top: 92px;
	width: 28px;
}

.fantasticamos-clock-quest .fcq-garden-preview__lantern::before {
	background: var(--fcq-gold-soft);
	border: 5px solid var(--fcq-gold);
	border-radius: 50%;
	content: "";
	height: 46px;
	left: -9px;
	position: absolute;
	top: -25px;
	width: 46px;
}

.fantasticamos-clock-quest .fcq-garden-preview__flower {
	align-items: center;
	background: var(--fcq-pink-soft);
	border: 6px solid var(--fcq-pink);
	border-radius: 50%;
	color: var(--fcq-ink);
	display: flex;
	font-size: 1.5rem;
	font-weight: 900;
	height: 72px;
	justify-content: center;
	position: absolute;
	right: 14%;
	top: 66px;
	width: 72px;
}

.fantasticamos-clock-quest .fcq-noscript {
	background: #fff;
	border: 2px solid var(--fcq-line);
	border-radius: 12px;
	color: var(--fcq-ink);
	margin: 14px 0 0;
	padding: 12px;
}

@media (max-width: 420px) {
	.fantasticamos-clock-quest {
		margin: 12px auto;
		padding: 0 8px;
	}

	.fantasticamos-clock-quest .fcq-shell {
		border-radius: 18px;
		min-height: 600px;
		padding: 14px;
	}

	.fantasticamos-clock-quest .fcq-dev-badge {
		font-size: 0.68rem;
	}

	.fantasticamos-clock-quest .fcq-home-actions__pair {
		gap: 8px;
	}

	.fantasticamos-clock-quest .fcq-home-secondary {
		align-items: flex-start;
		flex-wrap: wrap;
	}
}

@media (orientation: landscape) and (max-height: 520px) {
	.fantasticamos-clock-quest .fcq-shell {
		min-height: auto;
	}

	.fantasticamos-clock-quest .fcq-home-art {
		height: 120px;
		margin: 10px 0;
	}

	.fantasticamos-clock-quest .fcq-home-art__clock {
		height: 92px;
		top: 13px;
		width: 92px;
	}

	.fantasticamos-clock-quest .fcq-clock-preview {
		height: 190px;
		width: 190px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.fantasticamos-clock-quest .fcq-view {
		animation: none;
	}

	.fantasticamos-clock-quest .fcq-button {
		transition: none;
	}
}

@keyframes fcq-fade-in {
	from { opacity: 0; transform: translateY(4px); }
	to { opacity: 1; transform: translateY(0); }
}


/* Stage 7 shared clock engine */
.fantasticamos-clock-quest .fcq-task-note {
	margin: 0 auto 8px;
}

.fantasticamos-clock-quest .fcq-clock-widget {
	margin: 0 auto;
	max-width: 470px;
}

.fantasticamos-clock-quest .fcq-time-chip {
	align-items: center;
	background: var(--fcq-primary-soft);
	border: 1px solid #dcd1ff;
	border-radius: 999px;
	display: flex;
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.05rem;
	font-weight: 900;
	justify-content: center;
	margin: 10px auto 4px;
	min-height: 40px;
	padding: 6px 14px;
	width: max-content;
}

.fantasticamos-clock-quest .fcq-clock-face {
	background: #fffdfc;
	border: 10px solid var(--fcq-clock-rim);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #fff, 0 10px 26px rgba(31, 39, 71, 0.1);
	height: min(68vw, 250px);
	margin: 10px auto 18px;
	position: relative;
	touch-action: none;
	width: min(68vw, 250px);
}

.fantasticamos-clock-quest .fcq-clock-face__num {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: clamp(0.92rem, 4vw, 1.18rem);
	font-weight: 900;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	user-select: none;
}

.fantasticamos-clock-quest .fcq-clock-face__num--12,
.fantasticamos-clock-quest .fcq-clock-preview__num--12 { left: 50%; top: 9%; }
.fantasticamos-clock-quest .fcq-clock-face__num--1,
.fantasticamos-clock-quest .fcq-clock-preview__num--1 { left: 70.5%; top: 14.5%; }
.fantasticamos-clock-quest .fcq-clock-face__num--2,
.fantasticamos-clock-quest .fcq-clock-preview__num--2 { left: 85.5%; top: 29.5%; }
.fantasticamos-clock-quest .fcq-clock-face__num--3,
.fantasticamos-clock-quest .fcq-clock-preview__num--3 { left: 91%; top: 50%; }
.fantasticamos-clock-quest .fcq-clock-face__num--4,
.fantasticamos-clock-quest .fcq-clock-preview__num--4 { left: 85.5%; top: 70.5%; }
.fantasticamos-clock-quest .fcq-clock-face__num--5,
.fantasticamos-clock-quest .fcq-clock-preview__num--5 { left: 70.5%; top: 85.5%; }
.fantasticamos-clock-quest .fcq-clock-face__num--6,
.fantasticamos-clock-quest .fcq-clock-preview__num--6 { left: 50%; top: 91%; }
.fantasticamos-clock-quest .fcq-clock-face__num--7,
.fantasticamos-clock-quest .fcq-clock-preview__num--7 { left: 29.5%; top: 85.5%; }
.fantasticamos-clock-quest .fcq-clock-face__num--8,
.fantasticamos-clock-quest .fcq-clock-preview__num--8 { left: 14.5%; top: 70.5%; }
.fantasticamos-clock-quest .fcq-clock-face__num--9,
.fantasticamos-clock-quest .fcq-clock-preview__num--9 { left: 9%; top: 50%; }
.fantasticamos-clock-quest .fcq-clock-face__num--10,
.fantasticamos-clock-quest .fcq-clock-preview__num--10 { left: 14.5%; top: 29.5%; }
.fantasticamos-clock-quest .fcq-clock-face__num--11,
.fantasticamos-clock-quest .fcq-clock-preview__num--11 { left: 29.5%; top: 14.5%; }

.fantasticamos-clock-quest .fcq-hand-control {
	appearance: none;
	background: transparent;
	border: 0;
	bottom: 50%;
	cursor: grab;
	left: 50%;
	margin: 0;
	padding: 0;
	position: absolute;
	transform: translateX(-50%) rotate(0deg);
	transform-origin: 50% 100%;
	touch-action: none;
	z-index: 3;
}

.fantasticamos-clock-quest .fcq-hand-control--hour {
	height: 31%;
	width: 44px;
	z-index: 4;
}

.fantasticamos-clock-quest .fcq-hand-control--minute {
	height: 43%;
	width: 42px;
	z-index: 3;
}

.fantasticamos-clock-quest .fcq-hand-control:active {
	cursor: grabbing;
}

.fantasticamos-clock-quest .fcq-hand-control:focus-visible {
	outline: 4px solid var(--fcq-focus);
	outline-offset: 4px;
	border-radius: 999px;
}

.fantasticamos-clock-quest .fcq-hand-visual {
	border-radius: 999px;
	bottom: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 100%;
	pointer-events: none;
}

.fantasticamos-clock-quest .fcq-hand-visual--hour {
	background: var(--fcq-hour);
	height: 100%;
	max-width: 8px;
}

.fantasticamos-clock-quest .fcq-hand-visual--minute {
	background: var(--fcq-minute);
	height: 100%;
	max-width: 5px;
}

.fantasticamos-clock-quest [data-fcq-interacting="hour"] .fcq-hand-control--hour .fcq-hand-visual,
.fantasticamos-clock-quest [data-fcq-interacting="minute"] .fcq-hand-control--minute .fcq-hand-visual {
	box-shadow: 0 0 0 6px rgba(184, 94, 0, 0.16);
}

.fantasticamos-clock-quest .fcq-clock-face__pin {
	background: var(--fcq-gold);
	border: 3px solid #fff;
	border-radius: 50%;
	height: 18px;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 18px;
	z-index: 5;
}

.fantasticamos-clock-quest .fcq-time-steppers {
	display: grid;
	gap: 10px;
	margin: 8px 0 12px;
}

.fantasticamos-clock-quest .fcq-stepper {
	align-items: center;
	background: #fff;
	border: 1px solid var(--fcq-line);
	border-radius: 16px;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(70px, 1fr) 48px 54px 48px;
	min-height: 58px;
	padding: 6px 8px 6px 14px;
}

.fantasticamos-clock-quest .fcq-stepper__label {
	font-weight: 850;
}

.fantasticamos-clock-quest .fcq-stepper__button {
	background: var(--fcq-primary-soft);
	border: 2px solid #d7cdf5;
	border-radius: 12px;
	color: var(--fcq-ink);
	cursor: pointer;
	font-size: 1.45rem;
	font-weight: 900;
	min-height: 44px;
	min-width: 44px;
}

.fantasticamos-clock-quest .fcq-stepper__button:focus-visible,
.fantasticamos-clock-quest .fcq-engine-tools button:focus-visible {
	outline: 4px solid var(--fcq-focus);
	outline-offset: 2px;
}

.fantasticamos-clock-quest .fcq-stepper__value {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.15rem;
	font-weight: 900;
	text-align: center;
}

.fantasticamos-clock-quest .fcq-engine-tools {
	background: var(--fcq-lavender);
	border: 1px solid #e1d9f4;
	border-radius: 14px;
	margin: 12px 0;
	padding: 10px 12px;
}

.fantasticamos-clock-quest .fcq-engine-tools summary {
	cursor: pointer;
	font-weight: 850;
}

.fantasticamos-clock-quest .fcq-engine-tools__group {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 10px;
}

.fantasticamos-clock-quest .fcq-engine-tools button {
	background: #fff;
	border: 1px solid var(--fcq-line);
	border-radius: 9px;
	color: var(--fcq-ink);
	cursor: pointer;
	font-weight: 750;
	min-height: 40px;
	padding: 6px 10px;
}

.fantasticamos-clock-quest .fcq-engine-tools button[aria-pressed="true"] {
	background: var(--fcq-primary);
	border-color: var(--fcq-primary);
	color: #fff;
}

.fantasticamos-clock-quest .fcq-sr-only {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
}

@media (max-width: 360px) {
	.fantasticamos-clock-quest .fcq-clock-face {
		height: min(66vw, 226px);
		width: min(66vw, 226px);
	}

	.fantasticamos-clock-quest .fcq-stepper {
		grid-template-columns: minmax(62px, 1fr) 46px 48px 46px;
		padding-left: 10px;
	}
}

@media (orientation: landscape) and (max-height: 520px) {
	.fantasticamos-clock-quest .fcq-clock-widget {
		align-items: center;
		display: grid;
		gap: 10px 18px;
		grid-template-columns: minmax(190px, 0.9fr) minmax(250px, 1.1fr);
	}

	.fantasticamos-clock-quest .fcq-time-chip {
		grid-column: 1;
		grid-row: 1;
		margin-bottom: -2px;
	}

	.fantasticamos-clock-quest .fcq-clock-face {
		grid-column: 1;
		grid-row: 2 / span 2;
		height: 190px;
		margin: 0 auto;
		width: 190px;
	}

	.fantasticamos-clock-quest .fcq-time-steppers {
		grid-column: 2;
		grid-row: 2;
		margin: 0;
	}

	.fantasticamos-clock-quest .fcq-engine-tools {
		grid-column: 2;
		grid-row: 3;
	}
}

@media (prefers-reduced-motion: reduce) {
	.fantasticamos-clock-quest .fcq-hand-control {
		transition: none !important;
	}
}


/* Stage 8 Alice Learn Mode */
.fantasticamos-clock-quest .fcq-lesson-strip {
	align-items: center;
	background: var(--fcq-lavender);
	border: 1px solid #e3dbf5;
	border-radius: 14px;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin: 4px 0 10px;
	padding: 8px 11px;
}

.fantasticamos-clock-quest .fcq-lesson-strip__title {
	font-weight: 900;
}

.fantasticamos-clock-quest .fcq-lesson-strip__step {
	color: var(--fcq-muted);
	font-size: 0.82rem;
	font-weight: 750;
	white-space: nowrap;
}

.fantasticamos-clock-quest .fcq-clock-face__num {
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--fcq-ink);
	cursor: default;
	height: 44px;
	margin: 0;
	padding: 0;
	width: 44px;
	z-index: 6;
}

.fantasticamos-clock-quest .fcq-clock-face__num:not(:disabled) {
	background: #fff;
	border: 2px solid #d9dce8;
	border-radius: 50%;
	cursor: pointer;
}

.fantasticamos-clock-quest .fcq-clock-face__num:not(:disabled):focus-visible {
	outline: 4px solid var(--fcq-focus);
	outline-offset: 2px;
}

.fantasticamos-clock-quest .fcq-hand-control:disabled {
	cursor: default;
	pointer-events: none;
}

.fantasticamos-clock-quest .fcq-stepper__button:disabled,
.fantasticamos-clock-quest .fcq-answer-card:disabled {
	cursor: default;
	opacity: 0.72;
}

.fantasticamos-clock-quest .fcq-answer-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 12px auto;
	max-width: 470px;
}

.fantasticamos-clock-quest .fcq-answer-card {
	background: #fff;
	border: 2px solid var(--fcq-line);
	border-radius: 16px;
	color: var(--fcq-ink);
	cursor: pointer;
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.08rem;
	font-weight: 900;
	min-height: 54px;
	padding: 10px 12px;
}

.fantasticamos-clock-quest .fcq-answer-card:nth-child(3):last-child {
	grid-column: 1 / -1;
}

.fantasticamos-clock-quest .fcq-answer-card:focus-visible {
	outline: 4px solid var(--fcq-focus);
	outline-offset: 2px;
}

.fantasticamos-clock-quest .fcq-learn-feedback {
	align-items: center;
	background: var(--fcq-lavender);
	border: 1px solid #e1d9f4;
	border-radius: 16px;
	display: grid;
	gap: 10px;
	grid-template-columns: 54px 1fr;
	margin: 12px auto;
	max-width: 470px;
	min-height: 76px;
	padding: 10px 12px;
}

.fantasticamos-clock-quest .fcq-learn-feedback[data-fcq-feedback="success"] {
	background: #e5f5ea;
	border-color: #b9dfc5;
}

.fantasticamos-clock-quest .fcq-learn-feedback[data-fcq-feedback="try"] {
	background: #fff6e5;
	border-color: #edd49d;
}

.fantasticamos-clock-quest .fcq-learn-feedback p {
	margin: 0;
}

.fantasticamos-clock-quest .fcq-fluffernutter-mark {
	background: #fffdf8;
	border: 2px solid #e4caca;
	border-radius: 48% 48% 45% 45%;
	display: block;
	height: 44px;
	position: relative;
	width: 44px;
}

.fantasticamos-clock-quest .fcq-fluffernutter-mark::before,
.fantasticamos-clock-quest .fcq-fluffernutter-mark::after {
	background: #fffdf8;
	border: 2px solid #e4caca;
	border-radius: 999px;
	content: "";
	height: 32px;
	position: absolute;
	top: -21px;
	width: 14px;
	z-index: -1;
}

.fantasticamos-clock-quest .fcq-fluffernutter-mark::before {
	left: 3px;
	transform: rotate(-10deg);
}

.fantasticamos-clock-quest .fcq-fluffernutter-mark::after {
	right: 3px;
	transform: rotate(10deg);
}

.fantasticamos-clock-quest .fcq-fluffernutter-mark span::before,
.fantasticamos-clock-quest .fcq-fluffernutter-mark span::after {
	background: var(--fcq-ink);
	border-radius: 50%;
	content: "";
	height: 4px;
	position: absolute;
	top: 16px;
	width: 4px;
}

.fantasticamos-clock-quest .fcq-fluffernutter-mark span::before { left: 11px; }
.fantasticamos-clock-quest .fcq-fluffernutter-mark span::after { right: 11px; }

.fantasticamos-clock-quest .fcq-learn-complete {
	background: linear-gradient(180deg, var(--fcq-lavender), #fff);
	border: 1px solid #dfd7f2;
	border-radius: 22px;
	margin: 22px auto;
	max-width: 470px;
	padding: 24px 16px;
	text-align: center;
}

.fantasticamos-clock-quest .fcq-learn-complete__stars {
	color: var(--fcq-gold);
	font-size: 1.45rem;
	letter-spacing: 0.18em;
}

.fantasticamos-clock-quest .fcq-learn-complete h3 {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.4rem;
	margin: 8px 0 4px;
}

.fantasticamos-clock-quest .fcq-learn-complete p {
	color: var(--fcq-muted);
	margin: 0;
}

.fantasticamos-clock-quest .fcq-learn-actions {
	display: grid;
	gap: 8px;
	margin: 10px auto 0;
	max-width: 470px;
}

.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="hour"] .fcq-hand-visual--hour,
.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="minute"] .fcq-hand-visual--minute,
.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="oclock"] .fcq-hand-visual--minute {
	box-shadow: 0 0 0 7px rgba(184, 94, 0, 0.18);
}

.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="landmarks"] .fcq-clock-face__num--12,
.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="landmarks"] .fcq-clock-face__num--3,
.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="landmarks"] .fcq-clock-face__num--6,
.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="landmarks"] .fcq-clock-face__num--9,
.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="number-12"] .fcq-clock-face__num--12,
.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="number-3"] .fcq-clock-face__num--3,
.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="number-4"] .fcq-clock-face__num--4,
.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="number-6"] .fcq-clock-face__num--6,
.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="number-9"] .fcq-clock-face__num--9,
.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo="number-10"] .fcq-clock-face__num--10 {
	box-shadow: 0 0 0 6px rgba(184, 94, 0, 0.17);
	color: var(--fcq-primary);
}

@media (max-width: 360px) {
	.fantasticamos-clock-quest .fcq-lesson-strip {
		padding: 7px 9px;
	}
	.fantasticamos-clock-quest .fcq-clock-face__num {
		height: 44px;
		width: 44px;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo] .fcq-hand-visual,
	.fantasticamos-clock-quest .fcq-clock-widget[data-fcq-demo] .fcq-clock-face__num {
		transition: box-shadow 180ms ease, color 180ms ease;
	}
}


/* Stage 9 screenshot-informed polish */
.fantasticamos-clock-quest:not([data-fcq-view="home"]) .fcq-dev-badge {
	display: none;
}

/* Stage 9 Play Mode */
.fantasticamos-clock-quest .fcq-play-heading {
	margin: 14px auto 18px;
	max-width: 470px;
	text-align: center;
}

.fantasticamos-clock-quest .fcq-play-heading h3 {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.45rem;
	margin: 3px 0 5px;
}

.fantasticamos-clock-quest .fcq-play-heading p {
	color: var(--fcq-muted);
	margin: 0;
}

.fantasticamos-clock-quest .fcq-play-menu-grid {
	display: grid;
	gap: 10px;
	margin: 0 auto;
	max-width: 470px;
}

.fantasticamos-clock-quest .fcq-play-card {
	align-items: center;
	background: #fff;
	border: 2px solid #d9dce8;
	border-radius: 17px;
	color: var(--fcq-ink);
	cursor: pointer;
	display: grid;
	gap: 12px;
	grid-template-columns: 54px 1fr;
	min-height: 76px;
	padding: 10px 13px;
	text-align: left;
}

.fantasticamos-clock-quest .fcq-play-card:hover {
	border-color: var(--fcq-teal);
}

.fantasticamos-clock-quest .fcq-play-card:focus-visible,
.fantasticamos-clock-quest .fcq-mini-clock-card:focus-visible {
	outline: 4px solid var(--fcq-focus);
	outline-offset: 3px;
}

.fantasticamos-clock-quest .fcq-play-card__icon {
	align-items: center;
	background: var(--fcq-teal-soft);
	border-radius: 14px;
	color: var(--fcq-teal);
	display: flex;
	font-size: 1.5rem;
	font-weight: 900;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.fantasticamos-clock-quest .fcq-play-card strong,
.fantasticamos-clock-quest .fcq-play-card small {
	display: block;
}

.fantasticamos-clock-quest .fcq-play-card strong {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1rem;
}

.fantasticamos-clock-quest .fcq-play-card small {
	color: var(--fcq-muted);
	margin-top: 2px;
}

.fantasticamos-clock-quest .fcq-play-scope-note {
	background: var(--fcq-aqua);
	border: 1px solid #d5e9e7;
	border-radius: 14px;
	color: var(--fcq-muted);
	font-size: 0.82rem;
	margin: 14px auto 0;
	max-width: 470px;
	padding: 9px 11px;
	text-align: center;
}

.fantasticamos-clock-quest .fcq-lesson-strip--play {
	background: var(--fcq-aqua);
	border-color: #d5e9e7;
}

.fantasticamos-clock-quest .fcq-play-choose-link {
	justify-self: center;
}

.fantasticamos-clock-quest .fcq-mini-clock-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 18px auto;
	max-width: 470px;
}

.fantasticamos-clock-quest .fcq-mini-clock-card {
	background: #fff;
	border: 2px solid var(--fcq-line);
	border-radius: 16px;
	cursor: pointer;
	min-height: 142px;
	padding: 8px;
}

.fantasticamos-clock-quest .fcq-mini-clock-card:disabled {
	cursor: default;
	opacity: 0.72;
}

.fantasticamos-clock-quest .fcq-mini-clock {
	background: #fffdfc;
	border: 7px solid var(--fcq-clock-rim);
	border-radius: 50%;
	display: block;
	height: 104px;
	margin: 0 auto;
	position: relative;
	width: 104px;
}

.fantasticamos-clock-quest .fcq-mini-clock__hour,
.fantasticamos-clock-quest .fcq-mini-clock__minute {
	border-radius: 999px;
	bottom: 50%;
	left: 50%;
	position: absolute;
	transform-origin: 50% 100%;
}

.fantasticamos-clock-quest .fcq-mini-clock__hour {
	background: var(--fcq-hour);
	height: 26px;
	width: 6px;
}

.fantasticamos-clock-quest .fcq-mini-clock__minute {
	background: var(--fcq-minute);
	height: 39px;
	width: 4px;
}

.fantasticamos-clock-quest .fcq-mini-clock__pin {
	background: var(--fcq-gold);
	border: 2px solid #fff;
	border-radius: 50%;
	height: 11px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 11px;
}

.fantasticamos-clock-quest .fcq-mini-clock__n {
	font-size: 0.62rem;
	font-weight: 850;
	position: absolute;
}

.fantasticamos-clock-quest .fcq-mini-clock__n--12 {
	left: 50%;
	top: 4px;
	transform: translateX(-50%);
}

.fantasticamos-clock-quest .fcq-mini-clock__n--3 {
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
}

.fantasticamos-clock-quest .fcq-mini-clock__n--6 {
	bottom: 3px;
	left: 50%;
	transform: translateX(-50%);
}

.fantasticamos-clock-quest .fcq-mini-clock__n--9 {
	left: 6px;
	top: 50%;
	transform: translateY(-50%);
}

.fantasticamos-clock-quest .fcq-play-summary {
	background: linear-gradient(180deg, var(--fcq-aqua), #fff);
	border: 1px solid #d5e9e7;
	border-radius: 22px;
	margin: 28px auto;
	max-width: 470px;
	padding: 28px 16px;
	text-align: center;
}

.fantasticamos-clock-quest .fcq-play-summary__stars {
	color: var(--fcq-gold);
	font-size: 1.5rem;
	letter-spacing: 0.18em;
}

.fantasticamos-clock-quest .fcq-play-summary h3 {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.45rem;
	margin: 8px 0 5px;
}

.fantasticamos-clock-quest .fcq-play-summary p {
	color: var(--fcq-muted);
	margin: 0 0 16px;
}

@media (max-width: 390px) {
	.fantasticamos-clock-quest .fcq-mini-clock-grid {
		gap: 6px;
	}

	.fantasticamos-clock-quest .fcq-mini-clock-card {
		min-height: 122px;
		padding: 6px;
	}

	.fantasticamos-clock-quest .fcq-mini-clock {
		border-width: 6px;
		height: 88px;
		width: 88px;
	}
}


/* Stage 10 — Fantasticamos Time Garden */
.fantasticamos-clock-quest .fcq-adventure-heading {
	margin: 14px auto 12px;
	max-width: 470px;
	text-align: center;
}

.fantasticamos-clock-quest .fcq-adventure-heading h3 {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.45rem;
	margin: 2px 0 4px;
}

.fantasticamos-clock-quest .fcq-adventure-heading p:last-child {
	color: var(--fcq-muted);
	margin: 0;
}

.fantasticamos-clock-quest .fcq-time-garden {
	background:
		radial-gradient(circle at 82% 18%, rgba(255, 241, 204, 0.78), transparent 18%),
		linear-gradient(180deg, var(--fcq-aqua), var(--fcq-lime-soft));
	border: 1px solid #d8e5d1;
	border-radius: 22px;
	height: 250px;
	margin: 12px auto;
	max-width: 470px;
	overflow: hidden;
	position: relative;
}

.fantasticamos-clock-quest .fcq-time-garden__path {
	background: rgba(255, 241, 204, 0.9);
	border: 2px solid rgba(199, 131, 0, 0.18);
	border-radius: 50%;
	bottom: -54px;
	height: 160px;
	left: 8%;
	position: absolute;
	transform: rotate(-7deg);
	width: 90%;
}

.fantasticamos-clock-quest .fcq-garden-node {
	align-items: center;
	background: rgba(255, 255, 255, 0.78);
	border: 3px solid #cfd6c7;
	border-radius: 50%;
	color: var(--fcq-muted);
	display: flex;
	font-size: 1.35rem;
	font-weight: 900;
	height: 54px;
	justify-content: center;
	position: absolute;
	transition: transform 220ms ease, box-shadow 220ms ease, background-color 220ms ease;
	width: 54px;
	z-index: 2;
}

.fantasticamos-clock-quest .fcq-garden-node--flower { left: 9%; top: 33px; }
.fantasticamos-clock-quest .fcq-garden-node--lantern { left: 32%; top: 116px; }
.fantasticamos-clock-quest .fcq-garden-node--gear { left: 53%; top: 45px; }
.fantasticamos-clock-quest .fcq-garden-node--fountain { right: 9%; top: 120px; }
.fantasticamos-clock-quest .fcq-garden-node--clock { right: 12%; top: 26px; }

.fantasticamos-clock-quest .fcq-garden-node[data-fcq-garden-state="current"] {
	background: #fff;
	border-color: var(--fcq-gold);
	box-shadow: 0 0 0 7px rgba(199, 131, 0, 0.13);
	color: var(--fcq-gold);
	transform: scale(1.06);
}

.fantasticamos-clock-quest .fcq-garden-node[data-fcq-garden-state="restored"] {
	background: #fff;
	border-color: var(--fcq-primary);
	box-shadow: 0 6px 16px rgba(90, 61, 184, 0.12);
	color: var(--fcq-primary);
}

.fantasticamos-clock-quest .fcq-garden-node[data-fcq-garden-state="waiting"] {
	filter: saturate(0.45);
	opacity: 0.68;
}

.fantasticamos-clock-quest .fcq-adventure-card {
	align-items: center;
	background: var(--fcq-lavender);
	border: 1px solid #e1d9f4;
	border-radius: 16px;
	display: grid;
	gap: 12px;
	grid-template-columns: 58px 1fr;
	margin: 12px auto;
	max-width: 470px;
	padding: 12px;
}

.fantasticamos-clock-quest .fcq-adventure-card h3 {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1rem;
	margin: 0 0 3px;
}

.fantasticamos-clock-quest .fcq-adventure-card p {
	color: var(--fcq-muted);
	font-size: 0.9rem;
	margin: 0;
}

.fantasticamos-clock-quest .fcq-fluffernutter-mark--garden {
	margin-left: 5px;
	z-index: 0;
}

.fantasticamos-clock-quest .fcq-lesson-strip--adventure {
	background: var(--fcq-gold-soft);
	border-color: #ecd6a1;
}

.fantasticamos-clock-quest .fcq-adventure-reward,
.fantasticamos-clock-quest .fcq-adventure-complete {
	background: linear-gradient(180deg, var(--fcq-lavender), #fff);
	border: 1px solid #dfd7f2;
	border-radius: 22px;
	margin: 26px auto;
	max-width: 470px;
	padding: 28px 16px;
	text-align: center;
}

.fantasticamos-clock-quest .fcq-adventure-reward h3,
.fantasticamos-clock-quest .fcq-adventure-complete h3 {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.42rem;
	margin: 12px 0 5px;
}

.fantasticamos-clock-quest .fcq-adventure-reward p,
.fantasticamos-clock-quest .fcq-adventure-complete p {
	color: var(--fcq-muted);
	margin: 0 0 18px;
}

.fantasticamos-clock-quest .fcq-reward-object {
	align-items: center;
	background: var(--fcq-gold-soft);
	border: 5px solid var(--fcq-gold);
	border-radius: 50%;
	display: flex;
	height: 110px;
	justify-content: center;
	margin: 0 auto;
	position: relative;
	width: 110px;
}

.fantasticamos-clock-quest .fcq-reward-object__core {
	color: var(--fcq-gold);
	font-size: 2rem;
	font-weight: 900;
}

.fantasticamos-clock-quest .fcq-reward-object[data-fcq-reward-type="flower"]::before,
.fantasticamos-clock-quest .fcq-reward-object[data-fcq-reward-type="flower"]::after {
	background: var(--fcq-pink-soft);
	border: 4px solid var(--fcq-pink);
	border-radius: 50%;
	content: "";
	height: 55px;
	position: absolute;
	width: 55px;
	z-index: -1;
}

.fantasticamos-clock-quest .fcq-reward-object[data-fcq-reward-type="flower"]::before {
	left: -24px;
}

.fantasticamos-clock-quest .fcq-reward-object[data-fcq-reward-type="flower"]::after {
	right: -24px;
}

.fantasticamos-clock-quest .fcq-reward-object[data-fcq-reward-type="lantern"] {
	border-radius: 22px;
	box-shadow: 0 0 28px rgba(199, 131, 0, 0.28);
}

.fantasticamos-clock-quest .fcq-reward-object[data-fcq-reward-type="gear"] {
	border-style: dashed;
	transform: rotate(10deg);
}

.fantasticamos-clock-quest .fcq-reward-object[data-fcq-reward-type="fountain"] {
	background: var(--fcq-aqua);
	border-color: var(--fcq-teal);
}

.fantasticamos-clock-quest .fcq-reward-object[data-fcq-reward-type="clock"] {
	background: #fffdfc;
	border-color: var(--fcq-clock-rim);
}

.fantasticamos-clock-quest .fcq-adventure-complete__garden {
	color: var(--fcq-primary);
	font-size: 1.8rem;
	letter-spacing: 0.18em;
}

@media (prefers-reduced-motion: no-preference) {
	.fantasticamos-clock-quest .fcq-adventure-reward:not([hidden]) .fcq-reward-object[data-fcq-reward-type="flower"] {
		animation: fcq-reward-bloom 760ms ease both;
	}

	.fantasticamos-clock-quest .fcq-adventure-reward:not([hidden]) .fcq-reward-object[data-fcq-reward-type="lantern"] {
		animation: fcq-reward-glow 850ms ease both;
	}

	.fantasticamos-clock-quest .fcq-adventure-reward:not([hidden]) .fcq-reward-object[data-fcq-reward-type="gear"] {
		animation: fcq-reward-turn 800ms ease both;
	}

	.fantasticamos-clock-quest .fcq-adventure-reward:not([hidden]) .fcq-reward-object[data-fcq-reward-type="fountain"] {
		animation: fcq-reward-rise 720ms ease both;
	}

	.fantasticamos-clock-quest .fcq-adventure-reward:not([hidden]) .fcq-reward-object[data-fcq-reward-type="clock"] {
		animation: fcq-reward-wake 720ms ease both;
	}
}

@keyframes fcq-reward-bloom {
	0% { opacity: 0.3; transform: scale(0.72); }
	70% { transform: scale(1.08); }
	100% { opacity: 1; transform: scale(1); }
}

@keyframes fcq-reward-glow {
	0% { box-shadow: 0 0 0 rgba(199, 131, 0, 0); opacity: 0.55; }
	100% { box-shadow: 0 0 34px rgba(199, 131, 0, 0.34); opacity: 1; }
}

@keyframes fcq-reward-turn {
	0% { opacity: 0.4; transform: rotate(-35deg) scale(0.82); }
	100% { opacity: 1; transform: rotate(10deg) scale(1); }
}

@keyframes fcq-reward-rise {
	0% { opacity: 0.35; transform: translateY(14px); }
	100% { opacity: 1; transform: translateY(0); }
}

@keyframes fcq-reward-wake {
	0% { opacity: 0.45; transform: scale(0.9); }
	55% { transform: scale(1.06); }
	100% { opacity: 1; transform: scale(1); }
}

@media (max-width: 390px) {
	.fantasticamos-clock-quest .fcq-time-garden {
		height: 230px;
	}

	.fantasticamos-clock-quest .fcq-garden-node {
		height: 48px;
		width: 48px;
	}

	.fantasticamos-clock-quest .fcq-garden-node--flower { left: 7%; top: 30px; }
	.fantasticamos-clock-quest .fcq-garden-node--lantern { left: 29%; top: 108px; }
	.fantasticamos-clock-quest .fcq-garden-node--gear { left: 51%; top: 40px; }
	.fantasticamos-clock-quest .fcq-garden-node--fountain { right: 7%; top: 110px; }
	.fantasticamos-clock-quest .fcq-garden-node--clock { right: 9%; top: 23px; }
}


/* Stage 11 — Family Character Missions */
.fantasticamos-clock-quest .fcq-adventure-actions {
	display: grid;
	gap: 8px;
	margin: 0 auto;
	max-width: 470px;
}

.fantasticamos-clock-quest .fcq-family-heading {
	margin: 14px auto 12px;
	max-width: 470px;
	text-align: center;
}

.fantasticamos-clock-quest .fcq-family-heading h3 {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.45rem;
	margin: 2px 0 4px;
}

.fantasticamos-clock-quest .fcq-family-heading p:last-child {
	color: var(--fcq-muted);
	margin: 0;
}

.fantasticamos-clock-quest .fcq-family-progress-row,
.fantasticamos-clock-quest .fcq-family-team {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: center;
	margin: 12px auto;
	max-width: 470px;
}

.fantasticamos-clock-quest .fcq-family-progress-badge {
	--fcq-badge-skin: #d5a06f;
	--fcq-badge-hair: #3a241c;
	--fcq-badge-ring: #d8cff5;
	background: var(--fcq-badge-skin);
	border: 3px solid var(--fcq-badge-ring);
	border-radius: 50%;
	box-shadow: inset 0 -12px 0 rgba(255,255,255,0.14);
	display: inline-block;
	height: 42px;
	opacity: 0.62;
	position: relative;
	width: 42px;
}

.fantasticamos-clock-quest .fcq-family-progress-badge::before {
	background: var(--fcq-badge-hair);
	border-radius: 50% 50% 34% 34%;
	content: "";
	height: 23px;
	left: 6px;
	position: absolute;
	top: 3px;
	width: 24px;
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-family-state="current"] {
	box-shadow: 0 0 0 5px rgba(199, 131, 0, 0.13);
	opacity: 1;
	transform: scale(1.08);
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-family-state="complete"] {
	border-color: var(--fcq-primary);
	opacity: 1;
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-character="fluffernutter"] {
	--fcq-badge-skin: #fffdf8;
	--fcq-badge-hair: #f6ede9;
	--fcq-badge-ring: #e4caca;
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-character="fluffernutter"]::before {
	background: transparent;
	border-left: 8px solid #fffdf8;
	border-radius: 999px;
	border-right: 8px solid #fffdf8;
	height: 27px;
	left: 9px;
	top: -7px;
	width: 9px;
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-character="mommy"] {
	--fcq-badge-hair: #2d211d;
	--fcq-badge-ring: #aa90cf;
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-character="daddy"] {
	--fcq-badge-skin: #d8a476;
	--fcq-badge-hair: transparent;
	--fcq-badge-ring: #58789b;
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-character="daddy"]::before {
	display: none;
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-character="ariel"] {
	--fcq-badge-hair: #2d201b;
	--fcq-badge-ring: #284c73;
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-character="alice"] {
	--fcq-badge-hair: #6c4129;
	--fcq-badge-ring: #e88aae;
}

.fantasticamos-clock-quest .fcq-family-mission-card {
	align-items: center;
	background: linear-gradient(135deg, var(--fcq-lavender), #fff);
	border: 1px solid #e1d9f4;
	border-radius: 18px;
	display: grid;
	gap: 14px;
	grid-template-columns: 84px 1fr;
	margin: 14px auto;
	max-width: 470px;
	padding: 14px;
}

.fantasticamos-clock-quest .fcq-family-mission-card h3 {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.05rem;
	line-height: 1.2;
	margin: 3px 0 4px;
}

.fantasticamos-clock-quest .fcq-family-mission-card p {
	color: var(--fcq-muted);
	margin: 0;
}

.fantasticamos-clock-quest .fcq-family-story-label {
	color: var(--fcq-primary) !important;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.fantasticamos-clock-quest .fcq-family-character-name {
	color: var(--fcq-ink) !important;
	font-size: 0.82rem;
	font-weight: 850;
}

.fantasticamos-clock-quest .fcq-character-badge {
	--fcq-char-skin: #d5a06f;
	--fcq-char-hair: #3a241c;
	--fcq-char-ring: #d8cff5;
	align-items: flex-end;
	background: var(--fcq-char-skin);
	border: 4px solid var(--fcq-char-ring);
	border-radius: 50%;
	display: flex;
	height: 72px;
	justify-content: center;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	width: 72px;
}

.fantasticamos-clock-quest .fcq-character-badge > span {
	background: var(--fcq-char-hair);
	border-radius: 50% 50% 35% 35%;
	height: 48px;
	left: 10px;
	position: absolute;
	top: 4px;
	width: 44px;
	z-index: 0;
}

.fantasticamos-clock-quest .fcq-character-badge::before,
.fantasticamos-clock-quest .fcq-character-badge::after {
	background: var(--fcq-ink);
	border-radius: 50%;
	content: "";
	height: 5px;
	position: absolute;
	top: 32px;
	width: 5px;
	z-index: 2;
}

.fantasticamos-clock-quest .fcq-character-badge::before {
	left: 24px;
}

.fantasticamos-clock-quest .fcq-character-badge::after {
	right: 24px;
}

.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="fluffernutter"] {
	--fcq-char-skin: #fffdf8;
	--fcq-char-hair: #fffdf8;
	--fcq-char-ring: #e4caca;
}

.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="fluffernutter"] > span {
	background: #fffdf8;
	border-radius: 50%;
	height: 54px;
	left: 5px;
	top: 8px;
	width: 54px;
}

.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="fluffernutter"] > span::before,
.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="fluffernutter"] > span::after {
	background: #fffdf8;
	border: 2px solid #e4caca;
	border-radius: 999px;
	content: "";
	height: 37px;
	position: absolute;
	top: -24px;
	width: 15px;
}

.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="fluffernutter"] > span::before {
	left: 6px;
	transform: rotate(-10deg);
}

.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="fluffernutter"] > span::after {
	right: 6px;
	transform: rotate(10deg);
}

.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="mommy"] {
	--fcq-char-hair: #2d211d;
	--fcq-char-ring: #aa90cf;
}

.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="daddy"] {
	--fcq-char-skin: #d8a476;
	--fcq-char-hair: transparent;
	--fcq-char-ring: #58789b;
}

.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="daddy"] > span {
	display: none;
}

.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="ariel"] {
	--fcq-char-hair: #2d201b;
	--fcq-char-ring: #284c73;
}

.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="alice"] {
	--fcq-char-hair: #6c4129;
	--fcq-char-ring: #e88aae;
}

.fantasticamos-clock-quest .fcq-character-badge--large {
	height: 104px;
	width: 104px;
}

.fantasticamos-clock-quest .fcq-character-badge--large > span {
	height: 70px;
	left: 13px;
	top: 6px;
	width: 70px;
}

.fantasticamos-clock-quest .fcq-character-badge--large::before,
.fantasticamos-clock-quest .fcq-character-badge--large::after {
	height: 7px;
	top: 45px;
	width: 7px;
}

.fantasticamos-clock-quest .fcq-character-badge--large::before { left: 35px; }
.fantasticamos-clock-quest .fcq-character-badge--large::after { right: 35px; }

.fantasticamos-clock-quest .fcq-lesson-strip--family {
	background: linear-gradient(90deg, var(--fcq-lavender), var(--fcq-pink-soft));
	border-color: #e6d3e7;
}

.fantasticamos-clock-quest .fcq-family-reaction,
.fantasticamos-clock-quest .fcq-family-complete {
	background: linear-gradient(180deg, var(--fcq-lavender), #fff);
	border: 1px solid #dfd7f2;
	border-radius: 22px;
	margin: 26px auto;
	max-width: 470px;
	padding: 28px 16px;
	text-align: center;
}

.fantasticamos-clock-quest .fcq-family-reaction h3,
.fantasticamos-clock-quest .fcq-family-complete h3 {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.42rem;
	margin: 12px 0 5px;
}

.fantasticamos-clock-quest .fcq-family-reaction p,
.fantasticamos-clock-quest .fcq-family-complete p {
	color: var(--fcq-muted);
	margin: 0 0 18px;
}

.fantasticamos-clock-quest .fcq-family-team {
	margin-bottom: 18px;
}

@media (max-width: 390px) {
	.fantasticamos-clock-quest .fcq-family-mission-card {
		grid-template-columns: 70px 1fr;
		padding: 12px;
	}

	.fantasticamos-clock-quest .fcq-character-badge {
		height: 62px;
		width: 62px;
	}

	.fantasticamos-clock-quest .fcq-family-progress-badge {
		height: 38px;
		width: 38px;
	}
}


/* Stage 11C — App-Wide Fantasticamos Character Art */
.fantasticamos-clock-quest .fcq-home-art--family {
	background:
		radial-gradient(circle at 18% 22%, rgba(255,255,255,.88), transparent 24%),
		radial-gradient(circle at 82% 18%, rgba(255,236,162,.5), transparent 22%),
		linear-gradient(180deg, #eef7ff 0%, #f4efff 48%, #e9f7ef 100%);
	height: clamp(190px, 39vw, 245px);
	overflow: hidden;
	position: relative;
}

.fantasticamos-clock-quest .fcq-home-family-lineup {
	background: url("../images/characters/family-home-lineup.webp") center bottom / contain no-repeat;
	bottom: -2px;
	inset-inline: 2%;
	pointer-events: none;
	position: absolute;
	top: 5px;
	z-index: 2;
}

.fantasticamos-clock-quest .fcq-home-art--family .fcq-home-art__clock {
	left: 50%;
	opacity: .85;
	top: 39%;
	transform: translate(-50%,-50%) scale(.78);
	z-index: 1;
}

.fantasticamos-clock-quest .fcq-home-art--family .fcq-home-art__star {
	right: 5%;
	top: 13%;
	z-index: 4;
}

.fantasticamos-clock-quest .fcq-home-art__spark {
	color: var(--fcq-gold);
	font-size: 1rem;
	position: absolute;
	text-shadow: 0 2px 8px rgba(199,131,0,.25);
	z-index: 4;
}

.fantasticamos-clock-quest .fcq-home-art__spark--one {
	left: 8%;
	top: 13%;
}

.fantasticamos-clock-quest .fcq-home-art__spark--two {
	color: var(--fcq-pink);
	right: 16%;
	top: 38%;
}

.fantasticamos-clock-quest .fcq-character-prompt {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: 68px 1fr;
	margin: 0 auto 4px;
	max-width: 470px;
	min-height: 68px;
}

.fantasticamos-clock-quest .fcq-character-prompt .fcq-prompt {
	margin-bottom: 2px;
	text-align: left;
}

.fantasticamos-clock-quest .fcq-character-prompt .fcq-task-note {
	text-align: left;
}

.fantasticamos-clock-quest .fcq-character-art {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	pointer-events: none;
}

.fantasticamos-clock-quest .fcq-character-art--alice {
	background-image: url("../images/characters/alice-clock-guide.webp");
	height: 74px;
	width: 68px;
}

.fantasticamos-clock-quest .fcq-character-art--ariel {
	background-image: url("../images/characters/ariel-challenge-guide.webp");
	height: 94px;
	width: 82px;
}

.fantasticamos-clock-quest .fcq-character-token {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	flex: 0 0 auto;
	height: 58px;
	pointer-events: none;
	width: 58px;
}

.fantasticamos-clock-quest .fcq-character-token--fluffernutter {
	background-image: url("../images/characters/fluffernutter-badge.webp");
}

.fantasticamos-clock-quest .fcq-character-token--garden {
	height: 64px;
	width: 64px;
}

.fantasticamos-clock-quest .fcq-learn-complete__cast {
	align-items: flex-end;
	display: flex;
	height: 78px;
	justify-content: center;
	margin-top: -8px;
}

.fantasticamos-clock-quest .fcq-learn-complete__cast .fcq-character-art--alice {
	height: 84px;
	width: 72px;
}

.fantasticamos-clock-quest .fcq-learn-complete__cast .fcq-character-token--fluffernutter {
	margin-left: -12px;
}

.fantasticamos-clock-quest .fcq-play-heading--with-ariel {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: 86px 1fr;
	text-align: left;
}

.fantasticamos-clock-quest .fcq-play-heading--with-ariel h3,
.fantasticamos-clock-quest .fcq-play-heading--with-ariel p {
	text-align: left;
}

.fantasticamos-clock-quest .fcq-time-garden {
	isolation: isolate;
}

.fantasticamos-clock-quest .fcq-garden-character {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.fantasticamos-clock-quest .fcq-garden-character--alice {
	background-image: url("../images/characters/alice-clock-guide.webp");
	height: 118px;
	left: -8px;
	width: 96px;
}

.fantasticamos-clock-quest .fcq-garden-character--fluffernutter {
	background-image: url("../images/characters/fluffernutter-star.webp");
	height: 94px;
	right: -2px;
	width: 82px;
}

.fantasticamos-clock-quest .fcq-garden-node,
.fantasticamos-clock-quest .fcq-time-garden__path {
	z-index: 3;
}

.fantasticamos-clock-quest .fcq-adventure-reward {
	overflow: visible;
	position: relative;
}

.fantasticamos-clock-quest .fcq-reward-fluffernutter {
	background: url("../images/characters/fluffernutter-star.webp") center bottom / contain no-repeat;
	height: 96px;
	pointer-events: none;
	position: absolute;
	right: -12px;
	top: -42px;
	width: 84px;
}

.fantasticamos-clock-quest .fcq-family-progress-badge,
.fantasticamos-clock-quest .fcq-character-badge {
	background-color: rgba(255,255,255,.9);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
}

.fantasticamos-clock-quest .fcq-family-progress-badge::before,
.fantasticamos-clock-quest .fcq-character-badge::before,
.fantasticamos-clock-quest .fcq-character-badge::after,
.fantasticamos-clock-quest .fcq-character-badge > span {
	display: none !important;
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-character="alice"],
.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="alice"] {
	background-image: url("../images/characters/alice-badge.webp");
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-character="ariel"],
.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="ariel"] {
	background-image: url("../images/characters/ariel-badge.webp");
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-character="mommy"],
.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="mommy"] {
	background-image: url("../images/characters/mommy-badge.webp");
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-character="daddy"],
.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="daddy"] {
	background-image: url("../images/characters/daddy-badge.webp");
}

.fantasticamos-clock-quest .fcq-family-progress-badge[data-fcq-character="fluffernutter"],
.fantasticamos-clock-quest .fcq-character-badge[data-fcq-character="fluffernutter"] {
	background-image: url("../images/characters/fluffernutter-badge.webp");
}

.fantasticamos-clock-quest .fcq-family-progress-badge {
	background-size: 118%;
}

.fantasticamos-clock-quest .fcq-character-badge {
	background-size: 122%;
}

.fantasticamos-clock-quest .fcq-character-badge--large {
	background-size: 110%;
}

.fantasticamos-clock-quest .fcq-family-mission-card {
	background:
		radial-gradient(circle at 92% 14%, rgba(255,224,234,.7), transparent 28%),
		linear-gradient(135deg, var(--fcq-lavender), #fff);
}

.fantasticamos-clock-quest .fcq-grownup-family-hero {
	align-items: end;
	background:
		radial-gradient(circle at 16% 16%, rgba(212,237,255,.75), transparent 30%),
		radial-gradient(circle at 88% 20%, rgba(247,215,231,.62), transparent 28%),
		linear-gradient(180deg, #f6fbff, #fffaf4);
	border: 1px solid var(--fcq-line);
	border-radius: 20px;
	display: grid;
	gap: 8px;
	grid-template-columns: 92px 1fr 82px;
	margin: 12px auto 14px;
	max-width: 470px;
	min-height: 150px;
	overflow: hidden;
	padding: 12px 10px 0;
	text-align: center;
}

.fantasticamos-clock-quest .fcq-grownup-family-hero h3 {
	font-family: ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
	font-size: 1.12rem;
	line-height: 1.2;
	margin: 3px 0 5px;
}

.fantasticamos-clock-quest .fcq-grownup-family-hero p {
	color: var(--fcq-muted);
	font-size: .86rem;
	margin: 0 0 12px;
}

.fantasticamos-clock-quest .fcq-grownup-guide {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	height: 138px;
	pointer-events: none;
}

.fantasticamos-clock-quest .fcq-grownup-guide--daddy {
	background-image: url("../images/characters/daddy-ryan-guide.webp");
}

.fantasticamos-clock-quest .fcq-grownup-guide--mommy {
	background-image: url("../images/characters/mommy-blair-guide.webp");
}

@media (max-width: 390px) {
	.fantasticamos-clock-quest .fcq-home-art--family {
		height: 188px;
	}

	.fantasticamos-clock-quest .fcq-home-family-lineup {
		background-size: 108% auto;
		inset-inline: -4%;
	}

	.fantasticamos-clock-quest .fcq-character-prompt {
		grid-template-columns: 58px 1fr;
	}

	.fantasticamos-clock-quest .fcq-character-art--alice {
		height: 64px;
		width: 58px;
	}

	.fantasticamos-clock-quest .fcq-play-heading--with-ariel {
		grid-template-columns: 72px 1fr;
	}

	.fantasticamos-clock-quest .fcq-play-heading--with-ariel .fcq-character-art--ariel {
		height: 82px;
		width: 70px;
	}

	.fantasticamos-clock-quest .fcq-garden-character--alice {
		height: 92px;
		width: 78px;
	}

	.fantasticamos-clock-quest .fcq-garden-character--fluffernutter {
		height: 78px;
		width: 68px;
	}

	.fantasticamos-clock-quest .fcq-grownup-family-hero {
		grid-template-columns: 72px 1fr 64px;
		min-height: 132px;
	}

	.fantasticamos-clock-quest .fcq-grownup-guide {
		height: 118px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.fantasticamos-clock-quest .fcq-home-family-lineup,
	.fantasticamos-clock-quest .fcq-character-art,
	.fantasticamos-clock-quest .fcq-character-token,
	.fantasticamos-clock-quest .fcq-garden-character,
	.fantasticamos-clock-quest .fcq-grownup-guide {
		animation: none !important;
		transition: none !important;
	}
}


/* Stage 11D — Illustration Polish Pack */
.fantasticamos-clock-quest .fcq-scene-banner {
	background-color: #f6f4ff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid rgba(208, 198, 236, 0.9);
	border-radius: 18px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
	overflow: hidden;
	position: relative;
}

.fantasticamos-clock-quest .fcq-scene-banner::after {
	background:
		linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.fantasticamos-clock-quest .fcq-scene-banner--learn {
	background-image: url("../images/scenes/learn-landmarks-scene.webp");
	height: 118px;
	margin: 10px auto 10px;
	max-width: 470px;
}

.fantasticamos-clock-quest .fcq-scene-banner--play {
	background-image: url("../images/scenes/play-challenge-scene.webp");
	height: 118px;
	margin: 8px auto 14px;
	max-width: 470px;
}

.fantasticamos-clock-quest .fcq-scene-banner--family {
	grid-column: 1 / -1;
	height: 108px;
	margin-bottom: 4px;
}

.fantasticamos-clock-quest .fcq-family-mission-card {
	background:
		radial-gradient(circle at 100% 0%, rgba(255,234,200,.52), transparent 28%),
		linear-gradient(135deg, #f9f6ff, #fffdf9);
	row-gap: 12px;
}

.fantasticamos-clock-quest .fcq-family-mission-card[data-fcq-character="fluffernutter"] .fcq-scene-banner--family,
.fantasticamos-clock-quest .fcq-scene-banner--family[data-fcq-character="fluffernutter"] {
	background-image: url("../images/scenes/family-fluffernutter-scene.webp");
}

.fantasticamos-clock-quest .fcq-family-mission-card[data-fcq-character="mommy"] .fcq-scene-banner--family,
.fantasticamos-clock-quest .fcq-scene-banner--family[data-fcq-character="mommy"] {
	background-image: url("../images/scenes/family-mommy-scene.webp");
}

.fantasticamos-clock-quest .fcq-family-mission-card[data-fcq-character="daddy"] .fcq-scene-banner--family,
.fantasticamos-clock-quest .fcq-scene-banner--family[data-fcq-character="daddy"] {
	background-image: url("../images/scenes/family-daddy-scene.webp");
}

.fantasticamos-clock-quest .fcq-family-mission-card[data-fcq-character="ariel"] .fcq-scene-banner--family,
.fantasticamos-clock-quest .fcq-scene-banner--family[data-fcq-character="ariel"] {
	background-image: url("../images/scenes/family-ariel-scene.webp");
}

.fantasticamos-clock-quest .fcq-family-mission-card[data-fcq-character="alice"] .fcq-scene-banner--family,
.fantasticamos-clock-quest .fcq-scene-banner--family[data-fcq-character="alice"] {
	background-image: url("../images/scenes/family-alice-scene.webp");
}

.fantasticamos-clock-quest .fcq-time-garden {
	background: linear-gradient(180deg, #f0fbff, #f8fff3);
	border-color: #d9e5d6;
	height: 250px;
}

.fantasticamos-clock-quest .fcq-time-garden__scene {
	background: url("../images/scenes/time-garden-scene.webp") center/cover no-repeat;
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.fantasticamos-clock-quest .fcq-time-garden .fcq-garden-character {
	display: none;
}

.fantasticamos-clock-quest .fcq-time-garden__path {
	background: rgba(250, 241, 205, 0.88);
	box-shadow: none;
	z-index: 2;
}

.fantasticamos-clock-quest .fcq-garden-node {
	box-shadow: 0 8px 18px rgba(140, 117, 199, 0.12), inset 0 1px 0 rgba(255,255,255,0.6);
	z-index: 3;
}

.fantasticamos-clock-quest .fcq-character-prompt {
	background:
		linear-gradient(135deg, rgba(255,255,255,.72), rgba(251,249,255,.55));
	border: 1px solid rgba(215, 208, 234, 0.82);
	border-radius: 18px;
	padding: 8px 10px;
}

.fantasticamos-clock-quest .fcq-play-heading--with-ariel {
	margin-bottom: 6px;
}

.fantasticamos-clock-quest .fcq-play-heading--with-ariel .fcq-character-art--ariel {
	filter: drop-shadow(0 7px 12px rgba(86, 78, 145, 0.14));
}

@media (max-width: 390px) {
	.fantasticamos-clock-quest .fcq-scene-banner--learn,
	.fantasticamos-clock-quest .fcq-scene-banner--play {
		height: 102px;
	}

	.fantasticamos-clock-quest .fcq-scene-banner--family {
		height: 92px;
	}

	.fantasticamos-clock-quest .fcq-time-garden {
		height: 230px;
	}

	.fantasticamos-clock-quest .fcq-character-prompt {
		padding: 7px 8px;
	}
}

/* Stage 11E — Approved sketch-sheet slice diversity pass */
.fantasticamos-clock-quest .fcq-home-slice,
.fantasticamos-clock-quest .fcq-play-menu-slice,
.fantasticamos-clock-quest .fcq-play-round-slice,
.fantasticamos-clock-quest .fcq-adventure-card-slice,
.fantasticamos-clock-quest .fcq-adventure-task-slice,
.fantasticamos-clock-quest .fcq-adventure-reward-slice,
.fantasticamos-clock-quest .fcq-adventure-complete__slice,
.fantasticamos-clock-quest .fcq-garden-slice,
.fantasticamos-clock-quest .fcq-family-reaction-slice,
.fantasticamos-clock-quest .fcq-family-complete-slice,
.fantasticamos-clock-quest .fcq-grownup-slice,
.fantasticamos-clock-quest .fcq-play-summary__sketch,
.fantasticamos-clock-quest .fcq-learn-complete__alice-slice,
.fantasticamos-clock-quest .fcq-learn-complete__fluff-slice {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	pointer-events: none;
}

/* Home gets small prop slices instead of another repeated character pose. */
.fantasticamos-clock-quest .fcq-home-slice {
	position: absolute;
	z-index: 3;
}

.fantasticamos-clock-quest .fcq-home-slice--sign {
	background-image: url("../images/sketch-slices/garden-sign.webp");
	bottom: 3px;
	height: 64px;
	left: 3%;
	width: 62px;
}

.fantasticamos-clock-quest .fcq-home-slice--stars {
	background-image: url("../images/sketch-slices/garden-stars.webp");
	height: 35px;
	right: 4%;
	top: 8px;
	width: 88px;
}

.fantasticamos-clock-quest .fcq-home-slice--path {
	background-image: url("../images/sketch-slices/garden-path-small.webp");
	bottom: -10px;
	height: 78px;
	right: -2px;
	op: auto;
	width: 60px;
	op: auto;
	op: unset;
}

/* Learn: one Alice pose per lesson, sourced from the approved Alice pose sheet. */
.fantasticamos-clock-quest .fcq-learn .fcq-character-art--alice {
	background-image: url("../images/sketch-slices/alice-wave.webp");
	filter: drop-shadow(0 6px 9px rgba(92, 71, 153, 0.12));
}

.fantasticamos-clock-quest .fcq-learn[data-fcq-learn-pose="wave"] .fcq-character-art--alice {
	background-image: url("../images/sketch-slices/alice-wave.webp");
}

.fantasticamos-clock-quest .fcq-learn[data-fcq-learn-pose="clock-hold"] .fcq-character-art--alice {
	background-image: url("../images/sketch-slices/alice-clock-hold.webp");
}

.fantasticamos-clock-quest .fcq-learn[data-fcq-learn-pose="think"] .fcq-character-art--alice {
	background-image: url("../images/sketch-slices/alice-think.webp");
}

.fantasticamos-clock-quest .fcq-learn[data-fcq-learn-pose="listen"] .fcq-character-art--alice {
	background-image: url("../images/sketch-slices/alice-listen.webp");
}

.fantasticamos-clock-quest .fcq-learn[data-fcq-learn-pose="reading"] .fcq-character-art--alice {
	background-image: url("../images/sketch-slices/alice-reading.webp");
}

.fantasticamos-clock-quest .fcq-learn-feedback[data-fcq-feedback="success"] .fcq-character-token--fluffernutter,
.fantasticamos-clock-quest .fcq-play-feedback[data-fcq-feedback="success"] .fcq-character-token--fluffernutter,
.fantasticamos-clock-quest .fcq-family-feedback[data-fcq-feedback="success"] .fcq-character-token--fluffernutter,
.fantasticamos-clock-quest .fcq-adventure-feedback[data-fcq-feedback="success"] .fcq-character-token--fluffernutter {
	background-image: url("../images/sketch-slices/fluff-cheer.webp");
}

.fantasticamos-clock-quest .fcq-learn-feedback[data-fcq-feedback="try"] .fcq-character-token--fluffernutter,
.fantasticamos-clock-quest .fcq-play-feedback[data-fcq-feedback="try"] .fcq-character-token--fluffernutter,
.fantasticamos-clock-quest .fcq-family-feedback[data-fcq-feedback="try"] .fcq-character-token--fluffernutter,
.fantasticamos-clock-quest .fcq-adventure-feedback[data-fcq-feedback="try"] .fcq-character-token--fluffernutter {
	background-image: url("../images/sketch-slices/fluff-magnifier.webp");
}

.fantasticamos-clock-quest .fcq-learn-feedback[data-fcq-feedback="hint"] .fcq-character-token--fluffernutter,
.fantasticamos-clock-quest .fcq-play-feedback[data-fcq-feedback="hint"] .fcq-character-token--fluffernutter,
.fantasticamos-clock-quest .fcq-family-feedback[data-fcq-feedback="hint"] .fcq-character-token--fluffernutter,
.fantasticamos-clock-quest .fcq-adventure-feedback[data-fcq-feedback="hint"] .fcq-character-token--fluffernutter {
	background-image: url("../images/sketch-slices/fluff-clipboard.webp");
}

.fantasticamos-clock-quest .fcq-learn-complete__alice-slice {
	background-image: url("../images/sketch-slices/alice-celebrate.webp");
	height: 88px;
	width: 76px;
}

.fantasticamos-clock-quest .fcq-learn-complete__fluff-slice {
	background-image: url("../images/sketch-slices/fluff-star.webp");
	height: 72px;
	margin-left: -8px;
	width: 72px;
}

.fantasticamos-clock-quest .fcq-learn[data-fcq-learn-pose="star-hug"] .fcq-learn-complete__alice-slice {
	background-image: url("../images/sketch-slices/alice-star-hug.webp");
}

/* Play chooser and round-specific visual variety. */
.fantasticamos-clock-quest .fcq-play-menu-slice {
	background-image: url("../images/sketch-slices/family-ariel-fluff.webp");
	display: block;
	height: 96px;
	width: 96px;
}

.fantasticamos-clock-quest .fcq-play-heading--with-ariel {
	grid-template-columns: 102px 1fr;
}

.fantasticamos-clock-quest .fcq-play-round-slice {
	display: block;
	height: 66px;
	margin: 6px auto -4px;
	width: 82px;
}

.fantasticamos-clock-quest .fcq-play[data-fcq-play-sketch="what-time"] .fcq-play-round-slice {
	background-image: url("../images/sketch-slices/alice-clock-hold.webp");
}

.fantasticamos-clock-quest .fcq-play[data-fcq-play-sketch="set-clock"] .fcq-play-round-slice {
	background-image: url("../images/sketch-slices/alice-flower-clock.webp");
}

.fantasticamos-clock-quest .fcq-play[data-fcq-play-sketch="clock-twins"] .fcq-play-round-slice {
	background-image: url("../images/sketch-slices/fluff-magnifier.webp");
}

.fantasticamos-clock-quest .fcq-play[data-fcq-play-sketch="detective"] .fcq-play-round-slice {
	background-image: url("../images/sketch-slices/fluff-clipboard.webp");
}

.fantasticamos-clock-quest .fcq-play-summary__sketch {
	background-image: url("../images/sketch-slices/family-high-five.webp");
	height: 118px;
	margin: -6px auto 2px;
	max-width: 270px;
	width: 76%;
}

/* Adventure garden uses individual props from the approved garden sheet. */
.fantasticamos-clock-quest .fcq-garden-slice {
	position: absolute;
	z-index: 1;
}

.fantasticamos-clock-quest .fcq-garden-slice--path {
	background-image: url("../images/sketch-slices/garden-path-large.webp");
	bottom: -22px;
	height: 126px;
	left: 20%;
	width: 190px;
}

.fantasticamos-clock-quest .fcq-garden-slice--sign {
	background-image: url("../images/sketch-slices/garden-sign.webp");
	height: 70px;
	left: 4px;
	top: 78px;
	width: 64px;
}

.fantasticamos-clock-quest .fcq-garden-slice--flowers {
	background-image: url("../images/sketch-slices/garden-flower-patch.webp");
	bottom: 1px;
	height: 52px;
	right: 1px;
	width: 110px;
}

.fantasticamos-clock-quest .fcq-garden-slice--cottage {
	background-image: url("../images/sketch-slices/garden-cottage.webp");
	height: 78px;
	op: 70px;
	right: 12px;
	width: 70px;
}

.fantasticamos-clock-quest .fcq-adventure-card-slice,
.fantasticamos-clock-quest .fcq-adventure-task-slice {
	display: block;
	flex: 0 0 auto;
}

.fantasticamos-clock-quest .fcq-adventure-card-slice {
	height: 64px;
	width: 64px;
}

.fantasticamos-clock-quest .fcq-adventure-task-slice {
	height: 58px;
	margin: 4px auto -4px;
	width: 72px;
}

.fantasticamos-clock-quest .fcq-adventure[data-fcq-adventure-sketch="TG-01"] .fcq-adventure-card-slice,
.fantasticamos-clock-quest .fcq-adventure[data-fcq-adventure-sketch="TG-01"] .fcq-adventure-task-slice {
	background-image: url("../images/sketch-slices/fluff-watering.webp");
}

.fantasticamos-clock-quest .fcq-adventure[data-fcq-adventure-sketch="TG-02"] .fcq-adventure-card-slice,
.fantasticamos-clock-quest .fcq-adventure[data-fcq-adventure-sketch="TG-02"] .fcq-adventure-task-slice {
	background-image: url("../images/sketch-slices/fluff-star.webp");
}

.fantasticamos-clock-quest .fcq-adventure[data-fcq-adventure-sketch="TG-03"] .fcq-adventure-card-slice,
.fantasticamos-clock-quest .fcq-adventure[data-fcq-adventure-sketch="TG-03"] .fcq-adventure-task-slice {
	background-image: url("../images/sketch-slices/fluff-magnifier.webp");
}

.fantasticamos-clock-quest .fcq-adventure[data-fcq-adventure-sketch="TG-04"] .fcq-adventure-card-slice,
.fantasticamos-clock-quest .fcq-adventure[data-fcq-adventure-sketch="TG-04"] .fcq-adventure-task-slice {
	background-image: url("../images/sketch-slices/fluff-clipboard.webp");
}

.fantasticamos-clock-quest .fcq-adventure[data-fcq-adventure-sketch="TG-05"] .fcq-adventure-card-slice,
.fantasticamos-clock-quest .fcq-adventure[data-fcq-adventure-sketch="TG-05"] .fcq-adventure-task-slice {
	background-image: url("../images/sketch-slices/fluff-clock-cuddle.webp");
}

.fantasticamos-clock-quest .fcq-adventure-reward-slice {
	display: block;
	height: 82px;
	margin: -10px auto 2px;
	width: 104px;
}

.fantasticamos-clock-quest .fcq-adventure-reward-slice[data-fcq-reward-type="flower"] {
	background-image: url("../images/sketch-slices/garden-flower-clock.webp");
}

.fantasticamos-clock-quest .fcq-adventure-reward-slice[data-fcq-reward-type="lantern"] {
	background-image: url("../images/sketch-slices/garden-star-jar.webp");
}

.fantasticamos-clock-quest .fcq-adventure-reward-slice[data-fcq-reward-type="gear"] {
	background-image: url("../images/sketch-slices/garden-medal.webp");
}

.fantasticamos-clock-quest .fcq-adventure-reward-slice[data-fcq-reward-type="fountain"] {
	background-image: url("../images/sketch-slices/garden-butterfly.webp");
}

.fantasticamos-clock-quest .fcq-adventure-reward-slice[data-fcq-reward-type="clock"] {
	background-image: url("../images/sketch-slices/garden-scoreboard.webp");
}

.fantasticamos-clock-quest .fcq-adventure-complete__slice {
	background-image: url("../images/sketch-slices/garden-treehouse.webp");
	height: 130px;
	margin: -12px auto -4px;
	width: 150px;
}

/* Family Missions now use different sheet vignettes instead of repeating single-character renders. */
.fantasticamos-clock-quest .fcq-family-mission-card[data-fcq-character="fluffernutter"] .fcq-scene-banner--family,
.fantasticamos-clock-quest .fcq-scene-banner--family[data-fcq-character="fluffernutter"] {
	background-image: url("../images/sketch-slices/family-alice-fluff-cheer.webp");
	background-size: contain;
}

/* Mommy Blair has no vignette on the supplied family sheet, so her approved Stage 11D scene is retained. */
.fantasticamos-clock-quest .fcq-family-mission-card[data-fcq-character="daddy"] .fcq-scene-banner--family,
.fantasticamos-clock-quest .fcq-scene-banner--family[data-fcq-character="daddy"] {
	background-image: url("../images/sketch-slices/family-daddy-alice.webp");
	background-size: contain;
}

.fantasticamos-clock-quest .fcq-family-mission-card[data-fcq-character="ariel"] .fcq-scene-banner--family,
.fantasticamos-clock-quest .fcq-scene-banner--family[data-fcq-character="ariel"] {
	background-image: url("../images/sketch-slices/family-ariel-fluff.webp");
	background-size: contain;
}

.fantasticamos-clock-quest .fcq-family-mission-card[data-fcq-character="alice"] .fcq-scene-banner--family,
.fantasticamos-clock-quest .fcq-scene-banner--family[data-fcq-character="alice"] {
	background-image: url("../images/sketch-slices/family-reading.webp");
	background-size: contain;
}

.fantasticamos-clock-quest .fcq-family-reaction-slice {
	height: 100px;
	margin: -8px auto 2px;
	max-width: 240px;
	width: 74%;
}

.fantasticamos-clock-quest .fcq-family-reaction-slice[data-fcq-character="fluffernutter"] {
	background-image: url("../images/sketch-slices/fluff-cheer.webp");
}

.fantasticamos-clock-quest .fcq-family-reaction-slice[data-fcq-character="mommy"] {
	background-image: url("../images/sketch-slices/garden-heart.webp");
}

.fantasticamos-clock-quest .fcq-family-reaction-slice[data-fcq-character="daddy"] {
	background-image: url("../images/sketch-slices/family-daddy-alice.webp");
}

.fantasticamos-clock-quest .fcq-family-reaction-slice[data-fcq-character="ariel"] {
	background-image: url("../images/sketch-slices/family-high-five.webp");
}

.fantasticamos-clock-quest .fcq-family-reaction-slice[data-fcq-character="alice"] {
	background-image: url("../images/sketch-slices/alice-star-hug.webp");
}

.fantasticamos-clock-quest .fcq-family-complete-slice {
	background-image: url("../images/sketch-slices/family-hug.webp");
	height: 132px;
	margin: -10px auto 4px;
	max-width: 310px;
	width: 88%;
}

/* Small prop accents make Grown-Up feel related to the same visual world without replacing the real portraits. */
.fantasticamos-clock-quest .fcq-grownup-family-hero {
	position: relative;
}

.fantasticamos-clock-quest .fcq-grownup-slice {
	position: absolute;
	z-index: 0;
}

.fantasticamos-clock-quest .fcq-grownup-slice--banner {
	background-image: url("../images/sketch-slices/garden-banner.webp");
	height: 36px;
	left: 50%;
	top: 2px;
	transform: translateX(-50%);
	width: 110px;
}

.fantasticamos-clock-quest .fcq-grownup-slice--heart {
	background-image: url("../images/sketch-slices/garden-heart.webp");
	height: 30px;
	right: 8px;
	top: 8px;
	width: 30px;
}

.fantasticamos-clock-quest .fcq-grownup-family-hero > *:not(.fcq-grownup-slice) {
	position: relative;
	z-index: 1;
}

@media (max-width: 390px) {
	.fantasticamos-clock-quest .fcq-home-slice--sign {
		height: 50px;
		width: 48px;
	}

	.fantasticamos-clock-quest .fcq-home-slice--stars {
		height: 28px;
		width: 68px;
	}

	.fantasticamos-clock-quest .fcq-home-slice--path {
		height: 62px;
		width: 48px;
	}

	.fantasticamos-clock-quest .fcq-play-heading--with-ariel {
		grid-template-columns: 82px 1fr;
	}

	.fantasticamos-clock-quest .fcq-play-menu-slice {
		height: 80px;
		width: 80px;
	}

	.fantasticamos-clock-quest .fcq-play-round-slice,
	.fantasticamos-clock-quest .fcq-adventure-task-slice {
		height: 54px;
		width: 64px;
	}

	.fantasticamos-clock-quest .fcq-garden-slice--cottage {
		height: 64px;
		width: 58px;
	}

	.fantasticamos-clock-quest .fcq-garden-slice--flowers {
		height: 44px;
		width: 92px;
	}

	.fantasticamos-clock-quest .fcq-family-reaction-slice {
		height: 88px;
	}

	.fantasticamos-clock-quest .fcq-family-complete-slice {
		height: 112px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.fantasticamos-clock-quest .fcq-home-slice,
	.fantasticamos-clock-quest .fcq-play-menu-slice,
	.fantasticamos-clock-quest .fcq-play-round-slice,
	.fantasticamos-clock-quest .fcq-adventure-card-slice,
	.fantasticamos-clock-quest .fcq-adventure-task-slice,
	.fantasticamos-clock-quest .fcq-adventure-reward-slice,
	.fantasticamos-clock-quest .fcq-adventure-complete__slice,
	.fantasticamos-clock-quest .fcq-garden-slice,
	.fantasticamos-clock-quest .fcq-family-reaction-slice,
	.fantasticamos-clock-quest .fcq-family-complete-slice {
		animation: none !important;
		transition: none !important;
	}
}