:root {
			--sky: #8fd3ff;
			--grass: #3fae49;
			--grass-dark: #2b7d33;
			--ink: #1b1b1b;
			--paper: #fffdf2;
			--red: #d7262e;
			--yellow: #ffd23f;
			--purple: #6b3fa0;
			--card: #ffffff;
			--muted: #555;
		}
		* { box-sizing: border-box; }
		html { scroll-behavior: smooth; }
		body {
			margin: 0;
			font-family: "Nunito", system-ui, sans-serif;
			color: var(--ink);
			background: var(--paper);
			line-height: 1.6;
		}
		a { color: var(--purple); font-weight: 700; }
		a:hover { color: var(--red); }
		.wrap { max-width: 1040px; margin: 0 auto; padding: 0 16px; }

		/* Hero: sky, sun, rolling hill */
		header.hero {
			position: relative;
			overflow: hidden;
			background: linear-gradient(var(--sky), #c9ecff 70%);
			padding: 56px 0 140px;
			text-align: center;
		}
		.sun {
			position: absolute; top: 28px; right: 8%;
			width: 90px; height: 90px; border-radius: 50%;
			background: var(--yellow);
			box-shadow: 0 0 0 12px rgba(255, 210, 63, .35);
		}
		.hill {
			position: absolute; left: -10%; right: -10%; bottom: -120px;
			height: 240px; border-radius: 50% 50% 0 0;
			background: var(--grass);
			border-top: 6px solid var(--grass-dark);
		}
		h1 {
			font-family: "Bangers", Impact, sans-serif;
			font-weight: 400;
			letter-spacing: 2px;
			font-size: clamp(2.6rem, 8vw, 5rem);
			line-height: 1;
			margin: 0 0 12px;
			color: var(--red);
			text-shadow: 4px 4px 0 var(--ink);
			-webkit-text-stroke: 1.5px var(--ink);
		}
		.tagline { font-size: 1.15rem; font-weight: 700; margin: 0 auto 24px; max-width: 34em; }
		.btn {
			display: inline-block;
			padding: 12px 22px;
			border: 3px solid var(--ink);
			border-radius: 999px;
			background: var(--yellow);
			color: var(--ink);
			text-decoration: none;
			font: inherit;
			font-weight: 800;
			cursor: pointer;
			box-shadow: 4px 4px 0 var(--ink);
			transition: transform .1s, box-shadow .1s;
		}
		.btn:hover, .btn:focus-visible { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--ink); color: var(--ink); }

		nav.jump { position: relative; z-index: 1; margin-top: 18px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
		nav.jump a { background: rgba(255, 255, 255, .75); border-radius: 999px; padding: 4px 12px; text-decoration: none; color: var(--ink); }

		main section { padding: 48px 0; }
		h2 {
			font-family: "Bangers", Impact, sans-serif;
			font-weight: 400;
			letter-spacing: 1.5px;
			font-size: clamp(1.9rem, 5vw, 2.6rem);
			margin: 0 0 16px;
		}
		.lead { font-size: 1.1rem; max-width: 46em; }

		/* Character cards */
		.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; }
		.card {
			background: var(--card);
			border: 3px solid var(--ink);
			border-radius: 16px;
			padding: 18px;
			box-shadow: 5px 5px 0 var(--ink);
		}
		.card h3 { margin: 10px 0 4px; font-size: 1.2rem; }
		.card p { margin: 0; color: var(--muted); font-size: .97rem; }
		.dot {
			width: 54px; height: 54px; border-radius: 50%;
			border: 3px solid var(--ink);
			display: grid; place-items: center;
			font-family: "Bangers", Impact, sans-serif; font-size: 1.5rem; color: #fff;
			text-shadow: 2px 2px 0 var(--ink);
		}

		/* Quote strip */
		.quotes { background: var(--ink); color: #fff; }
		.quotes h2 { color: var(--yellow); }
		.quote-box {
			font-family: "Bangers", Impact, sans-serif;
			font-size: clamp(1.6rem, 5vw, 2.4rem);
			letter-spacing: 1px;
			min-height: 2.6em;
			margin: 0 0 16px;
		}
		.quotes .btn { background: var(--red); color: #fff; }

		/* Trogdor */
		.burninate { background: linear-gradient(135deg, #fff1d6, #ffd9b3); border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
		.burninate .flex { display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
		.burninate .flex > div { flex: 1 1 300px; }
		.count {
			font-family: "Bangers", Impact, sans-serif;
			font-size: 3.4rem; line-height: 1; color: var(--red);
			text-shadow: 3px 3px 0 var(--ink);
		}

		.list { padding-left: 1.2em; }
		.list li { margin-bottom: 8px; }

		footer { background: var(--grass-dark); color: #eaffea; padding: 28px 0; font-size: .92rem; }
		footer a { color: #fff; }
		footer p { margin: 6px 0; }

		@media (max-width: 600px) {
			.sun { width: 54px; height: 54px; top: 12px; right: 12px; box-shadow: 0 0 0 8px rgba(255, 210, 63, .35); }
			header.hero { padding-top: 72px; }
		}

		@media (prefers-reduced-motion: reduce) {
			html { scroll-behavior: auto; }
			.btn { transition: none; }
		}
.wf-ed87950b29{position:relative!important;z-index:1!important}
.wf-89d51bf69d{background:#eef8ff!important;border-top:3px solid var(--ink)!important;border-bottom:3px solid var(--ink)!important}
.wf-52685f7f96{background:#e8e8e8!important;color:var(--red)!important}
.wf-9ccb719546{background:var(--red)!important}
.wf-32078becd7{background:#ffd23f!important;color:var(--ink)!important;text-shadow:none!important}
.wf-90f201e09d{background:#7a4b2a!important}
.wf-dda74cd503{background:#7d8a99!important}
.wf-44a8e2d6c2{background:#3fae49!important}
.wf-e1cc2834fc{background:#2d6cdf!important}
.wf-10ae503639{background:#b35a1f!important}
.wf-3cba9410d5{background:#8fd3ff!important;color:var(--ink)!important;text-shadow:none!important}
.wf-f48925c72f{background:var(--purple)!important}
.wf-0bd0a2f920{background:#c43c8a!important}
.wf-e266176731{text-align:center!important}
.wf-e0ef441690{margin:6px 0 14px!important}