/* Bingo (/bingo): layout like bullseye/keno. Scope via .bingo-page-v3 on .new-games-mobile-flex (bingo.php only; line-bingo shares line-bingo-v3 markup). */

.line-bingo-v3-gl-btn.globalGamesBtns{
    gap: 2px;
}

/* line bingo */
.v3-line-bingo-game-board-risk.active .v3-line-bingo-game-board-risk-txt-base{
    display: none;
}
.line-bingo-v3-wrapper{
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: var(--background-main, #FFFFE0);
}
.v3-line-bingo-game-board-wrap{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    gap: 0.375rem;
}
.viewBetGameBoard .v3-line-bingo-game-board-wrap{
    gap: 0.1rem;
}
.viewBetGameBoard .line-bingo-v3-rows{
    padding: .1rem;
}
.v3-line-bingo-win-nums-item{
    background: var(--brand-ui-light-20, rgba(244, 211, 24, 0.20));
}
.v3-line-bingo-game-board-number{
    background: var(--foreground-10, rgba(13, 12, 7, 0.10));
}
.v3-line-bingo-game-board-risk{
    background: var(--foreground-10, rgba(13, 12, 7, 0.10));
    box-shadow: -0.1875rem -0.1875rem 0.1875rem 0rem rgba(0, 0, 0, 0.40) inset;
    cursor: pointer;
}
.v3-line-bingo-win-nums-item,
.v3-line-bingo-game-board-number,
.v3-line-bingo-game-board-risk {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    padding: 100% 0 0 0;
    position: relative;
    cursor: default;
}
.v3-line-bingo-win-nums-item  > *,
.v3-line-bingo-game-board-number  > *,
.v3-line-bingo-game-board-risk  > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.v3-line-bingo-win-nums-item-content{
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    top: .5rem;
    left: .5rem;
    background: var(--gradient-yellow-default, linear-gradient(142deg, #FAEDA2 3.28%, #CBAC00 75.84%));
}
.v3-line-bingo-win-nums-item.win .v3-line-bingo-win-nums-item-content{
    background: var(--gradient-green-default, linear-gradient(142deg, #94FBAF 3.28%, #1F8C3C 85.26%));
}
.v3-line-bingo-game-board-number.win,
.v3-line-bingo-game-board-risk.win{
    box-shadow: inset 0 0 0 0.0625rem var(--Success-800, #288140);
    background: var(--success-main-20, rgba(46, 149, 73, 0.20));
}
.v3-line-bingo-game-board-number.lose,
.v3-line-bingo-game-board-risk.lose{
    box-shadow: inset 0 0 0 0.0625rem var(--Danger-800, #931231);
    background: var(--danger-main-20, rgba(255, 61, 59, 0.20));
}
.v3-line-bingo-game-board-risk .v3-line-bingo-game-board-risk-icon,
.v3-line-bingo-game-board-risk .v3-line-bingo-game-board-risk-win-icon{
    display: none;
    width: 70%;
    height: auto;
    max-width: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.v3-line-bingo-game-payout-block{
    width: 100%;
    border: 1px solid var(--foreground, #0D0C07);
    display: flex;
    flex-direction: column;
    background: var(--background-main, #FFFFE0);
}
.v3-line-bingo-game-payout-block.win{
    border: 1px solid var(--success-00, #184D26);
    background: var(--success-main-20, rgba(46, 149, 73, 0.20));
}

main .new-games-mobile-flex.bingo-page-v3 .new-pick-game-block-right-content{
    gap: 0;
}

main .new-games-mobile-flex.bingo-page-v3 .new-pick-game-block-wrapper{
    gap: 2px;
}

main .new-games-mobile-flex.bingo-page-v3 .v3-line-bingo-risk-wrap{
    gap: 0;
}

/* Shuffle board / Randomize risk: no flex gap — single 1px shared edge (pick-select borders). */
main .new-games-mobile-flex.bingo-page-v3 .v3-line-bingo-base-game-btn{
    gap: 0 !important;
}
main .new-games-mobile-flex.bingo-page-v3 .v3-line-bingo-base-game-btn > .pick-select-btn + .pick-select-btn{
    border-left-width: 0;
}

@media screen and (max-width: 375px){
    main .new-games-mobile-flex.bingo-page-v3 .v3-line-bingo-base-game-btn > .pick-select-btn + .pick-select-btn{
        border-top-width: 0;
        border-left-width: 1px;
    }
}

@media screen and (max-width: 1100px) {
    main .new-games-mobile-flex.bingo-page-v3 .new-pick-game-block-right-content{
        gap: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-game-block-right-content .new-pick-game-block-right-placement.desk.rewardsPDP{
        display: flex !important;
        position: relative !important;
        visibility: visible !important;
        top: auto !important;
        left: auto;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        z-index: 1;
    }

    main:has(.bingo-page-v3) .games-win-boards-wrap .rewardsPDP.mob{
        display: none !important;
        min-height: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
    }

    main .new-games-mobile-flex.bingo-page-v3{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "game"
            "picker"
            "rewards";
        gap: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-game-block-right-wrapper,
    main .new-games-mobile-flex.bingo-page-v3 .new-pick-game-block-right-content{
        display: contents;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-quick-pick-game-block{
        grid-area: game;
        min-width: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-picker{
        grid-area: picker;
        min-width: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-game-block-right-placement.desk.rewardsPDP{
        grid-area: rewards;
        min-width: 0;
    }
}

@media screen and (max-width: 1100px) {
    .line-bingo-v3-wrapper{
        padding: 0;
        gap: 0.1rem;
    }
    .v3-line-bingo-game-board-wrap{
        gap: 0.1rem;
    }
    .v3-line-bingo-win-nums-item-content{
        width: calc(100% - .6rem);
        height: calc(100% - .6rem);
        top: .3rem;
        left: .3rem;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-game-block-right-wrapper,
    main .new-games-mobile-flex.bingo-page-v3 .new-pick-game-block-right-content,
    main .new-games-mobile-flex.bingo-page-v3 .new-quick-pick-game-block,
    main .new-games-mobile-flex.bingo-page-v3 .new-pick-game-block-wrapper,
    main .new-games-mobile-flex.bingo-page-v3 .new-pick-picker,
    main .new-games-mobile-flex.bingo-page-v3 .new-pick-picker .new-pick-picker-game.black-0-card,
    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame,
    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .input-picks-wrapper,
    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .manual-bet-card,
    main .new-games-mobile-flex.bingo-page-v3 .new-pick-picker-game > .game-card-picks,
    main .new-games-mobile-flex.bingo-page-v3 .v3-line-bingo-risk-wrap,
    main .new-games-mobile-flex.bingo-page-v3 .line-bingo-v3-gl-btn{
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3{
        align-items: stretch;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-picker{
        gap: 0;
        margin: 0;
        padding: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-picker .new-pick-picker-game.black-0-card{
        padding: 0 !important;
        margin: 0;
        gap: 0;
        width: 100%;
        max-width: none;
        box-sizing: border-box;
        box-shadow: none !important;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-picker-game > .new-pick-picker-game-img{
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0;
        max-height: 0;
        flex: 0 0 0;
        overflow: hidden;
        border: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame,
    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .input-picks-wrapper{
        margin: 0;
        padding: 0;
        gap: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .manual-bet-fields-row > .global-input-block.pad-4-12,
    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .manual-bet-fields-row > .global-input-block{
        display: none !important;
    }

    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .manual-bet-card.card-input-block{
        border: none;
        box-shadow: none;
    }

    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .manual-bet-place-btn{
        border: 1px solid var(--foreground, #0D0C07);
        border-radius: 0;
        box-sizing: border-box;
        flex: 0 0 57.142857%;
        width: 57.142857%;
        max-width: 57.142857%;
        min-width: 0;
        box-shadow: none;
        margin: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .manual-bet-fields-row{
        flex: 0 0 42.857143%;
        width: 42.857143%;
        max-width: 42.857143%;
        min-width: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .manual-bet-fields-row > .bet-box-mob-border{
        border: 1px solid var(--foreground, #0D0C07);
        border-left-width: 0;
        border-radius: 0;
        box-sizing: border-box;
        margin: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .manual-bet-fields-row > .bet-box-mob-border,
    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .manual-bet-place-btn{
        margin: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .manual-bet-card{
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 #baseVariationGame .new-pick-picker-bet-place{
        margin: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-picker-game > #baseVariationGame.card-game-base-picks{
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-picker-game > .game-card-picks{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0;
        gap: 0;
        box-sizing: border-box;
        border: 1px solid var(--foreground, #0D0C07);
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-picker-game > .game-card-picks > .pick-select-btn{
        flex: 1 1 0;
        min-width: 0;
        width: auto !important;
        max-width: none !important;
        margin: 0;
        border-radius: 0;
        border: none;
        box-shadow: inset -1px 0 0 var(--foreground, #0D0C07);
        padding-left: 0.125rem;
        padding-right: 0.125rem;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-picker-game > .game-card-picks > .pick-select-btn:last-child{
        box-shadow: none;
    }

    main .new-games-mobile-flex.bingo-page-v3 .new-pick-game-block-wrapper{
        gap: 0;
    }

    main .new-games-mobile-flex.bingo-page-v3 .line-bingo-v3-gl-btn.globalGamesBtns{
        gap: 1px;
    }
}