/* Guet gfunde · Werkstatt (zu assets/js/werkstatt.js)
   Eine Hausbewegung: cubic-bezier(.2,.7,.2,1). Amber ist Licht und Signal, Navy die Tinte. */
:root { --ws-haus: cubic-bezier(.2,.7,.2,1); --ws-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; }

/* Zündschnur: glühende Linie beim Laden, kein Kreisel */
.ws-schnur { position: fixed; left: 0; top: 0; z-index: 9999; height: 2px; width: 100%; pointer-events: none;
  background: linear-gradient(90deg, var(--amber-500), var(--amber-400)); box-shadow: 0 0 10px var(--amber-500);
  transform-origin: left; animation: wsSchnur 6s var(--ws-haus) both; }
.ws-schnur.is-ab { animation: wsAbbrennen .7s var(--ws-haus) both; }
@keyframes wsSchnur { from { transform: scaleX(0); } to { transform: scaleX(.86); } }
@keyframes wsAbbrennen { from { transform: scaleX(.86); opacity: 1; } 60% { transform: scaleX(1); opacity: 1; } to { transform: scaleX(1); opacity: 0; } }

/* Messung im Fuss: echte Werte, in Maschinenschrift */
.ws-messung { flex-basis: 100%; margin-top: .9rem; font: 500 .875rem/1.5 var(--ws-mono); letter-spacing: .01em; color: inherit; opacity: .72; }
.ws-messung b { white-space: nowrap; color: inherit; font-weight: 700; box-shadow: inset 0 -.35em 0 rgba(227, 6, 19,.35); }
.ws-messung__led { display: inline-block; width: .5em; height: .5em; margin-right: .6em; border-radius: 50%; background: #7ddc8a;
  box-shadow: 0 0 8px #7ddc8a; vertical-align: .08em; animation: wsLed 2.4s steps(1) infinite; }
@keyframes wsLed { 92% { opacity: 1; } 96% { opacity: .2; } }

/* Buchstaben, die aus der Zeile wachsen (--w vom Skript, --i je Buchstabe) */
.ws-wachs { display: inline; }
.ws-wort { display: inline-block; white-space: nowrap; }
.ws-wort > span { display: inline-block;
  --a: clamp(0, calc((var(--w, 1) * 1.7 - var(--i) * .7)), 1);
  transform: translateY(calc((1 - var(--a)) * .55em)) scaleY(calc(.4 + var(--a) * .6));
  transform-origin: 50% 100%; opacity: calc(var(--a) * 1.4); }

@media (prefers-reduced-motion: reduce) {
  .ws-schnur { display: none; }
  .ws-wort > span { transform: none; opacity: 1; }
  .ws-messung__led { animation: none; }
}