/* BNG 90×90 base (ogosex-style); scaled up on our layout */
#bcsb_tool.__bcsb_open {
    display: block !important;
    z-index: 925;
}

#bcsb_tool.__bcsb_open .bcsb_wrapper {
    overflow: hidden;
    border-radius: 50%;
    box-sizing: border-box;
    filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.35));
}

#bcsb_tool.__bcsb_open .bcsb_wrapper canvas,
#bcsb_tool.__bcsb_open .bcsb_wrapper video,
#bcsb_tool.__bcsb_open .bcsb_wrapper .bcsb_content,
#bcsb_tool.__bcsb_open .bcsb_wrapper .bcsb_avatar {
    border-radius: 50%;
}

/* Mobile: 90px + 20% = 108px */
@media (max-width: 1199px) {
    #bcsb_tool.__bcsb_open .bcsb_wrapper {
        position: fixed !important;
        width: 108px !important;
        height: 108px !important;
        min-width: 108px !important;
        min-height: 108px !important;
        max-width: 108px !important;
        max-height: 108px !important;
        right: 6px !important;
        left: auto !important;
        top: auto !important;
        bottom: calc(var(--bottom-nav-h, 62px) + var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 6px) !important;
        transform: none !important;
        translate: none !important;
        margin: 0 !important;
        z-index: 925 !important;
    }

    body.bng-pwa-banner-visible #bcsb_tool.__bcsb_open .bcsb_wrapper {
        bottom: calc(var(--bottom-nav-h, 62px) + var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 96px) !important;
    }
}

/* Desktop: 90px + 50% = 135px; shift ~22px left vs default BNG corner */
@media (min-width: 1200px) {
    #bcsb_tool.__bcsb_open .bcsb_wrapper {
        width: 135px !important;
        height: 135px !important;
        min-width: 135px !important;
        min-height: 135px !important;
        max-width: 135px !important;
        max-height: 135px !important;
        transform: translate(calc(-128.25px - 22px), -128.25px) !important;
    }

    body.bng-pwa-banner-visible #bcsb_tool.__bcsb_open .bcsb_wrapper {
        transform: translate(calc(-128.25px - 22px), calc(-128.25px - 80px)) !important;
    }
}
