/* Ampel: Akzent Grün; die Ampel-Fläche ist der Knopf */
:root{--accent:#1f9d55;--accent-dunkel:#14703c;--on-accent:#ffffff}
.ampel{width:min(100%,520px);height:min(56vh,440px);border-radius:24px;border:0;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:clamp(28px,8vw,44px);color:#fff;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 -10px 0 rgba(0,0,0,.18)}
.ampel.rot{background:#d23a2e}
.ampel.gelb{background:#f2b51d;color:#3a2a00}
.ampel.gruen{background:#1fb35a}
.ampel.fertig{background:var(--surface);border:2px solid var(--line);color:var(--ink);box-shadow:none}
.ampel.fertig.fehl{border-color:var(--danger)}
.ergebnis-text{display:flex;flex-direction:column;align-items:center;gap:4px}
.ergebnis-text b{font-family:var(--f-mono);font-size:clamp(36px,10vw,56px)}
.ergebnis-text b.schlecht{color:var(--danger);font-family:var(--f-display)}
.ergebnis-text span{font-size:15px;color:var(--muted);font-family:var(--f-body);font-weight:700}