/* The white page remains the base; the canvas is a decorative, non-interactive layer. */
html, body { background-color: #fff; }
#vici-dynamic-bubbles-canvas {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    pointer-events: none !important;
    background: #fff;
    touch-action: none;
}
/* Common theme/page shells are transparent so the white canvas and bubbles show behind them. */
body.vici-dynamic-bubbles-active > :not(#wpadminbar):not(#vici-dynamic-bubbles-canvas) {
    position: relative;
    z-index: 1;
}
body.vici-dynamic-bubbles-active :is(
    #page, .site, .site-content, .site-main, .site-inner, .site-container,
    .viciosx-site, .viciosx-main, .viciosx-content, .viciosx-entry,
    #content, #primary, #main, main.content-area, .content-area,
    .wp-site-blocks
) {
    background-color: transparent !important;
}
/* Keep the canvas out of the way of keyboard focus and all pointer/touch interactions. */