.auth-failed-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0009;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000
}

.auth-failed-modal {
    width: min(420px,90vw);
    background: #fff;
    color: #1a1a1a;
    border-radius: 12px;
    padding: 20px 24px;
    box-shadow: 0 8px 32px #0000004d;
    text-align: center
}

.auth-failed-title {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700
}

.auth-failed-message {
    margin: 0 0 16px;
    font-size: 14px
}

.auth-failed-actions {
    display: flex;
    justify-content: center
}

.auth-failed-button {
    background: #111827;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer
}

.auth-failed-button:hover {
    background: #1f2937
}

.cricket-quick-access-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #d4af37;
    background: #808080bf;
    padding: 4px;
    cursor: pointer;
    transition: all .2s ease
}

.cricket-quick-access-btn img {
    width: 22px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain
}

.cricket-quick-access-btn:active {
    transform: scale(.94)
}

.cricket-quick-access-btn:hover {
    background-color: #ffffff24
}

.cricket-quick-access-btn--webgame {
    border-radius: 18px;
    background: #00000052;
    border: 1px solid rgba(255,215,0,.35)
}

.cricket-quick-access-btn--webgame:hover {
    background: #0000006b
}

.cricket-quick-access-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1400;
    pointer-events: none
}

.cricket-quick-access-drawer.is-open {
    pointer-events: auto
}

.cricket-quick-access-drawer__scrim {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: none;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    opacity: 0;
    transition: opacity .25s ease
}

.cricket-quick-access-drawer.is-open .cricket-quick-access-drawer__scrim {
    opacity: 1
}

.cricket-quick-access-drawer__panel {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 95vh;
    width: 100%;
    background: #000000bf;
    color: #fff;
    display: flex;
    flex-direction: column;
    transform: translateY(100%);
    transition: transform .25s ease;
    border-radius: 18px 18px 0 0;
    border: 1px solid rgba(255,255,255,.75);
    border-bottom: 0;
    overflow: hidden;
    box-shadow: 0 -14px 28px #00000059,0 -2px 10px #d7d7d766
}

.cricket-quick-access-drawer.is-open .cricket-quick-access-drawer__panel {
    transform: translateY(0)
}

.cricket-quick-access-drawer__header {
    height: 52px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .2px;
    border-bottom: 1px solid rgba(255,255,255,.18);
    background: linear-gradient(90deg,#121723,#1b2438)
}

.cricket-quick-access-drawer__close {
    border: none;
    background: transparent;
    color: inherit;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.cricket-quick-access-drawer__close:hover {
    background: #ffffff1f
}

.cricket-quick-access-drawer__content {
    flex: 1;
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #0f1320
}

.cricket-quick-access-dialog-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #00000085;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px
}

.cricket-quick-access-dialog {
    width: min(420px,100%);
    background: #18233c;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 12px;
    box-shadow: 0 12px 24px #00000073;
    padding: 18px 16px 14px;
    color: #fff
}

.cricket-quick-access-dialog p {
    margin: 0;
    line-height: 1.35;
    font-size: 14px
}

.cricket-quick-access-dialog p+p {
    margin-top: 8px
}

.cricket-quick-access-dialog__ok {
    margin-top: 14px;
    width: 100%;
    border: 1px solid rgba(255,255,255,.45);
    background: #ffffff1f;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px;
    height: 36px;
    cursor: pointer
}

._debugOverlay_1ciz9_1 {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 9999;
    width: min(420px,90vw);
    max-height: 52vh;
    overflow: hidden;
    background: #080a0ee0;
    color: #e6e6e6;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    padding: 8px 10px;
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 12px;
    line-height: 1.4;
    pointer-events: auto
}

._debugOverlayFullscreen_1ciz9_20 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    max-height: none;
    border-radius: 0;
    padding: 16px
}

._debugToggle_1ciz9_31 {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 9999;
    background: #080a0ee0;
    color: #e6e6e6;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
    cursor: pointer
}

._debugHeader_1ciz9_45 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 600;
    color: #8fd3ff;
    margin-bottom: 6px
}

._debugActions_1ciz9_55 {
    display: flex;
    gap: 6px
}

._debugActionButton_1ciz9_60 {
    background: #ffffff14;
    color: #e6e6e6;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 11px;
    cursor: pointer
}

._debugCurrent_1ciz9_70 {
    margin-bottom: 6px
}

._debugMeta_1ciz9_74 {
    margin-bottom: 6px;
    display: grid;
    gap: 4px
}

._debugMetaRow_1ciz9_80 {
    display: grid;
    grid-template-columns: 70px 1fr;
    -moz-column-gap: 6px;
    column-gap: 6px
}

._debugMetaLabel_1ciz9_86 {
    color: #8aa1b8
}

._debugMetaValue_1ciz9_90 {
    color: #d3dee9;
    word-break: break-all
}

._debugTitle_1ciz9_95 {
    font-weight: 600;
    color: #fff
}

._debugDetail_1ciz9_100 {
    color: #b6c2d1;
    margin-top: 2px
}

._debugHistory_1ciz9_105 {
    max-height: 36vh;
    overflow: auto;
    padding-right: 4px
}

._debugRow_1ciz9_111 {
    display: grid;
    grid-template-columns: 70px 1fr;
    -moz-column-gap: 6px;
    column-gap: 6px;
    padding: 2px 0
}

._debugTime_1ciz9_118 {
    color: #8aa1b8;
    white-space: nowrap
}

._debugText_1ciz9_123 {
    color: #e6e6e6
}

._debugDetailInline_1ciz9_127 {
    grid-column: 2;
    color: #9bb0c3;
    margin-top: 2px
}

.global-notifications-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    pointer-events: none
}

.notification-toast-stack {
    position: fixed;
    top: calc(var(--app-header-height, 0px) + 12px);
    left: 50%;
    transform: translate(-50%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    pointer-events: none
}

.notification-toast-stack--magic3p {
    top: calc(var(--app-header-height, 0px) + 28px);
    left: 50%;
    transform: translate(-50%);
    align-items: center;
    width: min(88vw,480px);
    max-width: calc(100vw - 32px)
}

.notification-toast {
    background: #1a1a2ef2;
    border: 1px solid rgba(255,255,255,.12);
    color: #fff;
    padding: 10px 16px;
    border-radius: 8px;
    box-shadow: 0 6px 18px #00000059;
    font-size: 14px;
    pointer-events: auto;
    animation: fadeIn .2s ease
}

.notification-toast--magic3p {
    width: 100%;
    padding: 9px 16px;
    border-radius: 10px;
    background: #060f1ee6;
    border-color: #7dd3fc80
}

.notification-toast__content {
    text-align: center;
    line-height: 1.4
}

.notification-toast__content--single-line {
    white-space: nowrap;
    overflow: hidden
}

.notification-toast__text {
    display: inline-block
}

.notification-toast__text--single-line {
    white-space: nowrap;
    line-height: 1.2;
    text-overflow: clip
}

.notification-overlay {
    position: fixed;
    top: var(--app-header-height, 0px);
    left: 0;
    right: 0;
    bottom: 0;
    background: #0009;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    z-index: 1;
    animation: fadeIn .2s ease
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.notification-modal {
    background: #1a1a2e;
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    max-height: 80vh;
    overflow: hidden;
    box-shadow: 0 20px 60px #00000080;
    animation: slideUp .3s ease;
    border: 1px solid rgba(255,255,255,.1)
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.notification-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    background: linear-gradient(135deg,#16213e,#1a1a2e)
}

.notification-icon {
    font-size: 24px
}

.notification-header h3 {
    flex: 1;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff
}

.notification-close {
    background: none;
    border: none;
    color: #fff9;
    font-size: 28px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: color .2s
}

.notification-close:hover {
    color: #fff
}

.notification-body {
    padding: 20px;
    color: #e0e0e0;
    overflow-y: auto;
    max-height: calc(80vh - 140px)
}

.notification-body p {
    margin: 0;
    line-height: 1.6
}

.unknown-deeplink-modal .notification-header {
    background: linear-gradient(135deg,#3d2a1a,#2a1f1a);
    border-bottom-color: #ffc1074d
}

.deeplink-info {
    background: #0000004d;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px
}

.deeplink-field {
    margin-bottom: 12px
}

.deeplink-field:last-child {
    margin-bottom: 0
}

.deeplink-field label {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff80;
    margin-bottom: 6px;
    letter-spacing: .5px
}

.deeplink-type {
    display: inline-block;
    background: linear-gradient(135deg,#ff9800,#f57c00);
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-family: JetBrains Mono,Fira Code,monospace;
    font-size: 14px;
    font-weight: 600
}

.deeplink-data {
    background: #0d0d1a;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 6px;
    padding: 12px;
    margin: 0;
    font-family: JetBrains Mono,Fira Code,monospace;
    font-size: 12px;
    color: #8be9fd;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 200px;
    overflow-y: auto
}

.deeplink-data.raw {
    color: #bd93f9;
    font-size: 11px
}

.help-text {
    color: #ffffffb3;
    font-size: 14px;
    font-style: italic;
    margin: 0;
    padding: 12px;
    background: #ffc1071a;
    border-radius: 6px;
    border-left: 3px solid #ffc107
}

.notification-footer {
    padding: 16px 20px;
    border-top: 1px solid rgba(255,255,255,.1);
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    background: #0003
}

.notification-btn {
    padding: 10px 24px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s;
    background: linear-gradient(135deg,#4f46e5,#6366f1);
    color: #fff
}

.notification-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px #4f46e566
}

.info-modal .notification-header {
    background: linear-gradient(135deg,#1a3a4a,#1a2a3e)
}

.error-modal .notification-header {
    background: linear-gradient(135deg,#4a1a1a,#3e1a1a);
    border-bottom-color: #dc35454d
}

.error-modal .notification-btn {
    background: linear-gradient(135deg,#dc3545,#c82333)
}

.success-modal .notification-header {
    background: linear-gradient(135deg,#1a4a2a,#1a3e2a);
    border-bottom-color: #28a7454d
}

.success-modal .notification-btn {
    background: linear-gradient(135deg,#28a745,#218838)
}

.custom-dialog-modal {
    max-width: 420px
}

.custom-dialog-header {
    text-align: center;
    background: linear-gradient(135deg,#1e1e3f,#1a1a2e)
}

.custom-dialog-header h3 {
    flex: 1;
    text-align: center
}

.custom-dialog-subheading {
    padding: 0 20px 12px;
    text-align: center;
    font-size: 14px;
    color: #fff9;
    border-bottom: 1px solid rgba(255,255,255,.05)
}

.custom-dialog-body {
    text-align: center;
    padding: 24px 20px
}

.custom-dialog-message {
    font-size: 15px;
    line-height: 1.7;
    color: #e0e0e0;
    margin: 0
}

.custom-dialog-rich-text {
    font-size: 15px;
    line-height: 1.7;
    color: #e0e0e0
}

.custom-dialog-rich-text strong,.custom-dialog-rich-text b {
    color: #fff;
    font-weight: 600
}

.custom-dialog-rich-text em,.custom-dialog-rich-text i {
    color: #8be9fd
}

.custom-dialog-rich-text a {
    color: #bd93f9;
    text-decoration: underline
}

.custom-dialog-footer {
    justify-content: center;
    gap: 10px;
    padding: 16px 20px 20px
}

.topup-slider-modal {
    max-width: 480px
}

.topup-slider-body {
    text-align: left;
    padding-top: 18px
}

.topup-slider-message {
    text-align: center;
    margin: 0 0 14px
}

.topup-slider-value-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 16px
}

.topup-slider-coin {
    width: 22px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain
}

.topup-slider-currency {
    font-size: 20px;
    font-weight: 700;
    color: #facc15
}

.topup-slider-selected-value {
    font-size: 24px;
    font-weight: 800;
    color: #fff
}

.topup-slider-control-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px
}

.topup-slider-step-btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.25);
    background: #ffffff1f;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer
}

.topup-slider-input {
    width: 100%;
    accent-color: #38bdf8
}

.topup-slider-minmax {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #ffffffb8
}

.topup-slider-footer {
    padding-top: 14px
}

.topup-slider-btn {
    min-width: 130px
}

.topup-slider-close-action {
    display: block;
    margin: 0 auto 16px;
    border: none;
    background: transparent;
    color: #ffffffbf;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer
}

.custom-dialog-btn {
    min-width: 90px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    transition: all .2s ease
}

.btn-green {
    background: linear-gradient(135deg,#22c55e,#16a34a);
    color: #fff;
    box-shadow: 0 2px 8px #22c55e4d
}

.btn-green:hover {
    background: linear-gradient(135deg,#16a34a,#15803d);
    box-shadow: 0 4px 16px #22c55e66;
    transform: translateY(-1px)
}

.btn-grey {
    background: linear-gradient(135deg,#6b7280,#4b5563);
    color: #fff;
    box-shadow: 0 2px 8px #6b72804d
}

.btn-grey:hover {
    background: linear-gradient(135deg,#4b5563,#374151);
    box-shadow: 0 4px 16px #6b728066;
    transform: translateY(-1px)
}

.btn-black {
    background: linear-gradient(135deg,#374151,#1f2937);
    color: #fffc;
    box-shadow: 0 2px 8px #1f29374d
}

.btn-black:hover {
    background: linear-gradient(135deg,#1f2937,#111827);
    box-shadow: 0 4px 16px #1f293766;
    transform: translateY(-1px)
}

.btn-orange {
    background: linear-gradient(135deg,#f97316,#ea580c);
    color: #fff;
    box-shadow: 0 2px 8px #f973164d
}

.btn-orange:hover {
    background: linear-gradient(135deg,#ea580c,#c2410c);
    box-shadow: 0 4px 16px #f9731666;
    transform: translateY(-1px)
}

.btn-yellow {
    background: linear-gradient(135deg,#eab308,#ca8a04);
    color: #1a1a2e;
    box-shadow: 0 2px 8px #eab3084d
}

.btn-yellow:hover {
    background: linear-gradient(135deg,#ca8a04,#a16207);
    box-shadow: 0 4px 16px #eab30866;
    transform: translateY(-1px)
}

@media (max-width: 480px) {
    .notification-modal {
        width:95%;
        margin: 10px
    }

    .notification-header {
        padding: 12px 16px
    }

    .notification-body {
        padding: 16px
    }

    .notification-footer {
        padding: 12px 16px
    }

    .custom-dialog-footer {
        flex-wrap: wrap
    }

    .custom-dialog-btn {
        flex: 1 1 auto;
        min-width: 80px
    }
}

.themes-page {
    height: 100vh;
    background: #f5f7fa;
    color: #0b0b0b;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.themes-header {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    border-bottom: 1px solid #d9d9d9;
    background: #c4dafc
}

.theme-switcher {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #ffffffe6;
    border: 1px solid rgba(0,0,0,.1)
}

.theme-switcher-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0b0b0b;
    letter-spacing: .8px
}

.theme-switcher-button {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    background: #1c1c1c;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease-in-out
}

.theme-switcher-button:hover {
    transform: scale(1.05)
}

.themes-content {
    flex: 1;
    padding: 16px 24px 96px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: visible
}

.theme-preview-device {
    position: relative;
    width: min(90%,360px);
    margin: 0 auto;
    aspect-ratio: 226 / 447;
    cursor: pointer
}

.theme-preview-screen {
    --preview-width: 390px;
    --preview-height: 844px;
    --preview-scale-mode: width;
    position: absolute;
    top: 1.8%;
    left: 2.65%;
    right: 2.65%;
    bottom: 1.35%;
    overflow: hidden;
    border-radius: 12%;
    /* background: #000 */
}

.theme-preview-viewport {
    width: var(--preview-width);
    height: var(--preview-height);
    transform-origin: top left
}

.theme-preview-frame {
    width: var(--preview-width);
    height: var(--preview-height);
    border: none;
    background: #fff;
    overflow: hidden;
    pointer-events: none
}

.theme-preview-frame-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.theme-preview-frame-image img {
    width: 100%;
    height: auto;
    display: block
}

@media (min-width: 1024px) {
    .theme-preview-device {
        width:min(90%,640px);
        aspect-ratio: 494 / 505
    }

    .theme-preview-screen {
        --preview-scale-mode: width;
        --preview-width: 1366px;
        --preview-height: 900px;
        top: 24%;
        left: 12.5%;
        right: 12.5%;
        bottom: 30%;
        border-radius: 0
    }
}

.themes-select-button {
    position: fixed;
    left: 24px;
    right: 24px;
    bottom: 16px;
    z-index: 6;
    min-width: 180px;
    padding: 12px 24px;
    border: none;
    border-radius: 999px;
    background: #1c1c1c;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease-in-out
}

.themes-select-button:hover {
    background: #000
}

.themes-route-wrapper {
    min-height: 100vh;
}

.themes-page .themes-content {
    padding-top: 18px;
}

.themes-page .theme-preview-device {
    width: min(90%, 360px);
    aspect-ratio: 226 / 447;
    cursor: default;
}

.themes-page .theme-preview-screen {
    --preview-width: 390px;
    --preview-height: 844px;
    --preview-scale-mode: width;
    position: absolute;
    top: 3.8%;
    left: 6.65%;
    right: 2.65%;
    bottom: 1.35%;
    overflow: hidden;
    border-radius: 0%;
}

/* .theme-preview-device:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border: 10px solid #111827;
    border-radius: 34px;
    background: #111827;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .22);
    pointer-events: none;
} */

.theme-preview-screen {
    z-index: 1;
}

.theme-preview-frame-image {
    z-index: 2;
}

@media (min-width: 1024px) {
    .themes-page .theme-preview-device {
        width: min(90%, 360px);
        aspect-ratio: 226 / 447;
    }

    .themes-page .theme-preview-screen {
        --preview-width: 390px;
        --preview-height: 844px;
        top: 1.8%;
        left: 2.65%
        right: 2.65%;
        bottom: 1.35%;
        border-radius: 12%;
    }

    .theme-preview-device:before {
        border-width: 12px;
        border-radius: 34px;
    }
}

.theme-info-trigger {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 12001;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 0;
    border-radius: 999px;
    background: #ffffffeb;
    color: #0f172a;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 8px 20px #0f172a29;
    cursor: pointer
}

.theme-info-trigger--inline {
    position: static;
    top: auto;
    right: auto;
    z-index: auto;
    padding: 7px 10px;
    box-shadow: none;
    background: #ffffff29;
    color: #fff;
    flex-shrink: 0
}

.theme-info-trigger:hover {
    transform: translateY(-1px)
}

.theme-info-trigger--inline:hover {
    transform: none;
    background: #ffffff38
}

.theme-info-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 13000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: #050a14d1
}

.theme-info-modal {
    width: min(100%,460px);
    max-height: min(100%,620px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 60px #0f172a59
}

.theme-info-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 18px 14px;
    background: linear-gradient(90deg,#101b2f,#1b2d48 62%,#aa8b4d);
    color: #fff
}

.theme-info-modal__header h2 {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase
}

.theme-info-modal__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: #ffffff24;
    color: #fff;
    cursor: pointer
}

.theme-info-modal__tabs {
    display: flex;
    gap: 10px;
    padding: 14px 18px 0;
    background: #fff
}

.theme-info-modal__tab {
    flex: 1 1 0;
    min-width: 0;
    border: 1px solid #d7dee9;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    font-size: 13px;
    font-weight: 800;
    padding: 10px 12px;
    cursor: pointer
}

.theme-info-modal__tab.is-active {
    background: #1b2d48;
    border-color: #1b2d48;
    color: #fff
}

.theme-info-modal__body {
    padding: 18px;
    display: grid;
    gap: 12px;
    color: #1f2937;
    overflow-y: auto
}

.theme-info-modal__body p {
    margin: 0;
    font-size: 14px;
    line-height: 1.55
}

.theme-info-modal__menu-line {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.theme-info-modal__menu-line svg {
    flex: 0 0 auto
}

@media (max-width: 480px) {
    .theme-info-trigger {
        top:14px;
        right: 14px
    }

    .theme-info-modal {
        max-height: calc(100% - 24px)
    }
}

.theme-banner-carousel {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 10px 12px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.theme-banner-carousel::-webkit-scrollbar {
    display: none
}

.theme-banner-carousel .theme-banner-tile {
    flex: 0 0 min(88vw,340px);
    aspect-ratio: 341 / 112
}

.theme-banner-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 12000;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    background: #08182d;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity .18s ease,visibility .18s ease
}

.theme-banner-modal.is-open {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.theme-banner-modal__panel {
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    background: #08182d;
    border: 0;
    box-shadow: none;
    overflow-y: auto
}

.theme-banner-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 18px 16px;
    background: linear-gradient(90deg,#101b2f,#1b2d48 62%,#aa8b4d);
    color: #fff
}

.theme-banner-modal__header h2 {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em
}

.theme-banner-modal__close {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: #ffffff24;
    color: #fff;
    font-size: 22px;
    cursor: pointer
}

.theme-banner-modal__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 18px;
    background: #08182d
}

.theme-banner-modal__stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    transform: translateY(-5vh)
}

.theme-banner-tile {
    display: block;
    width: min(100%,341px);
    min-height: 112px;
    aspect-ratio: 341 / 112;
    border: 0;
    border-radius: 16px;
    background-color: #0f1729;
    background-image: url(/assets/banners.png);
    background-repeat: no-repeat;
    background-size: 1024px 224px;
    background-position: var(--banner-x) var(--banner-y);
    box-shadow: 0 8px 20px #0711202e;
    cursor: pointer
}

.theme-banner-tile--link {
    text-decoration: none
}

.theme-banner-tile--button {
    color: inherit
}

@media (max-width: 640px) {
    .theme-banner-modal__stack {
        transform:translateY(-5vh)
    }

    .theme-banner-modal__body {
        padding: 14px
    }

    .theme-banner-modal__header {
        padding-inline:14px}
}

@keyframes animate-border {
    0% {
        background-position: 0%
    }

    to {
        background-position: 400%
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(.98)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

.classic-theme.login-page {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
    background-image: linear-gradient(135deg,#667eea,#764ba2)
}

.classic-theme.login-page.theme-slide-in-left {
    animation: theme-slide-in-left .4s ease-out
}

.classic-theme.login-page.theme-slide-in-right {
    animation: theme-slide-in-right .4s ease-out
}

.classic-theme.login-page:before {
    content: "";
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background-color: #00000079
}

.classic-theme .login-page-container {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 999
}

.classic-theme .theme-switcher {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #fff3;
    border: 1px solid rgba(255,255,255,.35);
    z-index: 10000
}

.classic-theme .theme-switcher-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .6px
}

.classic-theme .theme-switcher-button {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    color: #001d2a;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease-in-out
}

.classic-theme .theme-switcher-button:hover {
    transform: scale(1.05)
}

.classic-theme .theme-switcher-button--themes {
    width: auto;
    height: auto;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase
}

.classic-theme .login-box {
    width: 400px;
    max-width: 95% !important;
    padding: 24px;
    border-radius: 16px;
    background: #ffffff1a;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.2);
    box-shadow: 0 4px 30px #0000001a;
    z-index: 9999;
    animation: fadeIn .8s ease-out .3s
}

.classic-theme .login-box-container {
    width: 90%;
    margin: 0 auto
}

.classic-theme .logo-container {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.classic-theme .login-logo {
    width: 168.75px;
    height: auto
}

.classic-theme .login-in-title {
    font-size: 30px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #001d2a
}

.classic-theme .login-heading {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    color: #001d2a
}

.classic-theme .login-form-wrapper {
    width: 100%;
    margin-top: 20px
}

.classic-theme .login-form-group {
    width: 100%;
    margin-bottom: 16px
}

.classic-theme .login-form-group-label {
    font-size: 16px;
    font-weight: 450;
    margin-bottom: 8px;
    display: block;
    color: #001d2a
}

.classic-theme .login-form-input-wrapper {
    width: 100%;
    height: 43px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.classic-theme .custom-input-prefix {
    width: 17%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #001d2a
}

.classic-theme .custom-input-prefix b {
    font-weight: 700;
    color: #001d2a
}

.classic-theme .custom-input-prefix .fa-lock {
    color: #001d2a
}

.classic-theme .login-form-input {
    width: 87%;
    height: 100%;
    border: none;
    outline: none;
    background: #ffffff1a;
    padding: 0 12px;
    font-size: 16px;
    color: #001d2a;
    font-weight: 500
}

.classic-theme .login-form-input::-moz-placeholder {
    color: #001d2a99
}

.classic-theme .login-form-input::placeholder {
    color: #001d2a99
}

.classic-theme .login-form-input:disabled {
    opacity: .6;
    cursor: not-allowed
}

.classic-theme .login-form-remember-me {
    display: flex;
    align-items: center;
    margin: 20px 0
}

.classic-theme .remember-check-box {
    width: 17px;
    height: 17px;
    margin-right: 8px;
    cursor: pointer
}

.classic-theme .login-remember-me-text {
    color: #001d2a;
    font-size: 16px
}

.classic-theme .login-form-actions {
    width: 100%
}

.classic-theme .login-secondary-actions {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 12px;
    margin-top: 16px
}

.classic-theme .login-secondary-actions:has(.signup-button) {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.classic-theme .login-form-action-button {
    width: 100%;
    height: 43px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right,#65651b,#65651b,#65651b,#65651b);
    box-shadow: 0 4px 15px #011111bf;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.classic-theme .login-form-action-button:before {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    z-index: -1;
    background: linear-gradient(90deg,#65651b,#515103,#515103,#65651b);
    background-size: 400%;
    border-radius: 8px;
    opacity: 0;
    transition: .5s
}

.classic-theme .login-form-action-button:hover:before {
    filter: blur(20px);
    opacity: 1;
    animation: animate-border 8s linear infinite
}

.classic-theme .login-form-action-button:hover {
    color: #fff
}

.classic-theme .login-form-action-button:active {
    transform: scale(.98)
}

.classic-theme .login-form-action-button:disabled {
    opacity: .55;
    cursor: not-allowed;
    filter: grayscale(.35);
    box-shadow: none
}

.classic-theme .login-form-action-button.demo-button {
    background-image: linear-gradient(to right,#1d4ed8,#1d4ed8,#1d4ed8,#1d4ed8);
    box-shadow: 0 4px 15px #011111bf
}

.classic-theme .login-form-action-button.demo-button:before {
    background: linear-gradient(90deg,#1d4ed8,#1e40af,#1e40af,#1d4ed8)
}

.classic-theme .signup-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #070b1cb8
}

.classic-theme .signup-modal {
    width: min(820px,calc(100vw - 64px));
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    border-radius: 16px;
    padding: 34px 42px 38px;
    background: #555182fa;
    border: 1px solid rgba(255,255,255,.34);
    box-shadow: 0 24px 60px #0111119e;
    font-family: Inter,Segoe UI,Roboto,Arial,sans-serif;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased
}

.classic-theme .signup-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px
}

.classic-theme .signup-modal-header h2 {
    margin: 0;
    flex: 1 1 auto;
    font-size: 30px;
    line-height: 1.1;
    color: #ffffffeb;
    font-weight: 600;
    text-align: center
}

.classic-theme .signup-modal-close {
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: #ffffff2e;
    color: #001d2a;
    font-size: 28px;
    line-height: 1;
    cursor: pointer
}

.classic-theme .signup-modal-form {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 20px
}

.classic-theme .signup-modal-form--reset {
    grid-template-columns: minmax(0,1fr);
    max-width: 560px;
    margin: 0 auto
}

.classic-theme .signup-form-group {
    margin-bottom: 0
}

.classic-theme .signup-modal .login-form-group-label {
    color: #ffffffeb;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px
}

.classic-theme .signup-modal .signup-form-group:has(.login-form-input:disabled) .login-form-group-label {
    color: #daddebdb
}

.classic-theme .signup-form-group--wide,.classic-theme .signup-modal-form .error-message,.classic-theme .signup-modal-form .signup-message {
    grid-column: 1 / -1
}

.classic-theme .signup-mobile-row {
    display: grid;
    grid-template-columns: minmax(0,1fr) 150px;
    gap: 12px;
    align-items: stretch
}

.classic-theme .signup-mobile-row--single {
    grid-template-columns: minmax(0,1fr)
}

.classic-theme .signup-mobile-input {
    min-width: 0
}

.classic-theme .signup-otp-button {
    height: 48px;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 0 18px #277bff5c
}

.classic-theme .signup-modal .login-form-input-wrapper {
    height: 48px;
    border-color: #77a6ffc7;
    background: #0710199e;
    box-shadow: 0 0 0 1px #3e89ff6b,0 0 16px #2f7eff9e,0 0 26px #2f7eff47
}

.classic-theme .signup-modal .custom-input-prefix {
    width: 56px;
    flex: 0 0 56px;
    background: #0a0f1a75;
    color: #ffffffe0
}

.classic-theme .signup-modal .login-form-input {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
    color: #fffffff0;
    font-size: 16px;
    font-weight: 500;
    background: #0a121985
}

.classic-theme .signup-modal .custom-input-prefix b,.classic-theme .signup-modal .custom-input-prefix .fa-lock {
    color: #ffffffdb
}

.classic-theme .signup-modal .login-form-input-wrapper:has(.login-form-input:disabled) {
    opacity: 1;
    border-color: #bec4dc4d;
    background: #0b111f47;
    box-shadow: none
}

.classic-theme .signup-mobile-input--locked:has(.login-form-input:disabled) {
    opacity: 1;
    border-color: #bec4dc66;
    background: #0b111f57;
    box-shadow: none
}

.classic-theme .signup-modal .login-form-input:disabled,.classic-theme .signup-mobile-input--locked .login-form-input:disabled {
    opacity: 1;
    cursor: default;
    color: #e2e6f2e0;
    -webkit-text-fill-color: rgba(226,230,242,.88);
    background: #0b111f29
}

.classic-theme .signup-modal .login-form-input-wrapper:has(.login-form-input:not(:disabled)) {
    border-color: #77a6ffc7;
    background: #0710199e;
    box-shadow: 0 0 0 1px #3e89ff6b,0 0 16px #2f7eff9e,0 0 26px #2f7eff47
}

.classic-theme .signup-modal .login-form-input:not(:disabled) {
    background: #0a121985
}

.classic-theme .signup-modal .login-form-input:focus {
    color: #fff
}

.classic-theme .signup-otp-button:disabled {
    opacity: .48;
    filter: grayscale(.6);
    background-image: linear-gradient(to right,#3d3f2b,#3d3f2b,#3d3f2b,#3d3f2b);
    color: #e8eaf294;
    box-shadow: none
}

.classic-theme .signup-modal .login-form-actions .login-form-action-button:disabled {
    opacity: 1;
    filter: none;
    background-image: linear-gradient(to right,#686a25,#686a25,#686a25,#686a25);
    color: #e8eaf2db
}

.classic-theme .signup-message {
    margin-bottom: 0;
    color: #0b3b2d;
    font-size: 14px;
    font-weight: 600;
    text-align: center
}

.classic-theme .forgot-password-link {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 16px auto 0;
    padding: 0;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer
}

.classic-theme .forgot-password-link:disabled {
    opacity: .55;
    cursor: not-allowed
}

.classic-theme .signup-reset-note {
    color: #001d2a;
    font-size: 14px;
    font-weight: 600;
    text-align: center
}

.classic-theme .signup-success-panel {
    display: grid;
    gap: 18px
}

.classic-theme .signup-success-message {
    color: #0b3b2d;
    font-size: 18px;
    font-weight: 700;
    text-align: center
}

.classic-theme .signup-credentials {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px
}

.classic-theme .signup-credentials div {
    min-width: 0;
    padding: 16px;
    border-radius: 8px;
    background: #ffffff1f;
    border: 1px solid rgba(255,255,255,.24)
}

.classic-theme .signup-credentials span {
    display: block;
    margin-bottom: 8px;
    color: #001d2a;
    font-size: 13px;
    font-weight: 700
}

.classic-theme .signup-credentials strong {
    display: block;
    color: #fff;
    font-size: 18px;
    overflow-wrap: anywhere
}

.classic-theme .signup-success-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px
}

.classic-theme .footer-copty-right {
    margin-top: 10px;
    color: #fff;
    font-size: 14px
}

.classic-theme.login-page--rn {
    min-height: 100dvh;
    height: auto;
    overflow-y: auto;
    background-image: url(/rn/login-bg.png);
    background-size: cover;
    background-position: center center;
    background-color: #030302;
    font-family: Inter,Segoe UI,Roboto,Arial,sans-serif
}

.classic-theme.login-page--rn:before {
    min-height: 100%;
    height: 100%;
    background: radial-gradient(circle at center 42%,rgba(251,205,83,.14),transparent 34%),#00000057
}

.classic-theme.login-page--rn .login-page-container {
    min-height: 100dvh;
    padding: 18px;
    box-sizing: border-box
}

.classic-theme.login-page--rn .login-box {
    width: min(430px,calc(100vw - 28px));
    padding: 22px 22px 24px;
    border-radius: 0;
    background: linear-gradient(#050504,#050504) padding-box,linear-gradient(135deg,#ffe3927a,#6c491c33,#ffdd7f70) border-box;
    border: 1px solid transparent;
    box-shadow: 0 26px 70px #000000a3,inset 0 0 52px #ae781d17;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px)
}

.classic-theme.login-page--rn .login-box:before,.classic-theme.rn-auth-modal-root .signup-modal:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    pointer-events: none;
    border: 1px solid rgba(221,181,96,.2);
    clip-path: polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px))
}

.classic-theme.login-page--rn .login-box {
    position: relative
}

.classic-theme.login-page--rn .login-box-container {
    width: 100%;
    position: relative;
    z-index: 1
}

.classic-theme.login-page--rn .logo-container {
    margin: 2px 0 4px
}

.classic-theme.login-page--rn .login-logo,.classic-theme .rn-auth-modal-heading img {
    width: 86px;
    height: 86px;
    -o-object-fit: contain;
    object-fit: contain;
    filter: drop-shadow(0 0 10px rgba(255,211,91,.68)) drop-shadow(0 8px 18px rgba(0,0,0,.65))
}

.classic-theme.login-page--rn .rn-login-heading,.classic-theme .rn-auth-modal-heading {
    text-align: center;
    color: #fff
}

.classic-theme.login-page--rn .rn-login-heading h1,.classic-theme .rn-auth-modal-heading h2 {
    margin: 0;
    color: #ffd35a;
    font-size: 34px;
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: 1px;
    text-shadow: 0 0 10px rgba(255,213,91,.62),0 2px 0 rgba(0,0,0,.8);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px
}

.classic-theme.login-page--rn .rn-login-heading h1:before,.classic-theme.login-page--rn .rn-login-heading h1:after,.classic-theme .rn-auth-modal-heading h2:before,.classic-theme .rn-auth-modal-heading h2:after {
    content: "";
    width: 66px;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(243,192,85,.72))
}

.classic-theme.login-page--rn .rn-login-heading h1:after,.classic-theme .rn-auth-modal-heading h2:after {
    background: linear-gradient(90deg,rgba(243,192,85,.72),transparent)
}

.classic-theme.login-page--rn .rn-login-heading p,.classic-theme .rn-auth-modal-heading p {
    margin: 12px 0 24px;
    color: #ffffffe6;
    font-size: 15px;
    line-height: 1.35
}

.classic-theme.login-page--rn .login-form-wrapper {
    margin-top: 0
}

.classic-theme.login-page--rn .login-form-group {
    margin-bottom: 14px
}

.classic-theme.login-page--rn .login-form-group-label,.classic-theme.rn-auth-modal-root .login-form-group-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.classic-theme.login-page--rn .login-form-input-wrapper,.classic-theme.rn-auth-modal-root .signup-modal .login-form-input-wrapper {
    height: 54px;
    border-radius: 7px;
    border: 1px solid rgba(214,169,99,.48);
    background: #050505c2;
    box-shadow: inset 0 0 0 1px #ffffff08,0 0 18px #00000047
}

.classic-theme.login-page--rn .custom-input-prefix,.classic-theme.rn-auth-modal-root .custom-input-prefix {
    width: 58px;
    flex: 0 0 58px;
    color: #d5aa66;
    background: transparent;
    font-size: 17px
}

.classic-theme.login-page--rn .custom-input-prefix b,.classic-theme.login-page--rn .custom-input-prefix .fa-lock,.classic-theme.rn-auth-modal-root .custom-input-prefix b,.classic-theme.rn-auth-modal-root .custom-input-prefix .fa-lock {
    color: #d5aa66
}

.classic-theme.login-page--rn .login-form-input,.classic-theme.rn-auth-modal-root .signup-modal .login-form-input {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    -webkit-text-fill-color: #ffffff
}

.classic-theme.login-page--rn .login-form-input::-moz-placeholder,.classic-theme.rn-auth-modal-root .signup-modal .login-form-input::-moz-placeholder {
    color: #ffffff7a;
    -webkit-text-fill-color: rgba(255,255,255,.48)
}

.classic-theme.login-page--rn .login-form-input::placeholder,.classic-theme.rn-auth-modal-root .signup-modal .login-form-input::placeholder {
    color: #ffffff7a;
    -webkit-text-fill-color: rgba(255,255,255,.48)
}

.classic-theme.login-page--rn .login-form-input:focus,.classic-theme.rn-auth-modal-root .signup-modal .login-form-input:focus {
    color: #fff
}

.classic-theme.login-page--rn .rn-forgot-password-link {
    margin: -2px 0 24px auto;
    color: #f4d36d;
    text-decoration: none;
    font-size: 14px
}

.classic-theme.login-page--rn .login-form-action-button,.classic-theme.rn-auth-modal-root .login-form-action-button {
    height: 54px;
    border-radius: 7px;
    color: #0b0904;
    font-size: 18px;
    font-weight: 950;
    letter-spacing: .4px;
    background-image: linear-gradient(180deg,#fff19a,#ffc332 47%,#d48700);
    box-shadow: inset 0 1px #ffffff94,inset 0 -2px #7643004d,0 8px 20px #d0880047
}

.classic-theme.login-page--rn .login-form-action-button:before,.classic-theme.rn-auth-modal-root .login-form-action-button:before {
    background: linear-gradient(90deg,#ffd45d,#fff1a6,#e69708,#ffd45d)
}

.classic-theme.login-page--rn .login-form-action-button:hover {
    color: #0b0904
}

.classic-theme.login-page--rn .rn-login-signup-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 24px;
    color: #fff;
    font-size: 15px
}

.classic-theme.login-page--rn .rn-login-signup-row button {
    border: 0;
    padding: 0;
    background: transparent;
    color: #f4d36d;
    font: inherit;
    font-weight: 700;
    cursor: pointer
}

.classic-theme.login-page--rn .rn-login-signup-row button:disabled {
    opacity: .58;
    cursor: not-allowed
}

.classic-theme.login-page--rn .footer-copty-right {
    display: none
}

.classic-theme.rn-auth-modal-root .signup-modal-backdrop {
    align-items: center;
    padding: 18px;
    background: radial-gradient(circle at center 42%,rgba(251,205,83,.14),transparent 34%),#0000009e,url(/rn/login-bg.png) center center / cover no-repeat
}

.classic-theme.rn-auth-modal-root .signup-modal {
    position: relative;
    width: min(440px,calc(100vw - 28px));
    max-height: calc(100dvh - 28px);
    padding: 20px 24px 24px;
    border-radius: 0;
    background: linear-gradient(#050504,#050504) padding-box,linear-gradient(135deg,#ffe3927a,#6c491c33,#ffdd7f70) border-box;
    border: 1px solid transparent;
    box-shadow: 0 26px 70px #000000ad,inset 0 0 52px #ae781d17
}

.classic-theme.rn-auth-modal-root .signup-modal-header {
    position: relative;
    display: block;
    margin-bottom: 18px
}

.classic-theme.rn-auth-modal-root .rn-auth-modal-heading {
    position: relative;
    z-index: 1
}

.classic-theme.rn-auth-modal-root .signup-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 34px;
    height: 34px;
    border-radius: 7px;
    border: 1px solid rgba(214,169,99,.4);
    background: #ffffff0d;
    color: #f6dfaa;
    font-size: 25px
}

.classic-theme.rn-auth-modal-root .signup-modal-form,.classic-theme.rn-auth-modal-root .signup-modal-form--reset {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    row-gap: 12px
}

.classic-theme.rn-auth-modal-root .signup-modal .login-form-actions {
    display: grid;
    grid-template-columns: minmax(0,.72fr) minmax(0,1fr);
    gap: 10px
}

.classic-theme.rn-auth-modal-root .signup-cancel-button {
    color: #f6dfaa;
    background-image: none;
    background-color: #ffffff0d;
    border: 1px solid rgba(214,169,99,.4);
    box-shadow: none
}

.classic-theme.rn-auth-modal-root .signup-cancel-button:before {
    content: none
}

.classic-theme.rn-auth-modal-root .signup-form-group {
    margin-bottom: 0
}

.classic-theme.rn-auth-modal-root .signup-mobile-row {
    grid-template-columns: minmax(0,1fr) 116px;
    gap: 8px
}

.classic-theme.rn-auth-modal-root .signup-mobile-row--single {
    grid-template-columns: minmax(0,1fr)
}

.classic-theme.rn-auth-modal-root .signup-otp-button {
    height: 54px;
    font-size: 13px
}

.classic-theme.rn-auth-modal-root .signup-message,.classic-theme.rn-auth-modal-root .signup-success-message {
    color: #f4d36d
}

.classic-theme.rn-auth-modal-root .error-message {
    color: #ff8f8f;
    text-align: center
}

.classic-theme.rn-auth-modal-root .signup-reset-note {
    color: #ffffffc7
}

.classic-theme.rn-auth-modal-root .signup-success-panel {
    position: relative;
    z-index: 1
}

.classic-theme.rn-auth-modal-root .signup-credentials {
    grid-template-columns: minmax(0,1fr)
}

.classic-theme.rn-auth-modal-root .signup-credentials div {
    background: #050505c2;
    border: 1px solid rgba(214,169,99,.42)
}

.classic-theme.rn-auth-modal-root .signup-credentials span {
    color: #ffffffb3
}

.classic-theme.rn-auth-modal-root .signup-credentials strong {
    color: #fff
}

.classic-theme.rn-auth-modal-root .signup-success-actions {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

@media screen and (max-width: 768px) {
    .classic-theme.login-page {
        width:100%;
        height: 100vh
    }

    .classic-theme .login-page-container {
        width: 100%
    }

    .classic-theme .login-box {
        width: 96%;
        padding: 24px 0;
        z-index: 9999
    }

    .classic-theme .login-box-container {
        width: 90%;
        margin: 0 auto
    }

    .classic-theme .login-in-title {
        font-size: 30px
    }

    .classic-theme .login-heading {
        font-size: 20px
    }

    .classic-theme .login-form-wrapper {
        width: 100%;
        margin-top: 10px
    }

    .classic-theme .login-form-group {
        width: 100%
    }

    .classic-theme .login-form-group-label {
        font-size: 16px
    }

    .classic-theme .login-form-input-wrapper {
        width: 100%;
        height: 43px
    }

    .classic-theme .custom-input-prefix {
        width: 17%
    }

    .classic-theme .login-form-input {
        width: 87%;
        height: 100%
    }

    .classic-theme .login-form-remember-me {
        display: flex
    }

    .classic-theme .remember-check-box {
        width: 17px;
        height: 17px
    }

    .classic-theme .login-form-actions {
        width: 100%
    }

    .classic-theme .login-secondary-actions {
        gap: 10px;
        margin-top: 16px
    }

    .classic-theme .login-form-action-button {
        width: 100%;
        height: 43px;
        font-size: 16px
    }

    .classic-theme .signup-modal-backdrop {
        align-items: center;
        padding: 16px
    }

    .classic-theme .signup-modal {
        width: 100%;
        max-height: calc(100vh - 32px);
        padding: 20px;
        border-radius: 12px
    }

    .classic-theme .signup-modal-form,.classic-theme .signup-modal-form--reset {
        display: block;
        max-width: none
    }

    .classic-theme .signup-form-group {
        margin-bottom: 16px
    }

    .classic-theme .signup-mobile-row {
        grid-template-columns: minmax(0,1fr) 112px;
        gap: 8px
    }

    .classic-theme .signup-otp-button {
        font-size: 13px
    }

    .classic-theme .signup-credentials,.classic-theme .signup-success-actions {
        grid-template-columns: minmax(0,1fr)
    }

    .classic-theme .footer-copty-right {
        margin-top: 10px
    }
}

@media screen and (max-width: 520px) {
    .classic-theme.login-page--rn {
        background-position:center center
    }

    .classic-theme.login-page--rn .login-page-container {
        padding: 12px;
        justify-content: center
    }

    .classic-theme.login-page--rn .login-box,.classic-theme.rn-auth-modal-root .signup-modal {
        width: min(390px,calc(100vw - 18px));
        padding: 18px 16px 20px
    }

    .classic-theme.login-page--rn .login-logo,.classic-theme .rn-auth-modal-heading img {
        width: 74px;
        height: 74px
    }

    .classic-theme.login-page--rn .rn-login-heading h1,.classic-theme .rn-auth-modal-heading h2 {
        font-size: 30px;
        gap: 10px
    }

    .classic-theme.login-page--rn .rn-login-heading h1:before,.classic-theme.login-page--rn .rn-login-heading h1:after,.classic-theme .rn-auth-modal-heading h2:before,.classic-theme .rn-auth-modal-heading h2:after {
        width: 46px
    }

    .classic-theme.login-page--rn .rn-login-heading p,.classic-theme .rn-auth-modal-heading p {
        margin-bottom: 20px;
        font-size: 14px
    }

    .classic-theme.login-page--rn .login-form-input-wrapper,.classic-theme.rn-auth-modal-root .signup-modal .login-form-input-wrapper,.classic-theme.login-page--rn .login-form-action-button,.classic-theme.rn-auth-modal-root .login-form-action-button {
        height: 50px
    }

    .classic-theme.rn-auth-modal-root .signup-mobile-row,.classic-theme.rn-auth-modal-root .signup-success-actions,.classic-theme.rn-auth-modal-root .signup-modal .login-form-actions {
        grid-template-columns: minmax(0,1fr)
    }
}

.live-games-ticker {
    width: 100%;
    overflow: hidden;
    background: #07111ff0;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.12);
    box-sizing: border-box
}

.live-games-ticker__track {
    display: flex;
    align-items: center;
    gap: 10px;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    padding: 7px 10px;
    box-sizing: border-box
}

.live-games-ticker__track.is-animated {
    animation: live-games-ticker-scroll var(--live-games-ticker-duration, 24s) linear infinite
}

.live-games-ticker:hover .live-games-ticker__track.is-animated,.live-games-ticker:focus-within .live-games-ticker__track.is-animated {
    animation-play-state: paused
}

.live-games-ticker__pill {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 42px;
    max-width: min(330px,78vw);
    padding: 6px 11px 6px 7px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.18);
    background: #ffffff17;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 2px 8px #0000002e
}

.live-games-ticker__pill:focus-visible {
    outline: 2px solid rgba(255,255,255,.92);
    outline-offset: 2px
}

.live-games-ticker__icon {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: #ffffff1f
}

.live-games-ticker__icon img {
    width: 22px;
    height: 22px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.45))
}

.live-games-ticker__pill--horse_racing .live-games-ticker__icon {
    background: #f5c64a2e
}

.live-games-ticker__pill--tennis .live-games-ticker__icon {
    width: 28px;
    height: 28px;
    background: #ffffff29
}

.live-games-ticker__pill--tennis .live-games-ticker__icon img {
    width: 28px;
    height: 28px;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.68)) drop-shadow(0 0 4px rgba(255,255,255,.18))
}

.live-games-ticker__pill--horse_racing .live-games-ticker__icon img {
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.65)) drop-shadow(0 0 5px rgba(245,198,74,.28))
}

.live-games-ticker__text {
    min-width: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px
}

.live-games-ticker__name {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap
}

.live-games-ticker__time {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffffb8;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap
}

.live-games-ticker__live-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    flex: 0 0 auto;
    background: #26f66f;
    box-shadow: 0 0 5px #26f66ff2,0 0 12px #26f66fb8
}

.classic-theme .live-games-ticker {
    background: linear-gradient(90deg,#0f1c2e,#1a2a44 68%,#7b622d)
}

.rouge-theme .live-games-ticker {
    background: linear-gradient(90deg,#2d0a0a,#641029);
    border-color: #d4af3752
}

.heritage-theme .live-games-ticker,.heritage-page .live-games-ticker,.client-main-header+.live-games-ticker {
    background: #18395f
}

@keyframes live-games-ticker-scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

@media (prefers-reduced-motion: reduce) {
    .live-games-ticker__track.is-animated {
        animation: none
    }
}

:root {
    --app-header-height: 50px
}

.game-topbar {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 200;
    border-bottom: 1px solid rgba(255,255,255,.12)
}

.game-topbar__left {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 16px
}

.game-topbar__back {
    color: inherit;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    letter-spacing: .5px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #00000059;
    border: 1px solid rgba(255,215,0,.3);
    border-radius: 24px;
    padding: 6px 12px 6px 10px;
    box-shadow: 0 4px 12px #00000040;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.game-topbar__back-icon {
    display: block
}

.game-topbar__right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 16px
}

.game-topbar__center-title {
    min-width: 0;
    max-width: 42%;
    color: #f8fafc;
    text-align: center;
    line-height: 1.1;
    pointer-events: none
}

.game-topbar__center-heading {
    font-size: 16px;
    font-weight: 800
}

.game-topbar__center-subheading {
    margin-top: 2px;
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 700;
    text-transform: capitalize
}

.game-topbar__quick-access {
    width: 36px;
    height: 36px
}

.game-topbar__wifi {
    color: #ff2d2d;
    background: #00000059;
    border: 1px solid rgba(255,45,45,.45);
    border-radius: 10px;
    padding: 6px 8px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation: game-topbar-wifi-blink .9s steps(2,end) infinite
}

.game-topbar__wifi--ping {
    color: #f6b73c;
    border-color: #f6b73c8c
}

.game-topbar__wifi-icon {
    display: block
}

.game-topbar__wifi-avg {
    margin-top: 2px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1;
    opacity: .9;
    white-space: nowrap
}

@keyframes game-topbar-wifi-blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .15
    }

    to {
        opacity: 1
    }
}

.game-topbar__balance {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #00000059;
    border: 1px solid rgba(255,215,0,.3);
    border-radius: 24px;
    padding: 6px 12px 6px 8px;
    color: gold;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .5px;
    gap: 8px
}

.game-topbar__balance-icon {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    filter: drop-shadow(0 1px 2px rgba(255,215,0,.4))
}

.game-topbar__balance-text {
    text-shadow: 0 1px 2px rgba(0,0,0,.5)
}

.game-topbar__mr-name,.game-topbar__mr-balance,.game-topbar__mr-admin {
    color: inherit;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid rgba(255,215,0,.3);
    background: #00000059;
    box-shadow: 0 4px 12px #00000040;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    max-width: min(46vw,220px);
    padding: 6px 12px;
    border-radius: 24px;
    font-size: 14px;
    line-height: 1
}

.game-topbar__mr-name span,.game-topbar__mr-balance span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.game-topbar__mr-balance {
    color: gold
}

.game-topbar__mr-admin {
    width: 36px;
    max-width: 36px;
    justify-content: center;
    padding: 0;
    color: #fff
}

.game-topbar__mr-balance-wrap {
    display: inline-flex
}

.game-topbar__rn-shell {
    width: min(100%,520px);
    height: 100%;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) 34px;
    align-items: center;
    gap: 6px;
    padding: 0 8px;
    box-sizing: border-box;
    background: #050505
}

.game-topbar__rn-actions {
    justify-self: center;
    width: min(100%,366px);
    display: grid;
    grid-template-columns: minmax(64px,90px) 92px 116px;
    align-items: center;
    gap: 5px
}

.game-topbar__rn-icon-btn,.game-topbar__rn-balance,.game-topbar__rn-money-btn,.game-topbar__rn-bell {
    min-width: 0;
    border: 1px solid rgba(198,167,93,.42);
    color: #f7e8c6;
    background: linear-gradient(180deg,#171717,#050505);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font: inherit;
    line-height: 1;
    box-shadow: inset 0 0 0 1px #ffffff0a,0 2px 6px #00000061
}

.game-topbar__rn-icon-btn,.game-topbar__rn-bell {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    padding: 0
}

.game-topbar__rn-icon-btn {
    justify-self: start
}

.game-topbar__rn-balance,.game-topbar__rn-money-btn {
    height: 31px;
    border-radius: 5px;
    gap: 4px;
    padding: 0 5px;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap
}

.game-topbar__rn-balance {
    color: #fff;
    font-size: 13px;
    padding: 0 5px
}

.game-topbar__rn-balance span,.game-topbar__rn-money-btn span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-topbar__rn-money-btn--deposit {
    color: #1a1203;
    border-color: #ffda6dbd;
    background: linear-gradient(180deg,#ffe17a,#f7a91d)
}

.game-topbar__rn-money-btn--withdraw {
    color: #fff;
    border-color: #be78ebad;
    background: linear-gradient(180deg,#43205d,#16091f)
}

.game-topbar__rn-bell {
    position: relative;
    justify-self: end;
    border-color: transparent;
    background: transparent;
    color: #d8c8ab;
    box-shadow: none
}

.game-topbar__rn-bell span {
    position: absolute;
    top: 3px;
    right: 2px;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #ff2d2d;
    box-shadow: 0 0 5px #ff2d2dcc
}

.rn-side-drawer-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1120;
    display: flex;
    justify-content: flex-start;
    background: #0000009e;
    animation: rn-profile-backdrop-fade-in .16s ease-out
}

.rn-side-drawer {
    width: min(320px,86vw);
    height: 100dvh;
    color: #f8ecd0;
    background: radial-gradient(circle at top left,rgba(255,202,71,.16),transparent 38%),linear-gradient(180deg,#12100b,#060606);
    border-right: 1px solid rgba(198,167,93,.38);
    box-shadow: 22px 0 44px #00000085;
    display: flex;
    flex-direction: column;
    padding: 16px;
    padding-bottom: calc(16px + env(safe-area-inset-bottom,0px));
    box-sizing: border-box;
    animation: rn-side-drawer-slide-in .21s cubic-bezier(.2,.8,.2,1)
}

.rn-side-drawer__header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 18px 0 20px;
    border-bottom: 1px solid rgba(198,167,93,.22)
}

.rn-side-drawer__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(198,167,93,.34);
    background: #ffffff0f;
    color: #f7e8c6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.rn-side-drawer__avatar {
    width: 96px;
    height: 96px;
    border-radius: 999px;
    border: 2px solid rgba(255,215,0,.62);
    background: #ffffff12;
    color: #f7e8c6;
    overflow: hidden;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 12px 26px #00000057
}

.rn-side-drawer__avatar span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat
}

.rn-side-drawer__name {
    max-width: 100%;
    border: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2;
    cursor: pointer;
    overflow-wrap: anywhere
}

.rn-side-drawer__nav {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 18px 0
}

.rn-side-drawer__nav button,.rn-side-drawer__logout {
    width: 100%;
    min-height: 44px;
    border-radius: 8px;
    border: 1px solid rgba(198,167,93,.28);
    background: #ffffff0f;
    color: #f7e8c6;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    font: inherit;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    text-align: left
}

.rn-side-drawer__nav button:hover,.rn-side-drawer__logout:hover,.rn-side-drawer__close:hover {
    border-color: #ffd700a3
}

.rn-side-drawer__footer {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 14px;
    border-top: 1px solid rgba(198,167,93,.22);
    font-size: 12px
}

.rn-side-drawer__footer div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #f8ecd0ad
}

.rn-side-drawer__footer strong {
    min-width: 0;
    color: #fff;
    font-weight: 800;
    text-align: right;
    overflow-wrap: anywhere
}

.rn-side-drawer__logout {
    margin-top: 4px;
    color: #ffdfdf;
    border-color: #ff6e6e47
}

.mr-account-modal-backdrop,.mr-success-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: #0000009e;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px
}

.mr-account-modal,.mr-success-dialog {
    width: min(420px,100%);
    border: 1px solid rgba(255,215,0,.28);
    border-radius: 8px;
    background: #141319;
    color: #fff;
    box-shadow: 0 22px 60px #00000073
}

.mr-account-modal-backdrop {
    align-items: flex-end;
    padding: 0
}

.mr-account-modal {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    max-height: calc(100dvh - 36px);
    overflow: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch
}

.mr-account-modal--wallet {
    gap: 10px;
    width: min(760px,100%);
    height: min(760px,86dvh);
    min-height: min(620px,86dvh);
    max-height: min(760px,calc(100dvh - 18px));
    border-radius: 16px 16px 0 0;
    padding-bottom: calc(12px + env(safe-area-inset-bottom,0px));
    animation: mr-account-sheet-slide-up .22s cubic-bezier(.2,.8,.2,1)
}

.mr-account-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.mr-account-modal__header h2,.mr-success-dialog h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.2
}

.mr-account-modal__balance {
    min-width: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mr-account-modal__icon-btn {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.16);
    background: #ffffff14;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.mr-account-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 13px;
    color: #ffffffc2
}

.mr-account-field input,.mr-account-field select {
    width: 100%;
    min-height: 38px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.16);
    background: #ffffff14;
    color: #fff;
    padding: 10px 12px;
    font-size: 16px;
    outline: none
}

.mr-account-field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.mr-account-field input:focus,.mr-account-field select:focus {
    border-color: #ffd7008c
}

.mr-account-error {
    border-radius: 8px;
    background: #ff4a4a1f;
    border: 1px solid rgba(255,74,74,.35);
    color: #ffb4b4;
    padding: 10px 12px;
    font-size: 13px
}

.mr-account-modal__actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px
}

.mr-account-modal__actions button,.mr-success-dialog button {
    min-height: 36px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.16);
    background: #ffffff14;
    color: #fff;
    font-weight: 700;
    padding: 0 14px;
    cursor: pointer
}

.mr-account-modal__actions button:last-child,.mr-success-dialog button {
    border-color: #ffd70080;
    background: gold;
    color: #171300
}

.mr-account-modal__actions button:disabled {
    opacity: .55;
    cursor: not-allowed
}

.mr-account-section {
    border-top: 1px solid rgba(255,255,255,.12);
    padding-top: 12px
}

.mr-account-section--transactions {
    border-top: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    padding-top: 0
}

.mr-account-section__title {
    color: #ffffff9e;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase
}

.mr-account-split span {
    color: #ffffffb3;
    font-size: 13px
}

.mr-account-split strong {
    font-size: 16px
}

.mr-account-split {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px
}

.mr-account-split div {
    min-width: 0;
    border-radius: 8px;
    background: #ffffff12;
    border: 1px solid rgba(255,255,255,.12);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px
}

.mr-account-split strong {
    overflow-wrap: anywhere
}

.mr-account-primary-balance {
    min-width: 0;
    border-radius: 8px;
    background: #ffffff12;
    border: 1px solid rgba(255,255,255,.12);
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.mr-account-primary-balance span {
    color: #ffffffb3;
    font-size: 13px
}

.mr-account-primary-balance strong {
    color: #fff;
    font-size: 18px;
    overflow-wrap: anywhere;
    text-align: right
}

.owned-money-header-row {
    display: flex;
    justify-content: center;
    margin: 5px 0
}

.owned-money-header-btn {
    min-height: 32px;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 8px;
    background: #ffffff24;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    cursor: pointer;
    font: inherit;
    font-size: 1em;
    font-weight: 800;
    line-height: 1.2;
    padding: 4px 10px;
    text-align: center
}

.owned-money-header-btn--inline {
    min-height: 24px;
    border-radius: 6px;
    font-size: .92em;
    padding: 2px 7px
}

.owned-money-header-btn:active {
    transform: translateY(1px)
}

.mr-account-tabs {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 0;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 8px;
    background: #0000003d;
    padding: 3px
}

.mr-account-tabs--primary {
    grid-template-columns: repeat(3,minmax(0,1fr));
    flex: 0 0 auto;
    margin-bottom: 8px
}

.mr-account-tabs button {
    min-height: 32px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #ffffffad;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    padding: 0 12px
}

.mr-account-tabs button.is-active {
    background: #ffffff29;
    color: #fff;
    box-shadow: inset 0 0 0 1px #ffffff14
}

.mr-transaction-card {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    background: #ffffff0e;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mr-money-form {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mr-payment-screenshot {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mr-payment-screenshot__upload {
    min-height: 40px;
    border-radius: 8px;
    border: 1px dashed rgba(255,215,0,.42);
    background: #ffd70014;
    color: #ffe079;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 900
}

.mr-payment-screenshot__upload.is-disabled {
    cursor: not-allowed;
    opacity: .6
}

.mr-payment-screenshot__upload input {
    display: none
}

.mr-payment-screenshot__message {
    border-radius: 8px;
    background: #ffffff12;
    color: #ffffffc7;
    font-size: 12px;
    line-height: 1.35;
    padding: 8px 10px
}

.mr-payment-screenshot__evidence {
    border-radius: 8px;
    background: #0000003d;
    border: 1px solid rgba(255,255,255,.1);
    color: #ffffffb8;
    font-size: 12px;
    padding: 8px 10px
}

.mr-payment-screenshot__evidence summary {
    color: #ffe079;
    cursor: pointer;
    font-weight: 800
}

.mr-payment-screenshot__evidence ul {
    margin: 8px 0 0;
    padding-left: 16px
}

.mr-withdrawal-upi,.mr-withdrawal-methods {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mr-withdrawal-methods__row {
    display: grid;
    grid-template-columns: minmax(0,1fr) 38px 38px;
    gap: 8px;
    align-items: end
}

.mr-withdrawal-methods__select {
    min-width: 0
}

.mr-withdrawal-methods__add,.mr-withdrawal-methods__add-small,.mr-withdrawal-methods__icon {
    border: 1px solid rgba(255,215,0,.32);
    border-radius: 8px;
    background: #ffd7001a;
    color: #ffe079;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900
}

.mr-withdrawal-methods__add {
    min-height: 42px;
    gap: 8px;
    width: 100%
}

.mr-withdrawal-methods__add-small,.mr-withdrawal-methods__icon {
    height: 38px;
    width: 38px
}

.mr-withdrawal-methods__icon {
    border-color: #ff5c5c5c;
    background: #ff5c5c1a;
    color: #ffb4b4
}

.mr-withdrawal-methods__icon:disabled {
    cursor: not-allowed;
    opacity: .55
}

.mr-withdrawal-methods__preview {
    border: 1px solid rgba(255,215,0,.22);
    border-radius: 8px;
    background: #ffffff0f;
    color: #ffffffc7;
    padding: 10px
}

.mr-withdrawal-methods__preview span {
    display: block;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase
}

.mr-withdrawal-methods__preview strong {
    color: #ffe079;
    display: block;
    font-size: 15px;
    overflow-wrap: anywhere
}

.mr-withdrawal-methods__preview small {
    color: #fff9;
    display: block;
    font-size: 12px;
    margin-top: 2px
}

.mr-withdrawal-method-modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    border-radius: 14px;
    background: #000000a8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px
}

.mr-withdrawal-method-modal {
    width: min(100%,420px);
    max-height: 100%;
    overflow-y: auto;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 10px;
    background: #151923;
    box-shadow: 0 18px 48px #00000073;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px
}

.mr-withdrawal-method-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.mr-withdrawal-method-modal__header h2 {
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    margin: 0
}

.mr-withdrawal-bank-form {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mr-private-on-blur-input {
    display: block;
    position: relative
}

.mr-private-on-blur-input input {
    color: transparent;
    caret-color: #fff;
    position: relative;
    z-index: 1
}

.mr-private-on-blur-input.is-focused input {
    color: #fff
}

.mr-private-on-blur-input input::-moz-placeholder {
    color: #ffffff61
}

.mr-private-on-blur-input input::placeholder {
    color: #ffffff61
}

.mr-private-on-blur-input>span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    color: #fff;
    display: flex;
    align-items: center;
    min-width: 0;
    overflow: hidden;
    padding: 10px 12px;
    white-space: nowrap
}

.mr-withdrawal-method-modal__otp {
    border-top: 1px solid rgba(255,255,255,.1);
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 10px
}

.mr-withdrawal-method-modal__otp>button {
    min-height: 38px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg,#ffe36d,#d99800);
    color: #130d04;
    cursor: pointer;
    font-size: 13px;
    font-weight: 900;
    padding: 8px 12px
}

.mr-withdrawal-method-modal__otp>button:disabled {
    cursor: not-allowed;
    opacity: .6
}

.mr-withdrawal-upi__saved,.mr-withdrawal-upi__confirm {
    border: 1px solid rgba(255,215,0,.22);
    border-radius: 8px;
    background: #ffffff0f;
    color: #ffffffc7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px
}

.mr-withdrawal-upi__saved>div,.mr-withdrawal-upi__confirm {
    min-width: 0
}

.mr-withdrawal-upi__saved span,.mr-withdrawal-upi__confirm span {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase
}

.mr-withdrawal-upi__saved strong,.mr-withdrawal-upi__confirm strong {
    color: #ffe079;
    display: block;
    font-size: 15px;
    overflow-wrap: anywhere
}

.mr-withdrawal-upi__saved small,.mr-withdrawal-upi__confirm small {
    color: #fff9;
    display: block;
    font-size: 12px;
    margin-top: 2px
}

.mr-withdrawal-upi__icon,.mr-withdrawal-upi__link {
    border: 0;
    background: transparent;
    color: #ffe079;
    cursor: pointer;
    font-weight: 900
}

.mr-withdrawal-upi__icon {
    align-items: center;
    border: 1px solid rgba(255,215,0,.24);
    border-radius: 8px;
    display: inline-flex;
    flex: 0 0 auto;
    height: 34px;
    justify-content: center;
    width: 34px
}

.mr-withdrawal-upi__capture,.mr-withdrawal-upi__manual {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mr-withdrawal-upi__link {
    align-self: flex-start;
    font-size: 12px;
    padding: 2px 0;
    text-decoration: underline
}

.mr-withdrawal-upi__confirm {
    align-items: flex-start;
    flex-direction: column
}

.mr-withdrawal-upi__confirm button,.mr-withdrawal-upi__manual button {
    min-height: 36px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg,#ffe36d,#d99800);
    color: #130d04;
    cursor: pointer;
    font-size: 13px;
    font-weight: 900;
    padding: 8px 12px
}

.mr-withdrawal-upi__confirm button:disabled,.mr-withdrawal-upi__manual button:disabled {
    cursor: not-allowed;
    opacity: .6
}

.mr-empty-state {
    border: 1px dashed rgba(255,255,255,.18);
    border-radius: 8px;
    color: #ffffffad;
    font-size: 13px;
    padding: 14px 10px;
    text-align: center
}

.mr-pending-list,.mr-statement-groups {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mr-pending-row {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    background: #ffffff12;
    padding: 9px 10px
}

.mr-pending-row__meta,.mr-pending-row__sub {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px
}

.mr-pending-row__meta strong {
    min-width: 0;
    color: #fff;
    font-size: 13px;
    overflow-wrap: anywhere;
    text-align: left
}

.mr-pending-row__meta span {
    color: gold;
    flex: 0 0 auto;
    font-weight: 800
}

.mr-pending-row__sub {
    color: #ffffff94;
    font-size: 12px;
    margin-top: 7px
}

.mr-statement-panel {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    overflow-y: auto
}

.mr-statement-filters {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px
}

.mr-statement-filters label {
    min-width: 0;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 8px;
    background: #ffffff12;
    color: #ffffffc7;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 800;
    min-height: 32px;
    padding: 0 8px
}

.mr-statement-filters input {
    accent-color: #ffd700;
    flex: 0 0 auto
}

.mr-statement-date {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    background: #ffffff0e;
    overflow: hidden
}

.mr-statement-date__header {
    width: 100%;
    min-height: 38px;
    border: 0;
    background: #ffffff14;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 800;
    padding: 0 12px;
    text-align: left
}

.mr-statement-date__header strong {
    color: #ffd700eb;
    font-size: 12px
}

.mr-statement-entries {
    display: flex;
    flex-direction: column
}

.mr-statement-row {
    display: grid;
    grid-template-columns: 48px minmax(0,1fr) minmax(78px,auto) minmax(84px,auto) 18px;
    gap: 8px;
    width: 100%;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.1);
    background: transparent;
    color: inherit;
    align-items: center;
    min-height: 40px;
    padding: 7px 10px;
    font-size: 12px;
    font-family: inherit;
    text-align: left
}

.mr-statement-row.is-selectable {
    grid-template-columns: 28px 48px minmax(0,1fr) minmax(78px,auto) minmax(84px,auto) 18px
}

.mr-statement-row__select {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px
}

.mr-statement-row__select input {
    width: 16px;
    height: 16px;
    accent-color: #ffd700
}

button.mr-statement-row,button.mr-statement-row:hover,.mr-statement-row[role=button] {
    cursor: pointer
}

button.mr-statement-row:hover,.mr-statement-row[role=button]:hover {
    background: #ffffff0b
}

.mr-statement-row__time {
    color: #ffffff9e
}

.mr-statement-row__description {
    min-width: 0;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mr-statement-row__amount-cell,.mr-statement-row__balance {
    text-align: right;
    white-space: nowrap
}

.mr-statement-row__amount-cell {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0
}

.mr-statement-row__amount {
    font-weight: 900
}

.mr-statement-row__play {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(255,215,0,.78);
    border-radius: 999px;
    color: gold;
    text-decoration: none
}

.mr-statement-row__play:hover {
    background: #ffd70024
}

.mr-statement-row__balance {
    color: #e3c64d;
    font-weight: 900
}

.mr-statement-row__expand {
    display: inline-flex;
    justify-content: flex-end;
    color: #ffd700d1;
    transition: transform .16s ease
}

.mr-statement-row-shell.is-expanded .mr-statement-row__expand {
    transform: rotate(180deg)
}

.mr-statement-row__amount.is-positive {
    color: #63efa0
}

.mr-statement-row__amount.is-negative {
    color: #ff7380
}

.mr-statement-row-detail {
    display: grid;
    gap: 6px;
    padding: 8px 10px 10px 58px;
    border-top: 1px solid rgba(255,255,255,.07);
    background: #0000002e;
    font-size: 11px
}

.mr-statement-row-detail.is-selectable {
    padding-left: 86px
}

.mr-statement-row-detail div {
    display: flex;
    gap: 10px;
    justify-content: space-between
}

.mr-statement-row-detail span {
    color: #ffffff94
}

.mr-statement-row-detail strong {
    min-width: 0;
    color: #ffffffe6;
    text-align: right;
    overflow-wrap: anywhere
}

.mr-money-instructions {
    display: grid;
    gap: 10px
}

.mr-money-qr-box {
    width: min(100%,220px);
    aspect-ratio: 1;
    justify-self: center;
    border-radius: 8px;
    background: #ffffff14;
    border: 1px solid rgba(255,255,255,.14);
    display: grid;
    place-items: center;
    overflow: hidden;
    position: relative
}

.mr-money-qr-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.mr-money-qr-box img.is-loading {
    opacity: 0
}

.mr-money-qr-loading {
    color: #ffffffd1;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .02em;
    position: absolute
}

.mr-money-instructions ul {
    margin: 0;
    padding-left: 18px;
    color: #ffffffc7;
    font-size: 13px;
    line-height: 1.35
}

.mr-money-instructions--text {
    border-radius: 8px;
    background: #ffffff12;
    border: 1px solid rgba(255,255,255,.12);
    padding: 9px 10px
}

.mr-success-dialog {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 34px 22px 22px
}

.mr-success-dialog p {
    margin: 12px 0 20px;
    color: #ffffffc7
}

.mr-success-fireworks {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.mr-success-fireworks span {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: gold;
    animation: mr-firework 1.15s ease-out infinite;
    box-shadow: 0 -42px #22c55e,30px -30px #38bdf8,42px 0 #f97316,30px 30px #ec4899,0 42px #a78bfa,-30px 30px #facc15,-42px 0 #34d399,-30px -30px #fb7185
}

.mr-success-fireworks span:nth-child(1) {
    top: 34%;
    left: 26%
}

.mr-success-fireworks span:nth-child(2) {
    top: 24%;
    right: 24%;
    animation-delay: .24s
}

.mr-success-fireworks span:nth-child(3) {
    top: 54%;
    left: 50%;
    animation-delay: .48s
}

.rn-profile-sheet-backdrop,.rn-profile-selector-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background: #000000ad;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0;
    animation: rn-profile-backdrop-fade-in .16s ease-out
}

.rn-profile-selector-backdrop {
    z-index: 1200
}

.rn-profile-sheet,.rn-profile-selector {
    width: min(520px,100%);
    max-height: min(620px,calc(100dvh - 18px));
    border: 1px solid rgba(198,167,93,.45);
    border-radius: 18px 18px 0 0;
    background: radial-gradient(circle at top,rgba(116,84,24,.18),transparent 42%),#090909;
    color: #fff;
    box-shadow: 0 -18px 54px #00000080;
    padding: 14px;
    padding-bottom: calc(14px + env(safe-area-inset-bottom,0px));
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow: hidden;
    animation: mr-account-sheet-slide-up .24s cubic-bezier(.2,.8,.2,1)
}

.rn-profile-selector {
    height: min(820px,calc(100dvh - 18px));
    max-height: min(820px,calc(100dvh - 18px))
}

.rn-profile-sheet__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}

.rn-profile-sheet__header h2 {
    margin: 0;
    color: #f7e8c6;
    font-size: 18px;
    line-height: 1.2
}

.rn-profile-sheet__icon-btn {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    border: 1px solid rgba(198,167,93,.34);
    background: #ffffff0f;
    color: #f7e8c6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.rn-profile-sheet__avatar {
    width: 96px;
    height: 96px;
    align-self: center;
    border-radius: 999px;
    border: 2px solid rgba(255,215,0,.55);
    background: #ffffff0f;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 10px 24px #00000059
}

.rn-profile-sheet__avatar span,.rn-profile-selector__item span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat
}

.rn-profile-sheet__field {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: #ffffffb8;
    font-size: 13px;
    font-weight: 800
}

.rn-profile-sheet__field input {
    min-height: 42px;
    border-radius: 9px;
    border: 1px solid rgba(198,167,93,.34);
    background: #ffffff14;
    color: #fff;
    padding: 10px 12px;
    font: inherit;
    font-size: 16px;
    outline: none
}

.rn-profile-sheet__field input:focus {
    border-color: #ffd700ad
}

.rn-profile-sheet__error {
    border-radius: 9px;
    border: 1px solid rgba(255,76,76,.42);
    background: #ff4c4c1f;
    color: #ffb9b9;
    padding: 10px 12px;
    font-size: 13px
}

.rn-profile-sheet__actions {
    display: flex
}

.rn-profile-sheet__actions button {
    flex: 1 1 auto;
    min-height: 42px;
    border-radius: 9px;
    border: 1px solid rgba(198,167,93,.38);
    background: linear-gradient(180deg,#ffe17a,#f7a91d);
    color: #1a1203;
    font: inherit;
    font-weight: 900;
    cursor: pointer
}

.rn-profile-sheet__actions button:disabled {
    opacity: .56;
    cursor: not-allowed
}

.rn-profile-selector__grid {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,132px));
    justify-content: center;
    align-content: start;
    gap: 18px 22px;
    padding: 4px 6px 12px
}

.rn-profile-selector__item {
    aspect-ratio: 1 / 1;
    width: 100%;
    border-radius: 999px;
    border: 2px solid transparent;
    background: #ffffff0f;
    overflow: hidden;
    padding: 0;
    cursor: pointer
}

.rn-profile-selector__item.is-selected {
    border-color: gold;
    box-shadow: 0 0 0 2px #ffd7002e
}

@keyframes mr-firework {
    0% {
        transform: scale(.05);
        opacity: 0
    }

    18% {
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes mr-account-sheet-slide-up {
    0% {
        opacity: .72;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes rn-profile-backdrop-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rn-side-drawer-slide-in {
    0% {
        opacity: .72;
        transform: translate(-100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@media (prefers-reduced-motion: reduce) {
    .mr-account-modal--wallet,.rn-side-drawer-backdrop,.rn-side-drawer,.rn-profile-sheet-backdrop,.rn-profile-selector-backdrop,.rn-profile-sheet,.rn-profile-selector {
        animation: none
    }
}

@media (max-width: 520px) {
    .game-topbar__left {
        padding-left:10px
    }

    .game-topbar__right {
        padding-right: 10px
    }

    .game-topbar__mr-name,.game-topbar__mr-balance {
        max-width: 44vw;
        padding: 6px 9px;
        font-size: 13px
    }

    .game-topbar__mr-admin {
        width: 34px;
        max-width: 34px;
        padding: 0
    }

    .mr-success-backdrop {
        align-items: stretch;
        padding: 8px
    }

    .mr-account-modal-backdrop {
        align-items: flex-end;
        padding: 0
    }

    .mr-account-modal {
        height: calc(100dvh - 10px);
        max-height: calc(100dvh - 10px)
    }

    .mr-account-split {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .mr-statement-row {
        grid-template-columns: 38px minmax(54px,1fr) minmax(58px,auto) minmax(70px,auto) 16px;
        gap: 6px;
        padding: 7px 8px;
        font-size: 11px
    }

    .mr-statement-row.is-selectable {
        grid-template-columns: 24px 38px minmax(54px,1fr) minmax(58px,auto) minmax(70px,auto) 16px
    }

    .mr-statement-row-detail {
        padding-left: 46px
    }

    .mr-statement-row-detail.is-selectable {
        padding-left: 70px
    }

    .rn-profile-selector__grid {
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 12px;
        padding: 2px 2px 12px
    }
}

.game-topbar--classic {
    background: #222;
    color: #fff
}

.game-topbar--rouge {
    background: linear-gradient(90deg,#2d0a0a,#8b1538);
    color: #d4af37;
    border-bottom: 2px solid #D4AF37
}

.game-topbar--rouge .game-topbar__back {
    border-color: #d4af378c
}

.game-topbar--rouge .game-topbar__balance {
    border-color: #d4af378c;
    color: #d4af37
}

.bet-slip-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000080;
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box
}

.bet-slip-popup {
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    max-width: 400px;
    max-height: calc(100% - 20px);
    box-shadow: 0 4px 20px #0000004d;
    display: flex;
    flex-direction: column;
    font-family: Verdana,Geneva,sans-serif;
    overflow: hidden
}

.bet-slip-inline-shell {
    width: 100%;
    position: relative;
    z-index: 8
}

.bet-slip-popup--inline {
    max-width: none;
    max-height: none;
    border-radius: 14px;
    box-shadow: 0 16px 32px #0f172a2e;
    border: 1px solid rgba(18,71,126,.14);
    overflow: visible
}

.bet-slip-popup--inline.bet-slip-popup--back {
    box-shadow: 0 16px 32px #1f5f8b38
}

.bet-slip-popup--inline.bet-slip-popup--lay {
    box-shadow: 0 16px 32px #8f223638
}

.bet-slip-popup--back,.bet-slip-popup--lay {
    background-color: #fff;
    color: #1f2937;
    border: 1px solid rgba(18,71,126,.14)
}

.bet-slip-popup--back .bet-slip-header {
    background: linear-gradient(135deg,#1a64af,#12477e);
    color: #fff
}

.bet-slip-popup--lay .bet-slip-header {
    background: linear-gradient(135deg,#c13333,#a02525);
    color: #fff
}

.bet-slip-popup--back .bet-slip-timer,.bet-slip-popup--back .bet-slip-close,.bet-slip-popup--lay .bet-slip-timer,.bet-slip-popup--lay .bet-slip-close {
    color: inherit
}

.bet-slip-popup--back .bet-slip-footer,.bet-slip-popup--lay .bet-slip-footer {
    border-top-color: #e5e7eb;
    background: #fff
}

.bet-slip-popup--back .bet-slip-amount-input,.bet-slip-popup--lay .bet-slip-amount-input {
    border-color: #cbd5e1;
    color: #1f2937;
    -webkit-text-fill-color: #1f2937
}

.bet-slip-popup--back .bet-slip-done-button {
    background: linear-gradient(135deg,#1a64af,#12477e);
    color: #fff;
    box-shadow: 0 8px 18px #12477e38
}

.bet-slip-popup--back .bet-slip-done-button:hover:not(:disabled) {
    background: linear-gradient(135deg,#165795,#0d365e)
}

.bet-slip-popup--lay .bet-slip-done-button {
    background: linear-gradient(135deg,#c13333,#a02525);
    color: #fff;
    box-shadow: 0 8px 18px #a0252538
}

.bet-slip-popup--lay .bet-slip-done-button:hover:not(:disabled) {
    background: linear-gradient(135deg,#b02c2c,#7f1e1e)
}

.bet-slip-popup--back .bet-slip-amount-btn,.bet-slip-popup--lay .bet-slip-amount-btn {
    background-color: #edf2f7;
    border-color: #cbd5e1;
    color: #334155;
    box-shadow: none
}

.bet-slip-popup--back .bet-slip-amount-btn:hover,.bet-slip-popup--lay .bet-slip-amount-btn:hover {
    background-color: #e2e8f0;
    color: #1f2937;
    box-shadow: none
}

.bet-slip-header {
    background-color: #004e92;
    color: #fff;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px 8px 0 0;
    flex-shrink: 0;
    position: relative
}

.bet-slip-cashout-pill {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: min(70%,220px);
    max-width: calc(100% - 120px);
    padding: 7px 14px;
    border-radius: 999px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: none;
    white-space: pre-line;
    text-align: center;
    line-height: 1.1;
    box-shadow: 0 8px 18px #6e5b3333
}

.bet-slip-cashout-pill--inline {
    position: static;
    transform: none;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 10px
}

.bet-slip-cashout-pill--profit,.bet-slip-cashout-pill--loss {
    background: #6e5b33;
    color: #fff
}

.bet-slip-cashout-badge--profit {
    background: #15a34a;
    color: #fff
}

.bet-slip-cashout-badge--loss {
    background: #dc2626;
    color: #fff
}

.bet-slip-popup--back .bet-slip-cashout-badge.bet-slip-cashout-badge--profit,.bet-slip-popup--lay .bet-slip-cashout-badge.bet-slip-cashout-badge--profit {
    background: #15a34a;
    color: #fff
}

.bet-slip-popup--back .bet-slip-cashout-badge.bet-slip-cashout-badge--loss,.bet-slip-popup--lay .bet-slip-cashout-badge.bet-slip-cashout-badge--loss {
    background: #dc2626;
    color: #fff
}

.bet-slip-popup--back .bet-slip-cashout-pill,.bet-slip-popup--lay .bet-slip-cashout-pill {
    background: #6e5b33;
    color: #fff
}

.bet-slip-timer {
    font-size: 24px;
    font-weight: 700;
    color: #fff
}

.bet-slip-timer .timer-warning {
    color: #f44;
    animation: pulse 1s infinite
}

@keyframes pulse {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

.bet-slip-close {
    background: none;
    border: none;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: opacity .2s
}

.bet-slip-close:hover {
    opacity: .7
}

.bet-slip-inline-body {
    padding: 12px 12px 0;
    background: #fff
}

.bet-slip-popup--back .bet-slip-inline-body,.bet-slip-popup--lay .bet-slip-inline-body {
    background: #fff
}

.bet-slip-popup--back .bet-slip-inline-summary,.bet-slip-popup--lay .bet-slip-inline-summary {
    border-radius: 14px;
    padding: 10px;
    border: 1px solid transparent
}

.bet-slip-popup--back .bet-slip-inline-summary {
    background: linear-gradient(180deg,#12477e2e,#12477e14);
    border-color: #12477e47
}

.bet-slip-popup--lay .bet-slip-inline-summary {
    background: linear-gradient(180deg,#a025252e,#a0252514);
    border-color: #a0252547
}

.bet-slip-inline-summary {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.bet-slip-inline-runner-row {
    display: flex;
    align-items: center;
    gap: 10px
}

.bet-slip-inline-runner {
    flex: 1 1 auto;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #dbe3ec;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 800;
    color: #0f1c2e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bet-slip-popup--back .bet-slip-inline-runner,.bet-slip-popup--lay .bet-slip-inline-runner {
    background: #f8fafc;
    border-color: #dbe3ec;
    color: #0f1c2e
}

.bet-slip-inline-meta-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    overflow: hidden
}

.bet-slip-popup--back .bet-slip-inline-meta-row,.bet-slip-popup--lay .bet-slip-inline-meta-row {
    background: transparent;
    border-radius: 0;
    padding: 0
}

.bet-slip-inline-meta-row--session {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 68px
}

.bet-slip-inline-pill {
    flex: 1 1 0;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 999px;
    background: #eef2f7;
    border: 1px solid #d6dee8;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bet-slip-popup--back .bet-slip-inline-pill,.bet-slip-popup--lay .bet-slip-inline-pill {
    background: #ffffff38;
    border-color: #ffffff4d;
    color: #000
}

.bet-slip-inline-pill--run {
    font-variant-numeric: tabular-nums
}

.bet-slip-inline-rate-inline {
    padding: 10px 12px;
    border-radius: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 900;
    color: #334155;
    background: #eef2f7;
    border: 1px solid #d6dee8
}

.bet-slip-popup--back .bet-slip-inline-rate-inline {
    background: #12477e20;
    border-color: #12477e4d;
    color: #12477e
}

.bet-slip-popup--lay .bet-slip-inline-rate-inline {
    background: #a0252520;
    border-color: #a025254d;
    color: #a02525
}

.bet-slip-inline-rate-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0
}

.bet-slip-inline-rate-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #4b5563
}

.bet-slip-popup--back .bet-slip-inline-rate-label,.bet-slip-popup--lay .bet-slip-inline-rate-label,.bet-slip-popup--back .bet-slip-inline-amount-label,.bet-slip-popup--lay .bet-slip-inline-amount-label,.bet-slip-popup--back .bet-slip-label,.bet-slip-popup--lay .bet-slip-label {
    color: #4b5563
}

.bet-slip-inline-betting-row {
    display: grid;
    grid-template-columns: 74px minmax(0,1fr);
    gap: 10px;
    align-items: end;
    margin-bottom: 4px
}

.bet-slip-inline-amount-inline {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0
}

.bet-slip-inline-amount-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #4b5563
}

.bet-slip-inline-amount-input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 2px solid #cbd5e1;
    background: #fff;
    color: #1f2937;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
    box-sizing: border-box
}

.bet-slip-inline-amount-input:focus {
    outline: none;
    border-color: #94a3b8
}

.bet-slip-popup--back .bet-slip-inline-amount-input,.bet-slip-popup--lay .bet-slip-inline-amount-input {
    background: #fff;
    border-color: #cbd5e1;
    color: #1f2937
}

.bet-slip-popup--back .bet-slip-inline-amount-input:focus,.bet-slip-popup--lay .bet-slip-inline-amount-input:focus {
    border-color: #94a3b8
}

.bet-slip-inline-note {
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f8fafc;
    color: #334155;
    font-size: 13px;
    font-weight: 600
}

.bet-slip-scrollable {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.bet-slip-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.bet-slip-popup--back .bet-slip-content,.bet-slip-popup--lay .bet-slip-content {
    background: #fff
}

.bet-slip-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e5e7eb
}

.bet-slip-popup--back .bet-slip-row,.bet-slip-popup--lay .bet-slip-row {
    border-bottom-color: #e5e7eb
}

.bet-slip-row:last-child {
    border-bottom: none
}

.bet-slip-label {
    font-weight: 700;
    color: #334155;
    font-size: 14px
}

.bet-slip-popup--back .bet-slip-value,.bet-slip-popup--lay .bet-slip-value {
    color: #1f2937
}

.bet-slip-value {
    font-weight: 700;
    color: #1f2937;
    font-size: 14px
}

.bet-slip-footer {
    padding: 20px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.bet-slip-popup--back .bet-slip-footer,.bet-slip-popup--lay .bet-slip-footer {
    background: #fff
}

.bet-slip-popup--inline .bet-slip-footer {
    padding: 6px 12px 12px;
    border-top-width: 1px;
    gap: 10px;
    margin-top: 6px;
    background: #fff
}

.bet-slip-popup--back.bet-slip-popup--inline .bet-slip-footer,.bet-slip-popup--lay.bet-slip-popup--inline .bet-slip-footer {
    background: #fff;
    border-top-color: #e5e7eb
}

.bet-slip-amount-section {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.bet-slip-amount-label {
    font-weight: 700;
    color: #334155;
    font-size: 14px
}

.bet-slip-popup--back .bet-slip-amount-label,.bet-slip-popup--lay .bet-slip-amount-label {
    color: #334155
}

.bet-slip-amount-input {
    width: 100%;
    padding: 10px;
    border: 2px solid #cbd5e1;
    border-radius: 4px;
    background-color: #fff;
    color: #1f2937;
    -webkit-text-fill-color: #1f2937;
    font-size: 16px;
    font-weight: 700;
    font-family: Verdana,Geneva,sans-serif;
    text-align: center
}

.bet-slip-amount-input::-moz-placeholder {
    color: #6b7280
}

.bet-slip-amount-input::placeholder {
    color: #6b7280
}

.bet-slip-amount-input:focus {
    outline: none;
    border-color: #94a3b8
}

.bet-slip-popup--back .bet-slip-amount-input,.bet-slip-popup--lay .bet-slip-amount-input {
    background-color: #fff;
    border-color: #cbd5e1;
    color: #1f2937;
    -webkit-text-fill-color: #1f2937
}

.bet-slip-popup--back .bet-slip-amount-input:focus,.bet-slip-popup--lay .bet-slip-amount-input:focus {
    border-color: #94a3b8
}

.bet-slip-done-button {
    width: 100%;
    padding: 12px;
    background-color: #004e92;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    font-family: Verdana,Geneva,sans-serif;
    cursor: pointer;
    transition: background-color .2s
}

.bet-slip-done-button:hover:not(:disabled) {
    background-color: #06c
}

.bet-slip-popup--back .bet-slip-done-button:hover:not(:disabled) {
    background-color: #0d365e
}

.bet-slip-popup--lay .bet-slip-done-button:hover:not(:disabled) {
    background-color: #7f1e1e
}

.bet-slip-done-button:disabled {
    opacity: .5;
    cursor: not-allowed
}

.bet-slip-done-button--back {
    background: linear-gradient(135deg,#1a64af,#12477e);
    box-shadow: 0 8px 18px #12477e38
}

.bet-slip-done-button--back:hover:not(:disabled) {
    background: linear-gradient(135deg,#165795,#0d365e)
}

.bet-slip-done-button--lay {
    background: linear-gradient(135deg,#c13333,#a02525);
    box-shadow: 0 8px 18px #a0252538
}

.bet-slip-done-button--lay:hover:not(:disabled) {
    background: linear-gradient(135deg,#b02c2c,#7f1e1e)
}

.bet-slip-amount-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px
}

.bet-slip-popup--inline .bet-slip-amount-buttons {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 6px
}

.bet-slip-amount-btn {
    flex: 1 1 calc(25% - 6px);
    min-width: 60px;
    padding: 8px 4px;
    background-color: #edf2f7;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    font-family: Verdana,Geneva,sans-serif;
    color: #334155;
    cursor: pointer;
    transition: all .2s
}

.bet-slip-amount-btn:hover {
    background-color: #e2e8f0;
    color: #1f2937
}

.bet-slip-amount-btn:disabled {
    cursor: not-allowed;
    opacity: .42;
    filter: grayscale(.35)
}

.bet-slip-amount-btn:disabled:hover {
    background-color: #edf2f7;
    color: #334155
}

.bet-slip-amount-btn:active {
    transform: scale(.95)
}

.bet-slip-popup--back .bet-slip-amount-btn,.bet-slip-popup--lay .bet-slip-amount-btn {
    background-color: #edf2f7;
    border-color: #cbd5e1;
    color: #334155
}

.bet-slip-popup--back .bet-slip-amount-btn:hover,.bet-slip-popup--lay .bet-slip-amount-btn:hover {
    background-color: #e2e8f0;
    color: #1f2937
}

.bet-slip-action-row {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 8px
}

.bet-slip-cancel-button {
    flex: 1 1 0;
    padding: 13px 10px;
    border: 1px solid #97aec5;
    border-radius: 10px;
    background: #edf3f8;
    color: #163a55;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer
}

.bet-slip-popup--inline .bet-slip-cancel-button {
    flex: 1 1 0;
    padding-right: 28px
}

.bet-slip-cancel-button:hover {
    background: #dbe6f1
}

.bet-slip-popup--inline .bet-slip-done-button {
    flex: 1 1 0;
    padding-left: 28px;
    position: relative
}

.bet-slip-timer-badge {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #102235;
    background: #102235;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 14px #0f172a33;
    pointer-events: none;
    z-index: 2
}

.bet-slip-timer-badge--inline {
    position: static;
    transform: none;
    flex: 0 0 40px
}

.bet-slip-timer-badge .timer-warning {
    color: #fca5a5;
    animation: pulse 1s infinite
}

.bet-slip-popup--inline .bet-slip-done-button {
    background: linear-gradient(135deg,#1f5f8b,#174a6b);
    color: #fff;
    border-radius: 10px;
    border: 1px solid #174a6b;
    box-shadow: 0 8px 18px #1f5f8b38
}

.bet-slip-popup--inline .bet-slip-done-button:hover:not(:disabled) {
    background: linear-gradient(135deg,#1b557c,#133d59)
}

.bet-slip-popup--inline .bet-slip-done-button--back {
    background: linear-gradient(135deg,#1a64af,#12477e);
    border: 1px solid #12477e
}

.bet-slip-popup--inline .bet-slip-done-button--back:hover:not(:disabled) {
    background: linear-gradient(135deg,#165795,#0d365e)
}

.bet-slip-popup--inline .bet-slip-done-button--lay {
    background: linear-gradient(135deg,#c13333,#a02525);
    border: 1px solid #a02525
}

.bet-slip-popup--inline .bet-slip-done-button--lay:hover:not(:disabled) {
    background: linear-gradient(135deg,#b02c2c,#7f1e1e)
}

.classic-inline-bet-slip-row td,.classic-inline-bet-slip-cell {
    padding: 0!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom: none!important;
    background: transparent!important
}

.classic-inline-bet-slip-row td {
    padding: 8px 6px 10px!important
}

.classic-theme.teenpatti-page .bet-slip-inline-shell {
    width: min(100%,430px)
}

.classic-theme.teenpatti-page .bet-slip-popup--inline {
    width: 100%
}

.classic-theme.teenpatti-page .bet-slip-overlay {
    z-index: 10000;
    padding: 14px
}

.classic-match-link-button,
.classic-match-card-button {
    width: 100%;
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer
}

.classic-match-card-button {
    display: block;
    text-align: inherit
}

.classic-inline-focus-wash {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0f172a00;
    pointer-events: none;
    z-index: 6
}

.classic-selected-odds-row td {
    position: relative;
    background: #f7fbff
}

.classic-selected-odds-row td.team-cell,.classic-selected-odds-row td.session-cell {
    background: linear-gradient(180deg,#fefefe,#eef5fb)
}

.classic-selected-odds-row td.match-odds-cell-group,.classic-selected-odds-row td.center {
    background: linear-gradient(180deg,#f8fbff,#eef5fb)
}

.classic-selected-odds-row {
    position: relative;
    z-index: 7;
    box-shadow: inset 0 0 0 1px #12477e14
}

@media (max-width: 540px) {
    .bet-slip-inline-runner-row {
        align-items:flex-start
    }

    .bet-slip-inline-meta-row {
        flex-wrap: wrap
    }

    .bet-slip-inline-meta-row--session {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr) 52px
    }

    .bet-slip-inline-pill {
        flex-basis: calc(50% - 3px)
    }

    .bet-slip-inline-betting-row {
        grid-template-columns: 64px minmax(0,1fr)
    }

    .bet-slip-inline-amount-inline {
        width: auto
    }

    .bet-slip-action-row {
        gap: 8px
    }

    .bet-slip-popup--inline .bet-slip-cancel-button,.bet-slip-popup--inline .bet-slip-done-button {
        padding-left: 18px;
        padding-right: 18px
    }
}

.toast {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translate(-50%);
    background: linear-gradient(135deg,#2563ebf5,#1e40aff0);
    border: 1px solid rgba(96,165,250,.5);
    color: #fff;
    padding: 16px 24px;
    border-radius: 4px;
    box-shadow: 0 10px 24px #2563eb47;
    z-index: 10000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 14px;
    font-weight: 700;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.toast-visible {
    opacity: 1
}

.toast-content {
    display: flex;
    align-items: center;
    justify-content: center
}

.rn-support-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1200;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: #0a101c75
}

.rn-support-sheet {
    position: relative;
    width: min(100%,520px);
    max-height: 86vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 18px 18px 0 0;
    background: #f8fafc;
    color: #182032;
    box-shadow: 0 -16px 42px #0f172a3d
}

.rn-support-sheet--statement-picker {
    height: 75vh;
    max-height: 75vh
}

.rn-support-sheet__header {
    display: grid;
    grid-template-columns: 64px 1fr 64px;
    align-items: center;
    gap: 8px;
    padding: 14px 16px;
    border-bottom: 1px solid #e2e8f0;
    background: #fff
}

.rn-support-sheet__header h2 {
    margin: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 800
}

.rn-support-sheet__back {
    min-height: 36px;
    border: 0;
    background: transparent;
    color: #1f2937;
    font: inherit;
    font-weight: 700
}

.rn-support-alert {
    margin: 12px 16px 0;
    padding: 10px 12px;
    border-radius: 8px;
    background: #fee2e2;
    color: #991b1b;
    font-size: 13px
}

.rn-support-tabs {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 6px;
    padding: 12px 12px 0;
    background: #fff
}

.rn-support-tabs button {
    min-height: 38px;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #f8fafc;
    color: #475569;
    font-size: 13px;
    font-weight: 800
}

.rn-support-tabs button.active {
    border-color: #2563eb;
    background: #dbeafe;
    color: #1d4ed8
}

.rn-support-sheet__body,.rn-support-ticket,.rn-support-form {
    min-height: 320px;
    overflow: auto;
    padding: 16px
}

.rn-support-empty {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 220px;
    color: #64748b;
    text-align: center;
    font-size: 14px
}

.rn-support-empty button,.rn-support-form button[type=submit],.rn-support-reply button {
    min-height: 42px;
    border: 0;
    border-radius: 8px;
    background: #2563eb;
    color: #fff;
    padding: 0 16px;
    font-weight: 800
}

.rn-support-ticket-list {
    display: grid;
    gap: 10px
}

.rn-support-ticket-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    min-height: 72px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    padding: 12px;
    text-align: left
}

.rn-support-ticket-row span {
    min-width: 0;
    display: grid;
    gap: 4px
}

.rn-support-ticket-row strong {
    font-size: 14px;
    color: #111827
}

.rn-support-ticket-row small {
    overflow: hidden;
    color: #64748b;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rn-support-ticket-row em {
    color: #2563eb;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase
}

.rn-support-form {
    display: grid;
    align-content: start;
    gap: 14px
}

.rn-support-form label,.rn-support-reply {
    display: grid;
    gap: 8px
}

.rn-support-form label span {
    color: #334155;
    font-size: 13px;
    font-weight: 800
}

.rn-support-form textarea,.rn-support-reply textarea {
    width: 100%;
    resize: vertical;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #111827;
    padding: 10px 12px;
    font: inherit
}

.rn-support-secondary {
    min-height: 42px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #1f2937;
    font-weight: 800
}

.rn-support-messages {
    display: grid;
    gap: 10px;
    padding-bottom: 14px
}

.rn-support-message {
    width: min(86%,360px);
    display: grid;
    gap: 4px;
    border-radius: 8px;
    padding: 10px 12px
}

.rn-support-message--user {
    justify-self: end;
    background: #dbeafe;
    color: #172554
}

.rn-support-message--admin {
    justify-self: start;
    background: #fff;
    color: #1f2937;
    border: 1px solid #e2e8f0
}

.rn-support-message span {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase
}

.rn-support-message p {
    margin: 0;
    white-space: pre-wrap
}

.rn-support-statement-note {
    display: grid;
    gap: 8px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 800
}

.rn-support-statement-replays {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.rn-support-statement-replays a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #1d4ed8;
    border-radius: 999px;
    color: #1d4ed8;
    padding: 4px 8px;
    text-decoration: none
}

.rn-support-contact {
    display: grid;
    gap: 10px
}

.rn-support-contact a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    color: #1f2937;
    padding: 0 14px;
    text-decoration: none;
    font-weight: 800
}

.rn-support-picker {
    position: absolute;
    top: 48px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    background: #f8fafc
}

.rn-support-picker header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #e2e8f0;
    background: #fff
}

.rn-support-picker h3 {
    margin: 0;
    font-size: 16px
}

.rn-support-picker header button {
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    color: #1f2937
}

.rn-support-picker__body {
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto;
    padding: 12px 16px
}

.rn-support-picker .mr-statement-panel {
    height: 100%;
    overflow: visible
}

.rn-support-picker .mr-statement-filters label,.rn-support-picker .mr-statement-date,.rn-support-picker .mr-statement-date__header,.rn-support-picker .mr-statement-row,.rn-support-picker .mr-statement-row-detail {
    border-color: #e2e8f0;
    background: #fff;
    color: #1f2937
}

.rn-support-picker .mr-statement-date__header {
    background: #f8fafc
}

.rn-support-picker .mr-statement-filters label,.rn-support-picker .mr-statement-row__description,.rn-support-picker .mr-statement-row-detail strong {
    color: #111827
}

.rn-support-picker .mr-statement-row__time,.rn-support-picker .mr-statement-row-detail span {
    color: #64748b
}

.rn-support-picker .mr-statement-row__balance,.rn-support-picker .mr-statement-date__header strong,.rn-support-picker .mr-statement-row__expand {
    color: #1d4ed8
}

.rn-support-picker .mr-statement-row__play {
    border-color: #1d4ed8;
    color: #1d4ed8
}

.rn-support-picker .mr-statement-row__amount.is-negative {
    color: #dc2626
}

.rn-support-picker .mr-statement-row__amount.is-positive {
    color: #16a34a
}

.rn-support-picker__footer {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid #e2e8f0;
    background: #fff;
    padding: 12px 16px;
    box-shadow: 0 -10px 24px #0f172a14
}

.rn-support-picker__footer span {
    color: #475569;
    font-size: 14px;
    font-weight: 800
}

.rn-support-picker__footer button {
    min-height: 42px;
    border: 0;
    border-radius: 8px;
    background: #2563eb;
    color: #fff;
    padding: 0 18px;
    font-weight: 800
}

.classic-theme.casino-page .game-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 10px 4px;
    background-color: #fff
}

.classic-theme.casino-page .game-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.classic-theme.casino-page .game-tile img {
    width: 224px;
    height: 224px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: transform .3s;
    border-radius: 16px
}

.classic-theme.casino-page .game-tile img:hover {
    transform: scale(1.05)
}

.classic-theme.casino-page .GameList {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-top: 4px
}

.classic-theme.casino-page .GameList a {
    color: #000;
    text-decoration: none;
    transition: color .3s
}

.classic-theme.casino-page .GameList a:hover {
    color: #004e92
}

.classic-theme.casino-page .content_bottom {
    clear: both;
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .classic-theme.casino-page .game-tile img {
        width:160px;
        height: 160px
    }

    .classic-theme.casino-page .GameList {
        font-size: 14px
    }
}

@media screen and (max-width: 480px) {
    .classic-theme.casino-page .game-tile img {
        width:140px;
        height: 140px
    }

    .classic-theme.casino-page .GameList {
        font-size: 12px
    }
}

.complete-bets-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000080;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.complete-bets-modal {
    background-color: #fff;
    border-radius: 8px;
    width: 95%;
    max-width: 1000px;
    max-height: 80vh;
    box-shadow: 0 4px 20px #0000004d;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.complete-bets-header {
    background: #1a365d;
    color: #fff;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 16px
}

.complete-bets-header .close-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: opacity .2s
}

.complete-bets-header .close-btn:hover {
    opacity: .8
}

.complete-bets-body {
    padding: 0;
    overflow-y: auto;
    flex: 1;
    color: #333
}

.complete-bets-summary {
    display: flex;
    gap: 30px;
    padding: 15px 20px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee
}

.complete-bets-summary .summary-item {
    display: flex;
    gap: 8px;
    align-items: center
}

.complete-bets-summary .summary-label {
    font-weight: 600;
    color: #333;
    font-size: 14px
}

.complete-bets-summary .summary-value {
    font-weight: 700;
    font-size: 14px
}

.complete-bets-summary .summary-value.prof-loss.plus {
    color: #22c55e
}

.complete-bets-summary .summary-value.prof-loss.minus {
    color: #ef4444
}

.complete-bets-table {
    width: 100%;
    border-collapse: collapse
}

.complete-bets-table th {
    background-color: #f5f5f5;
    color: #333;
    padding: 12px 10px;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    position: sticky;
    top: 0;
    border-bottom: 2px solid #ddd
}

.complete-bets-table td {
    padding: 12px 10px;
    font-size: 13px;
    border-bottom: 1px solid #eee;
    color: #333
}

.complete-bets-table tbody tr:hover {
    background-color: #f9f9f9
}

.complete-bets-table .prof-loss.plus {
    color: #22c55e;
    font-weight: 600
}

.complete-bets-table .prof-loss.minus {
    color: #ef4444;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .complete-bets-modal {
        width:98%;
        max-height: 90vh
    }

    .complete-bets-table th,.complete-bets-table td {
        padding: 8px 6px;
        font-size: 11px
    }

    .complete-bets-summary {
        flex-direction: column;
        gap: 10px
    }
}

.classic-theme main {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.classic-theme .main-header {
    background: linear-gradient(90deg,#0f1c2e,#1a2a44 60%,#b8914b)!important;
    position: static;
    top: auto;
    z-index: auto;
    border-bottom: 2px solid #b8914b
}

.classic-theme .main-header-table {
    width: 100%;
    border-collapse: collapse
}

.classic-theme .main-header-table td {
    padding: 8px
}

.classic-theme .main-header.has-session-pm .main-header-table td {
    padding-top: 7px;
    padding-bottom: 7px
}

.classic-theme .logo-img {
    max-width: 80px;
    height: auto
}

.classic-theme .FontTextWhite {
    color: #fff
}

.classic-theme .profile_picture_name h1,.classic-theme .profile_picture_name h3 {
    font-size: 1.02em;
    color: #fff;
    margin: 5px 0;
    text-transform: uppercase
}

.classic-theme .main-header.has-session-pm .profile_picture_name h1,.classic-theme .main-header.has-session-pm .profile_picture_name h3 {
    margin: 4px 0
}

.classic-theme .profile_img p {
    font-size: 1.2em;
    color: #fff;
    font-weight: 700;
    line-height: 1.6em;
    margin: 5px 0;
    text-align: center
}

.classic-theme .main-header.has-session-pm .profile_img p {
    margin: 4px 0
}

.classic-theme .profile_picture_name .name-coins {
    font-size: .85em;
    font-weight: 600;
    text-transform: none
}

.classic-theme .profile_img .exposure-value-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    margin-left: 6px;
    background: linear-gradient(180deg,#fff,#e8f1ff);
    color: #004e92;
    border: 1px solid #b7d0f2;
    border-radius: 4px;
    font-weight: 700;
    font-size: .9em;
    text-decoration: none;
    box-shadow: 0 2px #00387540,0 3px 6px #0000002e
}

.classic-theme .header-extra-info p {
    font-size: .65em;
    color: #fff;
    font-weight: 700;
    margin: 2px 0;
    text-align: center
}

.classic-theme .main-header.has-extra-info .profile_img p {
    margin: 2px 0;
    line-height: 1.2em
}

.classic-theme .main-header.has-extra-info .header-extra-info p {
    font-size: 1.2em;
    margin: 2px 0;
    line-height: 1.2em
}

.classic-theme .header-extra-info span {
    font-weight: 700
}

.classic-theme .menu {
    width: 100%
}

.classic-theme .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.classic-theme .navMain li {
    flex: 1
}

.classic-theme .navMain li.active a {
    background-color: #0a203b;
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    overflow: hidden
}

.classic-theme .main-header .menu .navMain li.active a,.classic-theme #tvBtn {
    padding: 0
}

.classic-theme .navMain marquee {
    color: #fff;
    font-size: 14px
}

.classic-theme .header-menu-btn {
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 4px;
    position: relative;
    z-index: 1201;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent
}

.classic-theme .header-menu-btn svg {
    display: block
}

.classic-theme .header-controls {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px
}

.classic-theme .classic-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1100;
    color: #f4f4f4;
    display: flex;
    pointer-events: none
}

.classic-theme .classic-menu.is-open {
    pointer-events: auto
}

.classic-theme .classic-menu-panel {
    position: relative;
    width: 80%;
    height: 100%;
    background: linear-gradient(180deg,#0a203b,#000428);
    display: flex;
    flex-direction: column;
    transform: translate(-100%);
    transition: transform .25s ease;
    z-index: 2
}

.classic-theme .classic-menu.is-open .classic-menu-panel {
    transform: translate(0)
}

.classic-theme .classic-menu-scrim {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    background: #00000073;
    opacity: 0;
    transition: opacity .25s ease;
    z-index: 1
}

.classic-theme .classic-menu.is-open .classic-menu-scrim {
    opacity: 1
}

.classic-theme .classic-menu-header {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    gap: 12px
}

.classic-theme .classic-menu-close {
    background: none;
    border: none;
    color: #f4f4f4;
    padding: 4px;
    cursor: pointer
}

.classic-theme .classic-menu-logo img {
    height: 34px;
    width: auto
}

.classic-theme .classic-menu-links {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 20px 22px;
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.classic-theme .classic-menu-link {
    display: flex;
    align-items: center;
    gap: 14px;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .4px;
    background: none;
    border: none;
    padding: 4px 0;
    cursor: pointer
}

.classic-theme .classic-menu-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.classic-theme .classic-menu-icon img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: .9
}

.classic-theme .classic-menu-icon svg {
    color: currentColor
}

.classic-theme .classic-menu-logout {
    color: #f4f4f4
}

@keyframes classic-scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.classic-theme .marquee-text {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: classic-scroll 20s linear infinite!important
}

.classic-theme .content {
    flex: 1;
    padding: 10px
}

.classic-theme .content_top {
    margin-bottom: 10px
}

.classic-theme .footer {
    background-color: #333;
    color: #fff;
    padding: 1em;
    text-align: center;
    margin-top: auto
}

.classic-theme .footer h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.classic-theme .ButtonYRun,.classic-theme .ButtonL,.classic-theme .ButtonNRun,.classic-theme .ButtonNRate,.classic-theme .ButtonYRate {
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0px solid;
    color: #000;
    border-color: #696 #363 #363 #696;
    height: 15px;
    width: 150px;
    text-align: center;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer
}

.classic-theme .ButtonYRun,.classic-theme .ButtonYRate {
    background-color: #d1ecf1;
    color: #0c5460;
    border-radius: 4px
}

.classic-theme .ButtonL,.classic-theme .ButtonNRun,.classic-theme .ButtonNRate {
    background-color: #f8d7da;
    color: #721c24;
    border-radius: 4px
}

.classic-theme .ButtonNRate,.classic-theme .ButtonYRate {
    width: 100px;
    cursor: not-allowed
}

.classic-theme .ButtonSess {
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0px solid;
    color: #000;
    height: 15px;
    width: 150px;
    text-align: center;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700
}

.classic-theme .FontTextWhite10px {
    color: #fff;
    font-size: 13px;
    font-family: Inter,sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.classic-theme .FontTextBlack10px {
    color: #000;
    font-size: 12px;
    font-family: Inter,sans-serif;
    font-weight: 700
}

.classic-theme .FontTextBlue {
    color: #00f
}

.classic-theme .textTeamHead {
    font-weight: 700
}

.classic-theme .game-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px;
    min-height: 35px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important
}

.classic-theme .game-type,.classic-theme .game-round-id {
    color: #fff;
    text-wrap: nowrap;
    font-size: 12px
}

.classic-theme .odds-table-header {
    width: 100%;
    height: 50px;
    background-color: #b2b2b2;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.classic-theme .label {
    width: 100%;
    height: 50px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.classic-theme .label.lagai {
    border-right: 1px solid rgba(255,255,255,.3)
}

.classic-theme .label.khai {
    border-left: 1px solid rgba(255,255,255,.3)
}

.classic-theme .odds-box {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    position: relative;
    cursor: pointer;
    transition: opacity .2s
}

.classic-theme .odds-box:hover {
    opacity: .8
}

.classic-theme .odds-rate {
    font-size: 15px;
    color: #fff;
    font-weight: 600
}

.classic-theme .odds-box.suspended {
    position: relative;
    cursor: not-allowed!important
}

.classic-theme .odds-box.suspended:after {
    content: "";
    font-family: "Font Awesome 5 Free","Font Awesome 5 Pro",sans-serif;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000b3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px
}

.classic-theme .odds-position {
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px
}

.classic-theme .odds-position.plus {
    color: green
}

.classic-theme .odds-position.minus {
    color: #e91100
}

.classic-theme .last-results-section {
    width: 100%;
    margin-top: 5px
}

.classic-theme .last-result-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    padding: 0 5px
}

.classic-theme .last-result-heading,.classic-theme .last-result-view-all {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize
}

.classic-theme .last-result-container {
    background-color: #a2a2a2;
    padding: 10px 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap
}

.classic-theme .last-result-box {
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: circle();
    color: #fff;
    font-size: 13px;
    margin: 0 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.classic-theme .last-result-box.A {
    background-color: #368011
}

.classic-theme .last-result-box.B {
    background-color: #e91100
}

.classic-theme .last-result-box.D {
    background-color: #22c55e
}

.classic-theme .last-result-box.T {
    background-color: #ef4444
}

.classic-theme .last-result-box.Tie {
    background-color: #f59e0b
}

.classic-theme .bets-table-section {
    width: 95%;
    margin: auto
}

.classic-theme .my-bets-heading {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    height: 35px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.classic-theme .bets-table {
    width: 100%;
    margin-top: 5px;
    background-color: #fff!important
}

.classic-theme .bets-table .table {
    width: 100%!important;
    border-collapse: collapse
}

.classic-theme .bets-table .table td {
    text-align: center!important;
    font-size: 13px!important;
    color: #000;
    font-weight: 700;
    height: 25px;
    padding: 5px;
    border: 1px solid #ddd
}

.classic-theme .bets-table thead {
    height: 35px
}

.classic-theme .bets-table thead tr th {
    padding: 0 10px!important;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    text-wrap: nowrap;
    font-size: 13px;
    border: 1px solid #ddd
}

.classic-theme .see-all-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.classic-theme .see-all-btn {
    color: #fff;
    height: 35px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    border: none;
    outline: none;
    border-radius: 3px;
    padding: 0 15px;
    font-size: 13px;
    cursor: pointer
}

.classic-theme .see-all-btn:hover {
    opacity: .9
}

.classic-theme .back-menu-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    border-bottom: 1px solid #d9d9d9
}

.classic-theme .back-href {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: 500
}

.classic-theme .back-href:hover {
    text-decoration: underline
}

@media screen and (max-width: 768px) {
    .classic-theme .main-header-table {
        font-size:12px
    }

    .classic-theme .profile_picture_name h1,.classic-theme .profile_picture_name h3,.classic-theme .profile_img p,.classic-theme .main-header.has-extra-info .header-extra-info p {
        font-size: 1em
    }
}

.classic-theme.home-page .home-sections {
    background-color: #fff;
    padding: 10px 4px 24px
}

.classic-theme.home-page .home-section {
    max-width: 1040px;
    margin: 0 auto 22px
}

.classic-theme.home-page .home-section+.home-section {
    padding-top: 18px;
    border-top: 1px solid rgba(0,59,120,.16)
}

.classic-theme.home-page .home-section:last-child {
    margin-bottom: 0
}

.classic-theme.home-page .home-section-title {
    margin: 0;
    padding: 8px 5% 2px;
    color: #003b78;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    text-align: left
}

.classic-theme.home-page .game-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    -moz-column-gap: 10%;
    column-gap: 10%;
    row-gap: 20px;
    justify-content: center;
    padding: 10px 5% 14px;
    background-color: white;
    box-sizing: border-box
}

.classic-theme.home-page .game-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.classic-theme.home-page .game-tile img {
    width: 100%;
    aspect-ratio: 1;
    height: auto;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .3s;
    border-radius: 16px
}

.classic-theme.home-page .game-tile-link {
    position: relative;
    display: block;
    width: 100%
}

.classic-theme.home-page .theme-tile-image {
    -o-object-fit: cover;
    object-fit: cover
}

.classic-theme.home-page .roulette-tile-image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.classic-theme.home-page .game-tile img:hover {
    transform: scale(1.05)
}

.classic-theme.home-page .GameList {
    font-size: 27px;
    font-weight: 600;
    line-height: 1;
    margin-top: 4px
}

.classic-theme.home-page .game-tile-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer
}

.classic-theme.home-page .GameList a {
    color: #000;
    text-decoration: none;
    transition: color .3s
}

.classic-theme.home-page .GameList a:hover {
    color: #004e92
}

.classic-theme.home-page .game-name-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #000;
    font-size: 27px;
    font-weight: 600;
    line-height: 1;
    transition: color .3s
}

.classic-theme.home-page .game-name-button:hover {
    color: #004e92
}

.classic-theme.home-page .modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0009;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    animation: classic-home-modal-fade .2s ease-out
}

@keyframes classic-home-modal-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.classic-theme.home-page .modal-content {
    background: linear-gradient(135deg,#fff,#f0f4f8);
    width: 90%;
    max-width: 400px;
    padding: 30px 36px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 20px 60px #0000004d;
    animation: classic-home-modal-slide-up .3s ease-out
}

@keyframes classic-home-modal-slide-up {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.classic-theme.home-page .modal-content h2 {
    margin: 0 0 12px;
    color: #004e92;
    font-size: 24px;
    font-weight: 700
}

.classic-theme.home-page .modal-content p {
    margin: 0 0 24px;
    color: #555;
    font-size: 16px;
    line-height: 1.5
}

.classic-theme.home-page .modal-close-btn {
    background: linear-gradient(90deg,#000428,#004e92);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 40px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer
}

.classic-theme.home-page .modal-close-btn:hover {
    box-shadow: 0 4px 12px #004e9266
}

@media screen and (max-width: 768px) {
    .classic-theme.home-page .home-section-title {
        font-size:20px
    }

    .classic-theme.home-page .game-tile img {
        width: 100%;
        height: auto
    }

    .classic-theme.home-page .GameList,.classic-theme.home-page .game-name-button {
        font-size: 21px
    }
}

@media screen and (min-width: 769px) {
    .classic-theme.home-page .game-grid {
        grid-template-columns:repeat(4,minmax(0,1fr));
        -moz-column-gap: 3%;
        column-gap: 3%
    }
}

@media screen and (max-width: 480px) {
    .classic-theme.home-page .home-sections {
        padding:8px 4px 18px
    }

    .classic-theme.home-page .home-section {
        margin-bottom: 18px
    }

    .classic-theme.home-page .home-section+.home-section {
        padding-top: 14px
    }

    .classic-theme.home-page .home-section-title {
        font-size: 18px
    }

    .classic-theme.home-page .game-tile img {
        width: 100%;
        height: auto
    }

    .classic-theme.home-page .GameList,.classic-theme.home-page .game-name-button {
        font-size: 18px
    }
}

.classic-theme.cricket-page .match-item {
    margin-top: 10px;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 25px #0000001a;
    border: 1px solid rgba(0,0,0,.05);
    position: relative;
    z-index: 5
}

.classic-theme.cricket-page .TeamName {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 14.5px;
    font-weight: 700;
    color: #fff;
    padding: 10px 15px;
    background: #12477e;
    border: none;
    font-family: Roboto,sans-serif;
    text-transform: uppercase;
    letter-spacing: .5px
}

.classic-theme.cricket-page .match-name {
    flex: 1;
    min-width: 0;
    font-weight: 800;
    line-height: 1.3
}

.classic-theme.cricket-page .TeamName a {
    color: #fff;
    text-decoration: none
}

.classic-theme.cricket-page .TeamName a:hover {
    color: #cce5ff;
    text-decoration: underline
}

.classic-theme.cricket-page .profile-details {
    padding: 6px 15px;
    font-family: Roboto,sans-serif;
    overflow: visible
}

.classic-theme.cricket-page .profile-details-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: relative;
    overflow: visible
}

.classic-theme.cricket-page .profile-details-table {
    flex: 1
}

.classic-theme.cricket-page .team-logo {
    flex: 0 0 114px;
    width: 72px;
    height: 58px;
    -o-object-fit: contain;
    object-fit: contain;
    background: transparent;
    border-radius: 8px;
    padding: 0;
    position: relative;
    z-index: 2
}

.classic-theme.cricket-page .team-logo-left {
    margin-right: -14px;
    margin-left: -18px
}

.classic-theme.cricket-page .team-logo-right {
    margin-left: -14px;
    margin-right: -18px
}

.classic-theme.cricket-page .profile-details .GameList {
    font-size: 14px;
    font-weight: 600;
    color: #2c3e50;
    padding: 0;
    text-align: center;
    line-height: 1.8;
    position: relative;
    z-index: 1
}

.classic-theme.cricket-page .profile-details .GameList span {
    font-weight: 800;
    color: #12477e;
    margin-left: 3px
}

.classic-theme.cricket-page .live-indicator {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #0f6;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap
}

.classic-theme.cricket-page .live-dot {
    width: 10px;
    height: 10px;
    background-color: #0f6;
    border-radius: 50%;
    box-shadow: 0 0 8px #00ff66f2,0 0 18px #00ff6680;
    animation: classic-live-pulse 1.5s ease-in-out infinite
}

.classic-theme.cricket-page .classic-empty-state {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 12px 10px
}

.classic-theme.cricket-page .classic-empty-card {
    width: min(100%,420px);
    background: linear-gradient(180deg,#fff,#f7fbff);
    border: 1px solid rgba(18,71,126,.14);
    border-radius: 16px;
    box-shadow: 0 10px 24px #12477e14;
    padding: 26px 20px;
    text-align: center
}

.classic-theme.cricket-page .classic-empty-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 12px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #12477e;
    background: #12477e14
}

.classic-theme.cricket-page .classic-empty-title {
    color: #163e68;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 6px
}

.classic-theme.cricket-page .classic-empty-copy {
    color: #5f6f7d;
    font-size: 13px;
    line-height: 1.5
}

.classic-theme.cricket-page .live-text {
    color: #0f6
}

@keyframes classic-live-pulse {
    0%,to {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 8px #00ff66f2,0 0 18px #00ff6680
    }

    50% {
        opacity: .82;
        transform: scale(1.28);
        box-shadow: 0 0 12px #0f6,0 0 28px #00ff66bf
    }
}

@media screen and (max-width: 768px) {
    .classic-theme.cricket-page .TeamName,.classic-theme.cricket-page .profile-details .GameList {
        font-size:14px
    }
}

.classic-theme.ledger-page .ledger-header {
    background-color: #3b394a
}

.classic-theme.ledger-page .ledger-viewport {
    width: min(100%,75vh);
    margin: 0 auto;
    padding: 0 12px 16px;
    box-sizing: border-box
}

.classic-theme.ledger-page .ledger-data-table {
    width: 100%;
    table-layout: fixed
}

.classic-theme.ledger-page .ledger-data-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.classic-theme.ledger-page .ledger-table-header {
    background-color: #888399;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    vertical-align: middle;
    text-align: center;
    padding: 8px 5px
}

.classic-theme.ledger-page .ledger-cell {
    background-color: #fff;
    vertical-align: middle;
    padding: 5px;
    font-size: 12px
}

.classic-theme.ledger-page .ledger-match-name {
    font-weight: 700;
    color: #e91e63
}

.classic-theme.ledger-page .ledger-match-name-content {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0
}

.classic-theme.ledger-page .ledger-match-name-content>a:first-child {
    overflow: hidden;
    text-overflow: ellipsis
}

.classic-theme.ledger-page .ledger-replay-button {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid rgb(233,30,99);
    border-radius: 999px;
    color: #e91e63;
    text-decoration: none
}

.classic-theme.ledger-page .pagination-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px;
    gap: 20px;
    font-size: 14px;
    color: #666
}

.classic-theme.ledger-page .pagination-info,.classic-theme.ledger-page .pagination-range {
    font-size: 14px
}

.classic-theme.ledger-page .pagination-controls {
    display: flex;
    gap: 5px
}

.classic-theme.ledger-page .pagination-button {
    background: none;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    transition: color .2s
}

.classic-theme.ledger-page .pagination-button:hover:not(:disabled) {
    color: #004e92
}

.classic-theme.ledger-page .pagination-button:disabled {
    color: #ccc;
    cursor: not-allowed
}

.classic-theme.ledger-page .warp {
    max-width: 100%
}

@media screen and (max-width: 768px) {
    .classic-theme.ledger-page .ledger-viewport {
        width:100%;
        padding: 0 8px 12px
    }

    .classic-theme.ledger-page .pagination-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px
    }

    .classic-theme.ledger-page .ledger-table-header,.classic-theme.ledger-page .ledger-cell {
        font-size: 10px;
        padding: 4px
    }
}

.classic-theme.change-password-page {
    background-color: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.classic-theme.change-password-page .container-old {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.classic-theme.change-password-page .content {
    flex: 1
}

.classic-theme.change-password-page .main-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important
}

.classic-theme.change-password-page .main-header-table {
    border: #ffffff solid 1.5px;
    width: 100%;
    border-collapse: collapse
}

.classic-theme.change-password-page .main-header-table td {
    padding: 8px
}

.classic-theme.change-password-page .logo-img {
    max-width: 60px;
    height: auto
}

.classic-theme.change-password-page .FontTextWhite {
    color: #fff
}

.classic-theme.change-password-page .profile_picture_name h3 {
    font-size: 1.2em;
    color: #fff;
    margin: 5px 0;
    text-transform: uppercase
}

.classic-theme.change-password-page .profile_img p {
    font-size: .75em;
    color: #fff;
    font-weight: 700;
    line-height: 1.6em;
    margin: 5px 0
}

.classic-theme.change-password-page .menu {
    width: 100%
}

.classic-theme.change-password-page .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.classic-theme.change-password-page .navMain li {
    flex: 1
}

.classic-theme.change-password-page .navMain li.active a {
    background-color: #0a203b;
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    overflow: hidden
}

.classic-theme.change-password-page .navMain marquee {
    color: #fff;
    font-size: 14px
}

.classic-theme.change-password-page .footer {
    background-color: #333;
    color: #fff;
    padding: 1em;
    text-align: center;
    margin-top: auto
}

.classic-theme.change-password-page .footer h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.classic-theme .input-style {
    width: 80%;
    padding: 6px 10px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 1px;
    font-size: 14px
}

.classic-theme .input-style:focus {
    outline: none;
    border-color: #004e92
}

.classic-theme .input-style:disabled {
    background-color: #f5f5f5;
    cursor: not-allowed
}

.classic-theme .btn-style {
    background-color: #4caf50;
    color: #fff;
    align-content: center;
    padding: 6px 10px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    min-width: 150px
}

.classic-theme .btn-style:hover:not(:disabled) {
    background-color: #45a049
}

.classic-theme .btn-style:disabled {
    background-color: #ccc;
    cursor: not-allowed;
    opacity: .6
}

.classic-theme .btn-style:active:not(:disabled) {
    transform: scale(.98)
}

.classic-theme.change-password-page table {
    width: 100%;
    border-collapse: collapse
}

.classic-theme .FontTextBlue {
    font-size: 13px;
    font-weight: 700;
    color: #000
}

.classic-theme .TeamCombo {
    background-color: #fff
}

.classic-theme.change-password-page .error-message {
    color: red;
    font-weight: 600
}

.classic-theme.change-password-page .success-message {
    color: green;
    font-weight: 600
}

.classic-theme .password-separator {
    height: 1px;
    background: linear-gradient(90deg,transparent 5%,#d0d0d0 50%,transparent 95%);
    padding: 0;
    margin: 12px 0;
    transform: scaleY(.5)
}

.classic-theme .input-style.input-error {
    border-color: #e53e3e;
    background-color: #fff5f5
}

.classic-theme .input-style.input-success {
    border-color: #38a169;
    background-color: #f0fff4
}

.classic-theme .password-mismatch-hint {
    color: #e53e3e;
    font-size: 11px;
    font-weight: 600;
    margin-top: 4px;
    padding: 4px 8px;
    background-color: #fff5f5;
    border-radius: 4px;
    display: inline-block
}

.classic-theme .password-match-hint {
    color: #38a169;
    font-size: 11px;
    font-weight: 600;
    margin-top: 4px;
    padding: 4px 8px;
    background-color: #f0fff4;
    border-radius: 4px;
    display: inline-block
}

.classic-scorecard {
    margin: -84px 15px 16px;
    border-radius: 18px;
    overflow: visible;
    position: relative;
    z-index: 5;
    color: #fff;
    background: linear-gradient(180deg,#101c2efa,#0b121ffa);
    border: 1px solid rgba(184,145,75,.28);
    box-shadow: 0 18px 42px #00000047,inset 0 1px #ffffff0d
}

.classic-scorecard__teams-panel {
    padding: 12px 12px 10px;
    background: radial-gradient(circle at top left,rgba(184,145,75,.12),transparent 46%),radial-gradient(circle at top right,rgba(18,71,126,.18),transparent 42%)
}

.classic-scorecard__collapsed-area {
    position: relative;
    border-radius: inherit;
    overflow: hidden
}

.classic-scorecard__teams-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) max-content;
    -moz-column-gap: 5%;
    column-gap: 5%;
    align-items: start
}

.classic-scorecard__score-panel {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    justify-self: end
}

.classic-scorecard__score-panel-row {
    display: flex;
    justify-content: flex-start;
    gap: 0;
    align-items: center;
    min-width: 0;
    min-height: 28px
}

.classic-scorecard__score-panel-spacer,.classic-scorecard__score-panel-label {
    display: none
}

.classic-scorecard__expand-toggle {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    padding: 0;
    background: #8f949b;
    border: 1px solid #7c828a;
    color: #fff;
    box-shadow: inset 0 1px #ffffff1f,0 2px 6px #0000003d;
    transform: translate(-50%,50%);
    z-index: 6
}

.classic-scorecard__expand-toggle-arrow {
    display: block;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    transform: translateY(-1px);
    transition: transform .18s ease
}

.classic-scorecard__expand-toggle-arrow.is-open {
    transform: rotate(180deg) translateY(1px)
}

.classic-scorecard__teams {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0
}

.classic-scorecard__team {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 28px;
    border-radius: 8px
}

.classic-scorecard__team+.classic-scorecard__team {
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,.08)
}

.classic-scorecard__team.is-batting {
    background: linear-gradient(90deg,#f4d38a61,#f4d38a29 52%,#f4d38a08);
    box-shadow: inset 4px 0 #ffd674fa,0 0 22px #ffd6744d
}

.classic-scorecard__team-flag {
    position: relative;
    border-radius: 0;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none
}

.classic-scorecard__team.is-batting .classic-scorecard__team-flag:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: radial-gradient(circle,rgba(255,218,132,.86) 0%,rgba(255,218,132,.42) 44%,transparent 78%);
    transform: translate(-50%,-50%);
    pointer-events: none
}

.classic-scorecard__team-flag img {
    position: relative;
    z-index: 1;
    width: auto;
    height: 24px;
    max-width: 28px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.classic-scorecard__team-flag span,.classic-scorecard__player-avatar {
    position: relative;
    z-index: 1;
    color: #f7e5bb;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .35px;
    text-transform: uppercase
}

.classic-scorecard__team-copy {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    min-width: 0;
    flex: 1 1 auto
}

.classic-scorecard__team-name {
    min-width: 0;
    color: #f5f0e3;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .45px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.classic-scorecard__team-score {
    flex: 0 0 auto;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .1px
}

.classic-scorecard__balls {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
    min-height: 28px;
    align-self: start
}

.classic-scorecard__ball {
    min-width: 24px;
    height: 24px;
    padding: 0 5px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    box-sizing: border-box;
    color: #f8fafc;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1px;
    background: #ffffff1f;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: inset 0 1px #ffffff0f
}

.classic-scorecard__ball.four {
    background: linear-gradient(180deg,#e0bc66,#b8914b);
    color: #182437
}

.classic-scorecard__ball.six {
    background: linear-gradient(180deg,#2f69b3,#12477e);
    color: #fff
}

.classic-scorecard__ball.wicket {
    background: linear-gradient(180deg,#cf4b3f,#a43a30);
    color: #fff
}

.classic-scorecard__ball.wb {
    background: linear-gradient(180deg,#6a7c92,#506070);
    color: #fff
}

.classic-scorecard__message-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(90deg,#b8914b1a,#12477e29);
    text-transform: uppercase;
    letter-spacing: .35px
}

.classic-scorecard__message-viewport {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden
}

.classic-scorecard__message-track {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100%
}

.classic-scorecard__message-track.is-scrolling {
    justify-content: flex-start;
    width: -moz-max-content;
    width: max-content;
    animation: classic-scorecard-marquee 16s linear infinite;
    will-change: transform
}

.classic-scorecard__message-copy-text {
    flex: 0 0 auto;
    color: #d7f0ff;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    text-overflow: ellipsis
}

.classic-scorecard__message-meta {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
    color: #f4d38a;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
    padding-top: 2px
}

.classic-scorecard__message-meta-item {
    display: inline-flex;
    align-items: center
}

.classic-scorecard__message-meta-item+.classic-scorecard__message-meta-item {
    padding-left: 12px;
    border-left: 1px solid rgba(255,255,255,.08)
}

.classic-scorecard__stats-section {
    padding: 10px 12px 12px;
    background: #070d163d
}

.classic-scorecard__stats-header {
    display: grid;
    grid-template-columns: minmax(0,60fr) repeat(5,minmax(0,8fr));
    gap: 0;
    align-items: end;
    padding-bottom: 4px
}

.classic-scorecard__stats-header .classic-scorecard__section-title {
    padding-left: 0;
    justify-self: start
}

.classic-scorecard__stats-header .classic-scorecard__stat {
    justify-self: center
}

.classic-scorecard__section-title {
    color: #ffffff57;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .45em;
    text-transform: uppercase;
    line-height: 1
}

.classic-scorecard__section-title--bowler {
    margin-top: 8px
}

.classic-scorecard__stats-row {
    display: grid;
    grid-template-columns: minmax(0,60fr) repeat(5,minmax(0,8fr));
    gap: 0;
    align-items: center;
    padding: 5px 0;
    border-top: 1px solid rgba(255,255,255,.06)
}

.classic-scorecard__stats-row:first-of-type {
    border-top: 0;
    padding-top: 0
}

.classic-scorecard__player {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding-right: 10px
}

.classic-scorecard__player-avatar {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #f8e7bd;
    background: #ffffff0a;
    border: 1px solid rgba(184,145,75,.16);
    box-shadow: inset 0 1px #ffffff0a;
    overflow: hidden
}

.classic-scorecard__player-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.classic-scorecard__player-name {
    min-width: 0;
    color: #f8fafc;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .25px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.classic-scorecard__stat-grid {
    display: grid;
    gap: 8px;
    align-items: end;
    justify-items: center
}

.classic-scorecard__stat-grid--batsman,.classic-scorecard__stat-grid--bowler {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.classic-scorecard__stat-grid--header {
    align-items: center
}

.classic-scorecard__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 28px
}

.classic-scorecard__stat-value {
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    text-align: center
}

.classic-scorecard__stat-label {
    color: #fff6;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
    margin-top: 0;
    text-transform: uppercase;
    text-align: center
}

.classic-scorecard__footer-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,.06);
    color: #f4ead8;
    text-transform: uppercase;
    letter-spacing: .2px
}

.classic-scorecard__last-wicket {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden
}

.classic-scorecard__last-wicket-label {
    flex: 0 0 auto;
    color: #ffffff8c;
    font-size: 11px;
    font-weight: 900
}

.classic-scorecard__last-wicket-value {
    min-width: 0;
    flex: 1 1 auto;
    color: #f8fafc;
    font-size: 12px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis
}

.classic-scorecard__match-state {
    flex: 0 0 auto;
    max-width: 38%;
    color: #f4d38a;
    font-size: 11px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.classic-scorecard__animation-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: grid;
    place-items: center;
    pointer-events: none;
    border-radius: inherit;
    background: #00000094;
    overflow: hidden
}

.classic-scorecard__animation-sprite {
    width: var(--scorecard-animation-width);
    height: var(--scorecard-animation-height);
    background-image: url(/assets/score-anim.png);
    background-repeat: no-repeat;
    background-size: var(--scorecard-animation-sheet-width) var(--scorecard-animation-sheet-height);
    background-position: var(--scorecard-animation-x) var(--scorecard-animation-y);
    filter: drop-shadow(0 12px 28px rgba(0,0,0,.42))
}

.classic-scorecard__animation-text {
    color: #fff;
    font-size: clamp(42px,15vw,92px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
    text-shadow: 0 4px 0 rgba(185,41,31,.82),0 12px 30px rgba(0,0,0,.52);
    animation: classic-scorecard-text-pop 1.5s ease-in-out both
}

@keyframes classic-scorecard-marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes classic-scorecard-text-pop {
    0% {
        opacity: 0;
        transform: scale(.74)
    }

    24% {
        opacity: 1;
        transform: scale(1.08)
    }

    62% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.9)
    }
}

@media (min-width: 1024px) {
    .classic-scorecard {
        margin:-72px 0 16px
    }
}

@media (max-width: 640px) {
    .classic-scorecard {
        margin-left:12px;
        margin-right: 12px
    }

    .classic-scorecard__teams-panel,.classic-scorecard__message-bar,.classic-scorecard__stats-section {
        padding-left: 10px;
        padding-right: 10px
    }

    .classic-scorecard__stat-grid--batsman,.classic-scorecard__stat-grid--bowler {
        gap: 8px
    }
}

.scorecard-message-banner {
    width: 100%;
    height: 27px;
    min-height: 27px;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background: #322f32f5;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(0,0,0,.24);
    color: #39ff14;
    flex: 0 0 auto
}

.scorecard-message-banner__viewport {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    min-width: 0;
    display: flex;
    align-items: center
}

.scorecard-message-banner__measure {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .2px;
    text-transform: none
}

.scorecard-message-banner__static,.scorecard-message-banner__marquee {
    width: 100%;
    min-width: 0;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .2px;
    text-transform: none;
    white-space: nowrap
}

.scorecard-message-banner__static {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-shadow: 0 0 12px rgba(57,255,20,.24)
}

.scorecard-message-banner__marquee {
    display: inline-flex;
    align-items: center;
    gap: 2rem;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    animation: scorecard-message-marquee var(--scorecard-message-duration, 14s) linear infinite;
    will-change: transform
}

.scorecard-message-banner__marquee-copy {
    flex: 0 0 auto;
    text-shadow: 0 0 12px rgba(57,255,20,.24)
}

.scorecard-message-banner__spacer {
    width: 100%;
    height: 100%
}

@keyframes scorecard-message-marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(-1 * var(--scorecard-message-distance, 0px)))
    }
}

.scorecard-shell {
    position: relative;
    width: 100%;
    overflow: visible
}

.scorecard-shell__scroller {
    height: 100%;
    min-height: 0;
    overflow: auto;
    border-radius: inherit;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable
}

.scorecard-shell__frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    background: #322f32;
    border-radius: inherit
}

.scorecard-shell__toggle {
    position: absolute;
    left: 50%;
    bottom: -11px;
    margin-left: -11px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid rgba(18,71,126,.28);
    background: linear-gradient(180deg,#fff,#edf3f8);
    color: #12477e;
    box-shadow: 0 6px 14px #10182029;
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 3;
    padding: 0;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent
}

.scorecard-shell__toggle:hover {
    box-shadow: 0 10px 20px #10182038
}

.scorecard-shell__toggle:focus-visible {
    outline: 2px solid rgba(255,255,255,.95);
    outline-offset: 2px
}

.scorecard-shell__toggle-icon {
    width: 12px;
    height: 12px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .16s ease
}

.match-scorecard-view {
    width: 100%;
    margin: 10px 0;
    background: #322f32
}

.match-scorecard-view__shell {
    width: 100%;
    margin: 0;
    background: #322f32;
    border: 1px solid rgba(255,255,255,.16)
}

.match-scorecard-view__iframe {
    width: 100%;
    min-height: 100%;
    height: 100%;
    border: 0;
    display: block;
    background: #322f32
}

@media (max-width: 767px) {
    .match-scorecard-view {
        margin:8px 0
    }
}

.team-name-badge {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    vertical-align: middle
}

.team-name-badge__skeleton {
    display: inline-block;
    width: clamp(72px,8vw,132px);
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg,#113d6f14,#113d6f29 38%,#113d6f17 72%,#113d6f14);
    background-size: 240% 100%;
    box-shadow: inset 0 0 0 1px #113d6f0d;
    animation: team-name-badge-shimmer 1.7s ease-in-out infinite
}

@keyframes team-name-badge-shimmer {
    0% {
        background-position: 180% 0;
        opacity: .72
    }

    50% {
        opacity: 1
    }

    to {
        background-position: -180% 0;
        opacity: .72
    }
}

@media (prefers-reduced-motion: reduce) {
    .team-name-badge__skeleton {
        animation: none
    }
}

.match-odds-row-skeleton__cell {
    padding: 0
}

.match-odds-row-skeleton__layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 52px;
    padding: 10px 12px
}

.match-odds-row-skeleton__left {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
    gap: 8px
}

.match-odds-row-skeleton__right {
    display: flex;
    flex: 0 0 auto;
    gap: 10px
}

.match-odds-row-skeleton__bar,.match-odds-row-skeleton__rate {
    display: inline-block;
    border-radius: 999px;
    background: linear-gradient(90deg,#113d6f14,#113d6f29,#113d6f14 80%,#113d6f14);
    background-size: 220% 100%;
    box-shadow: inset 0 0 0 1px #113d6f0f;
    animation: match-odds-row-skeleton-shimmer 1.6s ease-in-out infinite
}

.match-odds-row-skeleton__bar--name {
    width: clamp(120px,18vw,220px);
    height: 13px
}

.match-odds-row-skeleton__bar--meta {
    width: clamp(42px,7vw,76px);
    height: 10px;
    opacity: .85
}

.match-odds-row-skeleton__rate {
    width: clamp(56px,7vw,84px);
    height: 34px;
    border-radius: 10px
}

@keyframes match-odds-row-skeleton-shimmer {
    0% {
        background-position: 180% 0;
        opacity: .74
    }

    50% {
        opacity: 1
    }

    to {
        background-position: -180% 0;
        opacity: .74
    }
}

@media (prefers-reduced-motion: reduce) {
    .match-odds-row-skeleton__bar,.match-odds-row-skeleton__rate {
        animation: none
    }
}

.session-limit-message {
    display: inline-block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    font: inherit;
    line-height: inherit;
    vertical-align: middle
}

.session-limit-message--message {
    color: #c40000
}

.session-limit-message__viewport {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    display: inline-flex;
    align-items: center
}

.session-limit-message__measure {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    white-space: nowrap;
    font: inherit;
    line-height: inherit
}

.session-limit-message__static,.session-limit-message__marquee {
    width: 100%;
    min-width: 0;
    font: inherit;
    line-height: inherit;
    white-space: nowrap
}

.session-limit-message__static {
    display: inline-flex;
    align-items: center
}

.session-limit-message__marquee {
    display: inline-flex;
    align-items: center;
    gap: 2rem;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    animation: session-limit-message-marquee var(--session-limit-message-duration, 14s) linear infinite;
    will-change: transform
}

.session-limit-message__marquee-copy {
    flex: 0 0 auto
}

@keyframes session-limit-message-marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(-1 * var(--session-limit-message-distance, 0px)))
    }
}

.classic-theme.game-page .game-top-section {
    position: relative;
    z-index: 1;
    padding-bottom: 90px
}

.classic-theme.game-page .game-top-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90.01deg,#0f1c2e .01%,#1a2a44 60%,#b8914b)!important;
    clip-path: ellipse(110% 100% at 50% 0%);
    z-index: -1
}

.classic-theme.game-page .show-tv-wrapper {
    margin: 10px 0;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10
}

.classic-theme.game-page .show-tv-wrapper .navMain li.active a {
    background: transparent!important;
    border: none!important;
    padding: 0!important;
    color: #fff!important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: none!important
}

.classic-desktop-layout {
    display: block
}

.classic-main-column {
    min-width: 0
}

.classic-side-column {
    display: none
}

@media (min-width: 1024px) {
    .classic-theme.game-page {
        height:100vh;
        overflow: hidden;
        display: flex;
        flex-direction: column
    }

    .classic-desktop-layout {
        display: flex;
        gap: 16px;
        align-items: stretch;
        padding: 12px 16px 16px;
        flex: 1;
        min-height: 0;
        overflow: hidden
    }

    .classic-main-column {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        min-height: 0
    }

    .classic-side-column {
        display: flex;
        flex-direction: column;
        gap: 12px;
        flex: 0 0 440px;
        max-width: 440px;
        min-width: 360px
    }

    .classic-main-content {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0
    }

    .classic-theme main.classic-main-content {
        min-height: 0;
        height: auto
    }

    .classic-odds-scroll {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto
    }

    .classic-theme.game-page .scorecard-shell--classic {
        margin: -72px 0 16px!important;
        flex: 0 0 auto;
        align-self: stretch;
        width: auto
    }

    .classic-theme.game-page .classic-main-content>.game-top-section,.classic-theme.game-page .classic-main-content>.scorecard-shell--classic {
        flex: 0 0 auto
    }

    .classic-theme.game-page .classic-main-content>.classic-odds-scroll {
        flex: 1 1 auto
    }
}

.classic-side-panel {
    background: #fff;
    border-radius: 14px;
    border: 1px solid rgba(18,71,126,.18);
    box-shadow: 0 12px 26px #10182014;
    overflow: hidden
}

.classic-side-panel-header {
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #fff;
    background: linear-gradient(180deg,#12477e,#0f1c2e)
}

.classic-side-panel-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    cursor: pointer;
    padding: 0
}

.classic-side-panel-caret {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid rgba(255,255,255,.85);
    transform: rotate(0);
    transition: transform .18s ease
}

.classic-side-panel-caret.is-open {
    transform: rotate(180deg)
}

.classic-side-panel-body {
    padding: 12px
}

.classic-stream-panel {
    overflow: hidden
}

.classic-stream-panel-body {
    max-height: 0;
    opacity: 0;
    transform: translateY(-6px);
    transition: max-height .24s ease,opacity .2s ease,transform .2s ease
}

.classic-stream-panel.is-open .classic-stream-panel-body {
    max-height: 520px;
    opacity: 1;
    transform: translateY(0)
}

.classic-side-tabs .classic-side-panel-body {
    padding: 0
}

.classic-side-tab-header {
    display: flex;
    gap: 6px;
    padding: 10px;
    background: #eef3fb;
    border-bottom: 1px solid rgba(18,71,126,.18)
}

.classic-side-tab-button {
    flex: 1 1 0;
    border: 1px solid rgba(18,71,126,.35);
    border-radius: 8px;
    padding: 8px 6px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .3px;
    background: #fff;
    color: #12477e;
    cursor: pointer
}

.classic-side-tab-button.is-active {
    background: linear-gradient(135deg,#12477e,#0f1c2e);
    color: #fff;
    border-color: transparent
}

.classic-side-tab-body {
    padding: 12px;
    overflow: visible
}

.classic-side-tab-body .bet-slip-popup--inline {
    box-shadow: none
}

.classic-theme.game-page .classic-empty-state {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 12px 10px
}

.classic-theme.game-page .classic-empty-card {
    width: min(100%,420px);
    background: linear-gradient(180deg,#fff,#f7fbff);
    border: 1px solid rgba(18,71,126,.14);
    border-radius: 16px;
    box-shadow: 0 10px 24px #12477e14;
    padding: 26px 20px;
    text-align: center
}

.classic-theme.game-page .classic-empty-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 12px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #12477e;
    background: #12477e14
}

.classic-theme.game-page .classic-empty-title {
    color: #163e68;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 6px
}

.classic-theme.game-page .classic-empty-copy {
    color: #5f6f7d;
    font-size: 13px;
    line-height: 1.5
}

.classic-theme.game-page .scorecard-shell--classic {
    background: #0f1c2e;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 15px 45px #0006;
    margin: -85px 0 15px;
    position: relative;
    z-index: 5
}

.classic-theme.game-page .betting-sections {
    background-color: transparent;
    padding-top: 0;
    min-height: auto;
    position: relative;
    z-index: 5
}

.classic-theme.game-page .weather-icon-placeholder {
    width: 50px;
    height: 50px;
    background: #fff3;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.classic-theme {
    background-color: #e6e9ee;
    font-family: Roboto,Arial,Helvetica,sans-serif;
    min-height: 100vh;
    color: #2c3e50
}

.classic-theme.game-page .price-btn {
    color: #00f;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 700
}

.classic-theme.game-page .MatchAmount {
    background: #fff;
    color: #000;
    border: none;
    text-align: center;
    width: 120px;
    font-weight: 700;
    font-size: 16px;
    font-family: Verdana,Geneva,sans-serif
}

.classic-theme.game-page .AmountTime {
    font-family: Tahoma,Geneva,sans-serif;
    text-align: center;
    color: red;
    width: 35px;
    font-weight: bolder;
    background-color: transparent;
    border: none;
    background: #2486b2;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    font-family: Verdana,Geneva,sans-serif
}

.classic-theme.game-page .classic-data-table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.classic-theme.game-page .classic-history-table,.classic-theme.game-page .classic-history-session-table {
    table-layout: auto
}

.classic-theme.game-page .classic-history-table td.left,.classic-theme.game-page .classic-history-table td.right,.classic-theme.game-page .classic-history-table td.center,.classic-theme.game-page .classic-history-session-table td.left,.classic-theme.game-page .classic-history-session-table td.right,.classic-theme.game-page .classic-history-session-table td.center {
    display: table-cell!important;
    width: auto!important;
    height: auto!important;
    padding: 4px 10px!important;
    background-color: #fff!important;
    border-radius: 0!important;
    align-items: normal!important;
    justify-content: normal!important
}

.classic-theme.game-page .classic-history-session-table td.center {
    position: relative
}

.classic-theme.game-page .classic-data-table th,.classic-theme.game-page .classic-data-table td {
    border: 1px dotted #333
}

.classic-theme.game-page .classic-section-spacer {
    height: 0;
    margin: 0
}

.classic-theme.game-page .bet-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    margin: 12px 15px;
    box-shadow: 0 10px 30px #0000001f;
    border: 1px solid rgba(0,0,0,.05);
    position: relative;
    z-index: 5
}

.classic-theme .main-header {
    position: relative;
    z-index: 1000
}

.classic-theme.game-page .bet-card.history-card {
    box-shadow: 0 2px 8px #00000014
}

.classic-theme.game-page .classic-bets-table thead th,.classic-theme.game-page .history-card thead th {
    background-color: #12477e;
    padding: 6px 5px;
    border: 1px solid rgba(255,255,255,.18);
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    box-sizing: border-box
}

.classic-theme.game-page .classic-bets-table td,.classic-theme.game-page .history-card td {
    border: 1px solid #d9e1eb;
    padding: 4px 10px;
    vertical-align: middle;
    color: #2c3e50;
    font-weight: 600;
    font-size: 13.5px
}

.classic-theme.game-page .center {
    text-align: center!important
}

.classic-theme.game-page .right {
    text-align: right!important
}

.classic-theme.game-page .left {
    text-align: left!important
}

.classic-theme.game-page .history-team-cell,.classic-theme.game-page .history-session-cell {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25
}

.classic-theme.game-page .team-cell,.classic-theme.game-page .session-cell {
    background: #fff;
    text-align: left!important
}

.classic-theme.game-page .teamNameForOdds,.classic-theme.game-page .session-name {
    color: #0f1c2e;
    font-weight: 800;
    font-size: 15px
}

.classic-theme.game-page .max-limit {
    font-size: 11px;
    margin: 4px 0 0;
    opacity: .8;
    font-weight: 500
}

.classic-theme.game-page .bet-amount-badge {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-top: 4px
}

.classic-theme.game-page .bet-amount-badge.plus {
    color: #007bff
}

.classic-theme.game-page .bet-amount-badge.minus {
    color: #dc3545
}

.classic-theme.game-page .odds-value.secondary {
    font-size: 14px;
    font-weight: 700;
    margin-top: 4px;
    color: #007bff
}

.classic-theme.game-page .classic-tv-frame {
    width: 100%;
    background: #000;
    display: flex;
    justify-content: center;
    padding: 0 0 2px;
    box-sizing: border-box
}

.classic-theme.game-page .classic-tv-shell {
    --classic-tv-frame-max-height: 240px;
    --classic-tv-frame-aspect-ratio: 16 / 9;
    --classic-tv-logo-top: clamp(8px, 4.5%, 16px);
    --classic-tv-logo-right: clamp(8px, 4.5%, 16px);
    --classic-tv-logo-width: clamp(54px, 12%, 78px);
    position: relative;
    width: min(100%,calc(var(--classic-tv-frame-max-height) * 16 / 9));
    aspect-ratio: var(--classic-tv-frame-aspect-ratio);
    max-height: var(--classic-tv-frame-max-height);
    background: #000;
    overflow: hidden
}

.classic-theme.game-page .classic-tv-shell iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

.classic-theme.game-page .classic-tv-brand-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 2
}

.classic-theme.game-page .classic-tv-brand-overlay img {
    position: absolute;
    top: var(--classic-tv-logo-top);
    right: var(--classic-tv-logo-right);
    width: var(--classic-tv-logo-width);
    height: auto;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.classic-theme.game-page .teamNameForOdds {
    font-size: 14px
}

@media (max-width: 767px) {
    .classic-theme.game-page .teamNameForOdds {
        font-size:12px
    }
}

@media (min-width: 1024px) {
    .classic-theme.game-page .teamNameForOdds {
        font-size:14px
    }
}

.classic-theme.game-page .classic-bets-table,.classic-theme.game-page .classic-bets-table .FontTextWhite10px {
    font-size: 14px
}

.classic-theme.game-page .classic-bets-table .FontTextWhite10px p {
    font-size: .75em
}

.classic-theme.game-page .classic-bets-table .ButtonYRun,.classic-theme.game-page .classic-bets-table .ButtonL,.classic-theme.game-page .classic-bets-table .ButtonNRun,.classic-theme.game-page .classic-bets-table .ButtonNRate,.classic-theme.game-page .classic-bets-table .ButtonYRate,.classic-theme.game-page .classic-bets-table .ButtonSess {
    font-size: 14.5px;
    height: 34px;
    width: 100%;
    max-width: 100px;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: transform .1s,opacity .2s;
    position: relative
}

.classic-theme.game-page .classic-bets-table td.center {
    position: relative
}

.classic-theme.game-page .classic-bets-table .ButtonYRun,.classic-theme.game-page .classic-bets-table .ButtonYRate {
    background: #12477e!important;
    color: #fff!important
}

.classic-theme.game-page .classic-bets-table .ButtonL,.classic-theme.game-page .classic-bets-table .ButtonNRun,.classic-theme.game-page .classic-bets-table .ButtonNRate {
    background: #a02525!important;
    color: #fff!important
}

.classic-theme.game-page .classic-bets-table button:active {
    transform: scale(.95)
}

@keyframes classic-odds-edge-spin {
    0% {
        --odds-shine-angle: 0deg;
        --odds-shine-alpha: 0
    }

    10% {
        --odds-shine-alpha: .9
    }

    50% {
        --odds-shine-angle: 360deg;
        --odds-shine-alpha: .9
    }

    60% {
        --odds-shine-alpha: 0
    }

    to {
        --odds-shine-angle: 360deg;
        --odds-shine-alpha: 0
    }
}

.classic-theme.game-page .odds-button--active {
    z-index: 2
}

@keyframes classic-odds-pulse {
    0%,to {
        transform: scale(1);
        box-shadow: 0 0 #fff0;
        filter: brightness(1)
    }

    50% {
        transform: scale(1.04);
        box-shadow: 0 0 0 8px #ffffff1f;
        filter: brightness(1.08)
    }
}

.classic-theme.game-page .ButtonYRun.odds-button--active,.classic-theme.game-page .ButtonYRate.odds-button--active {
    --odds-base: #12477e;
    border: 2px solid transparent;
    background-image: linear-gradient(var(--odds-base),var(--odds-base)),conic-gradient(from var(--odds-shine-angle),rgba(255,255,255,0) 0deg,rgba(255,215,64,var(--odds-shine-alpha)) 35deg,rgba(255,255,255,0) 70deg,rgba(255,255,255,0) 360deg);
    background-origin: border-box;
    background-clip: padding-box,border-box;
    animation: classic-odds-edge-spin 1s linear infinite,classic-odds-pulse 1.15s ease-in-out infinite
}

.classic-theme.game-page .ButtonL.odds-button--active,.classic-theme.game-page .ButtonNRun.odds-button--active,.classic-theme.game-page .ButtonNRate.odds-button--active {
    --odds-base: #a02525;
    border: 2px solid transparent;
    background-image: linear-gradient(var(--odds-base),var(--odds-base)),conic-gradient(from var(--odds-shine-angle),rgba(255,255,255,0) 0deg,rgba(255,71,71,var(--odds-shine-alpha)) 35deg,rgba(255,255,255,0) 70deg,rgba(255,255,255,0) 360deg);
    background-origin: border-box;
    background-clip: padding-box,border-box;
    animation: classic-odds-edge-spin 1s linear infinite,classic-odds-pulse 1.15s ease-in-out infinite
}

.classic-theme.game-page .match-odds-cell-group {
    padding: 6px 8px!important
}

.classic-theme.game-page .match-odds-group {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-height: 34px;
    border-radius: 12px;
    overflow: visible
}

.classic-theme.game-page .match-odds-group .ButtonYRun,.classic-theme.game-page .match-odds-group .ButtonL {
    flex: 1;
    max-width: none;
    width: auto;
    height: 34px;
    border-radius: 12px;
    min-width: 0
}

.classic-theme.game-page .match-odds-group .ButtonYRun:disabled,.classic-theme.game-page .match-odds-group .ButtonL:disabled {
    cursor: not-allowed;
    opacity: .95
}

.classic-theme.game-page .classic-session-odds-group {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-height: 34px;
    border-radius: 12px;
    overflow: visible
}

.classic-theme.game-page .classic-session-odds-option {
    flex: 1;
    min-width: 0
}

.classic-theme.game-page .classic-session-odds-option .ButtonNRun,.classic-theme.game-page .classic-session-odds-option .ButtonYRun {
    width: 100%;
    max-width: none;
    height: 34px;
    border-radius: 12px
}

.classic-theme.game-page .classic-session-odds-option .ButtonNRun.is-disabled,.classic-theme.game-page .classic-session-odds-option .ButtonYRun.is-disabled {
    opacity: .45;
    cursor: not-allowed
}

.classic-theme.game-page .classic-session-odds-option .odds-value {
    margin-top: 2px
}

.classic-theme.game-page .match-odds-lock-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f172ad1;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-align: center;
    pointer-events: none;
    border-radius: inherit;
    z-index: 2
}

.classic-theme.game-page .match-odds-lock-overlay span {
    padding: 0 8px
}

.classic-theme.game-page .classic-session-group {
    margin-bottom: 12px
}

.classic-theme.game-page .classic-session-group:last-child {
    margin-bottom: 0
}

.classic-theme.game-page .classic-session-group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #12477e;
    color: #fff;
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase
}

.classic-theme.game-page .classic-session-group-toggle {
    border: none;
    background: #ffffff1f;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer
}

.classic-theme.game-page button[name=cmdDone] {
    background-color: #004e92;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-weight: 700;
    cursor: pointer
}

.classic-theme.game-page button[name=cmdDone]:disabled {
    opacity: .5;
    cursor: not-allowed
}

.classic-theme.game-page #MyBets td {
    background-color: #fff;
    padding: 5px;
    text-align: center;
    font-size: 13px;
    font-weight: 700
}

.classic-theme.game-page #MyBets td.FontTextBlack10px,.classic-theme.game-page table.classic-data-table td.FontTextBlack10px {
    font-size: 10px
}

.classic-theme.game-page #MyBets td.no-bets-message,.classic-theme.game-page .classic-data-table td.no-bets-message,.classic-theme.game-page table.classic-data-table td.no-data {
    font-size: 14px;
    color: #000;
    background-color: #fff;
    padding: 25px;
    text-align: center;
    font-weight: 700;
    opacity: .8
}

.classic-theme.game-page .center {
    text-align: center
}

.classic-theme.game-page .classic-live-games-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 8px 15px 0;
    margin: 8px 0 0;
    background: transparent
}

.classic-theme.game-page .classic-live-game-pill {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    border-radius: 12px;
    border: none;
    background: linear-gradient(135deg,#020b1c,#1e3a5f,#b8914b);
    color: #fff;
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    width: min(600px,95%);
    box-shadow: 0 4px 15px #00000080;
    position: relative;
    overflow: hidden;
    transition: transform .2s,box-shadow .2s
}

.classic-theme.game-page .classic-live-game-pill:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px #0009
}

.classic-theme.game-page .classic-live-game-content {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    flex: 1
}

.classic-theme.game-page .classic-live-game-name {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: .5px;
    display: block
}

.classic-theme.game-page .classic-live-game-time {
    color: #ddd;
    font-weight: 500;
    font-size: 12px
}

.classic-theme.game-page .classic-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2ecc71;
    box-shadow: 0 0 6px #2ecc71e6,0 0 12px #2ecc7199;
    flex: 0 0 auto
}

@media (max-width: 480px) {
    .classic-theme.game-page .classic-live-game-content {
        flex-direction:column;
        align-items: flex-start;
        gap: 2px
    }
}

.classic-theme.game-page .classic-market-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%
}

.classic-theme.game-page .classic-market-header-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0
}

.classic-theme.game-page .cashout-button {
    border: 1px solid rgba(255,255,255,.16);
    background: #6e5b33;
    color: #ffe5c1;
    border-radius: 4px;
    padding: 4px 14px;
    min-width: 88px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: pre-line;
    text-transform: uppercase;
    cursor: pointer;
    transition: filter .15s ease,transform .15s ease,opacity .15s ease;
    flex: 0 0 auto
}

.classic-theme.game-page .cashout-button:hover {
    filter: brightness(1.05)
}

.classic-theme.game-page .cashout-button--inactive {
    opacity: .55;
    background: #8a7a56
}

._card_1qlrh_1 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: inherit;
    background: radial-gradient(circle at 78% 14%,rgba(255,255,255,.9) 0 8%,transparent 9%),linear-gradient(160deg,#fff,#fbf7ef 56%,#efe2ce);
    box-shadow: inset 0 0 0 1px #2d1f1242,0 1px 2px #00000038;
    container-type: size;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._rankSlot_1qlrh_22,._suitSlot_1qlrh_23 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 3%
}

._rankSlot_1qlrh_22 {
    height: 47%;
    padding-top: 2%
}

._suitSlot_1qlrh_23 {
    height: 53%;
    padding-bottom: 4%
}

._rank_1qlrh_22 {
    color: #111820;
    font-family: Roboto Condensed,Arial Narrow,Roboto,Arial,sans-serif;
    font-size: min(92cqw,54cqh);
    font-weight: 900;
    line-height: .82;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums
}

._rankTen_1qlrh_51 {
    transform: scaleX(.7)
}

._red_1qlrh_55 ._rank_1qlrh_22 {
    color: #d71920
}

._suit_1qlrh_23 {
    width: min(82cqw,42cqh);
    height: min(82cqw,42cqh);
    background-image: url(/assets/suits.png);
    background-repeat: no-repeat;
    background-size: 200% 200%
}

._heart_1qlrh_67 {
    background-position: 0 0
}

._diamond_1qlrh_71 {
    background-position: 100% 0
}

._club_1qlrh_75 {
    background-position: 0 100%
}

._spade_1qlrh_79 {
    background-position: 100% 100%
}

._hidden_1qlrh_83 {
    background: linear-gradient(160deg,#eff4ff,#b8c8f8 38%,#5368be);
    box-shadow: inset 0 0 0 1px #11184852,inset 0 0 0 3px #f5e59fe6,0 1px 2px #00000038
}

._hidden_1qlrh_83:before {
    content: "";
    position: absolute;
    top: 16%;
    right: 16%;
    bottom: 16%;
    left: 16%;
    border-radius: 8%;
    border: 1px solid rgba(255,243,207,.54);
    background-color: #1f459f;
    background-image: linear-gradient(45deg,rgba(104,117,214,.95) 12%,transparent 12% 38%,rgba(104,117,214,.95) 38% 62%,transparent 62% 88%,rgba(104,117,214,.95) 88%),linear-gradient(-45deg,rgba(245,229,159,.78) 12%,transparent 12% 38%,rgba(245,229,159,.78) 38% 62%,transparent 62% 88%,rgba(245,229,159,.78) 88%);
    background-size: 28% 28%
}

.classic-theme.teenpatti-page {
    background-color: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.classic-theme.teenpatti-page .main-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important
}

.classic-theme.teenpatti-page .main-header-table {
    width: 100%;
    border: #ffffff solid 1.5px;
    border-collapse: collapse
}

.classic-theme.teenpatti-page .FontTextWhite {
    color: #fff
}

.classic-theme.teenpatti-page .profile_picture_name h3 {
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0
}

.classic-theme.teenpatti-page .profile_img p {
    margin: 0;
    padding: 2px 0
}

.classic-theme.teenpatti-page .logo-img {
    max-width: 70px;
    height: auto
}

.classic-theme.teenpatti-page .menu {
    background-color: #0a203b
}

.classic-theme.teenpatti-page .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.classic-theme.teenpatti-page .navMain li {
    flex: 1
}

.classic-theme.teenpatti-page .navMain li.active a {
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    background-color: #0a203b;
    overflow: hidden
}

.classic-theme.teenpatti-page .marquee-text {
    display: inline-block;
    white-space: nowrap;
    animation: teenpatti-marquee 10s linear infinite
}

@keyframes teenpatti-marquee {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

.classic-theme.teenpatti-page .bets-history-section {
    width: 30%
}

.classic-theme.teenpatti-page .back-menu-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    border-bottom: 1px solid #d9d9d9
}

.classic-theme.teenpatti-page .back-href {
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

.classic-theme.teenpatti-page .back-href:hover {
    text-decoration: underline
}

.classic-theme.teenpatti-page .game-round-id .fa-info-circle {
    margin-left: 5px;
    cursor: pointer
}

.classic-theme.teenpatti-page .teenpatti-live-tv-box {
    width: 100%;
    height: 200px;
    border: 1px solid #004e92;
    position: relative;
    margin-top: 4px
}

.classic-theme.teenpatti-page .teenpatti-live-tv-box iframe {
    width: 100%;
    height: 100%;
    border: none
}

.classic-theme.teenpatti-page .flip-clock {
    display: flex;
    gap: 5px;
    position: absolute;
    bottom: 20px;
    right: 20px
}

.classic-theme.teenpatti-page .digits-group {
    display: flex;
    align-items: center
}

.classic-theme.teenpatti-page .left {
    height: 30px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 7px 5px;
    background-color: #222;
    border-radius: 4px;
    backface-visibility: hidden;
    margin: 0 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px
}

.classic-theme.teenpatti-page .card-shower {
    position: absolute;
    top: 5px;
    left: 10px;
    right: 10px
}

.classic-theme.teenpatti-page .runners {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.classic-theme.teenpatti-page .runner {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.classic-theme.teenpatti-page .runner:last-child {
    align-items: flex-end
}

.classic-theme.teenpatti-page .runner-name {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    margin-bottom: 3px;
    white-space: nowrap
}

.classic-theme.teenpatti-page .runner-cards {
    display: flex
}

.classic-theme.teenpatti-page .card-img-wrapper {
    width: 31.875px;
    height: 45px;
    margin: 1px
}

.classic-theme.teenpatti-page .card-img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.classic-theme.teenpatti-page .teenpatti-odds-table {
    width: 100%;
    border: 1px solid #000;
    margin-top: 4px
}

.classic-theme.teenpatti-page .odds-table-header {
    width: 100%;
    height: 50px;
    background-color: #b2b2b2;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.classic-theme.teenpatti-page .table-header-left {
    width: 60%;
    display: flex;
    align-items: center;
    padding-left: 10px
}

.classic-theme.teenpatti-page .min-max {
    font-size: 12px
}

.classic-theme.teenpatti-page .table-header-right {
    width: 40%;
    display: flex;
    justify-content: center
}

.classic-theme.teenpatti-page .odds-table-body {
    width: 100%;
    margin-top: 2px;
    background-color: #b2b2b2
}

.classic-theme.teenpatti-page .odds-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    margin-top: 2px
}

.classic-theme.teenpatti-page .runner-info {
    width: 60%;
    background-color: #b2b2b2;
    display: flex;
    align-items: center;
    padding-left: 10px;
    justify-content: space-between
}

.classic-theme.teenpatti-page .runner-info .runner-name {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;
    flex-shrink: 0
}

.classic-theme.teenpatti-page .odds-position {
    font-size: 14px;
    margin-right: 10px;
    white-space: nowrap;
    flex-shrink: 0;
    background: transparent;
    width: auto;
    text-align: left;
    padding: 0
}

.classic-theme.teenpatti-page .odds-position.plus {
    color: green
}

.classic-theme.teenpatti-page .odds-position.minus {
    color: #e91100
}

.classic-theme.teenpatti-page .odds-boxes {
    width: 40%;
    display: flex;
    justify-content: center
}

.classic-theme.teenpatti-page .odds-box {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    position: relative;
    cursor: pointer;
    transition: opacity .2s
}

.classic-theme.teenpatti-page .odds-box:hover {
    opacity: .8
}

.classic-theme.teenpatti-page .odds-rate {
    font-size: 15px;
    color: #fff;
    font-weight: 600
}

.classic-theme.teenpatti-page .last-results-section {
    width: 100%;
    margin-top: 5px
}

.classic-theme.teenpatti-page .last-result-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    padding: 0 5px
}

.classic-theme.teenpatti-page .last-result-heading,.classic-theme.teenpatti-page .last-result-view-all {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize
}

.classic-theme.teenpatti-page .last-result-container {
    background-color: #a2a2a2;
    padding: 10px 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap
}

.classic-theme.teenpatti-page .last-result-box {
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: circle();
    color: #fff;
    font-size: 13px;
    margin: 0 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.classic-theme.teenpatti-page .last-result-box.A {
    background-color: #368011
}

.classic-theme.teenpatti-page .last-result-box.B {
    background-color: #e91100
}

.classic-theme.teenpatti-page .bets-table-section {
    width: 95%;
    margin: auto
}

.classic-theme.teenpatti-page .my-bets-heading {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    height: 35px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.classic-theme.teenpatti-page .bets-table {
    width: 100%;
    margin-top: 5px;
    background-color: #fff!important
}

.classic-theme.teenpatti-page .bets-table .table {
    width: 100%!important;
    border-collapse: collapse
}

.classic-theme.teenpatti-page .bets-table .table td {
    text-align: center!important;
    font-size: 13px!important;
    color: #000;
    font-weight: 700;
    height: 25px;
    padding: 5px;
    border: 1px solid #ddd
}

.classic-theme.teenpatti-page .bets-table thead {
    height: 35px
}

.classic-theme.teenpatti-page .bets-table thead tr {
    text-align: start
}

.classic-theme.teenpatti-page .bets-table thead tr th {
    padding: 0 10px!important;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    text-wrap: nowrap;
    font-size: 13px;
    border: 1px solid #ddd
}

.classic-theme.teenpatti-page .bet-history-td {
    padding: 8px;
    text-align: center
}

.classic-theme.teenpatti-page .see-all-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.classic-theme.teenpatti-page .see-all-btn {
    color: #fff;
    height: 35px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    border: none;
    outline: none;
    border-radius: 3px;
    padding: 0 15px;
    font-size: 13px;
    cursor: pointer
}

.classic-theme.teenpatti-page .see-all-btn:hover {
    opacity: .9
}

.classic-theme.teenpatti-page .odds-box.suspended {
    position: relative;
    cursor: not-allowed!important
}

.classic-theme.teenpatti-page .odds-box.suspended:after {
    content: "";
    font-family: "Font Awesome 5 Free","Font Awesome 5 Pro",sans-serif;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000b3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px
}

.classic-theme.teenpatti-page .bet-slip-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000080;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.classic-theme.teenpatti-page .bet-slip-modal {
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 4px 20px #0000004d;
    overflow: hidden
}

.classic-theme.teenpatti-page .bet-slip-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600
}

.classic-theme.teenpatti-page .bet-slip-header .close-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    line-height: 1
}

.classic-theme.teenpatti-page .bet-slip-body {
    padding: 20px
}

.classic-theme.teenpatti-page .bet-slip-info {
    margin-bottom: 15px
}

.classic-theme.teenpatti-page .bet-info-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #eee
}

.classic-theme.teenpatti-page .bet-info-row span:first-child {
    color: #666
}

.classic-theme.teenpatti-page .bet-info-row span:last-child {
    font-weight: 600
}

.classic-theme.teenpatti-page .bet-amount-input {
    margin-bottom: 15px
}

.classic-theme.teenpatti-page .bet-amount-input label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500
}

.classic-theme.teenpatti-page .bet-amount-input input {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    color: #333;
    border: 1px solid #555;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box
}

.classic-theme.teenpatti-page .bet-amount-input input:focus {
    outline: none;
    border-color: #004e92
}

.classic-theme.teenpatti-page .bet-amount-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 15px
}

.classic-theme.teenpatti-page .bet-amount-buttons button {
    flex: 1;
    padding: 10px;
    border: 1px solid #004e92;
    background-color: #fff;
    color: #004e92;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: all .2s
}

.classic-theme.teenpatti-page .bet-amount-buttons button:hover,.classic-theme.teenpatti-page .bet-amount-buttons button.active {
    background-color: #004e92;
    color: #fff
}

.classic-theme.teenpatti-page .bet-potential {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-weight: 500
}

.classic-theme.teenpatti-page .bet-potential .win-amount {
    color: green;
    font-weight: 700
}

.classic-theme.teenpatti-page .bet-slip-footer {
    padding: 15px 20px 20px
}

.classic-theme.teenpatti-page .place-bet-btn {
    width: 100%;
    padding: 12px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .2s
}

.classic-theme.teenpatti-page .place-bet-btn:hover {
    opacity: .9
}

.classic-theme.teenpatti-page .place-bet-btn:disabled {
    opacity: .6;
    cursor: not-allowed
}

@media screen and (max-width: 768px) {
    .classic-theme.teenpatti-page .bets-history-section {
        width:100%
    }

    .classic-theme.teenpatti-page .teenpatti-section {
        width: 100%;
        margin-top: 5px
    }

    .classic-theme.teenpatti-page .teenpatti-container {
        width: 97%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }

    .classic-theme.teenpatti-page .teenpatti-game-screen {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .classic-theme.teenpatti-page .teenpatti-game-box,.classic-theme.teenpatti-page .teenpatti-game-header {
        width: 100%
    }

    .classic-theme.teenpatti-page .teenpatti-live-tv-box {
        width: 100%;
        height: 220px
    }

    .classic-theme.teenpatti-page .teenpatti-odds-section {
        width: 100%
    }

    .classic-theme.teenpatti-page .teenpatti-odds-container {
        width: 98%
    }

    .classic-theme.teenpatti-page .teenpatti-odds-box {
        width: 32%
    }

    .classic-theme.teenpatti-page .odds-label,.classic-theme.teenpatti-page .odds-price,.classic-theme.teenpatti-page .odds-position {
        font-size: 14px
    }
}

.classic-theme.teenpatti-page .all-bets-modal {
    background-color: #fff;
    border-radius: 8px;
    width: 95%;
    max-width: 1000px;
    max-height: 80vh;
    box-shadow: 0 4px 20px #0000004d;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.classic-theme.teenpatti-page .all-bets-header {
    background-color: #1a365d;
    color: #fff;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 16px
}

.classic-theme.teenpatti-page .all-bets-header .close-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: opacity .2s
}

.classic-theme.teenpatti-page .all-bets-header .close-btn:hover {
    opacity: .8
}

.classic-theme.teenpatti-page .all-bets-body {
    padding: 0;
    overflow-y: auto;
    flex: 1
}

.classic-theme.teenpatti-page .all-bets-summary {
    display: flex;
    gap: 30px;
    padding: 15px 20px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee
}

.classic-theme.teenpatti-page .summary-item {
    display: flex;
    gap: 8px;
    align-items: center
}

.classic-theme.teenpatti-page .summary-label {
    font-weight: 600;
    color: #333;
    font-size: 14px
}

.classic-theme.teenpatti-page .summary-value {
    font-weight: 700;
    font-size: 14px
}

.classic-theme.teenpatti-page .summary-value.prof-loss.plus {
    color: #0020de
}

.classic-theme.teenpatti-page .summary-value.prof-loss.minus {
    color: #d73963
}

.classic-theme.teenpatti-page .all-bets-table {
    width: 100%;
    border-collapse: collapse
}

.classic-theme.teenpatti-page .all-bets-table th {
    background-color: #f5f5f5;
    color: #333;
    padding: 12px 10px;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    position: sticky;
    top: 0;
    border-bottom: 2px solid #ddd
}

.classic-theme.teenpatti-page .all-bets-table td {
    padding: 12px 10px;
    font-size: 13px;
    border-bottom: 1px solid #eee
}

.classic-theme.teenpatti-page .all-bets-table tbody tr:hover {
    background-color: #f9f9f9
}

.classic-theme.teenpatti-page .all-bets-table .total-row {
    background-color: #f5f5f5;
    font-weight: 600
}

.classic-theme.teenpatti-page .all-bets-table .total-row td {
    border-bottom: 2px solid #ddd
}

.classic-theme.teenpatti-page .all-bets-table .prof-loss.plus {
    color: #0020de;
    font-weight: 600
}

.classic-theme.teenpatti-page .all-bets-table .prof-loss.minus {
    color: #d73963;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .classic-theme.teenpatti-page .all-bets-modal {
        width:98%;
        max-height: 90vh
    }

    .classic-theme.teenpatti-page .all-bets-table th,.classic-theme.teenpatti-page .all-bets-table td {
        padding: 8px 6px;
        font-size: 11px
    }
}

.classic-theme.teenpatti-odi-page {
    background-color: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.classic-theme.teenpatti-odi-page .main-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important
}

.classic-theme.teenpatti-odi-page .main-header-table {
    width: 100%;
    border: #ffffff solid 1.5px;
    border-collapse: collapse
}

.classic-theme.teenpatti-odi-page .FontTextWhite {
    color: #fff
}

.classic-theme.teenpatti-odi-page .profile_picture_name h3 {
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0
}

.classic-theme.teenpatti-odi-page .profile_img p {
    margin: 0;
    padding: 2px 0
}

.classic-theme.teenpatti-odi-page .logo-img {
    max-width: 70px;
    height: auto
}

.classic-theme.teenpatti-odi-page .menu {
    background-color: #0a203b
}

.classic-theme.teenpatti-odi-page .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.classic-theme.teenpatti-odi-page .navMain li {
    flex: 1
}

.classic-theme.teenpatti-odi-page .navMain li.active a {
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    background-color: #0a203b;
    overflow: hidden
}

.classic-theme.teenpatti-odi-page .marquee-text {
    display: inline-block;
    white-space: nowrap;
    animation: teenpatti-odi-marquee 10s linear infinite
}

@keyframes teenpatti-odi-marquee {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

.classic-theme.teenpatti-odi-page .teenpatti-odi-section {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 20px
}

.classic-theme.teenpatti-odi-page .teenpatti-odi-container {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    padding: 10px
}

.classic-theme.teenpatti-odi-page .teenpatti-odi-game-screen {
    width: 70%;
    display: flex;
    justify-content: flex-end
}

.classic-theme.teenpatti-odi-page .teenpatti-odi-game-box {
    width: 65%;
    position: relative
}

.classic-theme.teenpatti-odi-page .bets-history-section {
    width: 30%
}

.classic-theme.teenpatti-odi-page .back-menu-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    border-bottom: 1px solid #d9d9d9
}

.classic-theme.teenpatti-odi-page .back-href {
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

.classic-theme.teenpatti-odi-page .back-href:hover {
    text-decoration: underline
}

.classic-theme.teenpatti-odi-page .game-type,.classic-theme.teenpatti-odi-page .game-round-id {
    color: #fff;
    text-wrap: nowrap;
    font-size: 12px
}

.classic-theme.teenpatti-odi-page .game-round-id .fa-info-circle {
    margin-left: 5px;
    cursor: pointer
}

.classic-theme.teenpatti-odi-page .teenpatti-odi-live-tv-box {
    width: 100%;
    height: 200px;
    border: 1px solid #004e92;
    position: relative;
    margin-top: 4px
}

.classic-theme.teenpatti-odi-page .teenpatti-odi-live-tv-box iframe {
    width: 100%;
    height: 100%;
    border: none
}

.classic-theme.teenpatti-odi-page .flip-clock {
    display: flex;
    gap: 5px;
    position: absolute;
    bottom: 20px;
    right: 20px
}

.classic-theme.teenpatti-odi-page .digits-group {
    display: flex;
    align-items: center
}

.classic-theme.teenpatti-odi-page .left {
    height: 30px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 7px 5px;
    background-color: #222;
    border-radius: 4px;
    backface-visibility: hidden;
    margin: 0 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px
}

.classic-theme.teenpatti-odi-page .card-shower {
    position: absolute;
    top: 5px;
    left: 10px;
    right: 10px
}

.classic-theme.teenpatti-odi-page .runners {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.classic-theme.teenpatti-odi-page .runner {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.classic-theme.teenpatti-odi-page .runner:last-child {
    align-items: flex-end
}

.classic-theme.teenpatti-odi-page .runner-name {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    margin-bottom: 3px;
    white-space: nowrap
}

.classic-theme.teenpatti-odi-page .runner-cards {
    display: flex
}

.classic-theme.teenpatti-odi-page .card-img-wrapper {
    width: 31.875px;
    height: 45px;
    margin: 1px
}

.classic-theme.teenpatti-odi-page .card-img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.classic-theme.teenpatti-odi-page .teenpatti-odi-odds-table {
    width: 100%;
    border: 1px solid #000;
    margin-top: 4px
}

.classic-theme.teenpatti-odi-page .odds-table-header {
    width: 100%;
    height: 50px;
    background-color: #b2b2b2;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.classic-theme.teenpatti-odi-page .table-header-left {
    width: 60%;
    display: flex;
    align-items: center;
    padding-left: 10px
}

.classic-theme.teenpatti-odi-page .min-max {
    font-size: 12px
}

.classic-theme.teenpatti-odi-page .table-header-right {
    width: 40%;
    display: flex;
    justify-content: center
}

.classic-theme.teenpatti-odi-page .odds-table-body {
    width: 100%;
    margin-top: 2px;
    background-color: #b2b2b2
}

.classic-theme.teenpatti-odi-page .odds-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    margin-top: 2px
}

.classic-theme.teenpatti-odi-page .runner-info {
    width: 60%;
    background-color: #b2b2b2;
    display: flex;
    align-items: center;
    padding-left: 10px;
    justify-content: space-between
}

.classic-theme.teenpatti-odi-page .runner-info .runner-name {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;
    flex-shrink: 0
}

.classic-theme.teenpatti-odi-page .odds-position {
    font-size: 14px;
    margin-right: 10px;
    white-space: nowrap;
    flex-shrink: 0;
    background: transparent;
    width: auto;
    text-align: left;
    padding: 0
}

.classic-theme.teenpatti-odi-page .odds-position.plus {
    color: green
}

.classic-theme.teenpatti-odi-page .odds-position.minus {
    color: #e91100
}

.classic-theme.teenpatti-odi-page .odds-boxes {
    width: 40%;
    display: flex;
    justify-content: center
}

.classic-theme.teenpatti-odi-page .odds-boxes.dual {
    display: flex;
    justify-content: space-between
}

.classic-theme.teenpatti-odi-page .odds-box {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    position: relative;
    cursor: pointer;
    transition: opacity .2s
}

.classic-theme.teenpatti-odi-page .odds-box:hover:not(.suspended) {
    opacity: .8
}

.classic-theme.teenpatti-odi-page .odds-rate {
    font-size: 15px;
    color: #fff;
    font-weight: 600
}

.classic-theme.teenpatti-odi-page .odds-box.suspended {
    position: relative;
    cursor: not-allowed!important
}

.classic-theme.teenpatti-odi-page .odds-box.suspended:after {
    content: "";
    font-family: "Font Awesome 5 Free","Font Awesome 5 Pro",sans-serif;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000b3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px
}

.classic-theme.teenpatti-odi-page .last-results-section {
    width: 100%;
    margin-top: 5px
}

.classic-theme.teenpatti-odi-page .last-result-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    padding: 0 5px
}

.classic-theme.teenpatti-odi-page .last-result-heading,.classic-theme.teenpatti-odi-page .last-result-view-all {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize
}

.classic-theme.teenpatti-odi-page .last-result-container {
    background-color: #a2a2a2;
    padding: 10px 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap
}

.classic-theme.teenpatti-odi-page .last-result-box {
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: circle();
    color: #fff;
    font-size: 13px;
    margin: 0 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.classic-theme.teenpatti-odi-page .last-result-box.A {
    background-color: #368011
}

.classic-theme.teenpatti-odi-page .last-result-box.B {
    background-color: #e91100
}

.classic-theme.teenpatti-odi-page .bets-table-section {
    width: 95%;
    margin: auto
}

.classic-theme.teenpatti-odi-page .my-bets-heading {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    height: 35px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.classic-theme.teenpatti-odi-page .bets-table {
    width: 100%;
    margin-top: 5px;
    background-color: #fff!important
}

.classic-theme.teenpatti-odi-page .bets-table .table {
    width: 100%!important;
    border-collapse: collapse
}

.classic-theme.teenpatti-odi-page .bets-table .table td {
    text-align: center!important;
    font-size: 13px!important;
    color: #000;
    font-weight: 700;
    height: 25px;
    padding: 5px;
    border: 1px solid #ddd
}

.classic-theme.teenpatti-odi-page .bets-table thead {
    height: 35px
}

.classic-theme.teenpatti-odi-page .bets-table thead tr {
    text-align: start
}

.classic-theme.teenpatti-odi-page .bets-table thead tr th {
    padding: 0 10px!important;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    text-wrap: nowrap;
    font-size: 13px;
    border: 1px solid #ddd
}

.classic-theme.teenpatti-odi-page .bet-history-td {
    padding: 8px;
    text-align: center
}

.classic-theme.teenpatti-odi-page .see-all-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.classic-theme.teenpatti-odi-page .see-all-btn {
    color: #fff;
    height: 35px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    border: none;
    outline: none;
    border-radius: 3px;
    padding: 0 15px;
    font-size: 13px;
    cursor: pointer
}

.classic-theme.teenpatti-odi-page .see-all-btn:hover {
    opacity: .9
}

.classic-theme.teenpatti-odi-page .bet-slip-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000080;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.classic-theme.teenpatti-odi-page .bet-slip-modal {
    background-color: #fff;
    border-radius: 8px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 4px 20px #0000004d;
    overflow: hidden
}

.classic-theme.teenpatti-odi-page .bet-slip-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600
}

.classic-theme.teenpatti-odi-page .bet-slip-header.back {
    background: #72bbef;
    color: #000
}

.classic-theme.teenpatti-odi-page .bet-slip-header.lay {
    background: #faa9ba;
    color: #000
}

.classic-theme.teenpatti-odi-page .bet-slip-header .close-btn {
    background: none;
    border: none;
    color: inherit;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    line-height: 1
}

.classic-theme.teenpatti-odi-page .bet-slip-body {
    padding: 20px
}

.classic-theme.teenpatti-odi-page .bet-slip-info {
    margin-bottom: 15px
}

.classic-theme.teenpatti-odi-page .bet-info-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #eee
}

.classic-theme.teenpatti-odi-page .bet-info-row span:first-child {
    color: #666
}

.classic-theme.teenpatti-odi-page .bet-info-row span:last-child {
    font-weight: 600
}

.classic-theme.teenpatti-odi-page .back-text {
    color: #72bbef
}

.classic-theme.teenpatti-odi-page .lay-text {
    color: #faa9ba
}

.classic-theme.teenpatti-odi-page .bet-amount-input {
    margin-bottom: 15px
}

.classic-theme.teenpatti-odi-page .bet-amount-input label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500
}

.classic-theme.teenpatti-odi-page .bet-amount-input input {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    color: #333;
    border: 1px solid #555;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box
}

.classic-theme.teenpatti-odi-page .bet-amount-input input:focus {
    outline: none;
    border-color: #004e92
}

.classic-theme.teenpatti-odi-page .bet-amount-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 15px
}

.classic-theme.teenpatti-odi-page .bet-amount-buttons button {
    flex: 1;
    padding: 10px;
    border: 1px solid #004e92;
    background-color: #fff;
    color: #004e92;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: all .2s
}

.classic-theme.teenpatti-odi-page .bet-amount-buttons button:hover,.classic-theme.teenpatti-odi-page .bet-amount-buttons button.active {
    background-color: #004e92;
    color: #fff
}

.classic-theme.teenpatti-odi-page .bet-potential {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-weight: 500
}

.classic-theme.teenpatti-odi-page .bet-potential .win-amount {
    color: green;
    font-weight: 700
}

.classic-theme.teenpatti-odi-page .bet-slip-footer {
    padding: 15px 20px 20px
}

.classic-theme.teenpatti-odi-page .place-bet-btn {
    width: 100%;
    padding: 12px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .2s
}

.classic-theme.teenpatti-odi-page .place-bet-btn.back {
    background: #72bbef;
    color: #000
}

.classic-theme.teenpatti-odi-page .place-bet-btn.lay {
    background: #faa9ba;
    color: #000
}

.classic-theme.teenpatti-odi-page .place-bet-btn:hover {
    opacity: .9
}

.classic-theme.teenpatti-odi-page .place-bet-btn:disabled {
    opacity: .6;
    cursor: not-allowed
}

@media screen and (max-width: 768px) {
    .classic-theme.teenpatti-odi-page .bets-history-section {
        width:100%
    }

    .classic-theme.teenpatti-odi-page .teenpatti-odi-section {
        width: 100%;
        margin-top: 5px
    }

    .classic-theme.teenpatti-odi-page .teenpatti-odi-container {
        width: 97%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }

    .classic-theme.teenpatti-odi-page .teenpatti-odi-game-screen {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .classic-theme.teenpatti-odi-page .teenpatti-odi-game-box,.classic-theme.teenpatti-odi-page .teenpatti-odi-game-header {
        width: 100%
    }

    .classic-theme.teenpatti-odi-page .teenpatti-odi-live-tv-box {
        width: 100%;
        height: 220px
    }

    .classic-theme.teenpatti-odi-page .teenpatti-odi-odds-section {
        width: 100%
    }

    .classic-theme.teenpatti-odi-page .teenpatti-odi-odds-container {
        width: 98%
    }

    .classic-theme.teenpatti-odi-page .teenpatti-odi-odds-box {
        width: 32%
    }

    .classic-theme.teenpatti-odi-page .odds-label,.classic-theme.teenpatti-odi-page .odds-price {
        font-size: 14px
    }

    .classic-theme.teenpatti-odi-page .odds-position {
        font-size: 0px;
        margin-top: 2px
    }

    .classic-theme.teenpatti-odi-page .odds-rate {
        font-size: 14px!important
    }

    .classic-theme.teenpatti-odi-page .odds-box {
        height: 40px
    }
}

.classic-theme.dragontiger-page {
    background-color: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.classic-theme.dragontiger-page .main-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important
}

.classic-theme.dragontiger-page .main-header-table {
    width: 100%;
    border: #ffffff solid 1.5px;
    border-collapse: collapse
}

.classic-theme.dragontiger-page .FontTextWhite {
    color: #fff
}

.classic-theme.dragontiger-page .profile_picture_name h3 {
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0
}

.classic-theme.dragontiger-page .profile_img p {
    margin: 0;
    padding: 2px 0
}

.classic-theme.dragontiger-page .logo-img {
    max-width: 70px;
    height: auto
}

.classic-theme.dragontiger-page .menu {
    background-color: #0a203b
}

.classic-theme.dragontiger-page .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.classic-theme.dragontiger-page .navMain li {
    flex: 1
}

.classic-theme.dragontiger-page .navMain li.active a {
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    background-color: #0a203b;
    overflow: hidden
}

.classic-theme.dragontiger-page .marquee-text {
    display: inline-block;
    white-space: nowrap;
    animation: dragontiger-marquee 10s linear infinite
}

@keyframes dragontiger-marquee {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

.dragontiger-section {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 20px
}

.dragontiger-container {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    padding: 10px
}

.dragontiger-game-screen {
    width: 70%;
    display: flex;
    justify-content: flex-end
}

.dragontiger-game-box {
    width: 65%;
    position: relative;
    border: 1px solid #1a365d
}

.dragontiger-live-tv-box {
    width: 100%;
    height: 350px;
    position: relative;
    background: #000
}

.dragontiger-live-tv-box iframe {
    width: 100%;
    height: 100%;
    border: none
}

.card-img-wrapper.dt-card {
    width: 44px;
    height: 60.5px;
    background: #8b7355;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 2px 4px #0000004d
}

.card-img-wrapper.dt-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.dragontiger-odds-table {
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ccc
}

.odds-horizontal-container {
    display: flex;
    width: 100%
}

.odds-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #ddd
}

.odds-column:last-child {
    border-right: none
}

.odds-rate-display {
    width: 100%;
    text-align: center;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd
}

.odds-btn {
    width: 100%;
    padding: 12px 0;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: opacity .2s
}

.odds-btn:hover {
    opacity: .85
}

.odds-btn.dragon-btn,.odds-btn.tie-btn,.odds-btn.tiger-btn {
    background: #1a365d
}

.odds-btn.suspended {
    position: relative;
    cursor: not-allowed!important;
    opacity: .7
}

.odds-btn.suspended:after {
    content: "";
    font-family: "Font Awesome 5 Free","Font Awesome 5 Pro",sans-serif;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0009;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px
}

.odds-position {
    width: 100%;
    text-align: center;
    padding: 6px 0;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff
}

.last-result-box.D {
    background-color: #22c55e
}

.last-result-box.T {
    background-color: #ef4444
}

.last-result-box.Tie {
    background-color: #f59e0b
}

.all-bets-modal {
    background-color: #fff;
    border-radius: 8px;
    width: 95%;
    max-width: 1000px;
    max-height: 80vh;
    box-shadow: 0 4px 20px #0000004d;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.all-bets-header {
    background: #1a365d;
    color: #fff;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 16px
}

.all-bets-header .close-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: opacity .2s
}

.all-bets-header .close-btn:hover {
    opacity: .8
}

.all-bets-body {
    padding: 0;
    overflow-y: auto;
    flex: 1;
    color: #333
}

.all-bets-summary {
    display: flex;
    gap: 30px;
    padding: 15px 20px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee
}

.summary-item {
    display: flex;
    gap: 8px;
    align-items: center
}

.summary-label {
    font-weight: 600;
    color: #333;
    font-size: 14px
}

.summary-value {
    font-weight: 700;
    font-size: 14px
}

.summary-value.prof-loss.plus {
    color: #22c55e
}

.summary-value.prof-loss.minus {
    color: #ef4444
}

.all-bets-table {
    width: 100%;
    border-collapse: collapse
}

.all-bets-table th {
    background-color: #f5f5f5;
    color: #333;
    padding: 12px 10px;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    position: sticky;
    top: 0;
    border-bottom: 2px solid #ddd
}

.all-bets-table td {
    padding: 12px 10px;
    font-size: 13px;
    border-bottom: 1px solid #eee;
    color: #333
}

.all-bets-table tbody tr:hover {
    background-color: #f9f9f9
}

.all-bets-table .prof-loss.plus {
    color: #22c55e;
    font-weight: 600
}

.all-bets-table .prof-loss.minus {
    color: #ef4444;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .bets-history-section {
        width:100%
    }

    .dragontiger-section {
        width: 100%;
        margin-top: 5px
    }

    .dragontiger-container {
        width: 97%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }

    .dragontiger-game-screen {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .dragontiger-game-box,.dragontiger-game-header {
        width: 100%
    }

    .dragontiger-live-tv-box {
        width: 100%;
        height: 250px
    }

    .odds-btn {
        font-size: 13px;
        padding: 10px 0
    }

    .odds-rate-display {
        font-size: 14px
    }

    .all-bets-modal {
        width: 98%;
        max-height: 90vh
    }

    .all-bets-table th,.all-bets-table td {
        padding: 8px 6px;
        font-size: 11px
    }

    .bets-table-section {
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box
    }
}

.classic-theme.dragontiger-odi-page {
    background-color: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.classic-theme.dragontiger-odi-page .main-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important
}

.classic-theme.dragontiger-odi-page .main-header-table {
    width: 100%;
    border: #ffffff solid 1.5px;
    border-collapse: collapse
}

.classic-theme.dragontiger-odi-page .FontTextWhite {
    color: #fff
}

.classic-theme.dragontiger-odi-page .profile_picture_name h3 {
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0
}

.classic-theme.dragontiger-odi-page .profile_img p {
    margin: 0;
    padding: 2px 0
}

.classic-theme.dragontiger-odi-page .logo-img {
    max-width: 70px;
    height: auto
}

.classic-theme.dragontiger-odi-page .menu {
    background-color: #0a203b
}

.classic-theme.dragontiger-odi-page .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.classic-theme.dragontiger-odi-page .navMain li {
    flex: 1
}

.classic-theme.dragontiger-odi-page .navMain li.active a {
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    background-color: #0a203b;
    overflow: hidden
}

.classic-theme.dragontiger-odi-page .marquee-text {
    display: inline-block;
    white-space: nowrap;
    animation: dragontiger-odi-marquee 10s linear infinite
}

@keyframes dragontiger-odi-marquee {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

.back-href {
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

.game-type,.game-round-id {
    color: #fff;
    text-wrap: nowrap;
    font-size: 12px
}

.dragontiger-odi-live-tv-box {
    width: 100%;
    height: 210px;
    border: 1px solid #004e92;
    position: relative;
    margin-top: 4px;
    background: #000;
    overflow: visible
}

.dragontiger-odi-live-tv-box iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    position: relative;
    z-index: 1
}

.classic-theme.dragontiger-odi-page .flip-clock {
    display: flex;
    gap: 5px
}

.left {
    height: 30px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 7px 5px;
    background-color: #222;
    border-radius: 4px;
    backface-visibility: hidden;
    margin: 0 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px
}

.classic-theme.dragontiger-odi-page .card-shower {
    position: absolute!important;
    top: 10px!important;
    left: 10px!important;
    z-index: 9999!important;
    display: flex!important;
    gap: 8px!important;
    pointer-events: none
}

.classic-theme.dragontiger-odi-page .runner-cards-display {
    display: flex;
    gap: 5px
}

.classic-theme.dragontiger-odi-page .card-img-wrapper.dt-card {
    width: 38.5px;
    height: 55px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 2px 6px #00000080;
    border: 1px solid #fff
}

.classic-theme.dragontiger-odi-page .card-img-wrapper.dt-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.dragontiger-odi-odds-table {
    width: 100%;
    border: 1px solid #000;
    margin-top: 4px
}

.odds-table-header {
    width: 100%;
    height: 40px;
    background-color: #b2b2b2;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.table-header-left {
    width: 60%;
    display: flex;
    align-items: center;
    padding-left: 10px
}

.min-max {
    font-size: 12px
}

.table-header-right {
    width: 40%;
    display: flex;
    justify-content: center
}

.odds-table-body {
    width: 100%;
    margin-top: 2px;
    background-color: #b2b2b2
}

.odds-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    margin-top: 2px
}

.runner-info {
    width: 60%;
    background-color: #b2b2b2;
    display: flex;
    align-items: center;
    padding-left: 10px;
    justify-content: space-between
}

.runner-info .runner-name {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;
    flex-shrink: 0
}

.classic-theme.dragontiger-odi-page .odds-position {
    font-size: 14px;
    margin-right: 10px;
    white-space: nowrap;
    flex-shrink: 0;
    background: transparent;
    width: auto;
    text-align: left;
    padding: 0;
    font-weight: 600
}

.classic-theme.dragontiger-odi-page .odds-position.plus {
    color: green
}

.classic-theme.dragontiger-odi-page .odds-position.minus {
    color: #e91100
}

.classic-theme.dragontiger-odi-page .odds-boxes {
    width: 40%;
    display: flex;
    justify-content: center
}

.classic-theme.dragontiger-odi-page .odds-boxes.dual {
    display: flex;
    justify-content: space-between
}

.classic-theme.dragontiger-odi-page .odds-box {
    width: 50%;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    position: relative;
    cursor: pointer;
    transition: opacity .2s
}

.classic-theme.dragontiger-odi-page .odds-box:hover:not(.suspended) {
    opacity: .8
}

.classic-theme.dragontiger-odi-page .odds-rate {
    font-size: 13px;
    color: #fff;
    font-weight: 600
}

.classic-theme.dragontiger-odi-page .odds-box.suspended {
    position: relative;
    cursor: not-allowed!important
}

.classic-theme.dragontiger-odi-page .odds-box.suspended:after {
    content: "";
    font-family: "Font Awesome 5 Free","Font Awesome 5 Pro",sans-serif;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000b3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px
}

.last-results-section {
    width: 100%;
    margin-top: 5px
}

.last-result-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    padding: 0 5px
}

.last-result-heading,.last-result-view-all {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize
}

.last-result-container {
    background-color: #a2a2a2;
    padding: 10px 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap
}

.last-result-box {
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: circle();
    color: #fff;
    font-size: 13px;
    margin: 0 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.last-result-box.D {
    background-color: #368011
}

.last-result-box.T {
    background-color: #e91100
}

.last-result-box.P {
    background-color: #004e92
}

.bets-table-section {
    width: 95%;
    margin: auto
}

.bets-table {
    width: 100%;
    margin-top: 5px;
    background-color: #fff!important
}

.bets-table .table td {
    text-align: center!important;
    font-size: 13px!important;
    color: #000;
    font-weight: 700;
    height: 25px;
    padding: 5px;
    border: 1px solid #ddd
}

.bets-table thead tr {
    text-align: start
}

.bets-table thead tr th {
    padding: 0 10px!important;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    text-wrap: nowrap;
    font-size: 13px;
    border: 1px solid #ddd
}

.see-all-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.see-all-btn {
    color: #fff;
    height: 35px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    border: none;
    outline: none;
    border-radius: 3px;
    padding: 0 15px;
    font-size: 13px;
    cursor: pointer
}

.bet-slip-body {
    padding: 20px
}

.bet-info-row span:last-child {
    font-weight: 600
}

.bet-potential .win-amount {
    color: green;
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .bets-history-section {
        width:100%
    }

    .dragontiger-odi-section {
        width: 100%;
        margin-top: 5px
    }

    .dragontiger-odi-container {
        width: 97%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }

    .dragontiger-odi-game-screen {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .dragontiger-odi-game-box,.dragontiger-odi-game-header {
        width: 100%
    }

    .dragontiger-odi-live-tv-box {
        width: 100%;
        height: 220px
    }

    .dragontiger-odi-odds-section {
        width: 100%
    }

    .dragontiger-odi-odds-container {
        width: 98%
    }

    .dragontiger-odi-odds-box {
        width: 32%
    }

    .odds-label,.odds-price {
        font-size: 14px
    }

    .classic-theme.dragontiger-odi-page .odds-position {
        font-size: 0px;
        margin-top: 2px
    }

    .odds-rate {
        font-size: 14px!important
    }

    .classic-theme.dragontiger-odi-page .odds-box {
        height: 40px
    }
}

.classic-theme.andarbahar-page {
    background-color: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.classic-theme.andarbahar-page .main-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important
}

.classic-theme.andarbahar-page .main-header-table {
    width: 100%;
    border: #ffffff solid 1.5px;
    border-collapse: collapse
}

.classic-theme.andarbahar-page .FontTextWhite {
    color: #fff
}

.classic-theme.andarbahar-page .profile_picture_name h3 {
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0
}

.classic-theme.andarbahar-page .profile_img p {
    margin: 0;
    padding: 2px 0
}

.classic-theme.andarbahar-page .logo-img {
    max-width: 70px;
    height: auto
}

.classic-theme.andarbahar-page .menu {
    background-color: #0a203b
}

.classic-theme.andarbahar-page .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.classic-theme.andarbahar-page .navMain li {
    flex: 1
}

.classic-theme.andarbahar-page .navMain li.active a {
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    background-color: #0a203b;
    overflow: hidden
}

.classic-theme.andarbahar-page .marquee-text {
    display: inline-block;
    white-space: nowrap;
    animation: andarbahar-marquee 10s linear infinite
}

@keyframes andarbahar-marquee {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

.classic-theme.andarbahar-page .andarbahar-section {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 20px
}

.classic-theme.andarbahar-page .andarbahar-container {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    padding: 10px
}

.classic-theme.andarbahar-page .andarbahar-game-screen {
    width: 70%;
    display: flex;
    justify-content: flex-end
}

.classic-theme.andarbahar-page .andarbahar-game-box {
    width: 65%;
    position: relative;
    border: 1px solid #004e92
}

.classic-theme.andarbahar-page .bets-history-section {
    width: 30%
}

.classic-theme.andarbahar-page .back-menu-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    border-bottom: 1px solid #d9d9d9
}

.classic-theme.andarbahar-page .back-href {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: 500
}

.classic-theme.andarbahar-page .back-href:hover {
    text-decoration: underline
}

.classic-theme.andarbahar-page .game-type,.classic-theme.andarbahar-page .game-round-id {
    color: #fff;
    text-wrap: nowrap;
    font-size: 12px
}

.classic-theme.andarbahar-page .game-round-id .fa-info-circle {
    margin-left: 5px;
    cursor: pointer
}

.classic-theme.andarbahar-page .andarbahar-live-tv-box {
    width: 100%;
    height: 200px;
    border: 1px solid #004e92;
    position: relative;
    background: #000
}

.classic-theme.andarbahar-page .andarbahar-live-tv-box iframe {
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: none;
    z-index: 1
}

.classic-theme.andarbahar-page .flip-clock {
    display: flex;
    gap: 5px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10
}

.classic-theme.andarbahar-page .digits-group {
    display: flex;
    align-items: center
}

.classic-theme.andarbahar-page .left {
    height: 30px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 7px 5px;
    background-color: #222;
    border-radius: 4px;
    backface-visibility: hidden;
    margin: 0 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px
}

.classic-theme.andarbahar-page .ab-cards-show-box {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2
}

.classic-theme.andarbahar-page .ab-show-cards-container {
    display: flex;
    align-items: center
}

.classic-theme.andarbahar-page .ab-joker-card {
    width: 26.25px;
    height: 37.5px;
    margin-right: 6px;
    flex-shrink: 0
}

.classic-theme.andarbahar-page .ab-joker-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    border-radius: 3px;
    box-shadow: 0 2px 4px #0000004d
}

.classic-theme.andarbahar-page .ab-cards-rows {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.classic-theme.andarbahar-page .ab-cards-row {
    width: 86.75px;
    overflow: hidden;
    position: relative
}

.classic-theme.andarbahar-page .ab-cards-row-inner {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 37.5px;
    transition: transform .3s ease-out
}

.classic-theme.andarbahar-page .ab-cards-row-inner.shifting {
    animation: shiftLeft .3s ease-out forwards
}

@keyframes shiftLeft {
    0% {
        transform: translate(30.25px)
    }

    to {
        transform: translate(0)
    }
}

.classic-theme.andarbahar-page .ab-card-item {
    width: 26.25px;
    height: 37.5px;
    flex-shrink: 0
}

.classic-theme.andarbahar-page .ab-card-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    border-radius: 3px;
    box-shadow: 0 2px 4px #0000004d
}

.classic-theme.andarbahar-page .andarbahar-odds-table {
    width: 100%;
    border: 1px solid #000
}

.classic-theme.andarbahar-page .odds-table-header {
    width: 100%;
    height: 50px;
    background-color: #b2b2b2;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.classic-theme.andarbahar-page .table-header-left {
    width: 60%;
    display: flex;
    align-items: center;
    padding-left: 10px
}

.classic-theme.andarbahar-page .min-max {
    font-size: 12px
}

.classic-theme.andarbahar-page .table-header-right {
    width: 40%;
    display: flex;
    justify-content: center
}

.classic-theme.andarbahar-page .odds-table-body {
    width: 100%;
    margin-top: 2px
}

.classic-theme.andarbahar-page .odds-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    margin-top: 2px
}

.classic-theme.andarbahar-page .runner-info {
    width: 60%;
    background-color: #b2b2b2;
    display: flex;
    align-items: center;
    padding-left: 10px;
    justify-content: space-between
}

.classic-theme.andarbahar-page .runner-info .runner-name {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 0
}

.classic-theme.andarbahar-page .runner-position {
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px
}

.classic-theme.andarbahar-page .runner-position.plus {
    color: green
}

.classic-theme.andarbahar-page .runner-position.minus {
    color: #e91100
}

.classic-theme.andarbahar-page .odds-position {
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px
}

.classic-theme.andarbahar-page .odds-position.plus {
    color: green
}

.classic-theme.andarbahar-page .odds-position.minus {
    color: #e91100
}

.classic-theme.andarbahar-page .odds-boxes {
    width: 40%;
    display: flex;
    justify-content: center
}

.classic-theme.andarbahar-page .odds-box {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    position: relative;
    cursor: pointer;
    transition: opacity .2s
}

.classic-theme.andarbahar-page .odds-box:hover {
    opacity: .8
}

.classic-theme.andarbahar-page .odds-rate {
    font-size: 15px;
    color: #fff;
    font-weight: 600
}

.classic-theme.andarbahar-page .odds-box.suspended {
    position: relative;
    cursor: not-allowed!important
}

.classic-theme.andarbahar-page .odds-box.suspended:after {
    content: "";
    font-family: "Font Awesome 5 Free","Font Awesome 5 Pro",sans-serif;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000b3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px
}

.classic-theme.andarbahar-page .last-results-section {
    width: 100%;
    margin-top: 5px
}

.classic-theme.andarbahar-page .last-result-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    padding: 0 5px
}

.classic-theme.andarbahar-page .last-result-heading,.classic-theme.andarbahar-page .last-result-view-all {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize
}

.classic-theme.andarbahar-page .last-result-container {
    background-color: #a2a2a2;
    padding: 10px 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap
}

.classic-theme.andarbahar-page .last-result-box {
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: circle();
    color: #fff;
    font-size: 13px;
    margin: 0 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.classic-theme.andarbahar-page .last-result-box.A {
    background-color: #368011
}

.classic-theme.andarbahar-page .last-result-box.B {
    background-color: #e91100
}

.classic-theme.andarbahar-page .last-result-box.\? {
    background-color: #f59e0b
}

.classic-theme.andarbahar-page .bets-table-section {
    width: 95%;
    margin: auto
}

.classic-theme.andarbahar-page .my-bets-heading {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    height: 35px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.classic-theme.andarbahar-page .bets-table {
    width: 100%;
    margin-top: 5px;
    background-color: #fff!important
}

.classic-theme.andarbahar-page .bets-table .table {
    width: 100%!important;
    border-collapse: collapse
}

.classic-theme.andarbahar-page .bets-table .table td {
    text-align: center!important;
    font-size: 13px!important;
    color: #000;
    font-weight: 700;
    height: 25px;
    padding: 5px;
    border: 1px solid #ddd
}

.classic-theme.andarbahar-page .bets-table thead {
    height: 35px
}

.classic-theme.andarbahar-page .bets-table thead tr {
    text-align: start
}

.classic-theme.andarbahar-page .bets-table thead tr th {
    padding: 0 10px!important;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    text-wrap: nowrap;
    font-size: 13px;
    border: 1px solid #ddd
}

.classic-theme.andarbahar-page .bet-history-td {
    padding: 8px;
    text-align: center
}

.classic-theme.andarbahar-page .see-all-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.classic-theme.andarbahar-page .see-all-btn {
    color: #fff;
    height: 35px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    border: none;
    outline: none;
    border-radius: 3px;
    padding: 0 15px;
    font-size: 13px;
    cursor: pointer
}

.classic-theme.andarbahar-page .see-all-btn:hover {
    opacity: .9
}

.classic-theme.andarbahar-page .bet-slip-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000080;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.classic-theme.andarbahar-page .bet-slip-modal {
    background-color: #fff;
    border-radius: 8px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 4px 20px #0000004d;
    overflow: hidden
}

.classic-theme.andarbahar-page .bet-slip-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600
}

.classic-theme.andarbahar-page .bet-slip-header.back {
    background: #72bbef;
    color: #000
}

.classic-theme.andarbahar-page .bet-slip-header.lay {
    background: #faa9ba;
    color: #000
}

.classic-theme.andarbahar-page .bet-slip-header .close-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    line-height: 1
}

.classic-theme.andarbahar-page .bet-slip-body {
    padding: 20px
}

.classic-theme.andarbahar-page .bet-slip-info {
    margin-bottom: 15px
}

.classic-theme.andarbahar-page .bet-info-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #eee
}

.classic-theme.andarbahar-page .bet-info-row span:first-child {
    color: #666
}

.classic-theme.andarbahar-page .bet-info-row span:last-child {
    font-weight: 600
}

.classic-theme.andarbahar-page .bet-amount-input {
    margin-bottom: 15px
}

.classic-theme.andarbahar-page .bet-amount-input label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500
}

.classic-theme.andarbahar-page .bet-amount-input input {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    color: #333;
    border: 1px solid #555;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box
}

.classic-theme.andarbahar-page .bet-amount-input input:focus {
    outline: none;
    border-color: #004e92
}

.classic-theme.andarbahar-page .bet-amount-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 15px
}

.classic-theme.andarbahar-page .bet-amount-buttons button {
    flex: 1;
    padding: 10px;
    border: 1px solid #004e92;
    background-color: #fff;
    color: #004e92;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: all .2s
}

.classic-theme.andarbahar-page .bet-amount-buttons button:hover,.classic-theme.andarbahar-page .bet-amount-buttons button.active {
    background-color: #004e92;
    color: #fff
}

.classic-theme.andarbahar-page .bet-potential {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-weight: 500
}

.classic-theme.andarbahar-page .bet-potential .win-amount {
    color: green;
    font-weight: 700
}

.classic-theme.andarbahar-page .bet-slip-footer {
    padding: 15px 20px 20px
}

.classic-theme.andarbahar-page .place-bet-btn {
    width: 100%;
    padding: 12px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .2s
}

.classic-theme.andarbahar-page .place-bet-btn:hover {
    opacity: .9
}

.classic-theme.andarbahar-page .place-bet-btn:disabled {
    opacity: .6;
    cursor: not-allowed
}

.classic-theme.andarbahar-page .all-bets-modal {
    background-color: #fff;
    border-radius: 8px;
    width: 95%;
    max-width: 1000px;
    max-height: 80vh;
    box-shadow: 0 4px 20px #0000004d;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.classic-theme.andarbahar-page .all-bets-header {
    background-color: #1a365d;
    color: #fff;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 16px
}

.classic-theme.andarbahar-page .all-bets-header .close-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: opacity .2s
}

.classic-theme.andarbahar-page .all-bets-header .close-btn:hover {
    opacity: .8
}

.classic-theme.andarbahar-page .all-bets-body {
    padding: 0;
    overflow-y: auto;
    flex: 1
}

.classic-theme.andarbahar-page .all-bets-summary {
    display: flex;
    gap: 30px;
    padding: 15px 20px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee
}

.classic-theme.andarbahar-page .summary-item {
    display: flex;
    gap: 8px;
    align-items: center
}

.classic-theme.andarbahar-page .summary-label {
    font-weight: 600;
    color: #333;
    font-size: 14px
}

.classic-theme.andarbahar-page .summary-value {
    font-weight: 700;
    font-size: 14px
}

.classic-theme.andarbahar-page .summary-value.prof-loss.plus {
    color: #0020de
}

.classic-theme.andarbahar-page .summary-value.prof-loss.minus {
    color: #d73963
}

.classic-theme.andarbahar-page .all-bets-table {
    width: 100%;
    border-collapse: collapse
}

.classic-theme.andarbahar-page .all-bets-table th {
    background-color: #f5f5f5;
    color: #333;
    padding: 12px 10px;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    position: sticky;
    top: 0;
    border-bottom: 2px solid #ddd
}

.classic-theme.andarbahar-page .all-bets-table td {
    padding: 12px 10px;
    font-size: 13px;
    border-bottom: 1px solid #eee
}

.classic-theme.andarbahar-page .all-bets-table tbody tr:hover {
    background-color: #f9f9f9
}

.classic-theme.andarbahar-page .all-bets-table .total-row {
    background-color: #f5f5f5;
    font-weight: 600
}

.classic-theme.andarbahar-page .all-bets-table .total-row td {
    border-bottom: 2px solid #ddd
}

.classic-theme.andarbahar-page .all-bets-table .prof-loss.plus {
    color: #0020de;
    font-weight: 600
}

.classic-theme.andarbahar-page .all-bets-table .prof-loss.minus {
    color: #d73963;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .classic-theme.andarbahar-page .bets-history-section {
        width:100%
    }

    .classic-theme.andarbahar-page .andarbahar-section {
        width: 100%;
        margin-top: 5px
    }

    .classic-theme.andarbahar-page .andarbahar-container {
        width: 97%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }

    .classic-theme.andarbahar-page .andarbahar-game-screen {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .classic-theme.andarbahar-page .andarbahar-game-box,.classic-theme.andarbahar-page .andarbahar-game-header {
        width: 100%
    }

    .classic-theme.andarbahar-page .andarbahar-live-tv-box {
        width: 100%;
        height: 220px
    }

    .classic-theme.andarbahar-page .andarbahar-odds-section {
        width: 100%
    }

    .classic-theme.andarbahar-page .andarbahar-odds-container {
        width: 98%
    }

    .classic-theme.andarbahar-page .andarbahar-odds-box {
        width: 32%
    }

    .classic-theme.andarbahar-page .odds-label,.classic-theme.andarbahar-page .odds-price,.classic-theme.andarbahar-page .odds-position {
        font-size: 14px
    }

    .classic-theme.andarbahar-page .ab-cards-carousel {
        width: 80px
    }

    .classic-theme.andarbahar-page .all-bets-modal {
        width: 98%;
        max-height: 90vh
    }

    .classic-theme.andarbahar-page .all-bets-table th,.classic-theme.andarbahar-page .all-bets-table td {
        padding: 8px 6px;
        font-size: 11px
    }
}

.classic-theme.aaa-page {
    background-color: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.classic-theme.aaa-page .main-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important
}

.classic-theme.aaa-page .main-header-table {
    width: 100%;
    border: #ffffff solid 1.5px;
    border-collapse: collapse
}

.classic-theme.aaa-page .FontTextWhite {
    color: #fff
}

.classic-theme.aaa-page .profile_picture_name h3 {
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0
}

.classic-theme.aaa-page .profile_img p {
    margin: 0;
    padding: 2px 0
}

.classic-theme.aaa-page .logo-img {
    max-width: 70px;
    height: auto
}

.classic-theme.aaa-page .menu {
    background-color: #0a203b
}

.classic-theme.aaa-page .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.classic-theme.aaa-page .navMain li {
    flex: 1
}

.classic-theme.aaa-page .navMain li.active a {
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    background-color: #0a203b;
    overflow: hidden
}

.classic-theme.aaa-page .marquee-text {
    display: inline-block;
    white-space: nowrap;
    animation: aaa-marquee 10s linear infinite
}

@keyframes aaa-marquee {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

.aaa-section {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 20px
}

.aaa-container {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    padding: 10px
}

.aaa-game-screen {
    width: 70%;
    display: flex;
    justify-content: flex-end
}

.aaa-game-box {
    width: 65%;
    position: relative;
    border: 1px solid #1a365d
}

.back-menu-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    border-bottom: 1px solid #d9d9d9
}

.aaa-live-tv-box {
    width: 100%;
    height: 350px;
    position: relative;
    background: #000
}

.aaa-live-tv-box iframe {
    width: 100%;
    height: 100%;
    border: none
}

.card-shower-topleft {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: 5px;
    z-index: 10
}

.card-img-wrapper.aaa-card {
    width: 40px;
    height: 55px;
    background: #8b7355;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 2px 4px #0000004d
}

.card-img-wrapper.aaa-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.aaa-odds-section {
    width: 100%;
    background-color: #fff;
    border-top: 2px solid #000;
    padding: 12px 5px
}

.aaa-odds-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.aaa-odds-box {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.aaa-box-label {
    font-size: 14px;
    color: #545454;
    font-weight: 600;
    margin-bottom: 5px
}

.aaa-two-boxes {
    width: 95%;
    display: flex;
    justify-content: space-between;
    gap: 4px
}

.aaa-odds-btn {
    width: 48%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #333;
    font-weight: 600;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    transition: opacity .2s
}

.aaa-odds-btn:hover {
    opacity: .85
}

.aaa-odds-btn.back {
    background-color: #72bbef
}

.aaa-odds-btn.lay {
    background-color: #faa9ba
}

.aaa-odds-btn.suspended {
    cursor: not-allowed!important;
    opacity: .7
}

.aaa-odds-btn.suspended:after {
    content: "";
    font-family: "Font Awesome 5 Free","Font Awesome 5 Pro",sans-serif;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0009;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px
}

.aaa-position {
    font-size: 13px;
    font-weight: 700;
    margin-top: 5px
}

.aaa-position.plus {
    color: #22c55e
}

.aaa-position.minus {
    color: #ef4444
}

.last-result-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    padding: 0 10px;
    box-sizing: border-box
}

.last-result-container {
    background-color: #b2b2b2;
    padding: 12px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px
}

.last-result-box {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: 700
}

.last-result-box.Am {
    background-color: #368011
}

.last-result-box.Ak {
    background-color: #e91100
}

.last-result-box.An {
    background-color: #004e92
}

.my-bets-heading {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    height: 35px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.bets-table thead tr th {
    padding: 8px 10px!important;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    text-wrap: nowrap;
    font-size: 13px;
    border: 1px solid #2d4a6f;
    font-weight: 600
}

.see-all-btn {
    color: #fff;
    height: 38px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    border: none;
    outline: none;
    border-radius: 4px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer
}

.bet-slip-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600
}

.bet-slip-header.back {
    background: #72bbef;
    color: #000
}

.bet-slip-header.lay {
    background: #faa9ba;
    color: #000
}

.bet-slip-header .close-btn {
    background: none;
    border: none;
    color: inherit;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    line-height: 1
}

.back-text {
    color: #72bbef
}

.lay-text {
    color: #faa9ba
}

.bet-amount-input input:focus {
    outline: none;
    border-color: #004e92
}

.bet-amount-buttons button {
    flex: 1;
    padding: 10px;
    border: 1px solid #004e92;
    background-color: #fff;
    color: #004e92;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: all .2s
}

.bet-amount-buttons button:hover,.bet-amount-buttons button.active {
    background-color: #004e92;
    color: #fff
}

.place-bet-btn {
    width: 100%;
    padding: 12px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%);
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .2s
}

.place-bet-btn.back {
    background: #72bbef;
    color: #000
}

.place-bet-btn.lay {
    background: #faa9ba;
    color: #000
}

@media screen and (max-width: 768px) {
    .bets-history-section {
        width:100%
    }

    .aaa-section {
        width: 100%;
        margin-top: 5px
    }

    .aaa-container {
        width: 97%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }

    .aaa-game-screen {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .aaa-game-box,.aaa-game-header {
        width: 100%
    }

    .aaa-live-tv-box {
        width: 100%;
        height: 220px
    }

    .aaa-odds-section {
        width: 100%
    }

    .aaa-odds-container {
        width: 98%;
        margin: auto
    }

    .aaa-odds-box {
        width: 32%
    }

    .aaa-box-label {
        font-size: 13px
    }

    .aaa-odds-btn {
        font-size: 12px;
        height: 28px
    }

    .bets-table-section {
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box
    }
}

._sceneContainer_mvp3q_1 {
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: #000
}

._header_mvp3q_12 {
    flex-shrink: 0;
    z-index: 100
}

._headerBar_mvp3q_17 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    background: #0009
}

._flightArea_mvp3q_26 {
    flex: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-image: radial-gradient(ellipse 100% 80% at 50% 50%,rgba(30,120,140,.5) 0%,rgba(20,80,100,.3) 30%,transparent 60%),radial-gradient(ellipse 150% 120% at 50% 50%,transparent 30%,rgba(0,0,0,.9) 100%),linear-gradient(to top,#0a1520,#081018,#000)
}

._historyList_mvp3q_40 {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
    flex: 1;
    min-width: 0
}

._historyList_mvp3q_40::-webkit-scrollbar {
    display: none
}

._historyBadge_mvp3q_53 {
    padding: 3px 8px;
    border-radius: 12px;
    font-size: .65rem;
    font-weight: 400;
    white-space: nowrap
}

._menuButtons_mvp3q_62 {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0
}

._menuButton_mvp3q_62 {
    background: linear-gradient(135deg,#1e1e28f2,#14141cf2);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    padding: 6px 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    white-space: nowrap
}

._menuButton_mvp3q_62:hover {
    background: linear-gradient(135deg,#32323cf2,#1e1e28f2);
    border-color: #fff3;
    transform: translateY(-1px)
}

._menuButton_mvp3q_62:active {
    transform: translateY(0)
}

._menuButtonBottomText_mvp3q_97 {
    font-size: 9px;
    color: #fff9;
    font-weight: 400
}

._raysContainer_mvp3q_104 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1500%;
    height: 1500%;
    transform: translate(-50%,50%);
    z-index: 1;
    pointer-events: none;
    opacity: .25
}

._rays_mvp3q_104 {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

._raysRotating_mvp3q_125 {
    animation: _rotateRays_mvp3q_1 80s linear infinite
}

@keyframes _rotateRays_mvp3q_1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

._waitingOverlay_mvp3q_135 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

._waitingSplash_mvp3q_147 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    background: #000000b3;
    padding: 24px 32px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.12);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

._waitingSplashImage_mvp3q_159 {
    width: 180px;
    height: auto;
    filter: drop-shadow(0 0 20px rgba(233,30,99,.4));
    animation: _splashPulse_mvp3q_1 2s ease-in-out infinite
}

@keyframes _splashPulse_mvp3q_1 {
    0%,to {
        transform: scale(1);
        filter: drop-shadow(0 0 20px rgba(233,30,99,.4))
    }

    50% {
        transform: scale(1.03);
        filter: drop-shadow(0 0 30px rgba(233,30,99,.6))
    }
}

._waitingLoaderSection_mvp3q_177 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px
}

._countdownText_mvp3q_184 {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    letter-spacing: .5px
}

._progressBarContainer_mvp3q_192 {
    width: 180px;
    height: 6px;
    background: #333;
    border-radius: 3px;
    overflow: hidden
}

._progressBar_mvp3q_192 {
    height: 100%;
    background: linear-gradient(90deg,#e91e63,#ff5722);
    border-radius: 3px;
    transition: width .05s linear
}

@media (max-width: 768px) {
    ._waitingSplash_mvp3q_147 {
        padding:18px 24px;
        gap: 12px
    }

    ._waitingSplashImage_mvp3q_159 {
        width: 140px
    }

    ._countdownText_mvp3q_184 {
        font-size: .85rem
    }

    ._progressBarContainer_mvp3q_192 {
        width: 140px;
        height: 5px
    }
}

._flightPath_mvp3q_228 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    pointer-events: none
}

._flightPathFlying_mvp3q_237 {
    transition: width .15s ease-out,height .15s ease-out
}

._flightPathImage_mvp3q_241 {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    opacity: .75
}

._multipleDisplay_mvp3q_249 {
    z-index: 50;
    text-align: center;
    transition: color .3s ease
}

._multipleValue_mvp3q_255 {
    font-size: 5rem;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 4px 30px rgba(0,0,0,.8);
    font-family: Arial Black,Helvetica,sans-serif
}

@media (max-width: 768px) {
    ._multipleValue_mvp3q_255 {
        font-size:3rem
    }

    ._flewAwayText_mvp3q_268 {
        font-size: 1rem
    }
}

._flewAway_mvp3q_268 ._multipleValue_mvp3q_255 {
    color: #e91e63
}

._flewAwayText_mvp3q_268 {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: -5px;
    text-transform: uppercase;
    color: #e91e63
}

._plane_mvp3q_286 {
    position: absolute;
    width: min(90px,20vw);
    height: auto;
    z-index: 20;
    transform: translate(-30%,30%) rotate(-15deg);
    pointer-events: none;
    filter: drop-shadow(0 0 8px rgba(233,30,99,.4))
}

._planeFlying_mvp3q_299 {
    transition: left .15s ease-out,bottom .15s ease-out
}

._planeFlyAway_mvp3q_303 {
    animation: _flyAway_mvp3q_1 1.2s forwards ease-in
}

@keyframes _flyAway_mvp3q_1 {
    0% {
        opacity: 1;
        transform: translate(-30%,30%) rotate(-15deg)
    }

    to {
        opacity: 0;
        transform: translate(200%,-200%) rotate(-45deg)
    }
}

._bottomRightControls_mvp3q_319 {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 60;
    display: inline-flex;
    align-items: center;
    gap: 8px
}

._soundToggle_mvp3q_329 {
    display: inline-flex
}

._soundToggleButton_mvp3q_333 {
    background: #0009;
    color: #ffffffeb;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

._soundToggleButton_mvp3q_333:hover {
    background: #000000b8;
    border-color: #ffffff47
}

._soundToggleButton_mvp3q_333:active {
    transform: translateY(1px)
}

._rulesIconButton_1knok_1 {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.35);
    background: #0f172ad1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #e2e8f0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 800;
    line-height: 1
}

._rulesIconButton_1knok_1:hover {
    background: #0f172af0
}

._overlay_1knok_21 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000bf;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 30000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px
}

._modal_1knok_33 {
    width: min(720px,100%);
    max-height: 85vh;
    overflow: hidden;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;
    display: flex;
    flex-direction: column
}

._header_1knok_44 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb
}

._header_1knok_44 h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #111827
}

._header_1knok_44 button {
    border: 1px solid #d1d5db;
    background: #fff;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #6b7280;
    transition: all .2s
}

._header_1knok_44 button:hover {
    background: #f3f4f6;
    color: #111827
}

._tabs_1knok_80 {
    display: flex;
    gap: 8px;
    padding: 12px 20px;
    border-bottom: 1px solid #e5e7eb;
    background: #fff
}

._tabs_1knok_80 button {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s
}

._tabs_1knok_80 button:hover {
    background: #f1f5f9;
    color: #334155
}

._tabs_1knok_80 ._tabActive_1knok_105 {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
    box-shadow: 0 1px 2px #0000000d
}

._body_1knok_112 {
    overflow-y: auto;
    padding: 20px 24px
}

._body_1knok_112 ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
    color: #374151;
    line-height: 1.6;
    font-size: 15px
}

._body_1knok_112 li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f3f4f6
}

._body_1knok_112 li:before {
    content: "•";
    position: absolute;
    left: 4px;
    color: #2563eb;
    font-weight: 700
}

._body_1knok_112 li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

._rulesTable_1knok_148 {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 13px
}

._rulesTable_1knok_148 th,._rulesTable_1knok_148 td {
    border: 1px solid #e5e7eb;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
    color: #374151
}

._rulesTable_1knok_148 th {
    background-color: #f9fafb;
    font-weight: 600;
    color: #111827
}

._rulesBtn_1knok_170 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 40px;
    background: #1f2937;
    border: 1px solid #374151;
    border-radius: 4px;
    position: relative;
    margin: 0 auto;
    color: #e5e7eb;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.1
}

._rulesBtnWide_1knok_188 {
    width: 70px
}

._rulesBtnLabel_1knok_192 {
    font-size: 10px;
    color: #e5e7eb
}

._rulesMaskPreview_1knok_197 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 32px
}

._rulesMaskTop_1knok_205 {
    width: 100%;
    height: 16px;
    background-color: currentColor;
    -webkit-mask-image: url(/games/reveal/top.png);
    mask-image: url(/games/reveal/top.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

._rulesMaskBottom_1knok_219 {
    width: 100%;
    height: 14px;
    background-color: currentColor;
    -webkit-mask-image: url(/games/reveal/bottom.png);
    mask-image: url(/games/reveal/bottom.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    margin-top: -2px
}

._rulesMultiPreview_1knok_234 {
    display: flex;
    gap: 1px;
    width: 100%;
    justify-content: center;
    align-items: center
}

._rulesMaskTopSmall_1knok_242 {
    width: 10px;
    height: 12px;
    background-color: currentColor;
    -webkit-mask-image: url(/games/reveal/top.png);
    mask-image: url(/games/reveal/top.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

._rulesMaskBottomSmall_1knok_256 {
    width: 10px;
    height: 11px;
    background-color: currentColor;
    -webkit-mask-image: url(/games/reveal/bottom.png);
    mask-image: url(/games/reveal/bottom.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    margin-top: -1px
}

._listContainer_w9t54_1 {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px
}

._historyBar_w9t54_8 {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #333
}

._historyItem_w9t54_17 {
    font-size: .75rem;
    font-weight: 700;
    background: #2c2d2e;
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap
}

._statsHeader_w9t54_26 {
    margin-bottom: 10px
}

._stat_w9t54_26 {
    display: flex;
    justify-content: space-between;
    font-size: .8rem;
    color: #aaa
}

._stat_w9t54_26 strong {
    color: #fff
}

._tableHeader_w9t54_41 {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    font-size: .7rem;
    color: #666;
    text-transform: uppercase;
    padding: 5px 0;
    border-bottom: 1px solid #333
}

._scrollArea_w9t54_51 {
    flex: 1;
    overflow-y: auto
}

@media (max-width: 1200px) {
    ._listContainer_w9t54_1 {
        height:auto
    }

    ._scrollArea_w9t54_51 {
        flex: none;
        overflow-y: visible
    }
}

._betRow_w9t54_68 {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    font-size: .8rem;
    padding: 8px 0;
    border-bottom: 1px solid #222;
    color: #ccc
}

._betRow_w9t54_68._cashedOut_w9t54_77 {
    background: #28a7450d;
    color: #28a745
}

._userName_w9t54_82 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._multiplier_w9t54_88 {
    font-weight: 700
}

._panelContainer_tbu5y_1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative
}

._panelCompact_tbu5y_8 {
    gap: 4px
}

._panelCompact_tbu5y_8 ._controls_tbu5y_12 {
    gap: 6px
}

._panelCompact_tbu5y_8 ._inputGroup_tbu5y_16 {
    gap: 4px
}

._panelCompact_tbu5y_8 ._amountSelector_tbu5y_20 {
    padding: 2px
}

._panelCompact_tbu5y_8 ._amountSelector_tbu5y_20 button {
    font-size: 1rem;
    padding: 0 8px
}

._panelCompact_tbu5y_8 ._quickButtons_tbu5y_29 {
    gap: 3px
}

._panelCompact_tbu5y_8 ._quickButtons_tbu5y_29 button {
    padding: 3px;
    font-size: .7rem
}

._panelCompact_tbu5y_8 ._betButton_tbu5y_38,._panelCompact_tbu5y_8 ._cashoutButton_tbu5y_39,._panelCompact_tbu5y_8 ._cashedOutInfo_tbu5y_40 {
    border-radius: 10px;
    padding: 6px
}

._panelCompact_tbu5y_8 ._betButton_tbu5y_38 span,._panelCompact_tbu5y_8 ._cashoutButton_tbu5y_39 span,._panelCompact_tbu5y_8 ._cashedOutInfo_tbu5y_40 span {
    font-size: 1.05rem
}

._panelCompact_tbu5y_8 ._betButton_tbu5y_38 small,._panelCompact_tbu5y_8 ._cashoutButton_tbu5y_39 small,._panelCompact_tbu5y_8 ._cashedOutInfo_tbu5y_40 small {
    font-size: .86rem
}

._panelCompact_tbu5y_8 ._autoSettings_tbu5y_57 {
    padding: 4px 6px;
    gap: 6px
}

._panelCompact_tbu5y_8 ._autoPlayButton_tbu5y_62 {
    font-size: .68rem;
    padding: 4px 8px
}

._panelCompact_tbu5y_8 ._checkboxLabel_tbu5y_67 {
    font-size: .68rem
}

._panelCompact_tbu5y_8 ._autoValueInput_tbu5y_71 {
    width: 50px;
    padding: 1px 4px
}

._localToast_tbu5y_77 {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%,-100%);
    background: #000000d1;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    z-index: 50;
    max-width: min(360px,92vw);
    text-align: center;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

@media (max-width: 768px) {
    ._panelContainer_tbu5y_1 {
        gap:4px
    }

    ._controls_tbu5y_12 {
        gap: 5px
    }

    ._betButton_tbu5y_38 span,._cashoutButton_tbu5y_39 span,._cashedOutInfo_tbu5y_40 span {
        font-size: 1rem
    }

    ._betButton_tbu5y_38 small,._cashoutButton_tbu5y_39 small,._cashedOutInfo_tbu5y_40 small {
        font-size: .95rem
    }

    ._inputGroup_tbu5y_16 {
        gap: 4px
    }

    ._quickButtons_tbu5y_29 {
        gap: 2px
    }

    ._quickButtons_tbu5y_29 button {
        padding: 2px;
        font-size: .7rem
    }

    ._autoSettings_tbu5y_57 {
        padding: 4px;
        gap: 4px
    }

    ._autoPlayButton_tbu5y_62 {
        font-size: .7rem;
        padding: 4px 8px
    }
}

._controls_tbu5y_12 {
    display: flex;
    gap: 10px;
    align-items: stretch
}

._controlsActionOnly_tbu5y_142 {
    gap: 0
}

._panelStacked_tbu5y_146 ._controls_tbu5y_12 {
    flex-direction: column
}

._panelStacked_tbu5y_146 ._inputGroup_tbu5y_16,._panelStacked_tbu5y_146 ._actionButtonContainer_tbu5y_155 {
    flex: 1 1 100%;
    max-width: 100%
}

._panelStacked_tbu5y_146 ._betButton_tbu5y_38,._panelStacked_tbu5y_146 ._cashoutButton_tbu5y_39,._panelStacked_tbu5y_146 ._cashedOutInfo_tbu5y_40 {
    min-height: 48px
}

._inputGroup_tbu5y_16 {
    flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px);
    display: flex;
    flex-direction: column;
    gap: 8px
}

._amountSelector_tbu5y_20 {
    display: flex;
    align-items: center;
    background: #000;
    border-radius: 8px;
    padding: 4px;
    border: 1px solid #333
}

._amountSelector_tbu5y_20[data-disabled=true] {
    opacity: .55;
    filter: grayscale(.4)
}

._amountSelector_tbu5y_20 input {
    flex: 1;
    background: transparent;
    border: none;
    color: #fff;
    text-align: center;
    font-weight: 700;
    width: 50px;
    font-size: 16px;
    line-height: 20px
}

._amountSelector_tbu5y_20 input:disabled {
    opacity: .85;
    cursor: not-allowed
}

._amountSelector_tbu5y_20 button {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1.2rem;
    padding: 0 10px;
    cursor: pointer
}

._amountSelector_tbu5y_20 button:disabled {
    opacity: .5;
    cursor: not-allowed
}

._quickButtons_tbu5y_29 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 5px
}

._quickButtons_tbu5y_29 button {
    background: #2c2d2e;
    border: none;
    border-radius: 4px;
    color: #fff;
    padding: 4px;
    font-size: .8rem;
    cursor: pointer
}

._quickButtons_tbu5y_29 button:disabled {
    opacity: .45;
    cursor: not-allowed;
    filter: grayscale(.4)
}

._actionButtonContainer_tbu5y_155 {
    display: flex;
    flex: 0 0 calc(50% - 5px);
    max-width: calc(50% - 5px)
}

._actionButtonContainerFull_tbu5y_248 {
    --action-only-min-height: 72px;
    flex: 1 1 100%;
    max-width: 100%;
    min-height: var(--action-only-min-height)
}

._actionButtonContainerFull_tbu5y_248 ._betButton_tbu5y_38,._actionButtonContainerFull_tbu5y_248 ._cashoutButton_tbu5y_39,._actionButtonContainerFull_tbu5y_248 ._cashedOutInfo_tbu5y_40 {
    min-height: var(--action-only-min-height)
}

._betButton_tbu5y_38,._cashoutButton_tbu5y_39 {
    flex: 1;
    border: none;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: 800;
    transition: transform .1s;
    padding: 8px;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word
}

._betButton_tbu5y_38:active,._cashoutButton_tbu5y_39:active {
    transform: scale(.98)
}

._betButton_tbu5y_38 {
    background: #28a745;
    color: #fff
}

._betButton_tbu5y_38._waiting_tbu5y_287 {
    background: #6c757d
}

._cashoutButton_tbu5y_39 {
    background: #ffc107;
    color: #000
}

._betButton_tbu5y_38 span,._cashoutButton_tbu5y_39 span {
    font-size: 1.2rem;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.2
}

._betButton_tbu5y_38 small,._cashoutButton_tbu5y_39 small {
    font-size: 1.1rem;
    opacity: .9
}

._cashedOutInfo_tbu5y_40 {
    flex: 1;
    background: #28a7451a;
    border: 2px solid #28a745;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #28a745;
    padding: 8px;
    text-align: center;
    font-family: inherit;
    font-weight: 800
}

._cashedOutInfo_tbu5y_40 span {
    font-size: 1.2rem;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.2
}

._cashedOutInfo_tbu5y_40 small {
    font-size: 1.1rem;
    opacity: .9
}

._autoSettings_tbu5y_57 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #0003;
    padding: 6px 8px;
    border-radius: 8px
}

._autoSettingsStacked_tbu5y_347 {
    flex-direction: column;
    align-items: stretch;
    gap: 8px
}

._panelCompact_tbu5y_8 ._autoSettings_tbu5y_57 {
    padding: 6px;
    gap: 6px
}

._autoPlayButton_tbu5y_62 {
    background: #2c2d2e;
    border: 1px solid #444;
    color: #aaa;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: .75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap
}

._autoSettingsStacked_tbu5y_347 ._autoPlayButton_tbu5y_62 {
    width: 100%
}

._panelCompact_tbu5y_8 ._autoPlayButton_tbu5y_62 {
    font-size: .75rem;
    padding: 5px 8px
}

._autoPlayButton_tbu5y_62:hover {
    background: #3c3d3e;
    border-color: #555
}

._autoPlayButton_tbu5y_62._active_tbu5y_385 {
    background: #28a745;
    border-color: #28a745;
    color: #fff
}

._autoCashoutGroup_tbu5y_391 {
    display: flex;
    align-items: center;
    gap: 4px
}

._autoSettingsStacked_tbu5y_347 ._autoCashoutGroup_tbu5y_391 {
    justify-content: space-between;
    width: 100%;
    background: #0000004d;
    padding: 4px 4px 4px 2px;
    border-radius: 6px
}

._checkboxLabel_tbu5y_67 {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: .75rem;
    color: #aaa;
    cursor: pointer;
    white-space: nowrap
}

._checkboxLabel_tbu5y_67 input[type=checkbox] {
    width: 14px;
    height: 14px;
    cursor: pointer
}

._autoValueInput_tbu5y_71 {
    width: 64px;
    background: #000;
    border: 1px solid #333;
    color: #fff;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

._popupOverlay_tbu5y_434 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000c;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

._popup_tbu5y_434 {
    background: #1b1c1d;
    border-radius: 12px;
    width: 90%;
    max-width: 400px;
    overflow: hidden;
    border: 1px solid #333
}

._popupHeader_tbu5y_456 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #333
}

._popupHeader_tbu5y_456 h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #fff
}

._closeButton_tbu5y_471 {
    background: none;
    border: 1px solid #c00;
    color: #c00;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    cursor: pointer;
    font-size: .8rem;
    display: flex;
    align-items: center;
    justify-content: center
}

._closeButton_tbu5y_471:hover {
    background: #c00;
    color: #fff
}

._popupContent_tbu5y_490 {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

._popupSection_tbu5y_497 {
    background: #2c2d2e;
    border-radius: 8px;
    padding: 12px
}

._sectionTitle_tbu5y_503 {
    text-align: center;
    font-size: .85rem;
    color: #aaa;
    margin-bottom: 10px
}

._roundsGrid_tbu5y_510 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 8px
}

._roundButton_tbu5y_516 {
    background: #1b1c1d;
    border: 1px solid #444;
    color: #fff;
    padding: 10px;
    border-radius: 20px;
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s
}

._roundButton_tbu5y_516:hover {
    border-color: #666
}

._roundButton_tbu5y_516._selected_tbu5y_532 {
    background: #444;
    border-color: #888
}

._conditionRow_tbu5y_537 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px
}

._toggleLabel_tbu5y_544 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .8rem;
    color: #aaa;
    cursor: pointer
}

._toggle_tbu5y_544 {
    width: 44px;
    height: 24px;
    background: #1b1c1d;
    border-radius: 12px;
    position: relative;
    cursor: pointer;
    transition: background .2s
}

._toggleOn_tbu5y_563 {
    background: #28a745
}

._toggleKnob_tbu5y_567 {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    transition: transform .2s
}

._toggleOn_tbu5y_563 ._toggleKnob_tbu5y_567 {
    transform: translate(20px)
}

._conditionInput_tbu5y_582 {
    display: flex;
    align-items: center;
    background: #1b1c1d;
    border-radius: 20px;
    overflow: hidden
}

._conditionInput_tbu5y_582 button {
    background: none;
    border: none;
    color: #fff;
    width: 32px;
    height: 32px;
    font-size: 1rem;
    cursor: pointer
}

._conditionInput_tbu5y_582 button:hover {
    background: #ffffff1a
}

._conditionInput_tbu5y_582 input {
    width: 56px;
    background: transparent;
    border: none;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 20px
}

._errorMessage_tbu5y_614 {
    background: #dc354526;
    border: 1px solid #dc3545;
    color: #dc3545;
    padding: 8px 12px;
    margin: 0 16px;
    border-radius: 6px;
    font-size: .8rem;
    text-align: center
}

._popupFooter_tbu5y_625 {
    display: flex;
    gap: 12px;
    padding: 16px;
    background: #141516
}

._resetButton_tbu5y_632,._startButton_tbu5y_632 {
    flex: 1;
    padding: 12px;
    border: none;
    border-radius: 20px;
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform .1s
}

._resetButton_tbu5y_632:active,._startButton_tbu5y_632:active {
    transform: scale(.98)
}

._resetButton_tbu5y_632 {
    background: #c97a3a;
    color: #fff
}

._startButton_tbu5y_632 {
    background: #5cb85c;
    color: #fff
}

._overlay_1hv85_1 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000b3;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5000;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

._modal_1hv85_12 {
    width: min(640px,92vw);
    max-height: 82vh;
    overflow: hidden;
    background: linear-gradient(145deg,#1e1e24,#141418);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    box-shadow: 0 20px 60px #0000008c;
    display: flex;
    flex-direction: column
}

._header_1hv85_24 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,.08)
}

._title_1hv85_32 {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    letter-spacing: .4px
}

._closeBtn_1hv85_39 {
    background: transparent;
    border: none;
    color: #fffc;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    padding: 2px 6px
}

._tabs_1hv85_49 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
    border-bottom: 1px solid rgba(255,255,255,.08)
}

._tabs_1hv85_49::-webkit-scrollbar {
    display: none
}

._tabBtn_1hv85_64 {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: #ffffff0f;
    border: 1px solid rgba(255,255,255,.12);
    color: #ffffffe6;
    border-radius: 10px;
    padding: 8px 12px;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    outline: none
}

._tabBtnActive_1hv85_84 {
    background: #ffd70024;
    border-color: #ffd70059;
    color: gold
}

._tabBtn_1hv85_64:focus-visible {
    box-shadow: inset 0 0 0 2px #ffd7008c;
    border-color: #ffd7008c
}

._imageWrap_1hv85_96 {
    padding: 10px 12px 0
}

._image_1hv85_96 {
    width: 100%;
    max-height: 160px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 12px;
    background: #00000040;
    border: 1px solid rgba(255,255,255,.08)
}

._tables_1hv85_109 {
    padding: 12px;
    overflow: auto;
    display: grid;
    gap: 12px
}

._tablesOne_1hv85_116 {
    grid-template-columns: 1fr
}

._tablesTwo_1hv85_120 {
    grid-template-columns: 1fr 1fr
}

._table_1hv85_109 {
    background: #00000040;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    overflow: hidden
}

._row_1hv85_131 {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255,255,255,.06)
}

._row_1hv85_131:last-child {
    border-bottom: none
}

._key_1hv85_143 {
    color: #ffffffbf;
    font-size: 12px;
    font-weight: 600
}

._value_1hv85_149 {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: right
}

@media (max-width: 720px) {
    ._tablesTwo_1hv85_120 {
        grid-template-columns:1fr
    }
}

._aviatorContainer_15p79_1 {
    width: 100%;
    height: 100vh;
    background-color: #000;
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    font-family: Inter,-apple-system,sans-serif;
    position: relative
}

._mainLayout_15p79_13 {
    display: flex;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._sidebar_15p79_21 {
    width: 300px;
    height: 100%;
    background-color: #1b1c1d;
    border-right: 1px solid #333;
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

._gameContent_15p79_31 {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 6px;
    gap: 6px
}

._flightSection_15p79_41 {
    flex: 1.5;
    min-height: 200px;
    background-color: #000;
    border-radius: 12px;
    position: relative;
    overflow: hidden
}

._bettingSection_15p79_50 {
    flex-shrink: 0;
    display: flex;
    gap: 10px
}

._betPanelWrapper_15p79_56 {
    flex: 1;
    background-color: #1b1c1d;
    border-radius: 12px;
    padding: 10px
}

._loading_15p79_63 {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #fff
}

._splashScreen_15p79_74 {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: radial-gradient(ellipse at center,#0a1520,#000)
}

._splashImage_15p79_84 {
    width: 220px;
    height: auto;
    margin-bottom: 32px;
    filter: drop-shadow(0 0 40px rgba(233,30,99,.4));
    animation: _splashFloat_15p79_1 3s ease-in-out infinite
}

@keyframes _splashFloat_15p79_1 {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

._splashLoader_15p79_97 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

._splashSpinner_15p79_104 {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(233,30,99,.2);
    border-top-color: #e91e63;
    border-radius: 50%;
    animation: _splashSpin_15p79_104 1s linear infinite
}

@keyframes _splashSpin_15p79_104 {
    to {
        transform: rotate(360deg)
    }
}

._splashText_15p79_117 {
    font-size: 14px;
    color: #888;
    letter-spacing: 1px;
    text-transform: uppercase
}

._connectionErrorOverlay_15p79_125 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000d9;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

._connectionErrorModal_15p79_136 {
    background: linear-gradient(145deg,#1e1e24,#141418);
    border: 1px solid #ff4757;
    border-radius: 16px;
    padding: 32px 40px;
    max-width: 400px;
    width: 90%;
    text-align: center;
    box-shadow: 0 0 40px #ff475733,0 20px 60px #00000080;
    animation: _modalSlideIn_15p79_1 .3s ease-out
}

@keyframes _modalSlideIn_15p79_1 {
    0% {
        opacity: 0;
        transform: scale(.9) translateY(-20px)
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

._connectionErrorIcon_15p79_161 {
    font-size: 48px;
    margin-bottom: 16px;
    animation: _pulse_15p79_1 2s ease-in-out infinite
}

@keyframes _pulse_15p79_1 {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .6
    }
}

._connectionErrorTitle_15p79_172 {
    font-size: 22px;
    font-weight: 700;
    color: #ff4757;
    margin: 0 0 12px;
    letter-spacing: .5px
}

._connectionErrorMessage_15p79_180 {
    font-size: 14px;
    color: #a0a0a0;
    line-height: 1.6;
    margin: 0 0 24px
}

._connectionErrorButton_15p79_187 {
    background: linear-gradient(135deg,#ff4757,#c0392b);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 48px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    text-transform: uppercase;
    letter-spacing: 1px
}

._connectionErrorButton_15p79_187:hover {
    background: linear-gradient(135deg,#ff6b7a,#e74c3c);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px #ff475766
}

._connectionErrorButton_15p79_187:active {
    transform: translateY(0)
}

._quickReconnectOverlay_15p79_212 {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--app-header-height, 50px);
    bottom: 0;
    background: #00000080;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 150
}

._quickReconnectWifi_15p79_225 {
    color: #ff2d2d;
    animation: _quickReconnectBlink_15p79_1 .9s steps(2,end) infinite;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

._quickReconnectWifiIcon_15p79_233 {
    display: block
}

@keyframes _quickReconnectBlink_15p79_1 {
    0% {
        opacity: 1
    }

    50% {
        opacity: .15
    }

    to {
        opacity: 1
    }
}

._menuButtonsContainer_15p79_244 {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    gap: 8px;
    z-index: 100
}

._menuButtonsWithBalance_15p79_254 {
    right: auto;
    left: 12px
}

._menuButton_15p79_244 {
    background: linear-gradient(135deg,#1e1e28f2,#14141cf2);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    padding: 8px 16px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

._menuButton_15p79_244:hover {
    background: linear-gradient(135deg,#32323cf2,#1e1e28f2);
    border-color: #fff3;
    transform: translateY(-1px)
}

._menuButton_15p79_244:active {
    transform: translateY(0)
}

._menuButtonBottomText_15p79_286 {
    font-size: 10px;
    color: #fff9;
    font-weight: 400
}

._matchIdDebug_15p79_293 {
    position: absolute;
    bottom: 6px;
    left: 8px;
    background: #0009;
    color: #ffffff80;
    font-size: 10px;
    font-family: JetBrains Mono,Fira Code,monospace;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 100;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

._flyingCoinsContainer_15p79_308 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden
}

._flyingCoin_15p79_308 {
    position: absolute;
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    filter: drop-shadow(0 4px 8px rgba(255,215,0,.6));
    animation: _flyToBalance_15p79_1 1.2s cubic-bezier(.25,.46,.45,.94) forwards
}

@keyframes _flyToBalance_15p79_1 {
    0% {
        opacity: 1;
        transform: translate(0) scale(.5) rotate(0)
    }

    20% {
        opacity: 1;
        transform: translate(calc(var(--end-x) * .1),calc(var(--end-y) * .1 - 30px)) scale(1.2) rotate(90deg)
    }

    to {
        opacity: 0;
        transform: translate(var(--end-x),var(--end-y)) scale(.4) rotate(720deg)
    }
}

@media (max-width: 1200px) {
    ._aviatorContainer_15p79_1 {
        height:100vh;
        overflow: hidden
    }

    ._mainLayout_15p79_13 {
        flex-direction: column;
        height: 100%;
        overflow: hidden
    }

    ._sidebar_15p79_21 {
        width: 100%;
        height: 20vh;
        min-height: 120px;
        flex-shrink: 0;
        order: 3;
        border-right: none;
        border-top: 1px solid #333;
        overflow-y: auto
    }

    ._gameContent_15p79_31 {
        flex: 1;
        height: auto;
        min-height: 0;
        overflow: hidden
    }

    ._flightSection_15p79_41 {
        flex: 1;
        height: auto;
        min-height: 150px
    }

    ._bettingSection_15p79_50 {
        flex-shrink: 0;
        height: auto
    }
}

@media (max-width: 768px) {
    ._aviatorContainer_15p79_1 {
        height:auto;
        min-height: 100vh;
        overflow-y: auto
    }

    ._mainLayout_15p79_13 {
        flex-direction: column;
        height: auto;
        overflow: visible
    }

    ._sidebar_15p79_21 {
        width: 100%;
        height: 20vh;
        min-height: 150px;
        order: 3;
        border-right: none;
        border-top: 1px solid #333;
        flex: none;
        overflow: visible
    }

    ._gameContent_15p79_31 {
        flex: none;
        display: flex;
        flex-direction: column;
        padding: 5px;
        gap: 5px;
        height: auto;
        overflow: visible
    }

    ._flightSection_15p79_41 {
        flex: none;
        height: 30vh;
        min-height: 120px
    }

    ._bettingSection_15p79_50 {
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        gap: 5px;
        order: 2
    }

    ._betPanelWrapper_15p79_56 {
        flex: 0 0 auto;
        padding: 8px;
        min-height: 0
    }
}

._sceneRoot_1sgjq_1 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #070f1f;
    --explosion-base-width: clamp(80px, 13.5vw, 152px);
    --explosion-base-height: clamp(84px, 13vw, 164px)
}

._background_1sgjq_11 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center 100%;
    transform-origin: center bottom;
    filter: saturate(1.05) contrast(1.05);
    will-change: transform,background-position
}

._overlayGradient_1sgjq_21 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg,#070f1f26,#070f1f6b 68%,#070f1fb8)
}

._hudTop_1sgjq_27 {
    position: absolute;
    top: 10px;
    left: 12px;
    right: 12px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between
}

._hudTitle_1sgjq_38 {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: .7px;
    text-transform: uppercase;
    text-shadow: 0 3px 12px rgba(0,0,0,.45)
}

._hudButtons_1sgjq_46 {
    display: flex;
    gap: 8px
}

._hudButton_1sgjq_46 {
    border: 1px solid rgba(255,255,255,.22);
    background: #080f238c;
    color: #fff;
    border-radius: 9px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

._historyIconButton_1sgjq_63 {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.35);
    background: #0f172ad1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #e2e8f0;
    cursor: pointer
}

._historyIconButton_1sgjq_63 svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

._historyOverlay_1sgjq_86 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0000009e;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px
}

._historyCard_1sgjq_97 {
    width: min(560px,100%);
    max-height: min(84vh,620px);
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

._historyHeader_1sgjq_108 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-bottom: 1px solid #334155;
    background: #111827
}

._historyHeader_1sgjq_108 h3 {
    margin: 0;
    font-size: 14px;
    color: #e2e8f0
}

._historyHeader_1sgjq_108 button {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: 1px solid #475569;
    background: #1e293b;
    color: #e2e8f0;
    cursor: pointer
}

._historyTableScroll_1sgjq_133 {
    overflow: auto;
    max-height: min(70vh,520px)
}

._historyTable_1sgjq_133 {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

._historyTable_1sgjq_133 thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #111827
}

._historyTable_1sgjq_133 th,._historyTable_1sgjq_133 td {
    border-bottom: 1px solid #1f2937;
    padding: 9px 8px;
    text-align: center;
    color: #e2e8f0;
    font-size: 12px
}

._historyTable_1sgjq_133 th:first-child,._historyTable_1sgjq_133 td:first-child {
    width: 44px;
    color: #94a3b8;
    font-weight: 600
}

._historyLiftHeaderIcon_1sgjq_167 {
    display: inline-block;
    width: 22px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 300% 100%;
    background-position-y: center
}

._historyEmpty_1sgjq_176 {
    color: #94a3b8;
    text-align: center
}

._historyCrashValue_1sgjq_181 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 2px
}

._historyCrashMultiplier_1sgjq_188 {
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border: 1px solid rgba(255,255,255,.28);
    background: #00000075;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    white-space: nowrap
}

._historyCrashFloor_1sgjq_200 {
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 11px;
    font-weight: 700;
    color: #fc0;
    background: #281e00b3;
    border: 1px solid rgba(255,204,0,.4);
    font-family: Courier New,Courier,monospace;
    letter-spacing: .8px;
    text-shadow: 0 0 6px rgba(255,204,0,.7);
    white-space: nowrap
}

._lanesLayer_1sgjq_214 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}

._lane_1sgjq_214 {
    position: absolute;
    width: clamp(92px,15vw,178px);
    top: 0;
    bottom: 0;
    transform: translate(-50%)
}

._elevator_1sgjq_228,._smokeLayer_1sgjq_229,._flameLayer_1sgjq_230,._finalExplosionFx_1sgjq_231,._finalCrashedFx_1sgjq_232,._crashFx_1sgjq_233 {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background-repeat: no-repeat
}

._barRig_1sgjq_240 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    --rail-gap: clamp(17px, 2.7vw, 31px);
    --rail-center-offset: 0px
}

._barRail_1sgjq_249 {
    position: absolute;
    bottom: -16px;
    top: -16px;
    left: 50%;
    width: clamp(8px,1.35vw,16px);
    background-repeat: repeat-y;
    background-size: 300% auto;
    background-position-y: center;
    opacity: .92;
    transform-origin: center top;
    transform: translate(-50%) scaleX(1)
}

._barRailLeft_1sgjq_263 {
    left: calc(50% + var(--rail-center-offset) - var(--rail-gap))
}

._barRailRight_1sgjq_267 {
    left: calc(50% + var(--rail-center-offset) + var(--rail-gap))
}

._elevatorStack_1sgjq_271 {
    position: absolute;
    left: 50%;
    width: 100%;
    --elevator-width: clamp(80px, 13.5vw, 152px);
    --elevator-height: clamp(84px, 13vw, 164px);
    --smoke-width: calc(var(--elevator-width) * .8);
    --smoke-height: calc(var(--elevator-height) * .8);
    --flame-width: calc(var(--elevator-width) * 1.4);
    --flame-height: calc(var(--elevator-height) * .85);
    transform: translate(-50%);
    will-change: bottom,transform;
    z-index: 3
}

._elevatorActive_1sgjq_286 {
    animation: _elevatorHover_1sgjq_1 1.2s ease-in-out infinite
}

._elevatorWaiting_1sgjq_290 {
    animation-name: _elevatorReadyHover_1sgjq_1;
    animation-duration: var(--waiting-duration, 1.05s);
    animation-delay: var(--waiting-delay, -.4s);
    animation-timing-function: cubic-bezier(.33,.03,.2,1);
    animation-iteration-count: infinite
}

@keyframes _elevatorHover_1sgjq_1 {
    0% {
        transform: translate(-50%) translateY(0) rotate(0)
    }

    25% {
        transform: translate(calc(-50% - .4px)) translateY(-1px) rotate(-.18deg)
    }

    50% {
        transform: translate(-50%) translateY(-1.7px) rotate(0)
    }

    75% {
        transform: translate(calc(-50% + .4px)) translateY(-.9px) rotate(.18deg)
    }

    to {
        transform: translate(-50%) translateY(0) rotate(0)
    }
}

@keyframes _elevatorReadyHover_1sgjq_1 {
    0% {
        transform: translate(-50%) translateY(0) rotate(0)
    }

    22% {
        transform: translate(calc(-50% - var(--waiting-shift, .38px))) translateY(calc(-1 * var(--waiting-prep, 2px))) rotate(calc(-1 * var(--waiting-tilt, .07deg)))
    }

    50% {
        transform: translate(-50%) translateY(calc(-1 * var(--waiting-peak, 4.5px))) rotate(0)
    }

    74% {
        transform: translate(calc(-50% + var(--waiting-shift, .38px))) translateY(calc(-.5 * var(--waiting-prep, 2px))) rotate(var(--waiting-tilt, .07deg))
    }

    88% {
        transform: translate(-50%) translateY(var(--waiting-rebound, 1px)) rotate(0)
    }

    to {
        transform: translate(-50%) translateY(0) rotate(0)
    }
}

._elevator_1sgjq_228 {
    width: var(--elevator-width);
    height: var(--elevator-height);
    bottom: 30px;
    background-size: 300% 100%;
    background-position-y: center;
    z-index: 3
}

._smokeLayer_1sgjq_229,._flameLayer_1sgjq_230,._finalExplosionFx_1sgjq_231,._finalCrashedFx_1sgjq_232,._crashFx_1sgjq_233 {
    image-rendering: auto
}

._smokeLayer_1sgjq_229 {
    width: var(--smoke-width);
    height: var(--smoke-height);
    bottom: 30px;
    left: 50%;
    z-index: 2;
    overflow: visible;
    pointer-events: none
}

._smokeSprite_1sgjq_364 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: min(var(--smoke-width),calc(var(--smoke-height) * var(--smoke-frame-ratio, 1)));
    height: min(var(--smoke-height),calc(var(--smoke-width) / var(--smoke-frame-ratio, 1)));
    background-size: calc(var(--smoke-cols, 6) * 100%) calc(var(--smoke-rows, 2) * 100%);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center
}

._smokeWaiting_1sgjq_377 {
    left: 50%;
    transform: translate(-50%,85%)
}

._flameLayer_1sgjq_230 {
    --flame-box-width: var(--flame-width);
    --flame-box-height: var(--flame-height);
    width: var(--flame-width);
    height: var(--flame-height);
    bottom: 34px;
    left: 50%;
    z-index: 4;
    overflow: visible;
    pointer-events: none
}

._flameSprite_1sgjq_394 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: min(var(--flame-box-width),calc(var(--flame-box-height) * var(--flame-frame-ratio, 1)));
    height: min(var(--flame-box-height),calc(var(--flame-box-width) / var(--flame-frame-ratio, 1)));
    background-size: calc(var(--flame-cols, 5) * 100%) calc(var(--flame-rows, 3) * 100%);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center
}

._flameBottom_1sgjq_407 {
    left: 50%;
    transform: translate(-50%,25%)
}

._crashFx_1sgjq_233 {
    z-index: 4;
    width: clamp(87px,15vw,171px);
    height: clamp(108px,18vw,204px);
    bottom: 5px;
    background-size: 600% 200%
}

._finalExplosionFx_1sgjq_231 {
    z-index: 6;
    width: calc(var(--explosion-base-width) * 7.2);
    height: calc(var(--explosion-base-height) * 6.6);
    top: 50%;
    left: 50%;
    bottom: auto;
    transform: translate(-50%,-50%);
    background-size: 500% 200%;
    pointer-events: none;
    will-change: opacity,background-position
}

._laneReadout_1sgjq_435 {
    position: absolute;
    left: 50%;
    bottom: clamp(130px,21vw,198px);
    transform: translate(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    z-index: 5
}

._multiplier_1sgjq_447 {
    border-radius: 999px;
    padding: 5px 12px;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    border: 1px solid rgba(255,255,255,.28);
    background: #00000075;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    white-space: nowrap
}

._floorNumber_1sgjq_459 {
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 15px;
    font-weight: 700;
    color: #fc0;
    background: #281e00b3;
    border: 1px solid rgba(255,204,0,.4);
    font-family: Courier New,Courier,monospace;
    letter-spacing: 1px;
    text-shadow: 0 0 6px rgba(255,204,0,.7);
    white-space: nowrap
}

._reconnectHint_1sgjq_473 {
    position: absolute;
    left: 50%;
    bottom: 14px;
    transform: translate(-50%);
    z-index: 30;
    border-radius: 999px;
    padding: 7px 14px;
    background: #00000085;
    border: 1px solid rgba(255,255,255,.2);
    font-size: 12px;
    font-weight: 600
}

._waitingOverlay_1sgjq_487 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 80;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    pointer-events: none
}

._waitingLoaderSection_1sgjq_499 {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: clamp(200px,42vw,360px);
    display: flex;
    align-items: center;
    justify-content: center
}

._dramaticCountdownNumber_1sgjq_511 {
    font-size: clamp(96px,22vw,230px);
    font-weight: 900;
    line-height: .9;
    letter-spacing: 1px;
    font-variant-numeric: tabular-nums;
    background: linear-gradient(180deg,#ffe88d,#ffc733 52%,#d38f08);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 22px rgba(255,198,51,.45),0 8px 22px rgba(0,0,0,.55);
    will-change: transform,opacity,filter;
    animation: _dramaticCountdownPop_1sgjq_1 1s cubic-bezier(.18,.74,.28,1) forwards
}

@keyframes _dramaticCountdownPop_1sgjq_1 {
    0% {
        transform: scale(1.3);
        opacity: 1;
        filter: blur(0)
    }

    70% {
        transform: scale(.66);
        opacity: .88;
        filter: blur(.4px)
    }

    to {
        transform: scale(.1);
        opacity: 0;
        filter: blur(2px)
    }
}

@media (max-width: 700px) {
    ._hudTitle_1sgjq_38 {
        font-size:16px
    }

    ._multiplier_1sgjq_447 {
        font-size: 18px
    }

    ._laneReadout_1sgjq_435 {
        bottom: clamp(114px,29vw,166px)
    }

    ._barRig_1sgjq_240 {
        --rail-gap: clamp(14px, 4.5vw, 24px)
    }
}

._burjContainer_g7c5p_1 {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #0a1022;
    color: #fff
}

._mainLayout_g7c5p_12 {
    position: relative;
    flex: 1;
    min-height: 0;
    padding: 10px
}

._gameContent_g7c5p_19 {
    position: relative;
    width: 100%;
    height: 100%;
    display: block
}

._sceneSection_g7c5p_26 {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    background: #08122aeb
}

._betPanelWrapper_g7c5p_36 {
    min-width: 0;
    width: 100%
}

._compactBettingOverlay_g7c5p_41 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    z-index: 24;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 2px;
    pointer-events: auto
}

._compactBetLane_g7c5p_53 {
    min-width: 0;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.16);
    background: #060c18d9;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    padding: 1px 1px 0;
    overflow: hidden
}

._compactBetLaneDisabled_g7c5p_63 {
    opacity: .5;
    filter: grayscale(.9)
}

._compactBetLane_g7c5p_53 ._betPanelWrapper_g7c5p_36 {
    pointer-events: auto
}

._disabledPanelMask_g7c5p_72 {
    width: 100%;
    height: 132px;
    border-radius: 10px;
    border: 1px dashed rgba(255,255,255,.24);
    background: #0000006b
}

._connectionErrorOverlay_g7c5p_80 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #010714bf;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 60
}

._connectionErrorModal_g7c5p_90 {
    width: min(420px,calc(100vw - 28px));
    border-radius: 14px;
    padding: 18px;
    background: #111c3d;
    border: 1px solid rgba(255,255,255,.15);
    box-shadow: 0 18px 45px #0000006b
}

._connectionErrorIcon_g7c5p_99 {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #ff4f4f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 8px
}

._connectionErrorTitle_g7c5p_111 {
    margin: 0 0 6px;
    font-size: 1.1rem
}

._connectionErrorMessage_g7c5p_116 {
    margin: 0;
    color: #ffffffdb
}

._connectionErrorButton_g7c5p_121 {
    margin-top: 14px;
    border: 0;
    border-radius: 10px;
    padding: 10px 14px;
    font-weight: 700;
    cursor: pointer;
    background: #2e7cff;
    color: #fff
}

._quickReconnectOverlay_g7c5p_132 {
    position: absolute;
    top: 56px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 40;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: #00000042;
    display: flex;
    align-items: center;
    justify-content: center
}

._quickReconnectWifi_g7c5p_146 {
    border-radius: 999px;
    padding: 10px 16px;
    font-weight: 700;
    background: #00000085;
    border: 1px solid rgba(255,255,255,.2)
}

._flyingCoinsContainer_g7c5p_154 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 110
}

._flyingCoin_g7c5p_154 {
    position: fixed;
    width: 14px;
    height: 14px;
    transform: translate(-50%,-50%);
    animation: _coinFly_g7c5p_1 1.2s ease-in forwards
}

@keyframes _coinFly_g7c5p_1 {
    0% {
        transform: translate(-50%,-50%) scale(1);
        opacity: 1
    }

    to {
        transform: translate(calc(-50% + var(--end-x)),calc(-50% + var(--end-y))) scale(.6);
        opacity: 0
    }
}

._cashoutToasts_g7c5p_180 {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    pointer-events: none;
    z-index: 20
}

._cashoutToast_g7c5p_180 {
    min-width: 180px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #000000b8;
    border: 1px solid rgba(255,255,255,.12);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

._cashoutToastAmount_g7c5p_200 {
    font-size: 16px;
    font-weight: 700
}

._cashoutToastMeta_g7c5p_205 {
    font-size: 12px;
    opacity: .85
}

._matchIdDebug_g7c5p_210 {
    position: absolute;
    left: 10px;
    bottom: 10px;
    border-radius: 8px;
    padding: 2px 8px;
    font-size: 11px;
    background: #00000073;
    z-index: 20
}

._splashScreen_g7c5p_221 {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

._splashImage_g7c5p_230 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    filter: brightness(.55)
}

._splashLoader_g7c5p_239 {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

._splashSpinner_g7c5p_248 {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    border: 3px solid rgba(255,255,255,.2);
    border-top-color: #f5f7ff;
    animation: _spin_g7c5p_1 1s linear infinite
}

._splashText_g7c5p_257 {
    font-weight: 600
}

@keyframes _spin_g7c5p_1 {
    to {
        transform: rotate(360deg)
    }
}

@media (max-width: 767px) {
    ._mainLayout_g7c5p_12 {
        padding:8px
    }

    ._compactBettingOverlay_g7c5p_41 {
        left: 0;
        right: 0;
        bottom: 0;
        gap: 1px
    }

    ._disabledPanelMask_g7c5p_72 {
        height: 96px
    }
}

@media (min-width: 768px) {
    ._mainLayout_g7c5p_12 {
        display:flex;
        justify-content: center
    }

    ._gameContent_g7c5p_19 {
        width: auto;
        height: 100%;
        aspect-ratio: 1 / 2;
        max-width: 100%
    }
}

._sceneContainer_18jnm_1 {
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: #000
}

._header_18jnm_11 {
    flex-shrink: 0;
    z-index: 100
}

._headerBar_18jnm_16 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    background: #0009
}

._historyList_18jnm_24 {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
    flex: 1;
    min-width: 0
}

._historyList_18jnm_24::-webkit-scrollbar {
    display: none
}

._historyBadge_18jnm_37 {
    padding: 3px 8px;
    border-radius: 12px;
    font-size: .65rem;
    font-weight: 400;
    white-space: nowrap
}

._menuButtons_18jnm_45 {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0
}

._menuButton_18jnm_45 {
    background: linear-gradient(135deg,#1e1e28f2,#14141cf2);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    padding: 6px 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    white-space: nowrap
}

._menuButton_18jnm_45:hover {
    background: linear-gradient(135deg,#32323cf2,#1e1e28f2);
    border-color: #fff3;
    transform: translateY(-1px)
}

._menuButton_18jnm_45:active {
    transform: translateY(0)
}

._menuButtonBottomText_18jnm_80 {
    font-size: 9px;
    color: #fff9;
    font-weight: 400
}

._flightArea_18jnm_86 {
    flex: 1;
    position: relative;
    overflow: hidden;
    background-color: #000
}

._skyBg_18jnm_93 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

._airportBg_18jnm_102 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: auto 100%;
    background-position: left bottom;
    background-repeat: repeat-x;
    z-index: 1;
    will-change: transform,background-position;
    transform-origin: left bottom;
    pointer-events: none
}

._cloudLayer_18jnm_119 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    overflow: visible
}

._cloud_18jnm_119 {
    position: absolute;
    background-repeat: no-repeat;
    opacity: .9;
    image-rendering: pixelated;
    will-change: transform,opacity;
    animation-name: _cloudDrift_18jnm_1;
    animation-timing-function: linear;
    animation-fill-mode: forwards
}

@keyframes _cloudDrift_18jnm_1 {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(var(--cloud-dx, -200px),var(--cloud-dy, 200px),0)
    }
}

._darkOverlay_18jnm_147 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0009;
    z-index: 2
}

._waitingOverlay_18jnm_154 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10
}

._waitingCard_18jnm_163 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    background: #0000008c;
    padding: 18px 22px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.12);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

._waitingPlaneWrapper_18jnm_175 {
    position: relative;
    display: inline-block
}

._waitingPlane_18jnm_175 {
    width: 168px;
    height: auto;
    margin-bottom: 2px;
    filter: drop-shadow(0 10px 18px rgba(0,0,0,.65));
    pointer-events: none
}

._boarderLayer_18jnm_188 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 2
}

._boarder_18jnm_188 {
    position: absolute;
    left: var(--b-start-left, 10%);
    top: calc(var(--b-top, 62%) - 25px);
    transform: translate(-50%,-50%);
    opacity: 1;
    will-change: left,opacity,transform;
    animation: _boarderWalk_18jnm_1 1s linear forwards
}

@keyframes _boarderWalk_18jnm_1 {
    0% {
        left: var(--b-start-left, 10%);
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }

    92% {
        opacity: 1
    }

    to {
        left: var(--b-end-left, 80%);
        opacity: 0;
        transform: translate(-50%,-50%) scale(.92)
    }
}

._boarderSprite_18jnm_221 {
    width: 18px;
    height: 31px;
    background-repeat: no-repeat;
    background-size: 500% 200%;
    background-position: 0% var(--b-row-y, 0%);
    image-rendering: pixelated;
    filter: invert(.4) drop-shadow(0 6px 10px rgba(0,0,0,.45));
    will-change: background-position;
    animation: _boarderFrames_18jnm_1 .42s steps(5,end) infinite
}

@keyframes _boarderFrames_18jnm_1 {
    0% {
        background-position: 0% var(--b-row-y, 0%)
    }

    to {
        background-position: 100% var(--b-row-y, 0%)
    }
}

._countdownText_18jnm_246 {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    letter-spacing: .5px
}

._progressBarWrapper_18jnm_254 {
    position: relative;
    width: 220px;
    padding-top: 0
}

._progressBarContainer_18jnm_260 {
    width: 100%;
    height: 6px;
    background: #ffffff29;
    border-radius: 3px;
    overflow: hidden
}

._progressBar_18jnm_254 {
    height: 100%;
    background: linear-gradient(90deg,#f9d423,#ff4e50);
    border-radius: 3px;
    transition: width .05s linear
}

._progressPlane_18jnm_275 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 56px;
    height: auto;
    filter: drop-shadow(0 6px 14px rgba(0,0,0,.55));
    pointer-events: none
}

._multipleDisplay_18jnm_286 {
    position: relative;
    z-index: 20;
    text-align: center;
    pointer-events: none
}

._multipleValue_18jnm_293 {
    font-size: 5rem;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 4px 30px rgba(0,0,0,.8);
    font-family: Arial Black,Helvetica,sans-serif
}

._multipleValueCrashed_18jnm_301 {
    color: #ff4e50
}

._crashedText_18jnm_305 {
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 4px;
    color: #ff4e50;
    text-shadow: 0 2px 18px rgba(255,78,80,.45)
}

._plane_18jnm_314 {
    position: absolute;
    z-index: 8;
    width: 120px;
    will-change: transform,left,bottom,opacity;
    pointer-events: none;
    transform: translate(-50%)
}

._planeFlying_18jnm_323 {
    transition: left .12s linear,bottom .12s linear,opacity .12s linear
}

._planeRotator_18jnm_327 {
    position: relative;
    width: 100%;
    transform-origin: 20% 50%;
    will-change: transform;
    transition: transform .12s linear
}

._planeSpawnPoint_18jnm_335 {
    position: absolute;
    right: 30%;
    top: 10%;
    width: 1px;
    height: 1px;
    transform: translate(50%,-50%);
    pointer-events: none;
    opacity: 0
}

._planeImg_18jnm_346 {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 12px 18px rgba(0,0,0,.55))
}

._planeFlames_18jnm_355 {
    position: absolute;
    z-index: 1;
    top: 55%;
    left: 8%;
    width: 140%;
    transform-origin: 0% 50%;
    opacity: .95;
    image-rendering: pixelated;
    filter: drop-shadow(0 10px 16px rgba(0,0,0,.45))
}

._parachuteLayer_18jnm_369 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    pointer-events: none
}

._parachutist_18jnm_376 {
    position: absolute;
    transform: translate(-50%,-50%);
    pointer-events: none;
    will-change: transform,opacity
}

._parachutistMotion_18jnm_383 {
    animation: _parachutistMotion_18jnm_383 2.9s linear forwards;
    will-change: transform,opacity
}

._parachutistSprite_18jnm_388 {
    background-repeat: no-repeat;
    background-size: 300% 200%;
    background-position: 0% 0%;
    transform: rotate(var(--p-rot, 0deg));
    transform-origin: 50% 50%;
    filter: drop-shadow(0 8px 14px rgba(0,0,0,.35));
    image-rendering: pixelated;
    animation: _parachutistFrames_18jnm_1 .9s steps(1,end) forwards
}

@keyframes _parachutistFrames_18jnm_1 {
    0% {
        background-position: 0% 0%
    }

    20% {
        background-position: 50% 0%
    }

    40% {
        background-position: 100% 0%
    }

    60% {
        background-position: 0% 100%
    }

    80% {
        background-position: 50% 100%
    }

    to {
        background-position: 100% 100%
    }
}

@keyframes _parachutistMotion_18jnm_383 {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    31.03% {
        transform: translate3d(0,var(--p-up-y, -24px),0);
        opacity: 1
    }

    to {
        transform: translate3d(var(--p-down-x, -120px),var(--p-down-y, 180px),0);
        opacity: 0
    }
}

._boom_18jnm_436 {
    position: absolute;
    z-index: 60;
    width: 260px;
    height: 260px;
    background-repeat: no-repeat;
    image-rendering: pixelated;
    transform: translate(-50%,-50%) scale(1);
    filter: drop-shadow(0 18px 24px rgba(0,0,0,.75))
}

._bottomRightControls_18jnm_447 {
    position: absolute;
    bottom: 6px;
    right: 8px;
    z-index: 30;
    display: inline-flex;
    align-items: center;
    gap: 8px
}

._soundToggle_18jnm_457 {
    display: inline-flex
}

._soundToggleButton_18jnm_461 {
    background: #0000008c;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    padding: 8px 10px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

@media (max-width: 768px) {
    ._multipleValue_18jnm_293 {
        font-size:3.5rem
    }

    ._plane_18jnm_314 {
        width: 96px
    }

    ._planeFlames_18jnm_355 {
        width: 150%
    }

    ._progressBarWrapper_18jnm_254 {
        width: 180px
    }
}

._container_o4dz2_1 {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #101014
}

._sceneWrap_o4dz2_9 {
    position: relative;
    height: calc(100vh - 56px)
}

._splashScreen_o4dz2_14 {
    position: relative;
    height: calc(100vh - 56px);
    display: flex;
    align-items: center;
    justify-content: center
}

._splashLoader_o4dz2_22 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    color: #fff
}

._splashStatusRow_o4dz2_30 {
    display: flex;
    align-items: center;
    gap: 12px
}

._splashChicken_o4dz2_36 {
    display: flex;
    align-items: center;
    justify-content: center
}

._splashSpinner_o4dz2_42 {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,.25);
    border-top-color: #ffffffe6;
    animation: _spin_o4dz2_1 .9s linear infinite
}

._splashText_o4dz2_51 {
    font-size: 14px;
    letter-spacing: .02em
}

@keyframes _spin_o4dz2_1 {
    to {
        transform: rotate(360deg)
    }
}

._connectionErrorOverlay_o4dz2_62 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000bf;
    z-index: 1000
}

._connectionErrorModal_o4dz2_72 {
    width: min(420px,calc(100% - 32px));
    border-radius: 12px;
    background: #15151c;
    border: 1px solid rgba(255,255,255,.08);
    padding: 18px;
    color: #fff;
    text-align: center
}

._connectionErrorIcon_o4dz2_82 {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #ffffff1f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    margin-bottom: 10px
}

._connectionErrorTitle_o4dz2_94 {
    margin: 0 0 8px;
    font-size: 18px
}

._connectionErrorMessage_o4dz2_99 {
    margin: 0 0 14px;
    font-size: 13px;
    opacity: .9
}

._connectionErrorButton_o4dz2_105 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: #37ff00;
    color: #000;
    font-weight: 800;
    border-radius: 10px;
    padding: 10px 14px;
    cursor: pointer
}

._quickReconnectOverlay_o4dz2_116 {
    position: absolute;
    left: 0;
    right: 0;
    top: 56px;
    bottom: 0;
    background: #00000080;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 900
}

._quickReconnectWifi_o4dz2_129 {
    color: #ffffffe6;
    animation: _pulse_o4dz2_1 1.05s ease-in-out infinite
}

._quickReconnectWifiIcon_o4dz2_134 {
    display: block
}

._goPendingOverlay_o4dz2_138 {
    position: absolute;
    left: 0;
    right: 0;
    top: 56px;
    bottom: 0;
    background: #000000b3;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 950
}

._goPendingCard_o4dz2_151 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #15151ceb;
    border: 1px solid rgba(255,255,255,.08);
    color: #fffffff2
}

._goPendingSpinner_o4dz2_162 {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,.25);
    border-top-color: #ffffffe6;
    animation: _spin_o4dz2_1 .9s linear infinite
}

._goPendingText_o4dz2_171 {
    font-size: 14px;
    letter-spacing: .02em
}

._flyingCoinsContainer_o4dz2_177 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden
}

._flyingCoin_o4dz2_177 {
    position: absolute;
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    filter: drop-shadow(0 4px 8px rgba(255,215,0,.6));
    animation: _flyToBalance_o4dz2_1 1.2s cubic-bezier(.25,.46,.45,.94) forwards
}

._winOverlay_o4dz2_195 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0006;
    z-index: 10050;
    pointer-events: none
}

._winModal_o4dz2_206 {
    width: min(360px,calc(100% - 32px));
    border-radius: 16px;
    background: #15151ceb;
    border: 1px solid rgba(255,255,255,.08);
    padding: 18px 16px;
    text-align: center;
    color: #fff;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

._winTitle_o4dz2_217 {
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 10px
}

._winMessage_o4dz2_223 {
    font-size: 13px;
    font-weight: 700;
    opacity: .9;
    margin-bottom: 10px
}

._winAmount_o4dz2_230 {
    font-size: 32px;
    font-weight: 1000;
    color: #37ff00
}

@keyframes _flyToBalance_o4dz2_1 {
    0% {
        opacity: 1;
        transform: translate(0) scale(.5) rotate(0)
    }

    20% {
        opacity: 1;
        transform: translate(calc(var(--end-x) * .1),calc(var(--end-y) * .1 - 30px)) scale(1.2) rotate(90deg)
    }

    to {
        opacity: 0;
        transform: translate(var(--end-x),var(--end-y)) scale(.4) rotate(720deg)
    }
}

@keyframes _pulse_o4dz2_1 {
    0%,to {
        opacity: .35;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(1.06)
    }
}

._layout_o4dz2_264 {
    height: 100%;
    display: flex;
    gap: 12px;
    padding: 12px;
    box-sizing: border-box
}

._roadArea_o4dz2_272 {
    flex: 1 1 auto;
    min-width: 0;
    border-radius: 14px;
    background: #0c0c11;
    border: 1px solid rgba(255,255,255,.06);
    overflow: hidden;
    position: relative
}

._betPanelArea_o4dz2_282 {
    width: 320px;
    flex: 0 0 320px;
    border-radius: 14px;
    background: #0c0c11;
    border: 1px solid rgba(255,255,255,.06);
    overflow: hidden
}

@media (max-width: 768px) {
    ._layout_o4dz2_264 {
        flex-direction:column;
        gap: 10px;
        padding: 10px
    }

    ._betPanelArea_o4dz2_282 {
        width: 100%;
        flex: 0 0 auto;
        height: 35vh
    }

    ._roadArea_o4dz2_272 {
        flex: 1 1 auto
    }
}

._roadScroll_o4dz2_310 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    touch-action: pan-y
}

._lanesRow_o4dz2_318 {
    height: 100%;
    display: flex;
    align-items: stretch
}

._gameWrapper_1jgud_3 {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background: #1e293b;
    overflow: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif
}

._gameContainer_1jgud_14 {
    display: flex;
    flex: 1;
    overflow: hidden;
    background: #1e293b
}

._liveWinsPanel_1jgud_22 {
    width: 220px;
    background: #0f172a;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    border-right: 1px solid #334155
}

._liveWinsHeader_1jgud_31 {
    padding: 15px;
    background: #1e293b;
    border-bottom: 1px solid #334155
}

._tabActive_1jgud_37 {
    font-weight: 600;
    color: #e2e8f0;
    padding-bottom: 4px
}

._onlineStatus_1jgud_43 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    font-size: 11px;
    color: #94a3b8
}

._onlineStatus_1jgud_43 img {
    width: 8px;
    height: 8px;
    display: block
}

._onlineCount_1jgud_58 {
    font-weight: 700;
    color: #e2e8f0
}

._winsList_1jgud_63 {
    flex: 1;
    overflow-y: auto;
    padding: 10px
}

._winItem_1jgud_69 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    background: #1e293b;
    border-radius: 6px;
    margin-bottom: 6px;
    font-size: 12px
}

._playerAvatar_1jgud_80 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #334155;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff
}

._winInfo_1jgud_92 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1
}

._playerName_1jgud_99 {
    color: #f1f5f9
}

._winAmount_1jgud_103 {
    font-weight: 800;
    color: #10b981;
    margin-left: auto;
    text-align: right
}

._roadContainer_1jgud_111 {
    flex: 1;
    background: #334155;
    position: relative;
    overflow: hidden
}

._topRightControls_1jgud_118 {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 80
}

._roadScroll_1jgud_125 {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    position: relative;
    scrollbar-width: none
}

._roadScroll_1jgud_125::-webkit-scrollbar {
    display: none
}

._roadTrack_1jgud_139 {
    height: 100%;
    display: flex;
    flex-direction: row
}

._footpathLeft_1jgud_145,._footpathRight_1jgud_146 {
    width: calc(90px * var(--scale));
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #475569
}

._footpathRight_1jgud_146 {
    width: calc(450px * var(--scale))
}

._footpathBgImg_1jgud_160 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: .85
}

._footpathLeft_1jgud_145 ._footpathBgImg_1jgud_160 {
    -o-object-position: right center;
    object-position: right center
}

._footpathRight_1jgud_146 ._footpathBgImg_1jgud_160 {
    -o-object-position: left center;
    object-position: left center
}

._lightPoleImgLeft_1jgud_178,._lightPoleImgRight_1jgud_179 {
    position: absolute;
    bottom: calc(40px * var(--scale));
    height: calc(120px * var(--scale));
    z-index: 5;
    image-rendering: pixelated
}

._lightPoleImgLeft_1jgud_178 {
    left: calc(15px * var(--scale))
}

._lightPoleImgRight_1jgud_179 {
    right: calc(15px * var(--scale))
}

._lane_1jgud_195 {
    flex-shrink: 0;
    width: calc(90px * var(--scale));
    height: 100%;
    position: relative
}

._laneDivider_1jgud_202 {
    position: absolute;
    right: calc(-2px * var(--scale));
    top: 0;
    bottom: 0;
    width: calc(6px * var(--scale));
    opacity: .6;
    pointer-events: none;
    z-index: 2
}

._laneDivider_1jgud_202 img {
    width: 100%;
    height: 100%;
    -o-object-fit: repeat;
    object-fit: repeat
}

._laneMultiplier_1jgud_219 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(72px * var(--scale));
    height: calc(72px * var(--scale));
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5
}

._manholeImg_1jgud_232 {
    width: calc(72px * var(--scale));
    height: calc(72px * var(--scale));
    image-rendering: pixelated;
    display: block
}

._laneBarrier_1jgud_239 {
    position: absolute;
    left: 50%;
    top: calc(50% - (82px * var(--scale)));
    transform: translate(-50%);
    width: calc(54px * var(--scale));
    z-index: 54;
    pointer-events: none
}

._laneBarrier_1jgud_239 img {
    width: 100%;
    height: calc(40px * var(--scale));
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    image-rendering: pixelated
}

._manholeText_1jgud_257 {
    position: absolute;
    color: #cbd5e1;
    font-weight: 900;
    font-size: calc(13px * var(--scale));
    text-shadow: 0 calc(2px * var(--scale)) 0 rgba(0,0,0,.6)
}

._manholeTextNext_1jgud_265 {
    color: #f8fafc
}

._manholeTextFuture_1jgud_269 {
    color: #94a3b8
}

._vehicle_1jgud_273 {
    position: absolute;
    left: 50%;
    width: calc(46px * var(--scale));
    z-index: 20;
    pointer-events: none;
    will-change: transform,top
}

._vehicle_1jgud_273 img {
    width: 100%;
    height: auto;
    image-rendering: pixelated;
    display: block
}

._laneBarriers_1jgud_290 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(100px * var(--scale));
    z-index: 55;
    pointer-events: none
}

._barrierLeftTop_1jgud_303,._barrierLeftBottom_1jgud_304 {
    width: calc(54px * var(--scale))
}

._barrierLeftTop_1jgud_303 img,._barrierLeftBottom_1jgud_304 img {
    width: 100%;
    display: block;
    image-rendering: pixelated
}

._chickenContainer_1jgud_316 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(5px * var(--scale));
    pointer-events: none;
    z-index: 50
}

._chickenJumping_1jgud_325 {
    filter: drop-shadow(0 calc(12px * var(--scale)) calc(14px * var(--scale)) rgba(0,0,0,.5));
    animation: _chickenJumpAnim_1jgud_1 .42s ease-out
}

@keyframes _chickenJumpAnim_1jgud_1 {
    0% {
        transform: translateY(0) scale(1)
    }

    40% {
        transform: translateY(calc(-30px * var(--scale))) scale(1.1)
    }

    to {
        transform: translateY(0) scale(1)
    }
}

._chicken_1jgud_316 {
    width: calc(80px * var(--scale));
    height: calc(80px * var(--scale));
    display: flex;
    align-items: center;
    justify-content: center
}

._chickenSprite_1jgud_344 {
    width: calc(80px * var(--scale));
    height: calc(80px * var(--scale));
    image-rendering: pixelated;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: contents;
    transform: translateZ(0);
    backface-visibility: hidden
}

._chickenMultiplier_1jgud_354 {
    background: #1e40af;
    color: #fff;
    padding: calc(2px * var(--scale)) calc(10px * var(--scale));
    border-radius: calc(12px * var(--scale));
    font-weight: 900;
    font-size: calc(13px * var(--scale));
    border: calc(2px * var(--scale)) solid #1d4ed8;
    box-shadow: 0 calc(4px * var(--scale)) calc(6px * var(--scale)) -1px #00000080
}

._footpathChicken_1jgud_365 {
    position: absolute;
    right: calc(10px * var(--scale));
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: opacity .3s ease-out,transform .3s ease-out;
    animation: _chickenAppear_1jgud_1 .3s ease-out
}

@keyframes _chickenAppear_1jgud_1 {
    0% {
        opacity: 0;
        transform: translateY(-50%) scale(.9)
    }

    to {
        opacity: 1;
        transform: translateY(-50%) scale(1)
    }
}

._startBarrier_1jgud_383 {
    position: absolute;
    top: calc(-60px * var(--scale));
    left: 50%;
    transform: translate(-50%);
    width: calc(42px * var(--scale));
    z-index: 51;
    pointer-events: none
}

._startBarrier_1jgud_383 img {
    width: 100%;
    display: block;
    image-rendering: pixelated
}

._laneChicken_1jgud_399 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 50;
    animation: _chickenLand_1jgud_1 .42s cubic-bezier(.34,1.56,.64,1)
}

._laneChicken_1jgud_399._jumping_1jgud_408 {
    animation: _chickenJump_1jgud_325 .42s cubic-bezier(.34,1.56,.64,1)
}

@keyframes _chickenLand_1jgud_1 {
    0% {
        transform: translate(-50%,-70%) scale(.9);
        opacity: 0
    }

    to {
        transform: translate(-50%,-50%) scale(1);
        opacity: 1
    }
}

@keyframes _chickenJump_1jgud_325 {
    0% {
        transform: translate(-50%,-50%) scale(1);
        opacity: 1
    }

    30% {
        transform: translate(-50%,-75%) scale(1.15);
        opacity: .95
    }

    60% {
        transform: translate(-50%,-80%) scale(1.2);
        opacity: .9
    }

    to {
        transform: translate(-50%,-50%) scale(1);
        opacity: 1
    }
}

._bettingPanel_1jgud_425 {
    background: #1e293b;
    padding: 15px 30px;
    display: grid;
    grid-template-columns: 30fr 40fr 30fr;
    grid-template-areas: "bet difficulty action";
    -moz-column-gap: 30px;
    column-gap: 30px;
    align-items: stretch;
    height: auto;
    min-height: 110px;
    flex-shrink: 0;
    border-top: 1px solid #334155;
    position: relative
}

._localToast_1jgud_441 {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%,-100%);
    background: #000000d1;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    z-index: 50;
    max-width: min(360px,92vw);
    text-align: center;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

._betControls_1jgud_459 {
    display: flex;
    gap: 30px;
    align-items: center
}

._betSection_1jgud_465 {
    grid-area: bet;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    height: 100%;
    justify-content: space-between
}

._minMaxLabels_1jgud_475 {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    align-items: center;
    gap: 6px
}

._minMaxBtn_1jgud_482 {
    text-transform: uppercase
}

._minMaxLabels_1jgud_475 ._betInputContainer_1jgud_486 {
    grid-column: 2 / span 2
}

._betInputContainer_1jgud_486 {
    display: flex
}

._betInputContainer_1jgud_486 input {
    width: 100%;
    background: #0f172a;
    border: 1px solid #334155;
    color: #f1f5f9;
    padding: 4px 10px;
    height: 29px;
    text-align: center;
    font-weight: 800;
    border-radius: 6px;
    outline: none;
    font-size: 16px;
    line-height: 20px
}

._betPresets_1jgud_510 {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 6px
}

._presetBtn_1jgud_516 {
    background: #334155;
    border: none;
    color: #cbd5e1;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    width: 100%
}

._presetBtn_1jgud_516:disabled {
    opacity: .5;
    cursor: not-allowed
}

._difficultySection_1jgud_533 {
    grid-area: difficulty;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    width: 100%;
    height: 100%;
    justify-content: space-between
}

._sectionLabel_1jgud_544 {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 700
}

._difficultySection_1jgud_533 ._sectionLabel_1jgud_544 {
    display: none
}

._difficultyButtons_1jgud_554 {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0,1fr);
    gap: 6px;
    width: 100%
}

._difficultyBtn_1jgud_562 {
    background: #334155;
    border: none;
    color: #cbd5e1;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer
}

._difficultyBtnActive_1jgud_573 {
    background: #ef4444;
    color: #fff
}

._difficultyBtn_1jgud_562:disabled {
    opacity: .5;
    cursor: not-allowed
}

._crashChance_1jgud_583 {
    font-size: 11px;
    color: #94a3b8;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

._chanceBar_1jgud_592 {
    width: 100%;
    height: 8px;
    background: #0f172a;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #334155;
    box-sizing: border-box
}

._chanceFill_1jgud_602 {
    height: 100%;
    background: linear-gradient(90deg,#27ae60,#f39c12,#e74c3c);
    transition: width .2s
}

._actionButtons_1jgud_608 {
    grid-area: action;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    min-width: 0;
    height: 100%;
    align-items: stretch
}

._actionButtons_1jgud_608>button {
    height: 100%;
    min-width: 0;
    box-sizing: border-box
}

._cashOutBtn_1jgud_624 {
    background: #f59e0b;
    border: none;
    color: #111827;
    padding: 12px 18px;
    border-radius: 10px;
    font-weight: 900;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    width: 100%
}

._cashOutBtn_1jgud_624:disabled {
    background: #475569;
    opacity: .55;
    cursor: not-allowed
}

._btnLabel_1jgud_646 {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    white-space: nowrap
}

._btnValue_1jgud_653 {
    font-size: 18px;
    font-weight: 900
}

._goBtn_1jgud_658 {
    background: #10b981;
    border: none;
    color: #0b1220;
    padding: 14px 46px;
    border-radius: 10px;
    font-weight: 1000;
    font-size: 22px;
    cursor: pointer;
    box-shadow: 0 4px #047857;
    min-width: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

._goBtn_1jgud_658:active:not(:disabled) {
    transform: translateY(2px);
    box-shadow: 0 2px #047857
}

._goBtn_1jgud_658:disabled {
    background: #475569;
    box-shadow: none;
    opacity: .6;
    cursor: not-allowed
}

._winPopup_1jgud_688 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 200;
    animation: _winPopupIn_1jgud_1 .3s ease-out
}

@keyframes _winPopupIn_1jgud_1 {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.8)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }
}

._winPopupContent_1jgud_702 {
    background: linear-gradient(135deg,#10b981,#059669);
    border: 4px solid #34d399;
    border-radius: 16px;
    padding: 20px 60px;
    text-align: center;
    box-shadow: 0 10px 40px #0006
}

._winPopupTitle_1jgud_711 {
    background: #fbbf24;
    color: #000;
    font-size: 28px;
    font-weight: 900;
    padding: 8px 40px;
    border-radius: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px
}

._winPopupAmount_1jgud_723 {
    color: #fff;
    font-size: 42px;
    font-weight: 900;
    text-shadow: 2px 2px 4px rgba(0,0,0,.3)
}

._coinIcon_1jgud_731 {
    position: absolute;
    left: calc(15px * var(--scale));
    bottom: 45%;
    z-index: 25;
    animation: _coinPulse_1jgud_1 1.5s ease-in-out infinite
}

@keyframes _coinPulse_1jgud_1 {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

._coinEmoji_1jgud_744 {
    font-size: calc(42px * var(--scale));
    filter: drop-shadow(0 calc(3px * var(--scale)) calc(6px * var(--scale)) rgba(0,0,0,.4));
    display: block
}

@media (max-width: 1000px) {
    ._liveWinsPanel_1jgud_22 {
        width:180px
    }
}

@media (max-width: 768px) {
    ._liveWinsPanel_1jgud_22 {
        display:none
    }

    ._bettingPanel_1jgud_425 {
        padding: 15px;
        height: auto;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "bet bet" "action action" "difficulty difficulty";
        row-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px;
        align-items: stretch
    }

    ._difficultySection_1jgud_533 {
        grid-column: 1 / -1
    }

    ._difficultyButtons_1jgud_554 {
        grid-auto-flow: row;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    ._actionButtons_1jgud_608 {
        justify-content: center
    }
}

._container_146wn_1 {
    position: relative;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    background: #0b1020;
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

._sceneWrap_146wn_13 {
    position: relative;
    flex: 1;
    min-height: 0;
    padding: 8px;
    overflow: hidden
}

._splashScreen_146wn_21 {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

._splashLoader_146wn_29 {
    display: flex;
    align-items: center;
    gap: 12px
}

._splashSpinner_146wn_35 {
    width: 22px;
    height: 22px;
    border: 3px solid rgba(255,255,255,.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: _spin_146wn_1 1s linear infinite
}

._splashText_146wn_44 {
    font-size: 16px;
    opacity: .9
}

._quickReconnectOverlay_146wn_49 {
    position: absolute;
    top: var(--app-header-height, 50px);
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000073;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
}

._quickReconnectText_146wn_62 {
    background: #111827;
    border: 1px solid #374151;
    padding: 10px 16px;
    border-radius: 10px
}

._connectionErrorOverlay_146wn_69 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0009;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200
}

._connectionErrorModal_146wn_79 {
    width: min(360px,90vw);
    background: #121827;
    border: 1px solid #2b3447;
    border-radius: 12px;
    padding: 18px;
    text-align: center
}

._connectionErrorIcon_146wn_88 {
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 0 auto 8px;
    border-radius: 50%;
    background: #7f1d1d;
    color: #fecaca;
    font-weight: 700
}

._connectionErrorTitle_146wn_99 {
    margin: 0 0 8px;
    font-size: 18px
}

._connectionErrorMessage_146wn_104 {
    margin: 0 0 14px;
    color: #cbd5e1
}

._connectionErrorButton_146wn_109 {
    border: none;
    background: #2563eb;
    color: #fff;
    padding: 8px 14px;
    border-radius: 8px;
    cursor: pointer
}

._flyingCoinsContainer_146wn_118 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden
}

._flyingCoin_146wn_118 {
    position: absolute;
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    filter: drop-shadow(0 4px 8px rgba(255,215,0,.6));
    animation: _flyToBalance_146wn_1 1.2s cubic-bezier(.25,.46,.45,.94) forwards
}

@keyframes _spin_146wn_1 {
    to {
        transform: rotate(360deg)
    }
}

@keyframes _flyToBalance_146wn_1 {
    0% {
        opacity: 1;
        transform: translate(0) scale(.5) rotate(0)
    }

    20% {
        opacity: 1;
        transform: translate(calc(var(--end-x) * .1),calc(var(--end-y) * .1 - 30px)) scale(1.2) rotate(90deg)
    }

    to {
        opacity: 0;
        transform: translate(var(--end-x),var(--end-y)) scale(.4) rotate(720deg)
    }
}

._gameWrapper_1wqhq_1 {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background: #000;
    position: relative;
    overflow: hidden;
    --reveal-target-ratio: 1 / 1.37;
    --reveal-desktop-gap: 16px
}

._videoArea_1wqhq_13 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

._video_1wqhq_13 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 80ms linear;
    will-change: opacity
}

._videoActive_1wqhq_33 {
    opacity: 1;
    z-index: 2
}

._bottomSection_1wqhq_38 {
    background: #111827bf;
    padding: 4px 8px 8px;
    margin: 0 -2px -2px;
    border-radius: 0 0 16px 16px
}

._videoPlaceholder_1wqhq_45 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    width: 100%;
    height: 100%
}

._overlayTop_1wqhq_54 {
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 10;
    pointer-events: none
}

._topRightControls_1wqhq_66 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    margin-left: auto;
    pointer-events: auto
}

._timerBadge_1wqhq_75 {
    background: #0009;
    border: 2px solid #22c55e;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    box-shadow: 0 0 10px #00000080
}

._betPhaseNotice_1wqhq_90 {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%);
    z-index: 11;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #111827e6;
    box-shadow: 0 4px 14px #00000059;
    pointer-events: none
}

._betPhaseNoticeStart_1wqhq_107 {
    border-color: #22c55ed9;
    background: #064e3be6
}

._betPhaseNoticeStop_1wqhq_112 {
    border-color: #f59e0bd9;
    background: #78350feb
}

._betPhaseNoticeInfo_1wqhq_117 {
    border-color: #3b82f6d9;
    background: #1e3a8aeb
}

._overlayBottom_1wqhq_122 {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 80px;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 10;
    pointer-events: none
}

._badge_1wqhq_134 {
    background: #111827d1;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    color: #fff
}

._recentBetsBtn_1wqhq_143,._soundBtn_1wqhq_156 {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.35);
    background: #0f172ad1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #e2e8f0;
    cursor: pointer
}

._soundBtn_1wqhq_156 svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

._recentBetsBtn_1wqhq_143 svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

._recentBetsOverlay_1wqhq_189 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0000008c;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px
}

._recentBetsCard_1wqhq_200 {
    width: min(100%,520px);
    max-height: min(82vh,560px);
    background: #111827;
    border: 1px solid #334155;
    border-radius: 6px;
    padding: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 6px
}

._recentBetsHeader_1wqhq_213 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

._recentBetsHeader_1wqhq_213 button {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: 1px solid #475569;
    background: #1e293b;
    color: #e2e8f0;
    cursor: pointer
}

._recentBetCards_1wqhq_229 {
    display: grid;
    gap: 6px;
    overflow: visible;
    max-height: none;
    padding-right: 0
}

._recentBetsBody_1wqhq_237 {
    display: grid;
    gap: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: min(72vh,470px);
    padding-right: 2px
}

._recentSection_1wqhq_246 {
    border: 1px solid #334155;
    border-radius: 6px;
    padding: 6px;
    background: #0f172a;
    display: grid;
    gap: 6px
}

._recentSectionTitle_1wqhq_255 {
    color: #93c5fd;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase
}

._recentResultsList_1wqhq_263 {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 4px
}

._recentResultItem_1wqhq_269 {
    border: 1px solid #334155;
    background: #1e293b;
    border-radius: 6px;
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 2px
}

._recentResultItemLatest_1wqhq_280 {
    border-color: #facc15a6;
    box-shadow: 0 0 3px #facc1559,inset 0 0 0 1px #facc158c
}

._recentBetCard_1wqhq_229 {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 6px;
    padding: 7px 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0
}

._recentBetCardTop_1wqhq_296 {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 8px
}

._recentBetItems_1wqhq_302 {
    display: grid;
    gap: 4px
}

._recentBetItemsHead_1wqhq_307 {
    display: grid;
    grid-template-columns: 1.6fr .8fr 1fr;
    gap: 8px;
    color: #9ca3af;
    font-size: 10px;
    font-weight: 700;
    line-height: 1
}

._recentBetItemsHead_1wqhq_307 span:nth-child(2) {
    text-align: center
}

._recentBetItemsHead_1wqhq_307 span:nth-child(3) {
    text-align: right
}

._recentBetItem_1wqhq_302 {
    display: grid;
    grid-template-columns: 1.6fr .8fr 1fr;
    gap: 8px;
    align-items: center;
    min-width: 0
}

._recentBetItemRunner_1wqhq_333 {
    color: #e2e8f0;
    font-size: 11px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._recentBetItemOdds_1wqhq_342 {
    color: #86efac;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap
}

._recentBetItemAmount_1wqhq_350 {
    color: #e2e8f0;
    font-size: 11px;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap
}

._recentMeta_1wqhq_358 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px
}

._recentMetaLabel_1wqhq_365 {
    color: #9ca3af;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap
}

._recentMetaValue_1wqhq_372 {
    color: #e2e8f0;
    font-size: 11px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 480px) {
    ._recentResultsList_1wqhq_263 {
        grid-template-columns:repeat(5,minmax(0,1fr))
    }

    ._recentBetCardTop_1wqhq_296 {
        grid-template-columns: 1.4fr 1fr
    }

    ._recentBetItemsHead_1wqhq_307,._recentBetItem_1wqhq_302 {
        grid-template-columns: 1.35fr .75fr .9fr
    }
}

._resultBadge_1wqhq_396 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px 4px 8px;
    border-radius: 999px;
    background: #111827d1;
    border: 1px solid rgba(255,255,255,.15);
    pointer-events: none
}

._resultBadgeLabel_1wqhq_407 {
    font-size: 12px;
    color: #cbd5e1;
    font-weight: 600
}

._resultMarketBtn_1wqhq_413 {
    width: 48px;
    min-height: 48px;
    pointer-events: none;
    cursor: default;
    border-color: #60a5fa;
    box-shadow: inset 0 0 0 1px #3b82f6d9
}

._resultMarketBtn_1wqhq_413:disabled {
    opacity: 1
}

._resultAbovePanel_1wqhq_426 {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    transform: translate(-50%);
    z-index: 24;
    pointer-events: none
}

._settlementRow_1wqhq_435 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

._settleItem_1wqhq_441 {
    border-radius: 8px;
    padding: 6px 10px;
    border: 1px solid transparent;
    display: flex;
    gap: 10px;
    font-size: 12px;
    background: #000c;
    color: #fff
}

._win_1wqhq_452 {
    border-color: #16a34acc;
    color: #86efac
}

._loss_1wqhq_457 {
    border-color: #dc2626cc;
    color: #fca5a5
}

._bettingPanel_1wqhq_463 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom,#11182700,#111827f2);
    border-top: 1px solid rgba(255,255,255,.1);
    border-radius: 16px 16px 0 0;
    padding: 0 1px 1px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    max-height: 90vh;
    z-index: 20;
    box-shadow: 0 -4px 20px #00000080;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    transition: transform .22s ease,opacity .22s ease;
    will-change: transform,opacity
}

._bettingPanelOpen_1wqhq_486 {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto
}

._bettingPanelClosed_1wqhq_492 {
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none
}

._panelHeader_1wqhq_498 {
    display: flex;
    justify-content: center;
    padding: 2px 0;
    flex-shrink: 0
}

._minimizeBtn_1wqhq_505 {
    background: #1f2937;
    border: 1px solid #374151;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: -16px;
    box-shadow: 0 -2px 5px #0003
}

._arrowDown_1wqhq_519 {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #9ca3af
}

._expandPanelBtn_1wqhq_527 {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 20px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    box-shadow: 0 4px 12px #0000004d;
    z-index: 20;
    cursor: pointer
}

@media (min-width: 1024px) {
    ._gameWrapper_1wqhq_1 {
        flex-direction:row;
        align-items: center;
        justify-content: center;
        gap: var(--reveal-desktop-gap);
        padding: 12px
    }

    ._videoArea_1wqhq_13 {
        position: relative;
        inset: auto;
        order: 2;
        width: min(calc((100% - var(--reveal-desktop-gap)) / 2),calc((100dvh - var(--app-header-height, 50px) - 48px) / 1.37));
        aspect-ratio: var(--reveal-target-ratio);
        max-width: 100%;
        max-height: 100%;
        border-radius: 16px;
        z-index: 2
    }

    ._video_1wqhq_13 {
        -o-object-fit: cover;
        object-fit: cover
    }

    ._bettingPanel_1wqhq_463 {
        position: relative;
        inset: auto;
        bottom: auto;
        left: auto;
        right: auto;
        order: 1;
        width: min(calc((100% - var(--reveal-desktop-gap)) / 2),calc((100dvh - var(--app-header-height, 50px) - 48px) / 1.37));
        aspect-ratio: var(--reveal-target-ratio);
        max-width: 100%;
        max-height: 100%;
        border-radius: 16px;
        border: 1px solid rgba(255,255,255,.12);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        z-index: 1
    }

    ._bettingPanelOpen_1wqhq_486 {
        transform: translate(0);
        opacity: 1;
        pointer-events: auto
    }

    ._bettingPanelClosed_1wqhq_492 {
        transform: translate(calc(100% + var(--reveal-desktop-gap)));
        opacity: 1;
        pointer-events: none
    }

    ._panelHeader_1wqhq_498,._expandPanelBtn_1wqhq_527 {
        display: none
    }

    ._panelContent_1wqhq_613 {
        flex: 1;
        min-height: 0
    }

    ._marketScrollArea_1wqhq_618 {
        max-height: none;
        flex: 1;
        min-height: 0
    }

    ._bottomSection_1wqhq_38 {
        margin: 0;
        border-radius: 0
    }

    ._overlayBottom_1wqhq_122 {
        bottom: 16px
    }
}

._arrowUp_1wqhq_634 {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff
}

._panelContent_1wqhq_613 {
    display: flex;
    flex-direction: column;
    gap: 1px;
    overflow: hidden
}

._marketScrollArea_1wqhq_618 {
    display: flex;
    flex-direction: column;
    gap: 1px;
    overflow: hidden;
    flex: 0 1 auto;
    max-height: none;
    min-height: 0
}

._gridGroup_1wqhq_661 {
    background: #0003;
    border-radius: 8px;
    padding: 1px;
    display: flex;
    flex-direction: column;
    gap: 1px
}

._groupOdds_1wqhq_670 {
    text-align: center;
    font-size: 11px;
    color: #86efac;
    font-weight: 600;
    padding-top: 0
}

._grid4x9_1wqhq_678 {
    display: grid;
    grid-template-columns: repeat(9,minmax(0,1fr));
    gap: 1px
}

._grid1x6_1wqhq_684 {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 1px
}

._grid1x4_1wqhq_690 {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 1px
}

._grid1x2_1wqhq_696 {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 1px
}

._gridDynamic_1wqhq_702 {
    display: grid;
    gap: 1px
}

._marketBtn_1wqhq_707 {
    background: #1f2937cc;
    border: 1px solid #374151;
    border-radius: 4px;
    padding: 1px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: relative;
    min-width: 0;
    min-height: 28px
}

._marketBtnActive_1wqhq_723 {
    background: #1e3a8ae6;
    border-color: #3b82f6;
    box-shadow: inset 0 0 0 1px #3b82f6
}

._marketBtnResult_1wqhq_729 {
    border-color: #f59e0b;
    box-shadow: inset 0 0 0 1px #f59e0bf2,0 0 10px #f59e0b73
}

._marketBtn_combo_1wqhq_734 {
    height: 48px
}

._marketBtnWide_1wqhq_738 {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 4px
}

._marketBtnWide_1wqhq_738 ._marketLabel_1wqhq_744 {
    font-size: 12px;
    margin-bottom: 0
}

._marketBtnWide_1wqhq_738 ._marketPayout_1wqhq_749 {
    font-size: 12px
}

._marketNumber_1wqhq_753 {
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translate(-50%);
    font-size: 10px;
    color: #fff;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0,0,0,.8);
    z-index: 2;
    font-weight: 600
}

._marketLabel_1wqhq_744 {
    font-size: 12px;
    color: #e5e7eb;
    line-height: 1.1;
    margin-bottom: 1px;
    white-space: nowrap
}

._marketPayout_1wqhq_749 {
    font-size: 9px;
    color: #86efac
}

._bikiniPreview_1wqhq_779 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 38px;
    gap: 0;
    margin-bottom: 0;
    margin-top: 0
}

._bikiniMaskTop_1wqhq_790 {
    width: 100%;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

._bikiniMaskBottom_1wqhq_804 {
    width: 100%;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    margin-top: -3px
}

._multiBikiniPreview_1wqhq_820 {
    display: flex;
    gap: 1px;
    width: 100%;
    justify-content: center;
    align-items: center
}

._bikiniMaskTopSmall_1wqhq_828 {
    width: 32%;
    max-width: 30px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

._bikiniMaskBottomSmall_1wqhq_843 {
    width: 32%;
    max-width: 30px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    margin-top: -2px
}

._marketBtnHorizontal_1wqhq_860 {
    display: none
}

._marketBtnHorizontal_1wqhq_860 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px
}

._separator_1wqhq_873 {
    height: 1px;
    background: #fff3;
    margin: 4px 0;
    width: 100%
}

._betControls_1wqhq_881 {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex-shrink: 0
}

._quickBets_1wqhq_888 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px
}

._quickBtn_1wqhq_894 {
    background: #374151;
    border: 1px solid #4b5563;
    color: #fff;
    border-radius: 4px;
    padding: 6px 2px;
    font-size: 11px;
    min-height: 36px;
    white-space: nowrap;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

._amountRow_1wqhq_910 {
    display: flex;
    gap: 1px
}

._amountAdjustBtn_1wqhq_915 {
    background: #1f2937;
    border: 1px solid #374151;
    color: #fff;
    border-radius: 6px;
    min-height: 42px;
    width: 42px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

._amountAdjustBtn_1wqhq_915:disabled {
    opacity: .5;
    cursor: not-allowed
}

._amountInput_1wqhq_936 {
    flex: 1;
    width: 0;
    background: #1f2937;
    border: 1px solid #374151;
    color: #fff;
    border-radius: 6px;
    padding: 6px;
    min-height: 42px;
    font-size: 16px;
    text-align: center
}

._placeBtn_1wqhq_949 {
    flex: 1;
    width: 0;
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 0 6px;
    min-height: 42px;
    font-weight: 600;
    cursor: pointer;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center
}

._placeBtn_1wqhq_949:disabled {
    background: #1f2937;
    color: #6b7280;
    cursor: not-allowed
}

._placeBtnDisabled_1wqhq_972 {
    background: #1f2937;
    color: #6b7280;
    cursor: not-allowed
}

._myBets_1wqhq_979 {
    border-top: 1px solid #374151;
    padding-top: 4px;
    flex-shrink: 0;
    min-height: 0
}

._myBetsTitle_1wqhq_986 {
    font-size: 11px;
    color: #9ca3af;
    margin-bottom: 6px
}

._myBetsTable_1wqhq_992 {
    --bets-cols: minmax(124px, 1.75fr) minmax(0, 1fr) 52px 68px 63px;
    border: 1px solid #334155;
    border-radius: 6px;
    overflow: hidden;
    background: #111827;
    width: 100%;
    min-width: 0
}

._myBetsHead_1wqhq_1002 {
    display: grid;
    grid-template-columns: var(--bets-cols);
    gap: 4px;
    background: #0f172a;
    color: #9ca3af;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .01em;
    padding: 4px 6px
}

._myBetsHead_1wqhq_1002 span:last-child {
    text-align: right
}

._myBetsList_1wqhq_1018 {
    display: grid;
    gap: 2px;
    min-height: 32px;
    max-height: 116px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px
}

._myBetRow_1wqhq_1028 {
    display: grid;
    grid-template-columns: var(--bets-cols);
    gap: 4px;
    font-size: 10px;
    background: #1e293b;
    padding: 4px 6px;
    border-radius: 4px;
    color: #e5e7eb;
    align-items: center
}

._colRound_1wqhq_1040 {
    color: #cbd5e1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._colRunner_1wqhq_1047 {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._colOdds_1wqhq_1054 {
    color: #86efac;
    font-weight: 600;
    white-space: nowrap;
    text-align: center
}

._colResult_1wqhq_1061 {
    color: #e5e7eb;
    display: inline-flex;
    align-items: center;
    min-width: 0
}

._colAmount_1wqhq_1068 {
    text-align: right;
    font-weight: 700;
    white-space: nowrap
}

@media (max-width: 480px) {
    ._myBetsTable_1wqhq_992 {
        --bets-cols: minmax(106px, 1.65fr) minmax(0, 1fr) 44px 56px 54px
    }
}

._amountActive_1wqhq_1080 {
    color: #fff
}

._amountWon_1wqhq_1084 {
    color: #60a5fa
}

._amountLost_1wqhq_1088 {
    color: #ef4444
}

._myBetPlaceholder_1wqhq_1092 {
    opacity: .75
}

._runnerCompact_1wqhq_1096 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0
}

._runnerText_1wqhq_1103 {
    font-size: 10px;
    color: #e2e8f0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._runnerCompactPreview_1wqhq_1111 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 0
}

._runnerMaskTop_1wqhq_1119 {
    width: 18px;
    height: 9px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

._runnerMaskBottom_1wqhq_1130 {
    width: 18px;
    height: 8px;
    margin-top: -1px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

._runnerMultiPreview_1wqhq_1142 {
    display: inline-flex;
    align-items: center;
    gap: 0
}

._runnerMaskTopTiny_1wqhq_1148 {
    width: 14px;
    height: 7px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

._runnerMaskBottomTiny_1wqhq_1159 {
    width: 14px;
    height: 6px;
    margin-top: -1px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

._resultCompact_1wqhq_1171 {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    min-width: 0
}

._resultComposite_1wqhq_1178 {
    display: inline-flex;
    align-items: center;
    gap: 5px
}

._resultCompositeNum_1wqhq_1184 {
    font-size: 12px;
    color: #e2e8f0;
    font-weight: 700;
    white-space: nowrap
}

._resultCompactPreview_1wqhq_1191 {
    display: inline-flex;
    flex-direction: column;
    line-height: 0
}

._resultMaskTop_1wqhq_1197 {
    width: 18px;
    height: 9px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

._resultMaskBottom_1wqhq_1208 {
    width: 18px;
    height: 8px;
    margin-top: -2px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

._resultText_1wqhq_1220 {
    font-size: 10px;
    color: #e2e8f0;
    white-space: nowrap
}

._emptyMarket_1wqhq_1226 {
    background: transparent;
    border: 1px dashed #374151;
    border-radius: 4px
}

.classic-theme.bikini-page .bikini-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    justify-content: center;
    gap: 16px;
    padding: 10px 4px;
    background-color: #fff;
    position: relative
}

.classic-theme.bikini-page .bikini-mode-section {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 12px 8px 10px;
    background: #fff
}

.classic-theme.bikini-page .bikini-mode-heading {
    margin: 0 0 12px;
    padding: 10px 8px 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 8px;
    display: grid;
    gap: 8px
}

.classic-theme.bikini-page .bikini-mode-title {
    display: block;
    line-height: 1
}

.classic-theme.bikini-page .bikini-mode-colors {
    display: grid;
    gap: 4px
}

.classic-theme.bikini-page .bikini-mode-strip {
    display: grid;
    gap: 4px;
    background: #111827;
    border: 1px solid #334155;
    border-radius: 6px;
    padding: 3px
}

.classic-theme.bikini-page .bikini-mode-color-cell {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 4px;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 0
}

.classic-theme.bikini-page .bikini-heading-mask-top {
    width: min(30px,92%);
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

.classic-theme.bikini-page .bikini-heading-mask-bottom {
    width: min(30px,92%);
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

.classic-theme.bikini-page .bikini-mode-tiles {
    display: grid;
    grid-template-columns: repeat(2,min(43vw,calc(70vh / 1.37)));
    justify-content: center;
    gap: 4vw
}

.classic-theme.bikini-page .bikini-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.classic-theme.bikini-page .bikini-image {
    width: min(43vw,calc(70vh / 1.37));
    height: auto;
    max-width: 43vw;
    max-height: 70vh;
    aspect-ratio: 1 / 1.37;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border: 2px solid #d7d7d7;
    border-radius: 16px;
    box-shadow: 0 8px 22px #0003;
    transition: transform .3s
}

.classic-theme.bikini-page .bikini-image:hover {
    transform: scale(1.03)
}

.classic-theme.bikini-page .bikini-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-top: 8px
}

.classic-theme.bikini-page .bikini-title a {
    color: #000;
    text-decoration: none;
    transition: color .3s
}

.classic-theme.bikini-page .bikini-title a:hover {
    color: #004e92
}

.classic-theme.bikini-page main {
    position: relative
}

.classic-theme.bikini-page .bikini-rules-trigger {
    grid-column: 1 / -1;
    justify-self: end;
    margin-bottom: 10px;
    border: 1px solid #4b5563;
    background: #111827;
    color: #fff;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 4px #0003
}

.classic-theme.bikini-page .bikini-rules-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000bf;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px
}

.classic-theme.bikini-page .bikini-rules-modal {
    width: min(720px,100%);
    max-height: 85vh;
    overflow: hidden;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;
    display: flex;
    flex-direction: column
}

.classic-theme.bikini-page .bikini-rules-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb
}

.classic-theme.bikini-page .bikini-rules-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #111827
}

.classic-theme.bikini-page .bikini-rules-header button {
    border: 1px solid #d1d5db;
    background: #fff;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #6b7280;
    transition: all .2s
}

.classic-theme.bikini-page .bikini-rules-header button:hover {
    background: #f3f4f6;
    color: #111827
}

.classic-theme.bikini-page .bikini-rules-tabs {
    display: flex;
    gap: 8px;
    padding: 12px 20px;
    border-bottom: 1px solid #e5e7eb;
    background: #fff
}

.classic-theme.bikini-page .bikini-rules-tabs button {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s
}

.classic-theme.bikini-page .bikini-rules-tabs button:hover {
    background: #f1f5f9;
    color: #334155
}

.classic-theme.bikini-page .bikini-rules-tabs button.active {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
    box-shadow: 0 1px 2px #0000000d
}

.classic-theme.bikini-page .bikini-rules-body {
    overflow-y: auto;
    padding: 20px 24px
}

.classic-theme.bikini-page .bikini-rules-body ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
    color: #374151;
    line-height: 1.6;
    font-size: 15px
}

.classic-theme.bikini-page .bikini-rules-body li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f3f4f6
}

.classic-theme.bikini-page .bikini-rules-body li:before {
    content: "•";
    position: absolute;
    left: 4px;
    color: #2563eb;
    font-weight: 700
}

.classic-theme.bikini-page .bikini-rules-body li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.classic-theme.bikini-page .rules-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 13px
}

.classic-theme.bikini-page .rules-table th,.classic-theme.bikini-page .rules-table td {
    border: 1px solid #e5e7eb;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
    color: #374151
}

.classic-theme.bikini-page .rules-table th {
    background-color: #f9fafb;
    font-weight: 600;
    color: #111827
}

.classic-theme.bikini-page .rules-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 40px;
    background: #1f2937;
    border: 1px solid #374151;
    border-radius: 4px;
    position: relative;
    margin: 0 auto;
    color: #e5e7eb;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.1
}

.classic-theme.bikini-page .rules-btn-wide {
    width: 70px
}

.classic-theme.bikini-page .rules-btn-label {
    font-size: 10px;
    color: #e5e7eb
}

.classic-theme.bikini-page .rules-mask-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 32px
}

.classic-theme.bikini-page .rules-mask-top {
    width: 100%;
    height: 16px;
    background-color: currentColor;
    -webkit-mask-image: url(/games/reveal/top.png);
    mask-image: url(/games/reveal/top.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

.classic-theme.bikini-page .rules-mask-bottom {
    width: 100%;
    height: 14px;
    background-color: currentColor;
    -webkit-mask-image: url(/games/reveal/bottom.png);
    mask-image: url(/games/reveal/bottom.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    margin-top: -2px
}

.classic-theme.bikini-page .rules-multi-preview {
    display: flex;
    gap: 1px;
    width: 100%;
    justify-content: center;
    align-items: center
}

.classic-theme.bikini-page .rules-mask-top-small {
    width: 10px;
    height: 12px;
    background-color: currentColor;
    -webkit-mask-image: url(/games/reveal/top.png);
    mask-image: url(/games/reveal/top.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

.classic-theme.bikini-page .rules-mask-bottom-small {
    width: 10px;
    height: 11px;
    background-color: currentColor;
    -webkit-mask-image: url(/games/reveal/bottom.png);
    mask-image: url(/games/reveal/bottom.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    margin-top: -1px
}

.classic-theme.lucky7-page {
    background-color: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.classic-theme.lucky7-page .main-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important
}

.classic-theme.lucky7-page .main-header-table {
    width: 100%;
    border: #ffffff solid 1.5px;
    border-collapse: collapse
}

.classic-theme.lucky7-page .FontTextWhite {
    color: #fff
}

.classic-theme.lucky7-page .profile_picture_name h3 {
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0
}

.classic-theme.lucky7-page .profile_img p {
    margin: 0;
    padding: 2px 0
}

.classic-theme.lucky7-page .logo-img {
    max-width: 70px;
    height: auto
}

.classic-theme.lucky7-page .menu {
    background-color: #0a203b
}

.classic-theme.lucky7-page .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.classic-theme.lucky7-page .navMain li {
    flex: 1
}

.classic-theme.lucky7-page .navMain li.active a {
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    background-color: #0a203b;
    overflow: hidden
}

.classic-theme.lucky7-page .marquee-text {
    display: inline-block;
    white-space: nowrap;
    animation: lucky7-marquee 10s linear infinite
}

@keyframes lucky7-marquee {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

.lucky7-section {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 20px
}

.lucky7-container {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    padding: 10px
}

.lucky7-game-screen {
    width: 70%;
    display: flex;
    justify-content: flex-end
}

.lucky7-game-box {
    width: 65%;
    position: relative;
    border: 1px solid #1a365d
}

.bets-history-section {
    width: 30%
}

.back-menu-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1a365d!important;
    border-bottom: 1px solid #d9d9d9
}

.back-href {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: 500
}

.back-href:hover {
    text-decoration: underline
}

.game-type,.game-round-id {
    color: #fff;
    text-wrap: nowrap;
    font-size: 13px
}

.game-round-id .fa-info-circle {
    margin-left: 5px;
    cursor: pointer
}

.lucky7-live-tv-box {
    width: 100%;
    height: 210px;
    position: relative;
    background: #000
}

.lucky7-live-tv-box iframe {
    width: 100%;
    height: 100%;
    border: none
}

.flip-clock {
    display: flex;
    gap: 5px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 10
}

.digits-group {
    display: flex;
    align-items: center
}

.left {
    height: 35px;
    width: 35px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 5px;
    background-color: #323232e6;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600
}

.card-shower {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10
}

.runners {
    display: flex;
    gap: 5px
}

.runner {
    display: flex
}

.runner-cards {
    display: flex;
    gap: 3px
}

.card-img-wrapper {
    width: 40px;
    height: 55px;
    background: #8b7355;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 2px 4px #0000004d
}

.card-img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.lucky7-odds-section {
    width: 100%;
    background-color: #fff;
    padding: 12px 10px;
    box-sizing: border-box;
    border-top: 1px solid #ddd
}

.lucky7-odds-container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.low-high-cards-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%
}

.lucky7-odds-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    cursor: pointer;
    background: transparent;
    padding: 0
}

.lucky7-odds-box.high-low-card {
    max-width: 200px
}

.lucky7-odds-box:hover:not(.suspended) .odds-label {
    opacity: .9
}

.lucky7-odds-box.suspended {
    cursor: not-allowed
}

.lucky7-odds-box.suspended .odds-label {
    position: relative;
    background: linear-gradient(90deg,#0d1b2a,#1a365d,#2d4a6f)
}

.lucky7-odds-box.suspended .odds-label:after {
    content: "";
    font-family: "Font Awesome 5 Free","Font Awesome 5 Pro",sans-serif;
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 16px;
    color: #ffffffe6
}

.lucky7-odds-box.suspended .odds-label-text {
    visibility: hidden
}

.odds-price {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    background: transparent
}

.odds-label {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg,#0f2744,#1a365d,#2d4a6f);
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    min-height: 44px
}

.odds-position {
    font-size: 15px;
    font-weight: 700;
    margin-top: 6px;
    background: transparent
}

.odds-position.plus {
    color: #22c55e
}

.odds-position.minus {
    color: #ef4444
}

.low-high-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    background: #fff;
    border: 3px solid #e6c200;
    border-radius: 5px;
    flex-shrink: 0
}

.card-image {
    width: 70px;
    height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.last-results-section {
    width: 100%;
    border-top: 1px solid #1a365d
}

.last-result-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #1a365d!important;
    padding: 0 10px;
    box-sizing: border-box
}

.last-result-heading,.last-result-view-all {
    font-size: 13px;
    color: #fff;
    font-weight: 500
}

.last-result-container {
    background-color: #b2b2b2;
    padding: 12px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px
}

.last-result-box {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.last-result-box.H {
    background-color: #22c55e
}

.last-result-box.L {
    background-color: #ef4444
}

.last-result-box.\37 {
    background-color: #f59e0b
}

.last-result-box.\? {
    background-color: #6b7280
}

.bets-table-section {
    width: 100%
}

.my-bets-heading {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    height: 35px;
    background: #1a365d!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.bets-table {
    width: 100%;
    background-color: #fff!important
}

.bets-table .table {
    width: 100%!important;
    border-collapse: collapse
}

.bets-table .table td {
    text-align: center!important;
    font-size: 13px!important;
    color: #000;
    font-weight: 600;
    height: 25px;
    padding: 5px;
    border: 1px solid #ddd
}

.bets-table thead {
    height: 35px
}

.bets-table thead tr th {
    padding: 8px 10px!important;
    background: #1a365d;
    color: #fff;
    text-wrap: nowrap;
    font-size: 13px;
    border: 1px solid #2d4a6f;
    font-weight: 600
}

.bet-history-td {
    padding: 8px;
    text-align: center
}

.see-all-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    padding: 0 10px;
    box-sizing: border-box
}

.see-all-btn {
    color: #fff;
    height: 38px;
    background: #1a365d!important;
    border: none;
    outline: none;
    border-radius: 4px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer
}

.see-all-btn:hover {
    opacity: .9
}

.bet-slip-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000080;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.bet-slip-modal {
    background-color: #fff;
    border-radius: 8px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 4px 20px #0000004d;
    overflow: hidden
}

.bet-slip-header {
    background: #1a365d;
    color: #fff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600
}

.bet-slip-header .close-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    line-height: 1
}

.bet-slip-body {
    padding: 20px;
    color: #333
}

.bet-slip-info {
    margin-bottom: 15px
}

.bet-info-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #eee
}

.bet-info-row span:first-child {
    color: #666
}

.bet-info-row span:last-child {
    font-weight: 600;
    color: #333
}

.bet-amount-input {
    margin-bottom: 15px
}

.bet-amount-input label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500
}

.bet-amount-input input {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    color: #333;
    border: 1px solid #555;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box
}

.bet-amount-input input:focus {
    outline: none;
    border-color: #1a365d
}

.bet-amount-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 15px
}

.bet-amount-buttons button {
    flex: 1;
    padding: 10px;
    border: 1px solid #1a365d;
    background-color: #fff;
    color: #1a365d;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: all .2s
}

.bet-amount-buttons button:hover,.bet-amount-buttons button.active {
    background-color: #1a365d;
    color: #fff
}

.bet-potential {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-weight: 500
}

.bet-potential .win-amount {
    color: #22c55e;
    font-weight: 700
}

.bet-slip-footer {
    padding: 15px 20px 20px
}

.place-bet-btn {
    width: 100%;
    padding: 12px;
    background: #1a365d;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .2s
}

.place-bet-btn:hover {
    opacity: .9
}

.place-bet-btn:disabled {
    opacity: .6;
    cursor: not-allowed
}

@media screen and (max-width: 768px) {
    .bets-history-section {
        width:100%
    }

    .lucky7-section {
        width: 100%;
        margin-top: 5px
    }

    .lucky7-container {
        width: 97%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }

    .lucky7-game-screen {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .lucky7-game-box,.lucky7-game-header {
        width: 100%
    }

    .lucky7-live-tv-box {
        width: 100%;
        height: 180px
    }

    .lucky7-odds-container {
        flex-direction: row;
        gap: 5px
    }

    .lucky7-odds-box {
        flex: 1
    }

    .lucky7-odds-box.high-low-card {
        max-width: none
    }

    .odds-price {
        font-size: 13px
    }

    .odds-label {
        font-size: 13px;
        padding: 10px;
        min-height: 38px
    }

    .low-high-card-image {
        padding: 2px
    }

    .card-image {
        width: 50px;
        height: 72px
    }

    .bets-table-section {
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box
    }
}

.classic-theme.notice-page {
    min-height: 100vh;
    background: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif
}

.classic-theme .notice-content {
    padding: 24px 0 40px
}

.classic-theme .rules-layout {
    background: #e9e9e9;
    min-height: calc(100vh - 108px)
}

.classic-theme .rules-topbar {
    background: #e9e9e9;
    padding: 16px 24px;
    display: flex;
    justify-content: center
}

.classic-theme .rules-main-menu {
    background: #004e92;
    color: #fff;
    border: none;
    border-radius: 36px;
    height: 40px;
    padding: 0 20px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.classic-theme .rules-body {
    padding: 0 24px 24px;
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.classic-theme .rules-language-toggle {
    display: inline-flex;
    justify-content: center;
    gap: 6px;
    margin: 10px auto 20px;
    padding: 6px;
    border-radius: 12px;
    background: #f5f7fa;
    border: 1px solid #d6dbe2;
    align-self: center
}

.classic-theme .language-pill {
    border: none;
    background: transparent;
    padding: 8px 18px;
    border-radius: 10px;
    font-weight: 700;
    color: #5c6b7a;
    cursor: pointer;
    min-width: 120px;
    transition: background .2s ease,color .2s ease,box-shadow .2s ease
}

.classic-theme .language-pill.is-active {
    background: #fff;
    color: #000428;
    box-shadow: 0 2px 6px #0000001f
}

.classic-theme .rules-card {
    background: #e9e9e9;
    width: 100%
}

.classic-theme .rules-title {
    margin: 0 0 16px;
    font-size: 1.2rem
}

.classic-theme .rules-alert {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 16px;
    background: #e6f0ff;
    border: 1px solid #91b4ff;
    border-radius: 8px;
    color: #0b3d91;
    font-weight: 500;
    margin-bottom: 20px
}

.classic-theme .rules-alert-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #004e92;
    color: #fff;
    font-weight: 700;
    flex-shrink: 0
}

.classic-theme .rules-section {
    margin-bottom: 18px
}

.classic-theme .rules-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 12px
}

.classic-theme .rules-divider h4 {
    margin: 0;
    font-size: 1rem
}

.classic-theme .rules-divider:after {
    content: "";
    flex: 1;
    height: 1px;
    background: #cfd6df
}

.classic-theme .rules-empty {
    background: #fff;
    border: 1px solid #d6dbe2;
    border-radius: 6px;
    padding: 24px;
    text-align: center;
    color: #6b7280
}

.classic-theme .rules-list {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #d6dbe2;
    border-radius: 6px;
    overflow: hidden
}

.classic-theme .rules-list li {
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid #e1e5ea;
    font-size: .95rem;
    line-height: 1.5
}

.classic-theme .rules-list li:last-child {
    border-bottom: none
}

.classic-theme .rules-number {
    font-weight: 700;
    min-width: 24px;
    color: #000428
}

.classic-theme .rules-footer-note {
    margin-top: 16px;
    color: #6b7280
}

.classic-theme .rules-modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000b3;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 20px
}

.classic-theme .rules-modal {
    background: #fff;
    width: 100%;
    max-width: 800px;
    max-height: 80vh;
    border-radius: 8px;
    box-shadow: 0 10px 25px #00000059;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column
}

.classic-theme .rules-modal-close {
    position: absolute;
    right: 12px;
    top: 8px;
    border: none;
    background: transparent;
    font-size: 24px;
    cursor: pointer;
    color: #fff;
    z-index: 2
}

.classic-theme .rules-modal-header {
    background: linear-gradient(90deg,#000428,#004e92);
    color: #fff;
    padding: 16px 24px;
    font-weight: 700;
    text-transform: uppercase
}

.classic-theme .rules-modal-body {
    padding: 20px 24px;
    overflow-y: auto;
    max-height: calc(80vh - 140px)
}

.classic-theme .rules-accordion {
    display: grid;
    gap: 10px;
    margin-bottom: 16px
}

.classic-theme .rules-accordion-item {
    border: 1px solid #d6dbe2;
    border-radius: 6px;
    padding: 0 12px
}

.classic-theme .rules-accordion-item summary {
    list-style: none;
    cursor: pointer;
    padding: 12px 0;
    font-weight: 600
}

.classic-theme .rules-accordion-item summary::-webkit-details-marker {
    display: none
}

.classic-theme .rules-accordion-item summary:before {
    content: "›";
    display: inline-block;
    margin-right: 8px;
    transform: rotate(0);
    transition: transform .2s ease
}

.classic-theme .rules-accordion-item[open] summary:before {
    transform: rotate(90deg)
}

.classic-theme .rules-accordion-list {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
    border-top: 1px solid #eef1f4
}

.classic-theme .rules-accordion-list li {
    display: flex;
    gap: 10px;
    padding: 14px 0;
    border-bottom: 1px solid #eef1f4;
    font-size: .95rem;
    line-height: 1.5
}

.classic-theme .rules-accordion-list li:last-child {
    border-bottom: none
}

.classic-theme .rules-check {
    display: inline-flex;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: #004e92;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-top: 2px;
    flex-shrink: 0
}

.classic-theme .rules-banner {
    width: 100%;
    border-radius: 10px;
    display: block
}

.classic-theme .rules-modal-footer {
    padding: 16px 24px 24px;
    display: flex;
    justify-content: center
}

.classic-theme .rules-modal-cta {
    background: #004e92;
    color: #fff;
    border: none;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer
}

.classic-theme .rules-modal-cta:hover {
    background: #003a6b
}

.classic-theme.notice-page {
    background-color: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.classic-theme .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #0006
}

.classic-theme .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    box-shadow: 0 4px 8px #0003,0 6px 20px #00000030;
    animation-name: animatetop;
    animation-duration: .4s
}

.classic-theme .modal-content-tc {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 100%;
    max-width: 900px;
    box-shadow: 0 4px 8px #0003,0 6px 20px #00000030;
    animation-name: animatetop;
    animation-duration: .4s
}

@keyframes animatetop {
    0% {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.classic-theme .close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: 700;
    padding: 10px;
    cursor: pointer
}

.classic-theme .close:hover,.classic-theme .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.classic-theme .modal-header {
    padding: 2px 16px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    color: #fff
}

.classic-theme .modal-body {
    padding: 2px 16px;
    text-align: center
}

.classic-theme .modal-footer {
    padding: 2px 16px;
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important;
    color: #fff
}

.classic-theme .modal-body h6 {
    margin: 15px 0;
    font-size: 16px;
    color: #000
}

.classic-theme .modal-footer h3 {
    margin: 15px 0;
    font-size: 18px
}

.classic-theme .drag_drop {
    background: #fff;
    padding: .5em
}

.classic-theme .drag_drop p {
    font-size: 1em;
    color: #000;
    padding: 5px;
    font-weight: 500;
    text-align: center;
    line-height: 25px;
    text-transform: uppercase;
    border: 3px dashed #2e9ad1
}

.classic-theme .tc-title {
    color: #fff;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0
}

.classic-theme .tc-item {
    color: #000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    margin: 10px 0;
    line-height: 1.6
}

.classic-theme .continue-button {
    color: #fff;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0;
    cursor: pointer
}

.classic-theme .continue-button:hover {
    opacity: .9
}

.classic-theme .copyright {
    color: #000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 20px 0
}

.classic-theme .wrap {
    padding: 20px
}

.classic-theme .content_top {
    margin-bottom: 20px
}

.classic-theme .clear {
    clear: both
}

.classic-theme .content_bottom {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .classic-theme .modal-content {
        width:95%
    }

    .classic-theme .modal-content-tc {
        width: 100%;
        max-width: 100%
    }

    .classic-theme .wrap {
        padding: 0
    }

    .classic-theme .tc-item {
        font-size: 11px
    }
}

.classic-theme .notice-promo-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000d1;
    padding: 16px
}

.classic-theme .notice-promo-modal {
    position: relative;
    width: min(94vw,calc(94vh / 1.37));
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 42px #00000080
}

.classic-theme .notice-promo-modal--notice {
    width: min(94vw,920px);
    max-height: min(88vh,760px);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 20px 55px #00000059;
    display: flex;
    flex-direction: column
}

.classic-theme .notice-promo-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: #0000009e;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer
}

.classic-theme .notice-promo-modal--notice .notice-promo-close {
    background: #000428;
    color: #fff;
    box-shadow: 0 6px 18px #00042840
}

.classic-theme .notice-promo-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.37
}

.classic-theme .notice-promo-image-wrap--notice {
    position: static;
    aspect-ratio: auto;
    height: auto;
    max-height: calc(88vh - 28px);
    overflow-y: auto;
    background: #fff
}

.classic-theme .notice-promo-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.classic-theme .notice-promo-image-wrap--notice .notice-promo-image {
    display: none
}

.classic-theme .notice-promo-copy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px 18px 18px;
    color: #fff;
    text-align: center;
    background: linear-gradient(to top,#000000db,#00000014)
}

.classic-theme .notice-promo-copy--notice {
    position: static;
    background: #fff;
    color: #111;
    text-align: left;
    padding: 24px 24px 28px;
    display: flex;
    flex-direction: column;
    gap: 18px
}

.classic-theme .notice-promo-copy h2 {
    margin: 0 0 6px;
    font-size: clamp(1.2rem,3.6vw,2rem)
}

.classic-theme .notice-promo-copy p {
    margin: 0;
    font-size: clamp(.95rem,2.9vw,1.35rem);
    font-weight: 700
}

.classic-theme .notice-popup-title h2 {
    margin: 0;
    color: #004e92;
    font-size: clamp(1.35rem,3vw,2rem);
    line-height: 1.2
}

.classic-theme .notice-popup-title p {
    margin: 8px 0 0;
    color: #1f2937;
    font-size: .98rem;
    font-weight: 500
}

.classic-theme .notice-popup-section {
    background: #f8fbff;
    border: 1px solid #dbe5f1;
    border-radius: 14px;
    padding: 16px 16px 14px
}

.classic-theme .notice-popup-section+.notice-popup-section {
    margin-top: 14px
}

.classic-theme .notice-popup-section h3 {
    margin: 0 0 12px;
    color: #000428;
    font-size: 1rem;
    letter-spacing: .02em
}

.classic-theme .notice-popup-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px
}

.classic-theme .notice-popup-list li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: #111;
    font-size: .98rem;
    line-height: 1.6
}

.classic-theme .notice-popup-number {
    min-width: 24px;
    color: #004e92;
    font-weight: 800;
    flex-shrink: 0
}

.classic-theme .notice-popup-text {
    flex: 1
}

@media screen and (max-width: 768px) {
    .classic-theme .notice-promo-modal--notice {
        width:100%;
        max-height: 86vh
    }

    .classic-theme .notice-promo-image-wrap--notice {
        max-height: calc(86vh - 24px)
    }

    .classic-theme .notice-promo-copy--notice {
        padding: 20px 18px 22px;
        gap: 14px
    }

    .classic-theme .notice-popup-section {
        padding: 14px
    }

    .classic-theme .notice-popup-list li {
        font-size: .95rem
    }
}

.classic-theme.complete-games-page {
    background-color: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.classic-theme.complete-games-page main {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.classic-theme.complete-games-page .content {
    flex: 1;
    padding: 4px 10px 10px
}

.classic-theme.complete-games-page .complete-menu {
    width: 100%;
    margin: 10px 0 0
}

.classic-theme.complete-games-page .complete-nav-main {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.classic-theme.complete-games-page .complete-nav-main li {
    flex: 1
}

.classic-theme.complete-games-page .complete-menu-link {
    background-color: #12477e;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 12px;
    font-weight: 700;
    font-size: 14px;
    font-family: Roboto,sans-serif;
    border-radius: 12px;
    box-shadow: 0 4px 15px #0000001a;
    text-align: center
}

.classic-theme.complete-games-page .complete-match-item {
    margin: 10px 0 0
}

.classic-theme.complete-games-page .team-logo-placeholder {
    background: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 8px #0000000d
}

.classic-theme.complete-games-page .complete-position-positive {
    color: #28a745;
    font-weight: 800
}

.classic-theme.complete-games-page .complete-position-negative {
    color: #dc3545;
    font-weight: 800
}

.classic-theme.complete-games-page .pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px;
    margin: 16px 0 0;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 8px 25px #00000014
}

.classic-theme.complete-games-page .pagination-info {
    font-size: 14px;
    color: #2c3e50;
    font-weight: 600
}

.classic-theme.complete-games-page .pagination-controls {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center
}

.classic-theme.complete-games-page .pagination-btn {
    padding: 8px 16px;
    background-color: #12477e;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700
}

.classic-theme.complete-games-page .pagination-btn:hover:not(:disabled) {
    background-color: #0f3760
}

.classic-theme.complete-games-page .pagination-btn:disabled {
    background-color: #bfc7d1;
    cursor: not-allowed;
    opacity: .7
}

@media screen and (max-width: 768px) {
    .classic-theme.complete-games-page .pagination-container {
        flex-direction:column;
        align-items: stretch
    }

    .classic-theme.complete-games-page .pagination-info {
        text-align: center
    }
}

.classic-theme.completed-match-detail-page {
    background-color: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.classic-theme.completed-match-detail-page main {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.classic-theme.completed-match-detail-page .main-header {
    background: linear-gradient(90.01deg,#000428 .01%,#004e92 99.99%)!important
}

.classic-theme.completed-match-detail-page .main-header-table {
    border: #ffffff solid 1.5px;
    width: 100%;
    border-collapse: collapse
}

.classic-theme.completed-match-detail-page .main-header-table td {
    padding: 8px
}

.classic-theme.completed-match-detail-page .logo-img {
    max-width: 60px;
    height: auto
}

.classic-theme.completed-match-detail-page .FontTextWhite {
    color: #fff
}

.classic-theme.completed-match-detail-page .profile_picture_name h3 {
    font-size: 1.2em;
    color: #fff;
    margin: 5px 0;
    text-transform: uppercase
}

.classic-theme.completed-match-detail-page .profile_img p {
    font-size: .75em;
    color: #fff;
    font-weight: 700;
    line-height: 1.6em;
    margin: 5px 0
}

.classic-theme.completed-match-detail-page .menu {
    width: 100%
}

.classic-theme.completed-match-detail-page .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.classic-theme.completed-match-detail-page .navMain li {
    flex: 1
}

.classic-theme.completed-match-detail-page .navMain li.active a {
    background-color: #0a203b;
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    overflow: hidden
}

.classic-theme.completed-match-detail-page .content {
    flex: 1;
    padding: 4px 10px 10px
}

.classic-theme.completed-match-detail-page .footer {
    /* background-color: #333; */
    color: #fff;
    padding: 1em;
    text-align: center;
    margin-top: auto
}

.classic-theme.completed-match-detail-page .footer h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.classic-theme.completed-match-detail-page .match-header {
    background-color: #fff;
    padding: 15px;
    margin: 4px 0 10px;
    border: 1px solid #ddd
}

.classic-theme.completed-match-detail-page .match-info {
    margin-top: 10px
}

.classic-theme.completed-match-detail-page .scorecard-section {
    margin: 10px 0
}

.classic-theme.completed-match-detail-page .TeamCombo {
    padding: 10px
}

.classic-theme.completed-match-detail-page .ScoreCard {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ddd
}

.classic-theme.completed-match-detail-page .ScoreCard p {
    margin: 5px 0;
    font-size: 14px
}

.classic-theme.completed-match-detail-page .price-btn {
    background-color: #004e92;
    color: #fff;
    padding: 10px;
    margin: 0
}

.classic-theme.completed-match-detail-page .match-odds-section {
    margin: 10px 0
}

.classic-theme.completed-match-detail-page .match-odds-section table {
    background-color: #fff;
    border: 1px solid #000
}

.classic-theme.completed-match-detail-page .FontTextWhite10px {
    color: #fff;
    font-size: 10px;
    padding: 8px
}

.classic-theme.completed-match-detail-page .FontTextBlue {
    color: #00f;
    font-size: 12px
}

.classic-theme.completed-match-detail-page .FontTextRed {
    color: #f00;
    font-size: 12px
}

.classic-theme.completed-match-detail-page .teamNameForOdds {
    font-weight: 700;
    font-size: 14px
}

.classic-theme.completed-match-detail-page .session-bets-section {
    margin: 10px 0
}

.classic-theme.completed-match-detail-page .session-bets-section table {
    background-color: #fff;
    border: 1px solid #000
}

.classic-theme.completed-match-detail-page .ButtonSess {
    font-weight: 700;
    font-size: 13px
}

.classic-theme.completed-match-detail-page .textTeamHead {
    color: #000;
    font-size: 12px
}

.classic-theme.completed-match-detail-page .my-bets-section,.classic-theme.completed-match-detail-page .my-session-bets-section {
    margin: 20px 0
}

.classic-theme.completed-match-detail-page .my-bets-section table,.classic-theme.completed-match-detail-page .my-session-bets-section table {
    background-color: #fff;
    border: 1px solid #000;
    width: 100%
}

.classic-theme.completed-match-detail-page .my-bets-section td,.classic-theme.completed-match-detail-page .my-session-bets-section td {
    padding: 8px;
    border: 1px solid #ddd;
    font-size: 100%
}

.classic-theme.completed-match-detail-page .my-bets-section th,.classic-theme.completed-match-detail-page .my-session-bets-section th {
    font-size: 100%
}

@media screen and (max-width: 768px) {
    .classic-theme.completed-match-detail-page .match-header {
        padding:10px
    }

    .classic-theme.completed-match-detail-page .ScoreCard p {
        font-size: 12px
    }
}

.bet-history-shell {
    padding: 0 10px 20px
}

.bet-history-back-link {
    background: linear-gradient(180deg,var(--bet-history-accent, #0a203b) 0%,var(--bet-history-accent-dark, #08182d) 100%);
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 10px;
    font: inherit;
    font-weight: 700;
    cursor: pointer
}

.bet-history-section {
    margin-top: 10px
}

.bet-history-section-title {
    background: linear-gradient(180deg,var(--bet-history-accent, #0a203b) 0%,var(--bet-history-accent-dark, #08182d) 100%);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 10px 12px;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 8px 18px #00000024
}

.bet-history-group {
    margin-top: 10px
}

.bet-history-group-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--bet-history-accent, #0a203b);
    padding: 0 4px 8px
}

.bet-history-card-list {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.bet-history-card {
    background: var(--bet-history-card-bg, #fff);
    border: 1px solid var(--bet-history-border, #d7dbe2);
    border-radius: 16px;
    padding: 10px 12px 9px;
    box-shadow: 0 6px 14px #00000014
}

.bet-history-card--deleted {
    background: var(--bet-history-deleted-bg, #fff9f9)
}

.bet-history-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.bet-history-card__datetime {
    font-size: .78rem;
    font-weight: 700;
    color: var(--bet-history-meta, #42526a)
}

.bet-history-card__run {
    font-size: .76rem;
    font-weight: 700;
    color: var(--bet-history-accent, #0a203b)
}

.bet-history-card__mode {
    min-width: 84px;
    padding: 7px 14px;
    border-radius: 999px;
    color: #fff;
    text-align: center;
    font-size: .86rem;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.05;
    box-shadow: inset 0 -1px #fff3
}

.bet-history-card__mode--back,.bet-history-card__mode--yes {
    background: linear-gradient(180deg,#1e7a3a,#13562a)
}

.bet-history-card__mode--lay,.bet-history-card__mode--no {
    background: linear-gradient(180deg,#a13636,#741f1f)
}

.bet-history-card__body {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto;
    align-items: start;
    gap: 10px;
    margin-top: 8px
}

.bet-history-card__runner {
    font-size: 1rem;
    font-weight: 800;
    color: var(--bet-history-text, #111);
    line-height: 1.2;
    overflow-wrap: anywhere
}

.bet-history-card__rate-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    align-self: center;
    min-width: 0;
    line-height: 1
}

.bet-history-card__value-label {
    font-size: .74rem;
    font-weight: 700;
    color: var(--bet-history-meta, #42526a);
    text-transform: uppercase
}

.bet-history-card__value-number {
    font-size: 1rem;
    font-weight: 800;
    color: var(--bet-history-accent, #0a203b)
}

.bet-history-card__amount-pill {
    min-width: 88px;
    padding: 8px 14px;
    border-radius: 999px;
    text-align: center;
    font-size: 1rem;
    font-weight: 800;
    color: var(--bet-history-amount-text, #14532d);
    background: var(--bet-history-amount-bg, #d1f2d8);
    align-self: center
}

.bet-history-card__footer {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed var(--bet-history-border, #d7dbe2);
    font-size: .76rem;
    font-weight: 700;
    color: #a13636
}

.bet-history-card__footer-left,.bet-history-card__footer-right {
    min-width: 0
}

.bet-history-card__footer-label {
    text-transform: uppercase
}

.bet-history-empty {
    margin-top: 10px;
    text-align: center;
    padding: 14px 12px;
    border-radius: 14px;
    background: #ffffffeb;
    color: #666;
    font-weight: 700
}

.classic-theme.bet-history-page {
    --bet-history-accent: #0a203b;
    --bet-history-accent-dark: #08182d;
    --bet-history-card-bg: #ffffff;
    --bet-history-deleted-bg: #fff7f7;
    --bet-history-border: #d9e2f0;
    --bet-history-text: #111827;
    --bet-history-meta: #55657d;
    --bet-history-amount-bg: #d1f2d8;
    --bet-history-amount-text: #14532d
}

.rouge-theme.bet-history-page {
    --bet-history-accent: #8b1538;
    --bet-history-accent-dark: #5f0f27;
    --bet-history-card-bg: #fffdfd;
    --bet-history-deleted-bg: #fff7f8;
    --bet-history-border: #f0d6dc;
    --bet-history-text: #26121b;
    --bet-history-meta: #8d6270;
    --bet-history-amount-bg: #d1f2d8;
    --bet-history-amount-text: #14532d
}

.classic-theme.bet-history-page .bet-history-card__mode--back,.classic-theme.bet-history-page .bet-history-card__mode--yes {
    background: #d1ecf1;
    color: #0c5460
}

.classic-theme.bet-history-page .bet-history-card__mode--lay,.classic-theme.bet-history-page .bet-history-card__mode--no {
    background: #f8d7da;
    color: #721c24
}

.rouge-theme.bet-history-page .bet-history-card__mode--back,.rouge-theme.bet-history-page .bet-history-card__mode--yes {
    background: linear-gradient(135deg,#72bbef,#5b9bd5);
    color: #1a0505
}

.rouge-theme.bet-history-page .bet-history-card__mode--lay,.rouge-theme.bet-history-page .bet-history-card__mode--no {
    background: linear-gradient(135deg,#faa9ba,#c97b91);
    color: #721c24
}

.classic-theme.profile-page .profile-card {
    background: #fff;
    margin: 16px 12px;
    border: 1px solid #d0d0d0;
    padding: 16px
}

.classic-theme.profile-page .profile-section-title {
    background: #888399;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 10px;
    margin: 16px 0 10px;
    letter-spacing: .5px
}

.classic-theme.profile-page .profile-rate-row {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 8px 0 12px
}

.classic-theme.profile-page .profile-label {
    font-weight: 700;
    color: #000
}

.classic-theme.profile-page .profile-select {
    width: 100%;
    height: 32px;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    padding: 0 8px;
    font-weight: 600;
    background: #fff
}

.classic-theme.profile-page .profile-update-btn {
    background: #7fbf32;
    border: 1px solid #6aa528;
    color: #fff;
    font-weight: 700;
    padding: 8px 18px;
    border-radius: 4px;
    cursor: pointer
}

.classic-theme.profile-page .profile-update-btn:disabled {
    opacity: .7;
    cursor: not-allowed
}

.classic-theme.profile-page .profile-status-message {
    text-align: center;
    font-weight: 600;
    padding: 6px 0 10px
}

.classic-theme.profile-page .profile-info-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px
}

.classic-theme.profile-page .profile-info-table td {
    border: 1px solid #e0e0e0;
    padding: 10px 12px;
    background: #fff
}

.classic-theme.profile-page .profile-info-label {
    font-weight: 700;
    width: 50%
}

.classic-theme.profile-page .profile-info-value {
    text-align: left;
    font-weight: 600
}

:root {
    --header-bg: linear-gradient(90deg, #101b2f 0%, #1b2d48 62%, #aa8b4d 100%);
    --header-height: 70px;
    --header-text: #ffffff;
    --marquee-bg: linear-gradient(90deg, #203a60 0%, #31527e 100%);
    --marquee-text: #ffffff
}

.heritage-theme {
    color: #0b2140
}

.heritage-theme .heritage-classic-page-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #e9e9e9
}

.heritage-theme .heritage-classic-page-host {
    flex: 1
}

.heritage-theme .heritage-classic-page-host .classic-theme header,.heritage-theme .heritage-classic-page-host .classic-theme footer {
    display: none!important
}

.heritage-theme .main-page,.heritage-theme .game-page,.heritage-theme .profile-page,.heritage-theme .ledger-page {
    min-height: 100vh;
    background: #e9e9e9
}

.heritage-theme .content {
    flex: 1
}

.heritage-theme .client-main-header {
    width: 100%;
    background: var(--header-bg);
    color: var(--header-text);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 5px 10px;
    min-height: 56px;
    box-shadow: inset 0 -1px #ffffff10
}

.heritage-theme .client-header-left {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    flex-shrink: 0;
    min-height: 44px
}

.heritage-theme .client-headerlogo {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    background: #ffffff24;
    border: 1px solid rgba(255,255,255,.18);
    flex-shrink: 0;
    cursor: pointer
}

.heritage-theme .client-headerlogo-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.heritage-theme .client-top-nav {
    display: flex;
    gap: 6px;
    flex: 0 1 auto;
    margin-left: auto;
    justify-content: flex-end;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.heritage-theme .client-top-nav::-webkit-scrollbar {
    display: none
}

.heritage-theme .user-stat {
    flex: 0 0 104px;
    min-width: 104px;
    border-radius: 9px;
    min-height: 46px;
    padding: 4px 8px;
    background: #ffffff14;
    border: 1px solid rgba(255,255,255,.08);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px
}

.heritage-theme .stat-label {
    font-size: 9px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #ffffffb8
}

.heritage-theme .stat-value {
    font-size: 13px;
    line-height: 1.1;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.heritage-theme .exposure {
    background: linear-gradient(180deg,#f7fbff,#dcecff);
    color: #12355c;
    cursor: pointer;
    border-color: #7bcbfff2;
    box-shadow: inset 0 1px #ffffffb3,0 4px 12px #0a203b2e;
    transition: transform .15s ease,box-shadow .15s ease,background .15s ease
}

.heritage-theme .exposure .stat-label {
    color: #12355c9e
}

.heritage-theme .exposure:hover {
    background: linear-gradient(180deg,#fff,#e8f6ff);
    box-shadow: inset 0 1px #ffffffd9,0 6px 14px #0a203b38;
    transform: translateY(-1px)
}

.heritage-theme .exposure.exposure--static {
    cursor: default
}

.heritage-theme .exposure.exposure--static:hover {
    background: linear-gradient(180deg,#f7fbff,#dcecff);
    box-shadow: inset 0 1px #ffffffb3,0 4px 12px #0a203b2e;
    transform: none
}

.heritage-theme .heritage-header__extra-stat {
    flex: 0 0 104px
}

.heritage-theme .header-controls {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    margin-left: 2px
}

.heritage-theme .heritage-header__menu-button {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 8px;
    background: #ffffff14;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer
}

.heritage-theme .heritage-header__menu-button:hover {
    background: #ffffff29
}

.heritage-theme .heritage-header__menu-button svg {
    display: block
}

.heritage-theme .heritage-header__cricket-button {
    flex-shrink: 0
}

.heritage-theme .marquee-container {
    width: 100%;
    overflow: hidden;
    background: var(--marquee-bg);
    color: var(--marquee-text);
    height: 24px;
    display: flex;
    align-items: center;
    box-shadow: inset 0 -1px #ffffff0d
}

.heritage-theme .marquee-text {
    white-space: nowrap;
    display: inline-block;
    padding-left: 100%;
    animation: marqueeMove 12s linear infinite;
    font-size: 10px;
    letter-spacing: .02em
}

@keyframes marqueeMove {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.heritage-theme .profile-dropdown {
    position: fixed;
    top: calc(var(--header-height) + 6px);
    right: 12px;
    width: 220px;
    background: linear-gradient(180deg,#153356,#0f2744);
    color: #f2f8ff;
    border-radius: 12px;
    border: 1px solid rgba(115,186,231,.22);
    box-shadow: 0 14px 28px #07162747;
    z-index: 1000;
    padding: 0;
    animation: dropIn .18s ease;
    overflow: hidden
}

@keyframes dropIn {
    0% {
        opacity: 0;
        transform: translateY(-6px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.heritage-theme .profile-name {
    font-size: 15px;
    font-weight: 600;
    color: #f2f8ff;
    min-width: 0;
    flex: 0 1 auto;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.heritage-theme .profile-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 12px 10px;
    cursor: pointer;
    border: 0;
    border-bottom: 1px solid rgba(115,186,231,.14);
    min-width: 0;
    width: 100%;
    background: transparent;
    color: inherit;
    font: inherit;
    text-decoration: none
}

.heritage-theme .profile-row i,.heritage-theme .profile-row svg {
    color: #b9ddf7;
    width: 20px;
    min-width: 20px;
    flex: 0 0 20px;
    text-align: center;
    font-size: 18px
}

.heritage-theme .profile-row:hover {
    background: linear-gradient(90deg,#214fa0,#2f8fcb)
}

.heritage-theme .profile-row:hover i,.heritage-theme .profile-row:hover svg,.heritage-theme .profile-row:hover .profile-name {
    color: #fff
}

.heritage-theme .profile-row--identity {
    font-weight: 700
}

.heritage-theme .profile-row--identity .profile-name {
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    line-height: 1.2
}

.heritage-theme .footer {
    background: transparent;
    color: #203a5c;
    padding: 10px 12px 14px;
    text-align: center
}

.heritage-theme .footer__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 7px 14px 9px;
    color: #203a5c;
    font-family: Verdana,Geneva,sans-serif;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .01em;
    background: #ffffffdb;
    border: 1px solid rgba(113,189,241,.28);
    border-radius: 999px;
    box-shadow: 0 8px 18px #163f7014
}

@media (min-width: 901px) {
    .heritage-theme .client-main-header {
        padding:7px 16px;
        min-height: 58px
    }

    .heritage-theme .user-stat {
        min-width: 112px;
        min-height: 48px;
        padding: 4px 9px
    }

    .heritage-theme .stat-value,.heritage-theme .account-value {
        font-size: 13px
    }

    .heritage-theme .profile-dropdown {
        right: 18px
    }

    .heritage-theme .header-controls {
        gap: 4px
    }
}

@media (min-width: 769px) and (max-width: 1400px) {
    .heritage-theme .client-main-header {
        flex-direction:row;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 6px 10px
    }

    .heritage-theme .client-header-left {
        width: auto
    }

    .heritage-theme .client-top-nav {
        width: auto;
        flex: 0 1 auto;
        margin-left: auto;
        justify-content: flex-end;
        overflow: visible;
        padding-bottom: 0
    }

    .heritage-theme .user-stat {
        flex: 0 0 98px;
        min-width: 98px;
        min-height: 44px;
        padding: 4px 7px
    }

    .heritage-theme .stat-label {
        font-size: 9px
    }

    .heritage-theme .stat-value,.heritage-theme .account-value {
        font-size: 12px
    }

    .heritage-theme .header-controls {
        gap: 4px
    }
}

@media (max-width: 768px) {
    .heritage-theme .client-main-header {
        flex-direction:row;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
        padding: 6px 8px;
        min-height: 50px
    }

    .heritage-theme .client-header-left {
        width: auto;
        flex: 0 0 auto
    }

    .heritage-theme .client-top-nav {
        width: auto;
        flex: 0 1 auto;
        margin-left: auto;
        justify-content: flex-start;
        gap: 5px;
        padding-bottom: 0
    }

    .heritage-theme .client-headerlogo {
        width: 34px;
        height: 34px
    }

    .heritage-theme .user-stat {
        flex: 0 0 82px;
        min-width: 82px;
        min-height: 42px;
        padding: 4px 6px;
        border-radius: 9px
    }

    .heritage-theme .stat-label {
        font-size: 8px
    }

    .heritage-theme .stat-value,.heritage-theme .account-value {
        font-size: 11px
    }

    .heritage-theme .profile-dropdown {
        top: 54px;
        left: auto;
        right: 8px;
        width: min(230px,calc(100vw - 16px));
        border-radius: 10px
    }

    .heritage-theme .profile-row {
        padding: 11px 10px;
        gap: 9px
    }

    .heritage-theme .profile-name {
        font-size: 14px
    }
}

@media (max-width: 420px) {
    .heritage-theme .client-main-header {
        padding:6px
    }

    .heritage-theme .user-stat {
        flex: 0 0 76px;
        min-width: 76px
    }

    .heritage-theme .stat-value,.heritage-theme .account-value {
        font-size: 10px
    }

    .heritage-theme .profile-dropdown {
        top: 52px;
        right: 6px;
        width: min(220px,calc(100vw - 12px))
    }

    .heritage-theme .profile-row {
        padding: 10px 9px
    }

    .heritage-theme .profile-name {
        font-size: 13px
    }
}

.heritage-theme .main-page {
    min-height: 100vh;
    background: #e9e9e9
}

.heritage-theme .main-page__content {
    padding: 14px 12px 24px
}

.heritage-theme .main-page__section {
    margin: 0 0 18px
}

.heritage-theme .main-page__section:last-child {
    margin-bottom: 0
}

.heritage-theme .main-page__section-title {
    margin: 0;
    padding: 0 4px 8px;
    color: #0b2140;
    font-size: 1.18rem;
    font-weight: 800;
    line-height: 1.2
}

.heritage-theme .main-page__grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px 12px;
    padding: 14px 12px 18px;
    background: #ffffffdb;
    border: 1px solid rgba(120,196,244,.42);
    border-radius: 16px;
    box-shadow: 0 10px 22px #143c6e12
}

.heritage-theme .main-page__card {
    width: 100%;
    min-height: 156px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    color: #0b2140;
    background: linear-gradient(180deg,#fff,#f3f8fe);
    border: 1px solid rgba(112,189,241,.45);
    border-radius: 16px;
    box-shadow: 0 8px 18px #2765a814;
    transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease;
    cursor: pointer;
    font: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

.heritage-theme .main-page__card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px #2765a81f;
    border-color: #3f95d899
}

.heritage-theme .main-page__card img {
    width: 96px;
    height: 96px;
    -o-object-fit: contain;
    object-fit: contain
}

.heritage-theme .GameList {
    font-family: Verdana,Geneva,sans-serif;
    font-size: .98rem;
    font-weight: 700;
    color: #091d38;
    text-align: center
}

.heritage-theme .modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000a8;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 20px
}

.heritage-theme .modal-content {
    background: #fff;
    border: 1px solid rgba(112,189,241,.55);
    border-radius: 12px;
    padding: 24px;
    width: min(360px,100%);
    text-align: center;
    box-shadow: 0 16px 34px #06182d36
}

.heritage-theme .modal-content h2 {
    margin: 0 0 10px;
    color: #0b2140;
    font-size: 1.25rem
}

.heritage-theme .modal-content p {
    margin: 0 0 18px;
    color: #334155;
    font-size: .95rem
}
.heritage-theme .modal-close-btn {
    min-width: 96px;
    border: 0;
    border-radius: 8px;
    background: #1f6eaa;
    color: #fff;
    font-weight: 700;
    padding: 10px 18px;
    cursor: pointer;
    width: 96px !important;
    margin: auto;
}

@media (max-width: 640px) {
    .heritage-theme .main-page__content {
        padding:12px 10px 18px
    }

    .heritage-theme .main-page__section {
        margin-bottom: 16px
    }

    .heritage-theme .main-page__grid {
        gap: 12px 10px;
        padding: 12px 10px 16px;
        border-radius: 14px
    }

    .heritage-theme .main-page__card {
        min-height: 136px;
        gap: 8px
    }

    .heritage-theme .main-page__card img {
        width: 82px;
        height: 82px
    }

    .heritage-theme .GameList {
        font-size: .9rem
    }
}

@media (min-width: 769px) {
    .heritage-theme .main-page__grid {
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap: 16px 3%
    }
}

.heritage-theme .heritage-cricket-page,.heritage-theme .heritage-cricket-page__main {
    min-height: 100vh;
    background: #ececec
}

.heritage-theme .heritage-cricket-topbar {
    display: grid;
    grid-template-columns: 58px 1fr 94px;
    align-items: center;
    gap: 10px;
    padding: 10px 10px 12px;
    background: linear-gradient(180deg,#2147e6,#1f43d7);
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.22)
}

.heritage-theme .heritage-cricket-topbar__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    background: #ffffff38;
    border: 2px solid rgba(255,255,255,.18)
}

.heritage-theme .heritage-cricket-topbar__center {
    text-align: center;
    min-width: 0
}

.heritage-theme .heritage-cricket-topbar__title {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: .03em;
    text-transform: uppercase
}

.heritage-theme .heritage-cricket-topbar__coins,.heritage-theme .heritage-cricket-topbar__expo {
    font-family: Verdana,Geneva,sans-serif;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.15;
    margin-top: 2px
}

.heritage-theme .heritage-cricket-topbar__actions-cell {
    width: 94px;
    text-align: center;
    vertical-align: middle;
    padding: 8px 6px
}

.heritage-theme .heritage-cricket-topbar__actions {
    justify-content: center
}

.heritage-theme .heritage-cricket-strip {
    height: 36px;
    background: #12233f;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.heritage-theme .heritage-cricket-backbar {
    display: flex;
    justify-content: center;
    padding: 0;
    background: #78b3de;
    border-top: 1px solid rgba(255,255,255,.24);
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.heritage-theme .heritage-cricket-backbar a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 20px;
    color: #fff;
    font-family: Verdana,Geneva,sans-serif;
    font-size: .88rem;
    font-weight: 800;
    text-decoration: none;
    letter-spacing: .01em
}

.heritage-theme .heritage-cricket-content {
    padding: 6px 6px 18px
}

.heritage-theme .heritage-cricket-state {
    display: grid;
    place-items: center;
    min-height: 160px;
    color: #243b5f;
    font-family: Verdana,Geneva,sans-serif;
    font-weight: 700
}

.heritage-theme .heritage-cricket-state--error {
    color: #c71d2e
}

.heritage-theme .heritage-cricket-state--empty {
    gap: 10px;
    color: #8490a0
}

.heritage-theme .heritage-cricket-card {
    margin: 0 0 12px;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #d3dbe7;
    background: #fff;
    box-shadow: 0 7px 16px #18325814
}

.heritage-theme .heritage-cricket-card__header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px 9px;
    background: linear-gradient(180deg,#ef2f73,#f03773);
    color: #fff;
    font-family: Verdana,Geneva,sans-serif;
    font-size: .96rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.08;
    width: 100%;
}

.heritage-theme .heritage-cricket-card__title {
    min-width: 0
}

.heritage-theme .heritage-cricket-card__live-dot {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #0f6;
    box-shadow: 0 0 8px #00ff66f2,0 0 18px #00ff6680;
    animation: heritage-cricket-live-pulse 1.5s ease-in-out infinite
}

@keyframes heritage-cricket-live-pulse {
    0%,to {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 8px #00ff66f2,0 0 18px #00ff6680
    }

    50% {
        opacity: .82;
        transform: scale(1.28);
        box-shadow: 0 0 12px #0f6,0 0 28px #00ff66bf
    }
}

.heritage-theme .heritage-cricket-card__body {
    display: grid;
    grid-template-columns: 100px minmax(0,1fr) 100px;
    align-items: center;
    gap: 10px;
    padding: 10px 12px 12px;
    text-decoration: none;
    color: #111;
    background: linear-gradient(180deg,#fff,#fbfbfb)
}

.heritage-theme .heritage-cricket-card__logo {
    width: 100px;
    height: 100px;
    display: grid;
    place-items: center;
    flex: 0 0 100px
}

.heritage-theme .heritage-cricket-card__logo img {
    width: 88px;
    height: 88px;
    -o-object-fit: contain;
    object-fit: contain
}

.heritage-theme .heritage-cricket-card__logo--right img {
    width: 80px;
    height: 80px
}

.heritage-theme .heritage-cricket-card__content {
    min-width: 0;
    text-align: center;
    font-family: Verdana,Geneva,sans-serif;
    color: #182332
}

.heritage-theme .heritage-cricket-card__time {
    font-size: .92rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 4px
}

.heritage-theme .heritage-cricket-card__stats {
    display: grid;
    gap: 4px;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.2
}

.heritage-theme .heritage-cricket-card__stats span {
    font-weight: 800
}

@media (max-width: 640px) {
    .heritage-theme .heritage-cricket-topbar {
        grid-template-columns:52px 1fr 82px;
        gap: 8px;
        padding: 10px 8px 11px
    }

    .heritage-theme .heritage-cricket-topbar__avatar {
        width: 42px;
        height: 42px
    }

    .heritage-theme .heritage-cricket-topbar__title {
        font-size: .92rem
    }

    .heritage-theme .heritage-cricket-topbar__coins,.heritage-theme .heritage-cricket-topbar__expo {
        font-size: .82rem
    }

    .heritage-theme .heritage-cricket-topbar__actions-cell {
        width: 82px
    }

    .heritage-theme .heritage-cricket-topbar__actions svg {
        width: 26px;
        height: 26px
    }

    .heritage-theme .heritage-cricket-topbar__actions span {
        font-size: .72rem
    }

    .heritage-theme .heritage-cricket-strip {
        height: 32px
    }

    .heritage-theme .heritage-cricket-backbar a {
        min-height: 34px;
        padding: 0 16px;
        font-size: .82rem
    }

    .heritage-theme .heritage-cricket-content {
        padding: 6px 4px 14px
    }

    .heritage-theme .heritage-cricket-card {
        margin-bottom: 10px;
        border-radius: 11px
    }

    .heritage-theme .heritage-cricket-card__header {
        padding: 9px 10px 8px;
        font-size: .9rem
    }

    .heritage-theme .heritage-cricket-card__body {
        grid-template-columns: 84px minmax(0,1fr) 84px;
        gap: 8px;
        padding: 9px 10px 10px
    }

    .heritage-theme .heritage-cricket-card__logo {
        width: 84px;
        height: 84px;
        flex-basis: 84px
    }

    .heritage-theme .heritage-cricket-card__logo img {
        width: 72px;
        height: 72px
    }

    .heritage-theme .heritage-cricket-card__logo--right img {
        width: 68px;
        height: 68px
    }

    .heritage-theme .heritage-cricket-card__time {
        font-size: .84rem
    }

    .heritage-theme .heritage-cricket-card__stats {
        font-size: .8rem
    }
}

.heritage-theme.heritage-notice-page {
    min-height: 100vh;
    background: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif
}

.heritage-theme .notice-content {
    padding: 18px 0 24px
}

.heritage-theme .rules-layout {
    background: #e9e9e9;
    min-height: calc(100vh - 108px)
}

.heritage-theme .rules-topbar {
    padding: 14px 18px;
    display: flex;
    justify-content: center
}

.heritage-theme .rules-main-menu {
    background: #52b5e1;
    color: #fff;
    border: none;
    border-radius: 36px;
    height: 40px;
    padding: 0 20px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.heritage-theme .rules-body {
    padding: 0 14px 18px;
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.heritage-theme .rules-language-toggle {
    display: inline-flex;
    justify-content: center;
    gap: 6px;
    margin: 10px auto 18px;
    padding: 6px;
    border-radius: 12px;
    background: #fefefe;
    border: 1px solid rgba(0,0,0,.08)
}

.heritage-theme .language-pill {
    border: none;
    background: transparent;
    padding: 8px 18px;
    border-radius: 10px;
    font-weight: 700;
    color: #5c6b7a;
    cursor: pointer;
    min-width: 120px
}

.heritage-theme .language-pill.is-active {
    background: #fff;
    color: #0b3d91;
    box-shadow: 0 2px 6px #0000001f
}

.heritage-theme .rules-card {
    width: 100%;
    background: transparent
}

.heritage-theme .rules-title {
    margin: 0 0 14px;
    font-size: 1.15rem;
    color: #0b3d91
}

.heritage-theme .rules-alert {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 16px;
    background: #e6f0ff;
    border: 1px solid #91b4ff;
    border-radius: 8px;
    color: #0b3d91;
    font-weight: 500;
    margin-bottom: 20px
}

.heritage-theme .rules-alert-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #52b5e1;
    color: #fff;
    font-weight: 700;
    flex-shrink: 0
}

.heritage-theme .rules-divider h4 {
    color: #0b3d91
}

.heritage-theme .rules-list {
    border-color: #d8e2ef
}

.heritage-theme .rules-list li {
    line-height: 1.7;
    padding: 14px 16px
}

.heritage-theme .rules-footer-note {
    margin-top: 16px;
    color: #5a6b82
}

.heritage-theme .notice-promo-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    padding: 0
}

.heritage-theme .notice-promo-modal {
    border: 1px solid #888;
    box-shadow: 0 4px 8px #0003,0 6px 20px #00000030;
    max-width: 720px;
    width: 100%;
    max-height: 85vh;
    overflow: auto;
    border-radius: 8px;
    position: relative
}

.heritage-theme .notice-promo-modal--notice {
    border-radius: 8px
}

.heritage-theme .notice-promo-close,.heritage-theme .notice-promo-copy--notice .notice-popup-title h2 {
    color: #fff
}

.heritage-theme .notice-promo-modal--notice .notice-promo-image-wrap--notice {
    background: #52b5e1;
    color: #fff;
    padding: 16px 18px;
    position: relative
}

.heritage-theme .notice-promo-modal--notice .notice-promo-close {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: none;
    background: #52b5e1;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2
}

.heritage-theme .notice-promo-modal--notice .notice-popup-section h3 {
    color: #fff
}

.heritage-theme .notice-promo-modal--notice .notice-popup-list {
    background: #fff;
    color: #111
}

.heritage-theme .notice-promo-modal--notice .notice-promo-copy--notice {
    display: grid;
    gap: 12px
}

.heritage-theme .notice-promo-modal--notice .notice-popup-title,.heritage-theme .notice-promo-modal--notice .notice-popup-title h2 {
    margin-bottom: 6px
}

.heritage-theme .notice-promo-modal--notice .notice-popup-section {
    padding: 8px 0
}

.heritage-theme .notice-promo-modal--notice .notice-popup-section h3 {
    margin-bottom: 6px
}

.heritage-theme .notice-promo-modal--notice .notice-popup-list {
    padding: 10px 12px;
    border-radius: 6px
}

.heritage-theme .notice-promo-modal--notice .notice-popup-list li {
    padding: 6px 0;
    line-height: 1.5
}

.rouge-theme .bet-slip-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2d0a0ab3;
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box
}

.rouge-theme .bet-slip-popup {
    background-color: #fff;
    border-radius: 12px;
    width: 100%;
    max-width: 400px;
    max-height: calc(100% - 20px);
    box-shadow: 0 8px 32px #8b153866;
    display: flex;
    flex-direction: column;
    font-family: Segoe UI,Verdana,Geneva,sans-serif;
    overflow: hidden;
    border: 2px solid #D4AF37
}

.rouge-theme .bet-slip-popup--back {
    background-color: #72bbef
}

.rouge-theme .bet-slip-popup--lay {
    background-color: #faa9ba
}

.rouge-theme .bet-slip-popup--back .bet-slip-header {
    background: linear-gradient(90deg,#5b9bd5,#72bbef);
    color: #1a0505
}

.rouge-theme .bet-slip-popup--back .bet-slip-timer,.rouge-theme .bet-slip-popup--back .bet-slip-close,.rouge-theme .bet-slip-popup--back .bet-slip-value {
    color: #1a0505
}

.rouge-theme .bet-slip-popup--back .bet-slip-footer {
    background-color: #edf7fd;
    border-top: 2px solid #72bbef
}

.rouge-theme .bet-slip-popup--back .bet-slip-amount-input {
    border-color: #72bbef
}

.rouge-theme .bet-slip-popup--back .bet-slip-amount-input:focus {
    border-color: #5b9bd5;
    box-shadow: 0 0 0 3px #72bbef3d
}

.rouge-theme .bet-slip-popup--back .bet-slip-amount-btn:hover {
    background: linear-gradient(135deg,#72bbef,#5b9bd5);
    color: #0c5460
}

.rouge-theme .bet-slip-popup--lay .bet-slip-header {
    background: linear-gradient(90deg,#c97b91,#faa9ba);
    color: #721c24
}

.rouge-theme .bet-slip-popup--lay .bet-slip-timer,.rouge-theme .bet-slip-popup--lay .bet-slip-close,.rouge-theme .bet-slip-popup--lay .bet-slip-value {
    color: #721c24
}

.rouge-theme .bet-slip-popup--lay .bet-slip-footer {
    background-color: #fff5f5;
    border-top: 2px solid #faa9ba
}

.rouge-theme .bet-slip-popup--lay .bet-slip-amount-input {
    border-color: #faa9ba
}

.rouge-theme .bet-slip-popup--lay .bet-slip-amount-input:focus {
    border-color: #c97b91;
    box-shadow: 0 0 0 3px #faa9ba3d
}

.rouge-theme .bet-slip-popup--lay .bet-slip-amount-btn {
    background-color: #fff5f5;
    border-color: #faa9ba;
    color: #721c24
}

.rouge-theme .bet-slip-popup--lay .bet-slip-amount-btn:hover {
    background: linear-gradient(135deg,#faa9ba,#c97b91);
    color: #721c24
}

.rouge-theme .bet-slip-content,.rouge-theme .bet-slip-inline-body,.rouge-theme .bet-slip-footer,.rouge-theme .bet-slip-popup--inline .bet-slip-footer {
    background-color: transparent
}

.rouge-theme .bet-slip-header {
    background: linear-gradient(90deg,#2d0a0a,#8b1538);
    color: #d4af37;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px 10px 0 0;
    flex-shrink: 0;
    position: relative
}

.rouge-theme .bet-slip-cashout-pill {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: min(70%,220px);
    max-width: calc(100% - 120px);
    padding: 7px 14px;
    border-radius: 999px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: none;
    white-space: pre-line;
    text-align: center;
    line-height: 1.1;
    box-shadow: 0 8px 18px #b11b2e2e
}

.rouge-theme .bet-slip-cashout-pill--inline {
    position: static;
    transform: none;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 10px
}

.rouge-theme .bet-slip-cashout-pill--profit,.rouge-theme .bet-slip-cashout-pill--loss {
    background: #b11b2e;
    color: #fff
}

.rouge-theme .bet-slip-cashout-badge {
    align-self: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: #d4af372e;
    color: #d4af37;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: none;
    white-space: pre-line;
    text-align: center;
    line-height: 1.05
}

.rouge-theme .bet-slip-cashout-badge--profit {
    background: #15a34a;
    color: #fff
}

.rouge-theme .bet-slip-cashout-badge--loss {
    background: #dc2626;
    color: #fff
}

.rouge-theme .bet-slip-popup--back .bet-slip-cashout-badge.bet-slip-cashout-badge--profit,.rouge-theme .bet-slip-popup--lay .bet-slip-cashout-badge.bet-slip-cashout-badge--profit {
    background: #15a34a;
    color: #fff
}

.rouge-theme .bet-slip-popup--back .bet-slip-cashout-badge.bet-slip-cashout-badge--loss,.rouge-theme .bet-slip-popup--lay .bet-slip-cashout-badge.bet-slip-cashout-badge--loss {
    background: #dc2626;
    color: #fff
}

.rouge-theme .bet-slip-popup--back .bet-slip-cashout-pill,.rouge-theme .bet-slip-popup--lay .bet-slip-cashout-pill {
    background: #b11b2e;
    color: #fff
}

.rouge-theme .bet-slip-timer {
    font-size: 28px;
    font-weight: 700;
    color: #d4af37;
    text-shadow: 0 2px 4px rgba(0,0,0,.3)
}

.rouge-theme .bet-slip-timer .timer-warning {
    color: #f44;
    animation: rouge-pulse 1s infinite
}

@keyframes rouge-pulse {
    0%,to {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .5;
        transform: scale(1.1)
    }
}

.rouge-theme .bet-slip-close {
    background: none;
    border: none;
    color: #d4af37;
    font-size: 32px;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: all .2s;
    border-radius: 50%
}

.rouge-theme .bet-slip-close:hover {
    background-color: #d4af3733;
    color: #fff
}

.rouge-theme .bet-slip-scrollable {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.rouge-theme .bet-slip-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.rouge-theme .bet-slip-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #E8D4D4
}

.rouge-theme .bet-slip-row:last-child {
    border-bottom: none
}

.rouge-theme .bet-slip-label {
    font-weight: 700;
    color: #1a0505;
    font-size: 14px
}

.rouge-theme .bet-slip-value {
    font-weight: 700;
    color: #8b1538;
    font-size: 14px
}

.rouge-theme .bet-slip-footer {
    padding: 20px;
    border-top: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: #fff5f5
}

.rouge-theme .bet-slip-amount-section {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.rouge-theme .bet-slip-amount-label {
    font-weight: 700;
    color: #1a0505;
    font-size: 14px
}

.rouge-theme .bet-slip-amount-input {
    width: 100%;
    padding: 12px;
    border: 2px solid #8B1538;
    border-radius: 8px;
    background-color: #fff;
    color: #1a0505;
    -webkit-text-fill-color: #1A0505;
    font-size: 18px;
    font-weight: 700;
    font-family: Segoe UI,Verdana,Geneva,sans-serif;
    text-align: center;
    transition: all .2s
}

.rouge-theme .bet-slip-amount-input::-moz-placeholder {
    color: #7c5860
}

.rouge-theme .bet-slip-amount-input::placeholder {
    color: #7c5860
}

.rouge-theme .bet-slip-amount-input:focus {
    outline: none;
    border-color: #b83b5e;
    box-shadow: 0 0 0 3px #8b153833
}

.rouge-theme .bet-slip-done-button {
    width: 100%;
    padding: 14px;
    background: linear-gradient(135deg,#8b1538,brown);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    font-family: Segoe UI,Verdana,Geneva,sans-serif;
    cursor: pointer;
    transition: all .3s;
    box-shadow: 0 4px 12px #8b15384d
}

.rouge-theme .bet-slip-done-button:hover:not(:disabled) {
    background: linear-gradient(135deg,brown,#b83b5e);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px #8b153866
}

.rouge-theme .bet-slip-done-button:disabled {
    opacity: .5;
    cursor: not-allowed
}

.rouge-theme .bet-slip-amount-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px
}

.rouge-theme .bet-slip-amount-btn {
    flex: 1 1 calc(25% - 6px);
    min-width: 60px;
    padding: 10px 4px;
    background-color: #fff5f5;
    border: 2px solid #8B1538;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    font-family: Segoe UI,Verdana,Geneva,sans-serif;
    color: #8b1538;
    cursor: pointer;
    transition: all .2s
}

.rouge-theme .bet-slip-amount-btn:hover {
    background: linear-gradient(135deg,#8b1538,brown);
    color: #fff;
    border-color: #8b1538
}

.rouge-theme .bet-slip-amount-btn:disabled {
    cursor: not-allowed;
    opacity: .42;
    filter: grayscale(.35)
}

.rouge-theme .bet-slip-amount-btn:disabled:hover {
    background-color: #fff5f5;
    color: #8b1538;
    border-color: #8b1538
}

.rouge-theme .bet-slip-amount-btn:active {
    transform: scale(.95)
}

.rouge-theme .bet-slip-inline-shell {
    width: 100%;
    position: relative;
    z-index: 8
}

.rouge-theme .bet-slip-popup--inline {
    max-width: none;
    max-height: none;
    border-radius: 14px;
    box-shadow: 0 16px 32px #2d0a0a29;
    border: 1px solid rgba(139,21,56,.14);
    overflow: visible
}

.rouge-theme .bet-slip-popup--inline.bet-slip-popup--back {
    box-shadow: 0 16px 32px #5b9bd538
}

.rouge-theme .bet-slip-popup--inline.bet-slip-popup--lay {
    box-shadow: 0 16px 32px #c97b9138
}

.rouge-theme .bet-slip-inline-body {
    padding: 12px 12px 0
}

.rouge-theme .bet-slip-inline-summary {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.rouge-theme .bet-slip-inline-runner-row {
    display: flex;
    align-items: center;
    gap: 10px
}

.rouge-theme .bet-slip-inline-runner {
    flex: 1 1 auto;
    padding: 10px 12px;
    background: #f9f3f6;
    border: 1px solid rgba(139,21,56,.12);
    border-radius: 10px;
    font-size: 14px;
    font-weight: 800;
    color: #2d0a0a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.rouge-theme .bet-slip-popup--back .bet-slip-inline-runner {
    background: #edf7fd;
    border-color: #5b9bd52e;
    color: #0c5460
}

.rouge-theme .bet-slip-popup--lay .bet-slip-inline-runner {
    background: #faeef1;
    border-color: #c97b912e;
    color: #721c24
}

.rouge-theme .bet-slip-inline-meta-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    overflow: hidden
}

.rouge-theme .bet-slip-inline-meta-row--session {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 68px
}

.rouge-theme .bet-slip-inline-pill {
    flex: 1 1 0;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 999px;
    background: #f1e2e7;
    border: 1px solid rgba(139,21,56,.18);
    color: #5c0e24;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rouge-theme .bet-slip-popup--back .bet-slip-inline-pill {
    background: #d9edf7;
    border-color: #5b9bd538;
    color: #0c5460
}

.rouge-theme .bet-slip-popup--lay .bet-slip-inline-pill {
    background: #f2d9df;
    border-color: #c97b9138;
    color: #721c24
}

.rouge-theme .bet-slip-inline-pill--run {
    font-variant-numeric: tabular-nums
}

.rouge-theme .bet-slip-inline-rate-inline {
    padding: 10px 12px;
    border-radius: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 900;
    color: #5c0e24;
    background: #f1e2e7;
    border: 1px solid rgba(139,21,56,.18)
}

.rouge-theme .bet-slip-popup--back .bet-slip-inline-rate-inline {
    background: #dcecf8;
    border-color: #5b9bd538;
    color: #0c5460
}

.rouge-theme .bet-slip-popup--lay .bet-slip-inline-rate-inline {
    background: #f2d9df;
    border-color: #c97b9138;
    color: #721c24
}

.rouge-theme .bet-slip-inline-rate-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0
}

.rouge-theme .bet-slip-inline-rate-label,.rouge-theme .bet-slip-inline-amount-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #f8fbff
}

.rouge-theme .bet-slip-amount-label {
    color: #f8fbff
}

.rouge-theme .bet-slip-inline-betting-row {
    display: grid;
    grid-template-columns: 74px minmax(0,1fr);
    gap: 10px;
    align-items: end;
    margin-bottom: 4px
}

.rouge-theme .bet-slip-inline-amount-inline {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0
}

.rouge-theme .bet-slip-inline-amount-input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 2px solid #c97b91;
    background: #fff;
    color: #2d0a0a;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
    box-sizing: border-box
}

.rouge-theme .bet-slip-inline-amount-input:focus {
    outline: none;
    border-color: #8b1538
}

.rouge-theme .bet-slip-popup--inline .bet-slip-footer {
    padding: 6px 12px 12px;
    border-top-width: 1px;
    gap: 10px;
    margin-top: 6px;
    background: transparent
}

.rouge-theme .bet-slip-popup--inline.bet-slip-popup--back .bet-slip-footer {
    background-color: #edf7fd;
    border-top: none;
    border: 1px solid rgba(114,187,239,.28);
    border-radius: 12px;
    margin: 6px 6px 0
}

.rouge-theme .bet-slip-popup--inline.bet-slip-popup--lay .bet-slip-footer {
    background-color: #fff5f5;
    border-top: none;
    border: 1px solid rgba(250,169,186,.28);
    border-radius: 12px;
    margin: 6px 6px 0
}

.rouge-theme .bet-slip-popup--inline .bet-slip-amount-buttons {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 6px;
    width: 100%
}

.rouge-theme .bet-slip-popup--inline .bet-slip-amount-btn {
    flex: unset;
    min-width: 0;
    padding: 8px 4px;
    background-color: #f6e5e9;
    border: 1px solid #c97b91;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #721c24
}

.rouge-theme .bet-slip-popup--inline .bet-slip-amount-btn:hover {
    background-color: #8b1538;
    color: #fff
}

.rouge-theme .bet-slip-action-row {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 8px;
    width: 100%;
    box-sizing: border-box
}

.rouge-theme .bet-slip-cancel-button {
    flex: 1 1 0;
    min-width: 0;
    padding: 13px 10px;
    border: 1px solid #d7b9c2;
    border-radius: 10px;
    background: #fbf1f4;
    color: #721c24;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer
}

.rouge-theme .bet-slip-cancel-button:hover {
    background: #f3dde3
}

.rouge-theme .bet-slip-popup--inline .bet-slip-cancel-button {
    padding-right: 18px
}

.rouge-theme .bet-slip-popup--inline .bet-slip-done-button {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 18px;
    position: relative;
    background: linear-gradient(135deg,#8b1538,#5c0e24);
    color: #fff;
    border-radius: 10px;
    white-space: nowrap
}

.rouge-theme .bet-slip-popup--inline .bet-slip-done-button:hover:not(:disabled) {
    background: linear-gradient(135deg,#a73d5d,#8b1538)
}

.rouge-theme .bet-slip-popup--inline .bet-slip-done-button:disabled {
    opacity: 1;
    filter: saturate(.72)
}

.rouge-theme .bet-slip-popup--back .bet-slip-cancel-button {
    border-color: #8ab8dc;
    background: #edf7fd;
    color: #0c5460
}

.rouge-theme .bet-slip-popup--back .bet-slip-cancel-button:hover {
    background: #dcecf8
}

.rouge-theme .bet-slip-popup--back .bet-slip-done-button {
    background: linear-gradient(135deg,#72bbef,#5b9bd5);
    color: #0c5460
}

.rouge-theme .bet-slip-popup--back .bet-slip-done-button:hover:not(:disabled) {
    background: linear-gradient(135deg,#8bc8f2,#72bbef)
}

.rouge-theme .bet-slip-popup--back .bet-slip-amount-btn {
    background-color: #edf7fd;
    border-color: #72bbef;
    color: #0c5460
}

.rouge-theme .bet-slip-popup--back .bet-slip-amount-btn:hover {
    background-color: #72bbef;
    color: #0c5460
}

.rouge-theme .bet-slip-popup--lay .bet-slip-cancel-button {
    border-color: #c97b91;
    background: #fff5f7;
    color: #721c24
}

.rouge-theme .bet-slip-popup--lay .bet-slip-cancel-button:hover {
    background: #f9e4e9
}

.rouge-theme .bet-slip-popup--lay .bet-slip-done-button {
    background: linear-gradient(135deg,#faa9ba,#c97b91);
    color: #721c24
}

.rouge-theme .bet-slip-popup--lay .bet-slip-done-button:hover:not(:disabled) {
    background: linear-gradient(135deg,#fbc3cf,#faa9ba)
}

.rouge-theme .bet-slip-popup--lay .bet-slip-amount-btn {
    background-color: #fff5f7;
    border-color: #faa9ba;
    color: #721c24
}

.rouge-theme .bet-slip-popup--lay .bet-slip-amount-btn:hover {
    background-color: #faa9ba;
    color: #721c24
}

.rouge-theme .bet-slip-timer-badge {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #2d0a0a;
    background: #2d0a0a;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 14px #2d0a0a3d;
    pointer-events: none;
    z-index: 2
}

.rouge-theme .bet-slip-timer-badge--inline {
    position: static;
    transform: none;
    flex: 0 0 40px
}

.rouge-theme .bet-slip-timer-badge .timer-warning {
    color: #fca5a5;
    animation: rouge-pulse 1s infinite
}

.rouge-theme .rouge-inline-bet-slip-row td,.rouge-theme .rouge-inline-bet-slip-cell {
    padding: 0!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom: none!important;
    background: transparent!important
}

.rouge-theme .rouge-inline-bet-slip-row td {
    padding: 8px 6px 10px!important
}

.rouge-theme .rouge-selected-odds-row td {
    position: relative;
    background: #fcf7f9
}

.rouge-theme .rouge-selected-odds-row {
    position: relative;
    z-index: 7;
    box-shadow: inset 0 0 0 1px #8b153814
}

@media (max-width: 540px) {
    .rouge-theme .bet-slip-inline-runner-row {
        align-items:flex-start
    }

    .rouge-theme .bet-slip-inline-meta-row {
        flex-wrap: wrap
    }

    .rouge-theme .bet-slip-inline-meta-row--session {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr) 52px
    }

    .rouge-theme .bet-slip-inline-pill {
        flex-basis: calc(50% - 3px)
    }

    .rouge-theme .bet-slip-inline-betting-row {
        grid-template-columns: 64px minmax(0,1fr)
    }

    .rouge-theme .bet-slip-inline-amount-inline {
        width: auto
    }

    .rouge-theme .bet-slip-popup--inline .bet-slip-cancel-button,.rouge-theme .bet-slip-popup--inline .bet-slip-done-button {
        padding-left: 18px;
        padding-right: 18px
    }
}

.rouge-theme .toast {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translate(-50%);
    background: linear-gradient(135deg,#2563ebf5,#1e40aff0);
    color: #fff;
    padding: 16px 28px;
    border-radius: 8px;
    box-shadow: 0 10px 24px #2563eb47;
    z-index: 10000;
    font-family: Segoe UI,Verdana,Geneva,sans-serif;
    font-size: 14px;
    font-weight: 700;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border: 2px solid rgba(96,165,250,.5)
}

.rouge-theme .toast-visible {
    opacity: 1
}

.rouge-theme .toast-content {
    display: flex;
    align-items: center;
    justify-content: center
}

.rouge-theme .complete-bets-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2d0a0ab3;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.rouge-theme .complete-bets-modal {
    background-color: #fff;
    border-radius: 12px;
    width: 95%;
    max-width: 1000px;
    max-height: 80vh;
    box-shadow: 0 8px 32px #8b153866;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 2px solid #D4AF37
}

.rouge-theme .complete-bets-header {
    background: linear-gradient(90deg,#2d0a0a,#8b1538);
    color: #d4af37;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .5px
}

.rouge-theme .complete-bets-header .close-btn {
    background: none;
    border: none;
    color: #d4af37;
    font-size: 32px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: all .2s;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.rouge-theme .complete-bets-header .close-btn:hover {
    background-color: #d4af3733;
    color: #fff
}

.rouge-theme .complete-bets-body {
    padding: 0;
    overflow-y: auto;
    flex: 1;
    color: #1a0505
}

.rouge-theme .complete-bets-summary {
    display: flex;
    gap: 30px;
    padding: 15px 20px;
    background-color: #fff5f5;
    border-bottom: 2px solid #E8D4D4
}

.rouge-theme .complete-bets-summary .summary-item {
    display: flex;
    gap: 8px;
    align-items: center
}

.rouge-theme .complete-bets-summary .summary-label {
    font-weight: 600;
    color: #1a0505;
    font-size: 14px
}

.rouge-theme .complete-bets-summary .summary-value {
    font-weight: 700;
    font-size: 14px;
    color: #8b1538
}

.rouge-theme .complete-bets-summary .summary-value.prof-loss.plus {
    color: #228b22
}

.rouge-theme .complete-bets-summary .summary-value.prof-loss.minus {
    color: #dc143c
}

.rouge-theme .complete-bets-table {
    width: 100%;
    border-collapse: collapse
}

.rouge-theme .complete-bets-table th {
    background: linear-gradient(90deg,#5c0e24,#8b1538);
    color: #fff;
    padding: 12px 10px;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    position: sticky;
    top: 0;
    border-bottom: 2px solid #D4AF37
}

.rouge-theme .complete-bets-table td {
    padding: 12px 10px;
    font-size: 13px;
    border-bottom: 1px solid #E8D4D4;
    color: #1a0505
}

.rouge-theme .complete-bets-table tbody tr:hover {
    background-color: #fff5f5
}

.rouge-theme .complete-bets-table .prof-loss.plus {
    color: #228b22;
    font-weight: 700
}

.rouge-theme .complete-bets-table .prof-loss.minus {
    color: #dc143c;
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .rouge-theme .complete-bets-modal {
        width:98%;
        max-height: 90vh
    }

    .rouge-theme .complete-bets-table th,.rouge-theme .complete-bets-table td {
        padding: 8px 6px;
        font-size: 11px
    }

    .rouge-theme .complete-bets-summary {
        flex-direction: column;
        gap: 10px
    }
}

.rouge-theme.cricket-page-new {
    background-color: var(--rouge-light);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: Segoe UI,Tahoma,Geneva,Verdana,sans-serif
}

.rouge-theme.cricket-page-new .cricket-header,.rouge-theme.cricket-page-new .stats-bar {
    display: none
}

.rouge-theme.cricket-page-new .banner-section {
    width: 100%;
    overflow: hidden;
    background: var(--rouge-light)
}

.rouge-theme.cricket-page-new .banner-image {
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.rouge-theme.cricket-page-new .section-header {
    background: linear-gradient(180deg,brown,#8b0000);
    display: flex;
    align-items: center;
    padding: 12px 15px;
    gap: 10px
}

.rouge-theme.cricket-page-new .section-icon {
    font-size: 20px
}

.rouge-theme.cricket-page-new .section-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px
}

.rouge-theme.cricket-page-new .matches-container,.rouge-theme.cricket-page-new.matches-container {
    flex: 1;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch
}

.rouge-theme.cricket-page-new .loading-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    color: #8b0000
}

.rouge-theme.cricket-page-new .loading-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #8B0000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 15px
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.rouge-theme.cricket-page-new .error-state {
    text-align: center;
    padding: 40px;
    color: #c00;
    font-weight: 600
}

.rouge-theme.cricket-page-new .empty-state {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 36px 10px 8px
}

.rouge-theme.cricket-page-new .empty-state-card {
    width: min(100%,420px);
    background: linear-gradient(180deg,#fffffff5,#fcf4f4fa);
    border: 1px solid rgba(139,0,0,.12);
    border-radius: 16px;
    padding: 28px 22px;
    text-align: center;
    box-shadow: 0 10px 30px #8b000014
}

.rouge-theme.cricket-page-new .empty-state-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 12px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #8b0000;
    background: #8b000014
}

.rouge-theme.cricket-page-new .empty-state-title {
    color: #4f1414;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .3px;
    margin-bottom: 6px
}

.rouge-theme.cricket-page-new .empty-state-copy {
    color: #6f5a5a;
    font-size: 13px;
    line-height: 1.5
}

.rouge-theme.cricket-page-new .match-card {
    background: linear-gradient(180deg,#933,#802020,#5c1a1a);
    border-radius: 8px;
    text-decoration: none;
    display: block;
    overflow: hidden;
    box-shadow: 0 2px 8px #8b00004d;
    transition: transform .2s,box-shadow .2s
}

.rouge-theme.cricket-page-new .match-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px #8b000066
}

.rouge-theme.cricket-page-new .match-card-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 8px 15px 12px;
    text-align: left;
    min-height: 82px;
    position: relative
}

.rouge-theme.cricket-page-new .match-logos {
    position: absolute;
    top: 8px;
    right: 12px;
    display: flex;
    gap: 6px;
    align-items: center
}

.rouge-theme.cricket-page-new .match-logo {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%;
    background: #ffffffe6;
    padding: 2px
}

.rouge-theme.cricket-page-new .match-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    text-align: left
}

.rouge-theme.cricket-page-new .match-name {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin: -1px 0 0;
    line-height: 1.2;
    text-align: left
}

.rouge-theme.cricket-page-new .series-name {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    text-align: left;
    opacity: .9
}

.rouge-theme.cricket-page-new .match-datetime {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 3px;
    justify-content: flex-start
}

.rouge-theme.cricket-page-new .datetime-item {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 500
}

.rouge-theme.cricket-page-new .datetime-item .icon {
    opacity: .9
}

.rouge-theme.cricket-page-new .match-status {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 4px;
    min-width: 70px;
    align-self: stretch
}

.rouge-theme.cricket-page-new .match-status-row,.rouge-theme.cricket-page-new .live-indicator {
    display: flex;
    align-items: center;
    gap: 6px
}

.rouge-theme.cricket-page-new .live-dot {
    width: 10px;
    height: 10px;
    background-color: #0f6;
    border-radius: 50%;
    box-shadow: 0 0 8px #00ff66f2,0 0 18px #00ff6680;
    animation: rouge-live-pulse 1.5s ease-in-out infinite
}

@keyframes rouge-live-pulse {
    0%,to {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 8px #00ff66f2,0 0 18px #00ff6680
    }

    50% {
        opacity: .82;
        transform: scale(1.28);
        box-shadow: 0 0 12px #0f6,0 0 28px #00ff66bf
    }
}

.rouge-theme.cricket-page-new .live-text {
    color: #0f6;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.rouge-theme.cricket-page-new .market-indicators {
    display: flex;
    gap: 5px;
    margin-top: 2px
}

.rouge-theme.cricket-page-new .market-badge {
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}

.rouge-theme.cricket-page-new .market-badge.bm {
    background-color: #1e40af;
    color: #fff
}

.rouge-theme.cricket-page-new .market-badge.f {
    background-color: #dc2626;
    color: #fff
}

.rouge-theme.cricket-page-new .cricket-footer {
    display: none
}

@media screen and (max-width: 480px) {
    .rouge-theme.cricket-page-new .match-name {
        font-size:14px
    }

    .rouge-theme.cricket-page-new .series-name {
        font-size: 11px
    }

    .rouge-theme.cricket-page-new .datetime-item {
        font-size: 12px
    }

    .rouge-theme.cricket-page-new .match-datetime {
        gap: 10px
    }

    .rouge-theme.cricket-page-new .stat-item {
        gap: 3px
    }

    .rouge-theme.cricket-page-new .stat-label,.rouge-theme.cricket-page-new .stat-value {
        font-size: 12px
    }

    .rouge-theme.cricket-page-new .stats-bar {
        gap: 10px;
        padding: 6px 10px
    }
}

.rouge-theme.cricket-page .TeamName {
    background: linear-gradient(90.01deg,#8b0000 .01%,#900 99.99%);
    color: #fff;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.rouge-theme.cricket-page .TeamName a {
    color: #fff;
    text-decoration: none
}

.rouge-theme.cricket-page .TeamName a:hover {
    color: pink
}

.rouge-theme.cricket-page .profile-details {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px
}

.rouge-theme.cricket-page .profile-details .GameList {
    font-size: 13px;
    color: #333;
    padding: 3px 0
}

.rouge-theme.cricket-page .profile-details .GameList span {
    color: #c00;
    font-weight: 600
}

.rouge-theme.cricket-page .match-item {
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.heritage-theme.heritage-game-page {
    min-height: 100vh;
    background: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    color: #0b2140
}

.heritage-theme .heritage-game-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #e9e9e9
}

.heritage-theme .heritage-game-topbar {
    border: #ffffff solid 1.5px;
    background: #0336ff;
    color: #fff
}

.heritage-theme .heritage-game-topbar__table {
    width: 100%;
    border-collapse: collapse
}

.heritage-theme .heritage-game-topbar__avatar-cell {
    width: 70px;
    text-align: center;
    vertical-align: middle;
    padding: 8px 4px
}

.heritage-theme .heritage-game-topbar__avatar-link {
    display: inline-flex
}

.heritage-theme .heritage-game-topbar__avatar {
    width: 52px;
    height: 52px;
    -o-object-fit: cover;
    object-fit: cover
}

.heritage-theme .heritage-game-topbar__center-cell {
    text-align: center;
    vertical-align: middle;
    padding: 8px 6px
}

.heritage-theme .heritage-game-topbar__center-cell h1 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.05;
    text-transform: uppercase
}

.heritage-theme .heritage-game-topbar__center-cell p {
    margin: 2px 0 0;
    color: #fff;
    font-size: 11px;
    line-height: 1.15
}

.heritage-theme .heritage-game-topbar__center-cell label,.heritage-theme .heritage-game-topbar__center-cell b {
    font-weight: 700
}

.heritage-theme .heritage-game-topbar__actions-cell {
    width: 62px;
    text-align: center;
    vertical-align: middle;
    padding: 8px 6px
}

.heritage-theme .heritage-game-topbar__actions {
    justify-content: center
}

.heritage-theme .heritage-game-marquee .navMain,.heritage-theme .heritage-game-tvbar .navMain {
    list-style: none;
    margin: 0;
    padding: 0
}

.heritage-theme .heritage-game-marquee {
    background: #263238
}

.heritage-theme .heritage-game-marquee a {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 10px
}

.heritage-theme .heritage-game-marquee marquee {
    display: block;
    font-size: 13px
}

.heritage-theme .heritage-game-tvbar {
    background: #17a2b8;
    text-align: center
}

.heritage-theme .heritage-game-tvbutton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 6px 0;
    padding: 5px 12px;
    border: none;
    border-radius: 2px;
    background: transparent;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
    cursor: pointer
}

.heritage-theme .heritage-game-tvbutton img {
    width: 23px;
    height: 23px
}

.heritage-theme .heritage-game-content {
    flex: 1;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 0 12px
}

.heritage-theme .heritage-game-state {
    padding: 18px 12px;
    text-align: center;
    color: #173a63;
    font-weight: 700
}

.heritage-theme .heritage-game-state--error {
    color: #c62828
}

.heritage-theme .heritage-game-tv-frame {
    width: 100%;
    background: #000;
    display: flex;
    justify-content: center;
    padding: 10px 8px 0;
    box-sizing: border-box
}

.heritage-theme .heritage-game-tv-shell {
    --heritage-tv-frame-max-height: 240px;
    --heritage-tv-frame-aspect-ratio: 16 / 9;
    --heritage-tv-logo-top: clamp(8px, 4.5%, 16px);
    --heritage-tv-logo-right: clamp(8px, 4.5%, 16px);
    --heritage-tv-logo-width: clamp(54px, 12%, 78px);
    position: relative;
    width: min(100%,calc(var(--heritage-tv-frame-max-height) * 16 / 9));
    aspect-ratio: var(--heritage-tv-frame-aspect-ratio);
    max-height: var(--heritage-tv-frame-max-height);
    background: #000;
    overflow: hidden
}

.heritage-theme .heritage-game-tv-shell iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

.heritage-theme .heritage-game-tv-brand-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 2
}

.heritage-theme .heritage-game-tv-brand-overlay img {
    position: absolute;
    top: var(--heritage-tv-logo-top);
    right: var(--heritage-tv-logo-right);
    width: var(--heritage-tv-logo-width);
    height: auto;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.heritage-theme .heritage-game-message {
    min-height: 12px;
    padding: 4px 8px 2px;
    text-align: center;
    color: #0016cc;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2
}

.heritage-theme .heritage-game-message__title {
    font-size: 13px;
    line-height: 1.2
}

.heritage-theme .heritage-game-message__time {
    color: #1b1b1b;
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.2
}

.heritage-theme .heritage-game-scoretable,.heritage-theme .heritage-game-table {
    width: calc(100% - 16px);
    margin: 0 8px 8px;
    border-collapse: separate;
    border-spacing: 2px
}

.heritage-theme .heritage-game-session-table,.heritage-theme .heritage-game-scoretable {
    table-layout: fixed
}

.heritage-theme .heritage-game-scorecell {
    vertical-align: middle;
    padding: 0
}

.heritage-theme .TeamCombo {
    padding: 0
}

.heritage-theme .heritage-game-scorecard {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    border: 2px dotted #333;
    background: #fff
}

.heritage-theme .heritage-game-scorecard p {
    margin: 0;
    padding: 2px 4px;
    color: #000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center
}

.heritage-theme .heritage-game-scorecard--middle p {
    font-size: 11px
}

.heritage-theme .heritage-game-scorecard--right {
    min-height: 54px
}

.heritage-theme .heritage-game-scorecard--right p {
    min-height: 16px
}

.heritage-theme .heritage-game-scorecard-side {
    width: 100%;
    min-height: 54px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 4px 6px;
    box-sizing: border-box
}

.heritage-theme .heritage-game-scorecard-side__title {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    color: #172b4d
}

.heritage-theme .heritage-game-scorecard-side__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0;
    padding: 0;
    color: #000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.15
}

.heritage-theme .heritage-game-scorecard-side__name,.heritage-theme .heritage-game-scorecard-side__value {
    min-width: 0
}

.heritage-theme .heritage-game-scorecard-side__name {
    text-align: left
}

.heritage-theme .heritage-game-scorecard-side__value {
    text-align: right
}

.heritage-theme .heritage-game-scorecard-side__empty {
    margin: 0;
    color: #000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.heritage-theme .ScoreCard {
    background: #fff
}

.heritage-theme .heritage-game-recent-balls {
    width: calc(100% - 16px);
    margin: 0 8px 8px;
    border: 2px dotted #333;
    background: #fff;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 6px;
    box-sizing: border-box
}

.heritage-theme .heritage-game-recent-balls__content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center
}

.heritage-theme .heritage-game-recent-balls__ball {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    border: 1px solid rgba(16,24,32,.18);
    background: #f3f4f6;
    color: #111827;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1
}

.heritage-theme .heritage-game-recent-balls__ball.four {
    background: #dbeafe;
    color: #12477e
}

.heritage-theme .heritage-game-recent-balls__ball.six {
    background: #fef3c7;
    color: #92400e
}

.heritage-theme .heritage-game-recent-balls__ball.wb {
    background: #ede9fe;
    color: #6d28d9
}

.heritage-theme .heritage-game-recent-balls__ball.wicket {
    background: #fee2e2;
    color: #b91c1c
}

.heritage-theme .heritage-game-recent-balls__empty {
    color: #173a63;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-align: center
}

.heritage-theme .heritage-game-match-extras .classic-scorecard {
    margin: 0 8px 8px;
    border: 2px dotted #333;
    border-radius: 0;
    overflow: visible;
    color: #000;
    background: #fff;
    box-shadow: none;
    font-family: Verdana,Geneva,sans-serif
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__collapsed-area {
    border-radius: 0
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__teams-panel {
    padding: 7px 8px 6px;
    background: #fff
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__teams-grid {
    grid-template-columns: minmax(0,1fr) max-content;
    -moz-column-gap: 5%;
    column-gap: 5%
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__teams {
    gap: 4px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__team {
    min-height: 24px;
    gap: 6px;
    border-radius: 0
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__team+.classic-scorecard__team {
    padding-top: 4px;
    border-top: 1px dotted #9b9b9b
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__team.is-batting {
    background: linear-gradient(90deg,rgba(0,22,204,.2),rgba(0,22,204,.08) 52%,transparent 100%);
    box-shadow: inset 4px 0 #0016cc,0 0 12px #0016cc29
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__team.is-batting .classic-scorecard__team-flag:before {
    width: 28px;
    height: 28px;
    border-radius: 0;
    background: radial-gradient(circle,rgba(0,22,204,.2) 0%,rgba(0,22,204,.08) 52%,transparent 78%)
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__team-flag img {
    height: 20px;
    max-width: 24px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__team-flag span,.heritage-theme .heritage-game-match-extras .classic-scorecard__player-avatar {
    color: #0016cc;
    font-family: Verdana,Geneva,sans-serif;
    letter-spacing: 0
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__team-name {
    color: #172b4d;
    font-size: 11px;
    letter-spacing: 0
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__team-copy {
    gap: 4px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__team-score {
    color: #000;
    font-size: 12px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__score-panel {
    gap: 4px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__score-panel-row {
    min-height: 24px;
    gap: 0
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__balls {
    min-height: 24px;
    gap: 4px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__ball {
    min-width: 24px;
    height: 24px;
    border: 1px dotted #333;
    border-radius: 0;
    background: #f5f5f5;
    color: #000;
    box-shadow: none;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    letter-spacing: 0
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__ball.four {
    background: #d9ecff;
    color: #0016cc
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__ball.six {
    background: #fff2bf;
    color: #8a5200
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__ball.wicket {
    background: #ffdada;
    color: #b00000
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__ball.wb {
    background: #eee;
    color: #333
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__message-meta {
    gap: 6px;
    color: #0016cc;
    font-size: 10px;
    letter-spacing: 0
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__message-meta-item+.classic-scorecard__message-meta-item {
    padding-left: 7px;
    border-left: 1px dotted #9b9b9b
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__message-bar {
    padding: 5px 8px 6px;
    border-top: 2px dotted #333;
    border-bottom: 0;
    background: #fff
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__message-copy-text {
    color: #0016cc;
    font-size: 11px;
    letter-spacing: 0
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__stats-section {
    padding: 7px 8px 8px;
    border-top: 2px dotted #333;
    background: #fff
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__stats-header,.heritage-theme .heritage-game-match-extras .classic-scorecard__stats-row {
    grid-template-columns: minmax(0,54fr) repeat(5,minmax(0,9fr))
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__section-title,.heritage-theme .heritage-game-match-extras .classic-scorecard__stat-label,.heritage-theme .heritage-game-match-extras .classic-scorecard__last-wicket-label {
    color: #173a63;
    letter-spacing: 0
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__section-title {
    font-size: 10px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__stats-row {
    padding: 4px 0;
    border-top: 1px dotted #9b9b9b
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__player {
    gap: 6px;
    padding-right: 6px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__player-avatar {
    width: 24px;
    height: 24px;
    border: 1px dotted #333;
    border-radius: 0;
    background: #f5f5f5;
    box-shadow: none;
    font-size: 10px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__player-name,.heritage-theme .heritage-game-match-extras .classic-scorecard__stat-value,.heritage-theme .heritage-game-match-extras .classic-scorecard__last-wicket-value {
    color: #000
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__player-name {
    font-size: 11px;
    letter-spacing: 0
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__stat-value {
    font-size: 12px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__stat {
    min-height: 22px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__stat-label {
    font-size: 9px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__footer-row {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dotted #9b9b9b;
    letter-spacing: 0
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__last-wicket-label,.heritage-theme .heritage-game-match-extras .classic-scorecard__last-wicket-value {
    font-size: 10px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__match-state {
    color: #0016cc;
    font-size: 10px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__expand-toggle {
    width: 24px;
    height: 24px;
    border: 2px dotted #333;
    border-radius: 0;
    background: #fff;
    color: #0016cc;
    box-shadow: none
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__expand-toggle-arrow {
    font-size: 15px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__animation-overlay {
    border-radius: 0;
    background: #ffffffd1;
    outline: 2px dotted #333;
    outline-offset: -6px
}

.heritage-theme .heritage-game-match-extras .classic-scorecard__animation-text {
    color: #0016cc;
    text-shadow: 0 2px 0 #fff,0 4px 0 rgba(0,0,0,.2)
}

.heritage-theme .heritage-game-table th,.heritage-theme .heritage-game-table td {
    text-align: center;
    vertical-align: middle
}

.heritage-theme .heritage-game-table thead th {
    background: #52b5e1;
    color: #fff;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 4px 4px
}

.heritage-theme .heritage-game-table thead th p {
    margin: 2px 0 0;
    font-size: 11px;
    font-weight: 700
}

.heritage-theme .heritage-market-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.heritage-theme .heritage-market-header-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0
}

.heritage-theme .heritage-game-table tbody td {
    background: #fff;
    padding: 4px 6px;
    color: #000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: 700
}

.heritage-theme .heritage-game-team-cell {
    text-align: center
}

.heritage-theme .heritage-game-bet-count {
    display: inline-block;
    margin-top: 4px;
    font-size: 10px;
    font-weight: 700
}

.heritage-theme .heritage-game-bet-count--positive {
    color: #009
}

.heritage-theme .heritage-game-bet-count--negative {
    color: red
}

.heritage-theme .heritage-game-odd-cell {
    position: relative;
    padding: 3px 2px
}

.heritage-theme .heritage-game-session-odds-cell {
    padding: 3px 2px
}

.heritage-theme .heritage-game-session-name-cell {
    text-align: center;
    overflow: hidden
}

.heritage-theme .heritage-game-session-name-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    width: 100%;
    min-width: 0;
    overflow: hidden
}

.heritage-theme .heritage-game-session-odds-group {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-height: 36px;
    border-radius: 6px;
    overflow: visible
}

.heritage-theme .heritage-game-session-odds-option {
    flex: 1;
    min-width: 0
}

.heritage-theme .heritage-game-session-odds-option input {
    display: block;
    margin: 0 auto
}

.heritage-theme .heritage-game-session-odds-option .ButtonNRun,.heritage-theme .heritage-game-session-odds-option .ButtonYRun {
    width: 60px
}

.heritage-theme .heritage-game-odds-lock-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #23364ed1;
    color: #fff;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-align: center;
    pointer-events: none;
    border-radius: inherit;
    z-index: 2
}

.heritage-theme .heritage-game-odds-lock-overlay span {
    padding: 0 6px
}

.heritage-theme .heritage-game-odd-cell input {
    display: block;
    margin: 0 auto
}

.heritage-theme .ButtonYRun,.heritage-theme .ButtonL,.heritage-theme .ButtonNRun {
    width: 60px;
    height: 30px;
    border: 0;
    background: transparent;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

.heritage-theme .ButtonYRun.is-active,.heritage-theme .ButtonL.is-active,.heritage-theme .ButtonNRun.is-active {
    background: #52b5e124;
    border-radius: 4px
}

.heritage-theme .ButtonYRun.is-disabled,.heritage-theme .ButtonL.is-disabled,.heritage-theme .ButtonNRun.is-disabled {
    opacity: .45;
    cursor: not-allowed
}

.heritage-theme .ButtonYRun {
    color: #009
}

.heritage-theme .ButtonL,.heritage-theme .ButtonNRun {
    color: red
}

.heritage-theme .ButtonNRate,.heritage-theme .ButtonYRate {
    width: 60px;
    height: 15px;
    margin-top: 2px;
    border: 0;
    background: transparent;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: default
}

.heritage-theme .ButtonNRate {
    color: red
}

.heritage-theme .ButtonYRate {
    color: #00f
}

.heritage-theme .cashout-button {
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 4px;
    padding: 4px 14px;
    min-width: 88px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: pre-line;
    text-transform: uppercase;
    cursor: pointer;
    transition: filter .15s ease,transform .15s ease,opacity .15s ease;
    flex: 0 0 auto;
    background: #6e5b33;
    color: #ffe5c1
}

.heritage-theme .cashout-button:hover {
    filter: brightness(1.05)
}

.heritage-theme .cashout-button--inactive {
    opacity: .55;
    background: #8a7a56
}

.heritage-theme .heritage-game-odd-cell--lay .ButtonL,.heritage-theme .heritage-game-odd-cell--no .ButtonNRun,.heritage-theme .heritage-game-odd-cell--no .ButtonNRate {
    color: red
}

.heritage-theme .heritage-game-odd-cell--yes .ButtonYRun {
    color: #009
}

.heritage-theme .heritage-game-table tbody .heritage-game-session-group-row td {
    padding: 0
}

.heritage-theme .heritage-game-table tbody td.heritage-game-session-group-cell {
    background: #d7e2ef;
    border-top: 1px solid #b9c9de;
    border-bottom: 1px solid #b9c9de
}

.heritage-theme .heritage-game-session-group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 10px;
    color: #24476c;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.heritage-theme .heritage-game-session-group-toggle {
    min-width: 26px;
    min-height: 26px;
    border: 0;
    border-radius: 4px;
    background: #fff;
    color: #24476c;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

.heritage-theme .heritage-game-session-row--active td {
    background: #eef6ff
}

.heritage-theme .heritage-game-placebet-table {
    width: calc(100% - 16px);
    margin: 0 8px 8px;
    border-collapse: separate;
    border-spacing: 0
}

.heritage-theme .heritage-game-placebet-table td {
    background: #0ff;
    padding: 4px 6px;
    vertical-align: middle
}

.heritage-theme .heritage-game-placebet-label {
    width: 90px;
    text-align: center;
    font-size: 13px
}

.heritage-theme .heritage-game-placebet-amount {
    width: auto
}

.heritage-theme .heritage-game-placebet-time {
    width: 52px
}

.heritage-theme .heritage-game-placebet-action {
    width: 70px
}

.heritage-theme .MatchAmount {
    width: 100%;
    border: none;
    background: #fff;
    color: #000;
    text-align: center;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 16px;
    font-weight: 700;
    min-height: 28px
}

.heritage-theme .AmountTime {
    width: 100%;
    border: none;
    background: #2486b2;
    color: #fff;
    text-align: center;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px;
    font-weight: 700;
    min-height: 28px
}

.heritage-theme .heritage-game-done-button {
    width: 100%;
    min-height: 28px;
    border: 0;
    background: transparent;
    color: #000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer
}

.heritage-theme .heritage-game-done-button:disabled {
    opacity: .55;
    cursor: not-allowed
}

.heritage-theme .heritage-game-table-spacer {
    height: 8px
}

.heritage-theme .heritage-game-empty-cell {
    height: 6px;
    background: #fff
}

.heritage-theme .heritage-game-backmenu {
    margin: 8px 0 12px
}

.heritage-theme .heritage-game-backmenu .navMain {
    display: flex;
    justify-content: center
}

.heritage-theme .heritage-game-backmenu .navMain li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: min(100%,240px);
    padding: 10px 18px;
    color: #fff;
    background: linear-gradient(180deg,#5078c0,#4b72b3);
    border: 1px solid #325b9a;
    border-radius: 12px;
    box-shadow: inset 0 1px #ffffff1f,0 1px #00000014;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700
}

.heritage-theme .heritage-game-live-games-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 8px 15px 0;
    margin: 8px 0 0;
    background: transparent
}

.heritage-theme .heritage-game-live-game-pill {
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(600px,95%);
    padding: 15px 20px;
    border-radius: 12px;
    border: none;
    background: linear-gradient(135deg,#020b1c,#1e3a5f,#b8914b);
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 4px 15px #00000080;
    position: relative;
    overflow: hidden;
    transition: transform .2s,box-shadow .2s
}

.heritage-theme .heritage-game-live-game-pill:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px #0009
}

.heritage-theme .heritage-game-live-game-content {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    flex: 1;
    min-width: 0
}

.heritage-theme .heritage-game-live-game-name {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: .5px;
    display: block
}

.heritage-theme .heritage-game-live-game-time {
    color: #ddd;
    font-weight: 500;
    font-size: 12px;
    white-space: nowrap
}

.heritage-theme .heritage-game-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2ecc71;
    box-shadow: 0 0 6px #2ecc71e6,0 0 12px #2ecc7199;
    flex: 0 0 auto
}

@media (max-width: 480px) {
    .heritage-theme .heritage-game-live-game-content {
        flex-direction:column;
        align-items: flex-start;
        gap: 2px
    }
}

.heritage-theme .heritage-game-footer {
    margin-top: auto;
    background: #d9d9d9;
    border-top: 1px solid rgba(0,0,0,.18);
    padding: 12px 10px 16px;
    text-align: center
}

.heritage-theme .heritage-game-footer__text {
    display: inline-block;
    color: #222;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 700
}

.heritage-theme .teamNameForOdds {
    display: inline-block;
    font-size: 11px;
    line-height: 1.2
}

.heritage-theme .FontTextBlue {
    color: #000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700
}

.heritage-theme .FontTextWhite10px {
    color: #fff;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: 700
}

.heritage-theme .ButtonSess {
    display: block;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #000;
    width: 100%;
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: center
}

.heritage-theme .heritage-game-session-name-cell p {
    margin: 2px 0 0;
    font-size: 10px;
    font-weight: 700;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-align: center
}

.heritage-theme .heritage-game-session-name-cell p .session-limit-message__static {
    justify-content: center;
    text-align: center
}

.heritage-theme .heritage-game-session-name-cell p .session-limit-message__marquee {
    justify-content: flex-start
}

.heritage-theme .heritage-game-session-bets-table td {
    font-size: 11px
}

@media (max-width: 420px) {
    .heritage-theme .heritage-game-topbar__center-cell h1 {
        font-size:18px
    }

    .heritage-theme .heritage-game-topbar__center-cell p {
        font-size: 10px
    }

    .heritage-theme .heritage-game-scorecard p {
        font-size: 11px
    }

    .heritage-theme .heritage-game-table thead th,.heritage-theme .heritage-game-table tbody td {
        font-size: 10px
    }

    .heritage-theme .ButtonYRun,.heritage-theme .ButtonL,.heritage-theme .ButtonNRun {
        width: 54px;
        font-size: 15px
    }

    .heritage-theme .ButtonNRate,.heritage-theme .ButtonYRate {
        width: 54px
    }
}

.heritage-theme .heritage-chrome-header {
    background: #0336ff;
    border: #ffffff solid 1.5px
}

.heritage-theme .heritage-chrome-header__table {
    width: 100%;
    border-collapse: collapse
}

.heritage-theme .heritage-chrome-header__avatar-cell {
    padding: 8px 4px;
    vertical-align: middle
}

.heritage-theme .heritage-chrome-header__avatar {
    width: 52px;
    height: 52px;
    -o-object-fit: cover;
    object-fit: cover
}

.heritage-theme .heritage-chrome-header__center-cell {
    padding: 8px 6px;
    vertical-align: middle;
    text-align: center
}

.heritage-theme .heritage-chrome-header__center-cell h1,.heritage-theme .heritage-chrome-header__center-cell h3 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase
}

.heritage-theme .heritage-chrome-header__center-cell p {
    margin: 2px 0 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.heritage-theme .heritage-chrome-header__extra-line {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15
}

.heritage-theme .heritage-chrome-header__actions-cell {
    padding: 8px 4px;
    vertical-align: middle
}

.heritage-theme .heritage-chrome-header__actions {
    justify-content: center
}

.heritage-theme .heritage-chrome-header__actions .heritage-header__cricket-button {
    flex-shrink: 0
}

.heritage-theme .heritage-chrome-header__actions .heritage-header__menu-button {
    width: 38px;
    height: 38px
}

.heritage-theme .heritage-chrome-header__actions .profile-dropdown {
    right: 12px
}

.heritage-theme .heritage-chrome-header__actions {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px
}

.heritage-theme .heritage-chrome-marquee {
    background: #263238
}

.heritage-theme .heritage-chrome-marquee .navMain,.heritage-theme .heritage-chrome-backmenu .navMain {
    list-style: none;
    margin: 0;
    padding: 0
}

.heritage-theme .heritage-chrome-marquee a {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 10px
}

.heritage-theme .heritage-chrome-backmenu {
    background: #e9e9e9;
    text-align: center;
    padding: 8px 0 12px
}

.heritage-theme .heritage-chrome-backmenu .navMain {
    display: flex;
    justify-content: center
}

.heritage-theme .heritage-chrome-backmenu .navMain li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: min(100%,240px);
    padding: 10px 18px;
    color: #fff;
    background: linear-gradient(180deg,#5078c0,#4b72b3);
    border: 1px solid #325b9a;
    border-radius: 12px;
    box-shadow: inset 0 1px #ffffff1f,0 1px #00000014;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.heritage-theme .heritage-chrome-footer {
    margin-top: auto;
    background: #e9e9e9
}

.heritage-theme .heritage-chrome-footer .footer {
    background-color: #333;
    color: #fff;
    padding: 1em;
    text-align: center
}

.heritage-theme .heritage-section {
    margin: 0 0 12px
}

.heritage-theme .heritage-section__table {
    width: 100%;
    border-collapse: collapse
}

.heritage-theme .heritage-section__title {
    background-color: #888399;
    color: #fff;
    font-family: Verdana,Geneva,sans-serif
}

.heritage-theme .heritage-section__title p {
    margin: 0;
    color: #fff;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700
}

.heritage-theme .heritage-section__body {
    background: #fff
}

.heritage-theme.heritage-casino-page {
    min-height: 100vh;
    background: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    color: #0b2140
}

.heritage-theme .heritage-casino-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #e9e9e9
}

.heritage-theme .heritage-casino-topbar {
    background: #0336ff;
    border: #ffffff solid 1.5px
}

.heritage-theme .heritage-casino-topbar table {
    width: 100%
}

.heritage-theme .heritage-casino-topbar img {
    max-width: 100%
}

.heritage-theme .heritage-casino-header-copy {
    vertical-align: middle;
    text-align: center
}

.heritage-theme .heritage-casino-header-copy h3 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1
}

.heritage-theme .heritage-casino-header-copy p {
    margin: 2px 0 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.heritage-theme .heritage-casino-actions-cell {
    padding: 8px
}

.heritage-theme .heritage-casino-menu-button,.heritage-theme .heritage-casino-cricket-button {
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer
}

.heritage-theme .heritage-casino-header-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px
}

.heritage-theme .heritage-casino-backbar,.heritage-theme .heritage-casino-backbar .navMain,.heritage-theme .heritage-casino-section {
    width: 100%
}

.heritage-theme .heritage-casino-section {
    padding: 10px 10px 0
}

.heritage-theme .heritage-casino-section-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    padding: 12px
}

.heritage-theme .heritage-casino-section-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px 10px;
    background: #fff;
    border: 1px solid rgba(36,71,108,.14);
    border-radius: 14px;
    text-decoration: none;
    color: #000;
    box-shadow: 0 6px 14px #0000000f
}

.heritage-theme .heritage-casino-section-card__image {
    width: 114px;
    height: 114px;
    -o-object-fit: contain;
    object-fit: contain
}

.heritage-theme .heritage-casino-section-card__label {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.heritage-theme .heritage-casino-actions-button {
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer
}

.heritage-theme .heritage-casino-actions-link {
    margin-top: 2px;
    border: 0;
    background: transparent;
    padding: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer
}

.heritage-theme .heritage-casino-marquee .navMain,.heritage-theme .heritage-casino-backbar .navMain {
    list-style: none;
    margin: 0;
    padding: 0
}

.heritage-theme .heritage-casino-marquee {
    background: #263238
}

.heritage-theme .heritage-casino-marquee a {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 10px
}

.heritage-theme .heritage-casino-backbar {
    background: #e9e9e9;
    text-align: center;
    padding: 8px 0 12px
}

.heritage-theme .heritage-casino-backbar .navMain {
    display: flex;
    justify-content: center
}

.heritage-theme .heritage-casino-backbar .navMain li a {
    display: inline-block;
    padding: 10px 12px;
    color: #24476c;
    background: transparent;
    border-top: 1px solid #0c07a5;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.heritage-theme .heritage-casino-grid {
    width: 100%;
    border-collapse: collapse;
    background: #fff
}

.heritage-theme .heritage-casino-grid td {
    width: 50%;
    vertical-align: top
}

.heritage-theme .heritage-casino-grid table {
    width: 100%;
    border-collapse: collapse
}

.heritage-theme .heritage-casino-game-image {
    width: 112px;
    height: 112px;
    -o-object-fit: contain;
    object-fit: contain
}

.heritage-theme .heritage-casino-grid .GameList {
    color: #000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700
}

.heritage-theme .heritage-casino-grid .GameList a {
    color: #000
}

.heritage-theme .heritage-casino-page .heritage-chrome-header__actions-cell {
    padding: 8px 4px
}

.heritage-theme .heritage-casino-page .heritage-chrome-header__actions {
    gap: 4px
}

.heritage-theme .content_bottom {
    background: #fff;
    padding: 0 0 12px
}

.heritage-theme .clear {
    clear: both
}

.heritage-theme .heritage-casino-footer {
    margin-top: auto;
    background: #e9e9e9
}

.heritage-theme .heritage-casino-footer .footer {
    background-color: #333;
    color: #fff;
    padding: 1em;
    text-align: center
}

.heritage-theme .heritage-casino-error {
    padding: 10px 12px;
    color: #c62828;
    font-weight: 700;
    text-align: center
}

.heritage-theme .heritage-casino-loading {
    padding: 48px 12px;
    text-align: center;
    font-weight: 700;
    color: #173a63
}

.heritage-theme .heritage-games-page__content {
    flex: 1;
    padding: 12px 12px 8px
}

.heritage-theme .heritage-games-page__back {
    text-align: center;
    margin: 6px 0 8px
}

.heritage-theme .heritage-games-page__back a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 18px;
    border-radius: 999px;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(180deg,#3b63a3,#2b5a92);
    box-shadow: 0 7px 14px #1838662e
}

.heritage-theme .heritage-games-page__note {
    margin: 0 auto 14px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 7px 14px;
    border-radius: 999px;
    font-size: .82rem;
    color: #241d16c2;
    background: #fff8ecb8;
    border: 1px solid rgba(74,52,26,.12)
}

.heritage-theme .heritage-games-section {
    width: min(100%,920px);
    margin: 0 auto 18px
}

.heritage-theme .heritage-games-section__title {
    margin: 0 0 10px;
    font-size: .88rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #241d16d6
}

.heritage-theme .heritage-games-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px
}

.heritage-theme .heritage-games-card {
    min-width: 0;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.heritage-theme .heritage-games-card__image {
    width: 100%;
    max-width: 152px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
    border: 2px solid rgba(74,52,26,.18);
    box-shadow: 0 8px 18px #3a270d1f;
    background: #fff
}

.heritage-theme .heritage-games-card__label {
    font-size: .76rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 760px) {
    .heritage-theme .heritage-games-grid {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

.heritage-theme.heritage-ledger-page {
    min-height: 100vh;
    background: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    color: #0b2140
}

.heritage-theme .heritage-ledger-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #e9e9e9
}

.heritage-theme .heritage-ledger-content {
    flex: 1;
    padding: 0 0 12px
}

.heritage-theme .heritage-ledger-state {
    padding: 18px 12px;
    text-align: center;
    color: #173a63;
    font-weight: 700
}

.heritage-theme .heritage-ledger-state--error {
    color: #c62828
}

.heritage-theme .heritage-ledger-titlebar {
    margin: 0 0 4px;
    background: #1d3f74;
    color: #fff;
    text-align: center;
    padding: 8px 10px
}

.heritage-theme .heritage-ledger-titlebar p {
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700
}

.heritage-theme .heritage-ledger-table {
    width: calc(100% + -0px);
    border-collapse: separate;
    border-spacing: 0;
    background: #fff
}

.heritage-theme .heritage-ledger-table__header {
    background: #52b5e1;
    color: #fff;
    padding: 8px 6px;
    font-size: 11px;
    font-weight: 700;
    text-align: center
}

.heritage-theme .heritage-ledger-table__cell {
    background: #fff;
    padding: 6px;
    font-size: 11px;
    font-weight: 700;
    vertical-align: middle
}

.heritage-theme .heritage-ledger-table__match {
    text-align: left;
    color: #000
}

.heritage-theme .heritage-ledger-match-content {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0
}

.heritage-theme .heritage-ledger-match-content>a:first-child {
    overflow: hidden;
    text-overflow: ellipsis
}

.heritage-theme .heritage-ledger-match-button {
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer
}

.heritage-theme .heritage-ledger-replay-button {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid #1d3f74;
    border-radius: 999px;
    color: #1d3f74;
    text-decoration: none
}

.heritage-theme .heritage-ledger-table__center {
    text-align: center
}

.heritage-theme .heritage-ledger-table__right {
    text-align: right;
    padding-right: 8px
}

.heritage-theme .heritage-ledger-row--casino .heritage-ledger-table__match {
    color: #e91e63
}

.heritage-theme .heritage-ledger-row--normal .heritage-ledger-table__match {
    color: #000
}

.heritage-theme .heritage-ledger-empty {
    padding: 18px 12px;
    text-align: center;
    background: #fff
}

.heritage-theme .heritage-ledger-paginator {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    padding: 6px 8px 0
}

.heritage-theme .heritage-ledger-paginator__info,.heritage-theme .heritage-ledger-paginator__range {
    color: #2c3e50;
    font-size: 13px;
    font-weight: 600
}

.heritage-theme .heritage-ledger-paginator__controls {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.heritage-theme .heritage-ledger-paginator__controls button {
    border: 0;
    border-radius: 8px;
    background: #12477e;
    color: #fff;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer
}

.heritage-theme .heritage-ledger-paginator__controls button:disabled {
    background: #bfc7d1;
    cursor: not-allowed
}

@media (max-width: 768px) {
    .heritage-theme .heritage-ledger-paginator {
        justify-content:center
    }
}

.heritage-theme .heritage-password-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #e9e9e9
}

.heritage-theme .heritage-password-content {
    flex: 1;
    padding: 0 0 2px
}

.heritage-theme .heritage-password-form {
    width: 100%
}

.heritage-theme .heritage-password-message {
    padding: 10px 8px;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    background: #fff
}

.heritage-theme .heritage-password-message--error {
    color: #b30000
}

.heritage-theme .heritage-password-label {
    background: #fff;
    color: #24476c;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 8px 8px 10px;
    text-align: left;
    vertical-align: middle
}

.heritage-theme .heritage-password-input-cell {
    background: #fff;
    padding: 8px 10px 8px 8px;
    vertical-align: middle
}

.heritage-theme .heritage-password-input {
    width: min(100%,230px);
    height: 34px;
    padding: 4px 10px;
    border: 1px solid #bfc6d1;
    border-radius: 2px;
    background: #fff;
    color: #1f2d3d;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700;
    box-shadow: inset 0 1px #00000008
}

.heritage-theme .heritage-password-input:focus {
    outline: none;
    border-color: #5c88cc;
    box-shadow: 0 0 0 1px #5c88cc33
}

.heritage-theme .heritage-password-input:disabled {
    background: #f3f5f8;
    opacity: .8
}

.heritage-theme .heritage-password-submit-cell {
    background: #fff;
    padding: 10px 8px 12px
}

.heritage-theme .heritage-password-button {
    min-width: 160px;
    height: 34px;
    border: 0;
    border-radius: 3px;
    background: #4a7bcc;
    color: #fff;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer
}

.heritage-theme .heritage-password-button:hover:not(:disabled) {
    background: #3f6bb5
}

.heritage-theme .heritage-password-button:disabled {
    opacity: .7;
    cursor: not-allowed
}

.heritage-theme.heritage-complete-page {
    min-height: 100vh;
    background: #e9e9e9;
    font-family: Arial,Helvetica,sans-serif;
    color: #0b2140
}

.heritage-theme .heritage-complete-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #e9e9e9
}

.heritage-theme .heritage-complete-content {
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 12px
}

.heritage-theme .heritage-complete-state {
    padding: 18px 12px;
    text-align: center;
    font-weight: 700;
    color: #173a63
}

.heritage-theme .heritage-complete-state--error {
    color: #c62828
}

.heritage-theme .heritage-complete-card {
    margin: 0 0 8px
}

.heritage-theme .heritage-complete-card .TeamName {
    background: #1d3f74;
    padding: 8px 10px;
    border-top: 1px solid #fc3;
    border-radius: 7px 7px 0 0;
    text-align: center
}

.heritage-theme .heritage-complete-card .TeamName a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.heritage-theme .heritage-complete-card .profile-details {
    background: #fff
}

.heritage-theme .heritage-complete-card__link {
    display: block;
    text-decoration: none
}

.heritage-theme .heritage-complete-card__layout {
    display: grid;
    grid-template-columns: 72px minmax(0,1fr) 72px;
    align-items: center;
    gap: 6px;
    padding: 10px 8px
}

.heritage-theme .heritage-complete-card__logo {
    display: flex;
    align-items: center;
    justify-content: center
}

.heritage-theme .heritage-complete-card__logo img {
    width: 64px;
    height: 64px;
    -o-object-fit: contain;
    object-fit: contain
}

.heritage-theme .heritage-complete-card__placeholder {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    background: #eef2f7
}

.heritage-theme .heritage-complete-card__details {
    min-width: 0
}

.heritage-theme .heritage-complete-card__details table {
    width: 100%
}

.heritage-theme .heritage-complete-card__details .GameList {
    color: #2c3e50;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35
}

.heritage-theme .heritage-complete-result--positive {
    color: #00f!important
}

.heritage-theme .heritage-complete-result--negative {
    color: #ff2e45!important
}

.heritage-theme .heritage-complete-pagination {
    margin: 12px 0 0;
    padding: 0 8px
}

.heritage-theme .heritage-complete-pagination .center {
    text-align: center
}

.heritage-theme .heritage-complete-pagination .pagination {
    display: inline-flex;
    gap: 4px;
    align-items: center
}

.heritage-theme .heritage-complete-pagination__button {
    min-width: 34px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid #ddd;
    background: #fff;
    color: #000;
    font-weight: 700;
    cursor: pointer
}

.heritage-theme .heritage-complete-pagination__button.is-active {
    background: #ef1699;
    border-color: #ea257d;
    color: #fff
}

.heritage-theme .heritage-complete-pagination__button:disabled {
    opacity: .5;
    cursor: not-allowed
}

.heritage-theme.bet-history-page {
    --bet-history-accent: #24476c;
    --bet-history-accent-dark: #17304d;
    --bet-history-card-bg: #ffffff;
    --bet-history-deleted-bg: #fff7f7;
    --bet-history-border: #d8e2ef;
    --bet-history-text: #1f2d3d;
    --bet-history-meta: #5a6b82;
    --bet-history-amount-bg: #d1f2d8;
    --bet-history-amount-text: #14532d
}

.heritage-theme .heritage-deleted-bets-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #e9e9e9
}

.heritage-theme .heritage-deleted-bets-content {
    flex: 1;
    padding: 0 10px 12px
}

.heritage-theme .heritage-deleted-bets-content .bet-history-shell {
    padding: 0
}

.heritage-theme .heritage-deleted-bets-content .bet-history-empty {
    margin-top: 0
}

.heritage-theme .heritage-profile-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #e9e9e9
}

.heritage-theme .heritage-profile-content {
    flex: 1;
    padding: 0 0 2px
}

.heritage-theme .heritage-profile-section {
    margin-bottom: 14px
}

.heritage-theme .heritage-profile-rate-row {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 8px 10px 12px;
    background: #fff
}

.heritage-theme .heritage-profile-label {
    color: #24476c;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700
}

.heritage-theme .heritage-profile-select-cell,.heritage-theme .heritage-profile-action-cell {
    display: flex;
    justify-content: center
}

.heritage-theme .heritage-profile-select {
    width: 100%;
    min-width: 70px;
    max-width: 120px;
    height: 32px;
    border: 1px solid #c7d2e4;
    border-radius: 2px;
    padding: 0 8px;
    background: #fff;
    color: #24476c;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700
}

.heritage-theme .heritage-profile-update-btn {
    min-width: 72px;
    height: 32px;
    border: 0;
    border-radius: 2px;
    background: #2d4d8b;
    color: #fff;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer
}

.heritage-theme .heritage-profile-update-btn:disabled {
    opacity: .7;
    cursor: not-allowed
}

.heritage-theme .heritage-profile-status-message {
    padding: 0 10px 10px;
    background: #fff;
    color: #1f2d3d;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.heritage-theme .heritage-profile-info-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff
}

.heritage-theme .heritage-profile-info-table td {
    border: 1px solid #dce4ef;
    padding: 8px 10px;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #24476c;
    background: #fff
}

.heritage-theme .heritage-profile-info-label,.heritage-theme .heritage-profile-info-value {
    width: 50%;
    text-align: left
}

.heritage-theme .heritage-profile-info-value--uppercase {
    text-transform: uppercase
}

.heritage-theme.heritage-login-page {
    width: 100%;
    min-height: 100vh;
    background: #fff;
    color: #001d2a;
    position: relative;
    z-index: 9
}

.heritage-theme.heritage-login-page:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 0
}

.heritage-theme .heritage-login-page__wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding: 24px 16px
}

.heritage-theme .heritage-login-page__switcher {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #001d2a0f;
    border: 1px solid rgba(0,29,42,.08);
    z-index: 2
}

.heritage-theme .heritage-login-page__switcher-button {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    background: #001d2a;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease-in-out
}

.heritage-theme .heritage-login-page__switcher-button:hover {
    transform: scale(1.05)
}

.heritage-theme .heritage-login-page__switcher-button--themes {
    width: auto;
    height: auto;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase
}

.heritage-theme .heritage-login-page__switcher-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #001d2a;
    letter-spacing: .6px
}

.heritage-theme .heritage-login-page__box {
    width: 100%;
    max-width: 444px;
    margin: 0 auto;
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 10px 10px 8px;
    box-shadow: 0 4px 30px #00000014
}

.heritage-theme .heritage-login-page__logo {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    flex-direction: column;
    align-items: center;
    gap: 12px
}

.heritage-theme .heritage-login-page__brand {
    margin: 0;
    color: #e91e63;
    text-align: center;
    font-size: clamp(3rem,13vw,6rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -.02em
}

.heritage-theme .heritage-login-page__subtitle {
    margin: 0 0 25px;
    color: #3f51b5;
    text-align: center;
    font-size: clamp(1.2rem,4vw,1.5rem);
    font-weight: 700;
    line-height: 1.25
}

.heritage-theme .heritage-login-form {
    display: grid;
    gap: 16px
}

.heritage-theme .heritage-login-form__error {
    padding: 10px 12px;
    border-radius: 8px;
    background: #fef2f2;
    color: #b91c1c;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.heritage-theme .heritage-login-form__group {
    display: grid;
    gap: 8px
}

.heritage-theme .heritage-login-form__label {
    color: #001d2a;
    font-size: 16px;
    font-weight: 400
}

.heritage-theme .heritage-login-form__input-wrap {
    width: 100%;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(0,29,42,.18)
}

.heritage-theme .heritage-login-form__prefix {
    width: 17%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #001d2a;
    flex-shrink: 0;
    border-right: 1px solid rgba(0,29,42,.18)
}

.heritage-theme .heritage-login-form__prefix b {
    font-weight: 700
}

.heritage-theme .heritage-login-form__input {
    width: 87%;
    height: 100%;
    border: none;
    outline: none;
    background: #fff;
    padding: 0 12px;
    font-size: 16px;
    color: #001d2a;
    font-weight: 500
}

.heritage-theme .heritage-login-form__input::-moz-placeholder {
    color: #001d2a8c
}

.heritage-theme .heritage-login-form__input::placeholder {
    color: #001d2a8c
}

.heritage-theme .heritage-login-form__input:disabled {
    opacity: .7
}

.heritage-theme .heritage-login-form__remember {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: -6px;
    margin-bottom: 2px;
    color: #001d2a;
    font-size: 16px;
    line-height: 1.5
}

.heritage-theme .heritage-login-form__remember input {
    margin-top: 4px
}

.heritage-theme .heritage-login-form__button {
    width: 100%;
    min-height: 43px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 8px;
    padding: 16px 22px;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: .9975rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: .02857em;
    text-transform: uppercase;
    color: #fff;
    background: #ff4081
}

.heritage-theme .heritage-login-form__button--demo {
    background: #3f51b5
}

.heritage-theme .heritage-login-form__button:disabled {
    opacity: .75;
    cursor: not-allowed
}

.heritage-theme .heritage-login-page__copyright {
    margin: 80px 0 0;
    color: #0000008a;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.43;
    text-align: center
}

.modern-layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #001529;
    color: #fff;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif
}

.modern-header {
    height: 60px;
    background-color: #001529;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid #1f3a56;
    position: sticky;
    top: 0;
    z-index: 100
}

.header-left {
    display: flex;
    align-items: center;
    gap: 20px
}

.logo-container img {
    height: 40px
}

.header-right {
    display: flex;
    align-items: center;
    gap: 15px
}

.user-balance {
    background: #1f3a56;
    padding: 5px 12px;
    border-radius: 20px;
    font-weight: 600;
    color: #4caf50
}

.user-profile {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer
}

.profile-icon {
    width: 32px;
    height: 32px;
    background: #1890ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

.ticker-bar {
    background: #fff;
    color: #000;
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    font-size: 12px;
    overflow: hidden
}

.ticker-content {
    white-space: nowrap;
    animation: ticker 30s linear infinite
}

@keyframes ticker {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

.main-container {
    display: flex;
    flex: 1;
    overflow: hidden
}

.modern-sidebar {
    width: 240px;
    background-color: #f0f2f5;
    color: #333;
    overflow-y: auto;
    border-right: 1px solid #d9d9d9;
    transition: width .3s ease;
    flex-shrink: 0
}

.modern-sidebar.collapsed {
    width: 60px
}

.sidebar-toggle-btn {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d9d9d9;
    background: #fff
}

.sidebar-section {
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap
}

.sidebar-title {
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 700;
    color: #8c8c8c;
    text-transform: uppercase;
    transition: opacity .3s
}

.collapsed .sidebar-title {
    opacity: 0
}

.sidebar-menu-item {
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    transition: all .3s;
    color: #595959;
    overflow: hidden;
    white-space: nowrap
}

.sidebar-menu-item .item-label {
    transition: opacity .3s
}

.collapsed .sidebar-menu-item {
    padding: 12px 0;
    justify-content: center
}

.collapsed .sidebar-menu-item .item-label {
    display: none
}

.sidebar-menu-item:hover {
    background-color: #e6f7ff;
    color: #1890ff
}

.sidebar-menu-item.active {
    background-color: #1890ff;
    color: #fff
}

.content-area {
    flex: 1;
    overflow-y: auto;
    background-color: #f0f2f5;
    padding: 15px
}

.right-sidebar {
    width: 320px;
    background-color: #f0f2f5;
    border-left: 1px solid #d9d9d9;
    display: flex;
    flex-direction: column;
    transition: all .3s
}

@media (max-width: 1024px) {
    .right-sidebar {
        display:none
    }

    .modern-sidebar {
        width: 60px
    }

    .modern-sidebar.expanded {
        width: 240px;
        position: absolute;
        height: calc(100vh - 90px);
        z-index: 90;
        box-shadow: 4px 0 10px #0000001a
    }
}

.mobile-bottom-nav {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: #001529;
    z-index: 1000;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid #1f3a56
}

@media (max-width: 1024px) {
    .mobile-bottom-nav {
        display:flex
    }

    .main-container {
        padding-bottom: 60px
    }
}

.mobile-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-size: 10px;
    opacity: .7;
    cursor: pointer
}

.mobile-nav-item.active {
    opacity: 1;
    color: #1890ff
}

.mobile-nav-icon {
    font-size: 20px
}

.betslip-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000080;
    z-index: 1100;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.betslip-popup-content {
    width: 100%;
    max-width: 500px;
    background: #f0f2f5;
    border-radius: 20px 20px 0 0;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    animation: slideUp .3s ease-out
}

@keyframes slideUp {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.popup-header {
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d9d9d9
}

.popup-header h3 {
    margin: 0;
    font-size: 16px
}

.close-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #8c8c8c
}

.betslip-tabs {
    display: flex;
    background: #001529
}

.betslip-tab {
    flex: 1;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    opacity: .7
}

.betslip-tab.active {
    background: #1890ff;
    opacity: 1
}

.betslip-content {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #8c8c8c;
    text-align: center
}

.empty-betslip-icon {
    font-size: 48px;
    margin-bottom: 15px;
    opacity: .5
}

.modern-home-container {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.modern-sport-entry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    gap: 12px
}

.modern-sport-entry {
    min-height: 138px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 14px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    color: #1f2937;
    cursor: pointer;
    font: inherit;
    box-shadow: 0 2px 8px #0000000d
}

.modern-sport-entry img {
    width: 86px;
    height: 86px;
    -o-object-fit: contain;
    object-fit: contain
}

.modern-sport-entry span {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.modern-modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    background: #000000a8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px
}

.modern-modal-content {
    background: #fff;
    border-radius: 8px;
    padding: 24px;
    width: min(360px,100%);
    text-align: center;
    box-shadow: 0 16px 34px #00000038
}

.modern-modal-content h2 {
    margin: 0 0 10px;
    color: #111827;
    font-size: 20px
}

.modern-modal-content p {
    margin: 0 0 18px;
    color: #4b5563
}

.modern-modal-content button {
    min-width: 96px;
    border: 0;
    border-radius: 6px;
    background: #1890ff;
    color: #fff;
    font-weight: 700;
    padding: 10px 18px;
    cursor: pointer
}

.hero-section {
    width: 100%;
    height: 350px;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.hero-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    padding-left: 60px
}

.hero-content {
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,.5)
}

.hero-content h2 {
    font-size: 42px;
    margin: 0;
    color: #fff
}

.hero-content h3 {
    font-size: 24px;
    margin: 10px 0;
    color: #1890ff
}

.hero-content p {
    font-size: 18px;
    margin-bottom: 30px
}

.deposit-btn {
    background: #fa8c16;
    border: none;
    padding: 12px 30px;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background .3s
}

.deposit-btn:hover {
    background: #d46b08
}

.quick-links {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
    gap: 12px
}

.quick-link-card {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    box-shadow: 0 2px 8px #0000000d;
    transition: transform .2s
}

.quick-link-card:hover {
    transform: translateY(-5px)
}

.quick-link-icon {
    font-size: 32px
}

.quick-link-name {
    font-weight: 700;
    font-size: 12px;
    color: #333;
    text-align: center
}

.category-tabs {
    display: flex;
    background: #001529;
    border-radius: 8px;
    padding: 5px;
    overflow-x: auto
}

.category-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 15px;
    min-width: 80px;
    cursor: pointer;
    color: #fff;
    opacity: .7;
    gap: 5px
}

.category-tab.active {
    background: #1890ff;
    border-radius: 6px;
    opacity: 1
}

.cat-icon {
    font-size: 20px
}

.cat-name {
    font-size: 10px;
    font-weight: 700
}

.match-list-container {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px #0000000d;
    margin-bottom: 10px
}

.match-list-header {
    background: #001529;
    color: #fff;
    display: flex;
    padding: 8px 15px;
    font-weight: 700;
    font-size: 14px;
    align-items: center
}

.col-event {
    flex: 1
}

.col-odds-header {
    width: 144px;
    text-align: center
}

.match-row {
    display: flex;
    padding: 10px 15px;
    border-bottom: 1px solid #e8e8e8;
    align-items: center;
    background: #fff
}

.match-info {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px
}

.match-time-tag {
    width: 70px;
    font-size: 13px;
    color: #333;
    font-weight: 600;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 4px 8px;
    text-align: center
}

.inplay-badge {
    color: #fff;
    background: #001529;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px
}

.match-details {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.league-name {
    font-size: 12px;
    color: #fff;
    background: #001529;
    padding: 2px 6px;
    border-radius: 10px;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content
}

.teams-name {
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.match-icons {
    display: flex;
    gap: 6px;
    margin-left: auto;
    padding-right: 20px
}

.icon-tv,.icon-f,.icon-b {
    font-size: 12px;
    color: #fff;
    background: #001529;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    font-weight: 700
}

.icon-tv {
    background: none;
    color: #333;
    border: 1px solid #d9d9d9
}

.match-odds-container {
    display: flex;
    gap: 8px
}

.odds-pair {
    display: flex;
    width: 144px;
    gap: 4px
}

.match-odds-container .odds-pair .modern-odds-box {
    flex: 1;
    height: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    transition: all .2s;
    border: none
}

.match-odds-container .modern-odds-box.back {
    background-color: #88d7ff;
    color: #000
}

.match-odds-container .modern-odds-box.lay {
    background-color: #ffa4bc;
    color: #000
}

.match-odds-container .odds-pair:nth-child(2) .modern-odds-box.back,.match-odds-container .odds-pair:nth-child(2) .modern-odds-box.lay {
    background-color: #a5a5a5;
    color: #000
}

.match-odds-container .modern-odds-box .price {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    color: inherit
}

.match-odds-container .modern-odds-box .liquidity {
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    color: inherit
}

.match-odds-container .modern-odds-box:hover {
    filter: brightness(.9)
}

@media (max-width: 1024px) {
    .hero-section {
        height:200px;
        padding-left: 20px
    }

    .hero-content h2 {
        font-size: 24px
    }

    .hero-content h3 {
        font-size: 16px
    }

    .hero-content p {
        font-size: 12px;
        margin-bottom: 15px
    }

    .deposit-btn {
        padding: 8px 20px;
        font-size: 14px
    }

    .quick-links {
        grid-template-columns: repeat(3,1fr)
    }

    .match-info {
        gap: 8px
    }

    .match-time-tag {
        width: 60px;
        font-size: 11px;
        padding: 2px 4px
    }

    .teams-name {
        font-size: 12px
    }

    .match-icons {
        display: none
    }

    .match-odds-container {
        gap: 4px
    }

    .odds-pair {
        width: 100px
    }

    .modern-odds-box {
        height: 36px
    }

    .col-odds-header {
        width: 100px
    }

    .match-odds-container .modern-odds-box .price {
        font-size: 12px
    }

    .match-odds-container .modern-odds-box .liquidity {
        font-size: 8px
    }
}

@keyframes animate-border-rouge {
    0% {
        background-position: 0%
    }

    to {
        background-position: 400%
    }
}

@keyframes fadeInRouge {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(.98)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

@keyframes theme-slide-in-left {
    0% {
        transform: translate(-100%);
        opacity: .3
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes theme-slide-in-right {
    0% {
        transform: translate(100%);
        opacity: .3
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

.rouge-theme.login-page {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
    background-image: linear-gradient(135deg,#8b1538,#2d0a0a,#5c0e24)
}

.rouge-theme.login-page.theme-slide-in-left {
    animation: theme-slide-in-left .4s ease-out
}

.rouge-theme.login-page.theme-slide-in-right {
    animation: theme-slide-in-right .4s ease-out
}

.rouge-theme.login-page:before {
    content: "";
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background-color: #1a050566
}

.rouge-theme .login-page-container {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 999
}

.rouge-theme .theme-switcher {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #1a050566;
    border: 1px solid rgba(212,175,55,.5);
    z-index: 10000
}

.rouge-theme .theme-switcher-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #d4af37;
    letter-spacing: .8px
}

.rouge-theme .theme-switcher-button {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    color: #2d0a0a;
    background: #d4af37;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease-in-out
}

.rouge-theme .theme-switcher-button:hover {
    transform: scale(1.05)
}

.rouge-theme .theme-switcher-button--themes {
    width: auto;
    height: auto;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase
}

.rouge-theme .login-box {
    width: 420px;
    padding: 28px;
    border-radius: 16px;
    background: #fff5f526;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 2px solid #D4AF37;
    box-shadow: 0 8px 32px #8b153866;
    z-index: 9999;
    animation: fadeInRouge .8s ease-out .3s
}

.rouge-theme .login-box-container {
    width: 90%;
    margin: 0 auto
}

.rouge-theme .logo-container {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.rouge-theme .login-logo {
    width: 168.75px;
    height: auto
}

.rouge-theme .login-in-title {
    font-size: 32px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #d4af37;
    text-shadow: 2px 2px 4px rgba(0,0,0,.5);
    letter-spacing: 2px
}

.rouge-theme .login-heading {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 24px;
    color: #fff
}

.rouge-theme .login-form-wrapper {
    width: 100%;
    margin-top: 20px
}

.rouge-theme .login-form-group {
    width: 100%;
    margin-bottom: 18px
}

.rouge-theme .login-form-group-label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    color: #d4af37
}

.rouge-theme .login-form-input-wrapper {
    width: 100%;
    height: 48px;
    border: 2px solid rgba(212,175,55,.5);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff1a;
    transition: all .3s
}

.rouge-theme .login-form-input-wrapper:focus-within {
    border-color: #d4af37;
    box-shadow: 0 0 0 3px #d4af3733
}

.rouge-theme .custom-input-prefix {
    width: 17%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d4af37
}

.rouge-theme .custom-input-prefix b {
    font-weight: 700;
    color: #d4af37;
    font-size: 18px
}

.rouge-theme .custom-input-prefix .fa-lock {
    color: #d4af37
}

.rouge-theme .login-form-input {
    width: 87%;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 0 12px;
    font-size: 16px;
    color: #fff;
    font-weight: 500
}

.rouge-theme .login-form-input::-moz-placeholder {
    color: #ffffff80
}

.rouge-theme .login-form-input::placeholder {
    color: #ffffff80
}

.rouge-theme .login-form-input:disabled {
    opacity: .6;
    cursor: not-allowed
}

.rouge-theme .login-form-remember-me {
    display: flex;
    align-items: center;
    margin: 24px 0
}

.rouge-theme .remember-check-box {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    cursor: pointer;
    accent-color: #D4AF37
}

.rouge-theme .login-remember-me-text {
    color: #fff;
    font-size: 16px
}

.rouge-theme .login-form-actions {
    width: 100%
}

.rouge-theme .login-form-action-button {
    width: 100%;
    height: 48px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    border-radius: 10px;
    transition: all .4s ease-in-out;
    background: linear-gradient(135deg,#8b1538,brown);
    box-shadow: 0 4px 16px #8b153880;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 1px
}

.rouge-theme .login-form-action-button:before {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    z-index: -1;
    background: linear-gradient(90deg,#8b1538,#b83b5e,brown,#8b1538);
    background-size: 400%;
    border-radius: 10px;
    opacity: 0;
    transition: .5s
}

.rouge-theme .login-form-action-button:hover:before {
    filter: blur(20px);
    opacity: 1;
    animation: animate-border-rouge 8s linear infinite
}

.rouge-theme .login-form-action-button:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px #8b153899
}

.rouge-theme .login-form-action-button:active {
    transform: scale(.98)
}

.rouge-theme .login-form-action-button:disabled {
    opacity: .7;
    cursor: not-allowed
}

.rouge-theme .login-form-action-button.demo-button {
    margin-top: 16px;
    background: linear-gradient(135deg,#d4af37,#b8860b);
    box-shadow: 0 4px 16px #d4af3766
}

.rouge-theme .login-form-action-button.demo-button:before {
    background: linear-gradient(90deg,#d4af37,#f5e6b3,#b8860b,#d4af37)
}

.rouge-theme .login-form-action-button.demo-button:hover {
    box-shadow: 0 6px 20px #d4af3780
}

.rouge-theme .footer-copty-right {
    margin-top: 16px;
    color: #d4af37;
    font-size: 14px;
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .rouge-theme.login-page {
        width:100%;
        height: 100vh
    }

    .rouge-theme .login-page-container {
        width: 100%
    }

    .rouge-theme .login-box {
        width: 96%;
        padding: 24px 0;
        z-index: 9999
    }

    .rouge-theme .login-box-container {
        width: 90%;
        margin: 0 auto
    }

    .rouge-theme .login-in-title {
        font-size: 28px
    }

    .rouge-theme .login-heading {
        font-size: 20px
    }

    .rouge-theme .login-form-wrapper {
        width: 100%;
        margin-top: 10px
    }

    .rouge-theme .login-form-group {
        width: 100%
    }

    .rouge-theme .login-form-group-label {
        font-size: 16px
    }

    .rouge-theme .login-form-input-wrapper {
        width: 100%;
        height: 48px
    }

    .rouge-theme .custom-input-prefix {
        width: 17%
    }

    .rouge-theme .login-form-input {
        width: 87%;
        height: 100%
    }

    .rouge-theme .login-form-remember-me {
        display: flex
    }

    .rouge-theme .remember-check-box {
        width: 18px;
        height: 18px
    }

    .rouge-theme .login-form-actions {
        width: 100%
    }

    .rouge-theme .login-form-action-button {
        width: 100%;
        height: 48px;
        font-size: 16px
    }

    .rouge-theme .footer-copty-right {
        margin-top: 12px
    }
}

.rouge-theme {
    --rouge-primary: #8B1538;
    --rouge-primary-dark: #5C0E24;
    --rouge-primary-light: #B83B5E;
    --rouge-secondary: #A52A2A;
    --rouge-accent: #D4AF37;
    --rouge-accent-light: #F5E6B3;
    --rouge-dark: #2D0A0A;
    --rouge-darker: #1A0505;
    --rouge-light: #FFF5F5;
    --rouge-success: #228B22;
    --rouge-danger: #DC143C;
    --rouge-text-primary: #FFFFFF;
    --rouge-text-dark: #1A0505;
    --rouge-gradient-primary: linear-gradient(90deg, #5C0E24 0%, #8B1538 50%, #B83B5E 100%);
    --rouge-gradient-header: linear-gradient(90deg, #2D0A0A 0%, #8B1538 100%);
    --rouge-gradient-button: linear-gradient(135deg, #8B1538 0%, #A52A2A 100%)
}

.rouge-theme {
    background-color: #f5e6e6;
    font-family: Segoe UI,Tahoma,Geneva,Verdana,sans-serif;
    min-height: 100vh
}

.rouge-theme main {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.rouge-theme .main-header {
    background: var(--rouge-gradient-header)!important;
    box-shadow: 0 2px 8px #2d0a0a4d;
    position: static;
    top: auto;
    z-index: auto
}

.rouge-theme .main-header-table {
    border: 2px solid var(--rouge-accent);
    width: 100%;
    border-collapse: collapse
}

.rouge-theme .main-header-table td {
    padding: 8px
}

.rouge-theme .main-header.has-session-pm .main-header-table td {
    padding-top: 7px;
    padding-bottom: 7px
}

.rouge-theme .logo-img {
    max-width: 80px;
    height: auto;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.3))
}

.rouge-theme .FontTextWhite {
    color: #fff
}

.rouge-theme .profile_picture_name h1,.rouge-theme .profile_picture_name h3 {
    font-size: 1.02em;
    color: var(--rouge-accent);
    margin: 5px 0;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5)
}

.rouge-theme .main-header.has-session-pm .profile_picture_name h1,.rouge-theme .main-header.has-session-pm .profile_picture_name h3 {
    margin: 4px 0
}

.rouge-theme .profile_img p {
    font-size: 1.2em;
    color: #fff;
    font-weight: 700;
    line-height: 1.6em;
    margin: 5px 0;
    text-align: center
}

.rouge-theme .main-header.has-session-pm .profile_img p {
    margin: 4px 0
}

.rouge-theme .profile_picture_name .name-coins {
    font-size: .85em;
    font-weight: 600;
    text-transform: none;
    color: var(--rouge-accent-light)
}

.rouge-theme .profile_img .exposure-value-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    margin-left: 6px;
    background: linear-gradient(180deg,#f6d76b,#c79b2a);
    color: #3a0d0d;
    border: 1px solid rgba(0,0,0,.35);
    border-radius: 4px;
    font-weight: 700;
    font-size: .9em;
    text-decoration: none;
    box-shadow: 0 2px #5a2d0059,0 3px 6px #00000040
}

.rouge-theme .header-extra-info p {
    font-size: .65em;
    color: var(--rouge-accent-light);
    font-weight: 700;
    margin: 2px 0;
    text-align: center
}

.rouge-theme .main-header.has-extra-info .profile_img p {
    margin: 2px 0;
    line-height: 1.2em
}

.rouge-theme .main-header.has-extra-info .header-extra-info p {
    font-size: 1.2em;
    margin: 2px 0;
    line-height: 1.2em
}

.rouge-theme .header-extra-info span {
    font-weight: 700
}

.rouge-theme .menu {
    width: 100%
}

.rouge-theme .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.rouge-theme .navMain li {
    flex: 1
}

.rouge-theme .navMain li.active a {
    background-color: var(--rouge-dark);
    display: block;
    padding: 10px;
    color: var(--rouge-accent);
    text-decoration: none;
    overflow: hidden;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px
}

.rouge-theme .navMain marquee {
    color: var(--rouge-accent);
    font-size: 14px
}

.rouge-theme .header-menu-btn {
    background: transparent;
    border: none;
    color: #d4af37;
    cursor: pointer;
    padding: 4px
}

.rouge-theme .header-menu-btn svg {
    display: block
}

.rouge-theme .header-controls {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px
}

.rouge-theme .rouge-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1100;
    color: #f4e2c2;
    display: flex;
    pointer-events: none
}

.rouge-theme .rouge-menu.is-open {
    pointer-events: auto
}

.rouge-theme .rouge-menu-panel {
    position: relative;
    width: 80%;
    height: 100%;
    background: linear-gradient(180deg,#3a0d0d,#000);
    display: flex;
    flex-direction: column;
    transform: translate(-100%);
    transition: transform .25s ease;
    z-index: 2
}

.rouge-theme .rouge-menu.is-open .rouge-menu-panel {
    transform: translate(0)
}

.rouge-theme .rouge-menu-scrim {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    background: #00000073;
    opacity: 0;
    transition: opacity .25s ease;
    z-index: 1
}

.rouge-theme .rouge-menu.is-open .rouge-menu-scrim {
    opacity: 1
}

.rouge-theme .rouge-menu-header {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    gap: 12px
}

.rouge-theme .rouge-menu-close {
    background: none;
    border: none;
    color: #f4e2c2;
    padding: 4px;
    cursor: pointer
}

.rouge-theme .rouge-menu-logo img {
    height: 34px;
    width: auto
}

.rouge-theme .rouge-menu-links {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 20px 22px;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.rouge-theme .rouge-menu-link {
    display: flex;
    align-items: center;
    gap: 14px;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .4px;
    background: none;
    border: none;
    padding: 4px 0;
    cursor: pointer
}

.rouge-theme .rouge-menu-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.rouge-theme .rouge-menu-icon img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: .9
}

.rouge-theme .rouge-menu-icon svg {
    color: currentColor
}

.rouge-theme .rouge-menu-logout {
    color: #f4e2c2
}

@keyframes rouge-scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.rouge-theme .marquee-text {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: rouge-scroll 20s linear infinite!important;
    color: var(--rouge-accent)
}

.rouge-theme .content {
    flex: 1;
    padding: 10px
}

.rouge-theme .content_top {
    margin-bottom: 10px
}

.rouge-theme .footer {
    background: var(--rouge-gradient-header);
    color: var(--rouge-accent);
    padding: 1em;
    text-align: center;
    margin-top: auto;
    border-top: 2px solid var(--rouge-accent)
}

.rouge-theme .footer h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 500
}

.rouge-theme .ButtonYRun,.rouge-theme .ButtonL,.rouge-theme .ButtonNRun,.rouge-theme .ButtonNRate,.rouge-theme .ButtonYRate {
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0px solid;
    color: #000;
    border-color: var(--rouge-primary) var(--rouge-dark) var(--rouge-dark) var(--rouge-primary);
    height: 15px;
    width: 150px;
    text-align: center;
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer
}

.rouge-theme .ButtonYRun,.rouge-theme .ButtonYRate {
    color: var(--rouge-primary)
}

.rouge-theme .ButtonL,.rouge-theme .ButtonNRun,.rouge-theme .ButtonNRate {
    color: var(--rouge-danger)
}

.rouge-theme .ButtonNRate,.rouge-theme .ButtonYRate {
    width: 100px;
    cursor: not-allowed
}

.rouge-theme .ButtonSess {
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0px solid;
    color: #000;
    height: 15px;
    width: 150px;
    text-align: center;
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700
}

.rouge-theme .FontTextWhite10px {
    color: #fff;
    font-size: 12px;
    font-family: Segoe UI,Verdana,sans-serif;
    font-weight: 700
}

.rouge-theme .FontTextBlack10px {
    color: #000;
    font-size: 12px;
    font-family: Segoe UI,Verdana,sans-serif;
    font-weight: 700
}

.rouge-theme .FontTextBlue {
    color: var(--rouge-primary)
}

.rouge-theme .back-text {
    color: var(--rouge-primary);
    font-weight: 700
}

.rouge-theme .lay-text {
    color: var(--rouge-secondary);
    font-weight: 700
}

.rouge-theme .textTeamHead {
    font-weight: 700
}

.rouge-theme .TeamCombo {
    background-color: #fff
}

.rouge-theme .game-header,.rouge-theme .teenpatti-game-header,.rouge-theme .teenpatti-odi-game-header,.rouge-theme .dragontiger-game-header,.rouge-theme .dragontiger-odi-game-header,.rouge-theme .andarbahar-game-header,.rouge-theme .aaa-game-header,.rouge-theme .lucky7-game-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    min-height: 40px;
    background: var(--rouge-gradient-header)!important;
    border-radius: 8px 8px 0 0
}

.rouge-theme .game-type,.rouge-theme .game-round-id {
    color: var(--rouge-accent);
    text-wrap: nowrap;
    font-size: 12px;
    font-weight: 700
}

.rouge-theme .odds-table-header {
    width: 100%;
    height: 50px;
    background-color: #e8d4d4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--rouge-accent)
}

.rouge-theme .label {
    width: 100%;
    height: 50px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--rouge-accent);
    background: var(--rouge-gradient-header)!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.rouge-theme .label.lagai {
    border-right: 1px solid rgba(212,175,55,.3)
}

.rouge-theme .label.khai {
    border-left: 1px solid rgba(212,175,55,.3)
}

.rouge-theme .odds-box {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--rouge-gradient-button)!important;
    position: relative;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 4px
}

.rouge-theme .odds-box:hover {
    opacity: .85;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px #8b153866
}

.rouge-theme .odds-rate {
    font-size: 15px;
    color: #fff;
    font-weight: 600
}

.rouge-theme .odds-box.suspended {
    position: relative;
    cursor: not-allowed!important
}

.rouge-theme .odds-box.suspended:after {
    content: "";
    font-family: "Font Awesome 5 Free","Font Awesome 5 Pro",sans-serif;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2d0a0ad9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rouge-accent);
    font-size: 18px;
    border-radius: 4px
}

.rouge-theme .odds-position {
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px
}

.rouge-theme .odds-position.plus {
    color: var(--rouge-success)
}

.rouge-theme .odds-position.minus {
    color: var(--rouge-danger)
}

.rouge-theme .last-results-section {
    width: 100%;
    margin-top: 5px
}

.rouge-theme .last-result-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--rouge-gradient-header)!important;
    padding: 0 10px;
    border-radius: 4px 4px 0 0
}

.rouge-theme .last-result-heading,.rouge-theme .last-result-view-all {
    font-size: 13px;
    color: var(--rouge-accent);
    font-weight: 600;
    text-transform: uppercase
}

.rouge-theme .last-result-container {
    background-color: #e8d4d4;
    padding: 10px 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    border-radius: 0 0 4px 4px
}

.rouge-theme .last-result-box {
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: circle();
    color: #fff;
    font-size: 13px;
    margin: 0 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-weight: 600;
    box-shadow: 0 2px 4px #0003
}

.rouge-theme .last-result-box.A {
    background-color: var(--rouge-primary)
}

.rouge-theme .last-result-box.B {
    background-color: var(--rouge-secondary)
}

.rouge-theme .last-result-box.D {
    background-color: var(--rouge-success)
}

.rouge-theme .last-result-box.T {
    background-color: var(--rouge-danger)
}

.rouge-theme .last-result-box.Tie {
    background-color: var(--rouge-accent);
    color: var(--rouge-dark)
}

.rouge-theme .bets-table-section {
    width: 95%;
    margin: auto
}

.rouge-theme .my-bets-heading {
    font-size: 15px;
    font-weight: 700;
    color: var(--rouge-accent);
    height: 35px;
    background: var(--rouge-gradient-header)!important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px 4px 0 0
}

.rouge-theme .bets-table {
    width: 100%;
    margin-top: 0;
    background-color: #fff!important;
    border-radius: 0 0 4px 4px;
    overflow: hidden
}

.rouge-theme .bets-table .table {
    width: 100%!important;
    border-collapse: collapse
}

.rouge-theme .bets-table .table td {
    text-align: center!important;
    font-size: 13px!important;
    color: var(--rouge-text-dark);
    font-weight: 600;
    height: 25px;
    padding: 8px 5px;
    border: 1px solid #E8D4D4
}

.rouge-theme .bets-table thead {
    height: 35px
}

.rouge-theme .bets-table thead tr th {
    padding: 0 10px!important;
    background: var(--rouge-gradient-primary);
    color: #fff;
    text-wrap: nowrap;
    font-size: 13px;
    border: 1px solid var(--rouge-primary-dark);
    font-weight: 600
}

.rouge-theme .see-all-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.rouge-theme .see-all-btn {
    color: #fff;
    height: 40px;
    background: var(--rouge-gradient-button)!important;
    border: none;
    outline: none;
    border-radius: 6px;
    padding: 0 20px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
    transition: all .3s ease;
    box-shadow: 0 2px 8px #8b15384d
}

.rouge-theme .see-all-btn:hover {
    opacity: .9;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px #8b153866
}

.rouge-theme .back-menu-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rouge-gradient-header)!important;
    border-bottom: 2px solid var(--rouge-accent)
}

.rouge-theme .back-href {
    font-size: 14px;
    color: var(--rouge-accent);
    text-decoration: none;
    font-weight: 600;
    transition: color .2s
}

.rouge-theme .back-href:hover {
    color: #fff;
    text-decoration: underline
}

.rouge-theme .bet-slip-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1a0505b3;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.rouge-theme .bet-slip-modal {
    background-color: var(--rouge-light);
    border-radius: 12px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 12px 40px #00000080;
    overflow: hidden;
    border: 2px solid var(--rouge-accent);
    animation: rouge-modal-fade .3s ease-out
}

@keyframes rouge-modal-fade {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.rouge-theme .bet-slip-header {
    background: var(--rouge-gradient-header);
    color: var(--rouge-accent);
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    border-bottom: 1px solid var(--rouge-accent);
    text-transform: uppercase
}

.rouge-theme .bet-slip-header.back {
    background: linear-gradient(90deg,#8b1538,#b83b5e);
    color: #fff;
    border-bottom: 1px solid var(--rouge-accent)
}

.rouge-theme .bet-slip-header.lay {
    background: linear-gradient(90deg,#2d0a0a,#5c0e24);
    color: #fff;
    border-bottom: 1px solid var(--rouge-accent)
}

.rouge-theme .bet-slip-header .close-btn {
    background: none;
    border: none;
    color: inherit;
    font-size: 28px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: transform .2s ease
}

.rouge-theme .bet-slip-header .close-btn:hover {
    transform: scale(1.1)
}

.rouge-theme .bet-slip-body {
    padding: 20px
}

.rouge-theme .bet-slip-info {
    margin-bottom: 15px
}

.rouge-theme .bet-info-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--rouge-accent-light)
}

.rouge-theme .bet-info-row span:first-child {
    color: var(--rouge-primary-dark);
    font-weight: 600
}

.rouge-theme .bet-info-row span:last-child {
    font-weight: 700;
    color: var(--rouge-darker)
}

.rouge-theme .bet-amount-input {
    margin: 20px 0
}

.rouge-theme .bet-amount-input label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    color: var(--rouge-primary-dark);
    font-size: 14px
}

.rouge-theme .bet-amount-input input {
    width: 100%;
    padding: 12px;
    background-color: #fff;
    color: var(--rouge-darker);
    border: 2px solid var(--rouge-accent-light);
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
    box-sizing: border-box;
    outline: none;
    transition: border-color .2s
}

.rouge-theme .bet-amount-input input:focus {
    border-color: var(--rouge-accent)
}

.rouge-theme .bet-amount-buttons {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.rouge-theme .bet-amount-buttons button {
    flex: 1;
    min-width: 70px;
    padding: 10px 5px;
    border: 1.5px solid var(--rouge-accent);
    background-color: var(--rouge-light);
    color: var(--rouge-primary-dark);
    border-radius: 6px;
    cursor: pointer;
    font-weight: 700;
    transition: all .2s ease;
    box-shadow: 0 2px 4px #0000000d
}

.rouge-theme .bet-amount-buttons button:hover,.rouge-theme .bet-amount-buttons button.active {
    background: var(--rouge-gradient-button);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 4px 8px #8b15384d
}

.rouge-theme .bet-potential {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background-color: var(--rouge-accent-light);
    border-radius: 8px;
    font-weight: 700;
    border: 1px dashed var(--rouge-accent)
}

.rouge-theme .bet-potential .win-amount {
    color: var(--rouge-success);
    font-size: 1.1em
}

.rouge-theme .bet-slip-footer {
    padding: 15px 20px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: none
}

.rouge-theme .place-bet-btn {
    width: 100%;
    padding: 14px;
    background: var(--rouge-gradient-button);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 12px #8b153866
}

.rouge-theme .place-bet-btn.back {
    background: linear-gradient(135deg,#8b1538,#b83b5e)
}

.rouge-theme .place-bet-btn.lay {
    background: linear-gradient(135deg,#2d0a0a,#5c0e24)
}

.rouge-theme .place-bet-btn:hover {
    opacity: .9;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px #8b153880
}

.rouge-theme .place-bet-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
    box-shadow: none;
    transform: none
}

.rouge-theme .all-bets-modal {
    background-color: var(--rouge-light);
    border-radius: 12px;
    width: 95%;
    max-width: 1000px;
    max-height: 85vh;
    box-shadow: 0 15px 50px #0009;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 2px solid var(--rouge-accent)
}

.rouge-theme .all-bets-header {
    background: var(--rouge-gradient-header);
    color: var(--rouge-accent);
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase
}

.rouge-theme .all-bets-header .close-btn {
    background: none;
    border: none;
    color: var(--rouge-accent);
    font-size: 32px;
    cursor: pointer;
    padding: 0;
    line-height: 1
}

.rouge-theme .all-bets-body {
    padding: 0;
    overflow-y: auto;
    flex: 1
}

.rouge-theme .all-bets-summary {
    display: flex;
    gap: 30px;
    padding: 20px 25px;
    background-color: var(--rouge-accent-light);
    border-bottom: 1px solid var(--rouge-accent)
}

.rouge-theme .summary-item {
    display: flex;
    gap: 10px;
    align-items: center
}

.rouge-theme .summary-label {
    font-weight: 700;
    color: var(--rouge-primary-dark);
    font-size: 14px
}

.rouge-theme .summary-value {
    font-weight: 800;
    font-size: 16px;
    color: var(--rouge-darker)
}

.rouge-theme .summary-value.prof-loss.plus {
    color: var(--rouge-success)
}

.rouge-theme .summary-value.prof-loss.minus {
    color: var(--rouge-danger)
}

.rouge-theme .all-bets-table {
    width: 100%;
    border-collapse: collapse
}

.rouge-theme .all-bets-table th {
    background-color: var(--rouge-primary-dark);
    color: #fff;
    padding: 15px 12px;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 10
}

.rouge-theme .all-bets-table td {
    padding: 12px;
    font-size: 13px;
    border-bottom: 1px solid #E8D4D4;
    color: var(--rouge-darker)
}

.rouge-theme .all-bets-table tbody tr:hover {
    background-color: #fff
}

.rouge-theme .all-bets-table .total-row {
    background-color: var(--rouge-accent-light);
    font-weight: 700
}

.rouge-theme .all-bets-table .prof-loss.plus {
    color: var(--rouge-success);
    font-weight: 700
}

.rouge-theme .all-bets-table .prof-loss.minus {
    color: var(--rouge-danger);
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .rouge-theme .main-header-table {
        font-size:12px
    }

    .rouge-theme .profile_picture_name h1,.rouge-theme .profile_picture_name h3,.rouge-theme .profile_img p,.rouge-theme .main-header.has-extra-info .header-extra-info p {
        font-size: 1em
    }
}

.rouge-theme.home-page .home-sections {
    background: linear-gradient(135deg,#f5e6e6,#fff5f5);
    padding: 18px 10px 28px
}

.rouge-theme.home-page .home-section {
    max-width: 1080px;
    margin: 0 auto 26px
}

.rouge-theme.home-page .home-section+.home-section {
    padding-top: 20px;
    border-top: 1px solid rgba(139,21,56,.18)
}

.rouge-theme.home-page .home-section:last-child {
    margin-bottom: 0
}

.rouge-theme.home-page .home-section-title {
    margin: 0;
    padding: 0 5% 8px;
    color: #8b1538;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase
}

.rouge-theme.home-page .game-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    -moz-column-gap: 10%;
    column-gap: 10%;
    row-gap: 24px;
    justify-content: center;
    padding: 10px 5% 14px;
    background: transparent;
    box-sizing: border-box
}

.rouge-theme.home-page .game-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.rouge-theme.home-page .game-tile img {
    width: 100%;
    aspect-ratio: 1;
    height: auto;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all .3s ease;
    border-radius: 16px;
    border: 3px solid #8B1538;
    box-shadow: 0 4px 16px #8b15384d
}

.rouge-theme.home-page .game-tile-link {
    position: relative;
    display: block;
    width: 100%
}

.rouge-theme.home-page .game-tile img:hover {
    transform: scale(1.05) translateY(-4px);
    box-shadow: 0 8px 24px #8b153880;
    border-color: #d4af37
}

.rouge-theme.home-page .GameList {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 12px
}

.rouge-theme.home-page .game-tile-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer
}

.rouge-theme.home-page .GameList a {
    color: #1a0505;
    text-decoration: none;
    transition: color .3s;
    text-transform: uppercase;
    letter-spacing: .5px
}

.rouge-theme.home-page .GameList a:hover {
    color: #8b1538
}

.rouge-theme.home-page .game-name-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #1a0505;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: color .3s
}

.rouge-theme.home-page .game-name-button:hover {
    color: #8b1538
}

.rouge-theme.home-page .modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1a0505b3;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    animation: rouge-home-modal-fade .2s ease-out
}

@keyframes rouge-home-modal-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.rouge-theme.home-page .modal-content {
    background: linear-gradient(135deg,#fff5f5,#f5e6e6);
    width: 90%;
    max-width: 420px;
    padding: 30px 36px;
    border-radius: 18px;
    border: 2px solid #8B1538;
    text-align: center;
    box-shadow: 0 20px 60px #8b153859;
    animation: rouge-home-modal-slide-up .3s ease-out
}

@keyframes rouge-home-modal-slide-up {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.rouge-theme.home-page .modal-content h2 {
    margin: 0 0 12px;
    color: #8b1538;
    font-size: 24px;
    font-weight: 700
}

.rouge-theme.home-page .modal-content p {
    margin: 0 0 24px;
    color: #4a1b1b;
    font-size: 16px;
    line-height: 1.5
}

.rouge-theme.home-page .modal-close-btn {
    background: linear-gradient(90deg,#8b1538,#b22222);
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 12px 40px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
        width: 96px;
    margin: auto;
}

.rouge-theme.home-page .modal-close-btn:hover {
    box-shadow: 0 4px 12px #8b153866
}

@media screen and (max-width: 768px) {
    .rouge-theme.home-page .home-section-title {
        font-size:20px
    }

    .rouge-theme.home-page .game-tile img {
        width: 100%;
        height: auto
    }

    .rouge-theme.home-page .GameList,.rouge-theme.home-page .game-name-button {
        font-size: 14px
    }

    .rouge-theme.home-page .game-grid {
        gap: 16px
    }
}

@media screen and (min-width: 769px) {
    .rouge-theme.home-page .game-grid {
        grid-template-columns:repeat(4,minmax(0,1fr));
        -moz-column-gap: 3%;
        column-gap: 3%
    }
}

@media screen and (max-width: 480px) {
    .rouge-theme.home-page .home-sections {
        padding:14px 10px 20px
    }

    .rouge-theme.home-page .home-section {
        margin-bottom: 20px
    }

    .rouge-theme.home-page .home-section+.home-section {
        padding-top: 16px
    }

    .rouge-theme.home-page .home-section-title {
        font-size: 18px
    }

    .rouge-theme.home-page .game-tile img {
        width: 100%;
        height: auto
    }

    .rouge-theme.home-page .GameList,.rouge-theme.home-page .game-name-button {
        font-size: 12px
    }
}

.rouge-theme.casino-page .game-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    padding: 20px 10px;
    background: linear-gradient(135deg,#f5e6e6,#fff5f5)
}

.rouge-theme.casino-page .game-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.rouge-theme.casino-page .game-tile img {
    width: 224px;
    height: 224px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all .3s ease;
    border-radius: 16px;
    border: 3px solid #8B1538;
    box-shadow: 0 4px 16px #8b15384d
}

.rouge-theme.casino-page .game-tile img:hover {
    transform: scale(1.05) translateY(-4px);
    box-shadow: 0 8px 24px #8b153880;
    border-color: #d4af37
}

.rouge-theme.casino-page .GameList {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 12px
}

.rouge-theme.casino-page .GameList a {
    color: #1a0505;
    text-decoration: none;
    transition: color .3s;
    text-transform: uppercase;
    letter-spacing: .5px
}

.rouge-theme.casino-page .GameList a:hover {
    color: #8b1538
}

.rouge-theme.casino-page .content_bottom {
    clear: both;
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .rouge-theme.casino-page .game-tile img {
        width:160px;
        height: 160px
    }

    .rouge-theme.casino-page .GameList {
        font-size: 14px
    }

    .rouge-theme.casino-page .game-grid {
        gap: 16px
    }
}

@media screen and (max-width: 480px) {
    .rouge-theme.casino-page .game-tile img {
        width:140px;
        height: 140px
    }

    .rouge-theme.casino-page .GameList {
        font-size: 12px
    }
}

.rouge-theme.ledger-page .ledger-header {
    background: linear-gradient(90deg,#2d0a0a,#8b1538);
    border-radius: 8px 8px 0 0
}

.rouge-theme.ledger-page .ledger-viewport {
    width: min(100%,75vh);
    margin: 0 auto;
    padding: 0 12px 16px;
    box-sizing: border-box
}

.rouge-theme.ledger-page .ledger-data-table {
    width: 100%;
    table-layout: fixed
}

.rouge-theme.ledger-page .ledger-data-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rouge-theme.ledger-page .ledger-table-header {
    background: linear-gradient(90deg,#5c0e24,#8b1538);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    vertical-align: middle;
    text-align: center;
    padding: 10px 5px;
    text-transform: uppercase;
    letter-spacing: .5px
}

.rouge-theme.ledger-page .ledger-cell {
    background-color: #fff;
    vertical-align: middle;
    padding: 8px 5px;
    font-size: 12px;
    border-bottom: 1px solid #E8D4D4
}

.rouge-theme.ledger-page .ledger-match-name {
    font-weight: 700;
    color: #8b1538
}

.rouge-theme.ledger-page .ledger-match-name-content {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0
}

.rouge-theme.ledger-page .ledger-match-name-content>a:first-child {
    overflow: hidden;
    text-overflow: ellipsis
}

.rouge-theme.ledger-page .ledger-replay-button {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid #8B1538;
    border-radius: 999px;
    color: #8b1538;
    text-decoration: none
}

.rouge-theme.ledger-page .pagination-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 12px;
    gap: 20px;
    font-size: 14px;
    color: #1a0505;
    background-color: #fff5f5
}

.rouge-theme.ledger-page .pagination-info,.rouge-theme.ledger-page .pagination-range {
    font-size: 14px;
    font-weight: 500
}

.rouge-theme.ledger-page .pagination-controls {
    display: flex;
    gap: 5px
}

.rouge-theme.ledger-page .pagination-button {
    background: none;
    border: 2px solid #8B1538;
    padding: 8px 14px;
    cursor: pointer;
    font-size: 16px;
    color: #8b1538;
    transition: all .2s;
    border-radius: 6px;
    font-weight: 600
}

.rouge-theme.ledger-page .pagination-button:hover:not(:disabled) {
    background: linear-gradient(135deg,#8b1538,brown);
    color: #fff;
    border-color: #8b1538
}

.rouge-theme.ledger-page .pagination-button:disabled {
    color: #ccc;
    border-color: #ccc;
    cursor: not-allowed
}

.rouge-theme.ledger-page .warp {
    max-width: 100%
}

@media screen and (max-width: 768px) {
    .rouge-theme.ledger-page .ledger-viewport {
        width:100%;
        padding: 0 8px 12px
    }

    .rouge-theme.ledger-page .pagination-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px
    }

    .rouge-theme.ledger-page .ledger-table-header,.rouge-theme.ledger-page .ledger-cell {
        font-size: 10px;
        padding: 6px 4px
    }
}

.rouge-theme.change-password-page .password-container {
    max-width: 500px;
    margin: 20px auto;
    padding: 0 15px
}

.rouge-theme.change-password-page .password-form {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px #8b153826;
    border: 2px solid #E8D4D4
}

.rouge-theme.change-password-page .password-header {
    text-align: center;
    margin-bottom: 30px
}

.rouge-theme.change-password-page .password-title {
    font-size: 24px;
    font-weight: 700;
    color: #8b1538;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px
}

.rouge-theme.change-password-page .form-group {
    margin-bottom: 20px
}

.rouge-theme.change-password-page .form-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1a0505;
    margin-bottom: 8px
}

.rouge-theme.change-password-page .form-input {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #E8D4D4;
    border-radius: 8px;
    font-size: 16px;
    transition: all .3s;
    font-family: inherit
}

.rouge-theme.change-password-page .form-input:focus {
    outline: none;
    border-color: #8b1538;
    box-shadow: 0 0 0 3px #8b153826
}

.rouge-theme.change-password-page .submit-button {
    width: 100%;
    padding: 14px;
    background: linear-gradient(135deg,#8b1538,brown);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px
}

.rouge-theme.change-password-page .submit-button:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px #8b153866
}

.rouge-theme.change-password-page .submit-button:disabled {
    opacity: .6;
    cursor: not-allowed
}

.rouge-theme.change-password-page .error-message {
    color: #dc143c;
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #fff5f5;
    border-radius: 6px;
    border: 1px solid #DC143C
}

.rouge-theme.change-password-page .success-message {
    color: #228b22;
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #f0fff0;
    border-radius: 6px;
    border: 1px solid #228B22
}

@media screen and (max-width: 768px) {
    .rouge-theme.change-password-page .password-container {
        margin:10px auto
    }

    .rouge-theme.change-password-page .password-form {
        padding: 20px
    }

    .rouge-theme.change-password-page .password-title {
        font-size: 20px
    }
}

.rouge-theme.game-page-container {
    background-color: var(--rouge-light);
    color: var(--rouge-text-dark);
    min-height: 100vh
}

.rouge-desktop-layout {
    display: block
}

.rouge-main-column {
    min-width: 0
}

.rouge-side-column {
    display: none
}

.rouge-theme .wbt-match-card {
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    background-color: #1a4d2e;
    color: #fff
}

.rouge-theme .score-message {
    width: 100%;
    margin-bottom: 10px;
    padding: 6px 10px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .9rem;
    color: gold;
    border: none;
    background: #0003
}

@media (min-width: 1024px) {
    .rouge-theme.game-page-container {
        height:100vh;
        overflow: hidden;
        display: flex;
        flex-direction: column
    }

    .rouge-desktop-layout {
        display: flex;
        gap: 16px;
        align-items: stretch;
        padding: 12px 16px 16px;
        flex: 1;
        min-height: 0;
        overflow: hidden
    }

    .rouge-main-column {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        min-height: 0
    }

    .rouge-side-column {
        display: flex;
        flex-direction: column;
        gap: 12px;
        flex: 0 0 440px;
        max-width: 440px;
        min-width: 360px
    }

    .rouge-main-content {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0
    }

    .rouge-theme main.rouge-main-content {
        min-height: 0;
        height: auto
    }

    .rouge-odds-scroll {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto
    }

    .rouge-theme.game-page-container .scorecard-shell--rouge {
        margin: 0 0 16px!important;
        flex: 0 0 auto;
        align-self: stretch;
        width: auto
    }

    .rouge-theme.game-page-container .rouge-main-content>.game-top-section,.rouge-theme.game-page-container .rouge-main-content>.scorecard-shell--rouge {
        flex: 0 0 auto
    }

    .rouge-theme.game-page-container .rouge-main-content>.rouge-odds-scroll {
        flex: 1 1 auto
    }
}

.rouge-side-panel {
    background: #fff;
    border-radius: 14px;
    border: 1px solid rgba(139,0,0,.18);
    box-shadow: 0 12px 26px #10182014;
    overflow: hidden
}

.rouge-side-panel-header {
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #fff;
    background: linear-gradient(180deg,#8b1a1a,#4a0b0b)
}

.rouge-side-panel-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    cursor: pointer;
    padding: 0
}

.rouge-side-panel-caret {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid rgba(255,255,255,.85);
    transform: rotate(0);
    transition: transform .18s ease
}

.rouge-side-panel-caret.is-open {
    transform: rotate(180deg)
}

.rouge-side-panel-body {
    padding: 12px
}

.rouge-stream-panel {
    overflow: hidden
}

.rouge-stream-panel-body {
    max-height: 0;
    opacity: 0;
    transform: translateY(-6px);
    transition: max-height .24s ease,opacity .2s ease,transform .2s ease
}

.rouge-stream-panel.is-open .rouge-stream-panel-body {
    max-height: 520px;
    opacity: 1;
    transform: translateY(0)
}

.rouge-side-tabs .rouge-side-panel-body {
    padding: 0
}

.rouge-side-tab-header {
    display: flex;
    gap: 6px;
    padding: 10px;
    background: #f6ecec;
    border-bottom: 1px solid rgba(139,0,0,.18)
}

.rouge-side-tab-button {
    flex: 1 1 0;
    border: 1px solid rgba(139,0,0,.35);
    border-radius: 8px;
    padding: 8px 6px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .3px;
    background: #fff;
    color: #8b1a1a;
    cursor: pointer
}

.rouge-side-tab-button.is-active {
    background: linear-gradient(135deg,#8b1a1a,#4a0b0b);
    color: #fff;
    border-color: transparent
}

.rouge-side-tab-body {
    padding: 12px;
    overflow: visible
}

.rouge-side-tab-body .bet-slip-popup--inline {
    box-shadow: none
}

.rouge-theme.game-page-container .empty-state {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 36px 10px 8px
}

.rouge-theme.game-page-container .empty-state-card {
    width: min(100%,420px);
    background: linear-gradient(180deg,#fffffff5,#fcf4f4fa);
    border: 1px solid rgba(139,0,0,.12);
    border-radius: 16px;
    padding: 28px 22px;
    text-align: center;
    box-shadow: 0 10px 30px #8b000014
}

.rouge-theme.game-page-container .empty-state-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 12px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #8b0000;
    background: #8b000014
}

.rouge-theme.game-page-container .empty-state-title {
    color: #4f1414;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .3px;
    margin-bottom: 6px
}

.rouge-theme.game-page-container .empty-state-copy {
    color: #6f5a5a;
    font-size: 13px;
    line-height: 1.5
}

.rouge-theme .wbt-top-bar,.rouge-theme .wbt-account-bar {
    display: none
}

.rouge-theme .scorecard-shell--rouge {
    background-color: #1a4d2e;
    border-radius: 14px;
    box-shadow: 0 15px 45px #00000047;
    position: relative;
    color: #fff
}

.rouge-theme .classic-scorecard {
    background: linear-gradient(180deg,#4f1414fa,#1e0808fa);
    border: 1px solid rgba(247,200,124,.26);
    box-shadow: 0 18px 42px #0000004d,inset 0 1px #ffffff0d;
    margin-top: 0!important
}

.rouge-theme .classic-scorecard__teams-panel {
    background: radial-gradient(circle at top left,rgba(215,146,68,.18),transparent 46%),radial-gradient(circle at top right,rgba(139,26,26,.22),transparent 42%)
}

.rouge-theme .classic-scorecard__team+.classic-scorecard__team {
    border-top-color: #ffecdf14
}

.rouge-theme .classic-scorecard__team.is-batting {
    background: linear-gradient(90deg,#f7c87c6b,#b9393938 54%,#f7c87c08);
    box-shadow: inset 4px 0 #ffd39afa,0 0 22px #ff6d6d57
}

.rouge-theme .classic-scorecard__team.is-batting .classic-scorecard__team-flag:before {
    background: radial-gradient(circle,rgba(255,211,154,.88) 0%,rgba(255,109,109,.46) 45%,transparent 78%)
}

.rouge-theme .classic-scorecard__team-flag span,.rouge-theme .classic-scorecard__player-avatar {
    color: #ffd39a
}

.rouge-theme .classic-scorecard__team-name {
    color: #fde7d8
}

.rouge-theme .classic-scorecard__team-score {
    color: #fff5ee
}

.rouge-theme .classic-scorecard__ball {
    background: #ffffff1a;
    border-color: #ffffff14;
    color: #fff7ef
}

.rouge-theme .classic-scorecard__ball.four {
    background: linear-gradient(180deg,#f6d38c,#c98939);
    color: #471110
}

.rouge-theme .classic-scorecard__ball.six {
    background: linear-gradient(180deg,#9a1d1d,#5a0c0c);
    color: #fff5ee
}

.rouge-theme .classic-scorecard__ball.wicket {
    background: linear-gradient(180deg,#d84b3a,#99231b);
    color: #fff5ee
}

.rouge-theme .classic-scorecard__ball.wb {
    background: linear-gradient(180deg,#7b4d4d,#533131);
    color: #fff5ee
}

.rouge-theme .classic-scorecard__message-bar {
    background: linear-gradient(90deg,#8b1a1a2e,#4a0b0b52);
    border-top-color: #ffffff14;
    border-bottom-color: #ffffff14
}

.rouge-theme .classic-scorecard__message-copy-text {
    color: #ffe6d5
}

.rouge-theme .classic-scorecard__message-meta {
    color: #ffce8f
}

.rouge-theme .classic-scorecard__stats-section {
    background: #ffffff05
}

.rouge-theme .classic-scorecard__stats-header {
    border-top-color: #ffffff14;
    border-bottom-color: #ffffff14
}

.rouge-theme .classic-scorecard__section-title,.rouge-theme .classic-scorecard__stat-label {
    color: #ffce8f
}

.rouge-theme .classic-scorecard__stat-value,.rouge-theme .classic-scorecard__last-wicket-value {
    color: #fff5ee
}

.rouge-theme .classic-scorecard__last-wicket-label {
    color: #ffb56e
}

.rouge-theme .classic-scorecard__expand-toggle {
    background: linear-gradient(180deg,#f4d8c9,#d59f83);
    border-color: #6a141473;
    color: #6a1414
}

.rouge-theme .rouge-tv-frame {
    width: 100%;
    background: #000;
    display: flex;
    justify-content: center;
    padding: 0 0 2px;
    box-sizing: border-box
}

.rouge-theme .rouge-tv-shell {
    --rouge-tv-frame-max-height: 240px;
    --rouge-tv-frame-aspect-ratio: 16 / 9;
    --rouge-tv-logo-top: clamp(8px, 4.5%, 16px);
    --rouge-tv-logo-right: clamp(8px, 4.5%, 16px);
    --rouge-tv-logo-width: clamp(54px, 12%, 78px);
    position: relative;
    width: min(100%,calc(var(--rouge-tv-frame-max-height) * 16 / 9));
    aspect-ratio: var(--rouge-tv-frame-aspect-ratio);
    max-height: var(--rouge-tv-frame-max-height);
    background: #000;
    overflow: hidden
}

.rouge-theme .rouge-tv-shell iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

.rouge-theme .rouge-tv-brand-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 2
}

.rouge-theme .rouge-tv-brand-overlay img {
    position: absolute;
    top: var(--rouge-tv-logo-top);
    right: var(--rouge-tv-logo-right);
    width: var(--rouge-tv-logo-width);
    height: auto;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rouge-theme .wbt-match-teams {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px
}

.rouge-theme .wbt-team-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 35%
}

.rouge-theme .wbt-team-logo {
    display: none
}

.rouge-theme .wbt-team-name {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #fff
}

.rouge-theme .wbt-team-score {
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
    color: #fff
}

.rouge-theme .wbt-match-score-center {
    font-size: 24px;
    font-weight: 700;
    color: gold;
    margin-top: 20px
}

.rouge-theme .wbt-over-summaries {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: center
}

.rouge-theme .wbt-over-circle {
    width: 35px;
    height: 35px;
    background: #fff;
    color: var(--rouge-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    transition: all .3s ease
}

.rouge-theme .wbt-over-circle.four {
    background: #ff8c00;
    color: #fff
}

.rouge-theme .wbt-over-circle.six {
    background: #90ee90;
    color: #1a4d2e
}

.rouge-theme .wbt-over-circle.wicket {
    background: var(--rouge-primary);
    color: #fff
}

.rouge-theme .wbt-over-circle.wb {
    background: #ffea00;
    color: #000
}

.rouge-theme .wbt-players {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    padding: 6px 0 2px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #fff
}

.rouge-theme .wbt-players-left {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.rouge-theme .wbt-players-right {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    text-align: right
}

.rouge-theme .wbt-table-section {
    margin-top: 10px
}

.rouge-theme .wbt-table-header-row th {
    padding: 0;
    vertical-align: bottom
}

.rouge-theme .wbt-bookmaker-header {
    background: var(--rouge-gradient-primary);
    border-top: 5px solid var(--rouge-accent);
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px
}

.rouge-theme .wbt-bookmaker-header-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0
}

.rouge-theme .wbt-session-header {
    background: var(--rouge-gradient-primary);
    border-top: 5px solid var(--rouge-accent-light);
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rouge-theme .wbt-bookmaker-header .title {
    color: var(--rouge-accent);
    font-weight: 700
}

.rouge-theme .wbt-session-header .title {
    color: var(--rouge-accent-light);
    font-weight: 700
}

.rouge-theme .wbt-bookmaker-header .max-limit {
    color: var(--rouge-accent);
    font-size: 12px;
    font-weight: 700
}

.rouge-theme .cashout-button {
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 4px;
    padding: 4px 14px;
    min-width: 88px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: pre-line;
    text-transform: uppercase;
    cursor: pointer;
    transition: filter .15s ease,transform .15s ease,opacity .15s ease
}

.rouge-theme .cashout-button--rouge {
    background: #b11b2e;
    color: #fff
}

.rouge-theme .cashout-button--inactive {
    opacity: .55;
    filter: grayscale(.35)
}

.rouge-theme .wbt-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    color: #000
}

.rouge-theme .wbt-table th {
    background: #212c36;
    color: #fff;
    padding: 8px;
    font-size: 14px;
    text-align: center;
    font-weight: 700
}

.rouge-theme .wbt-table td {
    padding: 0;
    border: 1px solid #eee
}

.rouge-theme .wbt-team-row td {
    height: 60px
}

.rouge-theme .wbt-team-name-cell {
    padding: 8px 10px 6px!important;
    text-align: left;
    font-weight: 700;
    font-size: 14px;
    width: 60%;
    vertical-align: top;
    white-space: normal
}

.rouge-theme .wbt-team-name-text {
    display: block;
    line-height: 1.1;
    overflow-wrap: anywhere;
    word-break: break-word
}

.rouge-theme .wbt-team-profit {
    display: block;
    margin-top: 2px;
    line-height: 1.05;
    font-weight: 700
}

.rouge-theme .wbt-odds-cell {
    width: 20%;
    height: 60px
}

.rouge-theme .wbt-odds-cell-group {
    width: 40%;
    height: 60px;
    padding: 6px 8px
}

.rouge-theme .wbt-odds-button {
    width: auto;
    height: 34px;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    border-radius: 12px;
    transition: transform .12s ease
}

.rouge-theme .wbt-odds-button:disabled {
    cursor: not-allowed;
    opacity: .95
}

@property --odds-shine-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@property --odds-shine-alpha {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
}

@keyframes rouge-odds-edge-spin {
    0% {
        --odds-shine-angle: 0deg;
        --odds-shine-alpha: 0
    }

    10% {
        --odds-shine-alpha: .9
    }

    50% {
        --odds-shine-angle: 360deg;
        --odds-shine-alpha: .9
    }

    60% {
        --odds-shine-alpha: 0
    }

    to {
        --odds-shine-angle: 360deg;
        --odds-shine-alpha: 0
    }
}

.rouge-theme .wbt-odds-button.is-active,.rouge-theme .wbt-odds-box.is-active {
    transform: scale(1.1);
    z-index: 2;
    position: relative
}

.rouge-theme .wbt-odds-button.back.is-active,.rouge-theme .wbt-odds-box.is-yes.is-active {
    --odds-base: #72bbef;
    border: 2px solid transparent;
    background-image: linear-gradient(var(--odds-base),var(--odds-base)),conic-gradient(from var(--odds-shine-angle),rgba(255,255,255,0) 0deg,rgba(255,215,64,var(--odds-shine-alpha)) 35deg,rgba(255,255,255,0) 70deg,rgba(255,255,255,0) 360deg);
    background-origin: border-box;
    background-clip: padding-box,border-box;
    animation: rouge-odds-edge-spin 1s linear infinite
}

.rouge-theme .wbt-odds-button.lay.is-active,.rouge-theme .wbt-odds-box.is-no.is-active {
    --odds-base: #faa9ba;
    border: 2px solid transparent;
    background-image: linear-gradient(var(--odds-base),var(--odds-base)),conic-gradient(from var(--odds-shine-angle),rgba(255,255,255,0) 0deg,rgba(255,71,71,var(--odds-shine-alpha)) 35deg,rgba(255,255,255,0) 70deg,rgba(255,255,255,0) 360deg);
    background-origin: border-box;
    background-clip: padding-box,border-box;
    animation: rouge-odds-edge-spin 1s linear infinite
}

.rouge-theme .wbt-odds-button.back {
    background-color: #72bbef
}

.rouge-theme .wbt-odds-button.lay {
    background-color: #faa9ba
}

.rouge-theme .wbt-odds-cell-group .wbt-odds-button {
    flex: 1;
    min-width: 0
}

.rouge-theme .wbt-odds-subtext {
    font-size: 10px;
    font-weight: 400
}

.rouge-theme .wbt-session-row td {
    height: auto;
    min-height: 72px
}

.rouge-theme .wbt-session-table {
    width: 100%;
    table-layout: fixed
}

.rouge-theme .wbt-session-info-cell {
    position: relative;
    padding: 5px 38px 5px 10px!important;
    text-align: left;
    width: 60%;
    box-sizing: border-box;
    overflow: hidden
}

.rouge-theme .wbt-session-odds-cell {
    width: 40%;
    padding: 0!important
}

.rouge-theme .wbt-session-name {
    font-weight: 700;
    font-size: 14px;
    display: block;
    max-width: 100%;
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word
}

.rouge-theme .wbt-session-max {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: 2px;
    font-size: 11px;
    color: #333;
    line-height: 1.1;
    overflow: hidden
}

.rouge-theme .wbt-session-ladder {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    line-height: 1
}

.rouge-theme .wbt-odds-container {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    border-radius: 12px
}

.rouge-theme .wbt-odds-box {
    flex: 1;
    display: flex;
    min-height: 62px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    transition: transform .12s ease
}

.rouge-theme .wbt-odds-box.is-disabled {
    opacity: .6;
    cursor: not-allowed
}

.rouge-theme .wbt-odds-lock-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0e1218d6;
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-align: center;
    pointer-events: none;
    border-radius: inherit
}

.rouge-theme .wbt-odds-lock-overlay span {
    padding: 0 8px
}

.rouge-theme .wbt-session-group {
    margin-bottom: 12px
}

.rouge-theme .wbt-session-group:last-child {
    margin-bottom: 0
}

.rouge-theme .wbt-session-group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--rouge-dark);
    color: #fff;
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
    border-top: 1px solid rgba(255,255,255,.08)
}

.rouge-theme .wbt-session-group-toggle {
    border: none;
    background: #ffffff1f;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer
}

.rouge-theme .wbt-bets-header {
    background: var(--rouge-gradient-primary);
    padding: 10px;
    text-align: center;
    border-top: 5px solid var(--rouge-accent)
}

.rouge-theme .wbt-bets-header.session {
    border-top-color: var(--rouge-accent-light)
}

.rouge-theme .wbt-bets-header .title {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.rouge-theme .wbt-my-bets-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.rouge-theme .wbt-my-bets-header-row th {
    background: var(--rouge-dark)!important;
    color: #fff!important;
    padding: 10px 5px!important;
    font-size: 12px!important;
    font-weight: 700!important;
    text-transform: uppercase;
    border-right: 1px solid rgba(255,255,255,.1)
}

.rouge-theme .wbt-my-bets-header-row th:last-child {
    border-right: none
}

.rouge-theme .wbt-bet-row td {
    padding: 10px 5px!important;
    font-size: 13px!important;
    font-weight: 600!important;
    border-bottom: 1px solid #eee;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rouge-theme .wbt-bet-row .text-left,.rouge-theme .wbt-bet-row td:first-child {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25
}

.rouge-theme .wbt-bet-row .center {
    text-align: center
}

.rouge-theme .wbt-bet-row .text-right {
    text-align: right;
    padding-right: 10px!important
}

.rouge-theme .wbt-bet-row .text-left {
    text-align: left;
    padding-left: 10px!important
}

.rouge-theme .wbt-no-bets {
    padding: 20px!important;
    text-align: center;
    color: #999;
    font-style: italic;
    font-size: inherit
}

.rouge-theme .rouge-live-games-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    margin: 12px 10px 6px;
    background: #1f2d22;
    border-radius: 10px;
    border: 1px solid var(--rouge-accent)
}

.rouge-theme .rouge-live-game-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 18px;
    border: 1px solid var(--rouge-accent);
    background: var(--rouge-dark);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    width: min(520px,100%);
    justify-content: flex-start
}

.rouge-theme .rouge-live-game-content {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    flex: 1
}

.rouge-theme .rouge-live-game-name {
    text-transform: uppercase
}

.rouge-theme .rouge-live-game-time {
    color: var(--rouge-accent-light);
    font-weight: 600
}

.rouge-theme .rouge-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2ecc71;
    box-shadow: 0 0 6px #2ecc71e6,0 0 12px #2ecc7199;
    flex: 0 0 auto
}

@media (max-width: 480px) {
    .rouge-theme .rouge-live-game-content {
        flex-direction:column;
        align-items: flex-start;
        gap: 2px
    }
}

.rouge-theme .wbt-all-events-section {
    padding: 20px 10px;
    text-align: center
}

.rouge-theme .wbt-all-events-button {
    background: var(--rouge-gradient-primary);
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 4px 15px #8b000066;
    transition: all .3s ease;
    text-transform: uppercase;
    letter-spacing: 1px
}

.rouge-theme .wbt-all-events-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px #8b000080
}

.rouge-theme .wbt-all-events-button:active {
    transform: translateY(1px)
}

.rouge-theme .wbt-all-events-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000d9;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.rouge-theme .wbt-all-events-content {
    width: 95%;
    max-width: 500px;
    max-height: 85vh;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px #00000080;
    position: relative
}

.rouge-theme .wbt-all-events-header {
    background: var(--rouge-gradient-primary);
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff
}

.rouge-theme .wbt-all-events-header .title {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase
}

.rouge-theme .wbt-close-popup {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    line-height: 1
}

.rouge-theme .wbt-all-events-body {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 20px
}

.rouge-theme .wbt-all-events-body .cricket-page-new.matches-container {
    padding: 15px 10px
}

.rouge-theme .wbt-all-events-body .match-card {
    margin-bottom: 10px
}

.rouge-theme.game-page-container .ScoreCard,.rouge-theme .game-page .ScoreCard {
    background: #fff;
    padding: .3em;
    border-radius: 8px;
    margin-bottom: 10px
}

.rouge-theme.game-page-container .ScoreCard p,.rouge-theme .game-page .ScoreCard p {
    font-size: .7em;
    color: #1a0505;
    padding: 4px;
    text-align: center;
    line-height: 22px;
    text-transform: uppercase;
    border: 2px dotted #8B1538;
    border-radius: 4px;
    font-family: Segoe UI,Verdana,Geneva,sans-serif;
    font-weight: 700
}

.rouge-theme.game-page-container .TeamCombo,.rouge-theme .game-page .TeamCombo {
    background-color: #fff
}

.rouge-theme.game-page-container .price-btn,.rouge-theme .game-page .price-btn {
    color: #8b1538;
    font-family: Segoe UI,Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 700
}

.rouge-theme.game-page-container .MatchAmount,.rouge-theme .game-page .MatchAmount {
    background: #fff;
    color: #1a0505;
    border: 2px solid #8B1538;
    text-align: center;
    width: 120px;
    font-weight: 700;
    font-size: 16px;
    font-family: Segoe UI,Verdana,Geneva,sans-serif;
    border-radius: 4px;
    padding: 4px
}

.rouge-theme.game-page-container .AmountTime,.rouge-theme .game-page .AmountTime {
    font-family: Segoe UI,Tahoma,Geneva,sans-serif;
    font-size: 18px;
    text-align: center;
    width: 40px;
    font-weight: 700;
    background: linear-gradient(135deg,#8b1538,brown);
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 6px
}

.rouge-theme.game-page-container .teamNameForOdds,.rouge-theme .game-page .teamNameForOdds {
    font-size: small;
    color: #1a0505;
    font-weight: 600
}

@media (max-width: 767px) {
    .rouge-theme.game-page-container .teamNameForOdds,.rouge-theme .game-page .teamNameForOdds {
        font-size:x-small
    }
}

@media (min-width: 1024px) {
    .rouge-theme.game-page-container .teamNameForOdds,.rouge-theme .game-page .teamNameForOdds {
        font-size:small
    }
}

.rouge-theme.game-page-container button[name=cmdDone],.rouge-theme .game-page button[name=cmdDone] {
    background: linear-gradient(135deg,#8b1538,brown);
    color: #fff;
    border: none;
    padding: 10px 24px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 6px;
    transition: all .3s
}

.rouge-theme.game-page-container button[name=cmdDone]:hover:not(:disabled),.rouge-theme .game-page button[name=cmdDone]:hover:not(:disabled) {
    box-shadow: 0 4px 12px #8b153866;
    transform: translateY(-1px)
}

.rouge-theme.game-page-container button[name=cmdDone]:disabled,.rouge-theme .game-page button[name=cmdDone]:disabled {
    opacity: .5;
    cursor: not-allowed
}

.rouge-theme.game-page-container #MyBets td,.rouge-theme .game-page #MyBets td {
    background-color: #fff;
    padding: 8px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid #E8D4D4
}

.rouge-theme.game-page-container .center,.rouge-theme .game-page .center {
    text-align: center
}

.rouge-theme.teenpatti-odi-page {
    background-color: #f5e6e6
}

.teenpatti-odi-section {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 20px
}

.teenpatti-odi-container {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    padding: 10px
}

.teenpatti-odi-game-screen {
    width: 70%;
    display: flex;
    justify-content: flex-end
}

.teenpatti-odi-game-box {
    width: 65%;
    position: relative
}

.teenpatti-odi-live-tv-box {
    width: 100%;
    height: 200px;
    border: 2px solid #8B1538;
    position: relative;
    margin-top: 4px;
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.teenpatti-odi-live-tv-box iframe {
    width: 100%;
    height: 100%;
    border: none
}

.teenpatti-odi-odds-table {
    width: 100%;
    border: 2px solid #8B1538;
    margin-top: 8px;
    border-radius: 8px;
    overflow: hidden
}

.teenpatti-odi-odds-table .odds-table-header {
    width: 100%;
    height: 50px;
    background-color: #e8d4d4;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.teenpatti-odi-odds-table .table-header-right {
    width: 40%;
    display: flex;
    justify-content: center
}

.teenpatti-odi-odds-table .odds-table-body {
    width: 100%;
    margin-top: 2px;
    background-color: #e8d4d4
}

.teenpatti-odi-odds-table .odds-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #8B1538;
    margin-top: 2px
}

.rouge-theme.teenpatti-odi-page .odds-boxes.dual {
    display: flex;
    justify-content: space-between;
    width: 40%
}

.rouge-theme.teenpatti-odi-page .odds-box {
    width: 50%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,#8b1538,brown)!important;
    position: relative;
    cursor: pointer;
    transition: all .2s
}

.rouge-theme.teenpatti-odi-page .odds-box.khai {
    background: linear-gradient(135deg,brown,#8b1538)!important;
    border-left: 1px solid rgba(255,255,255,.1)
}

.rouge-theme.teenpatti-odi-page .odds-box.suspended:after {
    content: "";
    font-family: "Font Awesome 5 Free","Font Awesome 5 Pro",sans-serif;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2d0a0ad9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d4af37;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .teenpatti-odi-section {
        width:100%;
        margin-top: 5px
    }

    .teenpatti-odi-container {
        width: 97%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }

    .teenpatti-odi-game-screen {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .teenpatti-odi-game-box,.teenpatti-odi-game-header {
        width: 100%
    }

    .teenpatti-odi-live-tv-box {
        width: 100%;
        height: 220px
    }
}

.rouge-theme.dragontiger-page {
    background-color: #f5e6e6
}

.rouge-theme.dragontiger-page .last-result-box.D {
    background-color: #228b22
}

.rouge-theme.dragontiger-page .last-result-box.T {
    background-color: #dc143c
}

.rouge-theme.dragontiger-page .last-result-box.Tie {
    background-color: #d4af37;
    color: #1a0505
}

.rouge-theme.dragontiger-odi-page {
    background-color: #f5e6e6
}

.dragontiger-odi-section {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 20px
}

.dragontiger-odi-container {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    padding: 10px
}

.dragontiger-odi-game-screen {
    width: 70%;
    display: flex;
    justify-content: flex-end
}

.dragontiger-odi-game-box {
    width: 65%;
    position: relative
}

.dragontiger-odi-live-tv-box {
    width: 100%;
    height: 210px;
    border: 2px solid #8B1538;
    position: relative;
    margin-top: 4px;
    background: #000;
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.dragontiger-odi-live-tv-box iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

.dragontiger-odi-odds-table {
    width: 100%;
    border: 2px solid #8B1538;
    margin-top: 8px;
    border-radius: 8px;
    overflow: hidden
}

.dragontiger-odi-odds-table .odds-table-header {
    width: 100%;
    height: 50px;
    background-color: #e8d4d4;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dragontiger-odi-odds-table .table-header-right {
    width: 40%;
    display: flex;
    justify-content: center
}

.dragontiger-odi-odds-table .odds-table-body {
    width: 100%;
    margin-top: 2px;
    background-color: #e8d4d4
}

.dragontiger-odi-odds-table .odds-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #8B1538;
    margin-top: 2px
}

.rouge-theme.dragontiger-odi-page .odds-boxes.dual {
    display: flex;
    justify-content: space-between;
    width: 40%
}

.rouge-theme.dragontiger-odi-page .odds-box {
    width: 50%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,#8b1538,brown)!important;
    position: relative;
    cursor: pointer;
    transition: all .2s
}

.rouge-theme.dragontiger-odi-page .odds-box.khai {
    background: linear-gradient(135deg,brown,#8b1538)!important;
    border-left: 1px solid rgba(255,255,255,.1)
}

.rouge-theme.dragontiger-odi-page .last-result-box.D {
    background-color: #228b22
}

.rouge-theme.dragontiger-odi-page .last-result-box.T {
    background-color: #dc143c
}

.rouge-theme.dragontiger-odi-page .last-result-box.P {
    background-color: #8b1538
}

.rouge-theme.dragontiger-odi-page .odds-box.suspended:after {
    content: "";
    font-family: "Font Awesome 5 Free","Font Awesome 5 Pro",sans-serif;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2d0a0ad9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d4af37;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .dragontiger-odi-section {
        width:100%;
        margin-top: 5px
    }

    .dragontiger-odi-container {
        width: 97%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }

    .dragontiger-odi-game-screen {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .dragontiger-odi-game-box,.dragontiger-odi-game-header {
        width: 100%
    }

    .dragontiger-odi-live-tv-box {
        width: 100%;
        height: 220px
    }
}

.rouge-theme.andarbahar-page {
    background-color: #f5e6e6
}

.rouge-theme.andarbahar-page .last-result-box.A {
    background-color: #8b1538
}

.rouge-theme.andarbahar-page .last-result-box.B {
    background-color: brown
}

.rouge-theme.aaa-page {
    background-color: #f5e6e6
}

.rouge-theme.aaa-page .last-result-box.Amar {
    background-color: #8b1538
}

.rouge-theme.aaa-page .last-result-box.Akbar {
    background-color: brown
}

.rouge-theme.aaa-page .last-result-box.Anthony {
    background-color: #5c0e24
}

.rouge-theme.bikini-page .bikini-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    justify-content: center;
    gap: 16px;
    padding: 20px 10px;
    background: linear-gradient(135deg,#f5e6e6,#fff5f5);
    position: relative
}

.rouge-theme.bikini-page .bikini-mode-section {
    border: 1px solid rgba(139,21,56,.22);
    border-radius: 12px;
    padding: 12px 8px 10px;
    background: #ffffffc7
}

.rouge-theme.bikini-page .bikini-mode-heading {
    margin: 0 0 12px;
    padding: 10px 8px 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 8px;
    display: grid;
    gap: 8px
}

.rouge-theme.bikini-page .bikini-mode-title {
    display: block;
    line-height: 1
}

.rouge-theme.bikini-page .bikini-mode-colors {
    display: grid;
    gap: 4px
}

.rouge-theme.bikini-page .bikini-mode-strip {
    display: grid;
    gap: 4px;
    background: #111827;
    border: 1px solid #334155;
    border-radius: 6px;
    padding: 3px
}

.rouge-theme.bikini-page .bikini-mode-color-cell {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 4px;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 0
}

.rouge-theme.bikini-page .bikini-heading-mask-top {
    width: min(30px,92%);
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

.rouge-theme.bikini-page .bikini-heading-mask-bottom {
    width: min(30px,92%);
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

.rouge-theme.bikini-page .bikini-mode-tiles {
    display: grid;
    grid-template-columns: repeat(2,min(43vw,calc(70vh / 1.37)));
    justify-content: center;
    gap: 4vw
}

.rouge-theme.bikini-page .bikini-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.rouge-theme.bikini-page .bikini-image {
    width: min(43vw,calc(70vh / 1.37));
    height: auto;
    max-width: 43vw;
    max-height: 70vh;
    aspect-ratio: 1 / 1.37;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 16px;
    border: 3px solid #8b1538;
    box-shadow: 0 4px 16px #8b15384d;
    transition: all .3s ease
}

.rouge-theme.bikini-page .bikini-image:hover {
    transform: scale(1.03) translateY(-4px);
    box-shadow: 0 8px 24px #8b153880;
    border-color: #d4af37
}

.rouge-theme.bikini-page .bikini-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 12px
}

.rouge-theme.bikini-page .bikini-title a {
    color: #1a0505;
    text-decoration: none;
    transition: color .3s;
    text-transform: uppercase;
    letter-spacing: .5px
}

.rouge-theme.bikini-page .bikini-title a:hover {
    color: #8b1538
}

.rouge-theme.bikini-page main {
    position: relative
}

.rouge-theme.bikini-page .bikini-rules-trigger {
    grid-column: 1 / -1;
    justify-self: end;
    margin-bottom: 10px;
    border: 1px solid #8b1538;
    background: #3f0c1d;
    color: #fff;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 4px #8b15384d
}

.rouge-theme.bikini-page .bikini-rules-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000bf;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px
}

.rouge-theme.bikini-page .bikini-rules-modal {
    width: min(720px,100%);
    max-height: 85vh;
    overflow: hidden;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #d4af37;
    box-shadow: 0 20px 25px -5px #8b153826,0 10px 10px -5px #8b15381a;
    display: flex;
    flex-direction: column
}

.rouge-theme.bikini-page .bikini-rules-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #ead2d2;
    background: linear-gradient(to right,#fff5f5,#fff)
}

.rouge-theme.bikini-page .bikini-rules-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #8b1538;
    text-transform: uppercase;
    letter-spacing: .5px
}

.rouge-theme.bikini-page .bikini-rules-header button {
    border: 1px solid #ead2d2;
    background: #fff;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    color: #8b1538;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s
}

.rouge-theme.bikini-page .bikini-rules-header button:hover {
    background: #fff0f0;
    border-color: #8b1538
}

.rouge-theme.bikini-page .bikini-rules-tabs {
    display: flex;
    gap: 8px;
    padding: 12px 20px;
    border-bottom: 1px solid #ead2d2;
    background: #fff
}

.rouge-theme.bikini-page .bikini-rules-tabs button {
    border: 1px solid #ead2d2;
    background: #fff;
    color: #8b1538;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s
}

.rouge-theme.bikini-page .bikini-rules-tabs button:hover {
    background: #fff0f0;
    border-color: #d4af37
}

.rouge-theme.bikini-page .bikini-rules-tabs button.active {
    background: #8b1538;
    border-color: #8b1538;
    color: #fff;
    box-shadow: 0 2px 4px #8b153833
}

.rouge-theme.bikini-page .bikini-rules-body {
    overflow-y: auto;
    padding: 20px 24px;
    background: #fffbfc
}

.rouge-theme.bikini-page .bikini-rules-body ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
    color: #4a0f21;
    line-height: 1.6;
    font-size: 15px
}

.rouge-theme.bikini-page .bikini-rules-body li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #fce7e7
}

.rouge-theme.bikini-page .bikini-rules-body li:before {
    content: "•";
    position: absolute;
    left: 4px;
    color: #8b1538;
    font-weight: 700
}

.rouge-theme.bikini-page .bikini-rules-body li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.rouge-theme.bikini-page .rules-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 13px
}

.rouge-theme.bikini-page .rules-table th,.rouge-theme.bikini-page .rules-table td {
    border: 1px solid #fce7e7;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
    color: #4a0f21
}

.rouge-theme.bikini-page .rules-table th {
    background-color: #fff5f5;
    font-weight: 600;
    color: #8b1538
}

.rouge-theme.bikini-page .rules-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 40px;
    background: #1f2937;
    border: 1px solid #374151;
    border-radius: 4px;
    position: relative;
    margin: 0 auto;
    color: #e5e7eb;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.1
}

.rouge-theme.bikini-page .rules-btn-wide {
    width: 70px
}

.rouge-theme.bikini-page .rules-btn-label {
    font-size: 10px;
    color: #e5e7eb
}

.rouge-theme.bikini-page .rules-mask-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 32px
}

.rouge-theme.bikini-page .rules-mask-top {
    width: 100%;
    height: 16px;
    background-color: currentColor;
    -webkit-mask-image: url(/games/reveal/top.png);
    mask-image: url(/games/reveal/top.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

.rouge-theme.bikini-page .rules-mask-bottom {
    width: 100%;
    height: 14px;
    background-color: currentColor;
    -webkit-mask-image: url(/games/reveal/bottom.png);
    mask-image: url(/games/reveal/bottom.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    margin-top: -2px
}

.rouge-theme.bikini-page .rules-multi-preview {
    display: flex;
    gap: 1px;
    width: 100%;
    justify-content: center;
    align-items: center
}

.rouge-theme.bikini-page .rules-mask-top-small {
    width: 10px;
    height: 12px;
    background-color: currentColor;
    -webkit-mask-image: url(/games/reveal/top.png);
    mask-image: url(/games/reveal/top.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain
}

.rouge-theme.bikini-page .rules-mask-bottom-small {
    width: 10px;
    height: 11px;
    background-color: currentColor;
    -webkit-mask-image: url(/games/reveal/bottom.png);
    mask-image: url(/games/reveal/bottom.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    margin-top: -1px
}

.rouge-theme.teenpatti-page {
    background-color: #f5e6e6;
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.rouge-theme.teenpatti-page .main-header {
    background: linear-gradient(90deg,#2d0a0a,#8b1538)!important
}

.rouge-theme.teenpatti-page .main-header-table {
    width: 100%;
    border: 2px solid #D4AF37;
    border-collapse: collapse
}

.rouge-theme.teenpatti-page .FontTextWhite {
    color: #fff
}

.rouge-theme.teenpatti-page .profile_picture_name h3 {
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0;
    color: #d4af37
}

.rouge-theme.teenpatti-page .profile_img p {
    margin: 0;
    padding: 2px 0
}

.rouge-theme.teenpatti-page .logo-img {
    max-width: 70px;
    height: auto
}

.rouge-theme.teenpatti-page .menu {
    background-color: #2d0a0a
}

.rouge-theme.teenpatti-page .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.rouge-theme.teenpatti-page .navMain li {
    flex: 1
}

.rouge-theme.teenpatti-page .navMain li.active a {
    display: block;
    padding: 10px;
    color: #d4af37;
    text-decoration: none;
    background-color: #2d0a0a;
    overflow: hidden;
    font-weight: 600
}

.rouge-theme.teenpatti-page .marquee-text {
    display: inline-block;
    white-space: nowrap;
    animation: teenpatti-marquee-rouge 10s linear infinite;
    color: #d4af37
}

@keyframes teenpatti-marquee-rouge {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

.teenpatti-section {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 20px
}

.teenpatti-container {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    padding: 10px
}

.teenpatti-game-screen {
    width: 70%;
    display: flex;
    justify-content: flex-end
}

.teenpatti-game-box {
    width: 65%;
    position: relative
}

.rouge-theme.teenpatti-page .bets-history-section {
    width: 30%
}

.rouge-theme.teenpatti-page .back-menu-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg,#2d0a0a,#8b1538)!important;
    border-bottom: 2px solid #D4AF37
}

.rouge-theme.teenpatti-page .back-href {
    font-size: 14px;
    color: #d4af37;
    text-decoration: none;
    font-weight: 600
}

.rouge-theme.teenpatti-page .back-href:hover {
    color: #fff;
    text-decoration: underline
}

.rouge-theme.teenpatti-page .game-type,.rouge-theme.teenpatti-page .game-round-id {
    color: #d4af37;
    text-wrap: nowrap;
    font-size: 12px;
    font-weight: 600
}

.rouge-theme.teenpatti-page .game-round-id .fa-info-circle {
    margin-left: 5px;
    cursor: pointer
}

.rouge-theme.teenpatti-page .teenpatti-live-tv-box {
    width: 100%;
    height: 200px;
    border: 2px solid #8B1538;
    position: relative;
    margin-top: 4px;
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.rouge-theme.teenpatti-page .teenpatti-live-tv-box iframe {
    width: 100%;
    height: 100%;
    border: none
}

.rouge-theme.teenpatti-page .flip-clock {
    display: flex;
    gap: 5px;
    position: absolute;
    bottom: 20px;
    right: 20px
}

.rouge-theme.teenpatti-page .digits-group {
    display: flex;
    align-items: center
}

.rouge-theme.teenpatti-page .left {
    height: 30px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 7px 5px;
    background: linear-gradient(135deg,#8b1538,brown);
    border-radius: 4px;
    backface-visibility: hidden;
    margin: 0 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    font-weight: 600
}

.rouge-theme.teenpatti-page .card-shower {
    position: absolute;
    top: 5px;
    left: 10px;
    right: 10px
}

.rouge-theme.teenpatti-page .runners {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.rouge-theme.teenpatti-page .runner {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.rouge-theme.teenpatti-page .runner:last-child {
    align-items: flex-end
}

.rouge-theme.teenpatti-page .runner-name {
    font-size: 12px;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 3px;
    white-space: nowrap;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5)
}

.rouge-theme.teenpatti-page .runner-cards {
    display: flex
}

.rouge-theme.teenpatti-page .card-img-wrapper {
    width: 31.875px;
    height: 45px;
    margin: 1px
}

.rouge-theme.teenpatti-page .card-img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.rouge-theme.teenpatti-page .teenpatti-odds-table {
    width: 100%;
    border: 2px solid #8B1538;
    margin-top: 8px;
    border-radius: 8px;
    overflow: hidden
}

.rouge-theme.teenpatti-page .odds-table-header {
    width: 100%;
    height: 50px;
    background-color: #e8d4d4;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rouge-theme.teenpatti-page .table-header-left {
    width: 60%;
    display: flex;
    align-items: center;
    padding-left: 10px
}

.rouge-theme.teenpatti-page .min-max {
    font-size: 12px;
    color: #1a0505;
    font-weight: 600
}

.rouge-theme.teenpatti-page .table-header-right {
    width: 40%;
    display: flex;
    justify-content: center
}

.rouge-theme.teenpatti-page .odds-table-body {
    width: 100%;
    margin-top: 2px;
    background-color: #e8d4d4
}

.rouge-theme.teenpatti-page .odds-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #8B1538;
    margin-top: 2px
}

.rouge-theme.teenpatti-page .runner-info {
    width: 60%;
    background-color: #e8d4d4;
    display: flex;
    align-items: center;
    padding-left: 10px;
    justify-content: space-between
}

.rouge-theme.teenpatti-page .runner-info .runner-name {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;
    flex-shrink: 0;
    color: #1a0505;
    text-shadow: none
}

.rouge-theme.teenpatti-page .odds-position {
    font-size: 14px;
    margin-right: 10px;
    white-space: nowrap;
    flex-shrink: 0;
    background: transparent;
    width: auto;
    text-align: left;
    padding: 0;
    font-weight: 700
}

.rouge-theme.teenpatti-page .odds-position.plus {
    color: #228b22
}

.rouge-theme.teenpatti-page .odds-position.minus {
    color: #dc143c
}

.rouge-theme.teenpatti-page .odds-boxes {
    width: 40%;
    display: flex;
    justify-content: center
}

.rouge-theme.teenpatti-page .odds-box {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg,#8b1538,brown)!important;
    position: relative;
    cursor: pointer;
    transition: all .2s
}

.rouge-theme.teenpatti-page .odds-box:hover {
    opacity: .85
}

.rouge-theme.teenpatti-page .odds-rate {
    font-size: 15px;
    color: #fff;
    font-weight: 700
}

.rouge-theme.teenpatti-page .last-results-section {
    width: 100%;
    margin-top: 8px
}

.rouge-theme.teenpatti-page .last-result-header {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90deg,#2d0a0a,#8b1538)!important;
    padding: 0 10px;
    border-radius: 8px 8px 0 0
}

.rouge-theme.teenpatti-page .last-result-heading,.rouge-theme.teenpatti-page .last-result-view-all {
    font-size: 13px;
    color: #d4af37;
    font-weight: 600;
    text-transform: uppercase
}

.rouge-theme.teenpatti-page .last-result-container {
    background-color: #e8d4d4;
    padding: 10px 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    border-radius: 0 0 8px 8px
}

.rouge-theme.teenpatti-page .last-result-box {
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: circle();
    color: #fff;
    font-size: 13px;
    margin: 0 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-weight: 700;
    box-shadow: 0 2px 4px #0003
}

.rouge-theme.teenpatti-page .last-result-box.A {
    background-color: #8b1538
}

.rouge-theme.teenpatti-page .last-result-box.B {
    background-color: brown
}

.rouge-theme.teenpatti-page .bets-table-section {
    width: 95%;
    margin: auto
}

.rouge-theme.teenpatti-page .my-bets-heading {
    font-size: 15px;
    font-weight: 700;
    color: #d4af37;
    height: 35px;
    background: linear-gradient(90deg,#2d0a0a,#8b1538)!important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 8px 0 0
}

.rouge-theme.teenpatti-page .bets-table {
    width: 100%;
    margin-top: 0;
    background-color: #fff!important;
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.rouge-theme.teenpatti-page .bets-table .table {
    width: 100%!important;
    border-collapse: collapse
}

.rouge-theme.teenpatti-page .bets-table .table td {
    text-align: center!important;
    font-size: 13px!important;
    color: #1a0505;
    font-weight: 700;
    height: 25px;
    padding: 8px 5px;
    border: 1px solid #E8D4D4
}

.rouge-theme.teenpatti-page .bets-table thead {
    height: 35px
}

.rouge-theme.teenpatti-page .bets-table thead tr th {
    padding: 0 10px!important;
    background: linear-gradient(90deg,#5c0e24,#8b1538);
    color: #fff;
    text-wrap: nowrap;
    font-size: 13px;
    border: 1px solid #5C0E24;
    font-weight: 600
}

.rouge-theme.teenpatti-page .see-all-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.rouge-theme.teenpatti-page .see-all-btn {
    color: #fff;
    height: 40px;
    background: linear-gradient(135deg,#8b1538,brown)!important;
    border: none;
    outline: none;
    border-radius: 6px;
    padding: 0 20px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
    transition: all .3s
}

.rouge-theme.teenpatti-page .see-all-btn:hover {
    opacity: .9;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px #8b153866
}

.rouge-theme.teenpatti-page .odds-box.suspended {
    position: relative;
    cursor: not-allowed!important
}

.rouge-theme.teenpatti-page .odds-box.suspended:after {
    content: "";
    font-family: "Font Awesome 5 Free","Font Awesome 5 Pro",sans-serif;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2d0a0ad9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d4af37;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .rouge-theme.teenpatti-page .bets-history-section {
        width:100%
    }

    .rouge-theme.teenpatti-page .teenpatti-section {
        width: 100%;
        margin-top: 5px
    }

    .rouge-theme.teenpatti-page .teenpatti-container {
        width: 97%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }

    .rouge-theme.teenpatti-page .teenpatti-game-screen {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .rouge-theme.teenpatti-page .teenpatti-game-box,.rouge-theme.teenpatti-page .teenpatti-game-header {
        width: 100%
    }

    .rouge-theme.teenpatti-page .teenpatti-live-tv-box {
        width: 100%;
        height: 220px
    }
}

.rouge-theme.lucky7-page {
    background-color: #f5e6e6
}

.rouge-theme.lucky7-page .last-result-box.Low {
    background-color: #8b1538
}

.rouge-theme.lucky7-page .last-result-box.High {
    background-color: brown
}

.rouge-theme.lucky7-page .last-result-box.Seven {
    background-color: #d4af37;
    color: #1a0505
}

.rouge-theme.notice-page {
    min-height: 100vh;
    background: #f5e6e6;
    font-family: Segoe UI,Arial,Helvetica,sans-serif
}

.rouge-theme .notice-content {
    padding: 24px 0 40px
}

.rouge-theme .rules-layout {
    background: #f5e6e6;
    min-height: calc(100vh - 108px)
}

.rouge-theme .rules-topbar {
    background: #f5e6e6;
    padding: 16px 24px;
    display: flex;
    justify-content: center
}

.rouge-theme .rules-main-menu {
    background: #8b1538;
    color: #fff;
    border: none;
    border-radius: 36px;
    height: 40px;
    padding: 0 20px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.rouge-theme .rules-body {
    padding: 0 24px 24px;
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.rouge-theme .rules-language-toggle {
    display: inline-flex;
    justify-content: center;
    gap: 6px;
    margin: 10px auto 20px;
    padding: 6px;
    border-radius: 12px;
    background: #f8eeee;
    border: 1px solid #e3c7c7;
    align-self: center
}

.rouge-theme .language-pill {
    border: none;
    background: transparent;
    padding: 8px 18px;
    border-radius: 10px;
    font-weight: 700;
    color: #8b1538;
    cursor: pointer;
    min-width: 120px;
    transition: background .2s ease,color .2s ease,box-shadow .2s ease
}

.rouge-theme .language-pill.is-active {
    background: #fff;
    color: #2d0a0a;
    box-shadow: 0 2px 6px #0000001f
}

.rouge-theme .rules-card {
    background: #f5e6e6;
    width: 100%
}

.rouge-theme .rules-title {
    margin: 0 0 16px;
    font-size: 1.2rem
}

.rouge-theme .rules-alert {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 16px;
    background: #fdecef;
    border: 1px solid #f1b4c3;
    border-radius: 8px;
    color: #8b1538;
    font-weight: 500;
    margin-bottom: 20px
}

.rouge-theme .rules-alert-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #8b1538;
    color: #fff;
    font-weight: 700;
    flex-shrink: 0
}

.rouge-theme .rules-section {
    margin-bottom: 18px
}

.rouge-theme .rules-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 12px
}

.rouge-theme .rules-divider h4 {
    margin: 0;
    font-size: 1rem
}

.rouge-theme .rules-divider:after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e2c6c6
}

.rouge-theme .rules-empty {
    background: #fff;
    border: 1px solid #e4cccc;
    border-radius: 6px;
    padding: 24px;
    text-align: center;
    color: #7a4c4c
}

.rouge-theme .rules-list {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e4cccc;
    border-radius: 6px;
    overflow: hidden
}

.rouge-theme .rules-list li {
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid #efd9d9;
    font-size: .95rem;
    line-height: 1.5
}

.rouge-theme .rules-list li:last-child {
    border-bottom: none
}

.rouge-theme .rules-number {
    font-weight: 700;
    min-width: 24px;
    color: #2d0a0a
}

.rouge-theme .rules-footer-note {
    margin-top: 16px;
    color: #7a4c4c
}

.rouge-theme .rules-modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000b3;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    padding: 20px
}

.rouge-theme .rules-modal {
    background: #fff;
    width: 100%;
    max-width: 800px;
    max-height: 80vh;
    border-radius: 8px;
    box-shadow: 0 10px 25px #00000059;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column
}

.rouge-theme .rules-modal-close {
    position: absolute;
    right: 12px;
    top: 8px;
    border: none;
    background: transparent;
    font-size: 24px;
    cursor: pointer;
    color: #d4af37;
    z-index: 2
}

.rouge-theme .rules-modal-header {
    background: linear-gradient(90deg,#2d0a0a,#8b1538);
    color: #d4af37;
    padding: 16px 24px;
    font-weight: 700;
    text-transform: uppercase
}

.rouge-theme .rules-modal-body {
    padding: 20px 24px;
    overflow-y: auto;
    max-height: calc(80vh - 140px)
}

.rouge-theme .rules-accordion {
    display: grid;
    gap: 10px;
    margin-bottom: 16px
}

.rouge-theme .rules-accordion-item {
    border: 1px solid #e4cccc;
    border-radius: 6px;
    padding: 0 12px
}

.rouge-theme .rules-accordion-item summary {
    list-style: none;
    cursor: pointer;
    padding: 12px 0;
    font-weight: 600
}

.rouge-theme .rules-accordion-item summary::-webkit-details-marker {
    display: none
}

.rouge-theme .rules-accordion-item summary:before {
    content: "›";
    display: inline-block;
    margin-right: 8px;
    transform: rotate(0);
    transition: transform .2s ease
}

.rouge-theme .rules-accordion-item[open] summary:before {
    transform: rotate(90deg)
}

.rouge-theme .rules-accordion-list {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
    border-top: 1px solid #f3e6e6
}

.rouge-theme .rules-accordion-list li {
    display: flex;
    gap: 10px;
    padding: 14px 0;
    border-bottom: 1px solid #f3e6e6;
    font-size: .95rem;
    line-height: 1.5
}

.rouge-theme .rules-accordion-list li:last-child {
    border-bottom: none
}

.rouge-theme .rules-check {
    display: inline-flex;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: #d4af37;
    color: #2d0a0a;
    font-size: 12px;
    font-weight: 700;
    margin-top: 2px;
    flex-shrink: 0
}

.rouge-theme .rules-banner {
    width: 100%;
    border-radius: 10px;
    display: block
}

.rouge-theme .rules-modal-footer {
    padding: 16px 24px 24px;
    display: flex;
    justify-content: center
}

.rouge-theme .rules-modal-cta {
    background: #8b1538;
    color: #fff;
    border: none;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer
}

.rouge-theme .rules-modal-cta:hover {
    background: #6f102d
}

.rouge-theme.notice-page {
    background-color: #f5e6e6;
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
    min-height: 100vh
}

.rouge-theme .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #2d0a0a99
}

.rouge-theme .modal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: 2px solid #D4AF37;
    width: 80%;
    max-width: 600px;
    box-shadow: 0 8px 32px #8b15384d;
    animation-name: animatetop-rouge;
    animation-duration: .4s;
    border-radius: 12px;
    overflow: hidden
}

.rouge-theme .modal-content-tc {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: 2px solid #D4AF37;
    width: 100%;
    max-width: 900px;
    box-shadow: 0 8px 32px #8b15384d;
    animation-name: animatetop-rouge;
    animation-duration: .4s;
    border-radius: 12px;
    overflow: hidden
}

@keyframes animatetop-rouge {
    0% {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.rouge-theme .close {
    color: #d4af37;
    float: right;
    font-size: 28px;
    font-weight: 700;
    padding: 10px;
    cursor: pointer;
    transition: color .2s
}

.rouge-theme .close:hover,.rouge-theme .close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.rouge-theme .modal-header {
    padding: 8px 16px;
    background: linear-gradient(90deg,#2d0a0a,#8b1538)!important;
    color: #d4af37
}

.rouge-theme .modal-body {
    padding: 8px 16px;
    text-align: center
}

.rouge-theme .modal-footer {
    padding: 8px 16px;
    background: linear-gradient(90deg,#2d0a0a,#8b1538)!important;
    color: #d4af37
}

.rouge-theme .modal-body h6 {
    margin: 15px 0;
    font-size: 16px;
    color: #1a0505
}

.rouge-theme .modal-footer h3 {
    margin: 15px 0;
    font-size: 18px
}

.rouge-theme .drag_drop {
    background: #fff;
    padding: .5em
}

.rouge-theme .drag_drop p {
    font-size: 1em;
    color: #1a0505;
    padding: 8px;
    font-weight: 500;
    text-align: center;
    line-height: 25px;
    text-transform: uppercase;
    border: 3px dashed #8B1538;
    border-radius: 8px
}

.rouge-theme .tc-title {
    color: #d4af37;
    font-family: Segoe UI,Verdana,Geneva,sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0
}

.rouge-theme .tc-item {
    color: #1a0505;
    font-family: Segoe UI,Verdana,Geneva,sans-serif;
    font-size: 12px;
    margin: 10px 0;
    line-height: 1.6
}

.rouge-theme .continue-button {
    color: #d4af37;
    font-family: Segoe UI,Verdana,Geneva,sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0;
    cursor: pointer;
    transition: color .2s
}

.rouge-theme .continue-button:hover {
    color: #fff
}

.rouge-theme .copyright {
    color: #1a0505;
    font-family: Segoe UI,Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 20px 0
}

.rouge-theme .wrap {
    padding: 20px
}

.rouge-theme .content_top {
    margin-bottom: 20px
}

.rouge-theme .clear {
    clear: both
}

.rouge-theme .content_bottom {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .rouge-theme .modal-content {
        width:95%
    }

    .rouge-theme .modal-content-tc {
        width: 100%;
        max-width: 100%
    }

    .rouge-theme .wrap {
        padding: 0
    }

    .rouge-theme .tc-item {
        font-size: 11px
    }
}

.rouge-theme .notice-promo-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #100406d6
}

.rouge-theme .notice-promo-modal {
    position: relative;
    width: min(94vw,calc(94vh / 1.37));
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 42px #00000085
}

.rouge-theme .notice-promo-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: #120507b8;
    color: #d4af37;
    font-size: 24px;
    line-height: 1;
    cursor: pointer
}

.rouge-theme .notice-promo-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.37
}

.rouge-theme .notice-promo-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.rouge-theme .notice-promo-copy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px 18px 18px;
    color: #fff;
    text-align: center;
    background: linear-gradient(to top,#170709e6,#1707091a)
}

.rouge-theme .notice-promo-copy h2 {
    margin: 0 0 6px;
    color: #f3d06a;
    font-size: clamp(1.2rem,3.6vw,2rem)
}

.rouge-theme .notice-promo-copy p {
    margin: 0;
    font-size: clamp(.95rem,2.9vw,1.35rem);
    font-weight: 700
}

.rouge-theme .notice-promo-overlay {
    padding: 16px
}

.rouge-theme .notice-promo-modal--notice {
    width: min(94vw,920px);
    max-height: min(88vh,760px);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 20px 55px #00000059;
    display: flex;
    flex-direction: column
}

.rouge-theme .notice-promo-modal--notice .notice-promo-close {
    background: #8b1538;
    color: #fff;
    box-shadow: 0 6px 18px #8b153840
}

.rouge-theme .notice-promo-image-wrap--notice {
    position: static;
    aspect-ratio: auto;
    height: auto;
    max-height: calc(88vh - 28px);
    overflow-y: auto;
    background: #fff
}

.rouge-theme .notice-promo-image-wrap--notice .notice-promo-image {
    display: none
}

.rouge-theme .notice-promo-copy--notice {
    position: static;
    background: #fff;
    color: #111;
    text-align: left;
    padding: 24px 24px 28px;
    display: flex;
    flex-direction: column;
    gap: 18px
}

.rouge-theme .notice-popup-title h2 {
    margin: 0;
    color: #8b1538;
    font-size: clamp(1.35rem,3vw,2rem);
    line-height: 1.2
}

.rouge-theme .notice-popup-title p {
    margin: 8px 0 0;
    color: #1f2937;
    font-size: .98rem;
    font-weight: 500
}

.rouge-theme .notice-popup-section {
    background: #fff8f9;
    border: 1px solid #e8cfd7;
    border-radius: 14px;
    padding: 16px 16px 14px
}

.rouge-theme .notice-popup-section+.notice-popup-section {
    margin-top: 14px
}

.rouge-theme .notice-popup-section h3 {
    margin: 0 0 12px;
    color: #8b1538;
    font-size: 1rem;
    letter-spacing: .02em
}

.rouge-theme .notice-popup-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px
}

.rouge-theme .notice-popup-list li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: #111;
    font-size: .98rem;
    line-height: 1.6
}

.rouge-theme .notice-popup-number {
    min-width: 24px;
    color: #8b1538;
    font-weight: 800;
    flex-shrink: 0
}

.rouge-theme .notice-popup-text {
    flex: 1
}

@media screen and (max-width: 768px) {
    .rouge-theme .notice-promo-modal--notice {
        width:100%;
        max-height: 86vh
    }

    .rouge-theme .notice-promo-image-wrap--notice {
        max-height: calc(86vh - 24px)
    }

    .rouge-theme .notice-promo-copy--notice {
        padding: 20px 18px 22px;
        gap: 14px
    }

    .rouge-theme .notice-popup-section {
        padding: 14px
    }

    .rouge-theme .notice-popup-list li {
        font-size: .95rem
    }
}

.rouge-theme.completed-match-detail-page .match-detail {
    padding: 10px
}

.rouge-theme.completed-match-detail-page .detail-section {
    background-color: #fff;
    border: 2px solid #E8D4D4;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden
}

.rouge-theme.completed-match-detail-page .section-header {
    background: linear-gradient(90deg,#2d0a0a,#8b1538);
    color: #d4af37;
    padding: 12px 15px;
    font-weight: 700;
    text-transform: uppercase
}

.rouge-theme.completed-match-detail-page .section-body {
    padding: 15px
}

.rouge-theme.completed-match-detail-page .bets-table {
    width: 100%;
    border-collapse: collapse
}

.rouge-theme.completed-match-detail-page .bets-table th {
    background: linear-gradient(90deg,#5c0e24,#8b1538);
    color: #fff;
    padding: 10px;
    font-size: 19.5px;
    font-weight: 600;
    text-align: center
}

.rouge-theme.completed-match-detail-page .bets-table td {
    padding: 10px;
    font-size: 19.5px;
    text-align: center;
    border-bottom: 1px solid #E8D4D4;
    color: #1a0505
}

.rouge-theme.completed-match-detail-page .bets-table tbody tr:hover {
    background-color: #fff5f5
}

.rouge-theme.completed-match-detail-page .profit {
    color: #228b22;
    font-weight: 700
}

.rouge-theme.completed-match-detail-page .loss {
    color: #dc143c;
    font-weight: 700
}

.rouge-theme.completed-match-detail-page .summary-box {
    background-color: #fff5f5;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 15px;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.rouge-theme.completed-match-detail-page .summary-item {
    text-align: center
}

.rouge-theme.completed-match-detail-page .summary-label {
    font-size: 12px;
    color: #666;
    margin-bottom: 5px
}

.rouge-theme.completed-match-detail-page .summary-value {
    font-size: 18px;
    font-weight: 700;
    color: #8b1538
}

.rouge-theme.completed-match-detail-page .summary-value.center {
    text-align: center;
    width: 100%;
    display: block
}

.rouge-theme.completed-match-detail-page .back-to-complete-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 6px;
    background: linear-gradient(90deg,#5c0e24,#8b1538);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #5C0E24;
    cursor: pointer
}

.rouge-theme.completed-match-detail-page .back-to-complete-btn:hover {
    opacity: .9
}

@media screen and (max-width: 768px) {
    .rouge-theme.completed-match-detail-page .bets-table th,.rouge-theme.completed-match-detail-page .bets-table td {
        padding:8px 5px;
        font-size: 16.5px
    }
}

.rouge-theme.profile-page .profile-card {
    background: #fff;
    margin: 16px 12px;
    border: 1px solid #d0d0d0;
    padding: 16px
}

.rouge-theme.profile-page .profile-section-title {
    background: #7a6c83;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 10px;
    margin: 16px 0 10px;
    letter-spacing: .5px
}

.rouge-theme.profile-page .profile-rate-row {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 8px 0 12px
}

.rouge-theme.profile-page .profile-label {
    font-weight: 700;
    color: #000
}

.rouge-theme.profile-page .profile-select {
    width: 100%;
    height: 32px;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    padding: 0 8px;
    font-weight: 600;
    background: #fff
}

.rouge-theme.profile-page .profile-update-btn {
    background: #7fbf32;
    border: 1px solid #6aa528;
    color: #fff;
    font-weight: 700;
    padding: 8px 18px;
    border-radius: 4px;
    cursor: pointer
}

.rouge-theme.profile-page .profile-update-btn:disabled {
    opacity: .7;
    cursor: not-allowed
}

.rouge-theme.profile-page .profile-status-message {
    text-align: center;
    font-weight: 600;
    padding: 6px 0 10px
}

.rouge-theme.profile-page .profile-info-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px
}

.rouge-theme.profile-page .profile-info-table td {
    border: 1px solid #e0e0e0;
    padding: 10px 12px;
    background: #fff
}

.rouge-theme.profile-page .profile-info-label {
    font-weight: 700;
    width: 50%
}

.rouge-theme.profile-page .profile-info-value {
    text-align: left;
    font-weight: 600
}

.multiplayer-page {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    width: 100%;
    margin: 0 auto;
    background: var(--p-bg, #f4f6fa);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 0 100vw #000
}

.multiplayer-page>:first-child {
    flex-shrink: 0
}

.multiplayer-page .multiplayer-lobby {
    padding: 12px 16px 2.5vh;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden
}

.multiplayer-page .multiplayer-lobby-status {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 12px 0 16px;
    flex-wrap: wrap
}

.multiplayer-page .multiplayer-lobby-status-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600
}

.multiplayer-page .multiplayer-lobby-status-pill.status-connecting {
    background: #fff4cc;
    color: #7a5d00
}

.multiplayer-page .multiplayer-lobby-status-pill.status-connected {
    background: #dff7e8;
    color: #0b6b35
}

.multiplayer-page .multiplayer-lobby-status-pill.status-error {
    background: #ffe0e0;
    color: #9b1c1c
}

.multiplayer-page .multiplayer-lobby-status-message {
    color: #9b1c1c;
    font-size: 14px
}

.multiplayer-page .multiplayer-lobby-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 16px;
    flex: 1 1 auto
}

.multiplayer-page .multiplayer-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: multiplayer-spinner .8s linear infinite
}

@keyframes multiplayer-spinner {
    to {
        transform: rotate(360deg)
    }
}

.multiplayer-page .kj-loader {
    position: relative;
    min-height: 100%;
    background: radial-gradient(circle at 50% 35%,rgba(255,214,0,.16),transparent 36%),linear-gradient(180deg,#111,#050505);
    color: #ffd600
}

.multiplayer-page .kj-loader__content {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 26px;
    padding: 32px 20px;
    box-sizing: border-box
}

.multiplayer-page .khel-junoon-brand-title {
    font-family: Trebuchet MS,Gill Sans,Segoe UI,system-ui,sans-serif;
    font-weight: 900;
    letter-spacing: .04em
}

.multiplayer-page .kj-loader__brand {
    font-size: clamp(34px,10vw,68px);
    line-height: .95;
    text-align: center;
    color: #ffd600;
    text-shadow: 0 0 18px rgba(255,214,0,.34),0 3px 0 rgba(0,0,0,.72);
    animation: kj-loader-hover 2.4s ease-in-out infinite
}

.multiplayer-page .kj-loader__waiting {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    height: 24px
}

.multiplayer-page .kj-loader__waiting span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffd600;
    box-shadow: 0 0 12px #ffd60094;
    animation: kj-loader-dot .9s ease-in-out infinite
}

.multiplayer-page .kj-loader__waiting span:nth-child(2) {
    animation-delay: .15s
}

.multiplayer-page .kj-loader__waiting span:nth-child(3) {
    animation-delay: .3s
}

.multiplayer-page .kj-loader__recover {
    position: static
}

@keyframes kj-loader-hover {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-8px)
    }
}

@keyframes kj-loader-dot {
    0%,80%,to {
        opacity: .35;
        transform: translateY(0) scale(.9)
    }

    40% {
        opacity: 1;
        transform: translateY(-7px) scale(1)
    }
}

.multiplayer-page .multiplayer-lobby-empty {
    padding: 32px 16px;
    border: 2px dashed #cbd5e1;
    border-radius: 16px;
    background: #f8fafc;
    text-align: center;
    color: #64748b;
    font-weight: 500;
    font-size: 15px
}

.multiplayer-page .multiplayer-lobby-groups {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.multiplayer-page .multiplayer-lobby-group {
    border: 1px solid #d7dde5;
    border-radius: 12px;
    padding: 14px 16px;
    background: #f3f6fa
}

.multiplayer-page .multiplayer-lobby-group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    font-weight: 600;
    color: #233043
}

.multiplayer-page .multiplayer-lobby-group-time {
    font-size: 12px;
    color: #6b7280
}

.multiplayer-page .multiplayer-lobby-cards {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.multiplayer-page .multiplayer-lobby-card {
    background: #fff;
    border: 1px solid #e0e6ed;
    border-radius: 10px;
    padding: 10px 12px
}

.multiplayer-page .multiplayer-lobby-card-title {
    font-weight: 600;
    margin-bottom: 4px;
    color: #1f2937
}

.multiplayer-page .multiplayer-lobby-card-meta {
    font-size: 14px;
    color: #4b5563
}

.multiplayer-page .multiplayer-lobby-card-meta .handling-suppressed {
    color: #7a5d00
}

.multiplayer-page .multiplayer-lobby-card-meta .handling-processed {
    color: #0b6b35
}

.multiplayer-page .multiplayer-lobby-card-meta .handling-unhandled {
    color: #9b1c1c
}

.multiplayer-page .deeplink-status-open-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #0f172a;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 1px 2px #0000000d;
    transition: all .2s ease
}

.multiplayer-page .deeplink-status-open-btn:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    transform: translateY(-1px)
}

.multiplayer-page .deeplink-status-modal {
    max-width: 960px;
    width: min(96vw,960px);
    text-align: left
}

.multiplayer-page .deeplink-status-groups {
    max-height: 50vh;
    overflow: auto;
    margin: 12px 0 16px;
    padding-right: 4px
}

.multiplayer-page .cg-panel-layout {
    border: 1px solid #d7dde5;
    border-radius: 12px;
    background: #f7fafc;
    padding: 14px 16px
}

.multiplayer-page .cg-panel-layout-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px
}

.multiplayer-page .cg-panel-layout-title {
    font-size: 18px;
    font-weight: 700;
    color: #1f2937
}

.multiplayer-page .cg-panel-layout-meta {
    font-size: 13px;
    color: #4b5563
}

.multiplayer-page .cg-panel-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px
}

.multiplayer-page .cg-panel-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c5cbd3;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    color: #4b5563;
    background: #fff;
    cursor: pointer
}

.multiplayer-page .cg-panel-tab.active {
    border-color: #004e92;
    color: #004e92;
    font-weight: 600
}

.multiplayer-page .cg-panel-selector-layout {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.multiplayer-page .cg-panel-selector-grid {
    display: grid;
    grid-template-columns: minmax(110px,180px) minmax(0,1fr);
    gap: 12px;
    max-height: 64vh
}

.multiplayer-page .cg-panel-selector-left,.multiplayer-page .cg-panel-selector-right {
    min-height: 0;
    overflow-y: auto
}

.multiplayer-page .cg-panel-selector-left {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.multiplayer-page .cg-panel-tile {
    width: 100%;
    border: 1px solid #dce3ec;
    border-radius: 10px;
    background: #0b001f;
    padding: 6px;
    cursor: pointer
}

.multiplayer-page .cg-panel-tile.active {
    border-color: #ffb915;
    box-shadow: 0 0 0 1px #ffb91559
}

.multiplayer-page .cg-panel-tile-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px
}

.multiplayer-page .cg-panel-tile-text {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: left
}

.multiplayer-page .cg-player-pref-tabs {
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin-bottom: 0;
    padding: 2px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: #0a1223b8;
    box-shadow: inset 0 1px #ffffff14,0 0 12px #00f5ff1f
}

.multiplayer-page .cg-lobby-action-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 40px;
    margin-bottom: 6px
}

.multiplayer-page .cg-lobby-player-pref-slot {
    min-width: 0;
    flex: 0 0 auto
}

.multiplayer-page .cg-lobby-rules-button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    min-height: 38px;
    border: 1.5px solid rgba(255,255,255,.78);
    border-radius: 999px;
    padding: 8px 18px;
    background: linear-gradient(180deg,#42ff7a,#0ba83b);
    color: #03150a;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0;
    cursor: pointer;
    box-shadow: 0 0 16px #42ff7a73,inset 0 1px #ffffff8c;
    text-shadow: 0 1px 0 rgba(255,255,255,.28)
}

.multiplayer-page .cg-lobby-rules-button:hover {
    filter: brightness(1.08);
    transform: translateY(-1px)
}

.multiplayer-page .cg-lobby-private-button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    min-width: 132px;
    min-height: 38px;
    border: 1.5px solid rgba(255,255,255,.78);
    border-radius: 999px;
    padding: 7px 17px;
    background: linear-gradient(180deg,#ffe26c,#f59e0b);
    color: #1f1300;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0;
    cursor: pointer;
    box-shadow: 0 0 16px #f59e0b6b,inset 0 1px #ffffff8c
}

.multiplayer-page .cg-lobby-private-button>span {
    display: block;
    max-width: none;
    white-space: nowrap
}

.multiplayer-page .cg-lobby-private-button:hover {
    filter: brightness(1.08);
    transform: translateY(-1px)
}

.multiplayer-page .cg-player-pref-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    min-width: 42px;
    min-height: 32px;
    border: 0;
    border-radius: 999px;
    padding: 0;
    font-size: 14px;
    font-weight: 900;
    color: var(--p-tab-text, #64748b);
    background: transparent;
    cursor: pointer;
    transition: all .2s;
    box-shadow: none
}

.multiplayer-page .cg-player-pref-tab:hover {
    color: var(--p-tab-text-hover, #334155);
    background: #ffffff1a
}

.multiplayer-page .cg-player-pref-tab.active {
    color: var(--p-atab-text, #ffffff);
    background: var(--p-atab-bg, #3b82f6);
    box-shadow: 0 0 12px #3b82f66b,inset 0 1px #ffffff38
}

.multiplayer-page .cg-stake-card-list {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.multiplayer-page .cg-stake-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 12px;
    border: 1.5px solid #00ffff;
    border-radius: 12px;
    background: #0006;
    padding: 14px 16px;
    transition: all .3s cubic-bezier(.4,0,.2,1);
    box-shadow: inset 0 0 10px #00ffff1a,0 4px 10px #0000004d;
    cursor: pointer
}

.multiplayer-page .cg-stake-card:disabled {
    opacity: .75;
    cursor: not-allowed;
    transform: none
}

.multiplayer-page .cg-stake-card:hover {
    transform: translateY(-2px);
    filter: brightness(1.1)
}

.multiplayer-page .cg-stake-card-top {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left
}

.multiplayer-page .cg-stake-card-price {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 26px;
    font-weight: 600;
    color: #0ff;
    text-shadow: 0 0 5px rgba(0,255,255,.6);
    letter-spacing: 0px
}

.multiplayer-page .cg-stake-card-meta {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    font-family: system-ui,-apple-system,sans-serif
}

.multiplayer-page .cg-stake-card-bottom {
    display: flex
}

.multiplayer-page .cg-stake-card-play-label {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    border: 1.5px solid transparent;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 16px;
    font-weight: 700;
    transition: all .2s
}

.multiplayer-page .cg-stake-card-play-label.can-play {
    background: #00ffff1a;
    color: #0ff;
    border: 1.5px solid #00ffff;
    box-shadow: 0 0 8px 1px #0ff,0 0 15px 4px #0ff9,inset 0 0 6px 1px #0ff;
    text-shadow: 0 0 8px rgba(0,255,255,.8)
}

.multiplayer-page .cg-stake-card:hover .cg-stake-card-play-label.can-play {
    filter: brightness(1.2)
}

.multiplayer-page .cg-stake-card-play-label.low-bal {
    background: #330a0a99;
    color: #ef4444;
    border-color: #ef4444;
    box-shadow: 0 0 10px #ef444433
}

.multiplayer-page .cg-stake-card-play-label.launching {
    background: #ffffff1a;
    color: #fff;
    border-color: #fff
}

.multiplayer-page .partner-multiplayer-game {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    position: relative;
    background-color: #0b1426;
    border-radius: 16px
}

.multiplayer-page .partner-multiplayer-game:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/games/circuit-bg-clean.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .35;
    z-index: 0;
    pointer-events: none
}

.multiplayer-page .partner-btn-back-home {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #00ffff1a;
    color: #0ff;
    border: 1.5px solid #00ffff;
    border-radius: 12px;
    padding: 8px 16px;
    cursor: pointer;
    box-shadow: inset 0 0 10px #00ffff1a,0 2px 5px #0000004d;
    transition: all .2s ease
}

.multiplayer-page .partner-btn-back-home:hover {
    filter: brightness(1.2);
    transform: translateY(-1px)
}

.multiplayer-page .partner-toolbar-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1.5px solid #00ffff;
    border-radius: 12px;
    background: #00ffff1a;
    color: #0ff;
    cursor: pointer;
    box-shadow: inset 0 0 10px #00ffff1a,0 2px 5px #0000004d;
    transition: all .2s ease
}

.multiplayer-page .partner-toolbar-icon-btn:hover {
    filter: brightness(1.2);
    transform: translateY(-1px)
}

.multiplayer-page .partner-multiplayer-home {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
    border-radius: 16px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background-color: #0b1426;
    scroll-padding-bottom: 32px
}

.multiplayer-page .partner-multiplayer-home:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/games/circuit-bg-clean.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .35;
    z-index: 0;
    pointer-events: none
}

.multiplayer-page .partner-multiplayer-title,.multiplayer-page .partner-game-tiles-grid {
    position: relative;
    z-index: 1
}

.multiplayer-page .partner-multiplayer-title {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    text-align: center;
    margin: 16px 0 4px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-shadow: 0 0 8px rgba(255,255,255,.6)
}

.multiplayer-page .partner-game-tiles-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px;
    padding: 16px 16px max(32px,calc(32px + env(safe-area-inset-bottom)))
}

.multiplayer-page .partner-game-tile {
    --partner-game-accent: var(--p-gt-text, #ffffff);
    --partner-game-accent-rgb: 255, 255, 255;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    min-height: 200px;
    border: 1.5px solid var(--p-gt-border, rgba(255, 255, 255, .55));
    border-radius: 16px;
    overflow: hidden;
    background: var(--p-gt-bg, rgba(3, 13, 32, .68));
    color: var(--partner-game-accent);
    text-align: center;
    cursor: pointer;
    padding: 20px 12px 16px;
    box-shadow: inset 0 0 20px #00000080,0 4px 10px #0000004d
}

.multiplayer-page .partner-game-tile:hover {
    border-color: var(--p-gt-border-hover, var(--partner-game-accent));
    background: var(--p-gt-bg-hover, rgba(6, 24, 54, .78));
    transform: translateY(-2px)
}

.multiplayer-page .partner-game-tile-sprite {
    width: 100px;
    height: 95px;
    background-size: 200% auto;
    margin-bottom: auto;
    opacity: .9
}

.multiplayer-page .partner-game-tile:hover .partner-game-tile-sprite {
    opacity: 1;
    filter: brightness(1.2)
}

.multiplayer-page .partner-game-tile-ludo {
    --partner-game-accent: #00ffff;
    --partner-game-accent-rgb: 0, 255, 255;
    border-color: #0ff;
    box-shadow: inset 0 0 15px #00ffff26,0 4px 10px #0000004d
}

.multiplayer-page .partner-game-tile-ludo .partner-game-tile-title {
    color: #0ff;
    text-shadow: 0 0 8px rgba(0,255,255,.6)
}

.multiplayer-page .partner-game-tile-ludo .partner-game-tile-play {
    background: #00ffff1a;
    border: 1px solid #00ffff;
    color: #0ff;
    box-shadow: 0 0 10px #0ff3
}

.multiplayer-page .partner-game-tile-ludo .partner-game-tile-sprite {
    background-position: 0% 0%
}

.multiplayer-page .partner-game-tile-skill3p {
    --partner-game-accent: #ff00ff;
    --partner-game-accent-rgb: 255, 0, 255;
    border-color: #f0f;
    box-shadow: inset 0 0 15px #ff00ff26,0 4px 10px #0000004d
}

.multiplayer-page .partner-game-tile-skill3p .partner-game-tile-title {
    color: #f0f;
    text-shadow: 0 0 8px rgba(255,0,255,.6)
}

.multiplayer-page .partner-game-tile-skill3p .partner-game-tile-play {
    background: #ff00ff1a;
    border: 1px solid #ff00ff;
    color: #f0f;
    box-shadow: 0 0 10px #f0f3
}

.multiplayer-page .partner-game-tile-skill3p .partner-game-tile-sprite {
    background-position: 100% 0%
}

.multiplayer-page .partner-game-tile-rummy {
    --partner-game-accent: #ffcc00;
    --partner-game-accent-rgb: 255, 204, 0;
    border-color: #fc0;
    box-shadow: inset 0 0 15px #ffcc0026,0 4px 10px #0000004d
}

.multiplayer-page .partner-game-tile-rummy .partner-game-tile-title {
    color: #fc0;
    text-shadow: 0 0 8px rgba(255,204,0,.6)
}

.multiplayer-page .partner-game-tile-rummy .partner-game-tile-play {
    background: #ffcc001a;
    border: 1px solid #ffcc00;
    color: #fc0;
    box-shadow: 0 0 10px #fc03
}

.multiplayer-page .partner-game-tile-rummy .partner-game-tile-sprite {
    background-position: 0% 100%
}

.multiplayer-page .partner-game-tile-callbreak {
    --partner-game-accent: #9d4edd;
    --partner-game-accent-rgb: 157, 78, 221;
    border-color: #9d4edd;
    box-shadow: inset 0 0 15px #9d4edd26,0 4px 10px #0000004d
}

.multiplayer-page .partner-game-tile-callbreak .partner-game-tile-title {
    color: #9d4edd;
    text-shadow: 0 0 8px rgba(157,78,221,.6)
}

.multiplayer-page .partner-game-tile-callbreak .partner-game-tile-play {
    background: #9d4edd1a;
    border: 1px solid #9d4edd;
    color: #9d4edd;
    box-shadow: 0 0 10px #9d4edd33
}

.multiplayer-page .partner-game-tile-callbreak .partner-game-tile-sprite {
    background-position: 100% 100%
}

.multiplayer-page .partner-game-tile-aviator {
    --partner-game-accent: #38bdf8;
    --partner-game-accent-rgb: 56, 189, 248;
    border-color: #38bdf8;
    box-shadow: inset 0 0 15px #38bdf829,0 4px 10px #0000004d
}

.multiplayer-page .partner-game-tile-chickenroad {
    --partner-game-accent: #f97316;
    --partner-game-accent-rgb: 249, 115, 22;
    border-color: #f97316;
    box-shadow: inset 0 0 15px #f9731629,0 4px 10px #0000004d
}

.multiplayer-page .partner-game-tile-image {
    position: absolute;
    top: 18px;
    left: 50%;
    width: min(68%,132px);
    height: 118px;
    transform: translate(-50%);
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 1;
    z-index: 0;
    pointer-events: none
}

.multiplayer-page .partner-game-tile-title {
    position: relative;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
    color: var(--partner-game-accent);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.1;
    text-shadow: var(--p-gt-text-glow, 0 0 8px rgba(var(--partner-game-accent-rgb), .6))
}

.multiplayer-page .partner-game-tile-play {
    width: 80%;
    background: rgba(var(--partner-game-accent-rgb),.1);
    border: 1px solid var(--partner-game-accent);
    border-radius: 999px;
    color: var(--partner-game-accent);
    padding: 6px 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 1;
    transition: all .2s ease;
    box-shadow: 0 0 10px rgba(var(--partner-game-accent-rgb),.2)
}

.multiplayer-page .partner-game-tile:hover .partner-game-tile-play {
    filter: brightness(1.2)
}

.multiplayer-page .partner-game-tile-action-tag {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    border-radius: 999px;
    padding: 2px 8px;
    background: #9d4eddd9;
    border: 1px solid #9d4edd;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase
}

.multiplayer-page .rn-home {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    color: #f7ead0;
    background: radial-gradient(circle at 50% 28%,rgba(117,20,20,.18),transparent 42%),linear-gradient(180deg,#050505,#090909 58%,#020202);
    overflow: hidden
}

.multiplayer-page .rn-home-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 10px 14px 88px;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch
}

.multiplayer-page .rn-home-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 34px;
    margin: 1px 0 8px;
    color: #f4e1bf;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .02em;
    text-align: center;
    white-space: nowrap;
    text-shadow: 0 1px 8px rgba(255,230,188,.42)
}

.multiplayer-page .rn-home-title:before,.multiplayer-page .rn-home-title:after {
    content: "";
    width: 56px;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(238,209,159,.9),transparent)
}

.multiplayer-page .rn-home-game-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px
}

.multiplayer-page .rn-home-game-card {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-items: center;
    min-height: 216px;
    padding: 10px 8px 9px;
    border: 1px solid rgba(218,202,174,.45);
    border-radius: 10px;
    background: #101010;
    color: #fff;
    overflow: hidden;
    box-shadow: inset 0 0 26px #000000b8,0 0 0 1px #ffffff0a,0 8px 14px #00000047
}

.multiplayer-page .rn-home-game-card:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at 50% 42%,rgba(255,255,255,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%);
    opacity: .78;
    pointer-events: none
}

.multiplayer-page .rn-home-game-card-ludo {
    background: linear-gradient(180deg,#06280d,#061307)
}

.multiplayer-page .rn-home-game-card-poker {
    background: linear-gradient(180deg,#061226,#030812)
}

.multiplayer-page .rn-home-game-card-rummy {
    background: linear-gradient(180deg,#380603,#150202)
}

.multiplayer-page .rn-home-game-card-skill3p {
    background: linear-gradient(180deg,#2f0730,#120214)
}

.multiplayer-page .rn-home-game-title {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 2px 8px rgba(0,0,0,.9)
}

.multiplayer-page .rn-home-game-image {
    position: relative;
    z-index: 1;
    justify-self: center;
    width: min(96%,154px);
    height: 130px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 2px 0 8px;
    filter: drop-shadow(0 6px 8px rgba(0,0,0,.68))
}

.multiplayer-page .rn-home-game-play {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 5px 8px;
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(180deg,#ffffff2e,#00000038);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.05;
    text-align: center;
    text-transform: uppercase;
    box-shadow: inset 0 0 12px #ffffff1f
}

.multiplayer-page .rn-home-game-card-ludo .rn-home-game-play {
    background-color: #116a1f
}

.multiplayer-page .rn-home-game-card-poker .rn-home-game-play {
    background-color: #0a4d86
}

.multiplayer-page .rn-home-game-card-rummy .rn-home-game-play {
    background-color: #930e0a
}

.multiplayer-page .rn-home-game-card-skill3p .rn-home-game-play {
    background-color: #7a127e
}

.multiplayer-page .rn-home-banners {
    margin-top: 12px
}

.multiplayer-page .rn-home-banner {
    display: block;
    width: 100%;
    min-height: 100px;
    border: 1px solid rgba(218,202,174,.36);
    border-radius: 9px;
    background: linear-gradient(180deg,#051113c7,#05090aeb);
    box-shadow: inset 0 0 20px #0000009e;
    padding: 0;
    overflow: hidden
}

.multiplayer-page .rn-home-banner img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.multiplayer-page .rn-home-bottom-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    min-height: 70px;
    padding: 7px 4px calc(5px + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(202,181,143,.25);
    background: linear-gradient(180deg,#0c0c0cf7,#030303);
    box-shadow: 0 -8px 18px #0000006b
}

.multiplayer-page .rn-home-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #9b9489;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.05;
    text-transform: uppercase
}

.multiplayer-page .rn-home-nav-item img {
    width: 30px;
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: .8
}

.multiplayer-page .rn-home-nav-item.active {
    color: #ffe4ac
}

.multiplayer-page .rn-home-nav-item.active img {
    opacity: 1;
    filter: drop-shadow(0 0 6px rgba(255,221,157,.52))
}

.multiplayer-page .rn-home-dialog-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #0000009e
}

.multiplayer-page .rn-home-dialog {
    width: min(300px,100%);
    padding: 20px;
    border: 1px solid rgba(232,202,146,.64);
    border-radius: 10px;
    background: linear-gradient(180deg,#161616,#070707);
    color: #f6ead4;
    text-align: center;
    box-shadow: 0 18px 36px #0000008a
}

.multiplayer-page .rn-home-dialog h2 {
    margin: 0 0 8px;
    font-size: 22px
}

.multiplayer-page .rn-home-dialog p {
    margin: 0 0 16px;
    color: #cdbb9a;
    font-size: 14px
}

.multiplayer-page .rn-home-dialog button {
    min-width: 90px;
    min-height: 34px;
    border: 1px solid rgba(255,232,179,.68);
    border-radius: 7px;
    background: linear-gradient(180deg,#f7c658,#a66f13);
    color: #17100a;
    font-weight: 900
}

.multiplayer-page .partner-webbuild-warmup-frame {
    position: absolute;
    width: 0;
    height: 0;
    border: 0;
    opacity: 0;
    pointer-events: none
}

.multiplayer-page .partner-multiplayer-game {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden
}

.multiplayer-page .partner-game-toolbar {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    flex-shrink: 0;
    position: relative;
    z-index: 1
}

.multiplayer-page .partner-game-toolbar-title {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    flex: 1;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 1px
}

.multiplayer-page .partner-game-layout {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 16px 16px;
    position: relative;
    z-index: 1
}

.multiplayer-page .partner-game-layout-left,.multiplayer-page .partner-game-layout-right {
    background: transparent;
    border: none;
    padding: 0;
    box-shadow: none
}

.multiplayer-page .partner-game-layout-left {
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow-y: auto;
    overflow-x: visible;
    width: 35%;
    flex: 0 0 35%;
    padding: 16px 20px
}

.multiplayer-page .partner-game-layout-right {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: calc(65% - 12px);
    flex: 0 0 calc(65% - 12px);
    overflow: hidden
}

.multiplayer-page .partner-stakes-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 8px
}

.multiplayer-page .partner-stakes-scroll::-webkit-scrollbar {
    width: 6px
}

.multiplayer-page .partner-stakes-scroll::-webkit-scrollbar-track {
    background: transparent
}

.multiplayer-page .partner-stakes-scroll::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 20px
}

.multiplayer-page .partner-arena-tile {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    border: 1.5px solid #ff00ff;
    border-radius: 12px;
    background: #ff00ff0d;
    color: #f0f;
    text-align: center;
    cursor: pointer;
    transition: all .3s cubic-bezier(.4,0,.2,1);
    box-shadow: inset 0 0 10px #ff00ff1a,0 2px 5px #0000004d;
    margin: 0;
    padding: 8px 10px;
    opacity: .75
}

.multiplayer-page .partner-arena-tile:hover {
    transform: translateY(-2px);
    background: #ff00ff26;
    box-shadow: inset 0 0 15px #f0f3,0 4px 10px #0006;
    opacity: .85
}

.multiplayer-page .partner-arena-tile.active {
    background: #ff00ff26;
    border: 2px solid #ff00ff;
    color: #f0f;
    box-shadow: 0 4px 6px #0000004d;
    overflow: hidden;
    opacity: 1
}

.multiplayer-page .partner-arena-tile.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6px;
    background-color: #f0f;
    z-index: 0
}

.multiplayer-page .partner-arena-tile-image {
    display: none
}

.multiplayer-page .partner-arena-tile-labels {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    gap: 6px;
    font-size: 16px;
    line-height: 1.05;
    text-align: center
}

.multiplayer-page .partner-arena-tile-title {
    display: block;
    font-size: 1em;
    font-weight: 700;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
    text-wrap: pretty
}

.multiplayer-page .partner-arena-tile-lower-title {
    display: block;
    font-size: .8em;
    font-weight: 600;
    position: relative;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
    text-wrap: pretty;
    opacity: .95
}

.multiplayer-page .partner-arena-tile-title+.partner-arena-tile-lower-title:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 50%;
    width: 78%;
    height: 1px;
    transform: translate(-50%);
    background: linear-gradient(90deg,transparent 0%,currentColor 20%,currentColor 80%,transparent 100%)
}

.multiplayer-page .partner-arena-tile-labels.lower-only .partner-arena-tile-lower-title,.multiplayer-page .partner-arena-tile-lower-title.only {
    font-size: .8em;
    font-weight: 600
}

.multiplayer-page .partner-arena-tile.active .partner-arena-tile-title {
    font-weight: 700
}

.multiplayer-page .partner-arena-tile.active .partner-arena-tile-lower-title {
    font-weight: 600
}

.multiplayer-page .active-game-ludo .partner-arena-tile-image,.multiplayer-page .active-game-skill3p .partner-arena-tile-image,.multiplayer-page .active-game-rummy .partner-arena-tile-image,.multiplayer-page .active-game-callbreak .partner-arena-tile-image {
    display: none
}

.multiplayer-page .partner-webbuild-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(960px,100vw);
    background: #fff;
    border-left: 1px solid #dbe3ed;
    box-shadow: -10px 0 28px #0f172a2e;
    transform: translate(102%);
    transition: transform .24s ease;
    z-index: 1200;
    display: flex;
    flex-direction: column
}

.multiplayer-page .private-table-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1180;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: #02061794
}

.multiplayer-page .private-table-sheet {
    position: relative;
    width: min(560px,100vw);
    max-height: min(86vh,760px);
    overflow-y: auto;
    border: 1px solid rgba(148,163,184,.42);
    border-bottom: 0;
    border-radius: 22px 22px 0 0;
    background: #07111f;
    color: #f8fafc;
    box-shadow: 0 -18px 42px #00000073;
    padding: 16px 18px max(22px,calc(22px + env(safe-area-inset-bottom)));
    animation: private-table-slide-up .22s ease-out
}

@keyframes private-table-slide-up {
    0% {
        transform: translateY(18px);
        opacity: .7
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.multiplayer-page .private-table-sheet-handle {
    width: 46px;
    height: 4px;
    border-radius: 999px;
    margin: 0 auto 8px;
    background: #e2e8f061
}

.multiplayer-page .private-table-sheet-actions {
    position: absolute;
    top: 14px;
    right: 14px;
    display: flex;
    gap: 8px
}

.multiplayer-page .private-table-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 38px;
    height: 36px;
    border: 1px solid rgba(148,163,184,.5);
    border-radius: 10px;
    background: #0f172ac7;
    color: #e2e8f0;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer
}

.multiplayer-page .private-table-header {
    padding-right: 96px;
    margin-bottom: 16px
}

.multiplayer-page .private-table-header h2 {
    margin: 0;
    color: #fde047;
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: 0;
    text-shadow: 0 0 12px rgba(253,224,71,.28)
}

.multiplayer-page .private-table-header p {
    margin: 6px 0 0;
    color: #e0f2fe;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25
}

.multiplayer-page .private-table-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(148,163,184,.24);
    padding: 14px 0
}

.multiplayer-page .private-table-or-divider {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    align-items: center;
    gap: 10px;
    margin: 2px 0;
    color: #fde047
}

.multiplayer-page .private-table-or-divider span {
    height: 1px;
    background: linear-gradient(90deg,transparent 0%,rgba(253,224,71,.72) 50%,transparent 100%)
}

.multiplayer-page .private-table-or-divider strong {
    border: 1px solid rgba(253,224,71,.45);
    border-radius: 999px;
    background: #fde0471a;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0
}

.multiplayer-page .private-table-section h3 {
    margin: 0;
    color: #f8fafc;
    font-size: 16px;
    line-height: 1.2
}

.multiplayer-page .private-table-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 700
}

.multiplayer-page .private-table-field small {
    color: #94a3b8;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.15
}

.multiplayer-page .private-table-field input,.multiplayer-page .private-table-input-with-suffix {
    width: 100%;
    box-sizing: border-box
}

.multiplayer-page .private-table-field input {
    height: 44px;
    border: 1px solid rgba(148,163,184,.55);
    border-radius: 10px;
    background: #0f172a;
    color: #fff;
    padding: 0 12px;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0;
    outline: none
}

.multiplayer-page .private-table-field input:focus {
    border-color: #38bdf8;
    box-shadow: 0 0 0 2px #38bdf829
}

.multiplayer-page .private-table-input-with-suffix {
    display: flex;
    align-items: stretch;
    border-radius: 10px
}

.multiplayer-page .private-table-input-with-suffix input {
    border-radius: 10px 0 0 10px
}

.multiplayer-page .private-table-input-with-suffix>span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    border: 1px solid rgba(148,163,184,.55);
    border-left: 0;
    border-radius: 0 10px 10px 0;
    background: #0f172ae6;
    color: #bae6fd;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 900
}

.multiplayer-page .private-table-primary-button,.multiplayer-page .private-table-secondary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0;
    cursor: pointer
}

.multiplayer-page .private-table-primary-button {
    border: 1px solid #22c55e;
    background: #22c55e;
    color: #04130a
}

.multiplayer-page .private-table-secondary-button {
    border: 1px solid #38bdf8;
    background: #38bdf81f;
    color: #e0f2fe
}

.multiplayer-page .private-table-primary-button:disabled,.multiplayer-page .private-table-secondary-button:disabled {
    opacity: .62;
    cursor: wait
}

.multiplayer-page .private-table-error {
    border: 1px solid rgba(248,113,113,.58);
    border-radius: 10px;
    background: #7f1d1d47;
    color: #fecaca;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 700
}

.multiplayer-page .private-table-result-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px solid rgba(56,189,248,.34);
    border-radius: 8px;
    background: #0f172ab8;
    padding: 12px
}

.multiplayer-page .private-table-confirm-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #020617b8;
    padding: 18px
}

.multiplayer-page .private-table-confirm-dialog {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: min(360px,100%);
    border: 1px solid rgba(250,204,21,.34);
    border-radius: 8px;
    background: #0f172a;
    box-shadow: 0 20px 52px #0000006b;
    padding: 18px
}

.multiplayer-page .private-table-confirm-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(148,163,184,.34);
    border-radius: 50%;
    background: #0f172ae6;
    color: #e2e8f0;
    cursor: pointer
}

.multiplayer-page .private-table-result-title {
    color: #f8fafc;
    font-size: 15px;
    font-weight: 900
}

.multiplayer-page .private-table-preview-game {
    color: #a7f3d0;
    font-size: 14px;
    font-weight: 800
}

.multiplayer-page .private-table-code-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.multiplayer-page .private-table-code-row strong {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    border: 1px dashed rgba(250,204,21,.68);
    border-radius: 8px;
    background: #facc1517;
    color: #fde68a;
    padding: 0 12px;
    font-size: 22px;
    letter-spacing: 2px
}

.multiplayer-page .private-table-code-row button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 36px;
    border: 1px solid rgba(148,163,184,.55);
    border-radius: 8px;
    background: #0206177a;
    color: #e2e8f0;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer
}

.multiplayer-page .private-table-copy-toast {
    align-self: flex-start;
    border: 1px solid rgba(34,197,94,.46);
    border-radius: 999px;
    background: #14532db8;
    color: #dcfce7;
    padding: 6px 11px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 8px 20px #00000038
}

.multiplayer-page .private-table-detail-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px
}

.multiplayer-page .private-table-detail-grid>div {
    min-width: 0;
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 8px;
    background: #02061757;
    padding: 8px
}

.multiplayer-page .private-table-detail-grid span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 800
}

.multiplayer-page .private-table-detail-grid strong {
    display: block;
    margin-top: 3px;
    color: #f8fafc;
    font-size: 13px;
    line-height: 1.2;
    overflow-wrap: anywhere
}

.multiplayer-page .partner-webbuild-panel.open {
    transform: translate(0)
}

.multiplayer-page .partner-webbuild-panel-header {
    height: 56px;
    padding: 0 14px 0 18px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #f8fafc
}

.multiplayer-page .partner-webbuild-panel-title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a
}

.multiplayer-page .partner-webbuild-close-btn {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #0f172a;
    border-radius: 10px;
    min-height: 36px;
    min-width: 86px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer
}

.multiplayer-page .partner-webbuild-close-btn:hover {
    border-color: #94a3b8
}

.multiplayer-page .partner-webbuild-panel-body {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    background: #020617
}

.multiplayer-page .partner-webbuild-live-frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    background: #020617
}

.multiplayer-page .partner-webbuild-loading-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
    color: #e2e8f0;
    background: #020617c7
}

.multiplayer-page .cg-layout-root {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.multiplayer-page .cg-layout-card {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.multiplayer-page .cg-layout-section-title {
    font-size: 16px;
    font-weight: 700;
    color: #1f2937
}

.multiplayer-page .cg-layout-section-subtitle {
    font-size: 13px;
    color: #4b5563
}

.multiplayer-page .cg-layout-children-vertical {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.multiplayer-page .cg-layout-children-horizontal {
    display: flex;
    gap: 12px;
    align-items: stretch
}

.multiplayer-page .cg-layout-children-horizontal>* {
    flex: 1 1 0;
    min-width: 0
}

.multiplayer-page .cg-layout-children-horizontal-scroll {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 6px
}

.multiplayer-page .cg-layout-horizontal-section,.multiplayer-page .cg-layout-horizontal-scroll-section,.multiplayer-page .cg-layout-vertical-section,.multiplayer-page .cg-layout-generic-section {
    padding: 10px;
    border: 1px solid #dce3ec;
    border-radius: 10px;
    background: #fff
}

.multiplayer-page .cg-banner-card {
    width: 100%;
    border: 1px solid #dce3ec;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    padding: 0
}

.multiplayer-page .cg-banner-card-actionable {
    cursor: pointer
}

.multiplayer-page .cg-banner-image {
    width: 100%;
    height: auto;
    display: block
}

.multiplayer-page .cg-banner-empty {
    padding: 10px;
    border: 1px dashed #c5cbd3;
    border-radius: 10px;
    color: #4b5563;
    background: #f8fafc;
    text-align: center
}

.multiplayer-page .cg-image-card {
    width: 100%;
    min-width: 96px;
    border: 1px solid #dce3ec;
    border-radius: 10px;
    background: #fff;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left
}

.multiplayer-page .cg-image-card.actionable {
    cursor: pointer
}

.multiplayer-page .cg-image-card.actionable:hover {
    border-color: #004e92;
    box-shadow: 0 2px 10px #004e9226
}

.multiplayer-page .cg-image-card-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.multiplayer-page .cg-image-card-title,.multiplayer-page .cg-generic-card-title {
    font-size: 13px;
    font-weight: 600;
    color: #111827
}

.multiplayer-page .cg-image-card-subtitle,.multiplayer-page .cg-generic-card-subtitle {
    font-size: 12px;
    color: #4b5563
}

.multiplayer-page .cg-filter-chip {
    border: 1px solid #c5cbd3;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 12px;
    color: #334155;
    background: #f8fafc;
    white-space: nowrap
}

.multiplayer-page .cg-filter-chip.actionable {
    cursor: pointer
}

.multiplayer-page .cg-filter-chip.selected {
    border-color: #004e92;
    color: #004e92;
    background: #eef6ff
}

.multiplayer-page .cg-generic-card {
    border: 1px solid #dce3ec;
    border-radius: 10px;
    background: #fff;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: left
}

.multiplayer-page .cg-generic-card.actionable {
    cursor: pointer
}

.multiplayer-page .cg-generic-card-meta {
    font-size: 11px;
    color: #64748b
}

.multiplayer-page .cg-panel-debug-box {
    margin-top: 14px;
    border: 1px solid #d7dde5;
    border-radius: 12px;
    background: #fff;
    padding: 10px
}

.multiplayer-page .cg-panel-debug-box-title {
    font-size: 13px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 8px
}

.multiplayer-page .cg-panel-debug-textbox {
    width: 100%;
    min-height: 220px;
    resize: vertical;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 10px;
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 12px;
    background: #f8fafc;
    color: #111827
}

.multiplayer-page .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0009;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    animation: multiplayer-fade-in .2s ease-out
}

@keyframes multiplayer-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.multiplayer-page .modal-content {
    background: linear-gradient(135deg,#fff,#f0f4f8);
    padding: 24px 28px;
    border-radius: 16px;
    text-align: center;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 20px 60px #0000004d;
    animation: multiplayer-slide-up .3s ease-out
}

@keyframes multiplayer-slide-up {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.multiplayer-page .modal-content h2 {
    margin: 0 0 12px;
    color: #004e92;
    font-size: 24px;
    font-weight: 700
}

.multiplayer-page .demo-account-modal {
    max-width: 460px
}

.multiplayer-page .demo-account-modal-copy {
    display: grid;
    gap: 10px;
    margin: 0 0 22px
}

.multiplayer-page .demo-account-modal-copy p {
    margin: 0;
    color: #1f2937;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45
}

.multiplayer-page .modal-close-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg,#000428,#004e92);
    color: #fff;
    border: none;
    padding: 12px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: transform .2s,box-shadow .2s
}

.multiplayer-page .modal-close-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px #004e9266
}

.multiplayer-page .modal-close-btn:active {
    transform: translateY(0)
}

.multiplayer-lobby-fullscreen-loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: #050614;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.multiplayer-lobby-fullscreen-loader .loader-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    pointer-events: none
}

.multiplayer-lobby-fullscreen-loader .loader-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px
}

.multiplayer-lobby-fullscreen-loader .loader-logo {
    width: 240px;
    max-width: 80vw;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    animation: pulse-logo 2s infinite ease-in-out
}

@keyframes pulse-logo {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

.multiplayer-lobby-fullscreen-loader .loader-spinner-large {
    width: 48px;
    height: 48px;
    border-width: 4px;
    border-color: #ffffff1a;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: multiplayer-spinner .8s linear infinite
}

.multiplayer-loader-recover {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.34);
    background: #14151ddb;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 10px 28px #00000059;
    transition: transform .15s ease,border-color .15s ease,background-color .15s ease
}

.multiplayer-loader-recover:hover {
    transform: translateY(-1px);
    border-color: #ffffffb8;
    background: #232530eb
}

.multiplayer-loader-recover:active {
    transform: translateY(0)
}

.multiplayer-loader-recover svg {
    width: 23px;
    height: 23px;
    stroke-width: 2.4
}

@media screen and (max-width: 768px) {
    .multiplayer-page .multiplayer-lobby {
        padding:10px 12px 18px
    }

    .multiplayer-page .cg-panel-selector-grid {
        grid-template-columns: minmax(90px,120px) minmax(0,1fr);
        max-height: 70vh
    }

    .multiplayer-page .partner-game-layout {
        grid-template-columns: minmax(0,24fr) minmax(0,76fr);
        gap: 10px;
        height: auto;
        flex: 1 1 auto;
        min-height: 0
    }

    .multiplayer-page .partner-game-layout-left,.multiplayer-page .partner-game-layout-right {
        padding: 0;
        max-height: none
    }

    .multiplayer-page .cg-lobby-action-row {
        gap: 8px;
        min-height: 36px
    }

    .multiplayer-page .cg-player-pref-tabs {
        padding: 2px
    }

    .multiplayer-page .cg-player-pref-tab {
        width: 36px;
        min-width: 36px;
        min-height: 30px;
        font-size: 13px
    }

    .multiplayer-page .cg-lobby-private-button {
        min-width: 122px;
        min-height: 34px;
        padding: 6px 13px;
        font-size: 12.5px
    }

    .multiplayer-page .private-table-sheet {
        width: 100vw;
        max-height: 88vh;
        padding-left: 14px;
        padding-right: 14px
    }

    .multiplayer-page .private-table-detail-grid {
        grid-template-columns: 1fr
    }

    .multiplayer-page .partner-arena-tile {
        min-height: 70px;
        padding: 8px 6px
    }

    .multiplayer-page .partner-arena-tile-labels {
        font-size: clamp(16px,4.4vw,22px);
        line-height: 1.05
    }

    .multiplayer-page .partner-game-tile-title {
        font-size: 20px
    }

    .multiplayer-page .partner-webbuild-panel {
        width: 100vw
    }

    .multiplayer-page .partner-webbuild-panel-header {
        height: 52px;
        padding: 0 10px 0 12px
    }

    .multiplayer-page .partner-webbuild-panel-title {
        font-size: 13px
    }

    .multiplayer-page .partner-webbuild-close-btn {
        min-height: 34px;
        min-width: 78px;
        padding: 6px 10px
    }

    .multiplayer-page .modal-content {
        padding: 18px 20px
    }

    .multiplayer-page .modal-content h2 {
        font-size: 20px
    }
}

.classic-theme.mr-login-page {
    min-height: 100vh
}

.classic-theme.mr-login-page:before {
    opacity: .78
}

.classic-theme .mr-login-page__container {
    min-height: 100vh
}

.classic-theme .mr-login-page__box {
    max-width: 410px
}

.classic-theme .mr-login-page__box .login-box-container {
    padding-top: 42px
}

.classic-theme .mr-login-page__box .login-in-title {
    margin-bottom: 28px;
    text-align: center;
    letter-spacing: 0;
    color: #ffd600;
    font-family: Trebuchet MS,Gill Sans,Segoe UI,system-ui,sans-serif;
    font-size: clamp(32px,8vw,46px);
    line-height: .95;
    text-transform: none;
    text-shadow: 0 0 16px rgba(255,214,0,.34),0 3px 0 rgba(0,0,0,.62)
}

.classic-theme .mr-login-page__box .custom-input-prefix {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.classic-theme .mr-login-page__error {
    margin-bottom: 16px;
    color: #e91100;
    font-size: 14px;
    text-align: center
}

@media (max-width: 480px) {
    .classic-theme .mr-login-page__box .login-box-container {
        padding-top:34px
    }
}

._container_mrgdd_1 {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: radial-gradient(circle at top,#0e2740,#08131f 55%,#050a11);
    overflow: hidden
}

._splashScreen_mrgdd_10 {
    height: calc(var(--gv-height, var(--game-viewport-height, 100vh)) - var(--app-header-height, 0px));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
    color: #dbeafe
}

._splashLoader_mrgdd_20 {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 4px solid rgba(148,163,184,.3);
    border-top-color: #38bdf8;
    animation: _spin_mrgdd_1 .85s linear infinite
}

._splashText_mrgdd_29 {
    font-size: 14px;
    letter-spacing: .2px
}

._tableViewport_mrgdd_34 {
    position: relative;
    height: calc(var(--gv-height, var(--game-viewport-height, 100vh)) - var(--app-header-height, 0px));
    padding: 14px 12px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px
}

._replayMatchLabel_mrgdd_44 {
    position: absolute;
    top: 8px;
    left: 50%;
    z-index: 45;
    max-width: calc(100% - 24px);
    transform: translate(-50%);
    border-radius: 999px;
    padding: 4px 10px;
    background: #02061794;
    color: #e2e8f0eb;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none
}

._lowBalanceWarningBanner_mrgdd_64 {
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translate(-50%);
    z-index: 40;
    border-radius: 999px;
    padding: 7px 16px;
    background: linear-gradient(180deg,#dc2626,#991b1b);
    border: 1px solid rgba(254,202,202,.8);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .3px;
    box-shadow: 0 10px 24px #7f1d1d73;
    animation: _low-balance-warning-enter_mrgdd_1 .26s ease-out;
    pointer-events: none
}

._topLeftControls_mrgdd_83 {
    position: absolute;
    top: max(env(safe-area-inset-top,16px),16px);
    left: max(env(safe-area-inset-left,16px),16px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    z-index: 50
}

._soundToggleBtn_mrgdd_94 {
    position: static;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #0f172ab3;
    border: 1px solid rgba(255,255,255,.2);
    color: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    cursor: pointer;
    box-shadow: 0 4px 12px #0000004d;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    transition: all .15s ease
}

._soundToggleBtn_mrgdd_94:active {
    transform: scale(.95);
    background: #0f172ae6
}

._soundToggleBtn_mrgdd_94 svg {
    width: 20px;
    height: 20px;
    fill: currentColor
}

._pokerTopControlActive_mrgdd_123 {
    color: #fef3c7;
    border-color: #facc15e0;
    box-shadow: 0 0 0 2px #facc1524,0 4px 12px #0000004d
}

._pokerRanksGuideBtn_mrgdd_129 svg {
    width: 22px;
    height: 22px
}

._pokerMenuToggleBtn_mrgdd_134 {
    overflow: hidden
}

._pokerMenuChevron_mrgdd_138 {
    transition: transform .16s ease
}

._pokerMenuChevronOpen_mrgdd_142 {
    transform: rotate(180deg)
}

._pokerInlineMenu_mrgdd_146 {
    min-width: 176px;
    padding: 6px;
    border-radius: 8px;
    background: #020617eb;
    border: 1px solid rgba(148,163,184,.35);
    box-shadow: 0 10px 24px #0006;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    display: flex;
    flex-direction: column;
    gap: 4px
}

._pokerInlineMenuItem_mrgdd_159 {
    min-height: 30px;
    border: 0;
    border-radius: 6px;
    padding: 0 9px;
    background: transparent;
    color: #e5e7eb;
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px
}

._pokerInlineMenuItem_mrgdd_159:not(:disabled):active {
    background: #facc1524;
    color: #fef3c7
}

._pokerInlineMenuItem_mrgdd_159:disabled {
    color: #94a3b899;
    cursor: not-allowed
}

._pokerMenuCheckbox_mrgdd_185 {
    width: 15px;
    height: 15px;
    border-radius: 4px;
    border: 1px solid rgba(226,232,240,.55);
    background: #0f172ad1;
    box-shadow: inset 0 0 0 1px #02061773;
    flex: 0 0 auto;
    position: relative
}

._pokerMenuCheckboxChecked_mrgdd_196 {
    border-color: #22c55ef2;
    background: linear-gradient(180deg,#4ade80,#16a34a);
    box-shadow: 0 0 10px #22c55e52
}

._pokerMenuCheckboxChecked_mrgdd_196:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #052e16;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.m3p-poker-ranks-icon-spade {
    fill: currentColor;
    filter: drop-shadow(0 0 4px rgba(226,232,240,.28))
}

._pokerHandGuidePanel_mrgdd_219 {
    position: absolute;
    left: max(env(safe-area-inset-left,12px),12px);
    right: max(env(safe-area-inset-right,12px),12px);
    bottom: calc(max(env(safe-area-inset-bottom,10px),10px) + 66px);
    z-index: 62;
    max-width: 620px;
    margin: 0 auto;
    height: min(62vh,470px);
    min-height: 390px;
    border-radius: 10px;
    border: 1px solid rgba(250,204,21,.42);
    background: #020617eb;
    box-shadow: 0 14px 34px #0000007a;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    overflow: hidden;
    animation: _pokerHandGuideSlideUp_mrgdd_1 .16s ease-out
}

@keyframes _pokerHandGuideSlideUp_mrgdd_1 {
    0% {
        transform: translateY(18px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

._pokerHandGuideHeader_mrgdd_249 {
    height: 34px;
    padding: 0 8px 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fef3c7;
    font-size: 12px;
    font-weight: 800;
    border-bottom: 1px solid rgba(148,163,184,.24)
}

._pokerHandGuideCloseBtn_mrgdd_261 {
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #e5e7eb;
    font-size: 20px;
    line-height: 24px;
    cursor: pointer
}

._pokerHandGuideRows_mrgdd_273 {
    height: calc(100% - 34px);
    overflow: hidden;
    padding: 6px;
    display: grid;
    grid-template-rows: repeat(10,minmax(0,1fr));
    gap: 4px
}

._pokerHandGuideRow_mrgdd_273 {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(92px,.9fr) minmax(0,1.6fr);
    align-items: center;
    gap: 7px;
    padding: 3px 6px;
    border-radius: 7px;
    background: #0f172aa8;
    border: 1px solid rgba(148,163,184,.16)
}

._pokerHandGuideName_mrgdd_294 {
    min-width: 0;
    color: #e5e7eb;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.1
}

._pokerHandGuideCards_mrgdd_302 {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px
}

._pokerHandGuideCardWrap_mrgdd_310 {
    width: 21px;
    height: 31px;
    border-radius: 3px
}

._pokerHandGuideCardActive_mrgdd_316 {
    filter: none;
    box-shadow: 0 0 9px #facc155c
}

._pokerHandGuideCardDull_mrgdd_321 {
    filter: grayscale(1) brightness(.55);
    opacity: .56
}

._pokerHandGuideCard_mrgdd_302 {
    width: 100%;
    height: 100%;
    border-radius: inherit
}

._rulesLimitsCard_mrgdd_332 {
    margin-top: 18px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    background: #f8fafc
}

._rulesLimitsHeading_mrgdd_340 {
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    background: #eff6ff;
    border-bottom: 1px solid #e2e8f0
}

._rulesLimitsRows_mrgdd_349 {
    display: flex;
    flex-direction: column
}

._rulesLimitsRow_mrgdd_349 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #e2e8f0
}

._rulesLimitsRow_mrgdd_349:last-child {
    border-bottom: none
}

._rulesLimitsLabel_mrgdd_367 {
    color: #334155;
    font-size: 13px;
    font-weight: 600
}

._rulesLimitsValue_mrgdd_373 {
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
    font-variant-numeric: tabular-nums
}

._tableBoardWrapper_mrgdd_380 {
    position: relative;
    width: 100%;
    margin: auto 0 0;
    flex: 0 0 75%;
    height: 75%;
    z-index: 5;
    --m3p-table-side-inset: 8.5%
}

._tableBoard_mrgdd_380 {
    --m3p-table-color: #06271f;
    --m3p-table-border: #8f6b22;
    position: absolute;
    top: 0;
    right: var(--m3p-table-side-inset);
    bottom: 0;
    left: var(--m3p-table-side-inset);
    width: auto;
    height: auto;
    border-radius: min(15vw,15vh);
    background: linear-gradient(180deg,#082b22 0%,var(--m3p-table-color) 48%,#03140f 100%);
    border: 7px solid var(--m3p-table-border);
    box-shadow: inset 0 0 40px #00000073,0 20px 60px #00000059;
    z-index: 2
}

._container_mrgdd_1[data-m3p-table-palette=jq-loading-inspired] ._tableBoard_mrgdd_380 {
    --m3p-table-color: #02291d;
    background: radial-gradient(ellipse at 50% 46%,#06603e9e,#033c2abd 42%,#001c14fa 78%),linear-gradient(180deg,#053724 0%,var(--m3p-table-color) 52%,#00170f 100%);
    box-shadow: inset 0 0 54px #0000006b,inset 0 0 110px #000d098a,0 20px 60px #00000059
}

._container_mrgdd_1[data-m3p-table-shape=vertical-capsule] ._tableBoard_mrgdd_380 {
    border-radius: 50%/22%
}

._container_mrgdd_1[data-m3p-dealer=hidden] ._tableBoardWrapper_mrgdd_380 {
    flex: 0 0 86%;
    height: 86%;
    margin: 0;
    --m3p-table-side-inset: 8.5%
}

._container_mrgdd_1[data-m3p-game=poker] ._tableBoardWrapper_mrgdd_380 {
    flex: 0 0 82%;
    height: 82%;
    margin: auto 0 0;
    --m3p-table-side-inset: 7.5%
}

._container_mrgdd_1[data-m3p-game=poker] ._tableBoard_mrgdd_380 {
    border-radius: min(17vw,17vh)
}

._dealerSprite_mrgdd_444 {
    position: absolute;
    top: 0;
    left: 50%;
    width: min(14.85vh,90px);
    height: min(19.8vh,120px);
    transform: translate(-50%,-95%);
    background-size: 600% 400%;
    background-repeat: no-repeat;
    z-index: 3;
    filter: drop-shadow(0 10px 15px rgba(0,0,0,.5));
    cursor: pointer;
    transition: transform .5s ease-in-out
}

._dealerSeatedFront_mrgdd_459 {
    transform: translate(-50%,-95%);
    z-index: 3
}

._dealerAtTopFront_mrgdd_464 {
    transform: translate(-50%,-100%);
    z-index: 3
}

._dealerAtTopBehind_mrgdd_469 {
    transform: translate(-50%,-100%);
    z-index: 1
}

._dealerDownBehind_mrgdd_474 {
    transform: translate(-50%);
    z-index: 1
}

._dealerDrawerOverlay_mrgdd_479 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0009;
    z-index: 49;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

._dealerDrawerOverlayOpen_mrgdd_489 {
    opacity: 1;
    pointer-events: auto
}

._dealerDrawer_mrgdd_479 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 280px;
    background: #0f172af2;
    border-left: 1px solid rgba(255,255,255,.1);
    box-shadow: -10px 0 30px #00000080;
    transform: translate(100%);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    z-index: 50;
    display: flex;
    flex-direction: column
}

._dealerDrawerOpen_mrgdd_510 {
    transform: translate(0)
}

._dealerDrawerHeader_mrgdd_514 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

._dealerDrawerTitleWrap_mrgdd_525 {
    display: flex;
    flex-direction: column;
    gap: 2px
}

._dealerDrawerFee_mrgdd_531 {
    font-size: 12px;
    font-weight: 600;
    color: #facc15
}

._dealerDrawerCloseBtn_mrgdd_537 {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    padding: 0
}

._dealerDrawerContent_mrgdd_547 {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px
}

._dealerThumbnailWrap_mrgdd_556 {
    position: relative;
    width: 100%;
    padding-bottom: 133.33%;
    border-radius: 8px;
    background: #0000004d;
    overflow: hidden;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color .2s ease
}

._dealerThumbnailWrap_mrgdd_556:hover {
    border-color: #0ea5e980
}

._dealerThumbnailSelected_mrgdd_572 {
    border-color: #38bdf8!important;
    background: #38bdf833
}

._dealerThumbnailDisabled_mrgdd_577 {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

._dealerThumbnailImg_mrgdd_583 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,.5))
}

._profileDrawerOverlay_mrgdd_595 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0009;
    z-index: 49;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

._profileDrawerOverlayOpen_mrgdd_605 {
    opacity: 1;
    pointer-events: auto
}

._profileDrawer_mrgdd_595 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 280px;
    background: #0f172af2;
    border-left: 1px solid rgba(255,255,255,.1);
    box-shadow: -10px 0 30px #00000080;
    transform: translate(100%);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    z-index: 50;
    display: flex;
    flex-direction: column
}

._profileDrawerOpen_mrgdd_626 {
    transform: translate(0)
}

._profileDrawerHeader_mrgdd_630 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

._profileDrawerCloseBtn_mrgdd_641 {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    padding: 0
}

._profileDrawerContent_mrgdd_651 {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px
}

._profileThumbnailWrap_mrgdd_660 {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 999px;
    background: #0000004d;
    overflow: hidden;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color .2s ease
}

._profileThumbnailWrap_mrgdd_660:hover {
    border-color: #0ea5e980
}

._profileThumbnailSelected_mrgdd_676 {
    border-color: #38bdf8!important;
    background: #38bdf833
}

._profileThumbnailImg_mrgdd_681 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

._statusText_mrgdd_690 {
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #0000006b;
    color: #e2e8f0;
    border: 1px solid rgba(148,163,184,.4);
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .15px;
    z-index: 7
}

._container_mrgdd_1[data-m3p-game=poker] ._statusText_mrgdd_690 {
    top: 64%
}

._replayStateTitle_mrgdd_710 {
    position: absolute;
    top: 69%;
    left: 50%;
    z-index: 8;
    max-width: min(58%,300px);
    transform: translate(-50%,-50%);
    border-radius: 999px;
    padding: 6px 12px;
    background: #020617d6;
    border: 1px solid rgba(250,204,21,.7);
    color: #fde68a;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.12;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    box-shadow: 0 8px 18px #02061761
}

._potWrap_mrgdd_733 {
    position: absolute;
    top: 59%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #00000080;
    border: 1px solid rgba(14,165,233,.55);
    box-shadow: 0 8px 30px #02061759;
    z-index: 2;
    overflow: hidden;
    min-width: 86px;
    --pot-limit-progress: 0%;
    --pot-limit-fill-opacity: .12;
    --pot-limit-glow-alpha: .06;
    transition: border-color .25s ease,box-shadow .25s ease
}

._container_mrgdd_1[data-m3p-game=poker] ._potWrap_mrgdd_733 {
    top: 42%
}

._potWrapWithLimit_mrgdd_760 {
    border-color: #2dd4bfad;
    box-shadow: 0 8px 30px #02061759,0 0 14px rgba(45,212,191,var(--pot-limit-glow-alpha))
}

._potWrapWithLimit_mrgdd_760:before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--pot-limit-progress);
    background: linear-gradient(90deg,#14b8a6,#2dd4bf);
    opacity: var(--pot-limit-fill-opacity);
    transition: width .32s linear,opacity .32s linear;
    z-index: 0
}

._potIcon_mrgdd_783 {
    width: 18px;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain;
    flex: 0 0 auto;
    position: relative;
    z-index: 1
}

._potValue_mrgdd_792 {
    color: #fef08a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    position: relative;
    z-index: 1
}

._autoShowCue_mrgdd_806 {
    position: absolute;
    left: 50%;
    top: 59%;
    transform: translate(-50%,-50%);
    padding: 4px 12px;
    border-radius: 999px;
    background: #031211db;
    border: 1px solid rgba(45,212,191,.85);
    color: #ccfbf1;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0;
    box-shadow: 0 0 18px #2dd4bf4d;
    pointer-events: none;
    z-index: 5;
    animation: _auto-show-slide-out_mrgdd_1 2.2s ease-out forwards
}

._communityBoard_mrgdd_827 {
    position: absolute;
    left: 50%;
    top: 43%;
    transform: translate(-50%,-50%);
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: min(1.2vw,8px);
    width: min(48vw,260px);
    z-index: 4;
    pointer-events: none
}

._container_mrgdd_1[data-m3p-game=poker] ._communityBoard_mrgdd_827 {
    top: 53%;
    width: min(46vw,250px)
}

._communityCard_mrgdd_845 {
    aspect-ratio: 5 / 7;
    min-width: 0
}

._communityCardImage_mrgdd_850 {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    filter: drop-shadow(0 5px 8px rgba(0,0,0,.35))
}

._showCallerBadge_mrgdd_857 {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%);
    padding: 4px 12px;
    border-radius: 999px;
    background: #facc15f2;
    border: 1px solid rgba(254,240,138,.95);
    color: #1f1300;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0;
    box-shadow: 0 0 16px #facc1573;
    pointer-events: none;
    z-index: 9;
    animation: _show-caller-pop_mrgdd_1 2.2s ease-out forwards
}

._playerStakeWrap_mrgdd_878 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 48px;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 999px;
    background: linear-gradient(180deg,#86efac,#22c55e);
    border: 1px solid rgba(187,247,208,.95);
    color: #052e16;
    box-shadow: 0 6px 20px #02061757,0 0 12px #22c55e6b;
    z-index: 4;
    max-width: 110px;
    pointer-events: none
}

._playerStakeIcon_mrgdd_897 {
    width: 15px;
    height: 15px;
    -o-object-fit: contain;
    object-fit: contain;
    flex: 0 0 auto
}

._playerStakeValue_mrgdd_904 {
    color: #052e16;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    min-width: 0;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._playerCheckStakeWrap_mrgdd_917 {
    width: 32px;
    min-width: 32px;
    padding: 4px
}

._playerBlindMarker_mrgdd_923 {
    position: absolute;
    min-width: 28px;
    height: 20px;
    padding: 0 7px;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,.3);
    background: #1e3a8a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    box-shadow: 0 5px 16px #02061761;
    z-index: 5;
    pointer-events: none
}

._playerBlindMarkerSmall_mrgdd_944 {
    background: #1e3a8a;
    border-color: #93c5fde6
}

._playerBlindMarkerBig_mrgdd_949 {
    background: #a5270f;
    border-color: #fecacae6
}

._pokerDealerButtonAnchor_mrgdd_954 {
    position: absolute;
    width: 120px;
    height: 1px;
    z-index: 3;
    pointer-events: none
}

._pokerDealerButton_mrgdd_954 {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 2px solid rgba(250,204,21,.95);
    background: linear-gradient(180deg,#f8fafc,#dbeafe);
    color: #111827;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    box-shadow: 0 5px 14px #0206175c
}

._stakeForBottom_mrgdd_980 {
    left: 50%;
    top: 4px;
    transform: translate(-50%,-100%)
}

._stakeForRightMiddle_mrgdd_986 {
    left: calc(50% - 18px);
    top: 24px;
    transform: translate(-100%,-50%)
}

._stakeForBottomLeft_mrgdd_992,._stakeForLeftTop_mrgdd_993 {
    left: calc(50% + 18px);
    top: 24px;
    transform: translateY(-50%)
}

._stakeForBottomRight_mrgdd_999,._stakeForRightTop_mrgdd_1000 {
    left: calc(50% - 18px);
    top: 24px;
    transform: translate(-100%,-50%)
}

._stakeForTopCenter_mrgdd_1006 {
    left: 50%;
    top: 4px;
    transform: translate(-50%,-100%)
}

._blindMarkerForBottom_mrgdd_1012,._blindMarkerForTopCenter_mrgdd_1013 {
    left: 50%;
    top: -18px;
    transform: translateY(-100%)
}

._blindMarkerForBottomLeft_mrgdd_1019,._blindMarkerForLeftTop_mrgdd_1020 {
    left: calc(50% + 18px);
    top: 0;
    transform: translateY(-50%)
}

._blindMarkerForBottomRight_mrgdd_1026,._blindMarkerForRightTop_mrgdd_1027,._blindMarkerForRightMiddle_mrgdd_1028 {
    left: calc(50% - 18px);
    top: 0;
    transform: translate(-100%,-50%)
}

._pokerDealerButtonForBottom_mrgdd_1034,._pokerDealerButtonForTopCenter_mrgdd_1035 {
    left: calc(50% - 34px);
    top: 8px;
    transform: translate(-100%,-50%)
}

._pokerDealerButtonForBottomLeft_mrgdd_1041,._pokerDealerButtonForLeftTop_mrgdd_1042 {
    left: calc(50% + 34px);
    top: 8px;
    transform: translateY(-50%)
}

._pokerDealerButtonForBottomRight_mrgdd_1048,._pokerDealerButtonForRightMiddle_mrgdd_1049 {
    left: calc(50% - 34px);
    top: 8px;
    transform: translate(-100%,-50%)
}

._pokerDealerButtonForRightTop_mrgdd_1055 {
    left: calc(50% + 34px);
    top: 4px;
    transform: translateY(-50%)
}

._deck_mrgdd_1061 {
    position: absolute;
    top: 46%;
    left: 50%;
    width: 42px;
    height: 56px;
    transform: translate(-50%,-50%);
    border-radius: 7px;
    background: linear-gradient(155deg,#f9fafb,#dbeafe 18%,#1e3a8a 18%,#172554);
    border: 1px solid rgba(191,219,254,.8);
    box-shadow: 0 6px 16px #0f172a8c;
    z-index: 4
}

._deckActive_mrgdd_1075 {
    animation: _deck-pulse_mrgdd_1 .35s ease-out infinite alternate
}

._playerSeat_mrgdd_1079 {
    position: absolute;
    width: 120px;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    transition: filter .16s ease-out;
    z-index: 2
}

._activeTurnSeat_mrgdd_1091 {
    filter: drop-shadow(0 0 12px rgba(250,204,21,.45))
}

._seatBottom_mrgdd_1095 {
    left: 50%;
    bottom: calc(22px - 5vh);
    transform: translate(-50%)
}

._seatBottomLeft_mrgdd_1101 {
    left: 8.5%;
    top: 68%;
    transform: translate(-50%,-50%)
}

._seatLeftTop_mrgdd_1107 {
    left: 8.5%;
    top: 34%
}

._seatRightMiddle_mrgdd_1112 {
    right: 8.5%;
    top: 68%;
    transform: translate(50%,-50%)
}

._seatRightTop_mrgdd_1118 {
    right: 8.5%;
    top: 34%;
    transform: translate(50%,-50%)
}

._seatBottomRight_mrgdd_1124 {
    right: 8.5%;
    top: 68%;
    transform: translate(50%,-50%)
}

._seatTopCenter_mrgdd_1130 {
    left: 50%;
    top: 9%;
    transform: translate(-50%,-50%)
}

._container_mrgdd_1[data-m3p-seat-layout=dealer-table] ._seatLeftTop_mrgdd_1107 {
    top: 40%
}

._container_mrgdd_1[data-m3p-seat-layout=dealer-table] ._seatBottomLeft_mrgdd_1101 {
    top: 70%
}

._container_mrgdd_1[data-m3p-seat-layout=dealer-table] ._seatRightTop_mrgdd_1118 {
    top: 30%
}

._container_mrgdd_1[data-m3p-seat-layout=dealer-table] ._seatRightMiddle_mrgdd_1112 {
    top: 50%
}

._container_mrgdd_1[data-m3p-game=poker] ._seatBottom_mrgdd_1095 {
    left: 50%;
    bottom: calc(22px - 5vh);
    transform: translate(-50%)
}

._container_mrgdd_1[data-m3p-game=poker] ._seatBottomLeft_mrgdd_1101 {
    left: 4.5%;
    top: 72%;
    transform: translate(-50%,-50%)
}

._container_mrgdd_1[data-m3p-game=poker] ._seatLeftTop_mrgdd_1107 {
    left: 4.5%;
    top: 34%;
    transform: translate(-50%,-50%)
}

._container_mrgdd_1[data-m3p-game=poker] ._seatRightTop_mrgdd_1118 {
    left: 50%;
    right: auto;
    top: 11%;
    transform: translate(-50%,-50%)
}

._container_mrgdd_1[data-m3p-game=poker] ._seatRightMiddle_mrgdd_1112 {
    right: 4.5%;
    top: 34%;
    transform: translate(50%,-50%)
}

._container_mrgdd_1[data-m3p-game=poker] ._seatBottomRight_mrgdd_1124 {
    right: 4.5%;
    top: 67%;
    transform: translate(50%,-50%)
}

._container_mrgdd_1[data-m3p-seat-layout=dealer-table] ._seatBottomRight_mrgdd_1124 {
    top: 70%
}

._avatar_mrgdd_1193 {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    position: relative;
    background: linear-gradient(160deg,#334155,#0f172a);
    border: 2px solid #e2e8f0;
    color: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    z-index: 2;
    box-sizing: border-box
}

._packedPlayerProfile_mrgdd_1210 {
    --profile-overlay-opacity: .5
}

._avatar_mrgdd_1193,._playerInfo_mrgdd_1215,._playerStakeWrap_mrgdd_878,._playerBlindMarker_mrgdd_923 {
    transition: filter .16s ease-out,box-shadow .16s ease-out
}

._packedPlayerProfile_mrgdd_1210:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background: rgba(0,0,0,var(--profile-overlay-opacity));
    pointer-events: none;
    z-index: 20
}

._avatarClickable_mrgdd_1231 {
    cursor: pointer
}

._turnTimerRadial_mrgdd_1235 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: conic-gradient(rgba(250,204,21,.45) 0deg,rgba(250,204,21,.45) var(--turn-timer-sweep, 0deg),transparent var(--turn-timer-sweep, 0deg),transparent 360deg);
    pointer-events: none;
    z-index: 1
}

._turnTimerOuterRing_mrgdd_1249 {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    border-radius: 50%;
    background: conic-gradient(from calc(360deg - var(--turn-timer-sweep, 0deg)),#facc1500,#facc153d 220deg,#fffffffa 280deg,#facc156b 335deg,#facc1500 360deg);
    -webkit-mask: radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
    mask: radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
    filter: drop-shadow(0 0 4px rgba(250,204,21,.65)) drop-shadow(0 0 8px rgba(255,255,255,.5));
    pointer-events: none;
    z-index: 0
}

._avatarSprite_mrgdd_1270 {
    position: relative;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 999px;
    background-size: 600% 400%;
    background-repeat: no-repeat;
    background-color: #0f172a;
    border: 1px solid rgba(255,255,255,.25);
    z-index: 2
}

._activeTurnAvatar_mrgdd_1282 {
    border-color: #facc15;
    box-shadow: 0 0 0 2px #facc1575,0 0 14px #facc15a8
}

._activeTurnAvatar_mrgdd_1282:after {
    content: "";
    position: absolute;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    border-radius: 50%;
    background: radial-gradient(circle,#facc155c,#facc1533 45%,#facc1500 72%);
    filter: blur(3px);
    pointer-events: none;
    z-index: -1
}

._selfAvatar_mrgdd_1305 {
    border-color: #facc15;
    box-shadow: 0 0 0 2px #facc1559
}

._playerInfo_mrgdd_1215 {
    position: relative;
    background: #000000bf;
    border-radius: 12px;
    padding: 3px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -12px;
    z-index: 3;
    border: 1px solid rgba(255,255,255,.1);
    min-width: 60px;
    overflow: hidden
}

._activeTurnPlayerInfo_mrgdd_1325 {
    background: linear-gradient(180deg,#2563eb,#1d4ed8);
    border-color: #bfdbfec7;
    box-shadow: 0 0 0 1px #93c5fd52,0 0 14px #2563eb7a
}

._playerName_mrgdd_1333 {
    max-width: 100%;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._playerMeta_mrgdd_1344 {
    color: #facc15;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    margin-top: 1px
}

._playerCards_mrgdd_1352 {
    min-height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
    z-index: 1;
    position: relative
}

._playerCardsPacked_mrgdd_1362 {
    filter: grayscale(1) brightness(.82)
}

._playerCardsCompact_mrgdd_1366 ._playerCard_mrgdd_1352 {
    width: 21px;
    height: 32px;
    margin-left: -4px
}

._handStrengthMeter_mrgdd_1372 {
    position: absolute;
    left: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%);
    width: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    background: #000000a6;
    border-radius: 4px;
    padding: 3px 4px;
    z-index: 2;
    box-shadow: 0 2px 6px #00000080;
    border: 1px solid rgba(255,255,255,.1)
}

._handStrengthBars_mrgdd_1390 {
    width: 100%;
    display: flex;
    gap: 1px;
    height: 8px
}

._handStrengthBar_mrgdd_1390 {
    flex: 1;
    height: 100%;
    border-radius: 1px
}

._handStrengthText_mrgdd_1403 {
    font-size: 9px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    white-space: nowrap
}

._playerCard_mrgdd_1352 {
    position: relative;
    width: 32px;
    height: 48px;
    border-radius: 3px;
    box-shadow: -2px 2px 5px #0009;
    margin-left: -6px;
    transform-origin: bottom center;
    overflow: hidden;
    z-index: 2
}

._playerCardImage_mrgdd_1423 {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

._playerCardOverlay_mrgdd_1431 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: .62
}

._playerCardAnimateIn_mrgdd_1439 {
    animation: _card-in_mrgdd_1 .24s cubic-bezier(.175,.885,.32,1.275) both
}

._playerCard_mrgdd_1352:first-child {
    margin-left: 0;
    transform: rotate(-8deg) translateY(2px)
}

._playerCard_mrgdd_1352:nth-child(2) {
    transform: rotate(0) translateY(-2px)
}

._playerCard_mrgdd_1352:nth-child(3) {
    transform: rotate(8deg) translateY(2px)
}

._playerCardsTwo_mrgdd_1456 ._playerCard_mrgdd_1352:first-child {
    transform: rotate(-7deg) translate(3px,2px)
}

._playerCardsTwo_mrgdd_1456 ._playerCard_mrgdd_1352:nth-child(2) {
    transform: rotate(7deg) translate(-3px,2px)
}

._seeOnCardsButton_mrgdd_1464 {
    position: absolute;
    left: 50%;
    top: 58%;
    transform: translate(-50%,-50%);
    z-index: 4;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 8px;
    padding: 5px 12px;
    min-width: 58px;
    font-size: 11px;
    font-weight: 800;
    color: #082f49;
    background: linear-gradient(180deg,#facc15,#f59e0b);
    box-shadow: 0 6px 14px #00000059;
    cursor: pointer
}

._seeCountdownBadge_mrgdd_1482 {
    position: absolute;
    right: -9px;
    top: -10px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0f172a;
    border: 1px solid rgba(254,240,138,.95);
    color: #fef08a;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 0 12px #facc156b;
    pointer-events: none
}

._seeOnCardsButtonInactive_mrgdd_1503 {
    opacity: .52;
    cursor: not-allowed
}

._seenCardsBadge_mrgdd_1508 {
    position: absolute;
    left: 50%;
    top: -16px;
    transform: translate(-50%);
    z-index: 1;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 800;
    color: #ecfeff;
    background: #0284c7e6;
    border: 1px solid rgba(186,230,253,.8);
    box-shadow: 0 4px 10px #03071259
}

._packCardsBadge_mrgdd_1524 {
    color: #fff;
    background: #4b5563f5;
    border: 1px solid rgba(229,231,235,.55)
}

._turnCallout_mrgdd_1530 {
    position: absolute;
    left: 50%;
    top: 6px;
    transform: translate(-50%,12px) scale(.92);
    max-width: 140px;
    padding: 6px 10px;
    border-radius: 8px;
    background: #000000eb;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    box-shadow: 0 6px 16px #00000059;
    will-change: transform,opacity
}

._turnCalloutEnter_mrgdd_1552 {
    animation: _turn-callout-enter_mrgdd_1 .5s ease-out forwards;
    z-index: 1
}

._turnCalloutHold_mrgdd_1557 {
    opacity: 1;
    transform: translate(-50%,-30px) scale(1);
    z-index: 5
}

._turnCalloutExit_mrgdd_1563 {
    animation: _turn-callout-exit_mrgdd_1 .5s ease-in forwards;
    z-index: 5
}

._winnerStars_mrgdd_1568 {
    position: absolute;
    top: -22px;
    right: -22px;
    bottom: -22px;
    left: -22px;
    pointer-events: none;
    z-index: 14
}

._winnerStar_mrgdd_1568 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    transform: translate(-50%,-50%);
    opacity: 0
}

._winnerStar_mrgdd_1568:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 0%,62% 35%,98% 35%,69% 57%,79% 92%,50% 72%,21% 92%,31% 57%,2% 35%,38% 35%);
    background: #fff;
    border: 1px solid rgba(255,255,255,.95);
    transform: scale(var(--star-scale, 1));
    box-shadow: 0 0 2px #fff,0 0 8px #fffffff2;
    image-rendering: crisp-edges
}

._winnerStarsPersistent_mrgdd_1600 ._winnerStar_mrgdd_1568 {
    animation: _winner-star_mrgdd_1 var(--star-duration, 1s) linear infinite;
    animation-delay: var(--star-delay, 0ms)
}

._winnerStarsBurst_mrgdd_1605 ._winnerStar_mrgdd_1568 {
    animation: _winner-star_mrgdd_1 var(--star-duration, 1s) ease-out forwards;
    animation-delay: var(--star-delay, 0ms)
}

._winnerFireworks_mrgdd_1610 {
    position: absolute;
    top: -34px;
    right: -34px;
    bottom: -34px;
    left: -34px;
    pointer-events: none;
    z-index: 14
}

._winnerFirework_mrgdd_1610 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    transform: translate(-50%,-50%) scale(.2);
    opacity: 0
}

._winnerFirework_mrgdd_1610:before,._winnerFirework_mrgdd_1610:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background: var(--firework-color, #fef08a);
    box-shadow: 0 0 3px var(--firework-color, #fef08a),0 0 10px var(--firework-color, #fef08a),0 0 16px #fbbf24bf
}

._winnerFirework_mrgdd_1610:after {
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    background: transparent;
    border: 1px solid var(--firework-color, #fef08a);
    opacity: .65
}

._winnerFireworksPersistent_mrgdd_1648 ._winnerFirework_mrgdd_1610 {
    animation: _winner-firework_mrgdd_1 var(--firework-duration, 1s) ease-out infinite;
    animation-delay: var(--firework-delay, 0ms)
}

._winnerFireworksBurst_mrgdd_1653 ._winnerFirework_mrgdd_1610 {
    animation: _winner-firework_mrgdd_1 var(--firework-duration, 1s) ease-out forwards;
    animation-delay: var(--firework-delay, 0ms)
}

._winnerRibbon_mrgdd_1658 {
    position: absolute;
    left: 50%;
    top: 36px;
    transform: translate(-50%,-100%);
    z-index: 16;
    pointer-events: none;
    color: #fcd34d;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .45px;
    text-transform: uppercase;
    padding: 2px 10px;
    background: #374151f5;
    border-top: 1px solid #fcd34d;
    border-bottom: 1px solid #fcd34d;
    border-left: 0;
    border-right: 0;
    border-radius: 7px;
    box-shadow: 0 6px 12px #11182780
}

._bootFlyToken_mrgdd_1680 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 999px;
    background: #020617c7;
    border: 2px solid rgba(186,230,253,.65);
    box-shadow: 0 6px 20px #0206178c;
    animation: _boot-to-pot_mrgdd_1 var(--boot-flight-duration, 1s) ease-in forwards;
    pointer-events: none;
    z-index: 8
}

._bootFlyToDealer_mrgdd_1698 {
    animation: _boot-to-dealer_mrgdd_1 var(--boot-flight-duration, 1s) ease-in forwards
}

._bootFlyToTopCenter_mrgdd_1702 {
    animation: _boot-to-top-center_mrgdd_1 var(--boot-flight-duration, 1s) ease-in forwards
}

._potToPlayerToken_mrgdd_1706 {
    position: absolute;
    left: var(--pot-start-x, 50%);
    top: var(--pot-start-y, 59%);
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #00000080;
    border: 1px solid rgba(14,165,233,.55);
    box-shadow: 0 8px 30px #02061759;
    animation: _pot-to-player_mrgdd_1 var(--boot-flight-duration, 1.5s) ease-out forwards;
    pointer-events: none;
    z-index: 11
}

._bootFlyCoinIcon_mrgdd_1725 {
    width: 28px;
    height: 28px;
    -o-object-fit: contain;
    object-fit: contain;
    flex: 0 0 auto
}

._bootFlyAmount_mrgdd_1732 {
    color: #fef08a;
    font-size: 22px;
    font-weight: 800;
    line-height: 1
}

@keyframes _turn-callout-enter_mrgdd_1 {
    0% {
        opacity: 0;
        transform: translate(-50%,12px) scale(.92)
    }

    65% {
        opacity: 1;
        transform: translate(-50%,-24px) scale(1.02)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-30px) scale(1)
    }
}

@keyframes _turn-callout-exit_mrgdd_1 {
    0% {
        opacity: 1;
        transform: translate(-50%,-30px) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%,-10px) scale(.96)
    }
}

@keyframes _low-balance-warning-enter_mrgdd_1 {
    0% {
        opacity: 0;
        transform: translate(-50%,-16px)
    }

    to {
        opacity: 1;
        transform: translate(-50%)
    }
}

@keyframes _winner-star_mrgdd_1 {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.28) rotate(0)
    }

    14% {
        opacity: 1
    }

    86% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate(calc(-50% + var(--star-drift-x, 0px)),calc(-50% - var(--star-rise, 68px))) scale(1) rotate(var(--star-spin, 0deg))
    }
}

@keyframes _winner-firework_mrgdd_1 {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.2)
    }

    12% {
        opacity: 1
    }

    62% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate(calc(-50% + var(--firework-x, 0px)),calc(-50% + var(--firework-y, -70px))) scale(var(--firework-scale, 1))
    }
}

@keyframes _pot-to-player_mrgdd_1 {
    0% {
        opacity: 0;
        left: var(--pot-start-x, 50%);
        top: var(--pot-start-y, 59%);
        transform: translate(-50%,-50%) scale(1)
    }

    12% {
        opacity: 1;
        left: var(--pot-start-x, 50%);
        top: var(--pot-start-y, 59%);
        transform: translate(-50%,-50%) scale(1)
    }

    84% {
        opacity: 1;
        left: var(--seat-left, 50%);
        top: var(--seat-top, 88%);
        transform: translate(-50%,-50%) scale(1)
    }

    to {
        opacity: 0;
        left: var(--seat-left, 50%);
        top: var(--seat-top, 88%);
        transform: translate(-50%,-50%) scale(.94)
    }
}

._sideShowSvg_mrgdd_1837 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    animation: _ribbon-grow_mrgdd_1 1s ease-out forwards
}

._sideShowFadingOut_mrgdd_1847 {
    animation: _ribbon-fade_mrgdd_1 .5s ease-out forwards
}

@keyframes _ribbon-grow_mrgdd_1 {
    0% {
        clip-path: circle(0% at var(--start-x) var(--start-y))
    }

    to {
        clip-path: circle(150% at var(--start-x) var(--start-y))
    }
}

@keyframes _ribbon-fade_mrgdd_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

._bootFromBottom_mrgdd_1861 {
    --boot-start-x: 0px;
    --boot-start-y: 170px
}

._bootFromBottomLeft_mrgdd_1862 {
    --boot-start-x: -220px;
    --boot-start-y: 110px
}

._bootFromLeftTop_mrgdd_1863 {
    --boot-start-x: -250px;
    --boot-start-y: -90px
}

._bootFromRightMiddle_mrgdd_1864 {
    --boot-start-x: 250px;
    --boot-start-y: 0px
}

._bootFromRightTop_mrgdd_1865 {
    --boot-start-x: 250px;
    --boot-start-y: -90px
}

._bootFromBottomRight_mrgdd_1866 {
    --boot-start-x: 220px;
    --boot-start-y: 110px
}

._bootFromTopCenter_mrgdd_1867 {
    --boot-start-x: 0px;
    --boot-start-y: -120px
}

._cardToTopCenter_mrgdd_1869 {
    --deal-start-left: 50%;
    --deal-start-top: 9%
}

._cardFlight_mrgdd_1871 {
    position: absolute;
    transform: translate(0);
    width: 26px;
    height: 38px;
    border-radius: 2px;
    box-shadow: 0 4px 12px #0f172a73;
    animation: _deal-card-flight_mrgdd_1 .35s cubic-bezier(.2,.8,.2,1) forwards;
    pointer-events: none;
    z-index: 6
}

@keyframes _deal-card-flight_mrgdd_1 {
    0% {
        opacity: 0;
        left: var(--deal-start-left, 50%);
        top: var(--deal-start-top, 9%);
        transform: translate(-50%,-50%) scale(.95) rotate(-8deg)
    }

    10% {
        opacity: 1
    }

    15% {
        opacity: 1;
        left: var(--deal-start-left, 50%);
        top: var(--deal-start-top, 9%);
        transform: translate(-50%,-50%) scale(1.1) rotate(0)
    }

    to {
        opacity: 0;
        left: var(--seat-left, 50%);
        top: var(--seat-top, 88%);
        transform: translate(-50%,-50%) scale(.72) rotate(0)
    }
}

._turnControlsDock_mrgdd_1908 {
    flex: 0 0 10%;
    height: 10%;
    min-height: 64px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 2vh;
    pointer-events: none
}

._turnControls_mrgdd_1908 {
    position: relative;
    z-index: 12;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: min(96%,560px);
    pointer-events: auto
}

._turnStatus_mrgdd_1930 {
    color: #f8fafc;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 999px;
    background: #020617c7;
    border: 1px solid rgba(148,163,184,.35);
    text-align: center
}

._turnButtonsLayer_mrgdd_1941 {
    position: relative;
    width: min(100%,720px)
}

._turnButtonsLayerSingle_mrgdd_1946 {
    width: min(50%,360px)
}

._turnButtonsRow_mrgdd_1950 {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0,1fr);
    align-items: stretch;
    justify-content: stretch;
    gap: 8px;
    width: 100%
}

._turnButton_mrgdd_1941 {
    position: relative;
    min-width: 0;
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 10px;
    padding: 7px 6px;
    background: linear-gradient(180deg,#22c55e,#16a34a);
    color: #0f172a;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    box-shadow: 0 7px 16px #0000004d
}

._turnButtonSingleLine_mrgdd_1981 {
    padding-top: 7px;
    padding-bottom: 7px
}

._turnButtonInactive_mrgdd_1986 {
    opacity: .45;
    cursor: not-allowed
}

._advanceTurnButton_mrgdd_1991 {
    position: relative;
    background: linear-gradient(180deg,#111827,#0f172a);
    color: #e5e7eb;
    border-color: #ffd60a99;
    padding-left: 22px
}

._advanceTurnButtonSelected_mrgdd_1999 {
    background: linear-gradient(180deg,#111827,#0f172a);
    color: #fef3c7;
    border-color: #facc15f2;
    box-shadow: 0 0 0 2px #facc1524,0 7px 16px #0000004d
}

._advanceTurnButtonToggle_mrgdd_2006 {
    position: absolute;
    left: 8px;
    top: 50%;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    transform: translateY(-50%);
    background: #020617;
    border: 1px solid rgba(148,163,184,.82);
    box-shadow: inset 0 1px 2px #000000a6
}

._advanceTurnButtonSelected_mrgdd_1999 ._advanceTurnButtonToggle_mrgdd_2006 {
    background: #22c55e;
    border-color: #dcfce7f5;
    box-shadow: 0 0 10px #22c55ed1,inset 0 1px 2px #ffffff4d
}

._advanceTurnButtonContent_mrgdd_2025 {
    display: inline-flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px
}

._turnButtonText_mrgdd_2034 {
    line-height: 1.1
}

._turnButtonBottomText_mrgdd_2038 {
    line-height: 1.1;
    font-size: 10px;
    opacity: .95
}

._turnButtonCountdownBadge_mrgdd_2044 {
    position: absolute;
    top: 5px;
    right: 6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #0f172ae6;
    border: 1px solid rgba(250,204,21,.78);
    color: #fde68a;
    font-size: 9px;
    font-weight: 800;
    line-height: 17px;
    text-align: center;
    box-shadow: 0 0 9px #facc1538
}

._raiseSliderPanel_mrgdd_2062 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: max(132px,calc((100% - 16px) / 3));
    height: min(44vh,368px);
    padding: 10px 9px 0;
    border-radius: 10px;
    border: 1px solid rgba(20,184,166,.72);
    background: #020617e0;
    box-shadow: 0 12px 32px #0000006b;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    z-index: 40
}

._raiseSliderHeader_mrgdd_2080 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #f8fafc;
    font-weight: 800;
    line-height: 1.05;
    text-align: center
}

._raiseSliderTitle_mrgdd_2092 {
    font-size: 12px
}

._raiseSliderValueLabel_mrgdd_2096 {
    width: 100%;
    height: 28px;
    padding: 0 7px;
    border-radius: 7px;
    border: 1px solid rgba(148,163,184,.5);
    background: #0f172ae6;
    color: #fef08a;
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 15px;
    font-weight: 900;
    font-variant-numeric: tabular-nums
}

._raiseSliderValueInput_mrgdd_2112 {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: center
}

._raiseSliderControlArea_mrgdd_2123 {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0,1fr) 34px;
    gap: 7px;
    align-items: stretch
}

._raiseSliderTrackWrap_mrgdd_2132 {
    position: relative;
    min-height: 0;
    display: flex;
    align-items: stretch;
    justify-content: center
}

._raiseSliderInput_mrgdd_2140 {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    accent-color: #14b8a6;
    writing-mode: vertical-lr;
    direction: rtl
}

._raiseSliderMarks_mrgdd_2149 {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 96px;
    transform: translate(-50%);
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
    justify-content: space-between;
    gap: 3px;
    color: #cbd5e1;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.1;
    pointer-events: none
}

._raiseSliderMark_mrgdd_2149 {
    position: relative;
    max-width: none;
    min-height: 8px;
    padding: 0 58px 0 0;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._raiseSliderMark_mrgdd_2149:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 1px;
    transform: translate(-50%,-50%);
    background: #cbd5e1bf
}

._raiseSliderMajorMark_mrgdd_2190:before {
    width: 8px;
    height: 2px;
    background: #f8fafce6
}

._raiseSliderMinorMark_mrgdd_2196 {
    color: transparent
}

._raiseSliderStepControls_mrgdd_2200 {
    min-height: 0;
    display: grid;
    grid-template-rows: repeat(4,minmax(0,1fr));
    gap: 5px
}

._raiseSliderStepControl_mrgdd_2200 {
    min-width: 0;
    min-height: 0;
    border: 1px solid rgba(148,163,184,.42);
    border-radius: 8px;
    background: #0f172af2;
    color: #e2e8f0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    touch-action: manipulation
}

._raiseSliderStepControl_mrgdd_2200:disabled {
    opacity: .35;
    cursor: default
}

._raiseSliderStepControl_mrgdd_2200:not(:disabled):active {
    transform: translateY(1px)
}

._raiseSliderActions_mrgdd_2230 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin: 0 -9px
}

._raiseSliderError_mrgdd_2237 {
    min-height: 12px;
    color: #fecaca;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center
}

._raiseSliderCancel_mrgdd_2246,._raiseSliderSubmit_mrgdd_2247 {
    min-width: 0;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer
}

._raiseSliderCancel_mrgdd_2246 {
    background: #0f172af2;
    color: #e2e8f0
}

._raiseSliderSubmit_mrgdd_2247 {
    min-height: 48px;
    border-radius: 10px;
    background: linear-gradient(180deg,#22c55e,#16a34a);
    color: #052e16
}

._handHistoryToggle_mrgdd_2270 {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #0f3b69e6;
    border: 1px solid rgba(148,163,184,.35);
    border-left: none;
    border-radius: 0 8px 8px 0;
    padding: 12px 6px;
    color: #dbeafe;
    cursor: pointer;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 0 10px #00000080;
    transition: background .2s ease
}

._handHistoryToggle_mrgdd_2270:hover {
    background: #1e5087f2
}

._handHistoryIcon_mrgdd_2294 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1
}

._handHistoryDrawer_mrgdd_2300 {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 85%;
    max-width: 400px;
    background: #020c1b;
    z-index: 10020;
    display: flex;
    flex-direction: column;
    box-shadow: 5px 0 25px #000c;
    border-right: 1px solid rgba(148,163,184,.2);
    animation: _slide-in-left_mrgdd_1 .3s cubic-bezier(.16,1,.3,1) forwards
}

._handHistoryOverlay_mrgdd_2316 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00000080;
    z-index: 10010
}

._handHistoryDrawerHeader_mrgdd_2323 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: #081e3a;
    border-bottom: 1px solid rgba(148,163,184,.15)
}

._handHistoryTitle_mrgdd_2332 {
    color: #e2e8f0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px
}

._handHistoryClose_mrgdd_2339 {
    background: #ffffff1a;
    border: 1px solid rgba(255,255,255,.2);
    color: #94a3b8;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    transition: all .2s
}

._handHistoryClose_mrgdd_2339:hover {
    background: #fff3;
    color: #fff
}

._handHistoryContent_mrgdd_2359 {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

._handHistoryDeal_mrgdd_2368 {
    background: #06162a;
    border-radius: 8px;
    border: 1px solid rgba(148,163,184,.1);
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

._handHistoryDealHeader_mrgdd_2378 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 12px;
    color: #cbd5e1
}

._handHistoryLabel_mrgdd_2386 {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 2px
}

._handHistoryCommunityLabel_mrgdd_2392 {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 4px
}

._handHistoryCommunityCards_mrgdd_2398 {
    display: flex;
    gap: 4px;
    margin-top: 4px
}

._handHistoryPlayersList_mrgdd_2404 {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: #ffffff08;
    border-radius: 6px;
    overflow: hidden
}

._handHistoryPlayerRow_mrgdd_2413 {
    display: flex;
    flex-direction: column;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255,255,255,.05);
    gap: 6px
}

._handHistoryPlayerRow_mrgdd_2413:last-child {
    border-bottom: none
}

._handHistoryPlayerTopRow_mrgdd_2425 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._handHistoryPlayerLeftTop_mrgdd_2431 {
    display: flex;
    align-items: center;
    gap: 6px
}

._handHistoryPlayerBottomRow_mrgdd_2437 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

._handHistoryResultStack_mrgdd_2443 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px
}

._handHistoryRoleTag_mrgdd_2450 {
    border-radius: 4px;
    padding: 3px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    letter-spacing: .3px;
    box-shadow: 0 2px 4px #0006
}

._handHistoryPlayerName_mrgdd_2463 {
    font-size: 13px;
    font-weight: 700;
    color: #e2e8f0
}

._handHistoryPlayerCards_mrgdd_2469 {
    display: flex;
    gap: 3px
}

._handHistoryCard_mrgdd_2474 {
    width: 28px;
    height: 42px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 2px 4px #0000004d;
    background: #fff;
    padding: 1px
}

._handHistoryCardImg_mrgdd_2484 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px
}

._handHistoryResultAmount_mrgdd_2491 {
    font-size: 14px;
    font-weight: 700
}

._handHistoryResultType_mrgdd_2496 {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    border-radius: 3px;
    padding: 3px 8px
}

._handHistoryWinnerRibbon_mrgdd_2504 {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    z-index: auto;
    font-size: 9px;
    padding: 2px 8px;
    box-shadow: 0 3px 8px #11182759
}

._handHistoryFooter_mrgdd_2515 {
    padding: 12px;
    background: #081e3a;
    border-top: 1px solid rgba(148,163,184,.15)
}

._handHistoryPagination_mrgdd_2521 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

._handHistoryPageBtn_mrgdd_2528 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(148,163,184,.3);
    background: #ffffff0d;
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer
}

._handHistoryPageBtn_mrgdd_2528:disabled {
    opacity: .5;
    cursor: not-allowed
}

._handHistoryPageInfo_mrgdd_2547 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px
}

._handHistoryPageNumber_mrgdd_2554 {
    font-size: 12px;
    font-weight: 600;
    color: #e2e8f0
}

._handHistoryPageDesc_mrgdd_2560 {
    font-size: 11px;
    color: #94a3b8
}

@keyframes _slide-in-left_mrgdd_1 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

._connectionOverlay_mrgdd_2574 {
    position: fixed;
    top: var(--app-header-height, 0px);
    left: 0;
    right: 0;
    bottom: 0;
    background: #020617bf;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 40
}

._connectionModal_mrgdd_2587 {
    width: min(92vw,360px);
    border-radius: 14px;
    border: 1px solid rgba(148,163,184,.45);
    background: #0f172a;
    padding: 18px 16px;
    text-align: center
}

._connectionTitle_mrgdd_2596 {
    color: #f8fafc;
    font-size: 17px;
    font-weight: 700
}

._connectionMessage_mrgdd_2602 {
    margin: 10px 0 16px;
    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.4
}

._connectionButton_mrgdd_2609 {
    border: none;
    border-radius: 9px;
    background: linear-gradient(90deg,#0284c7,#0369a1);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 24px;
    cursor: pointer
}

@keyframes _auto-show-slide-out_mrgdd_1 {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.96)
    }

    16% {
        opacity: 1;
        transform: translate(-50%,12px) scale(1)
    }

    78% {
        opacity: 1;
        transform: translate(-50%,34px) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%,48px) scale(.98)
    }
}

@keyframes _show-caller-pop_mrgdd_1 {
    0% {
        opacity: 0;
        transform: translate(-50%,8px) scale(.9)
    }

    18% {
        opacity: 1;
        transform: translate(-50%) scale(1)
    }

    78% {
        opacity: 1;
        transform: translate(-50%) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%,-6px) scale(.96)
    }
}

@keyframes _spin_mrgdd_1 {
    to {
        transform: rotate(360deg)
    }
}

@keyframes _deck-pulse_mrgdd_1 {
    0% {
        transform: translate(-50%,-50%) scale(1);
        box-shadow: 0 6px 16px #0f172a8c
    }

    to {
        transform: translate(-50%,-50%) scale(1.06);
        box-shadow: 0 10px 20px #3b82f673
    }
}

@keyframes _card-in_mrgdd_1 {
    0% {
        opacity: 0;
        transform: translateY(-24px) scale(.6)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

@keyframes _boot-to-pot_mrgdd_1 {
    0% {
        opacity: 1;
        left: var(--seat-left, 50%);
        top: var(--seat-top, 88%);
        transform: translate(-50%,-50%) scale(.9)
    }

    to {
        opacity: 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) scale(.45)
    }
}

@keyframes _boot-to-dealer_mrgdd_1 {
    0% {
        opacity: 1;
        left: var(--seat-left, 50%);
        top: var(--seat-top, 88%);
        transform: translate(-50%,-50%) scale(.9)
    }

    to {
        opacity: 0;
        left: 50%;
        top: -2%;
        transform: translate(-50%,-50%) scale(.45)
    }
}

@keyframes _boot-to-top-center_mrgdd_1 {
    0% {
        opacity: 1;
        left: var(--seat-left, 50%);
        top: var(--seat-top, 88%);
        transform: translate(-50%,-50%) scale(.9)
    }

    to {
        opacity: 0;
        left: 50%;
        top: 18%;
        transform: translate(-50%,-50%) scale(.45)
    }
}

._ludoPage_1llhl_1 {
    width: 100%;
    height: 100%;
    background-color: #2b184f;
    background-image: radial-gradient(#3a216a 2px,transparent 2px);
    background-size: 30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0 2% 2%;
    box-sizing: border-box;
    font-family: sans-serif;
    overflow: hidden;
    color: #fff
}

._menuRow_1llhl_18 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-height: 28px
}

._rulesButtonRow_1llhl_28 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 34px;
    padding-left: 0
}

._menuButton_1llhl_37 {
    background: #0000006b;
    color: #fff;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 8px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer
}

._topProfiles_1llhl_48 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 8px
}

._bottomProfiles_1llhl_56 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 8px
}

._fireworksOverlay_1llhl_64 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 56
}

._fireworkBurst_1llhl_71 {
    position: absolute;
    width: 0;
    height: 0;
    transform: translate(-50%,-50%);
    animation: _fireworkBloom_1llhl_1 1.4s ease-out infinite
}

._fireworkSpark_1llhl_79 {
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: hsl(var(--firework-hue),94%,62%);
    box-shadow: 0 0 8px hsla(var(--firework-hue),100%,76%,.95);
    transform: rotate(var(--spark-angle)) translateY(-7px);
    animation: _fireworkSparkFly_1llhl_1 1.4s ease-out infinite
}

._profileContainer_1llhl_92 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px
}

._profileLabel_1llhl_99 {
    background: #000;
    color: #fff;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700
}

._signalBars_1llhl_108 {
    display: flex;
    gap: 4px
}

._bar_1llhl_113 {
    width: 16px;
    height: 16px;
    background: #0f0;
    border-radius: 50%
}

._profilePic_1llhl_120 {
    position: relative;
    width: 60px;
    height: 60px;
    border: 2px solid #000;
    border-radius: 12px;
    background: #ffffff1f;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

._profileTimerOverlay_1llhl_133 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2
}

._profilePic_1llhl_120 img,._avatarSprite_1llhl_144,._profilePlaceholder_1llhl_145 {
    width: 100%;
    height: 100%
}

._profilePic_1llhl_120 img {
    -o-object-fit: cover;
    object-fit: cover
}

._avatarSprite_1llhl_144 {
    display: block;
    background-repeat: no-repeat;
    background-color: #0f172a
}

._profilePlaceholder_1llhl_145 {
    background: linear-gradient(180deg,#ffffff2e,#ffffff14)
}

._profileName_1llhl_164 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    max-width: 160px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

._balanceBadge_1llhl_175 {
    background: #0009;
    color: #fff;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center
}

._diceStack_1llhl_186 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    background: #0a1128;
    border: 2px solid #1d4ed8;
    border-radius: 12px;
    padding: 6px
}

._diceStackHidden_1llhl_197 {
    background: transparent;
    border-color: transparent
}

._bottomDiceStack_1llhl_202 {
    position: relative
}

._boardWrapper_1llhl_206 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 0;
    position: relative
}

._boardShell_1llhl_216 {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 1;
    position: relative
}

._board_1llhl_206 {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 4px solid #8b6508;
    border-radius: 20px;
    box-shadow: 0 10px 20px #00000080;
    display: grid;
    grid-template-columns: repeat(15,minmax(0,1fr));
    grid-template-rows: repeat(15,minmax(0,1fr));
    gap: 1px;
    background-color: #888;
    overflow: hidden;
    position: relative;
    z-index: 3
}

._boardStatusBadge_1llhl_241 {
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translate(-50%);
    min-width: 88px;
    padding: 6px 10px 5px;
    border-radius: 12px;
    background: linear-gradient(180deg,#1f72ff,#1856c7);
    border: 2px solid rgba(255,226,87,.9);
    box-shadow: 0 6px 12px #00000042;
    text-align: center;
    z-index: 1;
    pointer-events: none
}

._boardStatusValue_1llhl_257 {
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    color: #fff
}

._boardStatusLabel_1llhl_264 {
    margin-top: 2px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #fff
}

._corner_1llhl_272 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

._greenCorner_1llhl_280 {
    background: #5dbe26
}

._yellowCorner_1llhl_284 {
    background: #f2d119
}

._redCorner_1llhl_288 {
    background: #e81c23
}

._blueCorner_1llhl_292 {
    background: #1d83d6
}

._innerRect_1llhl_296 {
    width: 60%;
    height: 60%;
    background: #00000026;
    border-radius: 20px;
    box-shadow: inset 0 4px 8px #0003
}

._scoreStack_1llhl_304 {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 62%;
    min-height: 44%;
    transform: translate(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

._scoreBadge_1llhl_318 {
    background: #333;
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    margin-top: 6px;
    line-height: 1
}

._scoreValue_1llhl_329 {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0,0,0,.3);
    line-height: .9;
    transform: translateY(6px)
}

._scoreDelta_1llhl_338 {
    position: absolute;
    left: 50%;
    top: 6%;
    min-width: 48px;
    padding: 4px 10px;
    border: 2px solid #000;
    border-radius: 999px;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    transform: translate(-50%);
    animation: _scoreDeltaRise_1llhl_1 .98s ease-out both;
    text-shadow: 0 1px 0 #000;
    box-shadow: 0 3px 8px #00000059
}

._scoreDeltaIncrease_1llhl_357 {
    background: #05d64c
}

._scoreDeltaDecrease_1llhl_361 {
    background: #e32424
}

._moverText_1llhl_365 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    bottom: 2%
}

._center_1llhl_373 {
    position: relative;
    background: conic-gradient(from 315deg,#f2d119 0,#f2d119 90deg,#1d83d6 90deg,#1d83d6 180deg,#e81c23 180deg,#e81c23 270deg,#5dbe26 270deg,#5dbe26 360deg);
    border: 1px solid #888;
    display: flex;
    align-items: center;
    justify-content: center
}

._centerTriangleTop_1llhl_388,._centerTriangleRight_1llhl_389,._centerTriangleBottom_1llhl_390,._centerTriangleLeft_1llhl_391 {
    display: none
}

._homeBonusPill_1llhl_395 {
    position: relative;
    z-index: 1;
    width: min(76%,76px);
    min-height: 34px;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 999px;
    background: linear-gradient(110deg,#ffffff85,#ffffff26 21%,#fff0 36%),linear-gradient(180deg,#fff1a6,#f4bc23 52%,#b97008);
    box-shadow: inset 0 1px #ffffffe6,inset 0 -3px 6px #5d320042,0 2px 5px #00000052;
    color: #2b1700;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    overflow: hidden
}

._homeBonusPill_1llhl_395:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 14%;
    right: 14%;
    height: 7px;
    border-radius: 999px;
    background: #ffffff70
}

._homeBonusTitle_1llhl_429 {
    position: relative;
    z-index: 1;
    font-size: 8px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase
}

._homeBonusValue_1llhl_438 {
    position: relative;
    z-index: 1;
    margin-top: 1px;
    font-size: 18px;
    font-weight: 1000;
    line-height: .9
}

._cell_1llhl_447 {
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

._cellButton_1llhl_455 {
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

._cell_1llhl_447._green_1llhl_280,._green_1llhl_280 {
    background: #5dbe26
}

._cell_1llhl_447._yellow_1llhl_284,._yellow_1llhl_284 {
    background: #f2d119
}

._cell_1llhl_447._red_1llhl_288,._red_1llhl_288 {
    background: #e81c23
}

._cell_1llhl_447._blue_1llhl_292,._blue_1llhl_292 {
    background: #1d83d6
}

._star_1llhl_484 {
    width: 90%;
    height: 90%;
    fill: #0000004d;
    display: block
}

._cell_1llhl_447._green_1llhl_280 ._star_1llhl_484,._cell_1llhl_447._yellow_1llhl_284 ._star_1llhl_484,._cell_1llhl_447._red_1llhl_288 ._star_1llhl_484,._cell_1llhl_447._blue_1llhl_292 ._star_1llhl_484,._cell_1llhl_447._safeNeutral_1llhl_495 ._star_1llhl_484 {
    fill: #ffffffe6
}

._cell_1llhl_447._safeNeutral_1llhl_495,._safeNeutral_1llhl_495 {
    background: #bbb
}

._arrow_1llhl_504 {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

._arrow_1llhl_504._right_1llhl_511,._right_1llhl_511 {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #5dbe26;
    border-right: none
}

._arrow_1llhl_504._left_1llhl_519,._left_1llhl_519 {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #1d83d6;
    border-left: none
}

._arrow_1llhl_504._down_1llhl_527,._down_1llhl_527 {
    border-top: 8px solid #f2d119;
    border-bottom: none
}

._arrow_1llhl_504._up_1llhl_533,._up_1llhl_533 {
    border-bottom: 8px solid #e81c23;
    border-top: none
}

._tokenLayer_1llhl_539 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    --token-size: 6%
}

._tokenAbsolute_1llhl_546 {
    position: absolute;
    transform: translate(-50%,-50%);
    will-change: transform;
    backface-visibility: hidden;
    width: var(--token-size);
    aspect-ratio: 1;
    border-radius: 50%;
    border: .5px solid #bbb;
    box-shadow: 0 2px 4px #00000080,inset -2px -2px 6px #0006;
    z-index: 10;
    pointer-events: auto;
    cursor: default
}

._tokenColorRed_1llhl_561 {
    background: radial-gradient(circle at 30% 30%,#ff4d4d,#c00)
}

._tokenColorGreen_1llhl_565 {
    background: radial-gradient(circle at 30% 30%,#9f6,#2b9b2b)
}

._tokenColorYellow_1llhl_569 {
    background: radial-gradient(circle at 30% 30%,#ff6,#e6b800)
}

._tokenColorBlue_1llhl_573,._tokenBlueScene_1llhl_574 {
    background: radial-gradient(circle at 30% 30%,#7ecbff,#0f6ec8)
}

._tokenClickable_1llhl_578 {
    cursor: pointer;
    box-shadow: 0 0 0 2px #ffffff61,0 2px 6px #0009
}

._tokenMovablePulse_1llhl_583 {
    animation: _tokenPulse_1llhl_1 .86s ease-in-out infinite
}

._tokenMoving_1llhl_587 {
    filter: brightness(1.1)
}

._homeParticlesLayer_1llhl_591 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 19
}

._homeBurst_1llhl_598 {
    position: absolute;
    width: 0;
    height: 0;
    transform: translate(-50%,-50%)
}

._homeBurstWave_1llhl_605 {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    border: 2px solid rgba(255,255,255,.95);
    box-shadow: 0 0 10px var(--burst-color);
    transform: translate(-50%,-50%) scale(.25);
    animation: _homeBurstWave_1llhl_605 .76s ease-out forwards
}

._homeBurstCore_1llhl_618 {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    transform: translate(-50%,-50%);
    background: var(--burst-color);
    box-shadow: 0 0 20px var(--burst-color),0 0 8px #fffffff5;
    animation: _homeBurstCore_1llhl_618 .76s ease-out forwards
}

._homeBurstSpark_1llhl_631 {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    transform: translate(-50%,-50%);
    background: radial-gradient(circle,#fffffff2,#fff0 70%);
    mix-blend-mode: screen;
    animation: _homeBurstSpark_1llhl_631 .76s ease-out forwards
}

._homeBurstParticle_1llhl_644 {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 8px;
    border-radius: 999px;
    background: hsl(var(--particle-hue),96%,62%);
    box-shadow: 0 0 10px hsl(var(--particle-hue),100%,72%);
    transform: rotate(var(--particle-angle)) translateY(-5px);
    animation: _homeBurstParticle_1llhl_644 .76s ease-out forwards
}

._choicePopover_1llhl_657 {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 12px;
    background: #30195a;
    border: 2px solid #ffd56d;
    z-index: 20
}

._choicePopover_1llhl_657:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #30195a;
    border: 2px solid #ffd56d
}

._popoverUp_1llhl_678 {
    transform: translate(-50%,calc(-100% - 15px))
}

._popoverUp_1llhl_678:after {
    top: 100%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    border-top-color: transparent;
    border-left-color: transparent
}

._popoverDown_1llhl_689 {
    transform: translate(-50%,15px)
}

._popoverDown_1llhl_689:after {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%,50%) rotate(45deg);
    border-bottom-color: transparent;
    border-right-color: transparent
}

._popoverLeft_1llhl_700 {
    transform: translate(calc(-100% - 15px),-50%)
}

._popoverLeft_1llhl_700:after {
    left: 100%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    border-bottom-color: transparent;
    border-left-color: transparent
}

._popoverRight_1llhl_711 {
    transform: translate(15px,-50%)
}

._popoverRight_1llhl_711:after {
    right: 100%;
    top: 50%;
    transform: translate(50%,-50%) rotate(45deg);
    border-top-color: transparent;
    border-right-color: transparent
}

._choiceChip_1llhl_722 {
    width: auto;
    height: auto;
    border-radius: 8px;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    transition: transform .1s
}

._choiceChip_1llhl_722:hover {
    transform: scale(1.1)
}

._choiceChip_1llhl_722 ._diceSprite_1llhl_737 {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

._waitingCountdownOverlay_1llhl_743 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 13
}

._waitingCountdownCard_1llhl_753 {
    min-width: 88px;
    min-height: 88px;
    padding: 10px 16px;
    border-radius: 18px;
    background: #00000085;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center
}

._waitingCountdownValue_1llhl_765 {
    font-size: 52px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    text-shadow: 0 3px 10px rgba(0,0,0,.42)
}

._diceWrapper_1llhl_773 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    padding: 0
}

._diceInteractive_1llhl_782 {
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0 0 0 2px #ffffff4d,0 4px 8px #00000059
}

._diceDisabled_1llhl_788 {
    opacity: .72;
    filter: grayscale(1) brightness(.8)
}

._diceHidden_1llhl_793 {
    opacity: .55
}

._diceSlotHidden_1llhl_797 {
    opacity: 0;
    pointer-events: none
}

._dicePlaceholder_1llhl_802 {
    font-size: 18px;
    color: #ffffffbf
}

._diceTapArrow_1llhl_807 {
    position: absolute;
    left: 50%;
    top: -18px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 14px solid #ffe66f;
    transform: translate(-50%);
    filter: drop-shadow(0 2px 5px rgba(0,0,0,.55));
    animation: _tapArrowBounce_1llhl_1 .76s ease-in-out infinite;
    pointer-events: none
}

._dice_1llhl_186 {
    width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 8px;
    box-shadow: inset 0 0 4px #0003,0 4px 6px #00000080;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(3,1fr);
    padding: 6px;
    gap: 2px
}

._diceSprite_1llhl_737 {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: 500% 300%;
    box-shadow: inset 0 0 4px #0003,0 4px 6px #00000080
}

._diceQuestion_1llhl_844 {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 4px #0003,0 4px 6px #00000080;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 900;
    color: #20232a;
    line-height: 1
}

._dot_1llhl_859 {
    background: #222;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 2px 4px #0006
}

._dice1_1llhl_867 ._dot_1llhl_859:nth-child(1) {
    grid-area: 2 / 2;
    background: #e81c23
}

._dice2_1llhl_872 ._dot_1llhl_859:nth-child(1) {
    grid-area: 1 / 3
}

._dice2_1llhl_872 ._dot_1llhl_859:nth-child(2) {
    grid-area: 3 / 1
}

._dice3_1llhl_880 ._dot_1llhl_859:nth-child(1) {
    grid-area: 1 / 3
}

._dice3_1llhl_880 ._dot_1llhl_859:nth-child(2) {
    grid-area: 2 / 2
}

._dice3_1llhl_880 ._dot_1llhl_859:nth-child(3) {
    grid-area: 3 / 1
}

._dice4_1llhl_892 ._dot_1llhl_859:nth-child(1) {
    grid-area: 1 / 1
}

._dice4_1llhl_892 ._dot_1llhl_859:nth-child(2) {
    grid-area: 1 / 3
}

._dice4_1llhl_892 ._dot_1llhl_859:nth-child(3) {
    grid-area: 3 / 1
}

._dice4_1llhl_892 ._dot_1llhl_859:nth-child(4) {
    grid-area: 3 / 3
}

._dice5_1llhl_908 ._dot_1llhl_859:nth-child(1) {
    grid-area: 1 / 1
}

._dice5_1llhl_908 ._dot_1llhl_859:nth-child(2) {
    grid-area: 1 / 3
}

._dice5_1llhl_908 ._dot_1llhl_859:nth-child(3) {
    grid-area: 2 / 2
}

._dice5_1llhl_908 ._dot_1llhl_859:nth-child(4) {
    grid-area: 3 / 1
}

._dice5_1llhl_908 ._dot_1llhl_859:nth-child(5) {
    grid-area: 3 / 3
}

._dice6_1llhl_928 ._dot_1llhl_859:nth-child(1) {
    grid-area: 1 / 1
}

._dice6_1llhl_928 ._dot_1llhl_859:nth-child(2) {
    grid-area: 2 / 1
}

._dice6_1llhl_928 ._dot_1llhl_859:nth-child(3) {
    grid-area: 3 / 1
}

._dice6_1llhl_928 ._dot_1llhl_859:nth-child(4) {
    grid-area: 1 / 3
}

._dice6_1llhl_928 ._dot_1llhl_859:nth-child(5) {
    grid-area: 2 / 3
}

._dice6_1llhl_928 ._dot_1llhl_859:nth-child(6) {
    grid-area: 3 / 3
}

._overlay_1llhl_952 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 55;
    background: #04070ead;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px
}

._modal_1llhl_963,._modalLarge_1llhl_964 {
    width: min(680px,100%);
    border-radius: 14px;
    background: #1b1f35;
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 20px 34px #00000073;
    padding: 14px
}

._modalLarge_1llhl_964 {
    max-height: min(88dvh,760px);
    overflow: auto
}

._modalHeaderRow_1llhl_978 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

._modalTitle_1llhl_985 {
    font-size: 16px;
    font-weight: 800
}

._modalTitleCenter_1llhl_990 {
    text-align: center
}

._modalText_1llhl_994 {
    font-size: 13px;
    color: #d3d9f1;
    margin-top: 8px
}

._colorPickerRow_1llhl_1000 {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

._colorModal_1llhl_1008 {
    padding-bottom: 0;
    overflow: hidden
}

._colorModalProgressContainer_1llhl_1013 {
    margin-left: -14px;
    margin-right: -14px;
    height: 6px;
    background: #ffffff1a;
    margin-top: 16px
}

._colorModalProgressBar_1llhl_1021 {
    height: 100%;
    background: #3b82f6;
    transition: width .25s linear
}

._colorChoiceButton_1llhl_1027 {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.28);
    cursor: pointer;
    box-shadow: inset -2px -2px 6px #0000004d,0 2px 5px #00000073
}

._colorChoiceSelected_1llhl_1036 {
    border-color: #fff;
    box-shadow: 0 0 0 2px #fff6959e,inset -2px -2px 6px #0000004d,0 2px 5px #00000073
}

._colorChoiceRed_1llhl_1041 {
    background: radial-gradient(circle at 30% 30%,#ff4d4d,#c00)
}

._colorChoiceGreen_1llhl_1045 {
    background: radial-gradient(circle at 30% 30%,#9f6,#2b9b2b)
}

._colorChoiceYellow_1llhl_1049 {
    background: radial-gradient(circle at 30% 30%,#ff6,#e6b800)
}

._colorChoiceBlue_1llhl_1053 {
    background: radial-gradient(circle at 30% 30%,#7ec4ff,#1d83d6)
}

._indexToken_1llhl_1057 {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.35)
}

._indexTokenGreen_1llhl_1064 {
    background: radial-gradient(circle at 30% 30%,#9f6,#2b9b2b)
}

._indexTokenYellow_1llhl_1068 {
    background: radial-gradient(circle at 30% 30%,#ff6,#e6b800)
}

._indexTokenRed_1llhl_1072 {
    background: radial-gradient(circle at 30% 30%,#ff4d4d,#c00)
}

._indexTokenBlue_1llhl_1076 {
    background: radial-gradient(circle at 30% 30%,#7ec4ff,#1d83d6)
}

._indexLabel_1llhl_1080 {
    min-width: 70px;
    font-size: 13px;
    font-weight: 700;
    color: #dfe8ff
}

._indexValue_1llhl_1087 {
    font-size: 16px;
    font-weight: 800;
    color: #fff
}

._modalClose_1llhl_1093 {
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    background: #ffffff1f;
    cursor: pointer;
    font-size: 19px;
    line-height: 1
}

._modalActions_1llhl_1105 {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px
}

._modalButton_1llhl_1113,._modalButtonGhost_1llhl_1114 {
    border-radius: 9px;
    border: 1px solid transparent;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .2s
}

._modalButton_1llhl_1113:hover,._modalButtonGhost_1llhl_1114:hover {
    opacity: .9
}

._modalButton_1llhl_1113 {
    background: #ffd56d;
    color: #1f1a0b
}

._modalButtonGhost_1llhl_1114 {
    background: #ffffff14;
    border-color: #fff3;
    color: #f7f9ff
}

._resultTableHeader_1llhl_1140,._resultRow_1llhl_1141 {
    display: grid;
    grid-template-columns: 68px 1fr 1fr 1fr;
    gap: 8px;
    align-items: center
}

._resultTableHeader_1llhl_1140 {
    margin-top: 10px;
    padding: 7px 8px;
    border-radius: 8px;
    background: #ffffff1f;
    font-size: 12px;
    font-weight: 800
}

._resultTableBody_1llhl_1157 {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px
}

._resultRow_1llhl_1141 {
    padding: 8px;
    border-radius: 8px;
    background: #0000002e;
    font-size: 12px;
    font-weight: 700
}

._resultRank_1llhl_1172,._resultName_1llhl_1173,._resultScore_1llhl_1174,._resultAmount_1llhl_1175 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._winningGrid_1llhl_1181 {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(122px,1fr));
    gap: 9px
}

._winnerCard_1llhl_1188 {
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.14);
    background: #0003;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center
}

._winnerImage_1llhl_1199 {
    width: 82px;
    height: 82px;
    border-radius: 9px;
    -o-object-fit: cover;
    object-fit: cover
}

._winnerText_1llhl_1206 {
    font-size: 12px;
    font-weight: 700;
    text-align: center
}

._matchInfoBody_1llhl_1212 {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

._matchInfoSection_1llhl_1219 {
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.14);
    background: #0000002e;
    display: flex;
    flex-direction: column;
    gap: 8px
}

._matchInfoRow_1llhl_1229 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    font-size: 12px
}

._matchInfoKey_1llhl_1236 {
    color: #b9c9f7;
    font-weight: 700
}

._matchInfoValue_1llhl_1241 {
    font-weight: 700;
    color: #fff
}

._quickReconnectOverlay_1llhl_1246 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 14px;
    display: flex;
    justify-content: center;
    z-index: 60;
    pointer-events: none
}

._quickReconnectCard_1llhl_1257 {
    border-radius: 999px;
    background: #090e1ce6;
    border: 1px solid rgba(255,255,255,.2);
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700
}

._loaderWrap_1llhl_1266 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px
}

._loaderSpinner_1llhl_1275 {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 4px solid rgba(255,255,255,.2);
    border-top-color: #fff;
    animation: _spin_1llhl_1 .9s linear infinite
}

._loaderText_1llhl_1284 {
    font-size: 14px;
    color: #d6defb
}

@keyframes _spin_1llhl_1 {
    to {
        transform: rotate(360deg)
    }
}

@keyframes _scoreDeltaRise_1llhl_1 {
    0% {
        opacity: 0;
        transform: translate(-50%,10px) scale(.78)
    }

    18% {
        opacity: 1;
        transform: translate(-50%,-2px) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%,-38px) scale(.96)
    }
}

@keyframes _tokenPulse_1llhl_1 {
    0% {
        transform: translate(-50%,-50%) scale(1);
        box-shadow: 0 0 0 2px #ffffff61,0 2px 6px #0009
    }

    50% {
        transform: translate(-50%,-50%) scale(1.1);
        box-shadow: 0 0 0 4px #fff6958c,0 2px 8px #000000a6
    }

    to {
        transform: translate(-50%,-50%) scale(1);
        box-shadow: 0 0 0 2px #ffffff61,0 2px 6px #0009
    }
}

@keyframes _tapArrowBounce_1llhl_1 {
    0% {
        transform: translate(-50%) translateY(0);
        opacity: .75
    }

    50% {
        transform: translate(-50%) translateY(7px);
        opacity: 1
    }

    to {
        transform: translate(-50%) translateY(0);
        opacity: .75
    }
}

@keyframes _homeBurstWave_1llhl_605 {
    0% {
        transform: translate(-50%,-50%) scale(.25);
        opacity: .98
    }

    42% {
        opacity: .72
    }

    to {
        transform: translate(-50%,-50%) scale(2);
        opacity: 0
    }
}

@keyframes _homeBurstCore_1llhl_618 {
    0% {
        transform: translate(-50%,-50%) scale(1);
        opacity: .95
    }

    to {
        transform: translate(-50%,-50%) scale(.15);
        opacity: 0
    }
}

@keyframes _homeBurstSpark_1llhl_631 {
    0% {
        transform: translate(-50%,-50%) scale(.6);
        opacity: .95
    }

    to {
        transform: translate(-50%,-50%) scale(1.8);
        opacity: 0
    }
}

@keyframes _homeBurstParticle_1llhl_644 {
    0% {
        transform: rotate(var(--particle-angle)) translateY(-5px) scale(1);
        opacity: 1
    }

    70% {
        opacity: .9
    }

    to {
        transform: rotate(var(--particle-angle)) translateY(-42px) scale(.35);
        opacity: 0
    }
}

@keyframes _fireworkBloom_1llhl_1 {
    0% {
        opacity: .2;
        transform: translate(-50%,-50%) scale(.4)
    }

    15% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%,-50%) scale(1.25)
    }
}

@keyframes _fireworkSparkFly_1llhl_1 {
    0% {
        transform: rotate(var(--spark-angle)) translateY(-7px) scale(1);
        opacity: 1
    }

    to {
        transform: rotate(var(--spark-angle)) translateY(-52px) scale(.5);
        opacity: 0
    }
}

._replayMatchLabel_1llhl_1431 {
    position: relative;
    z-index: 3;
    width: -moz-fit-content;
    width: fit-content;
    max-width: calc(100% - 32px);
    margin: 10px auto 0;
    padding: 6px 14px;
    border-radius: 16px;
    background: #050f22d1;
    color: #e9eefb;
    font-size: 14px;
    font-weight: 800;
    text-align: center
}

._replayStateTitle_1llhl_1446 {
    position: absolute;
    left: 50%;
    bottom: -34px;
    z-index: 4;
    transform: translate(-50%);
    max-width: 64%;
    padding: 7px 14px;
    border: 1px solid rgba(255,211,67,.9);
    border-radius: 18px;
    background: #060d1de0;
    color: #ffdf52;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._replayControls_1llhl_1467 {
    width: min(94vw,640px);
    margin: 8px auto 0
}

@media (max-width: 720px) {
    ._bar_1llhl_113 {
        width:12px;
        height: 12px
    }

    ._scoreValue_1llhl_329 {
        font-size: 42px
    }

    ._scoreBadge_1llhl_318 {
        font-size: 11px;
        padding: 3px 10px
    }

    ._scoreDelta_1llhl_338 {
        min-width: 40px;
        font-size: 14px;
        padding: 3px 8px
    }

    ._homeBonusPill_1llhl_395 {
        width: min(76%,64px);
        min-height: 30px
    }

    ._homeBonusTitle_1llhl_429 {
        font-size: 6px
    }

    ._homeBonusValue_1llhl_438 {
        font-size: 16px
    }

    ._profilePic_1llhl_120 {
        width: 52px;
        height: 52px
    }

    ._balanceBadge_1llhl_175 {
        font-size: 12px
    }

    ._dice_1llhl_186 {
        width: 38px;
        height: 38px;
        padding: 5px
    }

    ._diceSprite_1llhl_737 {
        width: 38px;
        height: 38px
    }
}

._card_mj4ll_1 {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    --generated-card-corner-top: 7%;
    --generated-card-corner-left: 12%;
    --generated-card-suit-size: 46cqw;
    --generated-card-suit-offset-x: -13%;
    --generated-card-suit-offset-y: 0%;
    border-radius: inherit;
    overflow: hidden;
    background: radial-gradient(circle at 78% 18%,rgba(255,255,255,.86) 0 9%,transparent 10%),linear-gradient(160deg,#fff,#f8f4ec 54%,#eee2cf);
    box-shadow: inset 0 0 0 1px #2c1c1033;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    container-type: size
}

._corner_mj4ll_22 {
    position: absolute;
    top: var(--generated-card-corner-top);
    left: var(--generated-card-corner-left);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1%;
    width: 48%;
    z-index: 2
}

._rank_mj4ll_34 {
    color: #111820;
    font-family: Roboto Condensed,Arial Narrow,Roboto,Arial,sans-serif;
    font-size: 65cqw;
    font-weight: 900;
    line-height: .9;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
    transform-origin: left center
}

._rankTen_mj4ll_45 {
    transform: scaleX(.72)
}

._red_mj4ll_49 ._rank_mj4ll_34 {
    color: #d71920
}

._suit_mj4ll_53 {
    width: var(--generated-card-suit-size);
    height: var(--generated-card-suit-size);
    background-image: url(/assets/suits.png);
    background-repeat: no-repeat;
    background-size: 200% 200%;
    transform: translate(var(--generated-card-suit-offset-x),var(--generated-card-suit-offset-y))
}

._heart_mj4ll_62 {
    background-position: 0 0
}

._diamond_mj4ll_66 {
    background-position: 100% 0
}

._club_mj4ll_70 {
    background-position: 0 100%
}

._spade_mj4ll_74 {
    background-position: 100% 100%
}

._cardBack_mj4ll_78 {
    background: linear-gradient(160deg,#eef4ff,#b7c8ff 38%,#5b6fca);
    box-shadow: inset 0 0 0 1px #11184852,inset 0 0 0 4px #f5e59feb
}

._cardBack_mj4ll_78:before,._cardBack_mj4ll_78:after {
    content: "";
    position: absolute;
    pointer-events: none
}

._cardBack_mj4ll_78:before {
    top: 8%;
    right: 8%;
    bottom: 8%;
    left: 8%;
    border-radius: 6%;
    border: 1px solid rgba(245,229,159,.56);
    background-color: #173d9a;
    background-image: linear-gradient(45deg,rgba(104,117,214,.95) 12%,transparent 12% 38%,rgba(104,117,214,.95) 38% 62%,transparent 62% 88%,rgba(104,117,214,.95) 88%),linear-gradient(-45deg,rgba(245,229,159,.78) 12%,transparent 12% 38%,rgba(245,229,159,.78) 38% 62%,transparent 62% 88%,rgba(245,229,159,.78) 88%);
    background-size: 16% 16%
}

._cardBack_mj4ll_78:after {
    top: 13%;
    right: 13%;
    bottom: 13%;
    left: 13%;
    border-radius: 5%;
    border: 1px solid rgba(255,243,207,.5);
    background-image: radial-gradient(circle,rgba(255,243,207,.78) 0 12%,transparent 13%),linear-gradient(90deg,rgba(10,21,78,.34) 1px,transparent 1px),linear-gradient(0deg,rgba(10,21,78,.34) 1px,transparent 1px);
    background-size: 16% 16%,16% 16%,16% 16%
}

._cardBackBrand_mj4ll_115 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 46%;
    height: auto;
    transform: translate(-50%,-50%);
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.38)) drop-shadow(0 0 6px rgba(255,243,207,.48));
    opacity: .92;
    z-index: 3
}

._jokerFace_mj4ll_129 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 58%;
    height: auto;
    transform: translate(-50%,-50%)
}

._jokerText_mj4ll_138 {
    position: absolute;
    display: flex;
    flex-direction: column;
    color: #d71920;
    font-family: Roboto Condensed,Arial Narrow,Roboto,Arial,sans-serif;
    font-size: 15cqw;
    font-weight: 900;
    line-height: .76;
    letter-spacing: 0
}

._jokerTextLeft_mj4ll_150 {
    left: 7%;
    top: 7%
}

._jokerTextRight_mj4ll_155 {
    right: 7%;
    bottom: 7%;
    transform: rotate(180deg)
}

.replay-viewer {
    height: 100vh;
    background: #07111f;
    color: #f8fafc;
    font-family: Inter,Arial,Helvetica,sans-serif;
    overflow: hidden
}

.replay-viewer__button {
    border: 1px solid rgba(148,163,184,.42);
    border-radius: 8px;
    background: #111827;
    color: #f8fafc;
    cursor: pointer;
    font-weight: 700;
    min-height: 42px;
    padding: 10px 14px
}

.replay-viewer__button:disabled {
    cursor: not-allowed;
    opacity: .42
}

.replay-viewer__body {
    position: relative;
    height: 100%
}

.replay-viewer__panel {
    background: #0f172a;
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 8px;
    padding: 14px
}

.replay-viewer__scene-frame {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden
}

.replay-viewer__scene-frame>* {
    height: 100%
}

.replay-viewer__scene {
    background: #020617;
    height: 100%;
    overflow: hidden
}

.replay-viewer__scene>* {
    height: 100%
}

.replay-viewer__overlay-panel {
    position: absolute;
    top: 64px;
    left: 50%;
    z-index: 30;
    transform: translate(-50%);
    border-radius: 999px;
    padding: 8px 14px;
    background: #0f172ae0;
    border: 1px solid rgba(148,163,184,.28)
}

.replay-viewer__status {
    color: #facc15;
    font-weight: 700
}

.replay-viewer__error {
    color: #fecaca;
    font-weight: 700
}

.replay-viewer__error-back {
    margin-top: 14px;
    min-width: 104px
}

.replay-viewer__scene-controls-wrap {
    position: relative;
    width: min(96%,720px);
    pointer-events: auto
}

.replay-viewer__event-detail {
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    border-radius: 8px;
    padding: 5px 8px;
    background: #020617b8;
    color: #cbd5e1;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.15;
    pointer-events: none
}

.replay-viewer__scene-controls {
    display: grid;
    grid-template-columns: .9fr .9fr 1.35fr .9fr .9fr;
    align-items: stretch;
    gap: 8px
}

.replay-viewer__scene-button {
    min-height: 44px;
    padding: 8px 6px;
    font-size: 16px
}

.replay-viewer__event-count {
    min-width: 0;
    border: 1px solid rgba(148,163,184,.42);
    border-radius: 8px;
    background: #111827;
    color: #f8fafc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    line-height: 1.05
}

.replay-viewer__event-count span {
    color: #cbd5e1;
    font-size: 10px
}

.replay-viewer__event-count strong {
    margin-top: 2px;
    font-size: 12px
}

.rummy-replay {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    background: radial-gradient(circle at 50% 16%,rgba(30,64,175,.26),transparent 32%),#07111f;
    color: #f8fafc;
    padding: 104px 14px 88px
}

.rummy-replay__header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 88px;
    display: grid;
    grid-template-columns: 140px 1fr 140px;
    align-items: center;
    background: #222;
    border-bottom: 1px solid rgba(148,163,184,.2);
    padding: 0 16px
}

.rummy-replay__back {
    justify-self: start;
    min-width: 112px;
    border-color: #facc1566;
    border-radius: 999px;
    background: #111
}

.rummy-replay__heading {
    text-align: center;
    line-height: 1.1
}

.rummy-replay__heading h1 {
    margin: 0;
    font-size: 22px
}

.rummy-replay__heading p {
    margin: 4px 0 0;
    color: #cbd5e1;
    font-weight: 800
}

.rummy-replay__view-toggle {
    justify-self: end;
    display: inline-flex;
    overflow: hidden;
    border: 1px solid rgba(250,204,21,.38);
    border-radius: 8px;
    background: #020617b8
}

.rummy-replay__view-toggle button {
    min-width: 58px;
    border: 0;
    background: transparent;
    color: #cbd5e1;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    padding: 9px 10px
}

.rummy-replay__view-toggle .rummy-replay__view-toggle-active {
    background: #facc15;
    color: #111827
}

.rummy-replay__match {
    width: min(100%,720px);
    margin: 0 auto 12px;
    border-radius: 999px;
    background: #020617d1;
    color: #e2e8f0;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
    padding: 9px 14px;
    text-align: center
}

.rummy-replay__content {
    width: min(100%,720px);
    max-height: calc(var(--gv-height, 100vh) - 204px);
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 12px
}

.rummy-replay__summary,.rummy-replay__player,.rummy-replay__action-card,.rummy-replay__scoreboard,.rummy-replay__error {
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 8px;
    background: #0f172ad6
}

.rummy-replay__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px
}

.rummy-replay__title {
    min-width: 0;
    color: #facc15;
    font-size: 17px;
    font-weight: 900
}

.rummy-replay__deck-strip {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex-shrink: 0
}

.rummy-replay__deck-cell {
    display: flex;
    align-items: center;
    gap: 6px
}

.rummy-replay__deck-cell span,.rummy-replay__deck-cell em,.rummy-replay__empty,.rummy-replay__empty-action {
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 800
}

.rummy-replay__deck-cell em {
    font-style: normal;
    opacity: .72
}

.rummy-replay__actions {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
    margin-top: 10px
}

.rummy-replay__action-card {
    min-height: 72px;
    padding: 10px
}

.rummy-replay__action-card>span {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 6px;
    text-transform: uppercase
}

.rummy-replay__action-card>div {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 800
}

.rummy-replay__action-card p {
    margin: 0;
    color: #cbd5e1
}

.rummy-replay__empty-action {
    grid-column: 1 / -1;
    border: 1px dashed rgba(148,163,184,.32);
    border-radius: 8px;
    padding: 12px;
    text-align: center
}

.rummy-replay__players {
    display: grid;
    gap: 10px;
    margin-top: 10px
}

.rummy-replay__player {
    padding: 10px;
    transition: border-color .16s ease,box-shadow .16s ease,background .16s ease
}

.rummy-replay__player--dropped {
    opacity: .64
}

.rummy-replay__player--active {
    border-color: #22c55ec7;
    background: #064e3b75;
    box-shadow: 0 0 0 1px #22c55e70,0 0 24px #22c55e47
}

.rummy-replay__player-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px
}

.rummy-replay__player-head h2 {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: 15px
}

.rummy-replay__player-head div {
    display: flex;
    flex-shrink: 0;
    gap: 6px
}

.rummy-replay__player-head span {
    flex-shrink: 0;
    border-radius: 999px;
    background: #facc1529;
    color: #facc15;
    font-size: 12px;
    font-weight: 900;
    padding: 4px 8px
}

.rummy-replay__cards {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 0;
    min-width: -moz-max-content;
    min-width: max-content
}

.rummy-replay__groups {
    display: flex;
    align-items: flex-end;
    gap: clamp(18px,4vw,42px);
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 8px;
    scrollbar-width: thin
}

.rummy-replay__group {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 5px;
    flex: 0 0 auto;
    min-width: 0
}

.rummy-replay__group>span,.rummy-replay__dropped {
    color: #facc15;
    font-size: 11px;
    font-weight: 900
}

.rummy-replay__card-shell {
    display: inline-block;
    width: 48px;
    aspect-ratio: 4 / 5;
    border-radius: 4px;
    box-shadow: 0 2px 5px #00000059;
    flex: 0 0 auto;
    overflow: hidden
}

.rummy-replay__card-face {
    width: 100%;
    height: 100%
}

.rummy-replay__cards .rummy-replay__card-shell+.rummy-replay__card-shell {
    margin-left: -18px
}

.rummy-replay__card--compact {
    width: 34px
}

.rummy-replay__card--joker {
    box-shadow: 0 0 0 2px #facc158c,0 2px 5px #00000059
}

.rummy-replay__scoreboard,.rummy-replay__error {
    margin-top: 10px;
    padding: 10px
}

.rummy-replay__error {
    color: #fecaca;
    font-weight: 800
}

.rummy-replay__scoreboard h2 {
    margin: 0 0 8px;
    color: #facc15;
    font-size: 15px
}

.rummy-replay__score-grid {
    display: grid;
    gap: 1px;
    overflow: auto;
    border-radius: 6px
}

.rummy-replay__score-grid>* {
    min-width: 0;
    background: #020617b8;
    padding: 7px 6px;
    font-size: 11px;
    font-weight: 800;
    text-align: center
}

.rummy-replay__controls {
    position: absolute;
    left: 50%;
    bottom: 12px;
    width: min(96%,720px);
    transform: translate(-50%)
}

.rummy-replay__audit-list {
    display: grid;
    gap: 10px;
    padding-bottom: 18px
}

.rummy-replay__audit-row {
    display: grid;
    grid-template-columns: 76px minmax(0,1fr);
    gap: 10px;
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 8px;
    background: #0f172ad6;
    padding: 10px
}

.rummy-replay__audit-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.25
}

.rummy-replay__audit-body {
    min-width: 0
}

.rummy-replay__audit-body h2 {
    margin: 0 0 8px;
    color: #facc15;
    font-size: 14px;
    line-height: 1.25
}

.rummy-replay__audit-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
    gap: 8px;
    margin-bottom: 8px
}

.rummy-replay__audit-actions .rummy-replay__action-card {
    min-height: 0
}

.rummy-replay__audit-players {
    display: grid;
    gap: 8px
}

@media (min-width: 769px) {
    .replay-viewer__scene-frame {
        inset:auto;
        top: 50%;
        left: 50%;
        width: var(--replay-scene-width);
        height: var(--replay-scene-height);
        transform: translate(-50%,-50%)
    }
}

@media (max-width: 520px) {
    .rummy-replay {
        padding-left:10px;
        padding-right: 10px
    }

    .rummy-replay__header {
        grid-template-columns: 102px 1fr 106px;
        padding: 0 10px
    }

    .rummy-replay__back {
        min-width: 94px
    }

    .rummy-replay__view-toggle button {
        min-width: 48px;
        padding: 8px 7px
    }

    .rummy-replay__summary {
        align-items: flex-start;
        flex-direction: column
    }

    .rummy-replay__actions {
        grid-template-columns: 1fr
    }

    .rummy-replay__card-shell {
        width: 40px
    }

    .rummy-replay__card--compact {
        width: 30px
    }

    .rummy-replay__cards .rummy-replay__card-shell+.rummy-replay__card-shell {
        margin-left: -16px
    }

    .rummy-replay__audit-row {
        grid-template-columns: 1fr
    }

    .rummy-replay__audit-meta {
        flex-direction: row
    }
}

._container_11rs7_1 {
    position: relative;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center,#1b3876,#0d1e43);
    overflow: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    display: flex;
    flex-direction: column
}

._topBar_11rs7_14 {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 100;
    pointer-events: none
}

._topLeftUI_11rs7_26 {
    display: flex;
    gap: 12px;
    width: 45vw;
    max-width: 45vw;
    pointer-events: auto;
    overflow: visible
}

._tableSideButtonGroup_11rs7_35 {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

._tableSideButton_11rs7_35 {
    position: relative;
    flex: 0 0 96px;
    width: 96px;
    min-width: 96px;
    max-width: 96px;
    height: 34px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 999px;
    padding: 4px 34px 4px 8px;
    background: linear-gradient(180deg,#263548,#111827);
    color: #fff;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.05;
    cursor: pointer;
    box-shadow: 0 5px 10px #0000007a;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

._tableSideButtonActive_11rs7_67 {
    background: linear-gradient(180deg,#1f8a39,#16632a);
    border-color: #ffffff8c
}

._tableSideButtonAdd_11rs7_72 {
    background: linear-gradient(180deg,#b36b10,#7c3f08)
}

._tableSideButtonText_11rs7_76 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    max-width: 54px;
    height: 100%;
    min-height: 0;
    max-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    text-align: center;
    line-height: 1.08;
    letter-spacing: 0
}

._tableSideStatusRing_11rs7_95 {
    --timer-progress: 0deg;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #0b0f19;
    border: 2px solid #ca902a;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px #0000008c;
    transform: translateY(-50%)
}

._tableSideStatusRingTimed_11rs7_112 {
    background: conic-gradient(#fbd558 var(--timer-progress),#0b0f19 0deg);
    border: 0
}

._tableSideStatusInner_11rs7_117 {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #000;
    color: #fbd558;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 900
}

._topRightUI_11rs7_130 {
    display: flex;
    align-items: center;
    gap: 12px;
    pointer-events: auto
}

._rulesIconButton_11rs7_137 {
    flex: 0 0 auto;
    box-shadow: 0 4px 8px #00000080
}

._signalGroup_11rs7_142 {
    display: flex;
    gap: 8px
}

._signalItem_11rs7_147 {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 20px
}

._signalBar_11rs7_154 {
    width: 4px;
    background: #22c55e;
    border-radius: 2px
}

._signalBar_11rs7_154:nth-child(2) {
    height: 8px
}

._signalBar_11rs7_154:nth-child(3) {
    height: 14px
}

._signalBar_11rs7_154:nth-child(4) {
    height: 20px
}

._menuBtn_11rs7_163 {
    background: linear-gradient(180deg,#3b82f6,#1d4ed8);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 6px;
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    box-shadow: 0 4px 6px #00000080
}

._menuLine_11rs7_178 {
    width: 20px;
    height: 2px;
    background: #fff;
    border-radius: 2px
}

._exitBtn_11rs7_185 {
    background: linear-gradient(180deg,#3b82f6,#1d4ed8);
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 8px;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    box-shadow: 0 4px 8px #00000080
}

._rightActionRail_11rs7_199 {
    position: absolute;
    right: 0;
    top: 11%;
    bottom: 19%;
    width: 108px;
    z-index: 140;
    pointer-events: none
}

._rightActionSlotBottom_11rs7_209,._rightActionSlotMiddle_11rs7_210,._rightActionSlotTop_11rs7_211,._rightActionSlotTopMost_11rs7_212 {
    position: absolute;
    right: 0;
    pointer-events: auto
}

._rightActionSlotBottom_11rs7_209 {
    bottom: 0
}

._rightActionSlotMiddle_11rs7_210 {
    bottom: 72px
}

._rightActionSlotTop_11rs7_211 {
    bottom: 174px
}

._rightActionSlotTopMost_11rs7_212 {
    bottom: 222px
}

._actionButtonCard_11rs7_234 {
    min-width: 84px;
    min-height: 34px;
    border-radius: 12px 0 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #1f1400;
    box-shadow: 0 5px 10px #0000006b;
    cursor: pointer;
    padding: 4px 11px 4px 9px;
    pointer-events: auto;
    color: #fff
}

._actionButtonCardDisabled_11rs7_249 {
    opacity: .78;
    cursor: default;
    filter: saturate(.85) brightness(.88)
}

._actionButtonTextGroup_11rs7_255 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    text-align: center;
    line-height: 1.05
}

._actionButtonTextGroupSingleLine_11rs7_265 {
    justify-content: center
}

._actionButtonTextTop_11rs7_269 {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .2px
}

._actionButtonTextBottom_11rs7_275 {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .25px;
    margin-top: -1px
}

._actionButtonTextBottomHidden_11rs7_282 {
    display: none
}

._tableOuterRim_11rs7_287 {
    position: absolute;
    top: 15%;
    bottom: 25%;
    left: 10%;
    right: 10%;
    border-radius: 250px;
    background: linear-gradient(180deg,#ebd083,#a46d1b,#ecd78b);
    padding: 6px;
    box-shadow: 0 15px 40px #000c;
    pointer-events: none
}

._tableBlueRim_11rs7_301 {
    width: 100%;
    height: 100%;
    border-radius: 244px;
    background: linear-gradient(180deg,#174eb6,#081e4f);
    padding: 18px;
    box-shadow: inset 0 3px 8px #ffffff40
}

._tableInnerRim_11rs7_310 {
    width: 100%;
    height: 100%;
    border-radius: 226px;
    background: linear-gradient(180deg,#f7e9b0,#d8a23c);
    padding: 4px
}

._tableFelt_11rs7_318 {
    width: 100%;
    height: 100%;
    border-radius: 222px;
    background: radial-gradient(ellipse at 50% 40%,#1b844f,#0a3d24);
    position: relative;
    box-shadow: inset 0 0 40px #000c;
    pointer-events: auto
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] {
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: radial-gradient(circle at 50% 18%,#682c7a38,#682c7a00 30%),radial-gradient(circle at center,#1b3876,#0d1e43)
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._topBar_11rs7_14 {
    top: 8px;
    left: 14px;
    right: 14px;
    z-index: 16000
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._topLeftUI_11rs7_26 {
    width: 20vw;
    max-width: 20vw
}

._matchIdBadge_11rs7_349 {
    position: absolute;
    top: 9px;
    left: 14px;
    z-index: 15500;
    max-width: 32vw;
    padding: 3px 8px;
    border: 1px solid rgba(226,232,240,.16);
    border-radius: 7px;
    background: #02061770;
    color: #f8fafcdb;
    font-size: 11px;
    font-weight: 520;
    line-height: 1.1;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._tableOuterRim_11rs7_287 {
    top: 13%;
    bottom: auto;
    left: -18%;
    right: -18%;
    height: 124%;
    border-radius: 330px 330px 0 0;
    padding: 7px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._tableBlueRim_11rs7_301 {
    border-radius: 322px 322px 0 0;
    padding: 14px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._tableInnerRim_11rs7_310 {
    border-radius: 308px 308px 0 0
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._tableFelt_11rs7_318 {
    border-radius: 304px 304px 0 0
}

._avatarWrapper_11rs7_394 {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(180deg,#f6e6ac,#cca344);
    padding: 3px;
    box-shadow: 0 8px 20px #000000b3;
    transform: translate(-50%,-50%);
    z-index: 200
}

._activeTurnAvatarWrapper_11rs7_406 {
    box-shadow: 0 0 0 2px #ffe658ad,0 0 10px #ffd60a7a,0 0 22px #ffa41c47,0 8px 20px #000000b3
}

._activeTurnAvatarWrapper_11rs7_406._extraTurnTimer_11rs7_414 {
    box-shadow: 0 0 0 2px #ff4040c7,0 0 12px #ff1e1e94,0 0 26px #ff000057,0 8px 20px #000000b3
}

._inactivePlayerProfile_11rs7_422 {
    --profile-overlay-opacity: .5
}

._avatarWrapper_11rs7_394,._playerInfoTag_11rs7_427 {
    transition: filter .16s ease-out,box-shadow .16s ease-out
}

._inactivePlayerProfile_11rs7_422:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background: rgba(0,0,0,var(--profile-overlay-opacity));
    pointer-events: none;
    z-index: 20
}

._activeTurnAvatarWrapper_11rs7_406:after,._activeTurnUserAvatar_11rs7_442:after {
    content: "";
    position: absolute;
    top: -22px;
    right: -22px;
    bottom: -22px;
    left: -22px;
    border-radius: 50%;
    background: radial-gradient(circle,#ffee6057,#ffca1c33 42%,#ff941814 63%,#ff941800 78%);
    filter: blur(5px);
    pointer-events: none;
    z-index: -1
}

._extraTurnTimer_11rs7_414:after {
    background: radial-gradient(circle,#ff40406b,#ff1e1e3d 42%,#ff00001a 63%,#f000 78%)
}

._avatarWrapperLeftEdge_11rs7_469 {
    transform: translateY(-50%)
}

._avatarWrapperRightEdge_11rs7_473 {
    transform: translate(-100%,-50%)
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._avatarWrapper_11rs7_394 {
    width: 56px;
    height: 56px;
    padding: 2px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._avatarWrapperLeftEdge_11rs7_469,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._avatarWrapperRightEdge_11rs7_473 {
    transform: translate(-50%,-50%)
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._playerInfoTag_11rs7_427 {
    bottom: -18px;
    padding: 2px 7px;
    z-index: 30
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._playerInfoTagLeftEdge_11rs7_497,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._playerInfoTagRightEdge_11rs7_504 {
    left: 50%;
    right: auto;
    bottom: -18px;
    transform: translate(-50%)
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._playerName_11rs7_511 {
    font-size: 9px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._playerBalance_11rs7_515 {
    font-size: 8px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._dealerBadge_11rs7_519 {
    top: -4px;
    right: -4px;
    width: 18px;
    height: 18px;
    font-size: 10px
}

._avatarInner_11rs7_527 {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: #0f172a;
    border: 2px solid #000
}

._avatarSprite_11rs7_538 {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-size: 600% 400%
}

._turnTimerRadial_11rs7_546 {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    border-radius: 50%;
    background: conic-gradient(from -90deg,var(--turn-timer-radial-start, rgba(255, 231, 85, .86)) 0deg,var(--turn-timer-radial-end, rgba(255, 195, 34, .82)) var(--turn-timer-sweep, 0deg),rgba(5,11,18,.72) var(--turn-timer-sweep, 0deg),rgba(5,11,18,.72) 360deg);
    -webkit-mask: radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));
    mask: radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));
    box-shadow: inset 0 0 0 1px #ffffff29,inset 0 0 9px #00000057;
    pointer-events: none;
    z-index: 3
}

._turnTimerOuterRing_11rs7_566 {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    border-radius: 50%;
    background: conic-gradient(from -90deg,var(--turn-timer-ring-start, #fff3a0) 0deg,var(--turn-timer-ring-end, #ffd22f) var(--turn-timer-sweep, 0deg),rgba(4,9,15,.9) var(--turn-timer-sweep, 0deg),rgba(4,9,15,.9) 360deg);
    -webkit-mask: radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
    mask: radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
    box-shadow: 0 0 0 1px #000000d1,0 0 10px #000000b8;
    pointer-events: none;
    z-index: 1
}

._turnTimerOuterRing_11rs7_566:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background: conic-gradient(from calc(var(--turn-timer-sweep, 0deg) - 98deg),transparent 0deg,rgba(255,255,255,.96) 8deg,var(--turn-timer-glint, rgba(255, 245, 173, .78)) 13deg,transparent 19deg,transparent 360deg);
    -webkit-mask: inherit;
    mask: inherit;
    filter: drop-shadow(0 0 5px rgba(255,238,116,.72))
}

._extraTurnTimer_11rs7_414 {
    --turn-timer-radial-start: rgba(255, 72, 72, .94);
    --turn-timer-radial-end: rgba(255, 0, 0, .9);
    --turn-timer-ring-start: #ff6b6b;
    --turn-timer-ring-end: #ff0000;
    --turn-timer-glint: rgba(255, 210, 210, .9)
}

._extraTurnTimer_11rs7_414 ._turnTimerOuterRing_11rs7_566:after {
    filter: drop-shadow(0 0 6px rgba(255,48,48,.82))
}

._dealerBadge_11rs7_519 {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #dc2626;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #fbd558;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800
}

._playerInfoTag_11rs7_427 {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%);
    background: #000c;
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap
}

._playerInfoTagLeftEdge_11rs7_497 {
    left: calc(100% + 8px);
    bottom: 50%;
    transform: translateY(50%)
}

._playerInfoTagRightEdge_11rs7_504 {
    left: auto;
    right: calc(100% + 8px);
    bottom: 50%;
    transform: translateY(50%)
}

._playerName_11rs7_511 {
    color: #fff;
    font-size: 10px
}

._playerBalance_11rs7_515 {
    color: #fbd558;
    font-size: 9px;
    display: flex;
    align-items: center;
    gap: 2px
}

._coinIcon_11rs7_659 {
    width: 10px;
    height: 10px
}

._centerTableElements_11rs7_662 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    gap: 40px;
    pointer-events: auto;
    z-index: 300
}

._declareBox_11rs7_673 {
    background: #0a2819b3;
    border: 2px dashed #4ade80;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4ade80;
    font-size: 11px;
    text-align: center;
    cursor: pointer;
    overflow: hidden
}

._declareBox_11rs7_673:disabled {
    opacity: .7;
    cursor: default
}

._declareStageOverlay_11rs7_692 {
    position: absolute;
    top: 15%;
    bottom: 25%;
    left: 10%;
    right: 10%;
    border-radius: 250px;
    background: #030a08cc;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._centerTableElements_11rs7_662 {
    top: 25%;
    gap: 32px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._declareStageOverlay_11rs7_692 {
    top: 0;
    bottom: 12%;
    left: 0;
    right: 0;
    height: auto;
    border-radius: 0;
    z-index: 650;
    background: #02080685;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    pointer-events: auto
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._declareStagePanel_11rs7_726 {
    width: min(480px,50%);
    padding: 20px 26px 22px;
    gap: 16px;
    border-radius: 14px;
    background: linear-gradient(180deg,#0f172ae0,#020617eb);
    border: 1px solid rgba(226,232,240,.18);
    box-shadow: 0 22px 56px #0000006b;
    transform: translateY(-42%);
    pointer-events: auto
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._declareStageHeading_11rs7_738 {
    color: #fde68a;
    font-size: 17px;
    font-weight: 620;
    letter-spacing: 0
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._declareStageProgressWrap_11rs7_745 {
    width: min(340px,100%);
    gap: 0
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._declareStageProgressTrack_11rs7_750 {
    height: 10px;
    background: #0f172ab8;
    border: 1px solid rgba(226,232,240,.12);
    box-shadow: inset 0 1px 4px #00000052
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._declareStageProgressFill_11rs7_757 {
    background: linear-gradient(90deg,#22c55e,#fde68a)
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._declareStageProgressText_11rs7_761 {
    font-size: 16px;
    font-weight: 620
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._declareStageSubmitButton_11rs7_766,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._declareStageDeclaredText_11rs7_767 {
    min-width: 128px;
    min-height: 38px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 650;
    letter-spacing: 0
}

._declareStagePanel_11rs7_726 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: min(380px,72%);
    padding: 18px 22px 20px;
    border-radius: 18px;
    background: #00000040;
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 16px 30px #00000059
}

._declareStageHeading_11rs7_738 {
    color: #f8fafc;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .2px;
    text-align: center
}

._declareStageSubmitButton_11rs7_766 {
    min-width: 148px;
    min-height: 48px;
    border: 2px solid rgba(255,255,255,.22);
    border-radius: 14px;
    background: linear-gradient(180deg,#3bcf0e,#137a0a);
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .3px;
    cursor: pointer;
    box-shadow: 0 10px 18px #00000059
}

._declareStageDeclaredText_11rs7_767 {
    min-width: 148px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: #bbf7d0;
    background: #052e16b8;
    border: 1px solid rgba(134,239,172,.55);
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .3px
}

._declareStageProgressWrap_11rs7_745 {
    width: min(280px,100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

._declareStageProgressTrack_11rs7_750 {
    width: 100%;
    height: 12px;
    border-radius: 999px;
    background: #ffffff2e;
    overflow: hidden;
    box-shadow: inset 0 1px 2px #00000080
}

._declareStageProgressFill_11rs7_757 {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,#f59e0b,#facc15 48%,#f8fafc);
    transition: width .2s linear
}

._declareStageProgressText_11rs7_761 {
    color: #ffffffeb;
    font-size: 14px;
    font-weight: 700
}

._deckArea_11rs7_856 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    pointer-events: auto
}

._cardStack_11rs7_864 {
    position: relative;
    z-index: 40;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 10px #00000080;
    overflow: visible
}

._deckCardInteractable_11rs7_873 {
    cursor: pointer;
    touch-action: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

._deckCardInactive_11rs7_881 {
    cursor: default
}

._cardTop_11rs7_885 {
    position: relative;
    z-index: 41;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -o-object-fit: contain;
    object-fit: contain
}

._deckMidOverlay_11rs7_894 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 39
}

._wildFanZone_11rs7_901 {
    position: absolute;
    z-index: 6;
    pointer-events: none;
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content
}

._wildFanCard_11rs7_909 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 10
}

._wildFanCardShadow_11rs7_920 {
    border-radius: 4px;
    box-shadow: 0 4px 12px #00000080
}

._wildFanOverlay_11rs7_925 {
    position: absolute;
    z-index: 20;
    pointer-events: none;
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content
}

._deckHistoryButton_11rs7_933 {
    position: absolute;
    transform: translate(-50%,-50%);
    border: 1px solid rgba(255,255,255,.35);
    background: #081e12b8;
    color: #fff;
    border-radius: 10px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 4px 10px #00000073
}

._discardPile_11rs7_950 {
    position: relative;
    z-index: 2;
    background: #ffffff1a;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 4px;
    overflow: hidden
}

._discardPileNextCard_11rs7_959,._discardPileTopCard_11rs7_960 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none
}

._discardPileNextCard_11rs7_959 {
    z-index: 2
}

._discardPileTopCard_11rs7_960 {
    z-index: 3
}

._discardPileFallback_11rs7_978 {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 2px dashed rgba(74,222,128,.82);
    border-radius: inherit;
    background: #0a28195c;
    box-shadow: inset 0 0 0 1px #0478573d
}

._discardPileFallbackText_11rs7_989 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffffe6;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .1px;
    z-index: 2;
    pointer-events: none
}

._container_11rs7_1[data-rummy-table-layout=jq-full-table] ._discardPileFallbackText_11rs7_989 {
    display: none
}

._openCard_11rs7_1008 {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    z-index: 3
}

._openCardBlank_11rs7_1017 {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    opacity: .4;
    -o-object-fit: contain;
    object-fit: contain
}

._userHandArea_11rs7_1026 {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 9999
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._userHandArea_11rs7_1026 {
    bottom: 12%;
    width: 100%;
    z-index: 9000
}

._cardGroup_11rs7_1044 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

._cardsRow_11rs7_1052 {
    display: flex;
    width: 100%
}

._cardsRowHoverSuppressed_11rs7_1057 ._handCard_11rs7_1057:hover,._cardsRowHoverSuppressed_11rs7_1057 ._handCardSelected_11rs7_1061 {
    transform: none!important
}

._handCard_11rs7_1057 {
    position: relative;
    transition: transform .2s cubic-bezier(.18,.89,.32,1.28);
    cursor: pointer;
    height: calc(25% - 11px);
    aspect-ratio: 4/5;
    will-change: transform,left
}

._handCard_11rs7_1057:hover {
    transform: translateY(-20px)
}

._handCardSelected_11rs7_1061 {
    transform: translateY(-20px);
    filter: drop-shadow(0 0 12px rgba(255,225,92,.8))
}

._dragPlaceholderCard_11rs7_1084 {
    position: relative;
    border: 2px dashed rgba(255,255,255,.34);
    border-radius: 4px;
    background: #ffffff14;
    box-shadow: inset 0 0 0 1px #0000002e;
    opacity: .28;
    pointer-events: none;
    will-change: left
}

@keyframes _cardTapBounce_11rs7_1 {
    0% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-40px)
    }

    to {
        transform: translateY(0)
    }
}

._handCardTapPulse_11rs7_1101 {
    animation: _cardTapBounce_11rs7_1 .3s ease-out
}

._handCardImg_11rs7_1105 {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 4px 12px #00000080;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

._cardSelectedOverlay_11rs7_1116 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0006;
    border-radius: 4px;
    pointer-events: none;
    z-index: 5
}

._groupFloatingBtn_11rs7_1125 {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translate(-50%);
    background: linear-gradient(180deg,#fce043,#fb9b2a);
    border: 2px solid #000;
    border-radius: 6px;
    padding: 4px 12px;
    color: #000;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 4px 10px #00000080;
    z-index: 10000
}

._jokerFaceOverlay_11rs7_1143 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
    height: auto;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-top-right-radius: 4px;
    background: #fff;
    z-index: 6
}

._groupRibbon_11rs7_1156 {
    width: 100%;
    height: 11px;
    margin-top: -6px;
    padding: 0 6px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 8px;
    position: relative;
    z-index: 10;
    box-shadow: 0 -1px 3px #00000040
}

._darkRibbon_11rs7_1172 {
    background: #18181b;
    color: #fff
}

._greenRibbon_11rs7_1173 {
    background: #166534;
    color: #fff
}

._scoreBadge_11rs7_1175 {
    background: #fff;
    padding: 2px 10px;
    border-radius: 8px;
    font-weight: 800;
    color: #000;
    font-size: 14px
}

._groupRibbon_11rs7_1156 ._scoreBadge_11rs7_1175 {
    padding: 0 5px;
    border-radius: 5px;
    font-size: 8px;
    line-height: 9px
}

._scoreBadgeContainer_11rs7_1191 {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 2px
}

._groupRibbon_11rs7_1156 ._scoreBadgeContainer_11rs7_1191 {
    gap: 2px
}

._actionHintCard_11rs7_1202 {
    position: absolute;
    right: 0;
    bottom: -74px;
    background: #0009;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 8px;
    padding: 8px 10px;
    max-width: 180px;
    pointer-events: auto;
    z-index: 1
}

._actionHintTitle_11rs7_1215 {
    color: #fff;
    font-size: 11px;
    font-weight: 600
}

._actionHintText_11rs7_1221 {
    color: #d1d5db;
    font-size: 10px;
    line-height: 1.3;
    margin-top: 4px
}

._addTableOverlay_11rs7_1228 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 16000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000094;
    padding: 18px;
    box-sizing: border-box;
    pointer-events: auto
}

._addTablePanel_11rs7_1241 {
    width: min(100%,430px);
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    background: #111827;
    box-shadow: 0 18px 50px #0000008c;
    color: #fff;
    overflow: hidden
}

._addTableHeader_11rs7_1252 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 8px 12px 8px 16px;
    background: #1f2937;
    border-bottom: 1px solid rgba(255,255,255,.12)
}

._addTableTitle_11rs7_1262 {
    font-size: 15px;
    font-weight: 900
}

._addTableCloseButton_11rs7_1267 {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 6px;
    background: #374151;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer
}

._addTableBody_11rs7_1279 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px
}

._addTableField_11rs7_1286 {
    display: flex;
    flex-direction: column;
    gap: 6px
}

._addTableLabel_11rs7_1292 {
    color: #d1d5db;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase
}

._addTableSelect_11rs7_1299 {
    height: 36px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 6px;
    background: #0b1220;
    color: #fff;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 700
}

._addTableSegmented_11rs7_1310 {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px
}

._addTableSegment_11rs7_1310 {
    height: 36px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 6px;
    background: #0b1220;
    color: #d1d5db;
    font-weight: 900;
    cursor: pointer
}

._addTableSegmentActive_11rs7_1326 {
    background: #166534;
    color: #fff;
    border-color: #ffffff61
}

._addTableActions_11rs7_1332 {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 16px 16px;
    border-top: 1px solid rgba(255,255,255,.1)
}

._addTableCancelButton_11rs7_1340,._addTableStartButton_11rs7_1341 {
    min-width: 88px;
    height: 36px;
    border: 0;
    border-radius: 6px;
    color: #fff;
    font-weight: 900;
    cursor: pointer
}

._addTableCancelButton_11rs7_1340 {
    background: #4b5563
}

._addTableStartButton_11rs7_1341 {
    background: linear-gradient(180deg,#22c55e,#166534)
}

._addTableCloseButton_11rs7_1267:disabled,._addTableCancelButton_11rs7_1340:disabled,._addTableStartButton_11rs7_1341:disabled,._addTableSegment_11rs7_1310:disabled,._addTableSelect_11rs7_1299:disabled {
    opacity: .55;
    cursor: default
}

._userProfileBottom_11rs7_1369 {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #000c;
    padding: 5px 12px;
    border-radius: 50px;
    z-index: 400;
    border: 1px solid #fbd558;
    box-shadow: 0 4px 15px #0009
}

._userTextInfo_11rs7_1383 {
    text-align: right
}

._userInfoName_11rs7_1384 {
    color: #fff;
    font-size: 12px;
    font-weight: 600
}

._userInfoBalance_11rs7_1385 {
    color: #fbd558;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px
}

._userAvatarSquare_11rs7_1387 {
    position: relative;
    width: 44px;
    height: 44px;
    border: 2px solid #fbd558;
    border-radius: 50%;
    overflow: visible
}

._activeTurnUserAvatar_11rs7_442 {
    box-shadow: 0 0 0 2px #ffe658ad,0 0 10px #ffd60a7a,0 0 22px #ffa41c47
}

._activeTurnUserAvatar_11rs7_442._extraTurnTimer_11rs7_414 {
    box-shadow: 0 0 0 2px #ff4040c7,0 0 12px #ff1e1e94,0 0 26px #ff000057
}

._userAvatarSquareImg_11rs7_1410 {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden
}

._bottomControlBar_11rs7_1419 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 12%;
    min-height: 46px;
    z-index: 13000;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    align-items: center;
    gap: 10px;
    padding: 3px 14px 4px;
    background: linear-gradient(180deg,#090f1c42,#050911e0 54%,#03060cf5);
    border-top: 1px solid rgba(251,213,88,.32);
    box-shadow: 0 -10px 24px #0000006b;
    pointer-events: none
}

._bottomBarLeft_11rs7_1438,._bottomBarCenter_11rs7_1439,._bottomBarRight_11rs7_1440 {
    min-width: 0;
    display: flex;
    align-items: center;
    pointer-events: auto;
    height: 100%
}

._bottomBarLeft_11rs7_1438 {
    justify-content: flex-start;
    overflow: hidden
}

._bottomBarCenter_11rs7_1439 {
    justify-content: center
}

._bottomBarRight_11rs7_1440 {
    justify-content: flex-end;
    gap: 8px
}

._bottomBarLeft_11rs7_1438 ._tableSideButtonGroup_11rs7_35 {
    align-items: center;
    width: auto;
    max-width: 100%;
    overflow: hidden
}

._bottomBarLeft_11rs7_1438 ._tableSideButton_11rs7_35 {
    flex-basis: 90px;
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    height: 36px
}

._bottomBarCenter_11rs7_1439 ._userProfileBottom_11rs7_1369 {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    margin: 0;
    width: 116px;
    height: 54px;
    min-height: 54px;
    padding: 0;
    justify-content: center;
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: visible
}

._bottomBarCenter_11rs7_1439 ._userTextInfo_11rs7_1383 {
    position: absolute;
    left: 50%;
    bottom: 4px;
    z-index: 5;
    min-width: 86px;
    max-width: 123px;
    transform: translate(-50%);
    padding: 3px 10px 5px;
    border-radius: 999px;
    background: #000000db;
    border: 1px solid rgba(251,213,88,.42);
    box-shadow: 0 5px 12px #00000061;
    text-align: center
}

._bottomBarCenter_11rs7_1439 ._userInfoName_11rs7_1384 {
    display: none
}

._bottomBarCenter_11rs7_1439 ._userInfoBalance_11rs7_1385 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    overflow: hidden;
    color: #fbd558;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap
}

._bottomBarCenter_11rs7_1439 ._userAvatarSquare_11rs7_1387 {
    align-self: flex-start;
    z-index: 4;
    transform: translateY(-12px);
    background: #6f8883;
    border-color: #fbd55894;
    overflow: visible
}

._bottomBarCenter_11rs7_1439 ._scoreBadgeContainer_11rs7_1191 {
    position: absolute;
    left: calc(50% + 15px);
    top: -3px;
    z-index: 3;
    margin-left: 0
}

._bottomBarCenter_11rs7_1439 ._scoreBadge_11rs7_1175 {
    min-width: 30px;
    padding: 5px 6px 5px 14px;
    border-radius: 0 8px 8px 0;
    font-size: 16px;
    line-height: 1;
    box-shadow: 0 4px 12px #0000005c
}

._bottomBarRight_11rs7_1440 ._actionButtonCard_11rs7_234 {
    align-self: center;
    position: relative;
    right: auto;
    bottom: auto;
    min-width: 72px;
    min-height: 34px;
    border-radius: 8px;
    padding: 4px 9px
}

._bottomBarRight_11rs7_1440 ._actionHintCard_11rs7_1202 {
    position: static;
    right: auto;
    bottom: auto;
    max-width: 150px;
    padding: 6px 8px
}

._dragPreviewCard_11rs7_1573 {
    position: absolute;
    z-index: 15000;
    pointer-events: none
}

._flightCard_11rs7_1579 {
    position: absolute;
    width: 42px;
    height: 63px;
    margin-left: -21px;
    margin-top: -31.5px;
    z-index: 14000;
    pointer-events: none;
    transition-property: transform;
    transition-timing-function: ease-in-out
}

._flightCardImg_11rs7_1591 {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 4px 12px #00000080;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._connectionOverlay_11rs7_1600 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    box-sizing: border-box;
    background: #000000b8
}

._connectionModal_11rs7_1612 {
    width: min(100%,420px);
    box-sizing: border-box;
    background: #0f172a;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 12px;
    padding: 16px;
    color: #fff;
    text-align: center
}

._connectionTitle_11rs7_1623 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px
}

._connectionMessage_11rs7_1629 {
    font-size: 13px;
    color: #d1d5db;
    margin: 0
}

._connectionButton_11rs7_1635 {
    margin-top: 14px;
    border: 0;
    border-radius: 8px;
    padding: 8px 16px;
    background: linear-gradient(180deg,#22c55e,#166534);
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

._splashScreen_11rs7_1646 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 12000;
    background: #040918c7;
    color: #fff
}

._splashLoader_11rs7_1658 {
    width: 38px;
    height: 38px;
    border: 4px solid rgba(255,255,255,.2);
    border-top-color: #facc15;
    border-radius: 50%;
    animation: _rummySpin_11rs7_1 1s linear infinite
}

._splashText_11rs7_1667 {
    margin-top: 10px;
    font-size: 13px
}

._resultOverlay_11rs7_1672 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000c7;
    z-index: 18000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    box-sizing: border-box
}

._resultPanel_11rs7_1684 {
    width: min(100%,1160px);
    height: min(100%,860px);
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    overflow: visible;
    background: linear-gradient(180deg,#143d8b,#0a1a3f);
    border: 2px solid rgba(255,255,255,.18);
    border-radius: 14px;
    box-shadow: 0 20px 60px #0006;
    padding: 52px 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    position: relative
}

._resultTopBanner_11rs7_1703 {
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translate(-50%);
    width: -moz-fit-content;
    width: fit-content;
    max-width: calc(100% - 28px);
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    background: linear-gradient(180deg,#184eae,#123e8f);
    border-left: 2px solid rgba(255,255,255,.14);
    border-right: 2px solid rgba(255,255,255,.14);
    border-bottom: 2px solid rgba(255,255,255,.14);
    border-top: 0;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 8px 22px #00000042;
    z-index: 1
}

._resultTopBannerText_11rs7_1725 {
    color: #facc15;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .2px;
    text-align: center;
    white-space: nowrap
}

._resultListFrame_11rs7_1735 {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 12px;
    background: #050c1e47
}

._resultTableHead_11rs7_1746 {
    display: grid;
    grid-template-columns: 2fr 5fr 1fr 1.2fr;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 700;
    color: #e2e8f0;
    border-bottom: 1px solid rgba(255,255,255,.16);
    background: #ffffff0a;
    flex: 0 0 auto
}

._resultRows_11rs7_1758 {
    overflow: auto;
    min-height: 0;
    flex: 1 1 auto
}

._resultRow_11rs7_1758 {
    display: grid;
    grid-template-columns: 2fr 5fr 1fr 1.2fr;
    align-items: center;
    min-height: 54px;
    gap: 10px;
    padding: 6px 14px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    color: #fff
}

._resultRowHighlighted_11rs7_1775 {
    background: linear-gradient(90deg,#7c3aed6b,#9333ea33)
}

._resultPlayerCell_11rs7_1779,._resultScoreCell_11rs7_1780,._resultAmountCell_11rs7_1781 {
    font-size: 14px
}

._resultAmountCell_11rs7_1781 {
    display: flex;
    align-items: center;
    gap: 8px
}

._resultCardsCell_11rs7_1791 {
    min-height: 100%;
    display: flex;
    align-items: center
}

._resultDropped_11rs7_1797 {
    font-size: 15px;
    letter-spacing: 2px;
    opacity: .9
}

._resultCardGroupsMini_11rs7_1803 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center
}

._resultGroupMini_11rs7_1810 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

._resultCardsMini_11rs7_1816 {
    display: flex;
    gap: 0;
    align-items: center
}

._resultCardMini_11rs7_1822 {
    width: 26px;
    height: 39px;
    border-radius: 3px;
    position: relative
}

._resultCardMini_11rs7_1822:not(:first-child) {
    margin-left: -8px
}

._resultButtonsRow_11rs7_1833 {
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 0
}

._resultButtonPrimary_11rs7_1841,._resultButtonSecondary_11rs7_1842 {
    border: 0;
    border-radius: 9px;
    min-width: 104px;
    padding: 7px 12px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

._resultButtonPrimary_11rs7_1841 {
    background: linear-gradient(180deg,#16a34a,#15803d)
}

._resultButtonSecondary_11rs7_1842 {
    background: linear-gradient(180deg,#3b82f6,#1d4ed8)
}

._resultGameId_11rs7_1861 {
    position: absolute;
    right: 18px;
    bottom: 14px;
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 600;
    opacity: .92
}

._invalidDeclareOverlay_11rs7_1871 {
    z-index: 19000
}

._invalidDeclarePanel_11rs7_1875 {
    width: min(100%,980px);
    height: auto;
    max-height: min(72%,420px);
    padding: 58px 18px 20px
}

._invalidDeclarePanel_11rs7_1875 ._resultTopBanner_11rs7_1703 {
    max-width: calc(100% - 92px)
}

._invalidDeclarePanel_11rs7_1875 ._resultTopBannerText_11rs7_1725 {
    white-space: normal;
    line-height: 1.12
}

._invalidDeclareGroups_11rs7_1891 {
    flex: 0 0 auto;
    min-height: 0;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 6px 4px 0
}

._invalidDeclareGroup_11rs7_1891 {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent
}

._invalidDeclareGroupLabel_11rs7_1916 {
    width: 100%;
    min-height: 12px;
    margin-top: -5px;
    padding: 1px 6px;
    border-radius: 3px;
    background: #166534;
    color: #facc15;
    font-size: 9px;
    font-weight: 700;
    line-height: 10px;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 2
}

._invalidDeclareCards_11rs7_1935 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0;
    overflow: visible;
    padding: 0
}

._invalidDeclareCardWrap_11rs7_1944 {
    width: 46px;
    height: 69px;
    flex: 0 0 auto
}

._invalidDeclareCardWrap_11rs7_1944:not(:first-child) {
    margin-left: -12px
}

._invalidDeclareCard_11rs7_1935 {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 4px 12px #0000006b
}

._awayOverlay_11rs7_1961 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 17500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    box-sizing: border-box;
    background: #000000b8;
    pointer-events: auto
}

._awayPanel_11rs7_1974 {
    width: min(100%,430px);
    box-sizing: border-box;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 28px 24px;
    border-radius: 14px;
    border: 2px solid rgba(255,255,255,.18);
    background: linear-gradient(180deg,#143d8b,#0a1a3f);
    box-shadow: 0 20px 60px #0006
}

._awayMessage_11rs7_1990 {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center
}

._awayButton_11rs7_1998 {
    min-width: 132px;
    min-height: 40px;
    border: 0;
    border-radius: 9px;
    padding: 8px 18px;
    color: #fff;
    background: linear-gradient(180deg,#16a34a,#15803d);
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 18px #0000003d
}

._matchHistoryCloseButton_11rs7_2012 {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 2;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.24);
    color: #fff;
    background: linear-gradient(180deg,#3b82f6,#1d4ed8);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px #00000047
}

._cardHistoryPanel_11rs7_2030 {
    height: min(100%,720px);
    gap: 10px
}

._cardHistoryMeta_11rs7_2035 {
    position: absolute;
    top: 14px;
    right: 58px;
    color: #e2e8f0;
    font-size: 13px;
    font-weight: 800
}

._cardHistoryTabs_11rs7_2044 {
    display: flex;
    gap: 8px;
    flex: 0 0 auto
}

._cardHistoryTab_11rs7_2044,._cardHistoryTabActive_11rs7_2051 {
    min-width: 130px;
    height: 36px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer
}

._cardHistoryTab_11rs7_2044 {
    background: #ffffff14
}

._cardHistoryTabActive_11rs7_2051 {
    background: linear-gradient(180deg,#3b82f6,#1d4ed8)
}

._cardHistoryFrame_11rs7_2071 {
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 12px;
    background: #050c1e47
}

._cardHistoryRows_11rs7_2080 {
    height: 100%;
    overflow: auto
}

._cardHistoryRow_11rs7_2080 {
    display: grid;
    grid-template-columns: minmax(120px,1fr) 5fr;
    align-items: center;
    min-height: 72px;
    gap: 12px;
    padding: 9px 14px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    color: #fff
}

._cardHistoryRowHighlighted_11rs7_2096 {
    background: linear-gradient(90deg,#7c3aed6b,#9333ea33)
}

._cardHistoryPlayerCell_11rs7_2100 {
    font-size: 14px;
    font-weight: 800;
    color: #e2e8f0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._cardHistoryCardsCell_11rs7_2109 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0
}

._cardHistoryCardWrap_11rs7_2117 {
    position: relative;
    width: 34px;
    height: 51px;
    flex: 0 0 auto
}

._cardHistoryCard_11rs7_2109 {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 4px 12px #00000080
}

._cardHistoryCardInactive_11rs7_2131 {
    opacity: .42
}

._cardHistoryCount_11rs7_2135 {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    background: #020617;
    border: 1px solid rgba(250,204,21,.9);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    line-height: 16px;
    text-align: center
}

._scorecardPanel_11rs7_2152 {
    width: min(100%,1040px);
    height: min(90%,520px);
    padding: 50px 18px 38px;
    background: radial-gradient(circle at 50% 18%,rgba(59,130,246,.18),transparent 34%),linear-gradient(180deg,#143d8b,#071a42);
    border-color: #facc157a
}

._scorecardPanel_11rs7_2152 ._resultTopBanner_11rs7_1703 {
    height: 36px;
    max-width: calc(100% - 96px)
}

._scorecardPanel_11rs7_2152 ._resultTopBannerText_11rs7_1725 {
    font-size: 15px
}

._scorecardFrame_11rs7_2171 {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden
}

._scorecardGrid_11rs7_2180 {
    display: grid;
    grid-template-columns: minmax(82px,.62fr) repeat(var(--scorecard-player-count),minmax(104px,1fr));
    min-width: 0
}

._scorecardHeaderGrid_11rs7_2186,._scorecardTotalGrid_11rs7_2187 {
    flex: 0 0 auto
}

._scorecardBody_11rs7_2191 {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    background: #03071238
}

._scorecardCell_11rs7_2198 {
    min-width: 0;
    min-height: 42px;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f8fafc;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
    border-right: 1px solid rgba(37,99,235,.55);
    border-bottom: 1px solid rgba(37,99,235,.42);
    background: #020617db;
    overflow: hidden;
    text-overflow: ellipsis
}

._scorecardCell_11rs7_2198:last-child {
    border-right: 0
}

._scorecardHeadCell_11rs7_2220 {
    min-height: 44px;
    color: #e2e8f0;
    font-size: 15px;
    background: #020617f5
}

._scorecardRoundNumber_11rs7_2227,._scorecardScoreCell_11rs7_2228 {
    background: #10214a8f
}

._scorecardTotalCell_11rs7_2232 {
    min-height: 44px;
    color: #fff;
    font-size: 15px;
    background: #020617f5;
    border-top: 1px solid rgba(250,204,21,.45);
    border-bottom: 0
}

._scorecardHighlightedCell_11rs7_2241 {
    color: #facc15
}

._scorecardFooterLeft_11rs7_2245,._scorecardFooterRight_11rs7_2246 {
    position: absolute;
    bottom: 13px;
    max-width: 45%;
    color: #e5e7eb;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._scorecardFooterLeft_11rs7_2245 {
    left: 24px
}

._scorecardFooterRight_11rs7_2246 {
    right: 24px
}

._splitRequestPanel_11rs7_2267 {
    width: min(100%,1080px);
    height: min(90%,560px);
    padding: 10px 18px 66px;
    background: radial-gradient(circle at 50% 28%,rgba(59,130,246,.14),transparent 38%),linear-gradient(180deg,#143d8b,#071a42);
    border-color: #facc1575
}

._splitRequestCloseButton_11rs7_2277 {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,.24);
    color: #fff;
    background: linear-gradient(180deg,#3b82f6,#1d4ed8);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 10px #00000042
}

._splitRequestContent_11rs7_2295 {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 7px
}

._splitRequestHeader_11rs7_2303 {
    min-height: 24px;
    flex: 0 0 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

._splitRequestHeaderText_11rs7_2312 {
    color: #f8fafc;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.1;
    text-align: center
}

._splitRequestTopButtonPrimary_11rs7_2320,._splitRequestTopButtonSecondary_11rs7_2321 {
    position: absolute;
    right: 44px;
    top: 50%;
    transform: translateY(-50%);
    min-width: 84px;
    height: 24px;
    padding: 0 12px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,.24);
    color: #fff;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 5px 12px #00000042;
    z-index: 1
}

._splitRequestTopButtonPrimary_11rs7_2320 {
    background: linear-gradient(180deg,#22c55e,#15803d)
}

._splitRequestTopButtonSecondary_11rs7_2321 {
    background: linear-gradient(180deg,#64748b,#334155)
}

._splitRequestTable_11rs7_2347 {
    min-height: 0;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 10px;
    background: #050c1e42
}

._splitRequestGrid_11rs7_2358 {
    display: grid;
    grid-template-columns: repeat(var(--split-column-count),minmax(92px,1fr));
    min-width: 0
}

._splitRequestRows_11rs7_2364 {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto
}

._splitRequestCell_11rs7_2370 {
    min-width: 0;
    height: 32px;
    min-height: 0;
    padding: 3px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f8fafc;
    font-size: 13px;
    font-weight: 780;
    text-align: center;
    border-right: 1px solid rgba(37,99,235,.55);
    border-bottom: 1px solid rgba(37,99,235,.38);
    background: #10214a8a;
    overflow: hidden;
    text-overflow: ellipsis
}

._splitRequestLastColumnCell_11rs7_2389 {
    border-right: 0
}

._splitRequestHeadCell_11rs7_2393 {
    height: 32px;
    min-height: 0;
    color: #e2e8f0;
    font-size: 13px;
    font-weight: 850;
    background: #020617f5
}

._splitRequestHighlightedCell_11rs7_2402 {
    background: #50419eb8
}

._splitRequestDecision_11rs7_2406 {
    position: absolute;
    left: 50%;
    bottom: 11px;
    z-index: 1;
    transform: translate(-50%);
    min-height: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-top: 0;
    background: transparent
}

._splitRequestMessage_11rs7_2423 {
    color: #f8fafc;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap
}

._splitRequestButtonRow_11rs7_2432 {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

._splitRequestButtonPrimary_11rs7_2440,._splitRequestButtonSecondary_11rs7_2441 {
    min-width: 96px;
    height: 28px;
    padding: 0 14px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,.24);
    color: #fff;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 5px 12px #00000042
}

._splitRequestButtonPrimary_11rs7_2440 {
    background: linear-gradient(180deg,#22c55e,#15803d)
}

._splitRequestButtonSecondary_11rs7_2441 {
    background: linear-gradient(180deg,#64748b,#334155)
}

._splitRequestFooterLeft_11rs7_2462,._splitRequestFooterRight_11rs7_2463 {
    position: absolute;
    bottom: 13px;
    z-index: 1;
    color: #e2e8f0;
    font-size: 12px;
    font-weight: 780;
    line-height: 1
}

._splitRequestFooterLeft_11rs7_2462 {
    left: 22px
}

._splitRequestFooterRight_11rs7_2463 {
    right: 22px
}

._resultRankBadge_11rs7_2481,._resultRankWon_11rs7_2482 {
    flex: 0 0 auto;
    min-width: 38px;
    padding: 2px 6px;
    border-radius: 999px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid rgba(255,255,255,.35);
    background: linear-gradient(180deg,#4b5563,#111827)
}

._resultRankWon_11rs7_2482 {
    color: #3b2100;
    background: linear-gradient(180deg,#fff7a8,#f59e0b);
    border-color: #ffffffb3
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTableOverlay_11rs7_1228,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultOverlay_11rs7_1672,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._awayOverlay_11rs7_1961,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._connectionOverlay_11rs7_1600 {
    background: #03071294;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTablePanel_11rs7_1241,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultPanel_11rs7_1684,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._awayPanel_11rs7_1974,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._connectionModal_11rs7_1612 {
    color: #f8fafc;
    background: linear-gradient(180deg,#0f172ae0,#020617eb);
    border: 1px solid rgba(226,232,240,.18);
    border-radius: 14px;
    box-shadow: 0 22px 56px #0000006b
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTablePanel_11rs7_1241 {
    width: min(100%,430px)
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTableHeader_11rs7_1252 {
    min-height: 42px;
    padding: 8px 14px;
    background: #0f172ab8;
    border-bottom: 1px solid rgba(226,232,240,.12)
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTableTitle_11rs7_1262,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._connectionTitle_11rs7_1623 {
    font-size: 16px;
    font-weight: 620;
    letter-spacing: 0
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTableLabel_11rs7_1292,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._cardHistoryMeta_11rs7_2035 {
    color: #cbd5e1;
    font-weight: 560;
    letter-spacing: 0
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTableSelect_11rs7_1299,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTableSegment_11rs7_1310 {
    background: #0f172aa8;
    border-color: #e2e8f029;
    border-radius: 9px;
    color: #e2e8f0;
    font-weight: 560
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTableSegmentActive_11rs7_1326 {
    background: #22c55ec2;
    color: #fff;
    border-color: #bbf7d06b
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTableCloseButton_11rs7_1267,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTableCancelButton_11rs7_1340,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTableStartButton_11rs7_1341,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._awayButton_11rs7_1998,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._connectionButton_11rs7_1635,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultButtonPrimary_11rs7_1841,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultButtonSecondary_11rs7_1842,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._matchHistoryCloseButton_11rs7_2012,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestCloseButton_11rs7_2277,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestTopButtonPrimary_11rs7_2320,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestTopButtonSecondary_11rs7_2321,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestButtonPrimary_11rs7_2440,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestButtonSecondary_11rs7_2441 {
    border-radius: 9px;
    font-weight: 600;
    letter-spacing: 0;
    box-shadow: 0 8px 18px #0000003d
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTableCancelButton_11rs7_1340,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultButtonSecondary_11rs7_1842,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestTopButtonSecondary_11rs7_2321,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestButtonSecondary_11rs7_2441 {
    background: #475569d1
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._addTableStartButton_11rs7_1341,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._awayButton_11rs7_1998,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._connectionButton_11rs7_1635,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultButtonPrimary_11rs7_1841,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestTopButtonPrimary_11rs7_2320,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestButtonPrimary_11rs7_2440 {
    background: linear-gradient(180deg,#22c55e,#15803d)
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultPanel_11rs7_1684 {
    width: min(100%,1080px);
    height: min(100%,690px);
    padding: 54px 18px 14px;
    gap: 10px;
    overflow: hidden
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultTopBanner_11rs7_1703 {
    top: 10px;
    height: 34px;
    border: 1px solid rgba(226,232,240,.16);
    border-radius: 10px;
    background: #0f172ab8;
    box-shadow: none
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultTopBannerText_11rs7_1725 {
    color: #fde68a;
    font-size: 15px;
    font-weight: 620;
    letter-spacing: 0
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultListFrame_11rs7_1735,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._cardHistoryFrame_11rs7_2071,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestTable_11rs7_2347 {
    border-color: #e2e8f01f;
    border-radius: 12px;
    background: #0f172a6b
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultTableHead_11rs7_1746,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._scorecardHeadCell_11rs7_2220,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._scorecardTotalCell_11rs7_2232,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestHeadCell_11rs7_2393 {
    color: #cbd5e1;
    background: #0f172ab8;
    font-weight: 600
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultRow_11rs7_1758,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._cardHistoryRow_11rs7_2080,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._scorecardCell_11rs7_2198,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestCell_11rs7_2370 {
    color: #f8fafc;
    border-color: #e2e8f01a;
    background: #0f172a42;
    font-weight: 520
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultPlayerCell_11rs7_1779,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultScoreCell_11rs7_1780,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultAmountCell_11rs7_1781,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._cardHistoryPlayerCell_11rs7_2100,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestHeaderText_11rs7_2312,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestMessage_11rs7_2423,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._scorecardFooterLeft_11rs7_2245,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._scorecardFooterRight_11rs7_2246,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestFooterLeft_11rs7_2462,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestFooterRight_11rs7_2463 {
    font-weight: 560;
    letter-spacing: 0
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultRowHighlighted_11rs7_1775,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._cardHistoryRowHighlighted_11rs7_2096,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._scorecardHighlightedCell_11rs7_2241,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestHighlightedCell_11rs7_2402 {
    background: #3b82f642;
    color: #fde68a
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultButtonsRow_11rs7_1833 {
    padding-top: 2px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultButtonPrimary_11rs7_1841,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._resultButtonSecondary_11rs7_1842 {
    min-width: 98px;
    padding: 7px 13px;
    font-size: 14px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._awayPanel_11rs7_1974 {
    width: min(100%,400px);
    min-height: 136px;
    padding: 24px 22px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._awayMessage_11rs7_1990 {
    color: #fde68a;
    font-size: 17px;
    font-weight: 620;
    letter-spacing: 0
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._invalidDeclarePanel_11rs7_1875 {
    width: min(100%,960px);
    height: auto;
    max-height: min(70%,390px)
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._invalidDeclareGroup_11rs7_1891 {
    border-color: #e2e8f01f;
    background: #0f172a57
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._invalidDeclareGroupLabel_11rs7_1916 {
    color: #fde68a;
    font-weight: 600;
    letter-spacing: 0
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._matchHistoryCloseButton_11rs7_2012 {
    top: 10px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: #2563ebd1
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._cardHistoryPanel_11rs7_2030 {
    height: min(100%,620px)
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._cardHistoryTabs_11rs7_2044 {
    gap: 6px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._cardHistoryTab_11rs7_2044,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._cardHistoryTabActive_11rs7_2051 {
    min-width: 118px;
    height: 32px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 600;
    text-transform: none
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._cardHistoryTab_11rs7_2044 {
    background: #0f172a8f
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._cardHistoryTabActive_11rs7_2051 {
    background: #2563ebd1
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._scorecardPanel_11rs7_2152 {
    width: min(100%,1120px);
    height: min(90%,680px);
    padding: 56px 18px 36px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._scorecardCell_11rs7_2198 {
    min-height: 38px;
    font-size: 13px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestPanel_11rs7_2267 {
    width: min(100%,980px);
    height: min(90%,500px);
    padding: 48px 18px 58px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestHeader_11rs7_2303 {
    position: absolute;
    top: 11px;
    left: 56px;
    right: 56px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestTopButtonPrimary_11rs7_2320,._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._splitRequestTopButtonSecondary_11rs7_2321 {
    right: 0
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._connectionModal_11rs7_1612 {
    width: min(100%,380px);
    padding: 18px
}

._container_11rs7_1[data-rummy-table-layout=bg-front-edge-table] ._connectionMessage_11rs7_1629 {
    color: #cbd5e1;
    font-weight: 450
}

@keyframes _rummySpin_11rs7_1 {
    to {
        transform: rotate(360deg)
    }
}

*,:before,:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,:before,:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,:after {
    --tw-content: ""
}

html,:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp,pre {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,ul,menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,svg,video,canvas,audio,iframe,embed,object {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

.container {
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

.\!visible {
    visibility: visible!important
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.block {
    display: block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.\!transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.resize {
    resize: both
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.border {
    border-width: 1px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.underline {
    text-decoration-line: underline
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

body {
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    background-color: #e9e9e9;
    overscroll-behavior-x: none;
    touch-action: pan-y
}

html.rummy-browser-theme,body.rummy-browser-theme,body.rummy-browser-theme #root {
    background-color: #050914;
    color-scheme: dark
}
.live-games-ticker__track.is-animated {
    animation: live-games-ticker-scroll var(--live-games-ticker-duration, 24s) linear infinite;
}

.classic-theme.game-page .match-odds-lock-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f172ad1;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-align: center;
    pointer-events: none;
    border-radius: inherit;
    z-index: 2;
}
.live-games-ticker
{
    display : none;
}
.heritage-theme .live-games-ticker
{
    display : block;
}
.heritage-theme .live-games-ticker,
.rouge-theme .live-games-ticker
{
    display : block;
}

.heritage-theme .exposure-1 {
    background: linear-gradient(180deg, #f7fbff, #dcecff);
    color: #12355c;
    cursor: pointer;
    border-color: #7bcbfff2;
    box-shadow: inset 0 1px #ffffffb3, 0 4px 12px #0a203b2e;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.heritage-theme .exposure-1 .stat-label {
    color: #12355c9e;
    text-align: start;
}
.heritage-theme .exposure-1 .stat-value {
    color: #12355c9e;
    text-align: start;
}

@media (max-width: 768px) {
    .heritage-theme .stat-label {
        font-size: 8px;
    }
}
.heritage-theme .stat-label {
    font-size: 9px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #ffffffb8;
}
.classic-theme.cricket-page .profile-details .GameList-1 {
    font-size: 14px;
    font-weight: 600;
    color: #2c3e50;
    padding: 0;
    text-align: center;
    line-height: 1.8;
    position: relative;
    z-index: 1;
}
.theme-banner-tile img 
{
margin : auto;
}
@media (max-width: 640px) {
    .classic-scorecard {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.my-flex
{
        display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
}

.minus
{
    color : red;
}
.plus
{
    color : green;
}