/* A newly unlocked panel lands softly, catches the light, then gets to work. */
.fx-discovered,.fx-discovery-row{position:relative;isolation:isolate;animation:discovery-arrive .7s cubic-bezier(.16,1,.3,1) both,discovery-outline 1.6s ease-out;transform-origin:top center}
.fx-discovered::after,.fx-discovery-row::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(108deg,transparent 28%,#b8dbf516 44%,#e6cf9b30 50%,transparent 65%);transform:translateX(-110%);animation:discovery-sheen 1.05s .15s ease-out both}
.fx-discovered>.panel-heading h2::after{content:"✦";display:inline-block;margin-left:8px;font-size:14px;color:#e1c48e;vertical-align:middle;animation:discovery-star 1.5s ease-out both}
.fx-discovery-item{animation:discovery-item .6s calc(.1s + var(--discovery-order,0)*55ms) cubic-bezier(.16,1,.3,1) both}
.fx-discovery-row{animation-name:discovery-row,discovery-outline}
@keyframes discovery-arrive{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes discovery-row{from{opacity:.2;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
@keyframes discovery-outline{0%{border-color:#dfc48f;box-shadow:0 0 0 1px #dfc48f66,0 8px 30px #94c2e91a}55%{border-color:#94b7ce;box-shadow:0 0 0 1px #94b7ce22,0 4px 16px #94c2e90c}100%{border-color:#2c3b50;box-shadow:none}}
@keyframes discovery-sheen{to{transform:translateX(110%)}}
@keyframes discovery-item{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes discovery-star{0%{opacity:0;transform:scale(.4) rotate(-45deg)}30%{opacity:1;transform:scale(1.2) rotate(12deg)}70%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){.fx-discovered,.fx-discovery-row,.fx-discovery-item{animation:none!important;transform:none!important;opacity:1!important}.fx-discovered,.fx-discovery-row{outline:2px solid #cdb786;outline-offset:-2px}.fx-discovered::after,.fx-discovery-row::after{display:none}.fx-discovered>.panel-heading h2::after{animation:none;opacity:1;transform:none}}
