/*! © 2026 Dr. Oluwaseun Ogunmola · Dr. Ogunmola GameLabs · All rights reserved. Free to play at https://gamelabs.ogunmola.com.ng · Not licensed for re-hosting, copying or reuse. Terms: https://gamelabs.ogunmola.com.ng/terms/ */
body { --accent: #8CCB4E; --accent-deep: #5E9E36; --bg1: #E4F5D9; --bg2: #FBFEF6; }
.ff-svg { display: inline-block; width: 1.15em; height: 1.15em; vertical-align: middle; }
.ff-svg svg { width: 100%; height: 100%; display: block; }
.ff-chart { width: min(100%, 360px); height: auto; display: block; margin: 0 auto; }
.ff-field { width: min(100%, 380px); height: auto; display: block; margin: 0 auto; border-radius: 16px; }
.ff-done { margin-top: 12px; }

/* Pest Patrol */
.ff-patrol { text-align: center; }
.ff-hud { display: flex; justify-content: center; gap: 18px; font-weight: 600; font-size: 1.125rem; }
.ff-hud b { font-family: var(--display); font-size: 1.4rem; }
.ff-msg { min-height: 3em; margin: 8px auto 12px; max-width: 34em; color: var(--ink-soft); }
.ff-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 420px; margin: 0 auto; }
.ff-cell { position: relative; aspect-ratio: 1; border-radius: 20px; background: radial-gradient(circle at 50% 70%, #A0703F 0 38%, #8B5A2B 39% 100%); box-shadow: inset 0 -6px 0 rgba(0,0,0,.12); display: grid; place-items: center; }
.ff-crop { font-size: clamp(1.8rem, 8vw, 2.6rem); opacity: .9; }
.ff-bug { appearance: none; position: absolute; inset: 6%; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .88); font-size: clamp(2rem, 9vw, 3rem); cursor: pointer; box-shadow: 0 4px 0 rgba(0,0,0,.15); animation: ffPop .18s ease-out; }
.ff-bug.hit { background: #EAFBF0; transform: scale(.6); opacity: 0; transition: all .25s ease; }
.ff-bug.oops { background: #FFF1F2; box-shadow: 0 0 0 4px #F3B0B8; }
@keyframes ffPop { from { transform: scale(.3); } to { transform: scale(1); } }
.ff-start { margin-top: 16px; }
.ff-patrol > .kk-btn.primary:last-child { margin-top: 16px; }
.ff-met { text-align: left; }
@media (prefers-reduced-motion: reduce) { .ff-bug { animation: none; } .ff-bug.hit { transition: none; } }