/* /Pages/Student/Games/GameArcade.razor.rz.scp.css */
/* Die Spielecke: bunt, rund, in Bewegung – für Kinder, die gerade eine Prüfung hinter sich
   haben. Ein Stylesheet für alle Spiele, damit Knöpfe, Karten und Animationen überall
   gleich aussehen; die Spiele selbst bringen kein eigenes CSS mit.

   Jede Animation läuft auf einen Endzustand zu, der auch ohne sie stimmt: wer im System
   "Bewegung reduzieren" eingestellt hat, sieht dieselben Zustände, nur ohne Bewegung. */

.vg-arcade[b-ipag7239k0] {
    --vg-good: #10b981;
    --vg-good-bg: #d1fae5;
    --vg-good-ink: #065f46;
    --vg-bad: #ef4444;
    --vg-bad-bg: #fee2e2;
    --vg-bad-ink: #b91c1c;
    --vg-ink: #1e293b;
    --vg-soft-ink: #64748b;
    --vg-line: #e2e8f0;

    position: relative;
    overflow: hidden;
    margin: 1.75rem 0 0.5rem;
    padding: 1rem;
    border: 3px solid #fff;
    border-radius: 1.5rem;
    background: linear-gradient(160deg, #fff7ed 0%, #fdf2f8 45%, #eef2ff 100%);
    box-shadow: 0 14px 30px -12px rgba(79, 70, 229, 0.35), 0 0 0 4px rgba(99, 102, 241, 0.12);
    color: var(--vg-ink);
    text-align: left;
    -webkit-tap-highlight-color: transparent;
    animation: vg-arcade-in-b-ipag7239k0 0.6s cubic-bezier(.34, 1.56, .64, 1) backwards;
}

@media (min-width: 576px) {
    .vg-arcade[b-ipag7239k0] { padding: 1.25rem 1.5rem; }
}

/* ---------- Himmel mit Seifenblasen ---------- */

.vg-arcade[b-ipag7239k0]  .vg-sky {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.vg-arcade[b-ipag7239k0]  .vg-sky span {
    position: absolute;
    border-radius: 50%;
    background: var(--vg-c1);
    opacity: 0.09;
    animation: vg-drift-b-ipag7239k0 9s ease-in-out infinite alternate;
    animation-delay: calc(var(--i) * -1.7s);
}

.vg-arcade[b-ipag7239k0]  .vg-sky span:nth-child(1) { width: 110px; height: 110px; top: -30px; right: -20px; }
.vg-arcade[b-ipag7239k0]  .vg-sky span:nth-child(2) { width: 60px; height: 60px; top: 40%; left: -18px; background: var(--vg-c2); }
.vg-arcade[b-ipag7239k0]  .vg-sky span:nth-child(3) { width: 34px; height: 34px; bottom: 18%; right: 8%; }
.vg-arcade[b-ipag7239k0]  .vg-sky span:nth-child(4) { width: 80px; height: 80px; bottom: -30px; left: 30%; background: var(--vg-c2); }
.vg-arcade[b-ipag7239k0]  .vg-sky span:nth-child(5) { width: 22px; height: 22px; top: 22%; left: 45%; }
.vg-arcade[b-ipag7239k0]  .vg-sky span:nth-child(6) { width: 46px; height: 46px; top: 12%; left: 12%; background: #facc15; opacity: 0.12; }

.vg-arcade > :not(.vg-sky)[b-ipag7239k0] { position: relative; z-index: 1; }

/* ---------- Kopf ---------- */

.vg-arcade[b-ipag7239k0]  .vg-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.vg-arcade[b-ipag7239k0]  .vg-emoji-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, var(--vg-c1), var(--vg-c2));
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.18);
    font-size: 1.9rem;
    animation: vg-wobble-b-ipag7239k0 3.2s ease-in-out infinite;
}

.vg-arcade[b-ipag7239k0]  .vg-head-text { min-width: 0; }

.vg-arcade[b-ipag7239k0]  .vg-kicker {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--vg-soft-ink);
}

.vg-arcade[b-ipag7239k0]  .vg-title {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.15;
    color: var(--vg-c1);
    background: linear-gradient(90deg, var(--vg-c1), var(--vg-c2));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.vg-arcade[b-ipag7239k0]  .vg-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-left: auto;
}

.vg-arcade[b-ipag7239k0]  .vg-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 2px 0 rgba(15, 23, 42, 0.08);
    font-size: 0.85rem;
    font-weight: 800;
    color: #334155;
    white-space: nowrap;
}

.vg-arcade[b-ipag7239k0]  .vg-chip-level {
    background: linear-gradient(135deg, var(--vg-c1), var(--vg-c2));
    color: #fff;
}

.vg-arcade[b-ipag7239k0]  .vg-chip-fire { animation: vg-pop-b-ipag7239k0 0.4s cubic-bezier(.34, 1.56, .64, 1); }

/* ---------- Fortschritt bis zum nächsten Level ---------- */

.vg-arcade[b-ipag7239k0]  .vg-progress { margin: 0.85rem 0 0.25rem; }

.vg-arcade[b-ipag7239k0]  .vg-progress-steps {
    display: flex;
    gap: 0.35rem;
}

.vg-arcade[b-ipag7239k0]  .vg-progress-step {
    flex: 1;
    height: 0.7rem;
    border-radius: 999px;
    background: #fff;
    box-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.12);
}

.vg-arcade[b-ipag7239k0]  .vg-progress-step.done {
    background: linear-gradient(90deg, var(--vg-c1), var(--vg-c2));
    box-shadow: none;
    animation: vg-fill-b-ipag7239k0 0.45s cubic-bezier(.34, 1.56, .64, 1);
}

.vg-arcade[b-ipag7239k0]  .vg-progress-label {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--vg-soft-ink);
    text-align: center;
}

/* ---------- Moki und die Sprechblase ---------- */

.vg-arcade[b-ipag7239k0]  .vg-buddy {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    margin: 0.4rem 0 0.6rem;
}

.vg-arcade[b-ipag7239k0]  .vg-bubble {
    position: relative;
    margin-bottom: 2.4rem;
    padding: 0.5rem 0.9rem;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 3px 0 rgba(15, 23, 42, 0.07);
    font-weight: 700;
    color: #334155;
    animation: vg-bubble-in-b-ipag7239k0 0.35s cubic-bezier(.34, 1.56, .64, 1);
    transform-origin: left bottom;
}

.vg-arcade[b-ipag7239k0]  .vg-bubble::before {
    content: "";
    position: absolute;
    left: -9px;
    bottom: 10px;
    border: 6px solid transparent;
    border-right: 10px solid #fff;
    border-left: 0;
}

.vg-arcade[b-ipag7239k0]  .vg-owl {
    flex: none;
    width: 78px;
    height: auto;
    overflow: visible;
}

.vg-arcade[b-ipag7239k0]  .vg-owl-shadow { fill: rgba(15, 23, 42, 0.12); }

.vg-arcade[b-ipag7239k0]  .vg-owl-body,
.vg-arcade[b-ipag7239k0]  .vg-owl-wing,
.vg-arcade[b-ipag7239k0]  .vg-owl-lids ellipse,
.vg-arcade[b-ipag7239k0]  .vg-owl-pupils {
    transform-box: fill-box;
}

.vg-arcade[b-ipag7239k0]  .vg-owl-body {
    transform-origin: 50% 100%;
    transition: transform 0.3s;
}

.vg-arcade[b-ipag7239k0]  .vg-owl-wing { transform-origin: 50% 12%; }

.vg-arcade[b-ipag7239k0]  .vg-owl-lids ellipse {
    transform-origin: 50% 0;
    transform: scaleY(0);
    animation: vg-blink-b-ipag7239k0 4.6s infinite;
}

.vg-arcade[b-ipag7239k0]  .vg-owl-idle .vg-owl-body { animation: vg-bob-b-ipag7239k0 2.4s ease-in-out infinite; }
.vg-arcade[b-ipag7239k0]  .vg-owl-happy .vg-owl-body { animation: vg-hop-b-ipag7239k0 0.5s ease-in-out 2; }
.vg-arcade[b-ipag7239k0]  .vg-owl-oops .vg-owl-body { animation: vg-shake-b-ipag7239k0 0.45s; }
.vg-arcade[b-ipag7239k0]  .vg-owl-sad .vg-owl-body { transform: rotate(-6deg) translateY(3px); }
.vg-arcade[b-ipag7239k0]  .vg-owl-sad .vg-owl-pupils { transform: translateY(3px); }
.vg-arcade[b-ipag7239k0]  .vg-owl-cheer .vg-owl-body { animation: vg-cheer-b-ipag7239k0 0.9s ease-in-out infinite; }

.vg-arcade[b-ipag7239k0]  .vg-owl-happy .vg-owl-wing-l,
.vg-arcade[b-ipag7239k0]  .vg-owl-cheer .vg-owl-wing-l { animation: vg-flap-l-b-ipag7239k0 0.25s ease-in-out infinite alternate; }
.vg-arcade[b-ipag7239k0]  .vg-owl-happy .vg-owl-wing-r,
.vg-arcade[b-ipag7239k0]  .vg-owl-cheer .vg-owl-wing-r { animation: vg-flap-r-b-ipag7239k0 0.25s ease-in-out infinite alternate; }

/* ---------- Start ---------- */

.vg-arcade[b-ipag7239k0]  .vg-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0 0.75rem;
    text-align: center;
}

.vg-arcade[b-ipag7239k0]  .vg-intro-emoji {
    font-size: 4rem;
    line-height: 1;
    animation: vg-bounce-b-ipag7239k0 1.6s ease-in-out infinite;
}

.vg-arcade[b-ipag7239k0]  .vg-intro-howto {
    max-width: 30rem;
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: #334155;
}

.vg-arcade[b-ipag7239k0]  .vg-intro-quiet {
    margin: 0 0 0.4rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--vg-soft-ink);
}

/* ---------- Knöpfe ---------- */

.vg-arcade[b-ipag7239k0]  .vg-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.75rem 1.4rem;
    border: 0;
    border-radius: 1rem;
    background: linear-gradient(135deg, var(--vg-c1), var(--vg-c2));
    box-shadow: 0 5px 0 rgba(15, 23, 42, 0.25);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.1s, box-shadow 0.1s, filter 0.15s;
}

.vg-arcade[b-ipag7239k0]  .vg-btn:hover:not(:disabled) { filter: brightness(1.07); }

.vg-arcade[b-ipag7239k0]  .vg-btn:active:not(:disabled) {
    transform: translateY(4px);
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.25);
}

.vg-arcade[b-ipag7239k0]  .vg-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.vg-arcade[b-ipag7239k0]  .vg-btn-go {
    padding: 0.9rem 1.9rem;
    font-size: 1.2rem;
    animation: vg-breathe-b-ipag7239k0 2s ease-in-out infinite;
}

.vg-arcade[b-ipag7239k0]  .vg-btn-check { background: linear-gradient(135deg, #10b981, #059669); }

.vg-arcade[b-ipag7239k0]  .vg-btn-soft {
    background: #fff;
    box-shadow: 0 4px 0 #cbd5e1;
    color: #334155;
}

.vg-arcade[b-ipag7239k0]  .vg-row-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem;
}

/* ---------- Tasten: Ziffern und Buchstaben ---------- */

.vg-arcade[b-ipag7239k0]  .vg-key {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0;
    border: 0;
    border-radius: 0.8rem;
    background: #fff;
    box-shadow: 0 4px 0 #cbd5e1;
    color: var(--vg-ink);
    font-size: 1.3rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.08s, box-shadow 0.08s, background 0.2s;
}

.vg-arcade[b-ipag7239k0]  .vg-key:active:not(:disabled) {
    transform: translateY(3px);
    box-shadow: 0 1px 0 #cbd5e1;
}

.vg-arcade[b-ipag7239k0]  .vg-key-soft { background: #f1f5f9; }

.vg-arcade[b-ipag7239k0]  .vg-key-ok {
    background: linear-gradient(135deg, var(--vg-c1), var(--vg-c2));
    box-shadow: 0 4px 0 rgba(15, 23, 42, 0.25);
    color: #fff;
}

.vg-arcade[b-ipag7239k0]  .vg-key:disabled { cursor: default; }
.vg-arcade[b-ipag7239k0]  .vg-key-ok:disabled { opacity: 0.45; }

.vg-arcade[b-ipag7239k0]  .vg-pad {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.45rem;
    width: 100%;
    max-width: 18rem;
}

.vg-arcade[b-ipag7239k0]  .vg-pad .vg-key-ok { grid-column: 1 / -1; }

.vg-arcade[b-ipag7239k0]  .vg-pad-compact {
    grid-template-columns: repeat(6, 1fr);
    max-width: 24rem;
}

.vg-arcade[b-ipag7239k0]  .vg-pad-compact .vg-key { min-height: 2.7rem; font-size: 1.15rem; }

.vg-arcade[b-ipag7239k0]  .vg-letters {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
    max-width: 34rem;
}

.vg-arcade[b-ipag7239k0]  .vg-letters-row {
    display: flex;
    justify-content: center;
    gap: 0.25rem;
}

.vg-arcade[b-ipag7239k0]  .vg-letter {
    flex: 1 1 0;
    min-width: 0;
    max-width: 2.8rem;
    min-height: 2.8rem;
    font-size: 1.05rem;
    border-radius: 0.6rem;
}

.vg-arcade[b-ipag7239k0]  .vg-letter-wide { flex: 1.6 1 0; max-width: 4.5rem; font-size: 1rem; }
.vg-arcade[b-ipag7239k0]  .vg-letter-space { flex: 4 1 0; max-width: 12rem; font-size: 0.85rem; }

.vg-arcade[b-ipag7239k0]  .vg-letter.hit {
    background: var(--vg-good);
    box-shadow: 0 4px 0 #047857;
    color: #fff;
    animation: vg-pop-b-ipag7239k0 0.35s cubic-bezier(.34, 1.56, .64, 1);
}

.vg-arcade[b-ipag7239k0]  .vg-letter.miss {
    background: #e2e8f0;
    box-shadow: none;
    color: #94a3b8;
    text-decoration: line-through;
    transform: translateY(3px);
}

/* ---------- Gemeinsame Bausteine der Spiele ---------- */

.vg-arcade[b-ipag7239k0]  .vg-board { min-height: 8rem; }

.vg-arcade[b-ipag7239k0]  .vg-game {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
    text-align: center;
}

.vg-arcade[b-ipag7239k0]  .vg-hint {
    display: inline-block;
    max-width: 100%;
    padding: 0.3rem 0.85rem;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 2px 0 rgba(15, 23, 42, 0.06);
    font-size: 0.9rem;
    font-weight: 600;
    color: #475569;
}

.vg-arcade[b-ipag7239k0]  .vg-hint-extra { color: var(--vg-c1); font-weight: 700; }

.vg-arcade[b-ipag7239k0]  .vg-tries {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--vg-soft-ink);
}

.vg-arcade[b-ipag7239k0]  .vg-shake { animation: vg-shake-b-ipag7239k0 0.45s; }

/* ---------- Ergebnis, Punkte, Level geschafft ---------- */

.vg-arcade[b-ipag7239k0]  .vg-result {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0.7rem 1rem;
    border-radius: 1rem;
    font-size: 1.05rem;
    animation: vg-rise-b-ipag7239k0 0.35s cubic-bezier(.34, 1.56, .64, 1);
}

.vg-arcade[b-ipag7239k0]  .vg-result-good { background: var(--vg-good-bg); color: var(--vg-good-ink); }
.vg-arcade[b-ipag7239k0]  .vg-result-bad { background: #ffe4e6; color: #9f1239; }
.vg-arcade[b-ipag7239k0]  .vg-result .vg-btn { padding: 0.55rem 1.1rem; font-size: 1rem; }

.vg-arcade[b-ipag7239k0]  .vg-points {
    position: absolute;
    top: 35%;
    left: 50%;
    z-index: 4;
    font-size: 2.4rem;
    font-weight: 800;
    color: #f59e0b;
    text-shadow: 0 3px 0 #fff, 0 0 12px rgba(255, 255, 255, 0.9);
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -70px) scale(1.1);
    animation: vg-points-b-ipag7239k0 1.3s ease-out;
}

.vg-arcade[b-ipag7239k0]  .vg-levelup {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.72);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    animation: vg-fade-b-ipag7239k0 0.3s;
}

.vg-arcade[b-ipag7239k0]  .vg-levelup-card {
    position: relative;
    z-index: 1;
    max-width: 22rem;
    padding: 1.5rem 1.75rem;
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 20px 40px -12px rgba(15, 23, 42, 0.35);
    text-align: center;
    animation: vg-zoom-b-ipag7239k0 0.55s cubic-bezier(.34, 1.56, .64, 1);
}

.vg-arcade[b-ipag7239k0]  .vg-levelup-card p { margin: 0.25rem 0 1rem; font-weight: 600; color: #475569; }

.vg-arcade[b-ipag7239k0]  .vg-levelup-title {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--vg-c1);
    background: linear-gradient(90deg, var(--vg-c1), var(--vg-c2));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.vg-arcade[b-ipag7239k0]  .vg-levelup-stars { font-size: 2rem; letter-spacing: 0.3rem; }
.vg-arcade[b-ipag7239k0]  .vg-levelup-stars span { display: inline-block; animation: vg-star-b-ipag7239k0 0.5s cubic-bezier(.34, 1.56, .64, 1) backwards; }
.vg-arcade[b-ipag7239k0]  .vg-levelup-stars span:nth-child(2) { animation-delay: 0.15s; font-size: 2.6rem; }
.vg-arcade[b-ipag7239k0]  .vg-levelup-stars span:nth-child(3) { animation-delay: 0.3s; }

.vg-arcade[b-ipag7239k0]  .vg-confetti {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.vg-arcade[b-ipag7239k0]  .vg-confetti i {
    position: absolute;
    top: -16px;
    left: var(--x);
    width: var(--w);
    height: calc(var(--w) * 0.5);
    border-radius: 2px;
    background: var(--c);
    opacity: 0;
    animation: vg-confetti-b-ipag7239k0 var(--t) ease-in var(--d) backwards;
}

.vg-arcade[b-ipag7239k0]  .vg-foot {
    margin-top: 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--vg-soft-ink);
    text-align: center;
}

/* ---------- Wortraten ---------- */

.vg-arcade[b-ipag7239k0]  .vg-balloons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.15rem;
    min-height: 2.6rem;
}

.vg-arcade[b-ipag7239k0]  .vg-balloon {
    display: inline-block;
    font-size: 1.9rem;
    line-height: 1.2;
    filter: hue-rotate(var(--hue));
    transform-origin: 50% 100%;
    animation: vg-sway-b-ipag7239k0 2.4s ease-in-out infinite;
    animation-delay: calc(var(--i) * -0.3s);
}

.vg-arcade[b-ipag7239k0]  .vg-balloon.popped {
    opacity: 0.15;
    filter: grayscale(1);
    transform: scale(0.55) translateY(14px);
    animation: vg-burst-b-ipag7239k0 0.45s ease-out;
}

.vg-arcade[b-ipag7239k0]  .vg-slots {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 0.3rem;
    width: 100%;
    margin: 0.2rem 0;
}

.vg-arcade[b-ipag7239k0]  .vg-slot {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 2.5rem;
    min-width: 0;
    aspect-ratio: 5 / 6;
    padding: 0;
    border: 0;
    border-bottom: 4px solid var(--vg-c1);
    border-radius: 0.7rem;
    background: #fff;
    box-shadow: 0 2px 0 rgba(15, 23, 42, 0.06);
    color: var(--vg-ink);
    font-size: clamp(1rem, 4.5vw, 1.55rem);
    font-weight: 800;
}

.vg-arcade[b-ipag7239k0]  .vg-slot.filled { animation: vg-pop-b-ipag7239k0 0.35s cubic-bezier(.34, 1.56, .64, 1); }
.vg-arcade[b-ipag7239k0]  .vg-slot.missed { background: var(--vg-bad-bg); border-bottom-color: var(--vg-bad); color: var(--vg-bad-ink); }

.vg-arcade[b-ipag7239k0]  .vg-slot.won {
    background: var(--vg-good-bg);
    border-bottom-color: var(--vg-good);
    color: var(--vg-good-ink);
    animation: vg-jump-b-ipag7239k0 0.5s ease-out backwards;
    animation-delay: calc(var(--i) * 60ms);
}

/* ---------- Rechentreppe ---------- */

.vg-arcade[b-ipag7239k0]  .vg-stairs {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 64px;
    margin-top: 1rem;
}

.vg-arcade[b-ipag7239k0]  .vg-stair {
    position: relative;
    width: 1.5rem;
    height: calc(var(--s) * 10%);
    border-radius: 0.3rem 0.3rem 0 0;
    background: #e2e8f0;
}

.vg-arcade[b-ipag7239k0]  .vg-stair.on { background: linear-gradient(180deg, var(--vg-c2), var(--vg-c1)); }

.vg-arcade[b-ipag7239k0]  .vg-stair-flag {
    position: absolute;
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.1rem;
    animation: vg-bounce-b-ipag7239k0 1.2s ease-in-out infinite;
}

.vg-arcade[b-ipag7239k0]  .vg-equation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.6rem 1.2rem;
    border-radius: 1.2rem;
    background: #fff;
    box-shadow: 0 6px 0 rgba(15, 23, 42, 0.07);
    font-size: clamp(1.7rem, 7vw, 2.5rem);
    font-weight: 800;
    color: var(--vg-ink);
}

.vg-arcade[b-ipag7239k0]  .vg-equation-answer,
.vg-arcade[b-ipag7239k0]  .vg-geo-typed {
    min-width: 3ch;
    padding: 0 0.5rem;
    border: 3px dashed #cbd5e1;
    border-radius: 0.8rem;
    background: #f8fafc;
    color: var(--vg-c1);
    text-align: center;
}

.vg-arcade[b-ipag7239k0]  .typed { border-style: solid; border-color: var(--vg-c1); }

.vg-arcade[b-ipag7239k0]  .vg-equation-answer.right,
.vg-arcade[b-ipag7239k0]  .vg-geo-typed.right,
.vg-arcade[b-ipag7239k0]  .vg-bead-ask.right {
    border: 3px solid var(--vg-good);
    background: var(--vg-good-bg);
    color: var(--vg-good-ink);
    animation: vg-pop-b-ipag7239k0 0.4s cubic-bezier(.34, 1.56, .64, 1);
}

.vg-arcade[b-ipag7239k0]  .vg-equation-answer.wrong,
.vg-arcade[b-ipag7239k0]  .vg-geo-typed.wrong,
.vg-arcade[b-ipag7239k0]  .vg-bead-ask.wrong {
    border: 3px solid #f59e0b;
    background: #fef3c7;
    color: #92400e;
}

/* ---------- Buchstabensalat ---------- */

.vg-arcade[b-ipag7239k0]  .vg-tiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    max-width: 30rem;
}

.vg-arcade[b-ipag7239k0]  .vg-tile {
    width: 3rem;
    height: 3rem;
    border: 0;
    border-radius: 0.9rem;
    background: linear-gradient(135deg, var(--vg-c1), var(--vg-c2));
    box-shadow: 0 5px 0 rgba(15, 23, 42, 0.22);
    color: #fff;
    font-size: 1.5rem;
    font-weight: 800;
    cursor: pointer;
    transform: rotate(-4deg);
    transition: transform 0.15s, opacity 0.2s;
    animation: vg-drop-b-ipag7239k0 0.45s cubic-bezier(.34, 1.56, .64, 1) backwards;
    animation-delay: calc(var(--i) * 55ms);
}

.vg-arcade[b-ipag7239k0]  .vg-tile:nth-child(even) { transform: rotate(3deg); }
.vg-arcade[b-ipag7239k0]  .vg-tile:hover:not(:disabled) { transform: rotate(0) scale(1.08); }

.vg-arcade[b-ipag7239k0]  .vg-tile.used {
    opacity: 0.2;
    box-shadow: none;
    transform: scale(0.8);
    cursor: default;
}

/* ---------- Zahlenmauer ---------- */

.vg-arcade[b-ipag7239k0]  .vg-wall-rows {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.vg-arcade[b-ipag7239k0]  .vg-wall-row { display: flex; gap: 4px; }

.vg-arcade[b-ipag7239k0]  .vg-brick {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(2.5rem, 13vw, 3.6rem);
    height: 2.6rem;
    padding: 0;
    border: 0;
    border-radius: 0.5rem;
    font-size: 1.1rem;
    font-weight: 800;
    animation: vg-drop-b-ipag7239k0 0.4s cubic-bezier(.34, 1.56, .64, 1) backwards;
    animation-delay: calc(var(--i) * 35ms);
}

.vg-arcade[b-ipag7239k0]  .vg-brick.given {
    background: #fed7aa;
    border-bottom: 4px solid #ea580c;
    color: #7c2d12;
}

.vg-arcade[b-ipag7239k0]  .vg-brick.gap {
    border: 3px dashed #fdba74;
    background: #fff;
    color: var(--vg-c1);
    cursor: pointer;
}

.vg-arcade[b-ipag7239k0]  .vg-brick.selected {
    border: 3px solid var(--vg-c1);
    background: #fff7ed;
    box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.2);
    animation: vg-glow-b-ipag7239k0 1.4s ease-in-out infinite;
}

.vg-arcade[b-ipag7239k0]  .vg-brick.wrong { border: 3px solid var(--vg-bad); background: var(--vg-bad-bg); color: var(--vg-bad-ink); }
.vg-arcade[b-ipag7239k0]  .vg-brick.right { border: 3px solid var(--vg-good); background: var(--vg-good-bg); color: var(--vg-good-ink); animation: vg-jump-b-ipag7239k0 0.5s ease-out; }
.vg-arcade[b-ipag7239k0]  .vg-brick.reveal { border: 3px solid #f59e0b; background: #fef3c7; color: #92400e; }

/* ---------- Satzpuzzle ---------- */

.vg-arcade[b-ipag7239k0]  .vg-sentence-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    width: 100%;
    min-height: 3.6rem;
    padding: 0.7rem;
    border: 3px dashed #d8b4fe;
    border-radius: 1rem;
    background: #fff;
}

.vg-arcade[b-ipag7239k0]  .vg-sentence-empty { color: #94a3b8; font-style: italic; }

.vg-arcade[b-ipag7239k0]  .vg-sentence-pool {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.8rem;
}

.vg-arcade[b-ipag7239k0]  .vg-card {
    padding: 0.45rem 0.8rem;
    border: 0;
    border-radius: 0.7rem;
    background: linear-gradient(135deg, var(--vg-c1), var(--vg-c2));
    box-shadow: 0 4px 0 rgba(15, 23, 42, 0.2);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    cursor: pointer;
    animation: vg-drop-b-ipag7239k0 0.4s cubic-bezier(.34, 1.56, .64, 1) backwards;
    animation-delay: calc(var(--i, 0) * 45ms);
}

.vg-arcade[b-ipag7239k0]  .vg-card.placed {
    border: 2px solid var(--vg-line);
    background: #fff;
    box-shadow: 0 3px 0 var(--vg-line);
    color: var(--vg-ink);
    animation: vg-pop-b-ipag7239k0 0.3s cubic-bezier(.34, 1.56, .64, 1);
}

.vg-arcade[b-ipag7239k0]  .vg-card.right { border-color: var(--vg-good); background: var(--vg-good-bg); color: var(--vg-good-ink); box-shadow: 0 3px 0 var(--vg-good); }
.vg-arcade[b-ipag7239k0]  .vg-card.wrong { border-color: var(--vg-bad); background: var(--vg-bad-bg); color: var(--vg-bad-ink); box-shadow: 0 3px 0 var(--vg-bad); }

.vg-arcade[b-ipag7239k0]  .vg-card.reveal {
    background: #fef3c7;
    box-shadow: 0 3px 0 #f59e0b;
    color: #92400e;
    cursor: default;
}

/* ---------- Fehlerjagd und Vierergruppen ---------- */

.vg-arcade[b-ipag7239k0]  .vg-hunt-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
}

.vg-arcade[b-ipag7239k0]  .vg-hearts { display: inline-flex; gap: 0.15rem; }
.vg-arcade[b-ipag7239k0]  .vg-heart { display: inline-block; font-size: 1.3rem; transition: transform 0.3s, opacity 0.3s; }
.vg-arcade[b-ipag7239k0]  .vg-heart.lost { opacity: 0.25; filter: grayscale(1); transform: scale(0.75); animation: vg-burst-b-ipag7239k0 0.45s ease-out; }

.vg-arcade[b-ipag7239k0]  .vg-hunt-sentence {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.3rem 0.35rem;
    width: 100%;
    padding: 1rem;
    border-radius: 1.2rem;
    background: #fff;
    box-shadow: 0 6px 0 rgba(15, 23, 42, 0.06);
    font-size: clamp(1.15rem, 4.5vw, 1.45rem);
}

.vg-arcade[b-ipag7239k0]  .vg-word {
    padding: 0.15rem 0.35rem;
    border: 0;
    border-bottom: 3px dotted #cbd5e1;
    border-radius: 0.5rem;
    background: transparent;
    color: var(--vg-ink);
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
}

.vg-arcade[b-ipag7239k0]  .vg-word:hover:not(:disabled) { background: #f1f5f9; }
.vg-arcade[b-ipag7239k0]  .vg-word:disabled { cursor: default; }
.vg-arcade[b-ipag7239k0]  .vg-word.found { border-bottom-color: var(--vg-good); background: var(--vg-good-bg); color: var(--vg-good-ink); }
.vg-arcade[b-ipag7239k0]  .vg-word.found .vg-word-core { display: inline-block; animation: vg-flip-b-ipag7239k0 0.5s ease-out; }
.vg-arcade[b-ipag7239k0]  .vg-word.miss { border-bottom-color: var(--vg-bad); background: var(--vg-bad-bg); color: var(--vg-bad-ink); animation: vg-shake-b-ipag7239k0 0.45s; }
.vg-arcade[b-ipag7239k0]  .vg-word.reveal { border-bottom-color: #f59e0b; background: #fef3c7; color: #92400e; }

.vg-arcade[b-ipag7239k0]  .vg-group-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.4rem;
    width: 100%;
}

.vg-arcade[b-ipag7239k0]  .vg-group-tile {
    min-width: 0;
    min-height: 3.6rem;
    padding: 0.3rem;
    border: 0;
    border-radius: 0.8rem;
    background: #fff;
    box-shadow: 0 4px 0 var(--vg-line);
    color: var(--vg-ink);
    font-size: clamp(0.72rem, 2.8vw, 0.95rem);
    font-weight: 700;
    line-height: 1.15;
    /* Long nouns like "Klettergerüst" split at a syllable, not after any letter. */
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    cursor: pointer;
    transition: transform 0.15s, background 0.15s;
    animation: vg-drop-b-ipag7239k0 0.4s cubic-bezier(.34, 1.56, .64, 1) backwards;
    animation-delay: calc(var(--i) * 30ms);
}

.vg-arcade[b-ipag7239k0]  .vg-group-tile.picked {
    background: linear-gradient(135deg, var(--vg-c1), var(--vg-c2));
    box-shadow: 0 4px 0 rgba(15, 23, 42, 0.25);
    color: #fff;
    transform: translateY(-3px) scale(1.04);
}

.vg-arcade[b-ipag7239k0]  .vg-band {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0.55rem 0.9rem;
    border-radius: 1rem;
    font-size: 0.9rem;
    animation: vg-band-b-ipag7239k0 0.45s cubic-bezier(.34, 1.56, .64, 1);
}

.vg-arcade[b-ipag7239k0]  .vg-band strong { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.04em; }
.vg-arcade[b-ipag7239k0]  .vg-band-0 { background: #fde68a; color: #78350f; }
.vg-arcade[b-ipag7239k0]  .vg-band-1 { background: #bbf7d0; color: #14532d; }
.vg-arcade[b-ipag7239k0]  .vg-band-2 { background: #bfdbfe; color: #1e3a8a; }
.vg-arcade[b-ipag7239k0]  .vg-band-3 { background: #e9d5ff; color: #581c87; }
.vg-arcade[b-ipag7239k0]  .vg-band.reveal { outline: 3px dashed rgba(15, 23, 42, 0.25); outline-offset: -3px; }

/* ---------- Zahlenreihen ---------- */

.vg-arcade[b-ipag7239k0]  .vg-series-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    margin-top: 0.4rem;
}

/* Sechs Zahlen und das Fragezeichen sollen auch auf einem schmalen Handy in eine Zeile passen. */
.vg-arcade[b-ipag7239k0]  .vg-bead {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: clamp(2.3rem, 9vw, 3rem);
    height: clamp(2.3rem, 9vw, 3rem);
    padding: 0 0.4rem;
    border: 3px solid #c7d2fe;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 4px 0 rgba(15, 23, 42, 0.07);
    color: var(--vg-ink);
    font-size: clamp(0.95rem, 3.8vw, 1.25rem);
    font-weight: 800;
    animation: vg-drop-b-ipag7239k0 0.4s cubic-bezier(.34, 1.56, .64, 1) backwards;
    animation-delay: calc(var(--i) * 90ms);
}

.vg-arcade[b-ipag7239k0]  .vg-bead-arrow { font-size: 1.1rem; font-weight: 800; color: #94a3b8; }

@media (max-width: 420px) {
    .vg-arcade[b-ipag7239k0]  .vg-series-row { gap: 0.3rem; }
    .vg-arcade[b-ipag7239k0]  .vg-bead-arrow { display: none; }
}

.vg-arcade[b-ipag7239k0]  .vg-bead-ask {
    border-color: var(--vg-c1);
    background: linear-gradient(135deg, var(--vg-c1), var(--vg-c2));
    color: #fff;
    animation: vg-breathe-b-ipag7239k0 1.4s ease-in-out infinite;
}

.vg-arcade[b-ipag7239k0]  .vg-bead-ask.typed { background: #fff; color: var(--vg-c1); }

.vg-arcade[b-ipag7239k0]  .vg-rule {
    margin: 0;
    padding: 0.6rem 1rem;
    border-radius: 1rem;
    background: #fff;
    font-weight: 600;
    color: #334155;
    animation: vg-rise-b-ipag7239k0 0.35s ease-out;
}

/* ---------- Mini-Sudoku ---------- */

.vg-arcade[b-ipag7239k0]  .vg-sudoku-grid {
    display: grid;
    grid-template-columns: repeat(var(--n), 1fr);
    width: min(100%, calc(var(--n) * 3.2rem));
    border: 3px solid #334155;
    border-radius: 0.7rem;
    overflow: hidden;
    background: #fff;
}

.vg-arcade[b-ipag7239k0]  .vg-cell {
    aspect-ratio: 1;
    padding: 0;
    border: 0;
    border-right: 1px solid #cbd5e1;
    border-bottom: 1px solid #cbd5e1;
    background: #fff;
    color: var(--vg-c1);
    font-weight: 800;
    cursor: pointer;
    transition: background 0.15s;
}

.vg-arcade[b-ipag7239k0]  .vg-sudoku-4 .vg-cell { font-size: 1.6rem; }
.vg-arcade[b-ipag7239k0]  .vg-sudoku-6 .vg-cell { font-size: 1.35rem; }
.vg-arcade[b-ipag7239k0]  .vg-sudoku-9 .vg-cell { font-size: clamp(0.95rem, 4vw, 1.2rem); }

.vg-arcade[b-ipag7239k0]  .vg-cell.given { background: #f1f5f9; color: var(--vg-ink); cursor: default; }
.vg-arcade[b-ipag7239k0]  .vg-cell.edge-r { border-right: 3px solid #334155; }
.vg-arcade[b-ipag7239k0]  .vg-cell.edge-b { border-bottom: 3px solid #334155; }
.vg-arcade[b-ipag7239k0]  .vg-cell.same { background: #e0e7ff; }
.vg-arcade[b-ipag7239k0]  .vg-cell.selected { background: #fef9c3; box-shadow: inset 0 0 0 3px var(--vg-c1); }
.vg-arcade[b-ipag7239k0]  .vg-cell.clash { background: var(--vg-bad-bg); color: var(--vg-bad-ink); }
.vg-arcade[b-ipag7239k0]  .vg-cell.reveal { color: #b45309; }

.vg-arcade[b-ipag7239k0]  .vg-cell.won {
    background: var(--vg-good-bg);
    animation: vg-pop-b-ipag7239k0 0.4s ease-out backwards;
    animation-delay: calc(var(--i) * 10ms);
}

/* ---------- Geo-Blitz ---------- */

.vg-arcade[b-ipag7239k0]  .vg-geo-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.9rem 1rem;
    border-radius: 1.2rem;
    background: #fff;
    box-shadow: 0 6px 0 rgba(15, 23, 42, 0.06);
    text-align: left;
}

.vg-arcade[b-ipag7239k0]  .vg-geo-globe {
    flex: none;
    font-size: 2.6rem;
    animation: vg-turn-b-ipag7239k0 6s ease-in-out infinite;
}

.vg-arcade[b-ipag7239k0]  .vg-geo-question { margin: 0; font-size: 1.2rem; font-weight: 800; }

.vg-arcade[b-ipag7239k0]  .vg-geo-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
    width: 100%;
}

.vg-arcade[b-ipag7239k0]  .vg-option {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.8rem 0.7rem;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 5px 0 rgba(15, 23, 42, 0.22);
    color: #fff;
    font-size: 1.02rem;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
    transition: transform 0.1s, opacity 0.2s;
    animation: vg-drop-b-ipag7239k0 0.4s cubic-bezier(.34, 1.56, .64, 1) backwards;
    animation-delay: calc(var(--i) * 70ms);
}

.vg-arcade[b-ipag7239k0]  .vg-option:active:not(:disabled) { transform: translateY(4px); }
.vg-arcade[b-ipag7239k0]  .vg-option-0 { background: #e11d48; }
.vg-arcade[b-ipag7239k0]  .vg-option-1 { background: #2563eb; }
.vg-arcade[b-ipag7239k0]  .vg-option-2 { background: #c2410c; }
.vg-arcade[b-ipag7239k0]  .vg-option-3 { background: #047857; }

.vg-arcade[b-ipag7239k0]  .vg-option-key {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    font-size: 0.8rem;
}

.vg-arcade[b-ipag7239k0]  .vg-option.right { outline: 4px solid #fde047; animation: vg-jump-b-ipag7239k0 0.5s ease-out; }
.vg-arcade[b-ipag7239k0]  .vg-option.wrong { opacity: 0.3; filter: grayscale(0.8); }
.vg-arcade[b-ipag7239k0]  .vg-option:disabled:not(.right):not(.wrong) { opacity: 0.6; }

.vg-arcade[b-ipag7239k0]  .vg-geo-typed {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60%;
    min-height: 3.2rem;
    padding: 0.3rem 1rem;
    font-size: 1.45rem;
    font-weight: 800;
}

/* ---------- Bewegungen ---------- */

@keyframes vg-arcade-in-b-ipag7239k0 { from { opacity: 0; transform: translateY(24px) scale(0.96); } }
@keyframes vg-drift-b-ipag7239k0 { to { transform: translate(14px, -18px) scale(1.12); } }
@keyframes vg-wobble-b-ipag7239k0 { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg) scale(1.06); } }
@keyframes vg-pop-b-ipag7239k0 { 0% { transform: scale(0.6); } 60% { transform: scale(1.18); } 100% { transform: scale(1); } }
@keyframes vg-fill-b-ipag7239k0 { from { transform: scaleX(0.2); opacity: 0.4; } }
@keyframes vg-bubble-in-b-ipag7239k0 { from { opacity: 0; transform: scale(0.6); } }
@keyframes vg-bob-b-ipag7239k0 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes vg-hop-b-ipag7239k0 { 0%, 100% { transform: translateY(0) scale(1, 1); } 30% { transform: translateY(0) scale(1.08, 0.92); } 60% { transform: translateY(-16px) scale(0.96, 1.06); } }
@keyframes vg-cheer-b-ipag7239k0 { 0%, 100% { transform: translateY(0) rotate(0); } 35% { transform: translateY(-18px) rotate(-8deg); } 70% { transform: translateY(-10px) rotate(8deg); } }
@keyframes vg-flap-l-b-ipag7239k0 { from { transform: rotate(0); } to { transform: rotate(38deg); } }
@keyframes vg-flap-r-b-ipag7239k0 { from { transform: rotate(0); } to { transform: rotate(-38deg); } }
@keyframes vg-blink-b-ipag7239k0 { 0%, 91%, 100% { transform: scaleY(0); } 95% { transform: scaleY(1); } }
@keyframes vg-shake-b-ipag7239k0 { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-8px) rotate(-2deg); } 40% { transform: translateX(7px) rotate(2deg); } 60% { transform: translateX(-5px); } 80% { transform: translateX(3px); } }
@keyframes vg-bounce-b-ipag7239k0 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes vg-breathe-b-ipag7239k0 { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
@keyframes vg-rise-b-ipag7239k0 { from { opacity: 0; transform: translateY(14px); } }
@keyframes vg-points-b-ipag7239k0 { 0% { opacity: 0; transform: translate(-50%, 0) scale(0.5); } 20% { opacity: 1; transform: translate(-50%, -10px) scale(1.25); } 70% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -70px) scale(1.1); } }
@keyframes vg-fade-b-ipag7239k0 { from { opacity: 0; } }
@keyframes vg-zoom-b-ipag7239k0 { from { opacity: 0; transform: scale(0.4) rotate(-6deg); } }
@keyframes vg-star-b-ipag7239k0 { from { opacity: 0; transform: scale(0) rotate(-90deg); } }
@keyframes vg-confetti-b-ipag7239k0 { 0% { opacity: 1; transform: translate(0, 0) rotate(0); } 85% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--drift), 560px) rotate(var(--r)); } }
@keyframes vg-sway-b-ipag7239k0 { 0%, 100% { transform: rotate(-5deg) translateY(0); } 50% { transform: rotate(5deg) translateY(-4px); } }
@keyframes vg-burst-b-ipag7239k0 { 0% { opacity: 1; filter: none; transform: scale(1); } 35% { opacity: 1; transform: scale(1.5); } }
@keyframes vg-jump-b-ipag7239k0 { 0%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px) scale(1.06); } }
@keyframes vg-drop-b-ipag7239k0 { from { opacity: 0; transform: translateY(-16px) scale(0.7); } }
@keyframes vg-glow-b-ipag7239k0 { 0%, 100% { box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.2); } 50% { box-shadow: 0 0 0 6px rgba(234, 88, 12, 0.12); } }
@keyframes vg-flip-b-ipag7239k0 { from { transform: rotateX(90deg); } }
@keyframes vg-band-b-ipag7239k0 { from { opacity: 0; transform: scaleY(0.4) translateY(-10px); } }
@keyframes vg-turn-b-ipag7239k0 { 0%, 100% { transform: rotate(-12deg); } 50% { transform: rotate(12deg) scale(1.06); } }

@media (prefers-reduced-motion: reduce) {
    .vg-arcade[b-ipag7239k0],
    .vg-arcade[b-ipag7239k0]  * {
        animation: none !important;
        transition: none !important;
    }

    .vg-arcade[b-ipag7239k0]  .vg-confetti,
    .vg-arcade[b-ipag7239k0]  .vg-points { display: none; }
}