/* polish305: Bioluminescent Bloom Aesthetic (Avatar: Pandora) */

/* 1. The Breathing Animation (Living Organism) */
@keyframes bioluminescentBreath {
    0%, 100% { 
        box-shadow: 
            0 0 2px rgba(121, 235, 222, 0.22),
            0 0 30px rgba(121, 235, 222, 0.04);
        border-color: rgba(121, 235, 222, 0.18);
        color: rgba(121, 235, 222, 0.65);
    }
    50% { 
        box-shadow: 
            0 0 3px rgba(121, 235, 222, 0.35),
            0 0 60px rgba(121, 235, 222, 0.08);
        border-color: rgba(121, 235, 222, 0.32);
        color: rgba(121, 235, 222, 0.85);
    }
}

/* 2. Breadcrumb Integration */
.walk-breadcrumb-chip.current {
    background: rgba(121, 235, 222, 0.06);
    cursor: default;
    animation: bioluminescentBreath 10s ease-in-out infinite;
    backdrop-filter: blur(8px);
}

/* 3. Search Trail Cue Integration */
.search-trail-cue-step.active::before {
    background: rgba(121, 235, 222, 0.75);
    box-shadow: 
        0 0 2px rgba(121, 235, 222, 0.4),
        0 0 20px rgba(121, 235, 222, 0.12);
}

.search-trail-cue-step.done::before {
    background: rgba(121, 235, 222, 0.5);
    box-shadow: 0 0 10px rgba(121, 235, 222, 0.08);
}

/* 4. Grounded Sage Elements (Forest Context) */
.search-result-cluster,
.resident-meta,
.walk-breadcrumb-sep {
    color: rgba(180, 200, 180, 0.6); /* Sage/Olive shift for secondary text */
}

.info-panel,
.focus-stage-card {
    border-color: rgba(180, 200, 180, 0.12); /* Grounded borders */
}