/* The shared win celebration - see Components/WinCelebration.razor.

   The canvas covers the game it is dropped into and nothing else: the fall is clipped to
   the game rather than raining down the rest of the page, which on the website is a whole
   storefront underneath. */

.wx-confetti {
    position: absolute;
    inset: 0;
    pointer-events: none;   /* every button underneath stays reachable */
    overflow: hidden;

    /* Over the game, under anything modal. */
    z-index: 4;
}

.wx-confetti-canvas {
    display: block;
    width: 100%;
    height: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .wx-confetti { display: none; }
}