.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
}

.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%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    pointer-events: none
}

.notification-toast-stack--magic3p {
    top: calc(var(--app-header-height, 0px) + 20vh);
    width: min(60vw, 760px);
    max-width: 60vw
}

.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;
    animation: fadeIn .2s ease
}

.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)
}

.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
}

@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 .login-box {
    width: 400px;
    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-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: .7;
    cursor: not-allowed
}

.classic-theme .login-form-action-button.demo-button {
    margin-top: 16px;
    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 .footer-copty-right {
    margin-top: 10px;
    color: #fff;
    font-size: 14px
}

@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-form-action-button {
        width: 100%;
        height: 43px;
        font-size: 16px
    }

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

.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-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
}

.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-scrollable {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

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

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

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

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

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

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

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

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

.bet-slip-amount-input {
    width: 100%;
    padding: 10px;
    border: 2px solid #004e92;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    font-family: Verdana, Geneva, sans-serif;
    text-align: center
}

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

.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-done-button:disabled {
    opacity: .5;
    cursor: not-allowed
}

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

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

.bet-slip-amount-btn:hover {
    background-color: #004e92;
    color: #fff
}

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

.toast {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translate(-50%);
    background-color: #f44;
    color: #fff;
    padding: 16px 24px;
    border-radius: 4px;
    box-shadow: 0 4px 6px #0000004d;
    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
}

: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__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--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
}

.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 {
    background-color: #e9e9e9;
    font-family: Arial, Helvetica, sans-serif;
    min-height: 100vh
}

.classic-theme main {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.classic-theme .main-header {
    background: linear-gradient(90.01deg, #000428 .01%, #004e92 99.99%) !important;
    position: static;
    top: auto;
    z-index: auto
}

.classic-theme .main-header-table {
    border: #ffffff solid 1.5px;
    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
}

.classic-theme .header-menu-btn svg {
    display: block
}

.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 {
    color: #000e93
}

.classic-theme .ButtonL,
.classic-theme .ButtonNRun,
.classic-theme .ButtonNRate {
    color: #eb3223
}

.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: 12px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 700
}

.classic-theme .FontTextBlack10px {
    color: #000;
    font-size: 12px;
    font-family: Verdana, Geneva, 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 .game-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 10px 4px;
    background-color: #fff
}

.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: 224px;
    height: 224px;
    display: block;
    transition: transform .3s;
    border-radius: 16px
}

.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: 18px;
    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: 18px;
    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 .game-tile img {
        width: 160px;
        height: 160px
    }

    .classic-theme.home-page .GameList,
    .classic-theme.home-page .game-name-button {
        font-size: 14px
    }
}

@media screen and (max-width: 480px) {
    .classic-theme.home-page .game-tile img {
        width: 140px;
        height: 140px
    }

    .classic-theme.home-page .GameList,
    .classic-theme.home-page .game-name-button {
        font-size: 12px
    }
}

.classic-theme.cricket-page .match-item {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0
}

.classic-theme.cricket-page .TeamName {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 10px;
    background: linear-gradient(90.01deg, #000428 .01%, #004e92 99.99%);
    border-bottom: 1px solid #ddd
}

.classic-theme.cricket-page .match-name {
    flex: 1;
    min-width: 0
}

.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: 5px 10px
}

.classic-theme.cricket-page .profile-details-content {
    display: flex;
    align-items: center;
    gap: 8px
}

.classic-theme.cricket-page .profile-details-table {
    flex: 1
}

.classic-theme.cricket-page .team-logo {
    width: 54px;
    height: 54px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 4px;
    background: #f5f5f5;
    padding: 2px
}

.classic-theme.cricket-page .team-logo-left {
    margin-right: 6px
}

.classic-theme.cricket-page .team-logo-right {
    margin-left: 6px
}

.classic-theme.cricket-page .profile-details table {
    width: 100%;
    border-collapse: collapse
}

.classic-theme.cricket-page .profile-details .GameList {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 2px 0
}

.classic-theme.cricket-page .profile-details .GameList span {
    font-weight: 700;
    color: #004e92
}

.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%;
    animation: classic-live-pulse 1.5s ease-in-out infinite
}

.classic-theme.cricket-page .live-text {
    color: #0f6
}

@keyframes classic-live-pulse {

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

    50% {
        opacity: .7;
        transform: scale(1.1)
    }
}

@media screen and (max-width: 768px) {
    .classic-theme.cricket-page .TeamName {
        font-size: 14px
    }

    .classic-theme.cricket-page .profile-details .GameList {
        font-size: 12px
    }
}

.classic-theme.ledger-page .ledger-header {
    background-color: #3b394a
}

.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 .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 .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-theme.game-page .ScoreCard {
    background: #fff;
    padding: .2em
}

.classic-theme.game-page .ScoreCard p {
    font-size: .6em;
    color: #000;
    padding: 0 2px;
    text-align: center;
    line-height: 20px;
    min-height: 60px;
    height: 60px;
    box-sizing: border-box;
    text-transform: uppercase;
    border: 2px dotted #333;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 700
}

.classic-theme.game-page .TeamCombo {
    background-color: #fff
}

.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-data-table th,
.classic-theme.game-page .classic-data-table td {
    border: 1px dotted #333
}

.classic-theme.game-page .classic-section-spacer {
    height: 8px
}

.classic-theme.game-page .score-message {
    background: #004e92;
    color: #fff;
    border: none;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 700;
    font-size: .77em;
    text-align: center;
    padding: 6px 8px;
    text-transform: uppercase
}

.classic-theme.game-page .classic-tv-frame {
    width: 100%;
    height: 30vh;
    background: #000
}

.classic-theme.game-page .classic-tv-frame iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

.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: 14px;
    height: 20px;
    max-width: 100%;
    box-sizing: border-box
}

.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 table.classic-data-table td.no-bets-message {
    font-size: 12px
}

.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: 8px;
    padding: 8px;
    margin: 10px 0 14px;
    background: #e9f1ff;
    border: 1px dotted #004e92
}

.classic-theme.game-page .classic-live-game-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 16px;
    border: 1px solid #004e92;
    background: #fff;
    color: #004e92;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    width: min(520px, 100%);
    justify-content: flex-start
}

.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
}

.classic-theme.game-page .classic-live-game-time {
    color: #1a1a1a;
    font-weight: 600
}

.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.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: 90%;
    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-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
}

.bet-slip-body {
    padding: 20px
}

.bet-info-row span:last-child {
    font-weight: 600
}

.back-text {
    color: #72bbef
}

.lay-text {
    color: #faa9ba
}

.bet-potential .win-amount {
    color: green;
    font-weight: 700
}

.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%
    }

    .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-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
}

@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_11o1l_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_11o1l_1:hover {
    background: #0f172af0
}

._overlay_11o1l_21 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000bf;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px
}

._modal_11o1l_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_11o1l_44 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb
}

._header_11o1l_44 h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #111827
}

._header_11o1l_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_11o1l_44 button:hover {
    background: #f3f4f6;
    color: #111827
}

._tabs_11o1l_80 {
    display: flex;
    gap: 8px;
    padding: 12px 20px;
    border-bottom: 1px solid #e5e7eb;
    background: #fff
}

._tabs_11o1l_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_11o1l_80 button:hover {
    background: #f1f5f9;
    color: #334155
}

._tabs_11o1l_80 ._tabActive_11o1l_105 {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
    box-shadow: 0 1px 2px #0000000d
}

._body_11o1l_112 {
    overflow-y: auto;
    padding: 20px 24px
}

._body_11o1l_112 ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
    color: #374151;
    line-height: 1.6;
    font-size: 15px
}

._body_11o1l_112 li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f3f4f6
}

._body_11o1l_112 li:before {
    content: "•";
    position: absolute;
    left: 4px;
    color: #2563eb;
    font-weight: 700
}

._body_11o1l_112 li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

._rulesTable_11o1l_148 {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 13px
}

._rulesTable_11o1l_148 th,
._rulesTable_11o1l_148 td {
    border: 1px solid #e5e7eb;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
    color: #374151
}

._rulesTable_11o1l_148 th {
    background-color: #f9fafb;
    font-weight: 600;
    color: #111827
}

._rulesBtn_11o1l_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_11o1l_188 {
    width: 70px
}

._rulesBtnLabel_11o1l_192 {
    font-size: 10px;
    color: #e5e7eb
}

._rulesMaskPreview_11o1l_197 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 32px
}

._rulesMaskTop_11o1l_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_11o1l_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_11o1l_234 {
    display: flex;
    gap: 1px;
    width: 100%;
    justify-content: center;
    align-items: center
}

._rulesMaskTopSmall_11o1l_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_11o1l_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
}

._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
}

._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
}

.multiplayer-page {
    height: 100vh;
    max-height: 100vh;
    background: var(--p-bg, #f4f6fa);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.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 .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: flex;
    gap: 10px;
    margin-bottom: 8px;
    padding-bottom: 0
}

.multiplayer-page .cg-player-pref-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--p-tab-border, #e2e8f0);
    border-radius: 999px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--p-tab-text, #64748b);
    background: var(--p-tab-bg, #ffffff);
    cursor: pointer;
    transition: all .2s;
    box-shadow: 0 1px 2px #00000005
}

.multiplayer-page .cg-player-pref-tab:hover {
    border-color: var(--p-tab-border-hover, #cbd5e1);
    color: var(--p-tab-text-hover, #334155)
}

.multiplayer-page .cg-player-pref-tab.active {
    border-color: var(--p-atab-border, #3b82f6);
    color: var(--p-atab-text, #ffffff);
    background: var(--p-atab-bg, #3b82f6);
    box-shadow: 0 2px 4px #3b82f633
}

.multiplayer-page .cg-stake-card-list {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.multiplayer-page .cg-stake-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid var(--p-c-border, #e2e8f0);
    border-radius: 16px;
    background: var(--p-c-bg, #ffffff);
    padding: 18px 20px;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    box-shadow: 0 4px 10px #0000000a, 0 1px 3px #00000005;
    cursor: pointer
}

.multiplayer-page .cg-stake-card:disabled {
    opacity: .75;
    cursor: not-allowed;
    transform: none
}

.multiplayer-page .cg-stake-card:hover {
    border-color: var(--p-c-border-hover, #cbd5e1);
    box-shadow: 0 12px 24px -6px #00000014, 0 6px 12px -4px #0000000a;
    transform: translateY(-3px)
}

.multiplayer-page .cg-stake-card-left {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    text-align: left
}

.multiplayer-page .cg-stake-card-price {
    font-size: 14px;
    font-weight: 800;
    color: var(--p-c-text-pri, #0f172a)
}

.multiplayer-page .cg-stake-card-meta {
    font-size: 12px;
    font-weight: 500;
    color: var(--p-c-text-sec, #64748b)
}

.multiplayer-page .cg-stake-card-right {
    flex-shrink: 0
}

.multiplayer-page .cg-stake-card-play-btn {
    border: none;
    border-radius: 999px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    color: var(--p-btn-text, #ffffff);
    background: var(--p-btn-bg, #3b82f6);
    cursor: pointer;
    transition: background .2s
}

.multiplayer-page .cg-stake-card-play-btn:hover {
    background: var(--p-btn-bg-hover, #2563eb)
}

.multiplayer-page .cg-stake-card-play-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 700;
    transition: all .2s
}

.multiplayer-page .cg-stake-card-play-label.can-play {
    background: var(--p-abtn-bg, #3b82f6);
    color: var(--p-abtn-text, #ffffff);
    box-shadow: 0 2px 4px #3b82f633
}

.multiplayer-page .cg-stake-card:hover .cg-stake-card-play-label.can-play {
    background: var(--p-abtn-bg-hover, #2563eb);
    box-shadow: 0 4px 6px #2563eb4d
}

.multiplayer-page .cg-stake-card-play-label.low-bal {
    background: #f1f5f9;
    color: #94a3b8;
    border-color: #e2e8f0
}

.multiplayer-page .cg-stake-card-play-label.launching {
    background: #0f172a;
    color: #fff;
    border-color: #1e293b
}

.multiplayer-page .partner-multiplayer-home {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 auto
}

.multiplayer-page .partner-game-tiles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    padding: 8px 0
}

.multiplayer-page .partner-game-tile {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    border: 1px solid var(--p-gt-border, #bfdbfe);
    border-radius: 20px;
    overflow: hidden;
    background: var(--p-gt-bg, linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%));
    text-align: center;
    cursor: pointer;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1);
    box-shadow: 0 4px 10px #0000000d
}

.multiplayer-page .partner-game-tile:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px #0000001a;
    border-color: var(--p-gt-border-hover, #93c5fd);
    background: var(--p-gt-bg-hover, var(--p-gt-bg, linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%)))
}

.multiplayer-page .partner-game-tile-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .8;
    z-index: 0;
    transition: transform .3s ease, opacity .3s ease
}

.multiplayer-page .partner-game-tile:hover .partner-game-tile-image {
    opacity: .9;
    transform: scale(1.03)
}

.multiplayer-page .partner-game-tile-title {
    position: relative;
    z-index: 1;
    padding: 16px;
    width: 100%;
    box-sizing: border-box;
    font-size: 25px;
    font-weight: 800;
    color: var(--p-gt-text, #1e3a8a);
    text-shadow: var(--p-gt-text-glow, 0 2px 10px rgba(255, 255, 255, .9), 0 0 5px rgba(255, 255, 255, .9));
    line-height: 1.1
}

.multiplayer-page .partner-game-tile-action-tag {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    border-radius: 999px;
    padding: 4px 10px;
    background: #0f172ad9;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .01em
}

.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: 4px 0;
    flex-shrink: 0
}

.multiplayer-page .partner-game-toolbar-title {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a
}

.multiplayer-page .partner-game-layout {
    display: grid;
    grid-template-columns: minmax(0, 22fr) minmax(0, 78fr);
    gap: 20px;
    flex: 1 1 auto;
    min-height: 0
}

.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: 12px;
    overflow-y: auto;
    padding-right: 4px
}

.multiplayer-page .partner-game-layout-right {
    display: flex;
    flex-direction: column;
    gap: 16px;
    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: 100px;
    border: 1px solid var(--p-at-border, #bfdbfe);
    border-radius: 16px;
    overflow: hidden;
    background: var(--p-at-bg, linear-gradient(135deg, #ffffff 0%, #f0f4f8 100%));
    color: var(--p-at-text, #1e3a8a);
    text-align: center;
    cursor: pointer;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    box-shadow: 0 4px 10px #0000000d, 0 1px 3px #00000005;
    container-type: inline-size
}

.multiplayer-page .partner-arena-tile:hover {
    transform: translateY(-3px);
    border-color: var(--p-at-border-hover, #93c5fd);
    background: var(--p-at-bg-hover, var(--p-at-bg, linear-gradient(135deg, #ffffff 0%, #f0f4f8 100%)));
    box-shadow: 0 12px 20px -5px #0000001a, 0 8px 10px -4px #0000000a
}

.multiplayer-page .partner-arena-tile.active {
    background: var(--p-aat-bg, linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%));
    border-color: var(--p-aat-border, #1e40af);
    color: var(--p-aat-text, #ffffff);
    box-shadow: 0 8px 16px #2563eb59, 0 2px 6px #1d4ed833
}

.multiplayer-page .partner-arena-tile-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .8
}

.multiplayer-page .partner-arena-tile.active .partner-arena-tile-image {
    opacity: .4
}

.multiplayer-page .partner-arena-tile-title {
    position: absolute;
    left: 6px;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    font-size: clamp(12px, 18cqi, 24px);
    font-weight: 700;
    text-align: center;
    text-shadow: 0 2px 4px rgba(255, 255, 255, .6);
    line-height: 1.1;
    word-break: normal;
    overflow-wrap: break-word
}

.multiplayer-page .partner-arena-tile.active .partner-arena-tile-title {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.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 .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 .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 {
    flex: 1 1 auto;
    background-color: #050614;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.multiplayer-lobby-fullscreen-loader .loader-content {
    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
}

@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 .partner-arena-tile {
        min-height: 70px
    }

    .multiplayer-page .partner-arena-tile-title {
        font-size: clamp(12px, 18cqi, 19.8px);
        left: 4px;
        right: 4px;
        word-break: normal;
        overflow-wrap: break-word;
        line-height: 1.1
    }

    .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.multiplayer-page .game-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 10px 4px;
    background-color: #fff
}

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

.classic-theme.multiplayer-page .game-tile-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer
}

.classic-theme.multiplayer-page .game-tile img {
    width: 224px;
    height: 224px;
    display: block;
    transition: transform .3s;
    border-radius: 16px
}

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

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

.classic-theme.multiplayer-page .game-name-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    transition: color .3s
}

.classic-theme.multiplayer-page .game-name-button:hover {
    color: #004e92
}

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

.classic-theme.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: fadeIn .2s ease-out
}

.classic-theme.multiplayer-page .modal-content {
    background: linear-gradient(135deg, #fff, #f0f4f8);
    padding: 32px 40px;
    border-radius: 16px;
    text-align: center;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 20px 60px #0000004d;
    animation: slideUp .3s ease-out
}

.classic-theme.multiplayer-page .modal-content h2 {
    margin: 0 0 12px;
    color: #004e92;
    font-size: 24px;
    font-weight: 700
}

.classic-theme.multiplayer-page .modal-content p {
    margin: 0 0 24px;
    color: #555;
    font-size: 16px;
    line-height: 1.5
}

.classic-theme.multiplayer-page .modal-close-btn {
    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
}

.classic-theme.multiplayer-page .modal-close-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px #004e9266
}

.classic-theme.multiplayer-page .modal-close-btn:active {
    transform: translateY(0)
}

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

    .classic-theme.multiplayer-page .GameList,
    .classic-theme.multiplayer-page .game-name-button {
        font-size: 14px
    }

    .classic-theme.multiplayer-page .modal-content {
        padding: 24px 28px
    }

    .classic-theme.multiplayer-page .modal-content h2 {
        font-size: 20px
    }
}

@media screen and (max-width: 480px) {
    .classic-theme.multiplayer-page .game-tile img {
        width: 140px;
        height: 140px
    }

    .classic-theme.multiplayer-page .GameList,
    .classic-theme.multiplayer-page .game-name-button {
        font-size: 12px
    }
}

.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
}

.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-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-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.37
}

.classic-theme .notice-promo-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.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 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.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 .main-header {
    background: linear-gradient(90.01deg, #000428 .01%, #004e92 99.99%) !important
}

.classic-theme.complete-games-page .main-header-table {
    border: #ffffff solid 1.5px;
    width: 100%;
    border-collapse: collapse
}

.classic-theme.complete-games-page .main-header-table td {
    padding: 8px
}

.classic-theme.complete-games-page .logo-img {
    max-width: 60px;
    height: auto
}

.classic-theme.complete-games-page .FontTextWhite {
    color: #fff
}

.classic-theme.complete-games-page .profile_picture_name h3 {
    font-size: 1.2em;
    color: #fff;
    margin: 5px 0;
    text-transform: uppercase
}

.classic-theme.complete-games-page .profile_img p {
    font-size: .75em;
    color: #fff;
    font-weight: 700;
    line-height: 1.6em;
    margin: 5px 0
}

.classic-theme.complete-games-page .menu {
    width: 100%
}

.classic-theme.complete-games-page .navMain {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.classic-theme.complete-games-page .navMain li {
    flex: 1
}

.classic-theme.complete-games-page .navMain li.active a {
    background-color: #0a203b;
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    overflow: hidden
}

.classic-theme.complete-games-page .navMain marquee {
    color: #fff;
    font-size: 14px
}

.classic-theme.complete-games-page .content {
    flex: 1;
    padding: 4px 10px 10px
}

.classic-theme.complete-games-page .footer {
    background-color: #333;
    color: #fff;
    padding: 1em;
    text-align: center;
    margin-top: auto
}

.classic-theme.complete-games-page .footer h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.classic-theme.complete-games-page .match-item {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #ddd
}

.classic-theme.complete-games-page .TeamName {
    background-color: #004e92;
    padding: 10px;
    text-align: center
}

.classic-theme.complete-games-page .TeamName a {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none
}

.classic-theme.complete-games-page .TeamName a:hover {
    text-decoration: underline
}

.classic-theme.complete-games-page .profile-details {
    padding: 10px
}

.classic-theme.complete-games-page .GameList {
    font-size: 12px;
    color: #000;
    padding: 5px 0
}

.classic-theme.complete-games-page .pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #fff;
    margin: 20px 0;
    border: 1px solid #ddd
}

.classic-theme.complete-games-page .pagination-info {
    font-size: 14px;
    color: #000
}

.classic-theme.complete-games-page .pagination-controls {
    display: flex;
    gap: 10px
}

.classic-theme.complete-games-page .pagination-btn {
    padding: 8px 16px;
    background-color: #004e92;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px
}

.classic-theme.complete-games-page .pagination-btn:hover:not(:disabled) {
    background-color: #003d73
}

.classic-theme.complete-games-page .pagination-btn:disabled {
    background-color: #ccc;
    cursor: not-allowed;
    opacity: .6
}

@media screen and (max-width: 768px) {
    .classic-theme.complete-games-page .pagination-container {
        flex-direction: column;
        gap: 15px
    }

    .classic-theme.complete-games-page .pagination-controls {
        flex-wrap: wrap;
        justify-content: 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 .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
    }
}

.classic-theme.exposure-page .exposure-section-title {
    background-color: #0a203b;
    color: #fff;
    text-align: center;
    font-weight: 700;
    padding: 8px 10px;
    margin: 12px 0 6px;
    text-transform: uppercase
}

.classic-theme.exposure-page table tbody td {
    color: #000;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 700
}

.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
}

.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
}

.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)
    }
}

.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 .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 .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-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
}

.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;
    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: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:active {
    transform: scale(.95)
}

.rouge-theme .toast {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translate(-50%);
    background: linear-gradient(135deg, #8b1538, brown);
    color: #fff;
    padding: 16px 28px;
    border-radius: 8px;
    box-shadow: 0 6px 20px #8b153866;
    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 #D4AF37
}

.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
    }
}

.ball-animation-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a0505d9;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

.ball-animation-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px
}

.ball-svg {
    width: 180px;
    height: 180px;
    filter: drop-shadow(0 0 15px rgba(139, 21, 56, .8))
}

.ball-text {
    color: var(--rouge-accent);
    font-size: 36px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 6px;
    text-shadow: 0 0 15px rgba(139, 21, 56, .9), 2px 2px 4px #000;
    animation: ball-text-blink .8s infinite
}

@keyframes ball-text-blink {

    0%,
    to {
        opacity: 1;
        transform: scale(1);
        color: var(--rouge-accent)
    }

    50% {
        opacity: .7;
        transform: scale(1.05);
        color: #fff
    }
}

.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 {
    text-align: center;
    padding: 40px;
    color: #666;
    font-weight: 500
}

.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: #22c55e;
    border-radius: 50%;
    animation: pulse 1.5s ease-in-out infinite
}

@keyframes pulse {

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

    50% {
        opacity: .7;
        transform: scale(1.1)
    }
}

.rouge-theme.cricket-page-new .live-text {
    color: #22c55e;
    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
}

.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 .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 .game-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    padding: 20px 10px;
    background: linear-gradient(135deg, #f5e6e6, #fff5f5)
}

.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: 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.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
}

.rouge-theme.home-page .modal-close-btn:hover {
    box-shadow: 0 4px 12px #8b153866
}

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

    .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 (max-width: 480px) {
    .rouge-theme.home-page .game-tile img {
        width: 140px;
        height: 140px
    }

    .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-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 .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 .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-theme .wbt-top-bar,
.rouge-theme .wbt-account-bar {
    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
}

.rouge-theme .rouge-tv-frame {
    width: 100%;
    height: 30vh;
    background: #000
}

.rouge-theme .rouge-tv-frame iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

.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: 18px;
    font-weight: 400;
    margin-top: 5px;
    color: #fff
}

.rouge-theme .wbt-match-score-center {
    font-size: 32px;
    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-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
}

.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 .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;
    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: 10px !important;
    text-align: left;
    font-weight: 700;
    font-size: 14px;
    width: 60%;
    position: relative
}

.rouge-theme .wbt-team-profit {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: red;
    font-weight: 700
}

.rouge-theme .wbt-odds-cell {
    width: 20%;
    height: 60px
}

.rouge-theme .wbt-odds-button {
    width: 100%;
    height: 100%;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 700;
    font-size: 18px
}

.rouge-theme .wbt-odds-button.back {
    background-color: #72bbef
}

.rouge-theme .wbt-odds-button.lay {
    background-color: #faa9ba
}

.rouge-theme .wbt-odds-subtext {
    font-size: 10px;
    font-weight: 400
}

.rouge-theme .wbt-session-row td {
    height: 65px
}

.rouge-theme .wbt-session-info-cell {
    padding: 5px 10px !important;
    text-align: left;
    width: 60%
}

.rouge-theme .wbt-session-name {
    font-weight: 700;
    font-size: 14px;
    display: block
}

.rouge-theme .wbt-session-max {
    font-size: 11px;
    color: #333
}

.rouge-theme .wbt-session-ladder {
    float: right;
    font-size: 20px
}

.rouge-theme .wbt-odds-container {
    display: flex;
    width: 100%;
    height: 100%
}

.rouge-theme .wbt-odds-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.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
}

.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
}

.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.multiplayer-page .game-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    padding: 20px 10px;
    background: linear-gradient(135deg, #f5e6e6, #fff5f5)
}

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

.rouge-theme.multiplayer-page .game-tile-button {
    background: none;
    border: 3px solid #8b1538;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 16px #8b15384d;
    transition: all .3s ease
}

.rouge-theme.multiplayer-page .game-tile-button:hover {
    transform: scale(1.05) translateY(-4px);
    box-shadow: 0 8px 24px #8b153880;
    border-color: #d4af37
}

.rouge-theme.multiplayer-page .game-tile img {
    width: 224px;
    height: 224px;
    display: block;
    border-radius: 50%
}

.rouge-theme.multiplayer-page .GameList {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 12px
}

.rouge-theme.multiplayer-page .game-name-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #1a0505;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: color .3s
}

.rouge-theme.multiplayer-page .game-name-button:hover {
    color: #8b1538
}

.rouge-theme.multiplayer-page .content_bottom {
    clear: both;
    margin-top: 20px
}

.rouge-theme.multiplayer-page .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1a0505b3;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    animation: fadeIn .2s ease-out
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.rouge-theme.multiplayer-page .modal-content {
    background: linear-gradient(135deg, #fff5f5, #f5e6e6);
    padding: 32px 40px;
    border-radius: 18px;
    text-align: center;
    max-width: 420px;
    width: 90%;
    border: 2px solid #8b1538;
    box-shadow: 0 20px 60px #8b153859;
    animation: slideUp .3s ease-out
}

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

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

.rouge-theme.multiplayer-page .modal-content h2 {
    margin: 0 0 12px;
    color: #8b1538;
    font-size: 24px;
    font-weight: 700
}

.rouge-theme.multiplayer-page .modal-content p {
    margin: 0 0 24px;
    color: #4a1b1b;
    font-size: 16px;
    line-height: 1.5
}

.rouge-theme.multiplayer-page .modal-close-btn {
    background: linear-gradient(90deg, #8b1538, #b22222);
    color: #fff;
    border: none;
    padding: 12px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 999px;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s
}

.rouge-theme.multiplayer-page .modal-close-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px #8b153866
}

.rouge-theme.multiplayer-page .modal-close-btn:active {
    transform: translateY(0)
}

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

    .rouge-theme.multiplayer-page .GameList,
    .rouge-theme.multiplayer-page .game-name-button {
        font-size: 14px
    }

    .rouge-theme.multiplayer-page .modal-content {
        padding: 24px 28px
    }

    .rouge-theme.multiplayer-page .modal-content h2 {
        font-size: 20px
    }
}

@media screen and (max-width: 480px) {
    .rouge-theme.multiplayer-page .game-tile img {
        width: 140px;
        height: 140px
    }

    .rouge-theme.multiplayer-page .GameList,
    .rouge-theme.multiplayer-page .game-name-button {
        font-size: 12px
    }
}

.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.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
}

.wildfire-theme.login-page {
    display: flex;
    min-height: 100vh;
    background-color: #f5f7fa;
    position: relative;
    font-family: Roboto, sans-serif
}

@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
    }
}

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

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

.wildfire-theme .login-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#b7862f, #000);
    z-index: 0
}

.wildfire-theme .login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2rem;
    z-index: 2
}

.wildfire-theme .theme-switcher {
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #ffffffbf;
    border: 1px solid rgba(0, 0, 0, .1);
    z-index: 3
}

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

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

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

.wildfire-theme .login-card-stack {
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column
}

.wildfire-theme .login-card {
    background: linear-gradient(#b7862f, #000);
    width: 100%;
    max-width: 420px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    box-shadow: 0 4px 12px #00000026;
    border: none
}

.wildfire-theme .login-card-header {
    width: 100%;
    background: #b7862f;
    color: #fff;
    border-radius: 8px 8px 0 0;
    padding: 14px 24px;
    box-shadow: 0 4px 12px #00000026
}

.wildfire-theme .login-card-header h2 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.wildfire-theme .change-password-card {
    background: #fff;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 12px #00000026
}

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

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

.wildfire-theme .brand-title {
    display: none
}

.wildfire-theme .login-form {
    width: 100%
}

.wildfire-theme .form-group {
    margin-bottom: 1.5rem;
    position: relative
}

.wildfire-theme .form-group-separator:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    height: 1px;
    background: #00000014
}

.wildfire-theme .form-input {
    width: 100%;
    padding: 12px 15px 12px 45px;
    border: 1px solid #b7862f;
    border-radius: 8px;
    font-size: 1rem;
    background: #fff;
    color: #000;
    caret-color: #000
}

.wildfire-theme .form-input::-moz-placeholder {
    color: #6b7280
}

.wildfire-theme .form-input::placeholder {
    color: #6b7280
}

.wildfire-theme .form-input:-webkit-autofill,
.wildfire-theme .form-input:-webkit-autofill:hover,
.wildfire-theme .form-input:-webkit-autofill:focus,
.wildfire-theme .form-input:-webkit-autofill:active {
    -webkit-text-fill-color: #000
}

.wildfire-theme .form-input:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff
}

.wildfire-theme .input-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    font-size: 1.2rem
}

.wildfire-theme .password-toggle {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #777;
    cursor: pointer
}

.wildfire-theme .login-button {
    width: 100%;
    padding: 14px;
    background: #b7862f;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.wildfire-theme .login-button:hover {
    background: #a07528
}

.wildfire-theme .or-divider {
    text-align: center;
    color: #000;
    font-weight: 700;
    margin: 20px 0
}

.wildfire-theme .demo-button {
    width: 100%;
    padding: 14px;
    background: #fff;
    color: #000;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.wildfire-theme .login-footer {
    margin-top: 3rem;
    text-align: center;
    color: #000;
    font-size: .8rem;
    font-weight: 700
}

.wildfire-theme .login-footer p {
    color: red;
    margin-bottom: 8px
}

.wildfire-theme .footer-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 10px
}

.wildfire-theme .footer-links a {
    color: #aaa;
    text-decoration: none;
    font-size: .7rem
}

.wildfire-theme .error-message {
    background: #ff00001a;
    color: #f33;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 700
}

.wildfire-theme {
    --primary-color: #124e4a;
    --secondary-color: #124e4a;
    --font-size-base: 16px;
    --model-header: #212c36;
    font-family: Roboto, sans-serif;
    min-height: 100vh;
    background: #f2f2f2;
    box-sizing: border-box
}

.wildfire-theme body {
    margin: 0
}

.wildfire-theme .wildfire-header-container {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 4px #0003
}

.wildfire-theme .wildfire-header {
    height: 60px;
    background: linear-gradient(180deg, #b7862f, #000);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    color: #fff
}

.wildfire-theme .wildfire-header-container.has-session-pm .wildfire-header {
    height: 51px
}

.wildfire-theme .header-logo {
    display: flex;
    align-items: center
}

.wildfire-theme .header-logo img {
    height: 53px;
    width: auto
}

.wildfire-theme .header-title {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px
}

.wildfire-theme .header-menu-btn {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 5px
}

.wildfire-theme .status-bar {
    background-color: #ffce02;
    height: 48px;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: .95rem;
    box-shadow: 0 2px 4px #0000001a
}

.wildfire-theme .wildfire-header-container.has-session-pm .status-bar {
    height: 41px
}

.wildfire-theme .status-bar.has-session-pm {
    font-size: .76rem
}

.wildfire-theme .status-item {
    display: flex;
    align-items: center;
    gap: 5px
}

.wildfire-theme .status-label {
    font-weight: 700
}

.wildfire-theme .coins-label {
    color: green
}

.wildfire-theme .coin-value {
    color: #006400
}

.wildfire-theme .expo-label {
    color: red
}

.wildfire-theme .expo-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    margin-left: 4px;
    background: linear-gradient(180deg, #fff, #f1f1f1);
    color: #d10000;
    border: 1px solid #ffb3b3;
    border-radius: 4px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 2px #8c000033, 0 3px 6px #0003;
    cursor: pointer
}

.wildfire-theme .bets-btn {
    background: #fff;
    color: green;
    border: none;
    border-radius: 4px;
    padding: 4px 15px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 1px 2px #0000001a
}

.wildfire-theme .wildfire-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1100;
    color: #f4e2c2;
    display: flex;
    pointer-events: none
}

.wildfire-theme .wildfire-menu.is-open {
    pointer-events: auto
}

.wildfire-theme .wildfire-menu-panel {
    position: relative;
    width: 80%;
    height: 100%;
    background: linear-gradient(180deg, #b7862f, #000);
    display: flex;
    flex-direction: column;
    transform: translate(-100%);
    transition: transform .25s ease;
    z-index: 2
}

.wildfire-theme .wildfire-menu.is-open .wildfire-menu-panel {
    transform: translate(0)
}

.wildfire-theme .wildfire-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
}

.wildfire-theme .wildfire-menu-scrim:hover {
    background: #00000073
}

.wildfire-theme .wildfire-menu.is-open .wildfire-menu-scrim {
    opacity: 1
}

.wildfire-theme .wildfire-menu-header {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    gap: 12px
}

.wildfire-theme .wildfire-menu-close {
    background: none;
    border: none;
    color: #f4e2c2;
    padding: 4px;
    cursor: pointer
}

.wildfire-theme .wildfire-menu-logo img {
    height: 34px;
    width: auto
}

.wildfire-theme .wildfire-menu-links {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 20px 22px;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.wildfire-theme .wildfire-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
}

.wildfire-theme .wildfire-menu-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.wildfire-theme .wildfire-menu-icon img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: .9
}

.wildfire-theme .wildfire-menu-icon svg {
    color: currentColor
}

.wildfire-theme .wildfire-menu-logout {
    color: #f4e2c2
}

.wildfire-theme button {
    background-color: var(--secondary-color);
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 10px;
    font-weight: 700
}

.wildfire-theme button:hover {
    background-color: #21a1f1
}

.wildfire-theme .modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px;
    background: #1f252d;
    color: #fff;
    display: flex;
    justify-content: space-between
}

.wildfire-theme.home-page {
    display: flex;
    flex-direction: column
}

.wildfire-theme .home-content {
    padding: 30px 20px;
    flex: 1
}

.wildfire-theme .home-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 600px;
    margin: 0 auto
}

.wildfire-theme .home-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
    transition: transform .2s
}

.wildfire-theme .home-tile:hover {
    transform: scale(1.05)
}

.wildfire-theme .tile-icon-container {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: linear-gradient(180deg, #b7862f, #000);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-bottom: 10px;
    box-shadow: 0 4px 10px #0003
}

.wildfire-theme .tile-icon {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.wildfire-theme .tile-label {
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    color: #000;
    letter-spacing: .5px
}

.wildfire-theme.notice-page {
    min-height: 100vh;
    background: #ededed
}

.wildfire-theme .notice-content {
    padding: 24px 0 40px
}

.wildfire-theme .rules-layout {
    background: #ededed;
    min-height: calc(100vh - 108px)
}

.wildfire-theme .rules-topbar {
    background: #ededed;
    padding: 16px 24px;
    display: flex;
    justify-content: center
}

.wildfire-theme .rules-main-menu {
    background: #335c5d;
    color: #fff;
    border: none;
    border-radius: 36px;
    height: 40px;
    padding: 0 20px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.wildfire-theme .rules-body {
    padding: 0 24px 24px;
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.wildfire-theme .rules-language-toggle {
    display: inline-flex;
    justify-content: center;
    gap: 6px;
    margin: 10px auto 20px;
    padding: 6px;
    border-radius: 12px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    align-self: center
}

.wildfire-theme .language-pill {
    border: none;
    background: transparent;
    padding: 8px 18px;
    border-radius: 10px;
    font-weight: 700;
    color: #6b7280;
    cursor: pointer;
    min-width: 120px;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease
}

.wildfire-theme .language-pill.is-active {
    background: #fff;
    color: #111827;
    box-shadow: 0 2px 6px #0000001f
}

.wildfire-theme .rules-card {
    background: #ededed;
    width: 100%
}

.wildfire-theme .rules-title {
    margin: 0 0 16px;
    font-size: 1.2rem
}

.wildfire-theme .rules-alert {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 16px;
    background: #e6f4ff;
    border: 1px solid #91caff;
    border-radius: 8px;
    color: #1d39c4;
    font-weight: 500;
    margin-bottom: 20px
}

.wildfire-theme .rules-alert-icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #1677ff;
    color: #fff;
    font-weight: 700;
    flex-shrink: 0
}

.wildfire-theme .rules-section {
    margin-bottom: 18px
}

.wildfire-theme .rules-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 12px
}

.wildfire-theme .rules-divider h4 {
    margin: 0;
    font-size: 1rem
}

.wildfire-theme .rules-divider:after {
    content: "";
    flex: 1;
    height: 1px;
    background: #d9d9d9
}

.wildfire-theme .rules-empty {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 24px;
    text-align: center;
    color: #777
}

.wildfire-theme .rules-list {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    overflow: hidden
}

.wildfire-theme .rules-list li {
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e5e5;
    font-size: .95rem;
    line-height: 1.5
}

.wildfire-theme .rules-list li:last-child {
    border-bottom: none
}

.wildfire-theme .rules-number {
    font-weight: 700;
    min-width: 24px
}

.wildfire-theme .rules-footer-note {
    margin-top: 16px;
    color: #777
}

.wildfire-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
}

.wildfire-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
}

.wildfire-theme .rules-modal-close {
    position: absolute;
    right: 12px;
    top: 8px;
    border: none;
    background: transparent;
    font-size: 24px;
    cursor: pointer;
    color: #fff;
    z-index: 2
}

.wildfire-theme .rules-modal-header {
    background: #b7862f;
    color: #fff;
    padding: 16px 24px;
    font-weight: 700;
    text-transform: uppercase
}

.wildfire-theme .rules-modal-body {
    padding: 20px 24px;
    overflow-y: auto;
    max-height: calc(80vh - 140px)
}

.wildfire-theme .rules-accordion {
    display: grid;
    gap: 10px;
    margin-bottom: 16px
}

.wildfire-theme .rules-accordion-item {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 0 12px
}

.wildfire-theme .rules-accordion-item summary {
    list-style: none;
    cursor: pointer;
    padding: 12px 0;
    font-weight: 600
}

.wildfire-theme .rules-accordion-item summary::-webkit-details-marker {
    display: none
}

.wildfire-theme .rules-accordion-item summary:before {
    content: "›";
    display: inline-block;
    margin-right: 8px;
    transform: rotate(0);
    transition: transform .2s ease
}

.wildfire-theme .rules-accordion-item[open] summary:before {
    transform: rotate(90deg)
}

.wildfire-theme .rules-accordion-list {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
    border-top: 1px solid #f0f0f0
}

.wildfire-theme .rules-accordion-list li {
    display: flex;
    gap: 10px;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: .95rem;
    line-height: 1.5
}

.wildfire-theme .rules-accordion-list li:last-child {
    border-bottom: none
}

.wildfire-theme .rules-check {
    display: inline-flex;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: #16a34a;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-top: 2px;
    flex-shrink: 0
}

.wildfire-theme .rules-banner {
    width: 100%;
    border-radius: 10px;
    display: block
}

.wildfire-theme .rules-modal-footer {
    padding: 16px 24px 24px;
    display: flex;
    justify-content: center
}

.wildfire-theme .rules-modal-cta {
    background: #1f6feb;
    color: #fff;
    border: none;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer
}

.wildfire-theme .rules-modal-cta:hover {
    background: #1a5fd0
}

.wildfire-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
}

.wildfire-theme .notice-promo-modal {
    position: relative;
    width: min(94vw, calc(94vh / 1.37));
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 42px #00000080
}

.wildfire-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
}

.wildfire-theme .notice-promo-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.37
}

.wildfire-theme .notice-promo-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.wildfire-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, #000000e0, #0000001a)
}

.wildfire-theme .notice-promo-copy h2 {
    margin: 0 0 6px;
    font-size: clamp(1.2rem, 3.6vw, 2rem)
}

.wildfire-theme .notice-promo-copy p {
    margin: 0;
    font-size: clamp(.95rem, 2.9vw, 1.35rem);
    font-weight: 700
}

.wildfire-theme.cricket-page {
    min-height: 100vh;
    background: #f5f7fa;
    padding-bottom: 60px
}

.wildfire-theme .banner-slider {
    margin: 10px auto;
    width: calc(100% - 20px);
    aspect-ratio: 32 / 5;
    position: relative;
    overflow: hidden;
    background: #000;
    border-radius: 8px
}

.wildfire-theme .slider {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform .5s ease-in-out
}

.wildfire-theme .slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0
}

.wildfire-theme .slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.wildfire-theme .slider-dots {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    gap: 8px;
    z-index: 2
}

.wildfire-theme .slider-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffffff80;
    cursor: pointer
}

.wildfire-theme .slider-dot.active {
    background: #b7862f
}

.wildfire-theme .sport-title-bar {
    background: linear-gradient(90deg, #b7862f, #8a621f);
    padding: 8px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 2px 4px #0000001a
}

.wildfire-theme .sport-icon {
    width: 20px;
    height: 20px
}

.wildfire-theme .sport-icon img {
    width: 100%;
    height: 100%;
    filter: brightness(0) invert(1)
}

.wildfire-theme .sport-name {
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: .5px
}

.wildfire-theme .games-container {
    padding: 5px
}

.wildfire-theme .match-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 5px;
    background-color: #fff
}

.wildfire-theme .match-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(180deg, #b7862f, #7d5b1e 40%, #2e210a);
    color: #fff;
    text-decoration: none;
    padding: 10px 12px;
    min-height: 90px;
    position: relative;
    box-shadow: 0 1px 3px #0000004d;
    border-radius: 6px;
    margin: 5px
}

.wildfire-theme .match-logos {
    position: absolute;
    top: 8px;
    right: 10px;
    display: flex;
    gap: 6px;
    align-items: center
}

.wildfire-theme .match-logo {
    width: 32.5px;
    height: 32.5px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%;
    background: #ffffffe6;
    padding: 2px
}

.wildfire-theme .match-content {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.wildfire-theme .match-title {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2
}

.wildfire-theme .match-series {
    font-size: .8rem;
    font-weight: 600;
    opacity: .9;
    text-transform: uppercase
}

.wildfire-theme .match-type {
    font-size: .7rem;
    font-weight: 500;
    opacity: .8;
    text-transform: uppercase;
    margin-top: 1px
}

.wildfire-theme .match-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 10px
}

.wildfire-theme .match-date-time {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: .75rem;
    font-weight: 500
}

.wildfire-theme .match-date-time svg {
    opacity: .8;
    width: 12px;
    height: 12px
}

.wildfire-theme .match-status-group {
    display: flex;
    align-items: center;
    gap: 20px
}

.wildfire-theme .live-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #ff4d4d;
    font-weight: 700;
    font-size: .8rem;
    text-transform: uppercase
}

.wildfire-theme .blink-dot {
    width: 8px;
    height: 8px;
    background: #ffce04;
    border-radius: 50%;
    box-shadow: 0 0 4px #ffce0499
}

.wildfire-theme .bm-badge {
    color: #cddc39;
    font-weight: 700;
    font-size: .8rem;
    text-transform: uppercase
}

.wildfire-theme .loading-state,
.wildfire-theme .empty-state {
    text-align: center;
    padding: 40px;
    color: #777;
    font-weight: 500;
    background: #fff
}

.wildfire-theme.game-page {
    min-height: 100vh;
    background: #f5f7fa;
    font-family: Roboto, sans-serif
}

.wildfire-theme .match-header {
    display: none
}

.wildfire-theme .wbt-match-card {
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    background: #0d1a12;
    border: 1px solid rgba(183, 134, 47, .4);
    color: #fff
}

.wildfire-theme .score-message {
    width: 100%;
    margin-bottom: 10px;
    padding: 6px 10px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .9rem;
    color: #ffce04;
    border: none;
    background: #0003
}

.wildfire-theme .wildfire-tv-frame {
    width: 100%;
    height: 30vh;
    background: #000
}

.wildfire-theme .wildfire-tv-frame iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

.wildfire-theme .wbt-match-teams {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px
}

.wildfire-theme .wbt-team-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 35%
}

.wildfire-theme .wbt-team-name {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #ffce04
}

.wildfire-theme .wbt-team-score {
    font-size: 18px;
    font-weight: 400;
    margin-top: 5px;
    color: #fff
}

.wildfire-theme .wbt-match-score-center {
    font-size: 32px;
    font-weight: 700;
    color: #b7862f;
    margin-top: 20px
}

.wildfire-theme .wbt-over-summaries {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: center
}

.wildfire-theme .wbt-over-circle {
    width: 35px;
    height: 35px;
    background: #fff;
    color: #0d1a12;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    transition: all .3s ease
}

.wildfire-theme .wbt-over-circle.four {
    background: #ffce04;
    color: #0d1a12
}

.wildfire-theme .wbt-over-circle.six {
    background: #7db8d0;
    color: #0d1a12
}

.wildfire-theme .wbt-over-circle.wicket {
    background: #b11b2e;
    color: #fff
}

.wildfire-theme .wbt-over-circle.wb {
    background: #f4e28b;
    color: #0d1a12
}

.wildfire-theme .odds-section {
    margin: 10px;
    background: transparent;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none
}

.wildfire-theme .odds-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 4px;
    table-layout: fixed
}

.wildfire-theme .odds-table-header {
    background: linear-gradient(180deg, #b7862f, #000);
    color: #fff;
    height: 40px
}

.wildfire-theme .odds-table-header th {
    padding: 0 10px;
    font-weight: 700;
    text-align: center;
    border: none;
    color: #fff;
    font-size: .9rem;
    vertical-align: middle;
    border-right: 1px solid rgba(255, 255, 255, .2)
}

.wildfire-theme .odds-table-header th:last-child {
    border-right: none
}

.wildfire-theme .team-header-cell {
    text-align: left !important;
    width: 60%
}

.wildfire-theme .odds-header-cell {
    width: 20%;
    text-align: center
}

.wildfire-theme .market-title {
    color: #ffce04;
    font-size: 1rem;
    font-weight: 700;
    margin-right: 15px;
    text-transform: uppercase;
    display: inline-block
}

.wildfire-theme .market-limit {
    color: #ffce04;
    font-size: .8rem;
    font-weight: 400;
    float: right
}

.wildfire-theme .team-name-cell {
    width: 60%;
    padding: 0 10px;
    vertical-align: middle;
    background: #fff;
    height: 50px;
    border-right: 2px solid #fff
}

.wildfire-theme .team-row-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%
}

.wildfire-theme .team-name {
    font-weight: 700;
    color: #000;
    font-size: .9rem;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wildfire-theme .team-bets {
    font-size: .9rem;
    color: red;
    font-weight: 700
}

.wildfire-theme .session-name-container {
    display: flex;
    flex-direction: column
}

.wildfire-theme .session-limit {
    font-size: .7rem;
    color: #000;
    font-weight: 700
}

.wildfire-theme .ladder-icon {
    font-size: 1.2rem;
    color: #000
}

.wildfire-theme .odds-cell {
    width: 20%;
    padding: 0;
    height: 50px;
    vertical-align: middle;
    border-left: 2px solid #fff
}

.wildfire-theme .odds-btn {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    font-weight: 700;
    font-size: 1.1rem;
    color: #000;
    background-clip: padding-box
}

.wildfire-theme .odds-btn small {
    font-size: .75rem;
    font-weight: 400;
    display: block
}

.wildfire-theme .back-btn,
.wildfire-theme .session-yes-btn {
    background: #72bbef
}

.wildfire-theme .lay-btn,
.wildfire-theme .session-no-btn {
    background: #faa9ba
}

.wildfire-theme .back-btn:hover,
.wildfire-theme .session-yes-btn:hover,
.wildfire-theme .lay-btn:hover,
.wildfire-theme .session-no-btn:hover {
    opacity: .9
}

.wildfire-theme .bets-section {
    margin: 10px
}

.wildfire-theme .section-header {
    background: linear-gradient(180deg, #b7862f, #000);
    color: #fff;
    padding: 8px 0;
    text-align: center;
    font-weight: 700;
    font-size: .95rem;
    text-transform: uppercase
}

.wildfire-theme .my-bets-container {
    padding: 0;
    margin: 0;
    background: #fff;
    box-shadow: none
}

.wildfire-theme .my-bets-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    background: #ccc
}

.wildfire-theme .my-bets-table th {
    background: linear-gradient(180deg, #b7862f, #000);
    color: #fff;
    padding: 10px 5px;
    font-size: .8rem;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    white-space: normal;
    border: none
}

.wildfire-theme .my-bets-table th:first-child {
    width: 30%
}

.wildfire-theme .my-bets-table td {
    padding: 8px 5px;
    font-size: .8rem;
    background: #fff;
    color: #000;
    text-align: center;
    font-weight: 700
}

.wildfire-theme .no-bets-message {
    font-size: 11px
}

.wildfire-theme .wildfire-live-games-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 10px;
    margin: 12px 10px 6px;
    background: #0d1a12;
    border: 1px solid rgba(183, 134, 47, .6);
    border-radius: 8px
}

.wildfire-theme .wildfire-live-game-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 16px;
    border: 1px solid rgba(183, 134, 47, .9);
    background: #111a12;
    color: #ffce04;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    width: min(520px, 100%);
    justify-content: flex-start
}

.wildfire-theme .wildfire-live-game-content {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    flex: 1
}

.wildfire-theme .wildfire-live-game-name {
    text-transform: uppercase
}

.wildfire-theme .wildfire-live-game-time {
    color: #fff;
    font-weight: 600
}

.wildfire-theme .wildfire-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) {
    .wildfire-theme .wildfire-live-game-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px
    }
}

.wildfire-theme .my-bets-table th:not(:last-child),
.wildfire-theme .my-bets-table td:not(:last-child) {
    border-right: 1px solid #ccc
}

.wildfire-theme .bet-modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000080;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000
}

.wildfire-theme .bet-modal {
    background: #fff;
    border-radius: 8px;
    width: 332px;
    max-height: 80vh;
    box-shadow: 0 4px 20px #0003;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.wildfire-theme .back-modal,
.wildfire-theme .lay-modal {
    border-top: none
}

.wildfire-theme .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background: #b7862f;
    color: #fff;
    height: auto;
    border-radius: 8px 8px 0 0
}

.wildfire-theme .modal-header h3 {
    margin: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px
}

.wildfire-theme .close-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #fff;
    line-height: 1;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.wildfire-theme .close-btn:hover {
    opacity: .8
}

.wildfire-theme .team-selection-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background: #b7862f;
    color: #fff;
    border-radius: 6px;
    margin: 10px 15px;
    height: 48px;
    box-sizing: border-box
}

.wildfire-theme .team-name-display {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    flex: 1
}

.wildfire-theme .lagai-btn {
    background: #fff;
    color: #b7862f;
    border: none;
    padding: 5px 15px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    height: 28px;
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center
}

.wildfire-theme .lagai-btn:hover {
    opacity: .9
}

.wildfire-theme .modal-body {
    padding: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #fff;
    overflow-y: auto
}

.wildfire-theme .bet-controls {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    padding: 15px;
    background: #7db8d0;
    margin: 10px 15px;
    border-radius: 6px;
    height: 89px;
    box-sizing: border-box
}

.wildfire-theme .bet-field {
    display: flex;
    flex-direction: column;
    padding: 0 5px
}

.wildfire-theme .bet-field label {
    font-size: 11px;
    color: #000;
    margin-bottom: 5px;
    font-weight: 700;
    text-transform: uppercase
}

.wildfire-theme .price-input,
.wildfire-theme .size-input,
.wildfire-theme .stake-input {
    width: 100%;
    padding: 8px 5px;
    border: none;
    border-radius: 0;
    text-align: center;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.wildfire-theme .price-input:focus,
.wildfire-theme .size-input:focus,
.wildfire-theme .stake-input:focus {
    outline: 2px solid #b7862f;
    outline-offset: -2px
}

.wildfire-theme .action-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px 15px;
    background: #fff;
    margin: 0
}

.wildfire-theme .timer-section {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #e6f3ff;
    padding: 5px 10px;
    border-radius: 4px;
    height: 24px;
    box-sizing: border-box
}

.wildfire-theme .timer-icon {
    font-size: 16px
}

.wildfire-theme .timer-text {
    color: #7db8d0;
    font-weight: 700;
    font-size: 14px
}

.wildfire-theme .submit-btn {
    background: #f8ce47;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 700;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    transition: opacity .2s
}

.wildfire-theme .submit-btn:hover:not(:disabled) {
    opacity: .9
}

.wildfire-theme .submit-btn:disabled {
    opacity: .6;
    cursor: not-allowed
}

.wildfire-theme .quick-stakes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    padding: 10px 15px;
    background: #fff;
    margin: 0 15px 15px;
    border-radius: 6px;
    min-height: 179px;
    align-content: start
}

.wildfire-theme .stake-btn {
    background: #b7862f;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 8px 5px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .2s
}

.wildfire-theme .stake-btn:hover {
    opacity: .8;
    background: #a07525
}

.wildfire-theme.casino-page {
    min-height: 100vh;
    background: #f2f2f2;
    color: #333;
    font-family: Roboto, sans-serif;
    padding-bottom: 40px
}

.wildfire-theme .casino-section-header {
    background: linear-gradient(180deg, #b7862f, #8c6218);
    color: #fff;
    padding: 12px 0;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px auto;
    text-align: center;
    width: 95%;
    max-width: 1200px;
    border-radius: 4px;
    box-shadow: 0 2px 4px #0003
}

.wildfire-theme .games-grid-casino {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 0 15px;
    max-width: 1200px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .wildfire-theme .games-grid-casino {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 25px;
        padding: 0 20px
    }
}

.wildfire-theme .casino-game-card {
    background: #fff;
    border-radius: 8px;
    overflow: visible;
    transition: transform .3s ease, box-shadow .3s ease;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px #0000001a
}

.wildfire-theme .casino-game-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px #0003
}

.wildfire-theme .game-image-container {
    position: relative;
    width: 100%;
    aspect-ratio: 4/3;
    overflow: visible
}

.wildfire-theme .game-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .5s ease;
    border-radius: 8px 8px 0 0
}

.wildfire-theme .casino-game-card:hover .game-image {
    transform: scale(1.05)
}

.wildfire-theme .game-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00000080;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .3s ease
}

.wildfire-theme .casino-game-card:hover .game-overlay {
    opacity: 1
}

.wildfire-theme .play-now {
    background: linear-gradient(to right, #b7862f, #8c6218);
    padding: 8px 20px;
    border-radius: 20px;
    font-weight: 700;
    color: #fff;
    font-size: .9rem;
    border: 1px solid rgba(255, 255, 255, .3)
}

.wildfire-theme .game-info {
    padding: 6px;
    text-align: center;
    background: linear-gradient(180deg, #b7862f, #8c6218);
    border-top: none
}

.wildfire-theme .game-info h3 {
    margin: 0;
    font-size: .9rem;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 400px) {
    .wildfire-theme .game-info h3 {
        font-size: .75rem
    }
}

.wildfire-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000
}

.wildfire-modal {
    background: #fff;
    border-radius: 8px;
    width: 90%;
    max-width: 400px;
    overflow: hidden;
    box-shadow: 0 4px 12px #0003;
    animation: modalFadeIn .2s ease
}

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

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

.wildfire-modal-header {
    background: linear-gradient(180deg, #b7862f, #8c6218);
    color: #fff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.wildfire-modal-header h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700
}

.wildfire-theme .wildfire-close-btn {
    background: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 1.8rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    width: 29px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.wildfire-modal-body {
    padding: 20px;
    text-align: center;
    color: #333;
    font-size: 1.1rem
}

.wildfire-modal-footer {
    padding: 15px;
    border-top: 1px solid #eee;
    text-align: center
}

.wildfire-btn-primary {
    background: linear-gradient(180deg, #b7862f, #8c6218);
    color: #fff;
    border: none;
    padding: 8px 24px;
    border-radius: 4px;
    font-weight: 700;
    cursor: pointer;
    font-size: 1rem
}

.wildfire-btn-primary:hover {
    opacity: .9
}

.wildfire-theme.classic-theme {
    background-color: #f2f2f2;
    font-family: Roboto, sans-serif
}

.wildfire-theme.classic-theme .bet-amount-buttons button,
.wildfire-theme.classic-theme .game-tile-button,
.wildfire-theme.classic-theme .game-name-button,
.wildfire-theme .modal-close-btn,
.wildfire-theme.classic-theme .place-bet-btn {
    background: linear-gradient(180deg, #b7862f, #8c6218) !important;
    color: #fff;
    border: none
}

.wildfire-theme.classic-theme .bet-slip-header {
    background: #b7862f !important;
    color: #fff;
    border-bottom: 1px solid #e5e5e5
}

.wildfire-theme.classic-theme .odds-box,
.wildfire-theme.classic-theme .odds-btn,
.wildfire-theme.classic-theme .odds-box .odds-rate,
.wildfire-theme.classic-theme .odds-box .odds-label,
.wildfire-theme.classic-theme .lucky7-odds-box .odds-label,
.wildfire-theme.classic-theme .aaa-odds-box .odds-rate {
    background: #72bbef !important;
    color: #000 !important;
    border: none
}

.wildfire-theme.classic-theme .odds-box *,
.wildfire-theme.classic-theme .odds-btn *,
.wildfire-theme.classic-theme .lucky7-odds-box * {
    color: #000 !important
}

.wildfire-theme.classic-theme .back-menu-header,
.wildfire-theme.classic-theme .game-header,
.wildfire-theme.classic-theme .label,
.wildfire-theme.classic-theme .odds-table-header,
.wildfire-theme.classic-theme .lucky7-odds-header,
.wildfire-theme.classic-theme .last-result-header,
.wildfire-theme.classic-theme .my-bets-heading,
.wildfire-theme.classic-theme .bets-table thead tr th,
.wildfire-theme.classic-theme .see-all-btn {
    background: linear-gradient(180deg, #b7862f, #000) !important;
    color: #fff;
    border: none
}

.wildfire-theme.classic-theme .see-all-btn:hover,
.wildfire-theme.classic-theme .place-bet-btn:hover,
.wildfire-theme.classic-theme .odds-btn:hover,
.wildfire-theme.classic-theme .odds-box:hover,
.wildfire-theme.classic-theme .lucky7-odds-box:hover,
.wildfire-theme.classic-theme .aaa-odds-box:hover,
.wildfire-theme.classic-theme .bet-amount-buttons button:hover,
.wildfire-theme.classic-theme .game-tile-button:hover,
.wildfire-theme.classic-theme .game-name-button:hover,
.wildfire-theme.classic-theme .modal-close-btn:hover {
    opacity: .9
}

.wildfire-theme.classic-theme .odds-btn {
    padding: 15px 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    height: auto !important;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center
}

.wildfire-theme.classic-theme .runner-position,
.wildfire-theme.classic-theme .odds-position {
    display: block !important;
    padding: 0 !important;
    background-color: transparent !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    height: auto !important;
    min-height: auto;
    width: auto !important;
    margin: 0 !important;
    border: none !important
}

.wildfire-theme.classic-theme .runner-name {
    color: #000 !important
}

.wildfire-theme.classic-theme .runner-info {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-right: 8px
}

.wildfire-theme.classic-theme .odds-column .odds-position {
    margin: 5px auto 0 !important
}

.wildfire-theme.classic-theme .odds-position.plus,
.wildfire-theme.classic-theme .runner-position.plus {
    color: #166534 !important;
    font-weight: 900 !important
}

.wildfire-theme.classic-theme .odds-position.minus,
.wildfire-theme.classic-theme .runner-position.minus {
    color: #991b1b !important;
    font-weight: 900 !important
}

.wildfire-theme.bikini-page {
    min-height: 100vh;
    background: #f2f2f2;
    color: #333;
    font-family: Roboto, sans-serif;
    padding-bottom: 40px
}

.wildfire-theme.bikini-page .bikini-section-header {
    background: linear-gradient(180deg, #b7862f, #8c6218);
    color: #fff;
    padding: 12px 0;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px auto;
    text-align: center;
    width: 95%;
    max-width: 1200px;
    border-radius: 4px;
    box-shadow: 0 2px 4px #0003
}

.wildfire-theme.bikini-page .bikini-back-wrap {
    text-align: center;
    margin: 0 auto 16px
}

.wildfire-theme.bikini-page .bikini-back-btn {
    background: linear-gradient(180deg, #b7862f, #8c6218);
    color: #fff;
    border: none;
    padding: 8px 24px;
    border-radius: 4px;
    font-weight: 700;
    cursor: pointer;
    font-size: 1rem;
    text-decoration: none;
    display: inline-block
}

.wildfire-theme.bikini-page .bikini-back-btn:hover {
    opacity: .9
}

.wildfire-theme.bikini-page .bikini-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-content: center;
    gap: 16px;
    max-width: 100vw;
    margin: 0 auto;
    position: relative
}

.wildfire-theme.bikini-page .bikini-mode-section {
    border: 1px solid rgba(183, 134, 47, .35);
    border-radius: 10px;
    padding: 12px 8px 10px;
    background: #ffffffa6
}

.wildfire-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
}

.wildfire-theme.bikini-page .bikini-mode-title {
    display: block;
    line-height: 1
}

.wildfire-theme.bikini-page .bikini-mode-colors {
    display: grid;
    gap: 4px
}

.wildfire-theme.bikini-page .bikini-mode-strip {
    display: grid;
    gap: 4px;
    background: #111827;
    border: 1px solid #334155;
    border-radius: 6px;
    padding: 3px
}

.wildfire-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
}

.wildfire-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
}

.wildfire-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
}

.wildfire-theme.bikini-page .bikini-mode-tiles {
    display: grid;
    grid-template-columns: repeat(2, min(43vw, calc(70vh / 1.37)));
    justify-content: center;
    gap: 4vw
}

.wildfire-theme.bikini-page .bikini-tile {
    text-decoration: none;
    color: inherit
}

.wildfire-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 #b7862f;
    border-radius: 8px;
    box-shadow: 0 8px 22px #0003;
    transition: transform .3s ease, box-shadow .3s ease
}

.wildfire-theme.bikini-page .bikini-tile:hover .bikini-image {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px #0003
}

.wildfire-theme.bikini-page .bikini-title {
    margin-top: 8px;
    padding: 6px;
    text-align: center;
    background: linear-gradient(180deg, #b7862f, #8c6218);
    border-radius: 4px;
    color: #fff;
    font-size: .95rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wildfire-theme.bikini-page .bikini-rules-trigger {
    grid-column: 1 / -1;
    justify-self: end;
    margin-bottom: 10px;
    border: 1px solid rgba(255, 255, 255, .35);
    background: linear-gradient(180deg, #b7862f, #8c6218);
    color: #fff;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 4px #0000004d
}

.wildfire-theme.bikini-page .bikini-rules-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000c;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px
}

.wildfire-theme.bikini-page .bikini-rules-modal {
    width: min(720px, 100%);
    max-height: 85vh;
    overflow: hidden;
    background: #1f2937;
    border-radius: 12px;
    border: 1px solid #b7862f;
    box-shadow: 0 20px 25px -5px #00000080, 0 10px 10px -5px #0003;
    display: flex;
    flex-direction: column
}

.wildfire-theme.bikini-page .bikini-rules-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    background: #ffffff08
}

.wildfire-theme.bikini-page .bikini-rules-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: .5px
}

.wildfire-theme.bikini-page .bikini-rules-header button {
    border: 1px solid rgba(255, 255, 255, .2);
    background: #ffffff0d;
    color: #e5e7eb;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s
}

.wildfire-theme.bikini-page .bikini-rules-header button:hover {
    background: #ffffff1a;
    border-color: #fff6
}

.wildfire-theme.bikini-page .bikini-rules-tabs {
    display: flex;
    gap: 8px;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    background: #0003
}

.wildfire-theme.bikini-page .bikini-rules-tabs button {
    border: 1px solid rgba(255, 255, 255, .2);
    background: #ffffff0d;
    color: #9ca3af;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s
}

.wildfire-theme.bikini-page .bikini-rules-tabs button:hover {
    background: #ffffff1a;
    color: #e5e7eb
}

.wildfire-theme.bikini-page .bikini-rules-tabs button.active {
    background: linear-gradient(180deg, #b7862f, #8c6218);
    border-color: #b7862f;
    color: #fff;
    box-shadow: 0 2px 4px #0003
}

.wildfire-theme.bikini-page .bikini-rules-body {
    overflow-y: auto;
    padding: 20px 24px
}

.wildfire-theme.bikini-page .bikini-rules-body ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
    color: #d1d5db;
    line-height: 1.6;
    font-size: 15px
}

.wildfire-theme.bikini-page .bikini-rules-body li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.wildfire-theme.bikini-page .bikini-rules-body li:before {
    content: "•";
    position: absolute;
    left: 4px;
    color: #b7862f;
    font-weight: 700
}

.wildfire-theme.bikini-page .bikini-rules-body li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.wildfire-theme.bikini-page .rules-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 13px
}

.wildfire-theme.bikini-page .rules-table th,
.wildfire-theme.bikini-page .rules-table td {
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 8px;
    text-align: left;
    vertical-align: middle;
    color: #d1d5db
}

.wildfire-theme.bikini-page .rules-table th {
    background-color: #ffffff0d;
    font-weight: 600;
    color: #fff
}

.wildfire-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
}

.wildfire-theme.bikini-page .rules-btn-wide {
    width: 70px
}

.wildfire-theme.bikini-page .rules-btn-label {
    font-size: 10px;
    color: #e5e7eb
}

.wildfire-theme.bikini-page .rules-mask-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 32px
}

.wildfire-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
}

.wildfire-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
}

.wildfire-theme.bikini-page .rules-multi-preview {
    display: flex;
    gap: 1px;
    width: 100%;
    justify-content: center;
    align-items: center
}

.wildfire-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
}

.wildfire-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
}

.wildfire-theme.exposure-page .exposure-content {
    padding: 0 0 20px
}

.wildfire-theme.profile-page {
    min-height: 100vh;
    background: #f1f2f4
}

.wildfire-theme.profile-page .profile-content {
    padding: 16px 14px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.wildfire-theme.profile-page .profile-main-menu {
    background: #0c2e5b;
    color: #fff;
    border: none;
    padding: 10px 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 6px;
    cursor: pointer
}

.wildfire-theme.profile-page .profile-card {
    background: #fff;
    border-radius: 10px;
    padding: 16px;
    box-shadow: 0 4px 12px #00000014
}

.wildfire-theme.profile-page .profile-section-title {
    background: #7a6c83;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    margin: 12px 0
}

.wildfire-theme.profile-page .profile-rate-row {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 8px 0 12px
}

.wildfire-theme.profile-page .profile-label {
    font-weight: 700;
    color: #1f2b3a
}

.wildfire-theme.profile-page .profile-select {
    width: 100%;
    height: 34px;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    padding: 0 8px;
    font-weight: 600;
    background: #fff
}

.wildfire-theme.profile-page .profile-update-btn {
    background: #7fbf32;
    border: none;
    color: #fff;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer
}

.wildfire-theme.profile-page .profile-update-btn:disabled {
    opacity: .7;
    cursor: not-allowed
}

.wildfire-theme.profile-page .profile-status-message {
    text-align: center;
    font-weight: 600;
    padding: 6px 0 10px
}

.wildfire-theme.profile-page .profile-info-table {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 8px
}

.wildfire-theme.profile-page .profile-info-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #fff
}

.wildfire-theme.profile-page .profile-info-label {
    font-weight: 700;
    color: #1f2b3a;
    flex: 1
}

.wildfire-theme.profile-page .profile-info-value {
    font-weight: 600;
    text-align: right;
    flex: 1
}

._container_u91g5_1 {
    position: relative;
    min-height: 100vh;
    background: radial-gradient(circle at top, #0e2740, #08131f 55%, #050a11);
    overflow: hidden
}

._splashScreen_u91g5_8 {
    height: calc(100vh - var(--app-header-height, 0px));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
    color: #dbeafe
}

._splashLoader_u91g5_18 {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 4px solid rgba(148, 163, 184, .3);
    border-top-color: #38bdf8;
    animation: _spin_u91g5_1 .85s linear infinite
}

._splashText_u91g5_27 {
    font-size: 14px;
    letter-spacing: .2px
}

._tableViewport_u91g5_32 {
    position: relative;
    height: calc(100vh - var(--app-header-height, 0px));
    padding: 14px 12px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px
}

._lowBalanceWarningBanner_u91g5_42 {
    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_u91g5_1 .26s ease-out;
    pointer-events: none
}

._soundToggleBtn_u91g5_61 {
    position: absolute;
    top: max(env(safe-area-inset-top, 16px), 16px);
    left: max(env(safe-area-inset-left, 16px), 16px);
    width: 40px;
    height: 40px;
    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_u91g5_61:active {
    transform: scale(.95);
    background: #0f172ae6
}

._soundToggleBtn_u91g5_61 svg {
    width: 20px;
    height: 20px;
    fill: currentColor
}

._tableBoardWrapper_u91g5_92 {
    position: relative;
    width: 100%;
    margin: auto 0 0;
    flex: 0 0 75%;
    height: 75%;
    z-index: 5
}

._tableBoard_u91g5_92 {
    --m3p-table-color: #0f5f35;
    --m3p-table-border: #b8860b;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: min(15vw, 15vh);
    background: radial-gradient(circle at 50% 46%, #1a9f55 0%, var(--m3p-table-color) 48%, #0a361f 100%);
    border: 7px solid var(--m3p-table-border);
    box-shadow: inset 0 0 40px #00000073, 0 20px 60px #00000059;
    z-index: 2
}

._dealerSprite_u91g5_118 {
    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_u91g5_133 {
    transform: translate(-50%, -95%);
    z-index: 3
}

._dealerAtTopFront_u91g5_138 {
    transform: translate(-50%, -100%);
    z-index: 3
}

._dealerAtTopBehind_u91g5_143 {
    transform: translate(-50%, -100%);
    z-index: 1
}

._dealerDownBehind_u91g5_148 {
    transform: translate(-50%);
    z-index: 1
}

._dealerDrawerOverlay_u91g5_153 {
    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_u91g5_163 {
    opacity: 1;
    pointer-events: auto
}

._dealerDrawer_u91g5_153 {
    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_u91g5_184 {
    transform: translate(0)
}

._dealerDrawerHeader_u91g5_188 {
    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_u91g5_199 {
    display: flex;
    flex-direction: column;
    gap: 2px
}

._dealerDrawerFee_u91g5_205 {
    font-size: 12px;
    font-weight: 600;
    color: #facc15
}

._dealerDrawerCloseBtn_u91g5_211 {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    padding: 0
}

._dealerDrawerContent_u91g5_221 {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px
}

._dealerThumbnailWrap_u91g5_230 {
    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_u91g5_230:hover {
    border-color: #0ea5e980
}

._dealerThumbnailSelected_u91g5_246 {
    border-color: #38bdf8 !important;
    background: #38bdf833
}

._dealerThumbnailDisabled_u91g5_251 {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

._dealerThumbnailImg_u91g5_257 {
    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_u91g5_269 {
    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_u91g5_279 {
    opacity: 1;
    pointer-events: auto
}

._profileDrawer_u91g5_269 {
    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_u91g5_300 {
    transform: translate(0)
}

._profileDrawerHeader_u91g5_304 {
    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_u91g5_315 {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    padding: 0
}

._profileDrawerContent_u91g5_325 {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px
}

._profileThumbnailWrap_u91g5_334 {
    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_u91g5_334:hover {
    border-color: #0ea5e980
}

._profileThumbnailSelected_u91g5_350 {
    border-color: #38bdf8 !important;
    background: #38bdf833
}

._profileThumbnailImg_u91g5_355 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

._statusText_u91g5_364 {
    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
}

._potWrap_u91g5_380 {
    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
}

._potIcon_u91g5_397 {
    width: 18px;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain;
    flex: 0 0 auto
}

._potValue_u91g5_404 {
    color: #fef08a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
    letter-spacing: -.1px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap
}

._playerStakeWrap_u91g5_416 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 3px 6px;
    border-radius: 999px;
    background: #00000080;
    border: 1px solid rgba(14, 165, 233, .55);
    box-shadow: 0 6px 20px #02061752;
    z-index: 4;
    max-width: 110px;
    pointer-events: none
}

._playerStakeIcon_u91g5_432 {
    width: 12px;
    height: 12px;
    -o-object-fit: contain;
    object-fit: contain;
    flex: 0 0 auto
}

._playerStakeValue_u91g5_439 {
    color: #fef08a;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    min-width: 0;
    letter-spacing: -.1px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._stakeForBottom_u91g5_452 {
    left: 50%;
    top: 4px;
    transform: translate(-50%, -100%)
}

._stakeForRightMiddle_u91g5_458 {
    left: calc(50% - 18px);
    top: 24px;
    transform: translate(-100%, -50%)
}

._stakeForBottomLeft_u91g5_464,
._stakeForLeftTop_u91g5_465 {
    left: calc(50% + 18px);
    top: 24px;
    transform: translateY(-50%)
}

._stakeForBottomRight_u91g5_471,
._stakeForRightTop_u91g5_472 {
    left: calc(50% - 18px);
    top: 24px;
    transform: translate(-100%, -50%)
}

._deck_u91g5_478 {
    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_u91g5_492 {
    animation: _deck-pulse_u91g5_1 .35s ease-out infinite alternate
}

._playerSeat_u91g5_496 {
    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_u91g5_508 {
    filter: drop-shadow(0 0 12px rgba(250, 204, 21, .45))
}

._seatBottom_u91g5_512 {
    left: 50%;
    bottom: calc(22px - 5vh);
    transform: translate(-50%)
}

._seatBottomLeft_u91g5_518 {
    left: 16%;
    bottom: 78px;
    transform: translate(-50%)
}

._seatLeftTop_u91g5_524 {
    left: 9%;
    top: 31%
}

._seatRightMiddle_u91g5_529 {
    right: 9%;
    top: 51%;
    transform: translate(50%, -50%)
}

._seatRightTop_u91g5_535 {
    right: 9%;
    top: 23%;
    transform: translate(50%, -50%)
}

._seatBottomRight_u91g5_541 {
    right: 9%;
    top: 79%;
    transform: translate(50%, -50%)
}

._avatar_u91g5_547 {
    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
}

._avatarClickable_u91g5_564 {
    cursor: pointer
}

._turnTimerRadial_u91g5_568 {
    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_u91g5_582 {
    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_u91g5_603 {
    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_u91g5_615 {
    border-color: #facc15;
    box-shadow: 0 0 0 2px #facc1575, 0 0 14px #facc15a8
}

._activeTurnAvatar_u91g5_615: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_u91g5_638 {
    border-color: #facc15;
    box-shadow: 0 0 0 2px #facc1559
}

._playerInfo_u91g5_643 {
    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
}

._activeTurnPlayerInfo_u91g5_656 {
    background: linear-gradient(180deg, #2563eb, #1d4ed8);
    border-color: #bfdbfec7;
    box-shadow: 0 0 0 1px #93c5fd52, 0 0 14px #2563eb7a
}

._playerName_u91g5_664 {
    max-width: 100%;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._playerMeta_u91g5_675 {
    color: #facc15;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    margin-top: 1px
}

._playerCards_u91g5_683 {
    min-height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
    z-index: 1;
    position: relative
}

._playerCardsPacked_u91g5_693 {
    filter: grayscale(1) brightness(.82)
}

._playerCardsCompact_u91g5_697 ._playerCard_u91g5_683 {
    width: 21px;
    height: 32px;
    margin-left: -4px
}

._handStrengthMeter_u91g5_703 {
    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_u91g5_721 {
    width: 100%;
    display: flex;
    gap: 1px;
    height: 8px
}

._handStrengthBar_u91g5_721 {
    flex: 1;
    height: 100%;
    border-radius: 1px
}

._handStrengthText_u91g5_734 {
    font-size: 9px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    white-space: nowrap
}

._playerCard_u91g5_683 {
    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_u91g5_754 {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

._playerCardOverlay_u91g5_762 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: .62
}

._playerCardAnimateIn_u91g5_770 {
    animation: _card-in_u91g5_1 .24s cubic-bezier(.175, .885, .32, 1.275) both
}

._playerCard_u91g5_683:first-child {
    margin-left: 0;
    transform: rotate(-8deg) translateY(2px)
}

._playerCard_u91g5_683:nth-child(2) {
    transform: rotate(0) translateY(-2px)
}

._playerCard_u91g5_683:nth-child(3) {
    transform: rotate(8deg) translateY(2px)
}

._seeOnCardsButton_u91g5_787 {
    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
}

._seeOnCardsButtonInactive_u91g5_805 {
    opacity: .52;
    cursor: not-allowed
}

._seenCardsBadge_u91g5_810 {
    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_u91g5_826 {
    color: #fff;
    background: #4b5563f5;
    border: 1px solid rgba(229, 231, 235, .55)
}

._turnCallout_u91g5_832 {
    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_u91g5_854 {
    animation: _turn-callout-enter_u91g5_1 .5s ease-out forwards;
    z-index: 1
}

._turnCalloutHold_u91g5_859 {
    opacity: 1;
    transform: translate(-50%, -30px) scale(1);
    z-index: 5
}

._turnCalloutExit_u91g5_865 {
    animation: _turn-callout-exit_u91g5_1 .5s ease-in forwards;
    z-index: 5
}

._winnerStars_u91g5_870 {
    position: absolute;
    top: -22px;
    right: -22px;
    bottom: -22px;
    left: -22px;
    pointer-events: none;
    z-index: 14
}

._winnerStar_u91g5_870 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    transform: translate(-50%, -50%);
    opacity: 0
}

._winnerStar_u91g5_870: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_u91g5_902 ._winnerStar_u91g5_870 {
    animation: _winner-star_u91g5_1 var(--star-duration, 1s) linear infinite;
    animation-delay: var(--star-delay, 0ms)
}

._winnerStarsBurst_u91g5_907 ._winnerStar_u91g5_870 {
    animation: _winner-star_u91g5_1 var(--star-duration, 1s) ease-out forwards;
    animation-delay: var(--star-delay, 0ms)
}

._winnerRibbon_u91g5_912 {
    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_u91g5_934 {
    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_u91g5_1 var(--boot-flight-duration, 1s) ease-in forwards;
    pointer-events: none;
    z-index: 8
}

._bootFlyToDealer_u91g5_952 {
    animation: _boot-to-dealer_u91g5_1 var(--boot-flight-duration, 1s) ease-in forwards
}

._potToPlayerToken_u91g5_956 {
    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_u91g5_1 var(--boot-flight-duration, 1.5s) ease-out forwards;
    pointer-events: none;
    z-index: 11
}

._bootFlyCoinIcon_u91g5_975 {
    width: 28px;
    height: 28px;
    -o-object-fit: contain;
    object-fit: contain;
    flex: 0 0 auto
}

._bootFlyAmount_u91g5_982 {
    color: #fef08a;
    font-size: 22px;
    font-weight: 800;
    line-height: 1
}

@keyframes _turn-callout-enter_u91g5_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_u91g5_1 {
    0% {
        opacity: 1;
        transform: translate(-50%, -30px) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%, -10px) scale(.96)
    }
}

@keyframes _low-balance-warning-enter_u91g5_1 {
    0% {
        opacity: 0;
        transform: translate(-50%, -16px)
    }

    to {
        opacity: 1;
        transform: translate(-50%)
    }
}

@keyframes _winner-star_u91g5_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 _pot-to-player_u91g5_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_u91g5_1070 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    animation: _ribbon-grow_u91g5_1 1s ease-out forwards
}

._sideShowFadingOut_u91g5_1080 {
    animation: _ribbon-fade_u91g5_1 .5s ease-out forwards
}

@keyframes _ribbon-grow_u91g5_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_u91g5_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

._bootFromBottom_u91g5_1094 {
    --boot-start-x: 0px;
    --boot-start-y: 170px
}

._bootFromBottomLeft_u91g5_1095 {
    --boot-start-x: -220px;
    --boot-start-y: 110px
}

._bootFromLeftTop_u91g5_1096 {
    --boot-start-x: -250px;
    --boot-start-y: -90px
}

._bootFromRightMiddle_u91g5_1097 {
    --boot-start-x: 250px;
    --boot-start-y: 0px
}

._bootFromRightTop_u91g5_1098 {
    --boot-start-x: 250px;
    --boot-start-y: -90px
}

._bootFromBottomRight_u91g5_1099 {
    --boot-start-x: 220px;
    --boot-start-y: 110px
}

._cardFlight_u91g5_1101 {
    position: absolute;
    transform: translate(0);
    width: 26px;
    height: 38px;
    border-radius: 2px;
    box-shadow: 0 4px 12px #0f172a73;
    animation: _deal-card-flight_u91g5_1 .35s cubic-bezier(.2, .8, .2, 1) forwards;
    pointer-events: none;
    z-index: 6
}

@keyframes _deal-card-flight_u91g5_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_u91g5_1138 {
    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_u91g5_1138 {
    position: static;
    z-index: 12;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: min(96%, 560px);
    pointer-events: auto
}

._turnStatus_u91g5_1160 {
    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
}

._turnButtonsRow_u91g5_1171 {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    align-items: stretch;
    justify-content: stretch;
    gap: 8px;
    width: min(100%, 720px)
}

._turnButtonsRowSingle_u91g5_1181 {
    width: min(50%, 360px)
}

._turnButton_u91g5_1171 {
    min-width: 0;
    width: 100%;
    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;
    gap: 2px;
    box-shadow: 0 7px 16px #0000004d
}

._turnButtonInactive_u91g5_1203 {
    opacity: .45;
    cursor: not-allowed
}

._turnButtonText_u91g5_1208 {
    line-height: 1.1
}

._turnButtonBottomText_u91g5_1212 {
    line-height: 1.1;
    font-size: 10px;
    opacity: .95
}

._handHistoryToggle_u91g5_1218 {
    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_u91g5_1218:hover {
    background: #1e5087f2
}

._handHistoryIcon_u91g5_1242 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1
}

._handHistoryDrawer_u91g5_1248 {
    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_u91g5_1 .3s cubic-bezier(.16, 1, .3, 1) forwards
}

._handHistoryOverlay_u91g5_1264 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00000080;
    z-index: 10010
}

._handHistoryDrawerHeader_u91g5_1271 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: #081e3a;
    border-bottom: 1px solid rgba(148, 163, 184, .15)
}

._handHistoryTitle_u91g5_1280 {
    color: #e2e8f0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px
}

._handHistoryClose_u91g5_1287 {
    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_u91g5_1287:hover {
    background: #fff3;
    color: #fff
}

._handHistoryContent_u91g5_1307 {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

._handHistoryDeal_u91g5_1316 {
    background: #06162a;
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, .1);
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

._handHistoryDealHeader_u91g5_1326 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 12px;
    color: #cbd5e1
}

._handHistoryLabel_u91g5_1334 {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 2px
}

._handHistoryCommunityLabel_u91g5_1340 {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 4px
}

._handHistoryCommunityCards_u91g5_1346 {
    display: flex;
    gap: 4px;
    margin-top: 4px
}

._handHistoryPlayersList_u91g5_1352 {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: #ffffff08;
    border-radius: 6px;
    overflow: hidden
}

._handHistoryPlayerRow_u91g5_1361 {
    display: flex;
    flex-direction: column;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    gap: 6px
}

._handHistoryPlayerRow_u91g5_1361:last-child {
    border-bottom: none
}

._handHistoryPlayerTopRow_u91g5_1373 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._handHistoryPlayerLeftTop_u91g5_1379 {
    display: flex;
    align-items: center;
    gap: 6px
}

._handHistoryPlayerBottomRow_u91g5_1385 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

._handHistoryRoleTag_u91g5_1391 {
    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_u91g5_1404 {
    font-size: 13px;
    font-weight: 700;
    color: #e2e8f0
}

._handHistoryPlayerCards_u91g5_1410 {
    display: flex;
    gap: 3px
}

._handHistoryCard_u91g5_1415 {
    width: 28px;
    height: 42px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 2px 4px #0000004d;
    background: #fff;
    padding: 1px
}

._handHistoryCardImg_u91g5_1425 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px
}

._handHistoryResultAmount_u91g5_1432 {
    font-size: 14px;
    font-weight: 700
}

._handHistoryResultType_u91g5_1437 {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    border-radius: 3px;
    padding: 3px 8px
}

._handHistoryFooter_u91g5_1445 {
    padding: 12px;
    background: #081e3a;
    border-top: 1px solid rgba(148, 163, 184, .15)
}

._handHistoryPagination_u91g5_1451 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

._handHistoryPageBtn_u91g5_1458 {
    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_u91g5_1458:disabled {
    opacity: .5;
    cursor: not-allowed
}

._handHistoryPageInfo_u91g5_1477 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px
}

._handHistoryPageNumber_u91g5_1484 {
    font-size: 12px;
    font-weight: 600;
    color: #e2e8f0
}

._handHistoryPageDesc_u91g5_1490 {
    font-size: 11px;
    color: #94a3b8
}

@keyframes _slide-in-left_u91g5_1 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

._connectionOverlay_u91g5_1504 {
    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_u91g5_1517 {
    width: min(92vw, 360px);
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, .45);
    background: #0f172a;
    padding: 18px 16px;
    text-align: center
}

._connectionTitle_u91g5_1526 {
    color: #f8fafc;
    font-size: 17px;
    font-weight: 700
}

._connectionMessage_u91g5_1532 {
    margin: 10px 0 16px;
    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.4
}

._connectionButton_u91g5_1539 {
    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 _spin_u91g5_1 {
    to {
        transform: rotate(360deg)
    }
}

@keyframes _deck-pulse_u91g5_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_u91g5_1 {
    0% {
        opacity: 0;
        transform: translateY(-24px) scale(.6)
    }

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

@keyframes _boot-to-pot_u91g5_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_u91g5_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)
    }
}

*,
: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
}

.flex {
    display: flex
}

.table {
    display: table
}

.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))
}

.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
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.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 */
}

@keyframes exclusive-sparkle {}

.exclusive-ribbon {
    position: absolute;
    top: -20px;
    left: -22px;
    width: 135px;
    height: 54px;
    background-image: url(/assets/exclusive.png);
    background-size: 200% 400%;
    background-position: 0 0;
    z-index: 10;
    pointer-events: none;
    overflow: hidden
}

.exclusive-ribbon:after {
    content: "";
    position: absolute;
    top: 25%;
    left: -200%;
    width: 100%;
    height: 50%;
    background: linear-gradient(120deg, #fff0 30%, #fff6, #fff0 70%);
    animation: ribbon-shine 3s infinite linear
}

@keyframes ribbon-shine {
    0% {
        left: -200%
    }

    33.33% {
        left: 200%
    }

    to {
        left: 200%
    }
}

.classic-theme .login-form
{
  background: transparent !important;
}

body
{
    padding-bottom: 0px !important;
}