/*
 * Game feed: 3rem info | 3rem thumb | game name | player | bet | profit | multi
 * Game cell spans cols 2–3 so the image sits in the fixed thumb track (always touches the button).
 */
.v3-main-table-bets-header:has(.v3-main-table-bets-header-wager),
.v3-main-table-bet-item:has(.v3-main-table-bet-item-game){
    grid-template-columns: 3rem 3rem minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(var(--v3-main-table-multi-min, 12rem), 0.7fr);
}

/* account page bet history (+ TIME) */
.v3-main-table-account-page .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager),
.v3-main-table-account-page .v3-main-table-bet-item:has(.v3-main-table-bet-item-game){
    grid-template-columns: 3rem 3rem minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(var(--v3-main-table-multi-min, 12rem), 0.7fr) minmax(5rem, 0.75fr);
}

/* Profile popup (#profilePopUp): no TIME column */
.v3-main-table-profile-popup.v3-main-table-account-page .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager),
.v3-main-table-profile-popup.v3-main-table-account-page .v3-main-table-bet-item:has(.v3-main-table-bet-item-game){
    grid-template-columns: 3rem 3rem minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(var(--v3-main-table-multi-min, 12rem), 0.7fr);
}

/* Affiliate / other bet rows (no game icon column split) */
.v3-main-table-bet-item:not(:has(.v3-main-table-bet-item-game)){
    grid-template-columns: 3rem repeat(4, minmax(0, 1fr));
}

/* Deposit / tx history headers (no wager row — five equal columns) */
.v3-main-table-bets-header:not(:has(.v3-main-table-bets-header-wager)){
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media screen and (min-width: 1066px) {
    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-game{
        grid-column: 2 / span 2;
    }

    .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager) > .v3-main-table-bets-header-row:nth-child(2){
        grid-column: 2 / span 2;
        justify-content: center;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }

    .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager) > .v3-main-table-bets-header-row:nth-child(2) p{
        text-align: center;
    }
}

.v3-main-table{
    /* MULTI column never narrower than ~2500.00× + tier glow; keeps 10000×+ from clipping */
    --v3-main-table-multi-min: 12rem;
    width: 100%;
    border: 1px solid var(--border-hard, #0D0C07);
    background: var(--background-brand, #FAEDA2);
    box-shadow: 12px 12px 0px 0px rgba(0, 0, 0, 0.40);
    /* No top padding — controls sit flush under the top border (was dead yellow band). */
    padding: 1rem 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.v3-main-table-controls{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.v3-main-table-controls-bets{
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.v3-main-table-controls-bets-swatch{
    display: flex;
    padding: var(--element-pad-xsmall, 8px) var(--element-pad-medium, 16px);
    font-family: var(--ff-ui);
    font-weight: var(--fw-bold);
    justify-content: center;
    align-items: center;
    gap: var(--element-gap-xsmall, 8px);
    border-radius: var(--other-border-radius-none, 0px);
    border: 1px solid var(--secondary-btn-fg-default-sec, #0D0C07);
    background: var(--secondary-btn-bg-default-sec, #FFFACD);
    box-shadow: -3px -3px 3px 0px rgba(0, 0, 0, 0.40) inset;
    cursor: pointer;
}

.v3-main-table-controls-bets-swatch p{
    color: var(--secondary-btn-fg-default-sec, #0D0C07);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.v3-main-table-controls-bets-swatch svg{
    width: 16px;
    height: 16px;
}

.v3-main-table-controls-bets-swatch:hover{
    background: var(--secondary-btn-bg-hover-sec, #FAEDA2);
    box-shadow: -3px -3px 3px 0px rgba(0, 0, 0, 0.40) inset;
}

.v3-main-table-controls-bets-swatch.active{
    border-radius: var(--other-border-radius-none, 0px);
    border: 2px solid var(--secondary-btn-fg-selected-sec, #AA9000);
    background: var(--secondary-btn-bg-selected-sec, #FFF);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.40) inset;
}

.v3-main-table-controls-bets-swatch.active p{
    color: var(--secondary-btn-fg-selected-sec, #AA9000);
}

.v3-main-table-controls-bets-swatch.active svg path{
    fill: var(--secondary-btn-fg-selected-sec, #AA9000);
}

.v3-main-table-controls-bets-dropdown-wrapper{
    display: none;
    position: relative;
}

.v3-main-table-controls-bets-dropdown-pop{
    right: auto;
    left: 0;
    top: 40px;
}

.v3-main-table-controls-bets-dropdown-wrapper.active .v3-main-table-controls-bets-dropdown-pop{
    display: flex;
}

.v3-main-table-controls-bets-dropdown{
    display: flex;
    padding: var(--element-pad-xsmall, 8px) var(--element-pad-medium, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--element-gap-xsmall, 8px);
    border-radius: var(--other-border-radius-none, 0px);
    border: 1px solid var(--secondary-btn-fg-default-sec, #0D0C07);
    background: var(--secondary-btn-bg-default-sec, #FFFACD);
    box-shadow: -3px -3px 3px 0px rgba(0, 0, 0, 0.40) inset;
    margin: 1px;
    cursor: pointer;
}

.v3-main-table-controls-bets-dropdown p{
    color: var(--secondary-btn-fg-default-sec, #0D0C07);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.v3-main-table-controls-bets-dropdown svg{
    width: 16px;
    height: 16px;
}

.v3-main-table-controls-bets-dropdown:hover{
    background: var(--secondary-btn-bg-hover-sec, #FAEDA2);
    box-shadow: -3px -3px 3px 0px rgba(0, 0, 0, 0.40) inset;
}

.v3-main-table-controls-bets-dropdown.active{
    border-radius: var(--other-border-radius-none, 0px);
    border: 2px solid var(--secondary-btn-fg-selected-sec, #AA9000);
    background: var(--secondary-btn-bg-selected-sec, #FFF);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.40) inset;
    margin: 0;
}

.v3-main-table-controls-bets-dropdown.active p{
    color: var(--secondary-btn-fg-selected-sec, #AA9000);
}

.v3-main-table-controls-bets-dropdown.active svg{
    transform: rotate(-180deg);
}

.v3-main-table-controls-bets-dropdown.active svg path{
    fill: var(--secondary-btn-fg-selected-sec, #AA9000);
}

.v3-main-table-bets-header-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.v3-main-table-bets-header {
    will-change: transform;
}

.v3-main-table-bets-header > div,
.v3-main-table-bet-item > div,
.v3-main-table-bet-item-base{
    min-width: 0;
    overflow: hidden;
}
.v3-main-table-bet-item-base.item-grey{
    filter: grayscale(1);
}

.v3-main-table-bets-header-progress-wrapper{
    position: relative;
    user-select: none;
    -webkit-user-select: none;

    width: 100%;
    height: 1px;
    opacity: 0;
    background: var(--brand-35, #CEBA3F);
    transition: all .3s;
    border-bottom: 1px solid var(--foreground, #0D0C07);
}
.v3-main-table-bets-header-progress-wrapper.show{
    opacity: 1;
    height: 13px;
}

.v3-main-table-bets-header-progress{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    cursor: grab;
    touch-action: none;
    -webkit-user-drag: none;

    height: 100%;
    background: #000;
}
.v3-main-table-bets-header-progress:active { cursor: grabbing; }

.v3-main-table-controls-currency{
    width: 100%;
    max-width: 128px;
    border: 1px solid var(--foreground, #0D0C07);
    background: var(--background-alt, #FFFACD);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.40) inset;
    padding: 4px;
    display: flex;
    align-self: stretch;
}

.v3-main-table-controls-currency-swatch{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    cursor: pointer;
}

.v3-main-table-controls-currency-swatch:hover{
    background: var(--secondary-btn-bg-hover-sec, #FAEDA2);
    box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.40) inset;
}

.v3-main-table-controls-currency-swatch.active{
    background: var(--primary-btn-bg-default-prm, #0D0C07);
    box-shadow: 3px 3px 3px 0px rgba(224, 224, 224, 0.25) inset;
}

.v3-main-table-controls-currency-swatch.active svg path{
    fill: #FFF;
}

.v3-main-table-bets-wrapper{
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    overflow: visible;
}

.v3-main-table-bets-header{
    border: 1px solid var(--foreground, #0D0C07);
    background: var(--accent, #FBE24B);
    display: grid;
    padding: 10.5px 0;
}

.v3-main-table-bets-header-row{
    display: flex;
    align-items: self-start;
    padding-left: 12px;
    padding-right: 14px;
}

/* MULTI: true column center (symmetric inset; body cells use same below) */
.v3-main-table-bets-header > .v3-main-table-bets-header-row.v3-main-table-bets-header-multi{
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
}

.v3-main-table-bets-header > .v3-main-table-bets-header-row.v3-main-table-bets-header-multi p{
    width: 100%;
    text-align: center;
    font-size: 15.75px; /* ~12.5% under 18px; matches MULTI value column */
}

.v3-main-table-bets-header-row p{
    color: var(--foreground, #0D0C07);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;

    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
}

.v3-main-table-bets{
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: visible;
}

.v3-main-table-account-showall{
    background-color: var(--brand-80);
    border: 1px solid var(--monochrome-05);
    align-items: center;
    justify-content: center;
    display: flex;
    height: 48px;
    cursor: pointer;
    box-shadow: -3px -3px 3px 0px #00000066 inset;
}

.v3-main-table-account-showall p {
    font-family: var(--ff-ui);
    font-weight: var(--fw-bold);
    font-size: var(--desktopSizes-p-main);
}

.v3-main-table-bet-item{
    display: none;
    border: 1px solid var(--foreground, #0D0C07);
    opacity: 0;
    transform: translateX(200px);
    transition: opacity 0.3s ease-out, transform 0.1s ease-out;
    background: var(--background-alt, #FFFACD);
}

/* Layout from CSS (not inline) so mobile can override with flex; .v3-bet-item-in-dom = stagger enter before .is-visible */
.v3-main-table-bet-item.v3-bet-item-in-dom,
.v3-main-table-bet-item.is-visible {
    display: grid;
}

.v3-main-table-bet-item.is-visible {
    opacity: 1;
    transform: translateX(0);
}

.no-transition {
    transition: none !important;
}

.v3-main-table-message{
    text-align: center;
    font-weight: 700;
    padding: 20px;
}

/* Fixed square: match game thumb (3rem); never stretch with grid track width */
.v3-main-table-bet-item-viewbet{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
    max-width: 3rem;
    max-height: 3rem;
    flex-shrink: 0;
    box-sizing: border-box;
    justify-self: start;
    align-self: center;
    gap: .25rem;
    padding: 0;
    background-color: rgba(244, 211, 24, 0.4);
    box-shadow: -3px -3px 3px 0px #00000066 inset;
}

.v3-main-table-bet-item-viewbet svg{
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.v3-main-table-bet-item-viewbet:hover{
    background: var(--accent-10, rgba(244, 211, 24, 0.10));
}

.v3-main-table-bet-item-viewbet:hover svg path{
    fill: #766400;
}

/* Winning rows: info “i” glyph only — keep viewbet chrome (yellow cell) unchanged */
.v3-main-table-bet-item:has(.v3-main-table-bet-item-profit.green) .v3-main-table-bet-item-viewbet svg path{
    fill: var(--Success-800, #288140);
}

.v3-main-table-bet-item:has(.v3-main-table-bet-item-profit.green) .v3-main-table-bet-item-viewbet:hover svg path{
    fill: #1a5c2e;
}

.v3-main-table-bet-item-base{
    padding: 10.5px 0 10.5px 12px;
    display: flex;
    gap: .25rem;
    align-items: center;
}

.v3-main-table-bet-item-base p{
    color: var(--foreground, #0D0C07);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;

    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
}

.v3-main-table-bet-item-player,
.v3-main-table-bet-item-game{
    cursor: pointer;
}

.v3-main-table-bet-item-player:hover,
.v3-main-table-bet-item-game:hover{
    background: var(--accent-10, rgba(244, 211, 24, 0.10));
}

.v3-main-table-bet-item-player:hover p,
.v3-main-table-bet-item-game:hover p{
    color: var(--accent-dark, #766400);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.v3-main-table-bet-item-game{
    padding: 0;
    display: flex;
    justify-content: flex-start;
    gap: 1.5rem;
    align-items: center;
}

.v3-main-table-bet-item-game img{
    width: 3rem;
    height: auto;
}

.v3-main-table-bet-item-player{
    gap: 4px;
    align-items: center;
}

.v3-main-table-bet-item-player-cards{
    display: flex;
    align-items: center;
    gap: 4px;
}

.v3-main-table-bet-item-player-cards-item{
    width: 19.2px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.92px;
}

.v3-main-table-bet-item-player-cards-item.base{
    background: rgba(191, 161, 5, 0.20);
}

.v3-main-table-bet-item-player-cards-item.red{
    background: rgba(248, 19, 0, 0.20);
}

.v3-main-table-bet-item-player-cards-item.pink{
    background: rgba(255, 74, 114, 0.20);
}

.v3-main-table-bet-item-player-cards-item img{
    height: 100%;
}

.v3-main-table-bet-item-bet{
    /* Center icon+amount as a unit under centered BET header (flex-start looked ~misaligned) */
    justify-content: center;
    gap: 4px;
    align-items: center;
    cursor: default;
}

.v3-main-table-bet-item-bet img{
    width: 20px;
    height: 20px;
}

.v3-main-table-bet-item-profit{
    justify-content: center;
    gap: 4px;
    align-items: center;
    cursor: default;
}

.v3-main-table-bet-item-profit img{
    width: 20px;
    height: 20px;
}

/* BET / WON: icon + amount stay grouped (base .bet-item-base p uses flex:1 + center, which pulls text away from the $ glyph) */
.v3-main-table-bet-item-bet.v3-main-table-bet-item-base p,
.v3-main-table-bet-item-profit.v3-main-table-bet-item-base p{
    flex: 0 1 auto;
    text-align: left;
}

/* WON column: losses = muted grey (icon + amount); wins use .green rules below */
.v3-main-table-bet-item-profit.v3-main-table-bet-item-base:not(.green) p{
    color: #8E8D88;
    font-weight: 400;
}

.v3-main-table-bet-item-payout{
    cursor: default;
}

/* MULTI column: override asymmetric .v3-main-table-bet-item-base padding so flex center = grid column center */
.v3-main-table-bet-item-payout.v3-main-table-bet-item-base{
    justify-content: center;
    align-items: center;
    padding: 10.5px 8px;
    box-sizing: border-box;
    width: 100%;
    min-width: var(--v3-main-table-multi-min, 12rem);
}

/* MULTI values: Public Pixel — same compact size at all widths >480px (matches former ≤1065 look) */
.v3-main-table-bet-item-payout p{
    font-family: "Public Pixel", monospace;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -0.45px;
    line-height: 1.25;
    color: #FFE22E;
    text-shadow: 0.5px 0.5px 0 #8A5A00;
    text-align: center;
    margin: 0;

    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
}

/* 0× MULTI placeholder: table UI font + grey (not yellow pixel); second selector beats .green p */
.v3-main-table-bet-item-payout p.v3-main-table-payout-dash,
.v3-main-table-bet-item-payout.v3-main-table-bet-item-base.green p.v3-main-table-payout-dash{
    font-family: var(--ff-ui, system-ui, sans-serif);
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    line-height: 150%;
    color: #8E8D88;
    text-shadow: none;
}

/* Full-cell win tint only where we still want a row band (e.g. affiliate earnings) */
.v3-main-table-bet-item-earnings.v3-main-table-bet-item-base.green{
    background: var(--success-main-10, rgba(46, 149, 73, 0.10));
}

.v3-main-table-bet-item-base.green p{
    color: var(--Success-800, #288140);
    font-weight: 700;
}

/* WON win: no full-cell tint; no glow (MULTI only) */
.v3-main-table-bet-item-profit.v3-main-table-bet-item-base.green{
    background: transparent;
}

/* MULTI win: overflow visible so text-shadow aura is not clipped */
.v3-main-table-bet-item-payout.v3-main-table-bet-item-base.green{
    position: relative;
    z-index: 1;
    background: transparent;
    overflow: visible;
}

/* Winning MULTI: shared pixel type (tiers below) */
.v3-main-table-bet-item-payout.v3-main-table-bet-item-base.green p:not(.v3-main-table-payout-dash){
    font-family: "Public Pixel", monospace;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -0.45px;
    line-height: 1.25;
    overflow: visible;
    text-overflow: clip;
}

/* Tier 1: <10× — green only, no aura */
.v3-main-table-bet-item-payout.v3-main-table-bet-item-base.green p.v3-multi-tier-1{
    color: var(--Success-800, #288140);
    text-shadow: 0.55px 0.55px 0 rgba(0, 90, 45, 0.35);
}

/* Tier 2: 10×–<100× — green soft glow */
.v3-main-table-bet-item-payout.v3-main-table-bet-item-base.green p.v3-multi-tier-2{
    color: var(--Success-800, #288140);
    text-shadow:
        0.55px 0.55px 0 rgba(0, 90, 45, 0.4),
        0 0 4px rgba(46, 149, 73, 0.45),
        0 0 10px rgba(46, 149, 73, 0.28),
        0 0 20px rgba(46, 149, 73, 0.16),
        0 0 28px rgba(46, 149, 73, 0.08);
}

/* Tier 3: 100×–<1000× — yellow-gold glyph outline + green aura */
.v3-main-table-bet-item-payout.v3-main-table-bet-item-base.green p.v3-multi-tier-3{
    color: var(--Success-800, #288140);
    -webkit-text-stroke: 1.35px #ECC610;
    paint-order: stroke fill;
    text-shadow:
        0 0 1px #FFEC5C,
        0 0 2px rgba(255, 235, 70, 0.9),
        0.55px 0.55px 0 rgba(0, 90, 45, 0.4),
        0 0 4px rgba(46, 149, 73, 0.45),
        0 0 10px rgba(46, 149, 73, 0.28),
        0 0 20px rgba(46, 149, 73, 0.16),
        0 0 28px rgba(46, 149, 73, 0.08);
}

/* Tier 4: 1000×–<10000× (e.g. 2500×) — CRYPTO yellow + BA6B0A + gold bloom; green glyph edge (swapped with tier 5) */
.v3-main-table-bet-item-payout.v3-main-table-bet-item-base.green p.v3-multi-tier-4{
    color: var(--accent, #FBE24B);
    -webkit-text-stroke: 1.35px var(--Success-800, #288140);
    paint-order: stroke fill;
    text-shadow:
        0 0 1px #7ED09A,
        0 0 2px rgba(46, 149, 73, 0.85),
        0 0 4px rgba(46, 149, 73, 0.55),
        1px 1px 1px #BA6B0A,
        0 0 6px rgba(251, 226, 75, 0.45),
        0 0 14px rgba(251, 200, 80, 0.22),
        0 0 24px rgba(186, 107, 10, 0.12);
}

/* Tier 5: 10000×+ (e.g. 12500×) — CRYPTO yellow + BA6B0A + gold bloom; purple glyph edge (swapped with tier 4) */
.v3-main-table-bet-item-payout.v3-main-table-bet-item-base.green p.v3-multi-tier-5{
    color: var(--accent, #FBE24B);
    -webkit-text-stroke: 1.35px var(--info-40, #5A5AF9);
    paint-order: stroke fill;
    text-shadow:
        0 0 1px #8E8EFF,
        0 0 2px rgba(90, 90, 249, 0.85),
        0 0 4px rgba(90, 90, 249, 0.55),
        1px 1px 1px #BA6B0A,
        0 0 6px rgba(251, 226, 75, 0.45),
        0 0 14px rgba(251, 200, 80, 0.22),
        0 0 24px rgba(186, 107, 10, 0.12);
}

.v3-main-table-load{
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    background-color: var(--brand-80);
    border: 1px solid var(--monochrome-05);
    align-items: center;
    justify-content: center;
    display: none;
    height: 50px;
    cursor: pointer;
    box-shadow: -3px -3px 3px 0px #00000066 inset;
}
.v3-main-table.show-more .v3-main-table-load{
    display: flex;
}

.v3-main-table-load-btn{
    background: none;
    pointer-events: none;
}

.v3-main-table-load-btn p{
    font-family: var(--ff-ui);
    font-weight: var(--fw-bold);
    font-size: var(--desktopSizes-p-main);
    color: var(--secondary-btn-fg-default-sec, #0D0C07);
}

/* FROM STYLE ONLY*/

.v3-main-table-bet-item-time{
    cursor: default;
    padding-right: 14px;
}

.v3-main-table-bet-item-bet-aff-player{
    display: flex;
    gap: 12px;
    align-items: center;
}

.v3-main-table-bet-item-bet-aff-player button{
    border-radius: var(--other-border-radius-none, 0);
    border: 1px solid var(--accent-btn-fg-default-acc, #0D0C07);
    background: var(--accent-btn-bg-default-acc, #FBE24B);
    box-shadow: -3px -3px 3px 0 rgba(0, 0, 0, 0.40) inset;
    padding: 4px 8px;
    display: flex;
}

.v3-main-table-bet-item-bet-aff-player button svg{
    width: 16px;
    height: 16px;
}
/* -------------------- */


@media screen and (max-width: 1330px) {
    .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager),
    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game){
        grid-template-columns: 3rem 3rem minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, .9fr) minmax(0, .9fr) minmax(var(--v3-main-table-multi-min, 12rem), 0.7fr);
    }

    .v3-main-table-account-page .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager),
    .v3-main-table-account-page .v3-main-table-bet-item:has(.v3-main-table-bet-item-game){
        grid-template-columns: 3rem 3rem minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, .9fr) minmax(0, .9fr) minmax(var(--v3-main-table-multi-min, 12rem), 0.7fr) minmax(5rem, 0.7fr);
    }

    .v3-main-table-profile-popup.v3-main-table-account-page .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager),
    .v3-main-table-profile-popup.v3-main-table-account-page .v3-main-table-bet-item:has(.v3-main-table-bet-item-game){
        grid-template-columns: 3rem 3rem minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, .9fr) minmax(0, .9fr) minmax(var(--v3-main-table-multi-min, 12rem), 0.7fr);
    }
}

@media screen and (max-width: 1100px) {
    .v3-main-table{
        padding: 0 1rem 4.5rem;
    }
    .v3-main-table .v3-main-table-load{
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
    }
    .new-games-section .v3-main-table{
        padding: 0 1rem 4.5rem;
    }
    .new-games-section .v3-main-table .v3-main-table-load{
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
    }
}

/* Tablet / small desktop: keep horizontal + bottom padding from ≤1100 rules but restore air above controls */
@media screen and (min-width: 951px) and (max-width: 1100px) {
    .v3-main-table,
    .new-games-section .v3-main-table{
        padding-top: 1rem;
    }
}

@media screen and (max-width: 1065px) {
    .v3-main-table-controls-currency{
        width: 96px;
        margin: 1px;
    }

    .v3-main-table-controls-bets-swatch{
        display: none;
    }

    .v3-main-table-controls-bets-dropdown-wrapper{
        display: flex;
    }

    .v3-main-table-controls{
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    /*
     * Legacy layout (styleBAK ~1065px): wide grid uses width:fit-content; the *card* must not
     * grow with it. Flex items default min-width:auto → min-content = grid width → page clips.
     * Pin .v3-main-table and .v3-main-table-bets-wrapper to the parent width; scroll inside wrapper.
     */
    .v3-main-table{
        min-width: 0;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .v3-home-page-general-wrapper{
        min-width: 0;
        max-width: 100%;
    }

    .v3-home-page-general-wrapper > .v3-main-table,
    .new-games-section .v3-main-table{
        min-width: 0;
        max-width: 100%;
        align-self: stretch;
    }

    /* Game bet rows: info | game icon | player | WON | MULTI — MULTI gets ≥ share so values like 2500.00x fit (was 0.85fr, too narrow) */
    .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager),
    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game){
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        grid-template-columns: 3rem 3rem minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr);
    }

    .v3-main-table.v3-main-table-account-page .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager),
    .v3-main-table.v3-main-table-account-page .v3-main-table-bet-item:has(.v3-main-table-bet-item-game){
        grid-template-columns: 3rem 3rem minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr);
    }

    .v3-main-table-bets-header-wager,
    .v3-main-table-bets-header-time{
        display: none !important;
    }

    /* Center "GAME" over viewbet + icon as one block (hide spacer; span first two columns) */
    .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager) > div:first-child:not(.v3-main-table-bets-header-row){
        display: none !important;
    }

    /* Span info+game tracks but inset label so it centers over the 3rem game column (not the info button) */
    .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager) > .v3-main-table-bets-header-row:nth-child(2){
        grid-column: 1 / span 2;
        justify-content: center;
        align-items: center;
        padding-left: 3rem;
        padding-right: 0;
        box-sizing: border-box;
    }

    .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager) > .v3-main-table-bets-header-row:nth-child(2) p{
        width: 100%;
        text-align: center;
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-bet,
    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-time{
        display: none !important;
    }

    /* Single game column — clear wide-screen grid-column span */
    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-game{
        grid-column: auto;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 0 !important;
        padding: 0 !important;
        min-width: 0;
        box-sizing: border-box;
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-game img{
        display: block;
        flex-shrink: 0;
        margin: 0;
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-game p{
        display: none !important;
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) > .v3-main-table-bet-item-base:not(.v3-main-table-bet-item-game){
        min-width: 0;
        padding-left: 6px;
        padding-right: 6px;
    }

    /* Rows without game (affiliate / tx history): 5 cells, fluid */
    .v3-main-table-bet-item:not(:has(.v3-main-table-bet-item-game)){
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .v3-main-table-bets-wrapper{
        flex-shrink: 1;
        align-self: stretch;
        overflow-x: hidden;
        overflow-y: visible;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .v3-main-table-bets-header-wrapper{
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .v3-main-table-bets{
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        overflow-x: visible;
    }

    /* MULTI cell min-width:12rem fights fixed grid track — allow column to size the grid */
    .v3-main-table-bet-item-payout.v3-main-table-bet-item-base{
        min-width: 0;
        width: 100%;
        overflow: visible;
        padding-left: 4px;
        padding-right: 4px;
    }

    /* Let tier glow/stroke extend past the cell on narrow layout (base MULTI p uses overflow:hidden) */
    .v3-main-table-bet-item-payout.v3-main-table-bet-item-base p{
        overflow: visible;
        text-overflow: clip;
    }
}

/* Smallest phones: info | game | player | MULTI panel; no column header row; MULTI = plain type + green tint + rules */
@media screen and (max-width: 480px) {
    .v3-main-table-controls-currency{
        display: none !important;
    }

    .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager){
        display: none;
    }

    .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager),
    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game){
        grid-template-columns: 3rem 3rem minmax(0, 1fr) minmax(4.25rem, max-content);
    }

    .v3-main-table.v3-main-table-account-page .v3-main-table-bets-header:has(.v3-main-table-bets-header-wager),
    .v3-main-table.v3-main-table-account-page .v3-main-table-bet-item:has(.v3-main-table-bet-item-game){
        grid-template-columns: 3rem 3rem minmax(0, 1fr) minmax(4.25rem, max-content);
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-profit{
        display: none !important;
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-viewbet{
        border-right: 1px solid var(--foreground, #0D0C07);
        box-sizing: border-box;
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-game{
        justify-content: flex-start !important;
    }

    /* MULTI column: same panel + separator for wins (green) vs ≤1× / — (grey) */
    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-payout.v3-main-table-bet-item-base{
        align-self: stretch;
        justify-content: center;
        border-left: 1px solid var(--foreground, #0D0C07);
        box-sizing: border-box;
        padding-left: 8px;
        padding-right: 8px;
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-payout.v3-main-table-bet-item-base:not(.v3-main-table-payout-neutral-multi){
        background: rgba(46, 149, 73, 0.14);
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-payout.v3-main-table-payout-neutral-multi.v3-main-table-bet-item-base{
        background: rgba(13, 12, 7, 0.07);
    }

    /* Reset Public Pixel / tiers / glow — single “normal” UI style inside the green panel */
    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-payout p:not(.v3-main-table-payout-dash){
        font-family: var(--ff-ui, system-ui, sans-serif);
        font-size: 13px;
        font-weight: 400;
        text-transform: none;
        letter-spacing: normal;
        line-height: 1.35;
        text-shadow: none;
        -webkit-text-stroke: 0 transparent;
        paint-order: normal;
        font-variant-numeric: tabular-nums;
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-payout.green:not(.v3-main-table-payout-neutral-multi) p:not(.v3-main-table-payout-dash){
        color: var(--Success-800, #288140);
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-payout:not(.green) p:not(.v3-main-table-payout-dash){
        color: var(--foreground, #0D0C07);
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-payout.v3-main-table-payout-neutral-multi p:not(.v3-main-table-payout-dash){
        color: #6B6862;
    }

    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-payout p.v3-main-table-payout-dash,
    .v3-main-table-bet-item:has(.v3-main-table-bet-item-game) .v3-main-table-bet-item-payout.green p.v3-main-table-payout-dash{
        font-family: var(--ff-ui, system-ui, sans-serif);
        font-size: 13px;
        font-weight: 400;
        text-transform: none;
        letter-spacing: normal;
        line-height: 1.35;
        color: #8E8D88;
        text-shadow: none;
        -webkit-text-stroke: 0 transparent;
    }
}

@media screen and (max-width: 950px) {
    .v3-main-table,
    .new-games-section .v3-main-table{	
        box-shadow: 0.375rem 0.375rem 0rem 0rem rgba(0, 0, 0, 0.4);
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
	padding: 0.75rem 6px 4.5rem;
    }

    .v3-main-table-controls{
        min-width: 0;
        max-width: 100%;
    }

    .v3-main-table-controls-bets{
        min-width: 0;
        flex: 1 1 auto;
        max-width: 100%;
    }

    .v3-main-table > *,
    .v3-main-table-account-page > *,
    .v3-main-table-bets-wrapper,
    .v3-main-table-bets{
        min-width: 0;
    }

    .v3-main-table-account-page.v3-main-table{
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .new-games-section .v3-main-table{
        box-shadow: 0.375rem 0.375rem 0rem 0rem rgba(0, 0, 0, 0.4);
    }
    .v3-main-table-spacing{
        padding: 0 24px 24px 24px;
    }
}

@media (max-width: 350px) {
    /* PROFILE POPUP */
    .v3-main-table-controls-bets-dropdown p{
        font-size: 11px;
    }

    .v3-main-table-controls-currency{
        width: 88px;
    }
}

@media screen and (max-width: 480px) {
    .v3-main-table,
    .new-games-section .v3-main-table{
        padding: 0px 6px 4.5rem;
        margin-top: 0;
        gap: 0;
    }

    .v3-main-table-controls{
        margin: 0;
        padding: 3px;
        gap: 0;
    }

    .v3-main-table-controls-bets{
        margin: 0;
        padding: 0;
    }

    .v3-main-table-bets-wrapper{
        gap: 0px;
    }

    .v3-main-table.show-more{
        padding-bottom: 3.5rem;
    }

    .v3-main-table.show-more .v3-main-table-load{
        left: 6px;
        right: 6px;
        bottom: 6px;
        height: 42px;
    }
}

@media screen and (max-width: 480px) {
    .v3-main-table,
    .new-games-section .v3-main-table{
        padding: 0px 6px 4.5rem;
        margin-top: 0;
        gap: 0;
    }

    .v3-main-table-controls{
        margin: 0;
        padding: 3px;
        gap: 0;
    }

    .v3-main-table-controls-bets{
        margin: 0;
        padding: 0;
    }

    .v3-main-table-bets-wrapper{
        gap: 0px;
    }

    .v3-main-table.show-more{
        padding-bottom: 3.5rem;
    }

    .v3-main-table.show-more .v3-main-table-load{
        left: 6px;
        right: 6px;
        bottom: 6px;
        height: 42px;
    }
}