/* ===== Three.js Wireframe Terrain Animation ===== */
.terrain-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
    height: 45%;
}

.terrain-canvas {
    width: 100%;
    height: 100%;
    display: block;
}

.terrain-dollar-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    z-index: 1;
}

.terrain-bottom-fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(to bottom, transparent 0%, white 85%);
    pointer-events: none;
    z-index: 2;
}

.terrain-dollar-icon {
    position: absolute;
    color: #4b8554;
    font-size: 24px;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
    transition: none;
    pointer-events: none;
    will-change: transform, opacity;
}