/* css/uebung-abschluss.css -- Abschluss einer Übung ([NEUE-VERSION], Auftrag 149, Fenster UA).
 * Die Feier liegt FEST über der Seite (nichts verschiebt sich) und lässt jeden Tipp durch (pointer-events: none),
 * nur die kleine Karte mit dem Schliessen-Knopf nimmt Tipps an. Höchstens 3 Sekunden (FEIER_MS). */
.ua-feier { position: fixed; inset: 0; z-index: 9000; pointer-events: none; display: flex; align-items: flex-start; justify-content: center; }
.ua-feier__buehne { position: absolute; inset: 0; overflow: hidden; }
.ua-feier__teil { position: absolute; top: 100%; line-height: 1; will-change: transform, opacity; animation-duration: 2.4s; animation-fill-mode: forwards; animation-timing-function: ease-out; }
.ua-feier__teil--fallen { top: -40px; animation-name: ua-fallen; }
.ua-feier__teil--steigen { animation-name: ua-steigen; }
.ua-feier__teil--funkeln { top: 30%; animation-name: ua-funkeln; }
.ua-feier__teil--platzen { top: 40%; animation-name: ua-platzen; }
.ua-feier__teil--bogen { top: 60%; animation-name: ua-bogen; }
.ua-feier__teil--wellen { top: auto; bottom: -20px; animation-name: ua-wellen; }
@keyframes ua-fallen { from { transform: translateY(0) rotate(0); opacity: 1; } to { transform: translateY(110vh) rotate(540deg); opacity: .2; } }
@keyframes ua-steigen { from { transform: translateY(0); opacity: 1; } to { transform: translateY(-115vh) translateX(20px); opacity: .1; } }
@keyframes ua-funkeln { 0% { transform: scale(0); opacity: 0; } 40% { transform: scale(1.6); opacity: 1; } 100% { transform: scale(.4) translateY(-30vh); opacity: 0; } }
@keyframes ua-platzen { 0% { transform: scale(.2); opacity: 1; } 100% { transform: scale(2.4) translate(var(--ua-dx, 30px), -25vh); opacity: 0; } }
@keyframes ua-bogen { 0% { transform: translate(-30vw, 0); opacity: 0; } 50% { transform: translate(0, -35vh); opacity: 1; } 100% { transform: translate(30vw, 0); opacity: 0; } }
@keyframes ua-wellen { 0% { transform: translateY(0) translateX(-10vw); opacity: .9; } 100% { transform: translateY(-40vh) translateX(10vw); opacity: 0; } }
.ua-feier__karte { position: relative; margin-top: 12vh; max-width: min(92vw, 420px); pointer-events: auto; display: flex; align-items: center; gap: 12px;
  padding: 14px 8px 14px 18px; border-radius: 16px; background: var(--surface, #fff); color: var(--text, #111);
  box-shadow: 0 10px 30px rgba(0,0,0,.18); animation: ua-karte .35s ease-out; }
@keyframes ua-karte { from { transform: translateY(-16px) scale(.96); opacity: 0; } to { transform: none; opacity: 1; } }
.ua-feier__zeichen { font-size: 34px; line-height: 1; }
.ua-feier__titel { margin: 0; font-size: 1.1rem; font-weight: 700; flex: 1; }
.ua-feier__zu { min-width: 48px; min-height: 48px; font-size: 18px; }
/* .btn--klein der App ist kleiner: hier zaehlt die Tippflaeche (Chrome-Probe C1 mass 46 px) */
.ua-feier .ua-feier__zu.btn { box-sizing: border-box; width: 48px; height: 48px; min-width: 48px; min-height: 48px; padding: 0; }
.ua-feier--ruhig .ua-feier__karte { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .ua-feier__buehne { display: none; }
  .ua-feier__karte { animation: none; }
}
/* Der Kasten im Abschluss (unter «✅ Fertig …», nichts darüber verschiebt sich) */
.ua-kasten { margin-top: 10px; display: grid; gap: 6px; }
.ua-kasten p { margin: 0; }
.ua-kasten__knoepfe { display: flex; flex-wrap: wrap; gap: 8px; }
.ua-kasten__knoepfe .btn { min-height: 48px; }
.ua-kasten .ua-kasten__knoepfe .btn.btn--klein { box-sizing: border-box; min-height: 48px; }
.ua-sicher { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 999px; font-size: .8rem; background: #e3f6ea; color: #1b6b3a; }
/* Einstellungen (Lehrperson/Administrator) */
.ua-dialog { position: fixed; inset: 0; z-index: 9100; background: rgba(0,0,0,.35); display: flex; align-items: center; justify-content: center; padding: 16px; }
.ua-dialog__karte { background: var(--surface, #fff); color: var(--text, #111); border-radius: 14px; padding: 18px; width: min(100%, 420px); display: grid; gap: 10px; }
.ua-dialog__titel { margin: 0; font-size: 1.15rem; }
.ua-dialog__satz { margin: 0; font-size: .9rem; opacity: .8; }
.ua-dialog__zeile { display: flex; align-items: center; gap: 8px; min-height: 48px; }
.ua-dialog__zeile input[type="checkbox"] { width: 24px; height: 24px; }
.ua-dialog__zeile select { min-height: 44px; }
.ua-dialog__knoepfe { display: flex; justify-content: flex-end; gap: 8px; }
.ua-dialog__knoepfe .btn { min-height: 48px; }
/* Auftrag 155 (F4): Band «Wiederholung: nur die Aufgaben …» über der Bühne der Karte */
.ua-wdh-band { margin: 0 0 .5rem; font-weight: 600; }