/* --- BỐ CỤC ĐỒNG QUÊ VIỆT NAM --- */
.farm-arena {
    height: 180px;
    background: linear-gradient(180deg, #81d4fa 0%, #b3e5fc 50%, #8bc34a 50%, #558b2f 100%);
    box-shadow: inset 0 0 15px rgba(0,0,0,0.3);
    position: relative;
    overflow: hidden;
}

/* Đám mây trôi */
.clouds-bg {
    position: absolute;
    top: 10%;
    left: 100%;
    width: 200%;
    font-size: 2rem;
    white-space: nowrap;
    animation: fly-clouds 15s linear infinite;
    z-index: 1;
}
.clouds-bg::before { content: '☁️       ☁️               ☁️'; }
@keyframes fly-clouds {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* Bác nông dân bên trái */
.farmer-char {
    position: absolute;
    left: 10%;
    bottom: 10%;
    font-size: 3.5rem;
    z-index: 4;
    filter: drop-shadow(-3px 3px 3px rgba(0,0,0,0.4));
    animation: bounce-farmer 2s ease-in-out infinite alternate;
}
@keyframes bounce-farmer {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

/* Vườn rau ở giữa */
.veg-garden {
    position: absolute;
    right: 25%;
    bottom: 10%;
    font-size: 3.5rem;
    z-index: 3;
    transition: all 0.3s ease;
}

/* Hàng rào tre (Ban đầu ẩn, hiện lên khi đúng) */
.fence-wrap {
    position: absolute;
    right: 20%;
    bottom: 10%;
    font-size: 4rem;
    z-index: 5;
    letter-spacing: -10px;
}
.build-fence {
    animation: drop-fence 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes drop-fence {
    0% { transform: translateY(-100px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

/* Hiệu ứng thu hoạch/rau lớn */
.harvest {
    animation: pop-up 0.5s ease-out forwards;
}
@keyframes pop-up {
    0% { transform: scale(1); filter: brightness(1); }
    50% { transform: scale(1.3); filter: brightness(1.2); }
    100% { transform: scale(1.1); }
}

/* Gà phá vườn (Rung lắc) */
.shake-error { animation: shake-farm 0.4s; }
@keyframes shake-farm {
    0% { transform: translateX(0); }
    25% { transform: translateX(-10px); }
    50% { transform: translateX(10px); }
    75% { transform: translateX(-10px); }
    100% { transform: translateX(0); }
}

.min-h-75 { min-height: 85px; }
.hl-num { color: #d32f2f; font-weight: 900; font-size: 1.2em; }