/* Herald · Streak — app tweaks. Base in glass-core.css (Meta frosted
   kit; leaf-green per-app accent). The plant is built from LIGHT: a
   glowing accent stem + crown that grows with the streak. */

.sk-stage {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 2px 0 12px;
}

.sk-plant {
  position: relative;
  width: 150px;
  height: 168px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.sk-pot {
  width: 70px; height: 36px;
  border-radius: 6px 6px 14px 14px;
  background: linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.06));
  border: 1px solid var(--frost-border);
}
.sk-stem {
  width: 8px;
  height: 0;
  border-radius: 4px;
  background: var(--app-accent, #5fcf7a);
  box-shadow: 0 0 14px var(--aa-glow, rgba(95, 207, 122, 0.55));
  transition: height 420ms cubic-bezier(0.3, 1.2, 0.4, 1);
}
.sk-crown {
  width: 0; height: 0;
  border-radius: 50%;
  margin-bottom: -6px;
  background:
    radial-gradient(circle at 45% 38%, rgba(255,255,255,0.45), transparent 60%),
    var(--app-accent, #5fcf7a);
  box-shadow:
    0 0 30px var(--aa-glow, rgba(95, 207, 122, 0.6)),
    0 0 70px var(--aa-glow-soft, rgba(95, 207, 122, 0.3));
  transition: width 420ms cubic-bezier(0.3, 1.2, 0.4, 1), height 420ms cubic-bezier(0.3, 1.2, 0.4, 1);
}
/* growth stages 0–5 */
.sk-plant.s0 .sk-stem { height: 4px; }
.sk-plant.s0 .sk-crown { width: 14px; height: 14px; opacity: 0.6; }
.sk-plant.s1 .sk-stem { height: 26px; }
.sk-plant.s1 .sk-crown { width: 30px; height: 30px; }
.sk-plant.s2 .sk-stem { height: 46px; }
.sk-plant.s2 .sk-crown { width: 52px; height: 52px; }
.sk-plant.s3 .sk-stem { height: 62px; }
.sk-plant.s3 .sk-crown { width: 74px; height: 74px; }
.sk-plant.s4 .sk-stem { height: 76px; }
.sk-plant.s4 .sk-crown { width: 96px; height: 96px; }
.sk-plant.s5 .sk-stem { height: 86px; }
.sk-plant.s5 .sk-crown {
  width: 112px; height: 112px;
  background:
    radial-gradient(circle at 38% 32%, #ffffff, transparent 55%),
    var(--app-accent, #5fcf7a);
}
.sk-plant.watered .sk-crown { animation: sk-pulse 2.4s ease-in-out infinite; }
@keyframes sk-pulse { 50% { box-shadow: 0 0 44px var(--aa-glow, rgba(95,207,122,0.75)), 0 0 90px var(--aa-glow-soft, rgba(95,207,122,0.4)); } }

.sk-status {
  font-size: 18px;
  font-weight: 700;
  color: var(--app-accent, var(--accent));
  text-shadow: 0 0 18px var(--aa-glow-soft, rgba(95, 207, 122, 0.3));
  text-align: center;
}
.sk-nums {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-muted);
}
.row.sk-done { opacity: 0.62; }