/*
 * Generated from the authorized Wanli UI mirror.
 * Source: reference/wanli_original/mirror/r/v132-bcf5083b/dist/desktop/htmlShellBootstrap.proxy-20260429.js
 * Source bundle SHA-256: 98d5ccddef7009e0864f9a306f370da44ba63b54b50a4b31376fb1731792325b
 * Extracted CSS SHA-256: 973bf72d834fd8ca69d8339e8a534c7bce3e5cffbb712085f78493bdf418dbcc
 * Presentation only: no upstream API, session, Socket, video-grant, or settlement logic.
 */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}
html.html-shell-active,
body.html-shell-active {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
}
body.html-shell-active {
    background: #040608;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
}
#game {
    position: absolute;
    inset: 0;
    display: none;
}
.html-shell {
    position: fixed;
    inset: 0;
    overflow: hidden;
    background: radial-gradient(circle at 50% 58%, rgba(166, 31, 22, 0.34), rgba(19, 6, 8, 0.94) 68%),
        linear-gradient(180deg, rgba(29, 8, 10, 0.92), rgba(10, 5, 7, 0.98));
    color: #f0dfb8;
}
.html-shell__lang-switcher {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    box-sizing: border-box;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(29, 12, 14, 0.62), rgba(11, 5, 8, 0.52));
    border: 1px solid rgba(246, 220, 151, 0.18);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.14),
        inset 0 1px 0 rgba(255, 243, 213, 0.06);
    backdrop-filter: blur(2px);
}
.html-shell--mobile .html-shell__lang-switcher {
    top: calc(env(safe-area-inset-top, 0px) + 10px);
    left: calc(env(safe-area-inset-left, 0px) + 10px);
    gap: 5px;
    padding: 5px 6px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(34, 12, 14, 0.66), rgba(12, 5, 8, 0.56));
}
.html-shell--mobile .html-shell__lang-switcher.is-compact {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    display: grid;
    grid-template-columns: repeat(var(--lang-columns, 5), minmax(0, var(--lang-button-width, 36px)));
    grid-auto-rows: var(--lang-button-height, 26px);
    justify-content: center;
    justify-items: center;
    align-items: center;
    gap: var(--lang-gap, 4px);
    width: fit-content;
    max-width: calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - 12px);
    padding: 5px 6px;
    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 243, 213, 0.08);
}
.html-shell__lang-button {
    appearance: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 48px;
    height: 34px;
    border-radius: 10px;
    cursor: pointer;
    background: transparent center / contain no-repeat;
    box-shadow: none;
    transition: transform 180ms ease, filter 180ms ease;
    flex: 0 0 auto;
}
.html-shell__lang-button:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
}
.html-shell__lang-button:focus-visible {
    outline: 2px solid rgba(255, 227, 161, 0.72);
    outline-offset: 2px;
}
.html-shell--mobile .html-shell__lang-button {
    width: 42px;
    height: 30px;
    border-radius: 8px;
}
.html-shell--mobile .html-shell__lang-switcher.is-compact .html-shell__lang-button {
    width: var(--lang-button-width, 36px);
    height: var(--lang-button-height, 26px);
    border-radius: 7px;
}
.html-shell.is-ready .html-shell__panel {
    opacity: 1;
    transform: translateY(0);
}
.html-shell.is-ready .html-shell__brand {
    opacity: 1;
    transform: translateY(0);
}
.html-shell.is-ready .html-shell__field,
.html-shell.is-ready .html-shell__turnstile,
.html-shell.is-ready .html-shell__actions,
.html-shell.is-ready .html-shell__message {
    opacity: 1;
    transform: translateY(0);
}
.html-shell--mobile {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    box-sizing: border-box;
}
.html-shell__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
}
.html-shell--mobile .html-shell__canvas {
    display: none;
}
.html-shell__veil {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 36%, rgba(242, 205, 132, 0.12), rgba(0,0,0,0) 40%),
        linear-gradient(180deg, rgba(18, 11, 5, 0.08), rgba(12, 8, 4, 0.16));
}
.html-shell--mobile .html-shell__veil {
    animation: html-shell-mobile-veil-flow 12.8s ease-in-out infinite alternate;
    transform-origin: 50% 36%;
}
@keyframes html-shell-mobile-veil-flow {
    0% {
        opacity: 0.72;
        transform: scale(1) translate3d(0, 0, 0);
    }
    50% {
        opacity: 0.88;
        transform: scale(1.03) translate3d(0, -0.4%, 0);
    }
    100% {
        opacity: 0.8;
        transform: scale(1.045) translate3d(0, 0.6%, 0);
    }
}
.html-shell__panel {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: min(90vw, 560px);
    box-sizing: border-box;
    padding: 28px 28px 34px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(70, 21, 22, 0.96), rgba(96, 29, 27, 0.96) 54%, rgba(54, 15, 18, 0.98));
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 237, 192, 0.16),
        inset 0 0 0 1px rgba(148, 94, 50, 0.48);
    border: 1px solid rgba(247, 219, 148, 0.56);
    transition: opacity 520ms ease, transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.html-shell__panel::before {
    content: "";
    position: absolute;
    inset: 14px;
    border-radius: 22px;
    border: 1px solid rgba(255, 234, 182, 0.18);
    pointer-events: none;
}
.html-shell__panel::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.04), transparent 28%),
        radial-gradient(circle at 50% 32%, rgba(255, 208, 133, 0.12), transparent 32%);
    border-radius: 28px;
    pointer-events: none;
}
.html-shell--mobile .html-shell__panel {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    max-width: 100vw;
    min-width: 0;
    min-height: 100svh;
    overflow: hidden;
    padding:
        calc(env(safe-area-inset-top, 0px) + 26px + var(--lang-switcher-reserve, 0px))
        calc(env(safe-area-inset-right, 0px) + 16px)
        calc(env(safe-area-inset-bottom, 0px) + 26px)
        calc(env(safe-area-inset-left, 0px) + 16px);
    transform: translateY(30px);
    isolation: isolate;
    border-radius: 0;
    background:
        radial-gradient(ellipse at 50% 13%, rgba(244, 214, 142, 0.12), transparent 26%),
        linear-gradient(180deg, rgba(7, 4, 5, 0.48), rgba(31, 9, 13, 0.66) 42%, rgba(10, 5, 6, 0.78)),
        linear-gradient(90deg, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.04) 24%, rgba(0, 0, 0, 0.08) 76%, rgba(0, 0, 0, 0.42)),
        url('/wanli/source/dist/ui/Login/mobile_login_bg_ai.webp') center center / cover no-repeat;
    background-color: #100607;
    box-shadow: none;
    border-color: transparent;
}
.html-shell--mobile .html-shell__form {
    width: 100%;
}
.html-shell--mobile .html-shell__panel::after {
    background:
        radial-gradient(ellipse at 50% 18%, rgba(255, 226, 156, 0.08), transparent 30%),
        radial-gradient(ellipse at 50% 76%, rgba(92, 24, 20, 0.18), transparent 42%),
        linear-gradient(180deg, rgba(2, 1, 2, 0.08), rgba(4, 2, 3, 0.34)),
        linear-gradient(90deg, rgba(0, 0, 0, 0.30), transparent 28%, transparent 72%, rgba(0, 0, 0, 0.34));
    background-size: 136% 136%, 118% 118%, 100% 100%, 100% 100%;
    background-position: 50% 16%, 50% 78%, 50% 50%, 50% 50%;
    animation: html-shell-mobile-panel-aura 13.5s ease-in-out infinite alternate;
}
@keyframes html-shell-mobile-panel-aura {
    0% {
        opacity: 0.78;
        background-position: 48% 12%, 50% 50%;
    }
    100% {
        opacity: 1;
        background-position: 52% 20%, 50% 50%;
    }
}
.html-shell--mobile .html-shell__panel::before {
    opacity: 0.82;
    border-color: rgba(238, 208, 142, 0.24);
    box-shadow:
        inset 0 0 26px rgba(255, 220, 146, 0.07),
        inset 0 0 76px rgba(0, 0, 0, 0.18),
        0 0 18px rgba(255, 205, 108, 0.02);
    animation: html-shell-mobile-frame-breathe 5.8s ease-in-out infinite;
}
@keyframes html-shell-mobile-frame-breathe {
    0%, 100% {
        opacity: 0.68;
        box-shadow:
            inset 0 0 18px rgba(255, 220, 146, 0.04),
            0 0 14px rgba(255, 205, 108, 0.018);
    }
    50% {
        opacity: 0.92;
        box-shadow:
            inset 0 0 28px rgba(255, 220, 146, 0.08),
            0 0 24px rgba(255, 205, 108, 0.04);
    }
}
.html-shell__brand {
    position: relative;
    margin: 0 auto 26px;
    width: min(100%, 420px);
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(18px);
    padding: 18px 16px;
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(61, 18, 18, 0.98), rgba(83, 24, 24, 0.96) 44%, rgba(40, 12, 14, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 239, 203, 0.18),
        inset 0 0 0 1px rgba(253, 226, 152, 0.16);
    border: 1px solid rgba(247, 217, 143, 0.62);
    transition: opacity 420ms ease 140ms, transform 420ms cubic-bezier(0.22, 0.61, 0.36, 1) 140ms;
}
.html-shell--mobile .html-shell__brand {
    width: min(100%, 430px);
    max-width: 430px;
    min-width: 0;
    box-sizing: border-box;
    margin: 0 auto 22px;
    padding: 0 10px 6px;
    border-radius: 0;
    background: none;
    box-shadow: none;
    border-color: transparent;
}
.html-shell--mobile .html-shell__brand::after {
    display: none;
}
.html-shell__brand::after {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 18px;
    border: 1px solid rgba(255, 235, 186, 0.16);
}
.html-shell__form {
    margin: 0;
}
.html-shell--mobile .html-shell__form {
    width: min(100%, 320px);
    max-width: 320px;
    margin: 0 auto;
}
.html-shell__logo-wrap {
    position: relative;
    display: block;
    line-height: 0;
    margin: 0 auto;
    width: fit-content;
}
.html-shell--mobile .html-shell__logo-wrap {
    animation: html-shell-mobile-logo-breathe 3.4s ease-in-out infinite;
    transform-origin: 50% 58%;
}
@keyframes html-shell-mobile-logo-breathe {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1);
    }
    50% {
        transform: scale(1.016);
        filter: brightness(1.04);
    }
}
.html-shell__logo {
    display: block;
    width: 100%;
    max-width: 312px;
    margin: 0 auto;
    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.34));
}
.html-shell--mobile .html-shell__logo {
    width: min(100%, 189px);
    max-width: 189px;
    filter:
        drop-shadow(0 8px 18px rgba(0, 0, 0, 0.42))
        drop-shadow(0 0 10px rgba(255, 215, 128, 0.08))
        saturate(0.96)
        brightness(0.98);
}
.html-shell__logo--shimmer {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0.65;
    pointer-events: none;
    mix-blend-mode: screen;
    filter: brightness(1.7) saturate(1.04);
    -webkit-mask-image: linear-gradient(112deg, transparent 34%, rgba(255,255,255,0.96) 48%, transparent 62%);
    -webkit-mask-size: 240% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 140% 0;
    mask-image: linear-gradient(112deg, transparent 34%, rgba(255,255,255,0.96) 48%, transparent 62%);
    mask-size: 240% 100%;
    mask-repeat: no-repeat;
    mask-position: 140% 0;
}
.html-shell--mobile .html-shell__logo--shimmer {
    animation: html-shell-logo-shimmer 15.2s ease-in-out infinite;
}
@keyframes html-shell-logo-shimmer {
    0%, 14% {
        -webkit-mask-position: 140% 0;
        mask-position: 140% 0;
        opacity: 0;
    }
    24% {
        opacity: 0.72;
    }
    42% {
        -webkit-mask-position: -40% 0;
        mask-position: -40% 0;
        opacity: 0.54;
    }
    100% {
        -webkit-mask-position: -40% 0;
        mask-position: -40% 0;
        opacity: 0;
    }
}
.html-shell__field {
    position: relative;
    margin-top: 18px;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 360ms ease, transform 360ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.html-shell__field:nth-of-type(1) { transition-delay: 210ms; }
.html-shell__field:nth-of-type(2) { transition-delay: 280ms; }
.html-shell__field-shell {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 72px;
    box-sizing: border-box;
    padding: 0 22px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(8, 8, 12, 0.98), rgba(0, 0, 0, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 194, 0.16),
        inset 0 0 0 1px rgba(245, 216, 144, 0.18);
    border: 2px solid rgba(248, 221, 156, 0.96);
}
.html-shell--mobile .html-shell__field-shell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    min-height: 54px;
    border-radius: 0;
    gap: clamp(10px, 2vw, 14px);
    padding: 0 clamp(12px, 3vw, 14px);
    background: url('/wanli/source/dist/ui/Login/mobile_field_plate.webp') center/100% 100% no-repeat;
    box-shadow: none;
    border-width: 0;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform 180ms ease, filter 220ms ease;
}
.html-shell--mobile .html-shell__field-shell::before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: -42%;
    width: 34%;
    background: linear-gradient(90deg, transparent, rgba(255, 241, 200, 0.12), rgba(255, 250, 234, 0.55), rgba(255, 241, 200, 0.12), transparent);
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
    mix-blend-mode: screen;
}
.html-shell--mobile .html-shell__field:focus-within .html-shell__field-shell {
    transform: translateY(-1px);
    filter:
        drop-shadow(0 0 12px rgba(255, 213, 121, 0.14))
        brightness(1.03);
}
.html-shell--mobile .html-shell__field:focus-within .html-shell__field-shell::before {
    opacity: 1;
    animation: html-shell-mobile-field-sheen 1.15s ease-out 1;
}
@keyframes html-shell-mobile-field-sheen {
    0% {
        left: -42%;
        opacity: 0;
    }
    18% {
        opacity: 0.88;
    }
    100% {
        left: 120%;
        opacity: 0;
    }
}
.html-shell__field-icon {
    width: 34px;
    height: 34px;
    color: rgba(246, 236, 210, 0.9);
    flex: 0 0 auto;
}
.html-shell--mobile .html-shell__field-icon {
    width: clamp(20px, 5.2vw, 24px);
    height: clamp(20px, 5.2vw, 24px);
}
.html-shell__field-divider {
    width: 1px;
    align-self: stretch;
    background: rgba(245, 217, 150, 0.46);
}
.html-shell--mobile .html-shell__field-divider {
    align-self: center;
    height: 28px;
    margin: 0 1px 0 -1px;
    background: linear-gradient(180deg, rgba(245, 217, 150, 0), rgba(245, 217, 150, 0.74) 18%, rgba(245, 217, 150, 0.74) 82%, rgba(245, 217, 150, 0));
}
.html-shell__input {
    flex: 1;
    min-width: 0;
    width: 0;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: #efe1b7;
    font-size: 28px;
    letter-spacing: 1px;
    font-family: "Courier New", Courier, monospace;
    -webkit-text-fill-color: #efe1b7;
    box-shadow: none;
}
.html-shell--mobile .html-shell__input {
    font-size: clamp(18px, 5vw, 24px);
    letter-spacing: clamp(0.3px, 0.35vw, 1.4px);
    color: #f6e5ba;
    -webkit-text-fill-color: #f6e5ba;
    caret-color: #f6e5ba;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72);
}
.html-shell__input::placeholder {
    color: rgba(239, 225, 183, 0.32);
}
.html-shell__input:-webkit-autofill,
.html-shell__input:-webkit-autofill:hover,
.html-shell__input:-webkit-autofill:focus,
.html-shell__input:-internal-autofill-selected {
    -webkit-text-fill-color: #efe1b7 !important;
    caret-color: #efe1b7 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0) inset !important;
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0) inset !important;
    transition: background-color 99999s ease-out 0s, color 99999s ease-out 0s !important;
}
.html-shell--mobile .html-shell__input:-webkit-autofill,
.html-shell--mobile .html-shell__input:-webkit-autofill:hover,
.html-shell--mobile .html-shell__input:-webkit-autofill:focus,
.html-shell--mobile .html-shell__input:-internal-autofill-selected {
    -webkit-text-fill-color: #f8e9bf !important;
    caret-color: #f8e9bf !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-box-shadow: 0 0 0 1000px rgba(18, 9, 8, 0.96) inset !important;
    box-shadow: 0 0 0 1000px rgba(18, 9, 8, 0.96) inset !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.76) !important;
    transition: background-color 99999s ease-out 0s, color 99999s ease-out 0s !important;
}
.html-shell__turnstile {
    margin-top: 18px;
    display: flex;
    justify-content: center;
    min-height: 86px;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 360ms ease 340ms, transform 360ms cubic-bezier(0.22, 0.61, 0.36, 1) 340ms;
}
.html-shell--mobile .html-shell__turnstile {
    margin-top: 15px;
    width: 300px;
    max-width: 300px;
    box-sizing: border-box;
    min-height: 82px;
    height: auto;
    padding: 0;
    border-radius: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    background: none;
    border: none;
    box-shadow: none;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
}
.html-shell--mobile .html-shell__turnstile .cf-turnstile,
.html-shell--mobile .html-shell__turnstile iframe,
.html-shell--mobile .html-shell__turnstile > div {
    width: 300px !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    position: relative;
    left: 0;
    display: block;
    flex: 0 0 300px;
    transform: scale(1);
    transform-origin: top center;
}
.html-shell--mobile .html-shell__turnstile > div,
.html-shell--mobile .html-shell__turnstile iframe {
    clip-path: inset(0 0 0 0);
}
.html-shell__actions {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 360ms ease 410ms, transform 360ms cubic-bezier(0.22, 0.61, 0.36, 1) 410ms;
}
.html-shell__button {
    appearance: none;
    box-sizing: border-box;
    border: 1px solid rgba(242, 214, 146, 0.82);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(130, 120, 72, 0.98), rgba(104, 90, 53, 0.98));
    color: #fff3d0;
    font-size: 30px;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
    padding: 16px 22px;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 244, 213, 0.14);
}
.html-shell--mobile .html-shell__button {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 72px;
    padding: 11px 22px 21px;
    border-radius: 20px;
    font-size: clamp(24px, 6vw, 29px);
    letter-spacing: clamp(1px, 0.9vw, 4px);
    background: transparent;
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.18);
    position: relative;
    overflow: hidden;
    border-color: transparent;
    color: #5f3818;
    -webkit-text-stroke: 2px rgba(236, 201, 120, 0.92);
    paint-order: stroke fill;
    text-shadow:
        0 1px 0 rgba(255, 235, 188, 0.18),
        0 2px 3px rgba(0, 0, 0, 0.18),
        0 -1px 0 rgba(86, 52, 19, 0.44);
    transition: transform 140ms ease, filter 180ms ease, box-shadow 180ms ease;
}
.html-shell--mobile .html-shell__button::before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 10px;
    left: -34%;
    width: 34%;
    background: linear-gradient(90deg, transparent, rgba(255, 247, 224, 0.06), rgba(255, 255, 255, 0.3), rgba(255, 247, 224, 0.08), transparent);
    transform: skewX(-20deg);
    pointer-events: none;
    mix-blend-mode: screen;
    opacity: 0.72;
    animation: html-shell-mobile-button-sheen 8.8s ease-in-out infinite;
}
.html-shell--mobile .html-shell__button::after {
    content: "";
    position: absolute;
    left: 16%;
    right: 16%;
    top: 8px;
    height: 11px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 252, 242, 0.22), rgba(255, 255, 255, 0));
    pointer-events: none;
    opacity: 0.46;
}
@keyframes html-shell-mobile-button-sheen {
    0%, 68% {
        left: -34%;
        opacity: 0;
    }
    76% {
        opacity: 0.78;
    }
    100% {
        left: 132%;
        opacity: 0;
    }
}
.html-shell--mobile #html-shell-login {
    animation: html-shell-mobile-login-button-breathe 4.8s ease-in-out infinite;
}
@keyframes html-shell-mobile-login-button-breathe {
    0%, 100% {
        filter: brightness(1);
        box-shadow: 0 16px 28px rgba(0, 0, 0, 0.18);
    }
    50% {
        filter: brightness(1.05);
        box-shadow:
            0 18px 30px rgba(0, 0, 0, 0.22),
            0 0 18px rgba(255, 216, 122, 0.1);
    }
}
.html-shell--mobile .html-shell__button:not(:disabled):active,
.html-shell--mobile .html-shell__button.is-pressing {
    transform: translateY(2px) scale(0.988);
    filter: brightness(0.97) saturate(1.03);
}
.html-shell__button:disabled {
    cursor: wait;
    opacity: 0.72;
}
.html-shell__button--secondary {
    background: linear-gradient(180deg, rgba(53, 24, 28, 0.96), rgba(38, 16, 20, 0.98));
}
.html-shell--mobile .html-shell__button--secondary {
    font-size: clamp(24px, 6vw, 29px);
    letter-spacing: clamp(1px, 0.9vw, 4px);
    min-height: 72px;
    border-radius: 20px;
    margin-top: 0;
    background:
        linear-gradient(180deg, rgba(116, 54, 60, 0.98), rgba(82, 30, 36, 0.98) 54%, rgba(60, 19, 24, 0.99));
    color: #f1d8a8;
    -webkit-text-stroke: 2px rgba(86, 42, 26, 0.92);
    paint-order: stroke fill;
    text-shadow:
        0 1px 0 rgba(255, 246, 221, 0.18),
        0 2px 3px rgba(0, 0, 0, 0.24),
        0 -1px 0 rgba(120, 48, 34, 0.42);
}
.html-shell__message {
    min-height: 24px;
    margin-top: 12px;
    text-align: center;
    font-size: 16px;
    color: #f3d58e;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 320ms ease 470ms, transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1) 470ms;
}
.html-shell--mobile .html-shell__message {
    width: min(100%, 320px);
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    min-height: 34px;
    font-size: 22px;
    margin-top: 16px;
}
.html-shell__copyright {
    display: none;
}
.html-shell--mobile .html-shell__copyright {
    display: block;
    position: absolute;
    left: 50%;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
    transform: translateX(-50%);
    width: min(calc(100vw - 32px), 430px);
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.8px;
    line-height: 1.45;
    color: rgba(242, 220, 176, 0.74);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
    pointer-events: none;
    z-index: 2;
}
.html-shell--desktop-shell {
    background:
        radial-gradient(circle at 18% 50%, rgba(244, 217, 146, 0.14), rgba(255,255,255,0) 18%),
        radial-gradient(circle at 42% 62%, rgba(120, 170, 126, 0.14), rgba(255,255,255,0) 26%),
        linear-gradient(90deg, rgba(9, 15, 14, 0.98) 0%, rgba(10, 17, 15, 0.98) 66.5%, rgba(17, 47, 37, 0.98) 66.5%, rgba(13, 38, 30, 0.99) 100%);
}
.html-shell--desktop-shell .html-shell__canvas {
    display: none;
}
.html-shell--desktop-shell::before {
    content: "";
    position: absolute;
    inset: 0 438px 0 0;
    background:
        radial-gradient(circle at 22% 26%, rgba(255, 232, 176, 0.18), rgba(255,255,255,0) 7%),
        radial-gradient(circle at 34% 60%, rgba(248, 218, 145, 0.08), rgba(255,255,255,0) 12%),
        linear-gradient(180deg, rgba(9, 13, 12, 0.12), rgba(9, 13, 12, 0.42)),
        radial-gradient(circle at 36% 62%, rgba(255, 220, 132, 0.12), rgba(255,255,255,0) 28%);
    pointer-events: none;
}
.html-shell--desktop-shell::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 438px;
    width: 2px;
    background: linear-gradient(180deg, rgba(247, 222, 166, 0), rgba(247, 222, 166, 0.9) 10%, rgba(247, 222, 166, 0.9) 90%, rgba(247, 222, 166, 0));
    box-shadow: 0 0 14px rgba(247, 222, 166, 0.42);
    pointer-events: none;
}
.html-shell--desktop-shell .html-shell__veil {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.18) 64%, rgba(5, 14, 11, 0.02) 64%, rgba(5, 14, 11, 0.08) 100%),
        repeating-linear-gradient(90deg, rgba(255, 238, 196, 0.02) 0 1px, rgba(0,0,0,0) 1px 22px);
}
.html-shell--desktop-shell .html-shell__lang-switcher {
    top: 22px;
    left: auto;
    right: 26px;
    background: linear-gradient(180deg, rgba(18, 46, 36, 0.82), rgba(13, 34, 27, 0.9));
    border-radius: 12px;
    border: 1px solid rgba(246, 220, 151, 0.22);
    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 243, 213, 0.05);
}
.html-shell--desktop-shell .html-shell__lang-button {
    width: 42px;
    height: 30px;
    border-radius: 7px;
}
.html-shell--desktop-shell .html-shell__panel {
    left: auto;
    right: 54px;
    top: 50%;
    width: 368px;
    padding: 42px 30px 34px;
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(19, 61, 48, 0.98), rgba(14, 47, 37, 0.99) 58%, rgba(11, 33, 27, 0.995)),
        repeating-linear-gradient(90deg, rgba(255, 239, 197, 0.03) 0 1px, rgba(0,0,0,0) 1px 22px);
    box-shadow:
        0 28px 64px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 237, 192, 0.12),
        inset 0 0 0 1px rgba(173, 132, 63, 0.22);
    border: 1px solid rgba(247, 219, 148, 0.42);
    transform: translateY(calc(-50% + 24px));
}
.html-shell--desktop-shell.is-ready .html-shell__panel {
    transform: translateY(-50%);
}
.html-shell--desktop-shell .html-shell__panel::before {
    inset: 8px;
    border-radius: 0;
    border-color: rgba(255, 235, 186, 0.1);
}
.html-shell--desktop-shell .html-shell__panel::after {
    border-radius: 0;
    background:
        radial-gradient(circle at 50% 16%, rgba(255, 224, 148, 0.06), rgba(255,255,255,0) 24%),
        linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
}
.html-shell--desktop-shell .html-shell__brand {
    width: 100%;
    margin: 0 auto 34px;
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    border: none;
}
.html-shell--desktop-shell .html-shell__brand::after {
    display: none;
}
.html-shell--desktop-shell .html-shell__logo {
    max-width: 216px;
    filter:
        drop-shadow(0 10px 18px rgba(0, 0, 0, 0.32))
        drop-shadow(0 0 10px rgba(255, 217, 122, 0.08));
}
.html-shell--desktop-shell .html-shell__field {
    margin-top: 16px;
}
.html-shell--desktop-shell .html-shell__field-shell {
    min-height: 54px;
    gap: 14px;
    padding: 0 16px;
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(14, 41, 33, 0.98), rgba(10, 30, 24, 0.99)),
        repeating-linear-gradient(90deg, rgba(255, 235, 186, 0.03) 0 1px, rgba(0,0,0,0) 1px 20px);
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 194, 0.10),
        inset 0 0 0 1px rgba(245, 216, 144, 0.10);
    border: 1px solid rgba(248, 221, 156, 0.5);
}
.html-shell--desktop-shell .html-shell__field-icon {
    width: 24px;
    height: 24px;
    color: rgba(246, 236, 210, 0.84);
}
.html-shell--desktop-shell .html-shell__input {
    height: 54px;
    font-size: 22px;
    letter-spacing: 0.8px;
}
.html-shell--desktop-shell .html-shell__turnstile {
    min-height: 84px;
    margin-top: 16px;
}
.html-shell--desktop-shell .html-shell__actions {
    margin-top: 18px;
    gap: 12px;
}
.html-shell--desktop-shell .html-shell__button {
    min-height: 46px;
    padding: 11px 18px;
    border-radius: 0;
    font-size: 24px;
    letter-spacing: 0.6px;
}
.html-shell--desktop-shell #html-shell-login {
    width: 162px;
    margin: 4px auto 0;
    background: linear-gradient(180deg, rgba(135, 78, 162, 0.98), rgba(103, 60, 128, 0.98) 54%, rgba(78, 45, 97, 0.99));
    border-color: rgba(243, 214, 145, 0.84);
}
.html-shell--desktop-shell #html-shell-agent {
    align-self: flex-end;
    min-height: 38px;
    padding: 8px 14px;
    font-size: 16px;
    background: linear-gradient(180deg, rgba(103, 118, 84, 0.96), rgba(75, 92, 60, 0.98));
}
.html-shell--desktop-shell .html-shell__message {
    min-height: 20px;
    margin-top: 14px;
    font-size: 15px;
    color: #eed79a;
}
.html-shell__hall {
    position: absolute;
    inset: 0;
    display: none;
    flex-direction: column;
    padding:
        calc(env(safe-area-inset-top, 0px) + 2px)
        calc(env(safe-area-inset-right, 0px) + 2px)
        calc(env(safe-area-inset-bottom, 0px) + 2px)
        calc(env(safe-area-inset-left, 0px) + 2px);
    box-sizing: border-box;
    background:
        linear-gradient(180deg, rgba(77, 18, 24, 0.98), rgba(39, 10, 15, 0.99) 100%);
    z-index: 4;
    overflow: hidden;
}
.html-shell__hall.is-visible {
    display: flex;
}
.html-shell__hall-topbar {
    display: flex;
    align-items: center;
    gap: 0;
    height: 60px;
    margin-bottom: 2px;
    border: 1px solid rgba(236, 194, 112, 0.78);
    box-sizing: border-box;
    overflow: hidden;
}
.html-shell__hall-brand {
    flex: 0 0 auto;
    width: 98px;
    height: 100%;
    box-sizing: border-box;
    background:
        linear-gradient(180deg, rgba(84, 17, 21, 0.98), rgba(40, 10, 13, 0.99));
    display: flex;
    align-items: center;
    justify-content: center;
}
.html-shell__hall-brand img {
    width: 64px;
    height: auto;
    display: block;
}
.html-shell__hall-news {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(84, 17, 21, 0.98), rgba(40, 10, 13, 0.99));
    position: relative;
}
.html-shell__hall-brand + .html-shell__hall-news,
.html-shell__hall-news + .html-shell__hall-gear {
    border-left: 1px solid rgba(236, 194, 112, 0.46);
}
.html-shell__hall-news-track {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.html-shell__hall-news-track-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-flex;
    align-items: center;
    height: 100%;
    min-width: max-content;
    will-change: transform;
    animation: html-shell-marquee-scroll var(--news-duration, 12s) linear infinite;
}
.html-shell__hall-news-track-item {
    flex: 0 0 auto;
    white-space: nowrap;
    color: #f7dfa0;
    font-size: 24px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.36);
}
.html-shell__hall-news-track-item:empty {
    display: none;
}
.html-shell__hall-news-track.is-paused .html-shell__hall-news-track-inner {
    animation-play-state: paused;
}
@keyframes html-shell-marquee-scroll {
    0% { transform: translate3d(var(--news-start, 100%), 0, 0); }
    100% { transform: translate3d(var(--news-end, -100%), 0, 0); }
}
.html-shell__hall-gear {
    appearance: none;
    flex: 0 0 auto;
    width: 60px;
    height: 100%;
    box-sizing: border-box;
    background:
        linear-gradient(180deg, rgba(84, 17, 21, 0.98), rgba(40, 10, 13, 0.99));
    color: #f5dd9f;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.html-shell__hall-gear svg {
    width: 26px;
    height: 26px;
}
.html-shell__hall-menu {
    position: absolute;
    top: calc(env(safe-area-inset-top, 0px) + 62px);
    right: calc(env(safe-area-inset-right, 0px) + 2px);
    display: none;
    flex-direction: column;
    gap: 0;
    padding: 0;
    width: 224px;
    min-width: 224px;
    min-height: 214px;
    background: linear-gradient(180deg, rgba(88, 19, 24, 0.995), rgba(44, 10, 14, 0.995));
    border: 1px solid rgba(236, 194, 112, 0.78);
    box-shadow:
        inset 0 1px 0 rgba(255, 237, 201, 0.08),
        inset 0 -1px 0 rgba(0,0,0,0.24),
        0 12px 24px rgba(0, 0, 0, 0.24);
    z-index: 6;
    overflow: hidden;
}
.html-shell__hall-menu::before {
    content: '';
    position: absolute;
    inset: 6px;
    border: 1px solid rgba(244, 218, 161, 0.14);
    background:
        repeating-linear-gradient(135deg, rgba(255, 222, 154, 0.035) 0 1px, rgba(0,0,0,0) 1px 18px),
        linear-gradient(180deg, rgba(255, 229, 173, 0.04), rgba(255,255,255,0));
    pointer-events: none;
}
.html-shell__hall-menu.is-visible {
    display: flex;
}
.html-shell__hall-menu-title {
    display: block;
    padding: 12px 0 0;
    color: #f6dfaa;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.6px;
    text-align: center;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
    position: relative;
    z-index: 1;
}
.html-shell__hall-menu-divider {
    margin: 0 26px;
    height: 2px;
    background: linear-gradient(90deg, rgba(242, 214, 147, 0), rgba(242, 214, 147, 0.7), rgba(242, 214, 147, 0));
    position: relative;
    z-index: 1;
}
.html-shell__hall-menu-row {
    appearance: none;
    border: 0;
    min-height: 0;
    width: calc(100% - 22px);
    margin: 0 11px;
    padding: 10px 12px 9px;
    background: transparent;
    color: #f7e7c2;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(241, 205, 131, 0.18);
    position: relative;
    z-index: 1;
}
.html-shell__hall-menu-row:first-of-type {
    margin-top: 10px;
}
.html-shell__hall-menu-row:last-of-type {
    border-bottom: none;
}
.html-shell__hall-menu-row-label {
    display: block;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.3px;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
}
.html-shell__hall-menu-row-value {
    display: block;
    margin-top: 3px;
    color: rgba(243, 222, 177, 0.74);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
}
.html-shell__hall-grid {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(4, minmax(0, 1fr));
    gap: 2px;
    overflow: hidden;
    padding-right: 0;
}
.html-shell__hall-toast {
    position: absolute;
    left: 50%;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 26px);
    transform: translate(-50%, 14px);
    min-width: min(420px, calc(100vw - 72px));
    max-width: min(840px, calc(100vw - 40px));
    padding: 18px 28px;
    border: 1px solid rgba(236, 194, 112, 0.74);
    background:
        linear-gradient(180deg, rgba(93, 22, 27, 0.96), rgba(45, 12, 16, 0.98)),
        repeating-linear-gradient(135deg, rgba(255, 227, 173, 0.025) 0 10px, rgba(0,0,0,0.02) 10px 20px);
    color: #f7e4b4;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 1.28;
    letter-spacing: 0.4px;
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.28),
        inset 0 0 0 1px rgba(255, 236, 193, 0.12);
    opacity: 0;
    pointer-events: none;
    z-index: 6;
    transition: opacity 180ms ease, transform 180ms ease;
    box-sizing: border-box;
}
.html-shell__hall-toast.is-visible {
    opacity: 1;
    transform: translate(-50%, 0);
}
.html-shell__hall-card {
    appearance: none;
    border: 1px solid rgba(236, 194, 112, 0.78);
    background:
        linear-gradient(180deg, rgba(91, 20, 25, 0.985), rgba(63, 13, 18, 0.99) 38%, rgba(50, 12, 18, 0.995) 100%);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    color: inherit;
    min-height: 0;
    overflow: hidden;
}
.html-shell__hall-card-headline {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0;
    align-items: center;
    min-height: 30px;
    border-bottom: 1px solid rgba(236, 194, 112, 0.34);
}
.html-shell__hall-card-title {
    min-width: 0;
    min-height: 30px;
    display: flex;
    align-items: center;
    padding: 0 8px;
    background: linear-gradient(180deg, rgba(112, 30, 34, 0.98), rgba(73, 18, 22, 0.99));
    color: #f7e3b5;
    font-size: 22px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,0.34);
}
.html-shell__hall-inline-stats {
    min-width: 0;
    min-height: 30px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    border-left: 1px solid rgba(236, 194, 112, 0.28);
    border-right: 1px solid rgba(236, 194, 112, 0.28);
}
.html-shell__hall-inline-stat {
    min-width: 0;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 0 2px;
    background: linear-gradient(180deg, rgba(74, 17, 20, 0.96), rgba(46, 10, 14, 0.98));
}
.html-shell__hall-inline-stat + .html-shell__hall-inline-stat {
    border-left: 1px solid rgba(236, 194, 112, 0.22);
}
.html-shell__hall-card-countdown {
    min-height: 30px;
    min-width: 72px;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 8px;
    background: linear-gradient(180deg, rgba(112, 30, 34, 0.98), rgba(73, 18, 22, 0.99));
    color: #f7e3b5;
    font-size: 20px;
    font-weight: 700;
}
.html-shell__hall-stat-label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    color: rgba(247, 223, 160, 0.82);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
    flex: 0 0 auto;
}
.html-shell__hall-stat-value {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    color: #fff1ca;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    flex: 0 1 auto;
}
.html-shell__hall-clock {
    width: 14px;
    height: 14px;
    border: 2px solid #d7c4a0;
    border-radius: 50%;
    position: relative;
    flex: 0 0 auto;
}
.html-shell__hall-clock::before,
.html-shell__hall-clock::after {
    content: "";
    position: absolute;
    background: #d7c4a0;
    left: 50%;
    top: 50%;
    transform-origin: 0 0;
}
.html-shell__hall-clock::before {
    width: 1.6px;
    height: 4px;
    transform: translate(-50%, -100%);
}
.html-shell__hall-clock::after {
    width: 3px;
    height: 1.6px;
    transform: translate(0, -50%);
}
.html-shell__hall-roadmap {
    width: 100%;
    overflow: hidden;
    background: #ece8da;
    display: block;
    border: 1px solid rgba(228, 191, 116, 0.30);
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}
.html-shell__hall-roadmap-shell {
    flex: 1 1 auto;
    min-height: 96px;
    padding: 1px;
    background:
        linear-gradient(180deg, rgba(62, 16, 19, 0.98), rgba(33, 8, 12, 0.98));
    border-top: 1px solid rgba(236, 194, 112, 0.34);
}
.html-shell__hall-card:focus-visible {
    outline: 2px solid rgba(255, 232, 182, 0.88);
    outline-offset: 2px;
}
.html-shell__hall-top-actions {
    display: none;
}
.html-shell__hall-top-action {
    appearance: none;
    border: 1px solid rgba(242, 214, 147, 0.64);
    background: linear-gradient(180deg, rgba(109, 121, 86, 0.98), rgba(86, 97, 67, 0.99));
    color: #f1deaa;
    min-width: 108px;
    height: 34px;
    padding: 0 16px;
    font-size: 19px;
    font-weight: 700;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 213, 0.14),
        inset 0 -1px 0 rgba(0, 0, 0, 0.24);
}
.html-shell--desktop-shell .html-shell__hall {
    padding: 0;
    background:
        linear-gradient(180deg, rgba(16, 48, 38, 0.99), rgba(18, 56, 44, 0.995)),
        repeating-linear-gradient(90deg, rgba(255, 238, 196, 0.025) 0 1px, rgba(0,0,0,0) 1px 21px);
}
.html-shell--desktop-shell .html-shell__hall::before {
    content: "";
    position: absolute;
    inset: 52px 0 0;
    background:
        linear-gradient(180deg, rgba(255, 221, 156, 0.025), rgba(255,255,255,0) 22%),
        repeating-linear-gradient(90deg, rgba(255, 241, 206, 0.018) 0 1px, rgba(0,0,0,0) 1px 22px);
    pointer-events: none;
}
.html-shell--desktop-shell .html-shell__hall-topbar {
    position: relative;
    z-index: 1;
    height: 52px;
    margin: 0;
    padding: 0 12px 0 0;
    gap: 10px;
    border: none;
    border-bottom: 1px solid rgba(242, 210, 141, 0.56);
    background:
        linear-gradient(180deg, rgba(9, 21, 18, 0.98), rgba(13, 29, 23, 0.99)),
        repeating-linear-gradient(90deg, rgba(255, 238, 196, 0.03) 0 1px, rgba(0,0,0,0) 1px 22px);
    overflow: visible;
}
.html-shell--desktop-shell .html-shell__hall-brand {
    width: 94px;
    justify-content: center;
    background: none;
    border-right: 1px solid rgba(242, 210, 141, 0.26);
}
.html-shell--desktop-shell .html-shell__hall-brand img {
    width: 58px;
}
.html-shell--desktop-shell .html-shell__hall-brand + .html-shell__hall-news {
    border-left: none;
}
.html-shell--desktop-shell .html-shell__hall-news {
    background: none;
}
.html-shell--desktop-shell .html-shell__hall-news-track {
    font-size: 19px;
    font-weight: 700;
    color: #f7dfa0;
}
.html-shell--desktop-shell .html-shell__hall-top-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-left: 12px;
}
.html-shell--desktop-shell .html-shell__hall-top-action {
    border-radius: 0;
}
.html-shell--desktop-shell .html-shell__hall-grid {
    position: relative;
    z-index: 1;
    grid-template-rows: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 18px 18px 18px 12px;
}
.html-shell--desktop-shell .html-shell__hall-card {
    border: none;
    background: none;
    padding: 0;
    min-height: 0;
    align-items: stretch;
}
.html-shell--desktop-shell .html-shell__hall-card--desktop {
    display: grid;
    grid-template-columns: 224px minmax(0, 1fr);
    gap: 18px;
}
.html-shell--desktop-shell .html-shell__hall-card-side {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.html-shell--desktop-shell .html-shell__hall-card-vipbar {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    min-height: 40px;
    padding: 0 0 0 16px;
    background:
        linear-gradient(90deg, rgba(150, 140, 87, 0.96), rgba(171, 161, 111, 0.96)),
        repeating-linear-gradient(90deg, rgba(255, 245, 220, 0.04) 0 1px, rgba(0,0,0,0) 1px 20px);
    border: 1px solid rgba(228, 198, 123, 0.68);
    clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 18px 0);
    box-shadow:
        inset 0 1px 0 rgba(255, 245, 219, 0.14),
        inset 0 -1px 0 rgba(84, 73, 31, 0.28);
}
.html-shell--desktop-shell .html-shell__hall-card-count-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    margin-right: 8px;
    background: rgba(99, 115, 64, 0.68);
    border: 1px solid rgba(228, 198, 123, 0.36);
    color: #fff3c7;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}
.html-shell--desktop-shell .html-shell__hall-card-vip-title {
    display: block;
    padding-right: 16px;
    color: #f2df9f;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
}
.html-shell--desktop-shell .html-shell__hall-card-status-panel {
    display: grid;
    grid-template-columns: 1fr 92px;
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
    padding: 10px 16px;
    background:
        linear-gradient(180deg, rgba(83, 104, 57, 0.82), rgba(70, 92, 52, 0.88)),
        repeating-linear-gradient(90deg, rgba(255, 247, 224, 0.04) 0 1px, rgba(0,0,0,0) 1px 21px);
    border: 1px solid rgba(228, 198, 123, 0.54);
    border-radius: 14px;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, 0.12),
        inset 0 0 0 1px rgba(245, 216, 144, 0.10);
}
.html-shell--desktop-shell .html-shell__hall-card-status-main {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f6de8c;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.26);
}
.html-shell--desktop-shell .html-shell__hall-card-status-stats {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding-left: 16px;
}
.html-shell--desktop-shell .html-shell__hall-card-status-stats::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 2px;
    background: linear-gradient(180deg, rgba(255, 247, 224, 0), rgba(255, 247, 224, 0.18) 18%, rgba(255, 247, 224, 0.18) 82%, rgba(255, 247, 224, 0));
}
.html-shell--desktop-shell .html-shell__hall-card-status-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    color: #f5dd8d;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}
.html-shell--desktop-shell .html-shell__hall-card-status-label {
    text-align: right;
}
.html-shell--desktop-shell .html-shell__hall-card-status-value {
    min-width: 24px;
    text-align: left;
}
.html-shell--desktop-shell .html-shell__hall-roadmap-shell--desktop {
    min-height: 0;
    padding: 10px 14px;
    border: 1px solid rgba(228, 198, 123, 0.46);
    background:
        linear-gradient(180deg, rgba(245, 239, 227, 0.98), rgba(232, 225, 210, 0.98)),
        linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.8));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.68),
        0 0 0 1px rgba(37, 55, 44, 0.16);
}
.html-shell--desktop-shell .html-shell__hall-roadmap--desktop {
    border: none;
    background: #f3efe4;
}
.html-shell--desktop-shell .html-shell__hall-toast {
    bottom: 18px;
    background:
        linear-gradient(180deg, rgba(15, 43, 34, 0.96), rgba(10, 29, 23, 0.98)),
        repeating-linear-gradient(135deg, rgba(255, 227, 173, 0.025) 0 10px, rgba(0,0,0,0.02) 10px 20px);
}
.html-shell__game {
    position: absolute;
    inset: 0;
    display: none;
    z-index: 5;
    overflow: hidden;
    background: #22070d;
}
.html-shell__game.is-visible {
    display: block;
}
.html-shell__game-viewport {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.html-shell__game-stage {
    position: absolute;
    left: 0;
    top: 0;
    width: 1080px;
    height: 1920px;
    transform-origin: 0 0;
    overflow: hidden;
    background: #0d0f12;
}
.html-shell--desktop-shell .html-shell__game {
    background:
        radial-gradient(circle at 50% 34%, rgba(188, 156, 78, 0.08), rgba(0,0,0,0) 28%),
        linear-gradient(180deg, rgba(11, 22, 16, 0.98), rgba(10, 18, 14, 0.99));
}
.html-shell__desktop-game {
    --desktop-game-zoom-side-width: min(408px, 31.5vw);
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) minmax(176px, 0.36fr);
    padding: 9px 11px 11px;
    box-sizing: border-box;
    gap: 7px;
    color: #f2dd9b;
    background:
        linear-gradient(180deg, rgba(9, 23, 16, 0.96), rgba(10, 18, 14, 0.98)),
        radial-gradient(circle at 50% 22%, rgba(196, 164, 91, 0.10), rgba(0, 0, 0, 0) 34%);
}
.html-shell__desktop-game-topbar {
    display: grid;
    grid-template-columns: 144px 1fr 188px;
    align-items: center;
    gap: 6px;
}
.html-shell__desktop-game-brand,
.html-shell__desktop-game-actions {
    display: flex;
    align-items: center;
    gap: 5px;
}
.html-shell__desktop-game-brand img {
    height: 34px;
    width: auto;
}
.html-shell__desktop-game-back,
.html-shell__desktop-game-action,
.html-shell__desktop-game-control-button,
.html-shell__desktop-game-bet-cell {
    appearance: none;
    border: 1px solid rgba(222, 189, 100, 0.46);
    background: linear-gradient(180deg, rgba(65, 84, 49, 0.94), rgba(33, 50, 30, 0.98));
    color: #f3de9d;
    font: 700 16px/1.1 "Noto Serif SC","Microsoft YaHei",serif;
    box-shadow:
        inset 0 1px 0 rgba(255, 235, 190, 0.10),
        0 8px 18px rgba(0, 0, 0, 0.16);
}
.html-shell__desktop-game-back,
.html-shell__desktop-game-action,
.html-shell__desktop-game-control-button {
    min-height: 31px;
    padding: 0 12px;
    border-radius: 6px;
    cursor: pointer;
}
.html-shell__desktop-game-back,
.html-shell__desktop-game-action {
    border: none;
    background:
        url('/wanli/source/skins/default/assets/ui/Game/large_button_static.webp') center / 100% 100% no-repeat;
    box-shadow: none;
    font-size: 12px;
}
.html-shell__desktop-game-back:hover,
.html-shell__desktop-game-action:hover {
    background:
        url('/wanli/source/skins/default/assets/ui/Game/large_button_hover.webp') center / 100% 100% no-repeat;
}
.html-shell__desktop-game-back:active,
.html-shell__desktop-game-action:active {
    background:
        url('/wanli/source/skins/default/assets/ui/Game/large_button_clic.webp') center / 100% 100% no-repeat;
}
.html-shell__desktop-game-marquee {
    position: relative;
    min-height: 29px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-radius: 7px;
    border: 1px solid rgba(217, 182, 94, 0.34);
    background: linear-gradient(180deg, rgba(22, 40, 28, 0.92), rgba(13, 26, 18, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 194, 0.08),
        inset 0 0 0 1px rgba(255, 239, 202, 0.022);
    overflow: hidden;
    font: 700 12px/1.2 "Noto Serif SC","Microsoft YaHei",serif;
}
.html-shell__desktop-game-marquee-inner {
    position: absolute;
    left: 10px;
    top: 0;
    display: inline-flex;
    align-items: center;
    height: 100%;
    min-width: max-content;
    will-change: transform;
    animation: html-shell-marquee-scroll var(--news-duration, 12s) linear infinite;
}
.html-shell__desktop-game-marquee-item {
    flex: 0 0 auto;
    white-space: nowrap;
}
.html-shell__desktop-game-marquee-item:empty {
    display: none;
}
.html-shell__desktop-game-marquee.is-paused .html-shell__desktop-game-marquee-inner {
    animation-play-state: paused;
}
.html-shell__desktop-game-main {
    position: relative;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.44fr) minmax(404px, 0.97fr);
    gap: 6px;
    align-items: stretch;
}
.html-shell__desktop-game-video-shell,
.html-shell__desktop-game-side,
.html-shell__desktop-game-road-shell {
    border: 1px solid rgba(214, 179, 93, 0.40);
    background: linear-gradient(180deg, rgba(15, 33, 23, 0.96), rgba(12, 24, 18, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 205, 0.08),
        inset 0 0 0 1px rgba(255, 239, 202, 0.024),
        0 10px 20px rgba(0, 0, 0, 0.14);
}
.html-shell__desktop-game-video-shell {
    padding: 6px;
    border-radius: 9px;
    min-height: 0;
}
.html-shell__desktop-game-video-frame {
    position: relative;
    height: 100%;
    min-height: 0;
    border-radius: 8px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 42%, rgba(63, 103, 72, 0.42), rgba(12, 24, 18, 0.96) 58%),
        linear-gradient(180deg, rgba(23, 43, 31, 0.98), rgba(9, 18, 13, 1));
}
.html-shell__desktop-game-video-canvas,
.html-shell__desktop-game-video-mask {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.html-shell__desktop-game-video-canvas {
    z-index: 1;
    background: #000;
}
.html-shell__desktop-game-video-mask {
    z-index: 3;
    pointer-events: none;
    transition: opacity 260ms ease;
}
.html-shell__desktop-game-video-mask.is-hidden {
    opacity: 0;
}
.html-shell__desktop-game-video-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.04), transparent 24%),
        radial-gradient(circle at 50% 50%, rgba(208, 177, 104, 0.12), rgba(0,0,0,0) 36%);
    pointer-events: none;
}
.html-shell__desktop-game-video-pool {
    position: absolute;
    left: 16px;
    top: 112px;
    width: 104px;
    padding: 7px 6px 6px;
    border-radius: 5px;
    border: 1px solid rgba(214, 179, 93, 0.38);
    background:
        linear-gradient(180deg, rgba(24, 41, 29, 0.96), rgba(11, 21, 15, 0.99)),
        linear-gradient(135deg, rgba(255,255,255,0.022), rgba(255,255,255,0));
    box-shadow:
        inset 0 1px 0 rgba(255, 239, 202, 0.06),
        inset 0 0 0 1px rgba(255, 238, 198, 0.024),
        0 10px 16px rgba(0, 0, 0, 0.18);
    z-index: 4;
}
.html-shell__desktop-game-video-pool-title {
    margin-bottom: 6px;
    color: #f6dd98;
    font: 700 14px/1.05 "Noto Serif SC","Microsoft YaHei",serif;
    text-align: center;
    letter-spacing: 0.06em;
}
.html-shell__desktop-game-video-pool-row {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px;
    min-height: 20px;
    margin-top: 2px;
}
.html-shell__desktop-game-video-pool-dot {
    width: 3px;
    height: 14px;
    border-radius: 999px;
    justify-self: center;
    box-shadow: 0 0 8px rgba(255, 215, 132, 0.12);
}
.html-shell__desktop-game-video-pool-row--banker .html-shell__desktop-game-video-pool-dot,
.html-shell__desktop-game-video-pool-row--bankerPair .html-shell__desktop-game-video-pool-dot {
    background: linear-gradient(180deg, #f1b46a, #be6f36);
}
.html-shell__desktop-game-video-pool-row--player .html-shell__desktop-game-video-pool-dot,
.html-shell__desktop-game-video-pool-row--playerPair .html-shell__desktop-game-video-pool-dot {
    background: linear-gradient(180deg, #8fd4ff, #4b81ca);
}
.html-shell__desktop-game-video-pool-row--tie .html-shell__desktop-game-video-pool-dot {
    background: linear-gradient(180deg, #c8f389, #6da84a);
}
.html-shell__desktop-game-video-pool-label {
    color: rgba(245, 229, 187, 0.9);
    font: 700 12px/1 "Noto Serif SC","Microsoft YaHei",serif;
    white-space: nowrap;
}
.html-shell__desktop-game-video-pool-value {
    color: #f0d48c;
    font: 700 12px/1 "Noto Sans",sans-serif;
    text-align: right;
    white-space: nowrap;
}
.html-shell__desktop-game-video-badge {
    position: absolute;
    right: 14px;
    top: 12px;
    padding: 4px 8px;
    border-radius: 5px;
    background: rgba(9, 18, 14, 0.72);
    border: 1px solid rgba(223, 188, 101, 0.48);
    font: 700 11px/1 "Noto Sans",sans-serif;
    letter-spacing: 0.12em;
    z-index: 4;
    display: none;
}
.html-shell__desktop-game-video-caption {
    position: absolute;
    left: 18px;
    bottom: 13px;
    z-index: 4;
}
.html-shell__desktop-game-video-quality {
    position: absolute;
    right: 18px;
    top: 44px;
    z-index: 4;
    display: none;
    color: #ffd84b;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-shadow:
        0 1px 0 rgba(99, 48, 0, 0.92),
        0 0 8px rgba(255, 218, 96, 0.24);
    pointer-events: none;
}
.html-shell__desktop-game-video-quality.is-visible {
    display: block;
}
.html-shell__desktop-game-video-toggle {
    position: absolute;
    left: 16px;
    top: 56px;
    z-index: 9;
    min-width: 64px;
    min-height: 30px;
    padding: 0 11px;
    border-radius: 4px;
    border: none;
    background:
        url('/wanli/source/skins/default/assets/ui/Game/large_button_static.webp') center / 100% 100% no-repeat;
    color: #f3de9d;
    font: 700 11px/1 "Noto Serif SC","Microsoft YaHei",serif;
    box-shadow: none;
    cursor: pointer;
    transition: transform 120ms ease;
}
.html-shell__desktop-game-video-toggle:hover {
    background:
        url('/wanli/source/skins/default/assets/ui/Game/large_button_hover.webp') center / 100% 100% no-repeat;
}
.html-shell__desktop-game-video-toggle:active {
    background:
        url('/wanli/source/skins/default/assets/ui/Game/large_button_clic.webp') center / 100% 100% no-repeat;
    transform: translateY(1px);
}
.html-shell__desktop-game-video-title {
    font: 700 30px/1.04 "Noto Serif SC","Microsoft YaHei",serif;
    text-shadow: 0 4px 16px rgba(0, 0, 0, 0.36);
}
.html-shell__desktop-game-video-subtitle {
    margin-top: 3px;
    color: rgba(243, 223, 173, 0.82);
    font: 600 12px/1.2 "Noto Sans",sans-serif;
}
.html-shell__desktop-game-timer {
    position: absolute;
    right: 12px;
    bottom: 10px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    border: 2px solid rgba(224, 143, 68, 0.92);
    color: #fff4cf;
    font: 700 26px/1 "Noto Sans",sans-serif;
    background:
        radial-gradient(circle at 50% 44%, rgba(137, 47, 23, 0.78), rgba(40, 12, 10, 0.96) 70%);
    box-shadow:
        0 0 0 3px rgba(247, 199, 93, 0.10),
        inset 0 1px 0 rgba(255, 229, 171, 0.16);
    z-index: 4;
}
.html-shell__desktop-game-toast {
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    min-width: 320px;
    max-width: min(84%, 680px);
    padding: 16px 28px;
    border-radius: 12px;
    border: 1px solid rgba(214, 179, 93, 0.48);
    background:
        linear-gradient(180deg, rgba(56, 19, 19, 0.88), rgba(29, 11, 11, 0.92)),
        linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0));
    color: #f5e4ba;
    font: 700 24px/1.2 "Noto Serif SC","Microsoft YaHei",serif;
    text-align: center;
    box-shadow:
        0 20px 34px rgba(0,0,0,0.26),
        inset 0 1px 0 rgba(255,241,205,0.08);
    opacity: 0;
    pointer-events: none;
    z-index: 6;
    transition: opacity 180ms ease, transform 180ms ease;
}
.html-shell__desktop-game-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%);
}
.html-shell__desktop-game-result-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(88%, 620px);
    min-height: 220px;
    padding: 26px 28px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    transform: translate(-50%, -50%);
    background:
        linear-gradient(180deg, rgba(58, 18, 22, 0.82), rgba(24, 8, 10, 0.90)),
        linear-gradient(135deg, rgba(255,255,255,0.035), rgba(255,255,255,0));
    border: 1px solid rgba(218, 183, 98, 0.58);
    border-radius: 16px;
    box-shadow:
        0 28px 52px rgba(0,0,0,0.34),
        inset 0 1px 0 rgba(255,241,205,0.09);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 6;
    transition: opacity 220ms ease;
}
.html-shell__desktop-game-result-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}
.html-shell__desktop-game-result-title {
    position: relative;
    color: #f6e4bd;
    font: 700 58px/1.04 "Noto Serif SC","Microsoft YaHei",serif;
    letter-spacing: 2px;
    text-align: center;
    text-shadow:
        0 1px 0 rgba(255, 251, 236, 0.44),
        0 3px 0 rgba(92, 22, 16, 0.7),
        0 0 12px rgba(255, 244, 214, 0.26),
        0 10px 16px rgba(0,0,0,0.34);
}
.html-shell__desktop-game-result-title--banker {
    background: linear-gradient(180deg, #fff8e7 0%, #ffe1bb 18%, #ffc491 44%, #f57f63 74%, #c63d34 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.html-shell__desktop-game-result-title--player {
    background: linear-gradient(180deg, #fbfdff 0%, #ddecff 20%, #9dc8ff 46%, #5f95f2 76%, #2a5dc0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.html-shell__desktop-game-result-title--tie {
    background: linear-gradient(180deg, #eefde7 0%, #cbf3b7 22%, #86d867 50%, #3f9f43 78%, #2c6d31 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.html-shell__desktop-game-result-amount {
    color: #fff4d2;
    font: 700 52px/1 "Noto Sans",sans-serif;
    text-shadow: 0 3px 10px rgba(0,0,0,0.36);
}
.html-shell__desktop-game-result-amount--win {
    color: #f17063;
}
.html-shell__desktop-game-result-amount--lose {
    color: #7fb4ff;
}
.html-shell__desktop-game-result-amount--tie {
    color: #fff4d2;
}
.html-shell__desktop-game-side {
    position: relative;
    padding: 6px 6px 7px;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 188px minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 5px;
    min-height: 0;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(18, 35, 25, 0.97), rgba(10, 19, 14, 0.985)),
        radial-gradient(circle at 50% 0%, rgba(219, 183, 97, 0.08), rgba(0, 0, 0, 0) 34%);
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 205, 0.08),
        inset 0 0 0 1px rgba(255, 239, 202, 0.028),
        0 12px 22px rgba(0, 0, 0, 0.16);
}
.html-shell__desktop-game-side::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 5px;
    border: 1px solid rgba(255, 234, 182, 0.075);
    pointer-events: none;
}
.html-shell__desktop-game-summary-row {
    grid-column: 1 / -1;
    grid-row: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.705fr) minmax(172px, 1fr);
    gap: 4px;
    min-height: 148px;
    align-items: stretch;
}
.html-shell__desktop-game-header-card,
.html-shell__desktop-game-limit-card,
.html-shell__desktop-game-road-shell {
    border-radius: 12px;
}
.html-shell__desktop-game-header-card,
.html-shell__desktop-game-limit-card {
    position: relative;
    padding: 8px 11px 10px;
    overflow: hidden;
    background:
        radial-gradient(circle at 16% 12%, rgba(242, 223, 170, 0.08), rgba(0, 0, 0, 0) 28%),
        linear-gradient(180deg, rgba(255, 244, 212, 0.03), rgba(255, 244, 212, 0) 26%),
        linear-gradient(180deg, rgba(21, 36, 28, 0.72), rgba(11, 21, 16, 0.78));
    border: 1px solid rgba(242, 223, 170, 0.12);
    min-height: 148px;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 212, 0.065),
        inset 0 0 0 1px rgba(255, 245, 214, 0.03),
        inset 0 -1px 0 rgba(0, 0, 0, 0.10),
        inset 0 -10px 18px rgba(3, 8, 6, 0.12);
}
.html-shell__desktop-game-header-card::before,
.html-shell__desktop-game-limit-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(255, 245, 214, 0.045);
    pointer-events: none;
}
.html-shell__desktop-game-header-card::after {
    content: "";
    position: absolute;
    left: 294px;
    right: 22px;
    top: 24px;
    height: 1px;
    background: linear-gradient(90deg, rgba(242, 223, 170, 0), rgba(242, 223, 170, 0.11) 22%, rgba(242, 223, 170, 0.11) 78%, rgba(242, 223, 170, 0));
    pointer-events: none;
}
.html-shell__desktop-game-limit-card::after {
    content: "";
    position: absolute;
    left: 17px;
    right: 17px;
    top: 42px;
    height: 1px;
    background: linear-gradient(90deg, rgba(242, 223, 170, 0), rgba(242, 223, 170, 0.11) 18%, rgba(242, 223, 170, 0.11) 82%, rgba(242, 223, 170, 0));
    pointer-events: none;
}
.html-shell__desktop-game-header-card {
    display: grid;
    grid-template-rows: auto auto;
    align-content: start;
    gap: 2px;
}
.html-shell__desktop-game-limit-card {
    display: grid;
    align-content: start;
    gap: 2px;
}
.html-shell__desktop-game-header-main {
    display: grid;
    justify-items: stretch;
    text-align: left;
    gap: 6px;
    padding: 0;
    border-bottom: none;
}
.html-shell__desktop-game-header-extra {
    display: grid;
    justify-items: stretch;
    text-align: left;
    gap: 4px;
    padding-top: 0;
}
.html-shell__desktop-game-table-title {
    width: 270px;
    max-width: 100%;
    min-height: 29px;
    display: flex;
    align-items: center;
    color: #ffe39d;
    font: 700 22.8px/0.98 "Noto Serif SC","Microsoft YaHei",serif;
    letter-spacing: 0.004em;
    text-align: left;
    padding: 0 11px 0 20px;
    margin-left: 1px;
    border-radius: 7px;
    background:
        radial-gradient(circle at 50% -8%, rgba(255, 244, 212, 0.05), rgba(255, 244, 212, 0) 46%),
        linear-gradient(180deg, rgba(255, 244, 212, 0.076), rgba(255, 244, 212, 0) 36%),
        linear-gradient(180deg, rgba(30, 48, 37, 0.72), rgba(26, 42, 33, 0.60));
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.24);
    position: relative;
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 212, 0.071611),
        inset 0 0 0 1px rgba(255, 244, 212, 0.006),
        inset 0 -1px 0 rgba(0, 0, 0, 0.086),
        0 1px 0 rgba(255, 244, 212, 0.018);
    border: 1px solid rgba(242, 223, 170, 0.014);
}
.html-shell__desktop-game-table-title::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    border-radius: 2px;
    background:
        linear-gradient(180deg, rgba(255, 248, 212, 0.18), rgba(255, 248, 212, 0) 20%),
        linear-gradient(180deg, rgba(255, 240, 188, 0.82), rgba(209, 160, 76, 0.7));
    box-shadow:
        1px 0 0 rgba(255, 244, 212, 0.06),
        0 0 3px rgba(218, 171, 84, 0.14);
}
.html-shell__desktop-game-table-title::after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    top: 1px;
    height: 1px;
    background: rgba(255, 244, 212, 0.023607);
    pointer-events: none;
}
.html-shell__desktop-game-table-meta,
.html-shell__desktop-game-welcome,
.html-shell__desktop-game-balance,
.html-shell__desktop-game-limit-row {
    color: rgba(244, 228, 184, 0.84);
    font: 600 12px/1.12 "Noto Sans",sans-serif;
}
.html-shell__desktop-game-table-meta {
    width: 100%;
    color: rgba(246, 228, 184, 0.78);
    font-weight: 558;
    font-size: 12.9px;
    letter-spacing: 0.025em;
    text-align: left;
    min-height: 23px;
    display: flex;
    align-items: center;
    padding: 0 12px 0 15px;
    margin: 0 5px;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 244, 212, 0.039), rgba(255, 244, 212, 0) 39%),
        rgba(34, 54, 43, 0.14);
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 212, 0.03244),
        inset 0 0 0 1px rgba(255, 244, 212, 0.022),
        inset 0 -1px 0 rgba(0, 0, 0, 0.10);
}
.html-shell__desktop-game-welcome,
.html-shell__desktop-game-balance {
    width: 100%;
    text-align: left;
    min-height: 25px;
    display: flex;
    align-items: center;
    padding: 0 12px 0 15px;
    margin: 0 5px;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 244, 212, 0.042), rgba(255, 244, 212, 0) 41%),
        rgba(34, 54, 43, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 212, 0.03744),
        inset 0 0 0 1px rgba(255, 244, 212, 0.024),
        inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.html-shell__desktop-game-welcome {
    font-weight: 558;
    font-size: 10.8px;
}
.html-shell__desktop-game-balance {
    min-height: 27px;
    color: #ffe7a8;
    font-weight: 714;
    font-size: 14.1px;
    border-top: 1px solid rgba(242, 223, 170, 0.07592);
    background:
        linear-gradient(180deg, rgba(255, 244, 212, 0.05), rgba(255, 244, 212, 0) 41%),
        rgba(34, 54, 43, 0.28);
}
.html-shell__desktop-game-limit-title {
    font: 700 14.4px/1.02 "Noto Serif SC","Microsoft YaHei",serif;
    margin-bottom: 0;
    min-height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    letter-spacing: 0.004em;
    border-radius: 7px;
    background:
        radial-gradient(circle at 50% -8%, rgba(255, 244, 212, 0.048), rgba(255, 244, 212, 0) 46%),
        linear-gradient(180deg, rgba(255, 244, 212, 0.06), rgba(255, 244, 212, 0) 40%),
        linear-gradient(180deg, rgba(31, 50, 39, 0.72), rgba(26, 42, 32, 0.58));
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 212, 0.071647),
        inset 0 0 0 1px rgba(255, 244, 212, 0.006),
        inset 0 -1px 0 rgba(0, 0, 0, 0.086),
        0 1px 0 rgba(255, 244, 212, 0.018);
    border: 1px solid rgba(242, 223, 170, 0.014);
    position: relative;
}
.html-shell__desktop-game-limit-title::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 244, 212, 0.025), rgba(255, 244, 212, 0) 52%);
    pointer-events: none;
}
.html-shell__desktop-game-limit-title::after {
    content: "";
    position: absolute;
    left: 13px;
    right: 13px;
    top: 1px;
    height: 1px;
    background: rgba(255, 244, 212, 0.023607);
    pointer-events: none;
}
.html-shell__desktop-game-limit-row {
    display: grid;
    grid-template-columns: 4px minmax(0, 1fr) auto;
    align-items: center;
    gap: 5px;
    min-height: 26px;
    padding: 0 5px 0 0;
    margin: 0 3px;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 244, 212, 0.042), rgba(255, 244, 212, 0) 40%),
        rgba(34, 54, 43, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 212, 0.03846),
        inset 0 0 0 1px rgba(255, 244, 212, 0.024),
        inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.html-shell__desktop-game-limit-dot {
    width: 5px;
    height: 26px;
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(255, 214, 122, 0.92), rgba(169, 111, 47, 0.92));
    box-shadow: 0 0 6px rgba(255, 209, 112, 0.10);
}
.html-shell__desktop-game-limit-row--main .html-shell__desktop-game-limit-dot {
    background: linear-gradient(180deg, rgba(244, 184, 108, 0.96), rgba(173, 115, 43, 0.92));
}
.html-shell__desktop-game-limit-row--tie .html-shell__desktop-game-limit-dot {
    background: linear-gradient(180deg, rgba(195, 241, 115, 0.96), rgba(94, 149, 55, 0.92));
}
.html-shell__desktop-game-limit-row--pair .html-shell__desktop-game-limit-dot {
    background: linear-gradient(180deg, rgba(231, 202, 121, 0.96), rgba(160, 123, 52, 0.92));
}
.html-shell__desktop-game-limit-label {
    min-width: 0;
    font-weight: 558;
    font-size: 11.8px;
}
.html-shell__desktop-game-limit-value {
    font-weight: 714;
    color: #f5df9d;
    font-size: 11.9px;
    letter-spacing: -0.01em;
    text-align: right;
    justify-self: end;
}
.html-shell__desktop-game-chip-grid {
    grid-column: 1;
    grid-row: 2;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(4, minmax(0, 1fr));
    gap: 4px 4px;
    min-height: 0;
    align-content: stretch;
    align-self: stretch;
    padding: 6px 5px;
    border-radius: 6px;
    border: 1px solid rgba(205, 170, 88, 0.34);
    background:
        linear-gradient(180deg, rgba(27, 46, 33, 0.96), rgba(11, 22, 16, 0.99)),
        linear-gradient(90deg, rgba(255, 232, 181, 0.022), rgba(255,255,255,0)),
        repeating-linear-gradient(90deg, rgba(255, 239, 202, 0.018) 0 1px, rgba(0,0,0,0) 1px 18px);
    box-shadow:
        inset 0 1px 0 rgba(255, 238, 191, 0.06),
        inset 0 0 0 1px rgba(255, 238, 191, 0.02),
        inset 0 -8px 14px rgba(4, 8, 6, 0.10);
    justify-items: center;
}
.html-shell__desktop-game-chip-grid::before,
.html-shell__desktop-game-bet-grid::before,
.html-shell__desktop-game-control-row::before {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 4px;
    border: 1px solid rgba(255, 233, 188, 0.055);
    pointer-events: none;
}
.html-shell__desktop-game-chip-grid::after,
.html-shell__desktop-game-bet-grid::after,
.html-shell__desktop-game-control-row::after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(0,0,0,0), rgba(255, 231, 177, 0.20), rgba(0,0,0,0));
    pointer-events: none;
}
.html-shell__desktop-game-chip {
    appearance: none;
    width: 62px;
    height: 62px;
    justify-self: center;
    align-self: center;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    background:
        var(--chip-static-image) center / contain no-repeat,
        radial-gradient(circle at 50% 50%, rgba(8, 15, 10, 0.68), rgba(8, 15, 10, 0) 72%);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14);
    cursor: pointer;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.28));
}
.html-shell__desktop-game-chip.is-active {
    background-image:
        var(--chip-active-image),
        radial-gradient(circle at 50% 50%, rgba(8, 15, 10, 0.68), rgba(8, 15, 10, 0) 72%);
    box-shadow: 0 0 18px rgba(228, 176, 84, 0.30);
    transform: translateY(-1px) scale(1.02);
}
.html-shell__desktop-game-chip-fallback {
    opacity: 0;
    font: 700 15px/1 "Noto Sans",sans-serif;
    pointer-events: none;
}
.html-shell__desktop-game-bet-grid {
    grid-column: 2;
    grid-row: 2;
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 3px;
    min-height: 0;
    align-content: stretch;
    align-self: stretch;
    padding: 4px;
    border-radius: 6px;
    border: 1px solid rgba(205, 170, 88, 0.34);
    background:
        linear-gradient(180deg, rgba(27, 46, 33, 0.96), rgba(11, 22, 16, 0.99)),
        linear-gradient(135deg, rgba(255,255,255,0.022), rgba(255,255,255,0)),
        repeating-linear-gradient(90deg, rgba(255, 239, 202, 0.018) 0 1px, rgba(0,0,0,0) 1px 18px);
    box-shadow:
        inset 0 1px 0 rgba(255, 238, 191, 0.06),
        inset 0 0 0 1px rgba(255, 238, 191, 0.02),
        inset 0 -8px 14px rgba(4, 8, 6, 0.10);
}
.html-shell__desktop-game-bet-cell {
    border-radius: 4px;
    font: 700 28px/1 "Noto Serif SC","Microsoft YaHei",serif;
    letter-spacing: 0.01em;
    min-height: 0;
    cursor: pointer;
    background:
        linear-gradient(180deg, rgba(44, 69, 49, 0.98), rgba(22, 35, 26, 1)),
        linear-gradient(135deg, rgba(255,255,255,0.022), rgba(255,255,255,0)),
        radial-gradient(circle at 50% 0%, rgba(255, 235, 188, 0.03), rgba(0, 0, 0, 0) 46%);
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 206, 0.065),
        inset 0 0 0 1px rgba(255, 239, 202, 0.03);
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}
.html-shell__desktop-game-bet-cell--banker-pair,
.html-shell__desktop-game-bet-cell--player-pair {
    font-size: 25.5px;
}
.html-shell__desktop-game-bet-cell.is-active {
    border-color: rgba(255, 224, 152, 0.94);
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 208, 0.18),
        inset 0 0 0 1px rgba(255, 233, 188, 0.12),
        0 0 0 1px rgba(255, 220, 146, 0.28),
        0 0 20px rgba(224, 171, 86, 0.14);
    filter: brightness(1.08) saturate(1.08);
}
.html-shell__desktop-game-bet-cell--banker { color: #e8a050; }
.html-shell__desktop-game-bet-cell--tie { color: #cbf387; }
.html-shell__desktop-game-bet-cell--player { color: #f2d66f; }
.html-shell__desktop-game-bet-cell--banker-pair { color: #c9b1f4; }
.html-shell__desktop-game-bet-cell--player-pair { color: #9bd4ff; }
.html-shell__desktop-game-bet-cell--banker {
    grid-column: 1;
    grid-row: 1;
    background:
        linear-gradient(180deg, rgba(79, 52, 31, 0.98), rgba(37, 24, 17, 1)),
        radial-gradient(circle at 50% 42%, rgba(232, 160, 80, 0.16), rgba(0, 0, 0, 0) 56%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.018) 0 1px, rgba(0,0,0,0) 1px 18px);
}
.html-shell__desktop-game-bet-cell--tie {
    grid-column: 2;
    grid-row: 1;
    background:
        linear-gradient(180deg, rgba(54, 73, 36, 0.98), rgba(26, 39, 20, 1)),
        radial-gradient(circle at 50% 42%, rgba(203, 243, 135, 0.16), rgba(0, 0, 0, 0) 56%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.018) 0 1px, rgba(0,0,0,0) 1px 18px);
}
.html-shell__desktop-game-bet-cell--player {
    grid-column: 3;
    grid-row: 1;
    background:
        linear-gradient(180deg, rgba(76, 72, 33, 0.98), rgba(34, 32, 16, 1)),
        radial-gradient(circle at 50% 42%, rgba(242, 214, 111, 0.16), rgba(0, 0, 0, 0) 56%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.018) 0 1px, rgba(0,0,0,0) 1px 18px);
}
.html-shell__desktop-game-bet-cell--banker-pair {
    grid-column: 1 / span 2;
    grid-row: 2;
    background:
        linear-gradient(180deg, rgba(65, 48, 84, 0.98), rgba(29, 22, 38, 1)),
        radial-gradient(circle at 50% 42%, rgba(201, 177, 244, 0.15), rgba(0, 0, 0, 0) 58%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.018) 0 1px, rgba(0,0,0,0) 1px 18px);
}
.html-shell__desktop-game-bet-cell--player-pair {
    grid-column: 3;
    grid-row: 2;
    background:
        linear-gradient(180deg, rgba(41, 62, 83, 0.98), rgba(18, 27, 37, 1)),
        radial-gradient(circle at 50% 42%, rgba(155, 212, 255, 0.15), rgba(0, 0, 0, 0) 58%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.018) 0 1px, rgba(0,0,0,0) 1px 18px);
}
.html-shell__desktop-game-control-row {
    grid-column: 1 / -1;
    grid-row: 3;
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 70px;
    gap: 3px;
    align-items: center;
    min-height: 0;
    padding: 2px;
    border-radius: 6px;
    border: 1px solid rgba(205, 170, 88, 0.30);
    background:
        linear-gradient(180deg, rgba(17, 30, 22, 0.96), rgba(9, 16, 12, 0.99)),
        linear-gradient(135deg, rgba(255,255,255,0.014), rgba(255,255,255,0));
    box-shadow:
        inset 0 1px 0 rgba(255, 239, 202, 0.06),
        inset 0 0 0 1px rgba(255, 239, 202, 0.018),
        inset 0 -7px 12px rgba(2, 6, 5, 0.14);
}
.html-shell__desktop-game-control-dial {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    border: none;
    background:
        url('/wanli/source/skins/default/assets/ui/Game/soundbutton.webp') center / 100% 100% no-repeat;
    box-shadow: none;
    appearance: none;
    cursor: pointer;
    position: relative;
}
.html-shell__desktop-game-control-dial:hover {
    background:
        url('/wanli/source/skins/default/assets/ui/Game/soundbutton_hover.webp') center / 100% 100% no-repeat;
}
.html-shell__desktop-game-control-dial:active {
    background:
        url('/wanli/source/skins/default/assets/ui/Game/soundbutton_clic.webp') center / 100% 100% no-repeat;
}
.html-shell__desktop-game-control-dial.is-muted {
    filter: saturate(0.2) brightness(0.86);
}
.html-shell__desktop-game-control-dial.is-muted::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 21px;
    height: 2px;
    background: linear-gradient(90deg, rgba(255, 233, 174, 0.0), rgba(255, 233, 174, 0.92), rgba(255, 233, 174, 0.0));
    transform: rotate(-32deg);
    box-shadow: 0 0 4px rgba(255, 214, 120, 0.24);
    pointer-events: none;
}
.html-shell__desktop-game-control-button {
    min-height: 30px;
    font-size: 10.5px;
    border-radius: 4px;
    border: none;
    color: #f5df9d;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 238, 191, 0.07),
        inset 0 0 0 1px rgba(255, 239, 202, 0.015);
    background:
        url('/wanli/source/skins/default/assets/ui/Game/button_static.webp') center / 100% 100% no-repeat;
    position: relative;
    overflow: hidden;
}
.html-shell__desktop-game-control-button::before {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 1px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255, 240, 203, 0.32), rgba(255,255,255,0));
    pointer-events: none;
}
.html-shell__desktop-game-control-button:hover {
    background:
        url('/wanli/source/skins/default/assets/ui/Game/button_hover.webp') center / 100% 100% no-repeat;
}
.html-shell__desktop-game-control-button:active {
    background:
        url('/wanli/source/skins/default/assets/ui/Game/button_clic.webp') center / 100% 100% no-repeat;
}
.html-shell__desktop-game-control-actions {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: stretch;
    min-height: 0;
    padding: 2px 3px;
    border-radius: 5px;
    position: relative;
    background:
        linear-gradient(180deg, rgba(10, 19, 14, 0.96), rgba(5, 10, 8, 0.98)),
        linear-gradient(135deg, rgba(255,255,255,0.012), rgba(255,255,255,0));
    box-shadow:
        inset 0 1px 0 rgba(255, 239, 202, 0.045),
        inset 0 0 0 1px rgba(255, 239, 202, 0.012);
}
.html-shell__desktop-game-control-actions::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 4px;
    border: 1px solid rgba(255, 239, 202, 0.025);
    pointer-events: none;
}
.html-shell__desktop-game-control-actions::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 1px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255, 240, 203, 0.18), rgba(255,255,255,0));
    pointer-events: none;
}
.html-shell__desktop-game-control-actions-track {
    width: 100%;
    display: grid;
    gap: 2px;
}
.html-shell__desktop-game-control-actions-track.is-hidden {
    display: none;
}
.html-shell__desktop-game-control-actions-track--idle {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.html-shell__desktop-game-control-actions-track--pending {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.html-shell__desktop-game-control-button--road {
    background:
        linear-gradient(180deg, rgba(246, 239, 228, 0.95), rgba(225, 218, 208, 0.90)) center / 54% 48% no-repeat,
        linear-gradient(180deg, rgba(109, 34, 28, 0.78), rgba(138, 41, 32, 0.84)),
        url('/wanli/source/skins/default/assets/ui/Game/button_static.webp') center / 100% 100% no-repeat;
    background-blend-mode: multiply, normal;
    color: #f7e5d8;
}
.html-shell__desktop-game-control-button--road-player {
    background:
        linear-gradient(180deg, rgba(244, 247, 250, 0.95), rgba(221, 230, 239, 0.90)) center / 54% 48% no-repeat,
        linear-gradient(180deg, rgba(26, 56, 95, 0.78), rgba(19, 94, 134, 0.84)),
        url('/wanli/source/skins/default/assets/ui/Game/button_static.webp') center / 100% 100% no-repeat;
    background-blend-mode: multiply, normal;
    color: #eef5ff;
}
.html-shell__desktop-game-control-button--road:hover {
    background:
        linear-gradient(180deg, rgba(250, 244, 234, 0.96), rgba(232, 224, 213, 0.92)) center / 54% 48% no-repeat,
        linear-gradient(180deg, rgba(129, 40, 33, 0.76), rgba(161, 50, 38, 0.82)),
        url('/wanli/source/skins/default/assets/ui/Game/button_hover.webp') center / 100% 100% no-repeat;
    background-blend-mode: multiply, normal;
}
.html-shell__desktop-game-control-button--road:active {
    background:
        linear-gradient(180deg, rgba(241, 233, 220, 0.92), rgba(218, 208, 196, 0.88)) center / 54% 48% no-repeat,
        linear-gradient(180deg, rgba(92, 28, 23, 0.8), rgba(121, 36, 29, 0.86)),
        url('/wanli/source/skins/default/assets/ui/Game/button_clic.webp') center / 100% 100% no-repeat;
    background-blend-mode: multiply, normal;
}
.html-shell__desktop-game-control-button--road-player:hover {
    background:
        linear-gradient(180deg, rgba(246, 248, 251, 0.96), rgba(227, 234, 242, 0.92)) center / 54% 48% no-repeat,
        linear-gradient(180deg, rgba(34, 69, 112, 0.76), rgba(23, 110, 154, 0.82)),
        url('/wanli/source/skins/default/assets/ui/Game/button_hover.webp') center / 100% 100% no-repeat;
    background-blend-mode: multiply, normal;
}
.html-shell__desktop-game-control-button--road-player:active {
    background:
        linear-gradient(180deg, rgba(235, 241, 247, 0.92), rgba(214, 223, 233, 0.88)) center / 54% 48% no-repeat,
        linear-gradient(180deg, rgba(22, 46, 80, 0.8), rgba(17, 81, 117, 0.86)),
        url('/wanli/source/skins/default/assets/ui/Game/button_clic.webp') center / 100% 100% no-repeat;
    background-blend-mode: multiply, normal;
}
.html-shell__desktop-game-control-button.is-disabled {
    opacity: 0.48;
    filter: saturate(0.76);
}
.html-shell__desktop-game-control-button--outline {
    background:
        linear-gradient(180deg, rgba(104, 94, 56, 0.84), rgba(63, 56, 30, 0.90)),
        url('/wanli/source/skins/default/assets/ui/Game/button_static.webp') center / 100% 100% no-repeat;
    background-blend-mode: multiply, normal;
}
.html-shell__desktop-game-control-button--outline:hover {
    background:
        linear-gradient(180deg, rgba(120, 107, 64, 0.82), rgba(80, 69, 38, 0.88)),
        url('/wanli/source/skins/default/assets/ui/Game/button_hover.webp') center / 100% 100% no-repeat;
    background-blend-mode: multiply, normal;
}
.html-shell__desktop-game-control-button--outline:active {
    background:
        linear-gradient(180deg, rgba(100, 89, 54, 0.8), rgba(69, 60, 33, 0.88)),
        url('/wanli/source/skins/default/assets/ui/Game/button_clic.webp') center / 100% 100% no-repeat;
    background-blend-mode: multiply, normal;
}
.html-shell__desktop-game-dialog-layer {
    position: absolute;
    inset: 116px 12px 12px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.html-shell__desktop-game-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(calc(100% - 12px), 366px);
    max-height: calc(100% - 12px);
    display: none;
    flex-direction: column;
    padding: 12px 12px 10px;
    border-radius: 7px;
    border: none;
    background:
        url('/wanli/source/skins/default/assets/ui/Game/bet_history_background.webp') center / 100% 100% no-repeat;
    box-shadow: none;
    transform: translate(-50%, -50%);
    overflow: hidden;
    pointer-events: none;
}
.html-shell__desktop-game-dialog::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: inherit;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(15, 30, 22, 0.94), rgba(7, 13, 10, 0.96));
}
.html-shell__desktop-game-dialog.is-visible {
    display: flex;
    pointer-events: auto;
}
.html-shell__desktop-game-dialog#html-shell-desktop-game-betslip-overlay {
    width: min(calc(100% - 12px), 388px);
}
.html-shell__desktop-game-dialog-title {
    position: relative;
    color: #ffe6a3;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin: 1px 8px 0;
    padding: 0 14px;
    border-radius: 5px;
    border: none;
    background:
        url('/wanli/source/skins/default/assets/ui/Game/label_static.webp') center / 100% 100% no-repeat;
    box-shadow: none;
    font: 700 21px/1.04 "Noto Serif SC","Microsoft YaHei",serif;
    text-align: center;
    letter-spacing: 0.04em;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.28);
}
.html-shell__desktop-game-dialog-title::after {
    display: none;
}
.html-shell__desktop-game-dialog-subtitle {
    margin-top: 8px;
    color: rgba(245, 226, 176, 0.88);
    font: 600 15px/1.42 "Noto Sans",sans-serif;
    text-align: center;
    white-space: pre-line;
}
.html-shell__desktop-game-dialog-body {
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 10px;
}
.html-shell__desktop-game-confirm-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(92px, auto);
    gap: 8px 10px;
    align-content: start;
    padding: 11px 12px 9px;
    border-radius: 6px;
    border: 1px solid rgba(212, 178, 95, 0.18);
    background:
        linear-gradient(180deg, rgba(8, 18, 13, 0.97), rgba(5, 12, 9, 0.995)),
        repeating-linear-gradient(90deg, rgba(255, 238, 196, 0.018) 0 1px, rgba(0,0,0,0) 1px 18px);
    box-shadow:
        inset 0 1px 0 rgba(255, 238, 198, 0.04),
        inset 0 0 0 1px rgba(255, 239, 202, 0.02);
}
.html-shell__desktop-game-confirm-row {
    display: contents;
}
.html-shell__desktop-game-confirm-label,
.html-shell__desktop-game-confirm-value {
    min-height: 30px;
    display: flex;
    align-items: center;
    color: #f3dd9c;
    font: 700 17px/1.1 "Noto Serif SC","Microsoft YaHei",serif;
}
.html-shell__desktop-game-confirm-value {
    justify-content: flex-end;
}
.html-shell__desktop-game-confirm-value.is-overload {
    color: #ff7e68;
}
.html-shell__desktop-game-dialog-tip {
    margin-top: 8px;
    align-self: center;
    max-width: 246px;
    color: rgba(247, 229, 181, 0.86);
    font: 600 12.5px/1.46 "Noto Sans",sans-serif;
    text-align: center;
    white-space: pre-line;
}
.html-shell__desktop-game-dialog-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 8px;
    justify-items: center;
}
.html-shell__desktop-game-dialog-actions--single {
    grid-template-columns: minmax(0, 1fr);
}
.html-shell__desktop-game-dialog-button {
    appearance: none;
    min-height: 38px;
    width: 100%;
    max-width: 148px;
    border-radius: 4px;
    border: none;
    background: url('/wanli/source/skins/default/assets/ui/Game/bet_exceed/confirmbutton.webp') center / 100% 100% no-repeat;
    color: #f4dea0;
    font: 700 15px/1.1 "Noto Serif SC","Microsoft YaHei",serif;
    cursor: pointer;
    box-shadow: none;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.30);
}
.html-shell__desktop-game-dialog-button--secondary {
    background: url('/wanli/source/skins/default/assets/ui/Game/bet_exceed/cancelbutton.webp') center / 100% 100% no-repeat;
}
.html-shell__desktop-game-dialog-button:hover {
    background: url('/wanli/source/skins/default/assets/ui/Game/bet_exceed/confirmbutton_hover.webp') center / 100% 100% no-repeat;
}
.html-shell__desktop-game-dialog-button--secondary:hover {
    background: url('/wanli/source/skins/default/assets/ui/Game/bet_exceed/cancelbutton_hover.webp') center / 100% 100% no-repeat;
}
.html-shell__desktop-game-dialog-button:active {
    background: url('/wanli/source/skins/default/assets/ui/Game/bet_exceed/confirmbutton_clic.webp') center / 100% 100% no-repeat;
    transform: translateY(1px);
}
.html-shell__desktop-game-dialog-button--secondary:active {
    background: url('/wanli/source/skins/default/assets/ui/Game/bet_exceed/cancelbutton_clic.webp') center / 100% 100% no-repeat;
}
.html-shell__desktop-game-status {
    position: absolute;
    inset: 84px 20px 194px 20px;
    display: none;
    z-index: 12;
    align-items: center;
    justify-content: center;
    padding: 0 20px 72px;
    pointer-events: none;
}
.html-shell__desktop-game-status.is-visible {
    display: flex;
}
.html-shell__desktop-game-status-card {
    width: min(100%, 420px);
    min-height: 116px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px 14px;
    border-radius: 7px;
    border: none;
    background:
        url('/wanli/source/skins/default/assets/ui/Game/bet_history_background.webp') center / 100% 100% no-repeat;
    box-shadow: none;
    text-align: center;
    position: relative;
}
.html-shell__desktop-game-status.is-error .html-shell__desktop-game-status-card {
    filter: saturate(0.88) hue-rotate(-10deg) brightness(0.88);
}
.html-shell__desktop-game-status-card::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 5px;
    background: linear-gradient(180deg, rgba(15, 31, 22, 0.9), rgba(7, 10, 8, 0.92));
    pointer-events: none;
}
.html-shell__desktop-game-status-title {
    color: #ffe5a0;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 260px);
    min-height: 34px;
    padding: 0 12px;
    border-radius: 5px;
    border: none;
    background:
        url('/wanli/source/skins/default/assets/ui/Game/label_static.webp') center / 100% 100% no-repeat;
    font: 700 19px/1.06 "Noto Serif SC","Microsoft YaHei",serif;
    letter-spacing: 0.04em;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.28);
}
.html-shell__desktop-game-status-message {
    position: relative;
    z-index: 1;
    color: rgba(246, 233, 195, 0.94);
    font: 700 16px/1.42 "Microsoft YaHei","PingFang SC",sans-serif;
    white-space: pre-line;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.24);
    max-width: 320px;
}
.html-shell__desktop-game-betslip-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 11px 12px;
    border-radius: 6px;
    border: 1px solid rgba(212, 178, 95, 0.18);
    background:
        linear-gradient(180deg, rgba(8, 18, 13, 0.97), rgba(5, 12, 9, 0.995)),
        repeating-linear-gradient(90deg, rgba(255, 238, 196, 0.018) 0 1px, rgba(0,0,0,0) 1px 18px);
    box-shadow:
        inset 0 1px 0 rgba(255, 238, 198, 0.04),
        inset 0 0 0 1px rgba(255, 239, 202, 0.02);
}
.html-shell__desktop-game-betslip-line {
    color: #f4dea0;
    font: 700 20px/1.22 "Noto Serif SC","Microsoft YaHei",serif;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}
.html-shell__desktop-game-road-shell {
    min-height: 0;
    max-height: none;
    padding: 5px;
    display: grid;
    grid-template-columns: 144px minmax(0, 1fr);
    gap: 5px;
    overflow: hidden;
    border: none;
    background:
        url('/wanli/source/dist/ui/Game/small_ludan_panel.webp') center / 100% 100% no-repeat;
    box-shadow: none;
}
.html-shell__desktop-game-table-tabs {
    display: grid;
    grid-template-rows: repeat(4, minmax(0, 1fr));
    gap: 3px;
    min-height: 0;
}
.html-shell__desktop-game-table-tab {
    border-radius: 4px;
    border: none;
    background:
        url('/wanli/source/dist/ui/Game/change_table_generated_static.webp') center / 100% 100% no-repeat;
    padding: 5px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #f0da99;
    box-shadow: none;
}
.html-shell__desktop-game-table-tab.is-active {
    background:
        url('/wanli/source/dist/ui/Game/change_table_generated_selected.webp') center / 100% 100% no-repeat;
}
.html-shell__desktop-game-table-tab-main {
    font: 700 18px/1 "Noto Serif SC","Microsoft YaHei",serif;
}
.html-shell__desktop-game-table-tab-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}
.html-shell__desktop-game-table-tab-count {
    font: 700 17px/1 "Noto Sans",sans-serif;
}
.html-shell__desktop-game-table-tab-status {
    font: 700 11px/1 "Noto Serif SC","Microsoft YaHei",serif;
}
.html-shell__desktop-game-road-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.9fr);
    gap: 5px;
    min-height: 0;
    align-items: stretch;
}
.html-shell__desktop-game-road-main,
.html-shell__desktop-game-road-mini {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(245, 238, 224, 0.98), rgba(229, 220, 201, 0.98));
    border: 1px solid rgba(176, 145, 79, 0.30);
}
.html-shell__desktop-game-road-main {
    max-height: none;
    aspect-ratio: 1082 / 326;
}
.html-shell__desktop-game-road-mini-grid {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 4px;
    min-height: 0;
    align-content: stretch;
}
.html-shell__desktop-game-road-mini {
    max-height: none;
    aspect-ratio: 324 / 163;
}
.html-shell__desktop-game-road-actions {
    margin-top: 5px;
    display: flex;
    justify-content: flex-start;
    gap: 5px;
}
.html-shell__desktop-game-road-button {
    appearance: none;
    min-width: 72px;
    min-height: 32px;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid rgba(206, 171, 90, 0.40);
    background:
        linear-gradient(180deg, rgba(38, 57, 40, 0.98), rgba(20, 31, 24, 0.99)),
        linear-gradient(90deg, rgba(255,255,255,0.018), rgba(255,255,255,0));
    color: rgba(245, 226, 179, 0.88);
    font: 700 12px/1 "Noto Serif SC","Microsoft YaHei",serif;
    letter-spacing: 0.01em;
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 205, 0.06),
        inset 0 0 0 1px rgba(255, 237, 194, 0.025),
        0 5px 10px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: transform 120ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}
.html-shell__desktop-game-road-button:hover {
    border-color: rgba(223, 190, 108, 0.58);
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 205, 0.08),
        0 7px 14px rgba(0, 0, 0, 0.14);
}
.html-shell__desktop-game-road-button:active {
    transform: translateY(1px);
}
.html-shell__desktop-game-road-button.is-active {
    color: #fff3c4;
    border-color: rgba(238, 204, 120, 0.82);
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 214, 0.12),
        inset 0 0 0 1px rgba(236, 199, 104, 0.16),
        0 0 0 1px rgba(233, 197, 105, 0.18),
        0 12px 24px rgba(0, 0, 0, 0.18);
}
.html-shell__desktop-game.is-video-zoomed {
    grid-template-rows: minmax(0, 1fr) minmax(188px, 0.34fr);
    padding: 12px 14px 14px;
    gap: 10px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-topbar {
    display: none;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-main {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-video-shell {
    position: relative;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-video-frame {
    border-radius: 14px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-side {
    position: absolute;
    top: 14px;
    right: 14px;
    bottom: 14px;
    width: var(--desktop-game-zoom-side-width);
    max-width: 402px;
    min-width: 338px;
    z-index: 8;
    border-color: rgba(231, 196, 112, 0.42);
    background:
        linear-gradient(180deg, rgba(18, 33, 24, 0.90), rgba(10, 18, 13, 0.94)),
        linear-gradient(135deg, rgba(255,255,255,0.035), rgba(255,255,255,0));
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 205, 0.08),
        0 18px 30px rgba(0, 0, 0, 0.26);
    backdrop-filter: blur(12px);
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-summary-row {
    grid-template-columns: minmax(0, 1fr);
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-header-card,
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-limit-card {
    padding: 9px 11px 10px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-table-title {
    font-size: 27px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-table-meta,
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-welcome,
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-balance,
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-limit-row {
    font-size: 13px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-balance {
    font-size: 16px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-chip {
    width: 60px;
    height: 60px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-chip-grid,
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-bet-grid {
    padding: 5px 4px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-bet-cell {
    font-size: 26px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-control-row {
    padding: 3px 3px 0;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-video-pool {
    top: 86px;
    left: 18px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-video-badge {
    right: calc(var(--desktop-game-zoom-side-width) + 26px);
    top: 14px;
    z-index: 9;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-video-quality {
    right: calc(var(--desktop-game-zoom-side-width) + 30px);
    top: 44px;
    z-index: 9;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-video-toggle {
    left: 18px;
    right: auto;
    top: 42px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-video-caption {
    left: 20px;
    bottom: 16px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-timer {
    right: 16px;
    bottom: 14px;
    width: 82px;
    height: 82px;
    font-size: 30px;
}
.html-shell__desktop-game.is-video-zoomed .html-shell__desktop-game-status {
    inset: 20px 18px 214px 18px;
}
.html-shell__game-sprite,
.html-shell__game-hit,
.html-shell__game-text,
.html-shell__game-pill,
.html-shell__game-chip {
    position: absolute;
    box-sizing: border-box;
}
.html-shell__game-sprite {
    background-repeat: no-repeat;
    pointer-events: none;
}
.html-shell__game-news-track {
    position: absolute;
    left: 116px;
    top: -2px;
    width: 848px;
    height: 60px;
    overflow: hidden;
    color: #f7dfa0;
    font-size: 36px;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.42);
    z-index: 4;
}
.html-shell__game-news-track-inner {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-flex;
    align-items: center;
    height: 60px;
    min-width: max-content;
    will-change: transform;
    animation: html-shell-marquee-scroll var(--news-duration, 12s) linear infinite;
}
.html-shell__game-news-track-item {
    flex: 0 0 auto;
    white-space: nowrap;
}
.html-shell__game-news-track-item:empty {
    display: none;
}
.html-shell__game-news-track.is-paused .html-shell__game-news-track-inner {
    animation-play-state: paused;
}
.html-shell__game-video {
    position: absolute;
    left: 0;
    top: 174px;
    width: 1080px;
    height: 684px;
    display: block;
    background: #000;
    border-bottom: 2px solid rgba(241, 215, 146, 0.84);
}
.html-shell__game-mask {
    position: absolute;
    left: 0;
    top: 174px;
    width: 1080px;
    height: 684px;
    display: block;
    background: transparent;
    pointer-events: none;
    z-index: 5;
    transition: opacity 260ms ease;
}
.html-shell__game-mask.is-hidden {
    opacity: 0;
    pointer-events: none;
}
.html-shell__game-video-quality {
    position: absolute;
    right: 10px;
    top: 182px;
    z-index: 6;
    display: none;
    color: #ffd84b;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.8px;
    text-shadow:
        0 1px 0 rgba(99, 48, 0, 0.92),
        0 0 8px rgba(255, 218, 96, 0.24);
    pointer-events: none;
}
.html-shell__game-video-quality.is-visible {
    display: block;
}
.html-shell__game-text {
    color: #f0dfb8;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.42);
    white-space: nowrap;
}
.html-shell__game-text--header {
    font-size: 28px;
    font-weight: 700;
}
.html-shell__game-text--header-strong {
    font-size: 33px;
    font-weight: 700;
}
.html-shell__game-text--small {
    font-size: 22px;
    font-weight: 700;
}
.html-shell__game-text--tiny {
    font-size: 18px;
    font-weight: 700;
}
.html-shell__game-text--header-main {
    font-size: 28px;
    line-height: 1.05;
}
.html-shell__game-text--header-meta {
    font-size: 28px;
    letter-spacing: 0.2px;
    line-height: 1.05;
}
.html-shell__game-text--header-meta.is-balance-win {
    animation: html-shell-game-balance-win-pulse 620ms cubic-bezier(0.18, 0.72, 0.2, 1) 1;
}
@keyframes html-shell-game-balance-win-pulse {
    0% {
        transform: scale(1);
        text-shadow: 0 2px 6px rgba(0,0,0,0.34);
        filter: brightness(1);
    }
    32% {
        transform: scale(1.22);
        text-shadow:
            0 0 10px rgba(255, 246, 214, 0.92),
            0 0 24px rgba(255, 214, 106, 0.46),
            0 3px 7px rgba(0,0,0,0.30);
        filter: brightness(1.18);
    }
    62% {
        transform: scale(1.06);
        filter: brightness(1.08);
    }
    100% {
        transform: scale(1);
        text-shadow: 0 2px 6px rgba(0,0,0,0.34);
        filter: brightness(1);
    }
}
.html-shell__game-text--header-limit-title {
    font-size: 26px;
}
.html-shell__game-text--header-limit-line {
    font-size: 28px;
    letter-spacing: 0.2px;
    line-height: 1.05;
}
.html-shell__game-top-backdrop {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 1076px;
    height: 172px;
    background:
        linear-gradient(180deg, rgba(102, 20, 26, 0.98) 0%, rgba(86, 18, 23, 0.985) 46%, rgba(61, 14, 18, 0.992) 100%);
    border-bottom: 2px solid rgba(241, 206, 132, 0.78);
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 192, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.28);
    z-index: 1;
    pointer-events: none;
}
.html-shell__game-top-backdrop::before {
    content: '';
    position: absolute;
    inset: 8px 16px auto 16px;
    height: 68px;
    border: 1px solid rgba(246, 219, 157, 0.22);
    border-bottom: none;
    opacity: 0.7;
}
.html-shell__game-top-news {
    position: absolute;
    left: 106px;
    top: 2px;
    width: 868px;
    height: 60px;
    background: linear-gradient(180deg, rgba(120, 30, 35, 0.96), rgba(79, 18, 24, 0.985));
    border: 1px solid rgba(242, 210, 141, 0.44);
    box-shadow:
        inset 0 1px 0 rgba(255, 237, 197, 0.09),
        inset 0 -1px 0 rgba(0,0,0,0.30);
    z-index: 2;
    pointer-events: none;
}
.html-shell__game-top-news::before {
    content: '';
    position: absolute;
    inset: 6px 8px;
    border: 1px solid rgba(246, 219, 157, 0.12);
    background: linear-gradient(180deg, rgba(255, 229, 168, 0.05), rgba(255,255,255,0));
}
.html-shell__game-top-shell {
    position: absolute;
    left: 2px;
    top: 60px;
    width: 1076px;
    height: 112px;
    background: linear-gradient(180deg, rgba(129, 36, 39, 0.97), rgba(74, 19, 23, 0.988) 52%, rgba(42, 13, 17, 0.993));
    border: 1px solid rgba(244, 214, 145, 0.52);
    box-shadow:
        inset 0 1px 0 rgba(255, 239, 204, 0.08),
        inset 0 -1px 0 rgba(0,0,0,0.32);
    z-index: 2;
    pointer-events: none;
}
.html-shell__game-top-shell::before {
    content: '';
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(247, 221, 159, 0.14);
}
.html-shell__game-top-card {
    position: absolute;
    background: linear-gradient(180deg, rgba(92, 23, 28, 0.72), rgba(49, 13, 17, 0.90));
    border: 1px solid rgba(242, 209, 134, 0.34);
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 193, 0.06),
        inset 0 -1px 0 rgba(0,0,0,0.26);
    z-index: 3;
    pointer-events: none;
}
.html-shell__game-top-card::before {
    content: '';
    position: absolute;
    inset: 4px;
    border: 1px solid rgba(241, 205, 132, 0.10);
    background:
        repeating-linear-gradient(135deg, rgba(255, 221, 155, 0.028) 0 1px, rgba(0,0,0,0) 1px 18px),
        repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.045) 0 2px, rgba(0,0,0,0) 2px 22px),
        linear-gradient(180deg, rgba(255, 229, 173, 0.03), rgba(255,255,255,0));
}
.html-shell__game-top-card--main {
    left: 4px;
    top: 64px;
    width: 356px;
    height: 96px;
}
.html-shell__game-top-card--limit {
    left: 362px;
    top: 64px;
    width: 356px;
    height: 96px;
}
.html-shell__game-top-card--extra {
    left: 720px;
    top: 64px;
    width: 356px;
    height: 96px;
}
.html-shell__game-top-card--sound {
    display: none;
}
.html-shell__game-sound-button {
    position: absolute;
    left: 952px;
    top: 726px;
    width: 82px;
    height: 82px;
    border: 1px solid rgba(243, 213, 145, 0.42);
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(104, 28, 35, 0.72), rgba(61, 16, 22, 0.76));
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 198, 0.08),
        inset 0 -1px 0 rgba(0,0,0,0.22),
        0 8px 16px rgba(0,0,0,0.16);
    cursor: pointer;
    z-index: 6;
    backdrop-filter: blur(2px);
}
.html-shell__game-sound-button::before {
    content: '';
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    border: 1px solid rgba(246, 221, 163, 0.14);
    background: linear-gradient(180deg, rgba(255, 233, 180, 0.08), rgba(255,255,255,0));
}
.html-shell__game-sound-speaker {
    position: absolute;
    left: 20px;
    top: 26px;
    width: 20px;
    height: 26px;
    background: linear-gradient(180deg, #f8e6bb, #d5b06a);
    clip-path: polygon(0 34%, 34% 34%, 60% 10%, 60% 90%, 34% 66%, 0 66%);
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.28));
}
.html-shell__game-sound-wave {
    position: absolute;
    border: 4px solid #efd49b;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;
    transform: rotate(45deg);
    opacity: 0.92;
}
.html-shell__game-sound-wave--one {
    left: 34px;
    top: 31px;
    width: 10px;
    height: 10px;
}
.html-shell__game-sound-wave--two {
    left: 32px;
    top: 23px;
    width: 24px;
    height: 24px;
}
.html-shell__game-sound-wave--three {
    left: 28px;
    top: 15px;
    width: 38px;
    height: 38px;
}
.html-shell__game-sound-slash {
    position: absolute;
    left: 42px;
    top: 17px;
    width: 5px;
    height: 46px;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffecc4, #d7aa64);
    transform: rotate(42deg);
    box-shadow: 0 1px 2px rgba(0,0,0,0.24);
    opacity: 0;
}
.html-shell__game-sound-button.is-muted .html-shell__game-sound-wave {
    opacity: 0;
}
.html-shell__game-sound-button.is-muted .html-shell__game-sound-slash {
    opacity: 1;
}
.html-shell__game-timer-glow {
    position: absolute;
    left: 960px;
    top: 280px;
    width: 12px;
    height: 30px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255, 246, 222, 0.98));
    border: 2px solid rgba(255, 214, 99, 0.92);
    box-shadow:
        0 0 12px rgba(255,255,255,0.9),
        0 0 20px rgba(255, 214, 99, 0.72);
    transform: translate(-50%, -50%) rotate(182deg) translateY(-83px);
    transform-origin: 50% 50%;
    z-index: 6;
    pointer-events: none;
}
.html-shell__game-top-badge {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 96px;
    height: 32px;
    padding: 0;
    background: none;
    border: none;
    color: #e5c987;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: 1;
    text-shadow: 0 2px 4px rgba(0,0,0,0.32);
    z-index: 4;
    pointer-events: none;
}
.html-shell__game-top-divider {
    position: absolute;
    width: 2px;
    height: 26px;
    background: linear-gradient(180deg, rgba(247, 221, 159, 0), rgba(247, 221, 159, 0.72), rgba(247, 221, 159, 0));
    box-shadow: 0 0 10px rgba(247, 221, 159, 0.18);
    z-index: 4;
    pointer-events: none;
}
.html-shell__game-menu-panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 224px;
    min-width: 224px;
    min-height: 214px;
    display: none;
    flex-direction: column;
    gap: 0;
    padding: 0;
    background:
        linear-gradient(180deg, rgba(88, 19, 24, 0.995), rgba(44, 10, 14, 0.995));
    border: 1px solid rgba(236, 194, 112, 0.78);
    box-shadow:
        inset 0 1px 0 rgba(255, 237, 201, 0.08),
        inset 0 -1px 0 rgba(0,0,0,0.24),
        0 12px 24px rgba(0, 0, 0, 0.24);
    z-index: 14;
    overflow: hidden;
}
.html-shell__game-menu-panel.is-visible {
    display: flex;
}
.html-shell__game-menu-panel::before {
    content: '';
    position: absolute;
    inset: 6px;
    border: 1px solid rgba(244, 218, 161, 0.14);
    background:
        repeating-linear-gradient(135deg, rgba(255, 222, 154, 0.035) 0 1px, rgba(0,0,0,0) 1px 18px),
        linear-gradient(180deg, rgba(255, 229, 173, 0.04), rgba(255,255,255,0));
    pointer-events: none;
}
.html-shell__game-menu-title {
    display: block;
    padding: 12px 0 0;
    color: #f6dfaa;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.6px;
    text-align: center;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
    position: relative;
    z-index: 1;
}
.html-shell__game-menu-divider {
    margin: 0 26px;
    height: 2px;
    background: linear-gradient(90deg, rgba(242, 214, 147, 0), rgba(242, 214, 147, 0.7), rgba(242, 214, 147, 0));
    position: relative;
    z-index: 1;
}
.html-shell__game-menu-row {
    appearance: none;
    position: relative;
    display: block;
    min-height: 0;
    width: calc(100% - 22px);
    margin: 0 11px;
    padding: 10px 12px 9px;
    border: 0;
    border-bottom: 1px solid rgba(241, 205, 131, 0.18);
    background: transparent;
    color: #f7e7c2;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 1;
}
.html-shell__game-menu-row:first-of-type {
    margin-top: 10px;
}
.html-shell__game-menu-row:last-of-type {
    border-bottom: none;
}
.html-shell__game-menu-row-label {
    display: block;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.3px;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
}
.html-shell__game-menu-row-value {
    display: block;
    margin-top: 3px;
    color: rgba(243, 222, 177, 0.74);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
}
.html-shell__game-back-button,
.html-shell__game-menu-button {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 102px;
    height: 60px;
    border: 1px solid rgba(243, 213, 145, 0.46);
    background: linear-gradient(180deg, rgba(106, 24, 30, 0.96), rgba(69, 16, 21, 0.985));
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 198, 0.08),
        inset 0 -1px 0 rgba(0,0,0,0.24);
    z-index: 15;
    cursor: pointer;
}
.html-shell__game-menu-button {
    left: 976px;
}
.html-shell__game-back-button::before,
.html-shell__game-menu-button::before {
    content: '';
    position: absolute;
    inset: 6px;
    border: 1px solid rgba(246, 221, 163, 0.14);
}
.html-shell__game-back-icon {
    position: absolute;
    left: 31px;
    top: 16px;
    width: 24px;
    height: 24px;
    border-left: 4px solid #f1d69e;
    border-bottom: 4px solid #f1d69e;
    transform: rotate(45deg);
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.22));
}
.html-shell__game-back-icon::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 8px;
    width: 26px;
    height: 4px;
    background: #f1d69e;
    transform: rotate(-45deg);
    transform-origin: left center;
}
.html-shell__game-menu-icon,
.html-shell__game-menu-icon::before,
.html-shell__game-menu-icon::after {
    position: absolute;
    left: 27px;
    width: 48px;
    height: 4px;
    background: #f1d69e;
    box-shadow: 0 1px 2px rgba(0,0,0,0.22);
}
.html-shell__game-menu-icon {
    top: 18px;
}
.html-shell__game-menu-icon::before,
.html-shell__game-menu-icon::after {
    content: '';
    left: 0;
}
.html-shell__game-menu-icon::before {
    top: 11px;
}
.html-shell__game-menu-icon::after {
    top: 22px;
}
.html-shell__game-pill {
    min-width: 118px;
    padding: 6px 12px;
    border-radius: 18px;
    border: 1px solid rgba(228, 191, 106, 0.72);
    background: linear-gradient(180deg, rgba(36, 9, 14, 0.92), rgba(18, 6, 9, 0.9));
    color: #f8e0a4;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 241, 206, 0.14);
}
.html-shell__game-pill--compact {
    min-width: 96px;
    padding: 5px 10px;
    font-size: 19px;
}
.html-shell__game-pool-panel {
    position: absolute;
    left: 0;
    top: 218px;
    width: 262px;
    height: 328px;
    z-index: 6;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(97, 33, 36, 0.82), rgba(58, 20, 24, 0.88));
    border: 2px solid rgba(243, 211, 142, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 238, 196, 0.08), inset 0 -1px 0 rgba(0,0,0,0.28), 0 6px 14px rgba(0,0,0,0.18);
}
.html-shell__game-pool-panel::before {
    content: '';
    position: absolute;
    inset: 6px;
    border: 1px solid rgba(244, 214, 145, 0.14);
    background: repeating-linear-gradient(135deg, rgba(255, 221, 155, 0.025) 0 1px, rgba(0,0,0,0) 1px 16px), linear-gradient(180deg, rgba(255, 233, 184, 0.035), rgba(255,255,255,0));
}
.html-shell__game-pool-title {
    position: absolute;
    left: 20px;
    top: 232px;
    width: 202px;
    max-width: 202px;
    color: #f2deb0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 2px 4px rgba(0,0,0,0.36);
    z-index: 7;
    pointer-events: none;
}
.html-shell__game-pool-title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 46px;
    width: 202px;
    height: 2px;
    background: linear-gradient(90deg, rgba(247, 221, 159, 0), rgba(247, 221, 159, 0.88) 14%, rgba(247, 221, 159, 0.88) 86%, rgba(247, 221, 159, 0));
    box-shadow: 0 0 10px rgba(247, 221, 159, 0.18);
}
.html-shell__game-bet-zone {
    position: absolute;
    left: 0;
    top: 860px;
    width: 1080px;
    height: 411px;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(38, 11, 16, 0.06), rgba(75, 20, 24, 0.10) 22%, rgba(86, 21, 25, 0.22) 58%, rgba(71, 18, 22, 0.30) 84%, rgba(46, 14, 18, 0.38)),
        linear-gradient(180deg, rgba(72, 18, 23, 0.04), rgba(31, 11, 15, 0));
    border-top: 1px solid rgba(232, 191, 124, 0.20);
    border-bottom: none;
    box-sizing: border-box;
}
.html-shell__game-bet-zone::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(135deg, rgba(255, 223, 164, 0.022) 0 1px, rgba(0,0,0,0) 1px 18px),
        linear-gradient(180deg, rgba(255, 224, 163, 0.03), rgba(255,255,255,0));
    opacity: 0.9;
}
.html-shell__game-bet-zone::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background: transparent;
    pointer-events: none;
}
.html-shell__game-bet-card {
    position: absolute;
    display: block;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid rgba(229, 190, 124, 0.64);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    pointer-events: auto;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    background:
        linear-gradient(180deg, rgba(86, 22, 26, 0.96), rgba(42, 12, 16, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 194, 0.10),
        inset 0 -1px 0 rgba(0, 0, 0, 0.22);
    transition:
        border-color 160ms ease,
        box-shadow 160ms ease,
        filter 160ms ease,
        background 160ms ease;
}
.html-shell__game-bet-card:focus,
.html-shell__game-bet-card:focus-visible,
.html-shell__game-bet-card:active {
    outline: none;
}
.html-shell__game-bet-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 224, 162, 0.10), rgba(255,255,255,0) 26%),
        repeating-linear-gradient(135deg, rgba(255, 226, 170, 0.018) 0 1px, rgba(0,0,0,0) 1px 14px);
    pointer-events: none;
    transition: opacity 160ms ease, background 160ms ease;
}
.html-shell__game-bet-card::after {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border: 1px solid rgba(248, 219, 154, 0.16);
    pointer-events: none;
    transition: inset 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.html-shell__game-bet-card--player {
    background:
        radial-gradient(circle at 22% 22%, rgba(127, 173, 231, 0.16), rgba(255,255,255,0) 26%),
        linear-gradient(180deg, rgba(21, 72, 112, 0.96), rgba(14, 46, 78, 0.985));
}
.html-shell__game-bet-card--banker {
    background:
        radial-gradient(circle at 78% 22%, rgba(250, 188, 168, 0.16), rgba(255,255,255,0) 26%),
        linear-gradient(180deg, rgba(122, 36, 33, 0.96), rgba(77, 20, 23, 0.985));
}
.html-shell__game-bet-card--tie {
    background:
        radial-gradient(circle at 50% 20%, rgba(210, 226, 138, 0.14), rgba(255,255,255,0) 24%),
        linear-gradient(180deg, rgba(74, 105, 29, 0.96), rgba(50, 73, 21, 0.985));
}
.html-shell__game-bet-card--playerPair {
    background:
        radial-gradient(circle at 26% 22%, rgba(112, 154, 235, 0.16), rgba(255,255,255,0) 26%),
        linear-gradient(180deg, rgba(35, 73, 135, 0.96), rgba(24, 46, 88, 0.985));
}
.html-shell__game-bet-card--bankerPair {
    background:
        radial-gradient(circle at 74% 22%, rgba(188, 138, 226, 0.16), rgba(255,255,255,0) 26%),
        linear-gradient(180deg, rgba(90, 50, 126, 0.96), rgba(59, 30, 86, 0.985));
}
.html-shell__game-bet-card.is-active {
    border-color: rgba(255, 231, 180, 0.98);
    box-shadow:
        inset 0 1px 0 rgba(255, 240, 205, 0.42),
        inset 0 -1px 0 rgba(64, 22, 18, 0.32),
        inset 0 0 42px rgba(255, 214, 134, 0.10),
        0 0 0 1px rgba(255, 220, 150, 0.42),
        0 0 30px rgba(245, 202, 120, 0.34),
        0 0 56px rgba(224, 132, 80, 0.22);
    filter: brightness(1.22) saturate(1.18) contrast(1.04);
}
.html-shell__game-bet-card--player.is-active {
    background:
        radial-gradient(circle at 50% 34%, rgba(178, 215, 255, 0.22), rgba(255,255,255,0) 56%),
        radial-gradient(circle at 18% 20%, rgba(127, 173, 231, 0.24), rgba(255,255,255,0) 34%),
        linear-gradient(180deg, rgba(28, 93, 144, 0.98), rgba(18, 61, 104, 0.985));
}
.html-shell__game-bet-card--banker.is-active {
    background:
        radial-gradient(circle at 50% 34%, rgba(255, 214, 186, 0.20), rgba(255,255,255,0) 56%),
        radial-gradient(circle at 82% 20%, rgba(250, 188, 168, 0.24), rgba(255,255,255,0) 34%),
        linear-gradient(180deg, rgba(148, 47, 42, 0.98), rgba(92, 24, 28, 0.985));
}
.html-shell__game-bet-card--tie.is-active {
    background:
        radial-gradient(circle at 50% 32%, rgba(225, 242, 156, 0.18), rgba(255,255,255,0) 56%),
        radial-gradient(circle at 50% 18%, rgba(210, 226, 138, 0.22), rgba(255,255,255,0) 28%),
        linear-gradient(180deg, rgba(88, 123, 34, 0.98), rgba(58, 84, 24, 0.985));
}
.html-shell__game-bet-card--playerPair.is-active {
    background:
        radial-gradient(circle at 50% 34%, rgba(166, 205, 255, 0.20), rgba(255,255,255,0) 56%),
        radial-gradient(circle at 22% 18%, rgba(112, 154, 235, 0.22), rgba(255,255,255,0) 30%),
        linear-gradient(180deg, rgba(46, 94, 171, 0.98), rgba(30, 58, 112, 0.985));
}
.html-shell__game-bet-card--bankerPair.is-active {
    background:
        radial-gradient(circle at 50% 34%, rgba(222, 185, 255, 0.18), rgba(255,255,255,0) 56%),
        radial-gradient(circle at 78% 18%, rgba(188, 138, 226, 0.22), rgba(255,255,255,0) 30%),
        linear-gradient(180deg, rgba(113, 63, 157, 0.98), rgba(71, 38, 101, 0.985));
}
.html-shell__game-bet-card.is-active::before {
    background:
        linear-gradient(180deg, rgba(255, 231, 172, 0.18), rgba(255,255,255,0.04) 34%, rgba(0,0,0,0) 100%),
        linear-gradient(90deg, rgba(255, 241, 204, 0.08), rgba(255,255,255,0.02) 18%, rgba(255,255,255,0.02) 82%, rgba(255, 241, 204, 0.08)),
        repeating-linear-gradient(135deg, rgba(255, 226, 170, 0.036) 0 1px, rgba(0,0,0,0) 1px 14px);
}
.html-shell__game-bet-card.is-active::after {
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border-color: rgba(255, 229, 176, 0.44);
    box-shadow:
        inset 0 0 0 1px rgba(255, 234, 189, 0.12),
        0 0 16px rgba(255, 212, 122, 0.14);
}
.html-shell__game-bet-label {
    position: absolute;
    left: 16px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #f8dfae;
    font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
    font-size: 44px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    letter-spacing: 1px;
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: currentColor;
    -webkit-text-stroke: 0;
    paint-order: normal;
    text-shadow:
        0 1px 0 rgba(255, 248, 220, 0.45),
        0 2px 0 rgba(115, 48, 25, 0.72),
        0 4px 6px rgba(0, 0, 0, 0.32);
    -webkit-font-smoothing: antialiased;
    font-synthesis: none;
    pointer-events: none;
    z-index: 2;
}
.html-shell__game-bet-card--tie .html-shell__game-bet-label,
.html-shell__game-bet-card--playerPair .html-shell__game-bet-label,
.html-shell__game-bet-card--bankerPair .html-shell__game-bet-label {
    font-size: 38px;
}
.html-shell__game-bet-card--player .html-shell__game-bet-label,
.html-shell__game-bet-card--banker .html-shell__game-bet-label {
    font-size: 132px;
    letter-spacing: 0;
}
.html-shell__game-bet-card--tie .html-shell__game-bet-label {
    font-size: 76px;
    letter-spacing: 0;
}
.html-shell__game-bet-card--playerPair .html-shell__game-bet-label,
.html-shell__game-bet-card--bankerPair .html-shell__game-bet-label {
    -webkit-text-stroke-width: 0;
}
.html-shell__game-bet-card.is-active .html-shell__game-bet-label {
    -webkit-text-stroke-color: rgba(104, 36, 18, 0.98);
    text-shadow:
        0 0 8px rgba(255, 225, 148, 0.10),
        0 2px 4px rgba(0, 0, 0, 0.22);
}
.html-shell__game-bet-confirmed {
    position: absolute;
    left: 18px;
    right: 18px;
    top: 18px;
    min-width: 86px;
    color: rgba(247, 222, 169, 0.84);
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.2px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.32);
    pointer-events: none;
    z-index: 2;
}
.html-shell__game-bet-pending {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 24px;
    color: #f6d58a;
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.4px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.34);
    pointer-events: none;
    z-index: 2;
}
.html-shell__game-bet-card.is-active .html-shell__game-bet-confirmed,
.html-shell__game-bet-card.is-active .html-shell__game-bet-pending {
    color: #ffe7a6;
    text-shadow:
        0 0 10px rgba(255, 221, 138, 0.14),
        0 2px 4px rgba(0,0,0,0.30);
}
.html-shell__game-bet-card.is-result-flash {
    animation: html-shell-game-bet-result-flash 880ms ease-in-out 5;
}
.html-shell__game-bet-card.is-result-flash::before {
    background:
        linear-gradient(180deg, rgba(255, 240, 196, 0.22), rgba(255,255,255,0.02) 34%, rgba(0,0,0,0) 100%),
        repeating-linear-gradient(135deg, rgba(255, 231, 174, 0.05) 0 1px, rgba(0,0,0,0) 1px 14px);
}
.html-shell__game-bet-card.is-result-flash::after {
    left: 7px;
    right: 7px;
    top: 7px;
    bottom: 7px;
    border-color: rgba(255, 238, 196, 0.62);
    box-shadow:
        inset 0 0 0 1px rgba(255, 242, 210, 0.12),
        0 0 18px rgba(255, 214, 120, 0.18);
}
.html-shell__game-bet-card.is-result-flash .html-shell__game-bet-label,
.html-shell__game-bet-card.is-result-flash .html-shell__game-bet-confirmed,
.html-shell__game-bet-card.is-result-flash .html-shell__game-bet-pending {
    text-shadow:
        0 0 12px rgba(255, 229, 158, 0.22),
        0 2px 4px rgba(0,0,0,0.24);
}
@keyframes html-shell-game-bet-result-flash {
    0%, 100% {
        filter: brightness(1) saturate(1);
        box-shadow:
            inset 0 1px 0 rgba(255, 236, 194, 0.10),
            inset 0 -1px 0 rgba(0, 0, 0, 0.22);
    }
    50% {
        filter: brightness(1.28) saturate(1.24) contrast(1.04);
        box-shadow:
            inset 0 1px 0 rgba(255, 248, 223, 0.44),
            inset 0 -1px 0 rgba(64, 22, 18, 0.22),
            inset 0 0 48px rgba(255, 216, 132, 0.14),
            0 0 0 1px rgba(255, 224, 160, 0.34),
            0 0 30px rgba(255, 210, 116, 0.28);
    }
}
.html-shell__game-bet-card--tie .html-shell__game-bet-pending,
.html-shell__game-bet-card--playerPair .html-shell__game-bet-pending,
.html-shell__game-bet-card--bankerPair .html-shell__game-bet-pending {
    bottom: 22px;
    font-size: 30px;
}
.html-shell__game-bar {
    position: absolute;
    left: 92px;
    height: 26px;
    transform-origin: 0 50%;
    z-index: 7;
    pointer-events: none;
}
.html-shell__game-bar-track {
    position: absolute;
    left: 86px;
    width: 168px;
    height: 34px;
    z-index: 6;
    pointer-events: none;
    box-sizing: border-box;
    border: 1px solid rgba(236, 225, 202, 0.22);
    background:
        linear-gradient(180deg, rgba(214, 211, 203, 0.22), rgba(104, 91, 84, 0.22)),
        linear-gradient(180deg, rgba(58, 39, 37, 0.82), rgba(34, 20, 19, 0.88));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        inset 0 -1px 0 rgba(0,0,0,0.28);
}
.html-shell__game-bar--red {
    background: linear-gradient(90deg, rgba(172, 48, 42, 0.98), rgba(220, 122, 102, 0.92));
}
.html-shell__game-bar--blue {
    background: linear-gradient(90deg, rgba(42, 76, 150, 0.98), rgba(99, 144, 228, 0.92));
}
.html-shell__game-bar--green {
    background: linear-gradient(90deg, rgba(72, 112, 28, 0.96), rgba(136, 182, 72, 0.92));
}
.html-shell__game-hit {
    background: rgba(255, 255, 255, 0);
    border: 0;
    outline: none;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    cursor: pointer;
}
.html-shell__game-hit.is-active {
    box-shadow: inset 0 0 0 4px rgba(246, 217, 142, 0.64);
}
.html-shell__game-hit:focus,
.html-shell__game-hit:focus-visible {
    outline: none;
    box-shadow: none;
}
.html-shell__game-chip-tray {
    position: absolute;
    left: 0;
    top: 1206px;
    width: 1056px;
    height: 194px;
    z-index: 3;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    touch-action: none;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    -webkit-mask-image: url('/wanli/source/dist/ui/Game/mobile_chip_tray.webp');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: 100% 100%;
    mask-image: url('/wanli/source/dist/ui/Game/mobile_chip_tray.webp');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100% 100%;
}
.html-shell__game-chip-tray-shell {
    position: absolute;
    width: 1056px;
    height: 194px;
    background: url('/wanli/source/dist/ui/Game/mobile_chip_tray.webp') center center / 100% 100% no-repeat;
    pointer-events: none;
    z-index: 2;
    filter:
        drop-shadow(0 0 0.7px rgba(244, 214, 142, 0.95))
        drop-shadow(0 0 1.4px rgba(196, 143, 65, 0.72));
}
.html-shell__game-chip-tray-underlay {
    position: absolute;
    width: 1056px;
    height: 100px;
    pointer-events: none;
    z-index: 1;
    background:
        linear-gradient(rgba(88, 22, 27, 0.92), rgba(88, 22, 27, 0.92)) left top / 100px 100px no-repeat,
        linear-gradient(rgba(88, 22, 27, 0.92), rgba(88, 22, 27, 0.92)) right top / 100px 100px no-repeat;
}
.html-shell__game-chip-tray-shell::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 1px;
    background: rgba(214, 150, 126, 0.82);
    box-shadow: 0 0 2px rgba(214, 150, 126, 0.18);
}
.html-shell__game-chip-tray-shell::after {
    content: '';
    display: none;
}
.html-shell__game-chip-tray-cap {
    position: absolute;
    width: 248px;
    height: 194px;
    background-image: url('/wanli/source/dist/ui/Game/mobile_chip_tray.webp');
    background-repeat: no-repeat;
    background-size: 1056px 194px;
    pointer-events: none;
    z-index: 2;
}
.html-shell__game-chip-tray-cap--left {
    background-position: left center;
}
.html-shell__game-chip-tray-cap--right {
    background-position: right center;
}
.html-shell__game-chip-tray::-webkit-scrollbar {
    display: none;
}
.html-shell__game-chip-tray.is-dragging {
    cursor: grabbing;
}
.html-shell__game-chip-row {
    position: relative;
    width: 1650px;
    height: 194px;
}
.html-shell__game-chip {
    position: relative;
    display: block;
    width: 134px;
    height: 124px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0;
    padding: 0;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    cursor: pointer;
    transition: transform 150ms ease, filter 150ms ease;
    touch-action: none;
    transform: scale(1.065);
    transform-origin: center center;
}
.html-shell__game-chip-tray.is-dragging .html-shell__game-chip {
    pointer-events: none;
}
.html-shell__game-chip-glow {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 122px;
    height: 122px;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.88);
    background:
        radial-gradient(circle, rgba(255, 238, 176, 0.88) 0%, rgba(255, 218, 108, 0.42) 34%, rgba(255, 214, 106, 0.14) 58%, rgba(255, 214, 106, 0) 76%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease, transform 160ms ease;
}
.html-shell__game-chip-face {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Trajan Pro 3","Cinzel","Times New Roman",serif;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 1;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 2;
    text-shadow:
        0 1px 0 rgba(79, 42, 11, 0.72),
        0 2px 5px rgba(0,0,0,0.34);
}
.html-shell__game-chip-face--gold {
    color: #f2dfa8;
}
.html-shell__game-chip-face--ruby {
    color: #f8ead1;
}
.html-shell__game-chip.is-active {
    transform: scale(1.065);
    filter:
        drop-shadow(0 10px 14px rgba(0,0,0,0.34))
        drop-shadow(0 0 16px rgba(255, 226, 134, 0.50))
        brightness(1.08)
        saturate(1.12);
}
.html-shell__game-chip.is-active .html-shell__game-chip-glow {
    opacity: 1;
    animation: html-shell-game-chip-breathe 1.65s ease-in-out infinite;
}
.html-shell__game-chip-flight-layer {
    position: absolute;
    inset: 0;
    z-index: 12;
    pointer-events: none;
    overflow: visible;
}
.html-shell__game-chip-flight {
    position: absolute;
    left: 0;
    top: 0;
    width: 136px;
    height: 136px;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    will-change: transform, opacity, filter;
    pointer-events: none;
}
.html-shell__game-chip-flight-core {
    position: absolute;
    inset: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    filter:
        drop-shadow(0 10px 16px rgba(0,0,0,0.24))
        drop-shadow(0 0 14px rgba(255, 220, 126, 0.22));
}
.html-shell__game-chip-flight-glow {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background:
        radial-gradient(circle, rgba(255, 240, 190, 0.62) 0%, rgba(255, 214, 110, 0.24) 38%, rgba(255, 214, 110, 0.04) 66%, rgba(255, 214, 110, 0) 82%);
    opacity: 0.88;
}
.html-shell__game-chip-flight--to-balance .html-shell__game-chip-flight-core {
    filter:
        drop-shadow(0 12px 18px rgba(0,0,0,0.26))
        drop-shadow(0 0 18px rgba(255, 222, 135, 0.36));
}
.html-shell__game-chip-flight--to-balance .html-shell__game-chip-flight-glow {
    width: 118px;
    height: 118px;
    background:
        radial-gradient(circle, rgba(255, 244, 209, 0.72) 0%, rgba(255, 220, 136, 0.28) 40%, rgba(255, 220, 136, 0.06) 70%, rgba(255, 220, 136, 0) 84%);
}
@keyframes html-shell-game-chip-breathe {
    0% {
        transform: translate(-50%, -50%) scale(1.04);
        opacity: 0.72;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.16);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.04);
        opacity: 0.72;
    }
}
.html-shell__game-button-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-48%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #f0dfb8;
    text-shadow: 0 2px 4px rgba(0,0,0,0.4);
    pointer-events: none;
    z-index: 2;
}
.html-shell__game-button-label--compact {
    font-size: 22px;
    letter-spacing: 0.2px;
}
.html-shell__game-button-cover--small {
    left: 8px;
    right: 8px;
    top: 7px;
    bottom: 7px;
    border-radius: 14px;
}
.html-shell__game-button-cover {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 6px;
    bottom: 6px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(58, 18, 22, 0.99), rgba(25, 8, 11, 0.995));
    border: 1px solid rgba(235, 204, 132, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 237, 201, 0.06);
    pointer-events: none;
    z-index: 1;
}
.html-shell__game-button-label--dark {
    color: #5e3116;
    text-shadow:
        0 1px 0 rgba(255, 239, 204, 0.25),
        0 2px 4px rgba(255, 220, 160, 0.14);
}
.html-shell__game-action-button {
    position: absolute;
    width: 250px;
    height: 70px;
    padding: 4px;
    border: 0;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 23px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    background:
        linear-gradient(180deg, rgba(255, 235, 164, 0.98), rgba(226, 178, 78, 0.98) 44%, rgba(140, 83, 19, 0.98));
    box-shadow:
        0 10px 20px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 247, 222, 0.78),
        inset 0 -1px 0 rgba(108, 57, 16, 0.78);
    cursor: pointer;
    z-index: 10;
}
.html-shell__game-action-button::before {
    content: '';
    position: absolute;
    inset: 2px;
    border-radius: 21px;
    border: 1px solid rgba(255, 241, 198, 0.32);
    pointer-events: none;
}
.html-shell__game-action-button.is-pressed {
    transform: translateY(1px) scale(0.995);
    filter: brightness(0.96) saturate(1.04);
}
.html-shell__game-action-button.is-hidden {
    display: none;
}
.html-shell__game-action-button-lane {
    position: relative;
    flex: 0 0 74px;
    border-radius: 18px 0 0 18px;
    overflow: hidden;
}
.html-shell__game-action-button-lane::after {
    content: '';
    position: absolute;
    right: 0;
    top: 11px;
    bottom: 11px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 241, 204, 0.10), rgba(78, 44, 22, 0.72), rgba(255, 241, 204, 0.10));
}
.html-shell__game-action-button-body {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px 0 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0 18px 18px 0;
    font-family: "Noto Sans","Noto Sans SC","Noto Sans JP","Noto Sans KR","Microsoft YaHei",sans-serif;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.16px;
    line-height: 1.02;
    color: #f5e8bf;
    text-shadow:
        0 1px 0 rgba(72, 39, 16, 0.58),
        0 2px 6px rgba(0, 0, 0, 0.34);
}
.html-shell__game-action-button-body.is-cjk {
    font-size: 35px;
    letter-spacing: 0.06px;
}
.html-shell__game-action-button-body.is-latin {
    font-size: 24px;
    letter-spacing: 0.12px;
}
.html-shell__game-action-button-body.is-compact {
    font-size: 22px;
    letter-spacing: 0;
}
.html-shell__game-action-button-body.is-cjk.is-compact {
    font-size: 31px;
}
.html-shell__game-action-button-body.is-tight {
    font-size: 20px;
}
.html-shell__game-action-button-body.is-cjk.is-tight {
    font-size: 27px;
}
.html-shell__game-action-button-body.is-ultra-tight {
    font-size: 18px;
}
.html-shell__game-action-button-body.is-cjk.is-ultra-tight {
    font-size: 24px;
}
.html-shell__game-action-button--confirm .html-shell__game-action-button-lane,
.html-shell__game-action-button--confirm .html-shell__game-action-button-body {
    background: linear-gradient(180deg, rgba(83, 108, 35, 0.99), rgba(49, 68, 20, 0.995));
}
.html-shell__game-action-button--cancel .html-shell__game-action-button-lane,
.html-shell__game-action-button--cancel .html-shell__game-action-button-body {
    background: linear-gradient(180deg, rgba(102, 31, 35, 0.99), rgba(59, 18, 22, 0.995));
}
.html-shell__game-action-button--confirm .html-shell__game-action-button-lane {
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 212, 0.14),
        inset -1px 0 0 rgba(21, 33, 8, 0.44);
}
.html-shell__game-action-button--cancel .html-shell__game-action-button-lane {
    box-shadow:
        inset 0 1px 0 rgba(255, 238, 210, 0.14),
        inset -1px 0 0 rgba(42, 10, 14, 0.46);
}
.html-shell__game-action-button-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.28));
}
.html-shell__game-action-button-icon--confirm {
    width: 24px;
    height: 14px;
    border-left: 6px solid #f7e3ac;
    border-bottom: 6px solid #f7e3ac;
    transform: translate(-48%, -65%) rotate(-45deg);
}
.html-shell__game-action-button-icon--cancel {
    width: 34px;
    height: 34px;
    transform: translate(-50%, -50%);
}
.html-shell__game-action-button-icon--cancel::before,
.html-shell__game-action-button-icon--cancel::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36px;
    height: 6px;
    border-radius: 999px;
    background: #f7e3ac;
    transform-origin: center center;
}
.html-shell__game-action-button-icon--cancel::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.html-shell__game-action-button-icon--cancel::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.html-shell__game-change-table-cover {
    position: absolute;
    left: 14px;
    right: 14px;
    top: 9px;
    bottom: 9px;
    background: linear-gradient(180deg, rgba(96, 24, 29, 1), rgba(52, 14, 19, 1));
    border: 1px solid rgba(214, 167, 109, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 235, 191, 0.06),
        inset 0 0 0 1px rgba(63, 15, 19, 0.74);
    pointer-events: none;
    z-index: 1;
}
.html-shell__game-change-table-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-48%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f4d987;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.40);
    pointer-events: none;
    z-index: 2;
}
.html-shell__game-tab-bar {
    position: absolute;
    left: 8px;
    top: 1851px;
    width: 532px;
    height: 67px;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    gap: 8px;
    z-index: 5;
}
.html-shell__game-tab {
    appearance: none;
    border: 2px solid rgba(236, 194, 112, 0.78);
    margin: 0;
    padding: 0;
    position: relative;
    flex: 1 1 0;
    height: 67px;
    background:
        radial-gradient(circle at 30% 28%, rgba(255, 220, 143, 0.16), rgba(255,255,255,0) 28%),
        linear-gradient(180deg, rgba(162, 44, 37, 0.98), rgba(121, 29, 28, 0.99) 52%, rgba(78, 20, 23, 0.995));
    box-shadow:
        inset 0 1px 0 rgba(255, 239, 198, 0.18),
        inset 0 -1px 0 rgba(0, 0, 0, 0.38),
        0 8px 18px rgba(0, 0, 0, 0.20);
    color: #f0dfb8;
    cursor: pointer;
    border-radius: 18px;
    overflow: hidden;
}
.html-shell__game-tab + .html-shell__game-tab {
    border-left: none;
}
.html-shell__game-tab::before {
    content: '';
    position: absolute;
    inset: 4px;
    border-radius: 14px;
    border: 1px solid rgba(245, 211, 138, 0.34);
    background: linear-gradient(180deg, rgba(58, 18, 22, 0.99), rgba(25, 8, 11, 0.995));
    box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.08);
}
.html-shell__game-tab.is-active {
    background:
        radial-gradient(circle at 32% 28%, rgba(255, 226, 164, 0.22), rgba(255,255,255,0) 30%),
        linear-gradient(180deg, rgba(178, 48, 41, 0.985), rgba(130, 32, 31, 0.995) 50%, rgba(86, 23, 26, 0.995));
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 209, 0.24),
        inset 0 -1px 0 rgba(0, 0, 0, 0.36),
        0 0 0 1px rgba(255, 221, 157, 0.18),
        0 10px 22px rgba(0, 0, 0, 0.24),
        0 0 18px rgba(246, 206, 128, 0.10);
}
.html-shell__game-tab.is-active::before {
    background:
        linear-gradient(180deg, rgba(79, 22, 25, 0.99), rgba(33, 10, 13, 0.995));
    border-color: rgba(247, 223, 153, 0.42);
    box-shadow: inset 0 1px 0 rgba(255, 237, 201, 0.10);
}
.html-shell__game-tab.is-active .html-shell__game-tab-label {
    color: #fff1c2;
    text-shadow: 0 2px 5px rgba(61, 12, 11, 0.44), 0 0 12px rgba(255, 217, 138, 0.10);
}
.html-shell__game-bottom-base {
    position: absolute;
    left: 0;
    top: 1508px;
    width: 1080px;
    height: 418px;
    border-radius: 0 0 28px 28px;
    background:
        radial-gradient(circle at 8% 4%, rgba(236, 196, 113, 0.20), rgba(255,255,255,0) 18%),
        radial-gradient(circle at 92% 4%, rgba(236, 196, 113, 0.18), rgba(255,255,255,0) 18%),
        linear-gradient(180deg, rgba(109, 24, 27, 0.94), rgba(70, 16, 19, 0.985) 18%, rgba(33, 10, 13, 0.995) 58%, rgba(19, 9, 12, 0.995));
    border-top: 1px solid rgba(244, 212, 142, 0.42);
    box-shadow:
        inset 0 1px 0 rgba(255, 235, 192, 0.08),
        inset 0 18px 44px rgba(255, 184, 92, 0.06),
        inset 0 -18px 36px rgba(0,0,0,0.24);
    z-index: 0;
    pointer-events: none;
}
.html-shell__game-bottom-tint {
    position: absolute;
    left: 0;
    top: 1516px;
    width: 1080px;
    height: 410px;
    pointer-events: none;
    z-index: 1;
    background:
        radial-gradient(circle at 16% 8%, rgba(232, 193, 111, 0.12), rgba(255,255,255,0) 16%),
        radial-gradient(circle at 84% 8%, rgba(232, 193, 111, 0.10), rgba(255,255,255,0) 16%),
        linear-gradient(180deg, rgba(96, 24, 28, 0.24), rgba(78, 20, 24, 0.44) 22%, rgba(52, 16, 19, 0.62) 56%, rgba(28, 11, 14, 0.80));
}
.html-shell__game-bottom-bridge {
    position: absolute;
    top: 1364px;
    width: 140px;
    height: 100px;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(160, 42, 45, 0.32), rgba(126, 31, 35, 0.58) 24%, rgba(96, 23, 27, 0.84) 58%, rgba(78, 18, 22, 0.98)),
        repeating-linear-gradient(135deg, rgba(255, 215, 147, 0.045) 0 1px, rgba(0,0,0,0) 1px 12px),
        repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.055) 0 2px, rgba(0,0,0,0) 2px 16px);
    border-top: 1px solid rgba(244, 212, 140, 0.14);
    border-bottom: 1px solid rgba(244, 212, 140, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 195, 0.08),
        inset 0 0 0 1px rgba(74, 15, 18, 0.22);
}
.html-shell__game-bottom-bridge::after {
    content: '';
    position: absolute;
    inset: 8px 10px 6px 10px;
    border-radius: 10px;
    background:
        radial-gradient(circle at 20% 22%, rgba(255, 219, 146, 0.08), rgba(255,255,255,0) 32%),
        linear-gradient(180deg, rgba(77, 18, 21, 0.10), rgba(30, 9, 12, 0.00));
    border: 1px solid rgba(241, 197, 113, 0.10);
}
.html-shell__game-bottom-bridge--left {
    left: 0;
    border-radius: 0 10px 0 0;
}
.html-shell__game-bottom-bridge--right {
    right: 0;
    border-radius: 10px 0 0 0;
}
.html-shell__game-tab-label {
    color: #fff1c2;
    text-shadow: 0 2px 5px rgba(61, 12, 11, 0.44), 0 0 12px rgba(255, 217, 138, 0.10);
}
.html-shell__game-bottom-base {
    position: absolute;
    left: 0;
    top: 1508px;
    width: 1080px;
    height: 418px;
    border-radius: 0 0 28px 28px;
    background:
        radial-gradient(circle at 8% 4%, rgba(236, 196, 113, 0.20), rgba(255,255,255,0) 18%),
        radial-gradient(circle at 92% 4%, rgba(236, 196, 113, 0.18), rgba(255,255,255,0) 18%),
        linear-gradient(180deg, rgba(109, 24, 27, 0.94), rgba(70, 16, 19, 0.985) 18%, rgba(33, 10, 13, 0.995) 58%, rgba(19, 9, 12, 0.995));
    border-top: 1px solid rgba(244, 212, 142, 0.42);
    box-shadow:
        inset 0 1px 0 rgba(255, 235, 192, 0.08),
        inset 0 18px 44px rgba(255, 184, 92, 0.06),
        inset 0 -18px 36px rgba(0,0,0,0.24);
    z-index: 0;
    pointer-events: none;
}

.html-shell__game-bottom-tint {
    position: absolute;
    left: 0;
    top: 1416px;
    width: 1080px;
    height: 510px;
    pointer-events: none;
    z-index: 1;
    background:
        radial-gradient(circle at 16% 12%, rgba(232, 193, 111, 0.16), rgba(255,255,255,0) 18%),
        radial-gradient(circle at 84% 12%, rgba(232, 193, 111, 0.14), rgba(255,255,255,0) 18%),
        linear-gradient(180deg, rgba(122, 30, 34, 0.30), rgba(91, 22, 26, 0.56) 18%, rgba(63, 16, 20, 0.74) 46%, rgba(38, 11, 14, 0.86) 74%, rgba(22, 9, 12, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 195, 0.05),
        inset 0 24px 46px rgba(255, 177, 86, 0.05);
}

.html-shell__game-bottom-bridge {
    position: absolute;
    top: 1364px;
    width: 140px;
    height: 100px;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(160, 42, 45, 0.32), rgba(126, 31, 35, 0.58) 24%, rgba(96, 23, 27, 0.84) 58%, rgba(78, 18, 22, 0.98)),
        repeating-linear-gradient(135deg, rgba(255, 215, 147, 0.045) 0 1px, rgba(0,0,0,0) 1px 12px),
        repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.055) 0 2px, rgba(0,0,0,0) 2px 16px);
    border-top: 1px solid rgba(244, 212, 140, 0.14);
    border-bottom: 1px solid rgba(244, 212, 140, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 195, 0.08),
        inset 0 0 0 1px rgba(74, 15, 18, 0.22);
}
.html-shell__game-bottom-bridge::after {
    content: '';
    position: absolute;
    inset: 8px 10px 6px 10px;
    border-radius: 10px;
    background:
        radial-gradient(circle at 20% 22%, rgba(255, 219, 146, 0.08), rgba(255,255,255,0) 32%),
        linear-gradient(180deg, rgba(77, 18, 21, 0.10), rgba(30, 9, 12, 0.00));
    border: 1px solid rgba(241, 197, 113, 0.10);
}
.html-shell__game-bottom-bridge--left {
    left: 0;
    border-radius: 0 10px 0 0;
}
.html-shell__game-bottom-bridge--right {
    right: 0;
    border-radius: 10px 0 0 0;
}
.html-shell__game-tab-label {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    color: #f6e0a4;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.42);
    pointer-events: none;
}
.html-shell__game-action {
    cursor: pointer;
    z-index: 8;
}
.html-shell__game-summary {
    position: absolute;
    left: 4px;
    width: 1072px;
    height: 382px;
    background:
        linear-gradient(180deg, rgba(249, 243, 228, 0.05), rgba(112, 27, 33, 0.04)),
        linear-gradient(180deg, rgba(97, 23, 28, 0.10), rgba(38, 12, 15, 0.08));
    border-top: 2px solid rgba(213, 162, 97, 0.92);
    border-bottom: 2px solid rgba(213, 162, 97, 0.92);
    box-sizing: border-box;
    box-shadow:
        inset 0 1px 0 rgba(255, 235, 188, 0.05),
        inset 0 0 0 1px rgba(231, 193, 116, 0.08);
    z-index: 2;
}
.html-shell__game-summary--left {
    top: 1466px;
}
.html-shell__game-summary--middle {
    top: 1466px;
    display: none;
}
.html-shell__game-toast {
    position: absolute;
    left: 50%;
    top: 516px;
    transform: translate(-50%, -50%);
    min-width: 360px;
    max-width: 760px;
    padding: 20px 34px;
    border-radius: 0;
    border: 1px solid rgba(220, 168, 107, 0.62);
    background:
        linear-gradient(180deg, rgba(99, 27, 34, 0.78), rgba(36, 10, 14, 0.82)),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.025) 0 8px, rgba(0,0,0,0.018) 8px 16px);
    color: #f5e3b7;
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.6px;
    box-shadow:
        0 18px 36px rgba(0,0,0,0.26),
        inset 0 0 0 1px rgba(255, 231, 185, 0.12);
    opacity: 0;
    pointer-events: none;
    z-index: 10;
    transition: opacity 180ms ease, transform 180ms ease;
}
.html-shell__game-toast.is-visible {
    opacity: 1;
    transform: translate(-50%, -50%);
}
.html-shell__game-round-intro {
    position: absolute;
    left: 50%;
    top: 472px;
    width: 680px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 12;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(0.54);
    will-change: transform, opacity;
}
.html-shell__game-round-intro.is-visible {
    visibility: visible;
    animation: html-shell-game-round-intro-envelope 3000ms cubic-bezier(0.18, 0.86, 0.24, 1) forwards;
}
.html-shell__game-round-intro-halo {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600px;
    height: 600px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(255, 244, 220, 0.18) 0%, rgba(229, 137, 107, 0.14) 26%, rgba(122, 41, 39, 0.08) 48%, rgba(18, 7, 10, 0.02) 64%, rgba(0,0,0,0) 80%);
    filter: blur(24px);
    opacity: 0;
}
.html-shell__game-round-intro.is-visible .html-shell__game-round-intro-halo {
    animation: html-shell-game-round-intro-halo 3000ms cubic-bezier(0.18, 0.86, 0.24, 1) forwards;
}
.html-shell__game-round-intro-badge {
    position: relative;
    width: 520px;
    height: 214px;
    border-radius: 40px;
    background:
        radial-gradient(circle at 50% 10%, rgba(255, 248, 228, 0.12), rgba(255,255,255,0) 24%),
        radial-gradient(circle at 50% 114%, rgba(129, 24, 32, 0.11), rgba(0,0,0,0) 48%),
        linear-gradient(180deg, rgba(110, 28, 31, 0.48), rgba(70, 19, 24, 0.40) 34%, rgba(35, 12, 18, 0.34) 76%, rgba(19, 8, 12, 0.32));
    border: 1px solid rgba(245, 220, 170, 0.24);
    box-shadow:
        inset 0 1px 0 rgba(255, 246, 225, 0.16),
        inset 0 -1px 0 rgba(0, 0, 0, 0.20),
        inset 0 8px 22px rgba(255, 236, 196, 0.04),
        0 18px 36px rgba(0, 0, 0, 0.18),
        0 0 28px rgba(246, 199, 112, 0.08);
    backdrop-filter: blur(8px) saturate(1.12) brightness(1.02);
    overflow: hidden;
    transform-style: preserve-3d;
}
.html-shell__game-round-intro.is-visible .html-shell__game-round-intro-badge {
    animation: html-shell-game-round-intro-badge-glow 3000ms ease-in-out forwards;
}
.html-shell__game-round-intro-badge::before {
    content: '';
    position: absolute;
    inset: 9px 14px;
    border-radius: inherit;
    border: 1px solid rgba(255, 236, 196, 0.10);
    background:
        linear-gradient(180deg, rgba(255, 247, 227, 0.08), rgba(255,255,255,0) 34%),
        linear-gradient(180deg, rgba(63, 14, 19, 0.00), rgba(20, 6, 9, 0.12));
    box-shadow:
        inset 0 1px 0 rgba(255, 245, 223, 0.05),
        inset 0 0 0 1px rgba(112, 26, 28, 0.10);
}
.html-shell__game-round-intro-badge::after {
    content: '';
    position: absolute;
    left: 34px;
    right: 34px;
    top: 14px;
    height: 18px;
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255, 250, 237, 0.12), rgba(255,255,255,0)),
        linear-gradient(90deg, rgba(255,255,255,0), rgba(255, 243, 212, 0.60), rgba(255,255,255,0));
    opacity: 0.68;
}
.html-shell__game-round-intro-frame {
    position: absolute;
    inset: 15px 20px;
    border-radius: inherit;
    border: 1px solid rgba(239, 208, 147, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 248, 229, 0.03), rgba(255,255,255,0) 24%, rgba(17, 6, 9, 0.08) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 243, 217, 0.03),
        inset 0 -1px 0 rgba(0, 0, 0, 0.08);
    pointer-events: none;
}
.html-shell__game-round-intro-scene {
    position: absolute;
    inset: 0;
    perspective: 1800px;
    transform-style: preserve-3d;
}
.html-shell__game-round-intro-flip {
    position: absolute;
    inset: 0;
    transform-style: preserve-3d;
}
.html-shell__game-round-intro.is-visible .html-shell__game-round-intro-flip {
    animation: html-shell-game-round-intro-flip 3000ms cubic-bezier(0.2, 0.82, 0.24, 1) forwards;
}
.html-shell__game-round-intro-face {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.html-shell__game-round-intro-face--front {
    gap: 10px;
}
.html-shell__game-round-intro-face--back {
    gap: 8px;
    transform: rotateY(180deg);
}
.html-shell__game-round-intro-back-echo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 94px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 10px;
    color: rgba(255, 237, 201, 0.08);
    text-shadow: 0 0 20px rgba(255, 226, 166, 0.08);
    white-space: nowrap;
}
.html-shell__game-round-intro-back-word {
    position: relative;
    z-index: 1;
    font-size: 72px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 6px;
    white-space: nowrap;
    background: linear-gradient(180deg, #fffdf7 0%, #fff1d8 20%, #ffd79d 44%, #ef9b7e 76%, #b24a3a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-stroke: 2px rgba(88, 20, 18, 0.58);
    paint-order: stroke fill;
    text-shadow:
        0 1px 0 rgba(255, 244, 218, 0.22),
        0 6px 16px rgba(0, 0, 0, 0.14),
        0 0 18px rgba(255, 224, 167, 0.10);
}
.html-shell__game-round-intro-back-note {
    position: relative;
    z-index: 1;
    color: rgba(255, 238, 198, 0.72);
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 8px;
    text-transform: uppercase;
    text-shadow: 0 2px 4px rgba(0,0,0,0.22);
}
.html-shell__game-round-intro-ornament {
    position: absolute;
    top: 50%;
    width: 42px;
    height: 14px;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0.62;
}
.html-shell__game-round-intro-ornament::before,
.html-shell__game-round-intro-ornament::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.html-shell__game-round-intro-ornament::before {
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(247, 219, 153, 0.82), rgba(255,255,255,0));
    box-shadow: 0 0 6px rgba(247, 219, 153, 0.16);
}
.html-shell__game-round-intro-ornament::after {
    width: 10px;
    height: 10px;
    left: 50%;
    background:
        linear-gradient(180deg, rgba(255, 240, 200, 0.92), rgba(216, 177, 102, 0.82) 62%, rgba(143, 87, 38, 0.78));
    border: 1px solid rgba(247, 219, 153, 0.36);
    box-shadow: 0 0 8px rgba(247, 219, 153, 0.10);
}
.html-shell__game-round-intro-ornament--left {
    left: 30px;
}
.html-shell__game-round-intro-ornament--left::after {
    transform: translate(-50%, -50%) rotate(45deg);
}
.html-shell__game-round-intro-ornament--right {
    right: 30px;
}
.html-shell__game-round-intro-ornament--right::after {
    transform: translate(-50%, -50%) rotate(45deg);
}
.html-shell__game-round-intro-caption {
    position: relative;
    z-index: 1;
    color: rgba(255, 242, 214, 0.86);
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 5px;
    text-transform: uppercase;
    text-shadow:
        0 2px 4px rgba(0,0,0,0.26),
        0 0 10px rgba(255, 221, 157, 0.08);
}
.html-shell__game-round-intro-value {
    position: relative;
    z-index: 1;
    min-width: 132px;
    text-align: center;
    line-height: 0.9;
    font-size: 146px;
    font-weight: 700;
    letter-spacing: 1px;
    background:
        linear-gradient(180deg, #fffefb 0%, #fff4de 16%, #ffdfab 42%, #ee967b 72%, #b64536 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-stroke: 2px rgba(88, 20, 18, 0.82);
    paint-order: stroke fill;
    text-shadow:
        0 1px 0 rgba(255, 244, 218, 0.24),
        0 8px 18px rgba(0, 0, 0, 0.18),
        0 0 22px rgba(255, 224, 167, 0.12);
    filter:
        drop-shadow(0 2px 0 rgba(77, 18, 16, 0.52))
        drop-shadow(0 0 8px rgba(255, 228, 176, 0.10));
}
@keyframes html-shell-game-round-intro-envelope {
    0% {
        opacity: 0;
        visibility: visible;
        transform: translate(-50%, -50%) scale(0.52);
    }
    12% {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -50%) scale(1.02);
    }
    18% {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -50%) scale(1.08);
    }
    28% {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -50%) scale(1);
    }
    82% {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -50%) scale(1);
    }
    100% {
        opacity: 0;
        visibility: hidden;
        transform: translate(-50%, -50%) scale(0.84);
    }
}
@keyframes html-shell-game-round-intro-halo {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.72);
    }
    14% {
        opacity: 0.74;
        transform: translate(-50%, -50%) scale(0.96);
    }
    42% {
        opacity: 0.44;
        transform: translate(-50%, -50%) scale(1.06);
    }
    80% {
        opacity: 0.28;
        transform: translate(-50%, -50%) scale(1.12);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.18);
    }
}
@keyframes html-shell-game-round-intro-badge-glow {
    0%, 10% {
        filter: brightness(1) saturate(1);
        box-shadow:
            inset 0 1px 0 rgba(255, 246, 225, 0.16),
            inset 0 -1px 0 rgba(0, 0, 0, 0.20),
            inset 0 8px 22px rgba(255, 236, 196, 0.04),
            0 18px 36px rgba(0, 0, 0, 0.18),
            0 0 28px rgba(246, 199, 112, 0.08);
    }
    16% {
        filter: brightness(1.12) saturate(1.08);
        box-shadow:
            inset 0 1px 0 rgba(255, 246, 225, 0.22),
            inset 0 -1px 0 rgba(0, 0, 0, 0.18),
            inset 0 10px 26px rgba(255, 236, 196, 0.08),
            0 18px 36px rgba(0, 0, 0, 0.18),
            0 0 42px rgba(246, 199, 112, 0.16);
    }
    22% {
        filter: brightness(1) saturate(1);
    }
    28% {
        filter: brightness(1.10) saturate(1.06);
        box-shadow:
            inset 0 1px 0 rgba(255, 246, 225, 0.22),
            inset 0 -1px 0 rgba(0, 0, 0, 0.18),
            inset 0 10px 26px rgba(255, 236, 196, 0.08),
            0 18px 36px rgba(0, 0, 0, 0.18),
            0 0 38px rgba(246, 199, 112, 0.14);
    }
    36%, 100% {
        filter: brightness(1) saturate(1);
    }
}
@keyframes html-shell-game-round-intro-flip {
    0%, 24% {
        transform: rotateY(0deg);
    }
    34% {
        transform: rotateY(0deg);
    }
    52% {
        transform: rotateY(194deg);
    }
    60% {
        transform: rotateY(178deg);
    }
    82% {
        transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(180deg);
    }
}
.html-shell__game-result-overlay {
    position: absolute;
    left: 4px;
    top: 1466px;
    width: 1072px;
    height: 382px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    background:
        linear-gradient(180deg, rgba(88, 20, 27, 0.72), rgba(33, 9, 13, 0.78)),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.02) 0 8px, rgba(0,0,0,0.018) 8px 16px);
    border-top: 2px solid rgba(213, 162, 97, 0.92);
    border-bottom: 2px solid rgba(213, 162, 97, 0.92);
    box-sizing: border-box;
    box-shadow:
        inset 0 0 0 1px rgba(255, 229, 181, 0.08),
        inset 0 12px 28px rgba(255, 236, 200, 0.05);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 9;
    transition: opacity 220ms ease;
}
.html-shell__game-result-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}
.html-shell__game-result-title {
    position: relative;
    color: #f6e4bd;
    font-size: 88px;
    line-height: 1.02;
    font-weight: 700;
    letter-spacing: 4px;
    text-align: center;
    padding: 0 18px;
    -webkit-text-stroke: 3px rgba(62, 14, 12, 0.96);
    paint-order: stroke fill;
    text-shadow:
        0 1px 0 rgba(255, 251, 236, 0.48),
        0 3px 0 rgba(92, 22, 16, 0.78),
        0 0 14px rgba(255, 244, 214, 0.30),
        0 12px 18px rgba(0,0,0,0.38);
    filter:
        drop-shadow(0 0 4px rgba(255, 244, 226, 0.28))
        drop-shadow(0 2px 0 rgba(70, 18, 16, 0.70));
}
.html-shell__game-result-title::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 52%;
    width: calc(100% + 42px);
    height: 92px;
    transform: translate(-50%, -50%);
    background: linear-gradient(180deg, rgba(48, 10, 12, 0.12), rgba(18, 4, 6, 0.18));
    border-radius: 18px;
    box-shadow:
        inset 0 1px 0 rgba(255, 239, 205, 0.06),
        inset 0 0 0 1px rgba(255,255,255,0.03);
    z-index: -1;
    pointer-events: none;
}
.html-shell__game-result-title--banker {
    background: linear-gradient(180deg, #fff8e7 0%, #ffe1bb 18%, #ffc491 44%, #f57f63 74%, #c63d34 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.html-shell__game-result-title--player {
    background: linear-gradient(180deg, #fbfdff 0%, #ddecff 20%, #9dc8ff 46%, #5f95f2 76%, #2a5dc0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.html-shell__game-result-title--tie {
    background: linear-gradient(180deg, #eefde7 0%, #cbf3b7 22%, #86d867 50%, #3f9f43 78%, #2c6d31 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.html-shell__game-result-amount {
    color: #fff4d2;
    font-size: 78px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 0 3px 10px rgba(0,0,0,0.38);
}
.html-shell__game-result-amount--win {
    color: #f17063;
}
.html-shell__game-result-amount--lose {
    color: #7fb4ff;
}
.html-shell__game-result-amount--tie {
    color: #fff4d2;
}
.html-shell__game-table-panel {
    position: absolute;
    right: 20px;
    top: 356px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(111, 29, 36, 0.96), rgba(61, 13, 20, 0.98)),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.035) 0 7px, rgba(0,0,0,0.03) 7px 14px);
    border: 2px solid rgba(236, 196, 109, 0.82);
    box-shadow:
        0 18px 36px rgba(0,0,0,0.42),
        inset 0 0 0 1px rgba(255, 227, 164, 0.16);
    z-index: 24;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.html-shell__game-table-panel.is-visible {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}
.html-shell__game-table-panel.is-closing {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
}
.html-shell__game-table-panel-backdrop {
    position: absolute;
    inset: 0;
    appearance: none;
    border: none;
    padding: 0;
    margin: 0;
    z-index: 23;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.001);
}
.html-shell__game-table-panel-backdrop.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.html-shell__game-table-panel-backdrop.is-closing {
    opacity: 0;
    visibility: visible;
    pointer-events: none;
}
.html-shell__game-table-item {
    position: relative;
    width: 419px;
    height: 283px;
    cursor: pointer;
    display: block;
    padding: 0;
    border: 2px solid rgba(226, 182, 101, 0.74);
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(132, 33, 44, 0.98), rgba(68, 14, 22, 0.98)),
        linear-gradient(90deg, rgba(255,255,255,0.04), rgba(255,255,255,0) 32%);
    box-shadow:
        inset 0 0 0 1px rgba(255, 224, 170, 0.12),
        inset 0 18px 28px rgba(255,255,255,0.04),
        0 8px 14px rgba(0,0,0,0.28);
    overflow: hidden;
    z-index: 1;
}
.html-shell__game-table-item.is-active {
    border-color: rgba(244, 211, 134, 0.96);
    box-shadow:
        inset 0 0 0 1px rgba(255, 233, 178, 0.24),
        inset 0 18px 28px rgba(255,255,255,0.06),
        0 10px 18px rgba(0,0,0,0.34),
        0 0 0 2px rgba(255, 218, 131, 0.18);
}
.html-shell__game-table-item::before {
    content: '';
    position: absolute;
    inset: 6px;
    border: 1px solid rgba(228, 191, 116, 0.26);
    pointer-events: none;
}
.html-shell__game-table-header {
    position: absolute;
    left: 16px;
    right: 16px;
    top: 14px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 16px 0 18px;
    background: linear-gradient(180deg, rgba(115, 25, 32, 0.96), rgba(70, 16, 22, 0.98));
    border: 1px solid rgba(235, 201, 131, 0.42);
    box-shadow: inset 0 1px 0 rgba(255, 231, 176, 0.12);
}
.html-shell__game-table-title {
    color: #f7dfac;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.6px;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
    text-shadow: 0 2px 4px rgba(0,0,0,0.4);
}
.html-shell__game-table-timer {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 90px;
    justify-content: flex-end;
    color: #f5e4bc;
    font-size: 28px;
    font-weight: 700;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
    text-shadow: 0 2px 4px rgba(0,0,0,0.36);
}
.html-shell__game-table-timer-icon {
    position: relative;
    width: 22px;
    height: 22px;
    border: 2px solid rgba(245, 220, 164, 0.88);
    border-radius: 50%;
    box-sizing: border-box;
    opacity: 0.92;
}
.html-shell__game-table-timer-icon::before {
    content: '';
    position: absolute;
    left: 9px;
    top: 3px;
    width: 2px;
    height: 7px;
    background: rgba(245, 220, 164, 0.9);
    border-radius: 1px;
}
.html-shell__game-table-timer-icon::after {
    content: '';
    position: absolute;
    left: 9px;
    top: 9px;
    width: 6px;
    height: 2px;
    background: rgba(245, 220, 164, 0.9);
    border-radius: 1px;
}
.html-shell__game-table-roadmap-slot {
    position: absolute;
    left: 15px;
    top: 77px;
    width: 389px;
    height: 199px;
    background:
        linear-gradient(180deg, rgba(248, 244, 235, 0.98), rgba(229, 225, 214, 0.98));
    border: 2px solid rgba(123, 54, 38, 0.78);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.55),
        inset 0 -8px 20px rgba(0,0,0,0.05);
    overflow: hidden;
}
.html-shell__game-table-label {
    position: absolute;
    display: none;
}
.html-shell__game-table-roadmap {
    position: absolute;
    left: 0;
    top: 0;
    width: 389px;
    height: 199px;
    background: transparent;
    transform: none;
    transform-origin: 0 0;
    z-index: 1;
}
.html-shell__game-road-toggle {
    position: absolute;
    left: 548px;
    top: 1851px;
    width: 532px;
    height: 67px;
    overflow: visible;
    z-index: 4;
}

.html-shell__game-road-pick {
    position: absolute;
    width: 262px;
    height: 67px;
    appearance: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255, 239, 198, 0.18),
        inset 0 -1px 0 rgba(0, 0, 0, 0.38),
        0 8px 18px rgba(0, 0, 0, 0.20);
}
.html-shell__game-road-pick::before {
    content: '';
    position: absolute;
    inset: 4px;
    border-radius: 14px;
    border: 1px solid rgba(245, 211, 138, 0.34);
    box-shadow: inset 0 1px 0 rgba(255, 236, 190, 0.08);
}
.html-shell__game-road-pick::after {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    top: 7px;
    height: 22px;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255, 227, 166, 0.14), rgba(255,255,255,0));
    pointer-events: none;
}
.html-shell__game-road-pick--banker {
    left: 0;
    top: 0;
    background:
        radial-gradient(circle at 30% 28%, rgba(255, 220, 143, 0.16), rgba(255,255,255,0) 28%),
        linear-gradient(180deg, rgba(162, 44, 37, 0.98), rgba(121, 29, 28, 0.99) 52%, rgba(78, 20, 23, 0.995));
    border: 2px solid rgba(236, 194, 112, 0.78);
}
.html-shell__game-road-pick--player {
    left: 270px;
    top: 0;
    background:
        radial-gradient(circle at 30% 28%, rgba(255, 220, 143, 0.16), rgba(255,255,255,0) 28%),
        linear-gradient(180deg, rgba(56, 96, 154, 0.98), rgba(35, 68, 116, 0.99) 52%, rgba(29, 44, 80, 0.995));
    border: 2px solid rgba(236, 194, 112, 0.78);
}
.html-shell__game-road-pick.is-active {
    filter: brightness(1.06) saturate(1.06);
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 209, 0.24),
        inset 0 -1px 0 rgba(0, 0, 0, 0.36),
        0 0 0 1px rgba(255, 221, 157, 0.18),
        0 10px 22px rgba(0, 0, 0, 0.24),
        0 0 18px rgba(246, 206, 128, 0.10);
}
.html-shell__game-road-pick-label {
    position: absolute;
    left: 16px;
    top: 10px;
    width: 118px;
    min-height: 40px;
    display: flex;
    align-items: center;
    color: #f6e0a4;
    font-size: 31px;
    font-weight: 700;
    line-height: 1.02;
    text-shadow: 0 2px 5px rgba(0,0,0,0.42);
    pointer-events: none;
    letter-spacing: 0.28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.html-shell__game-road-pick-label.is-cjk {
    font-size: 34px;
    letter-spacing: 0.08px;
}
.html-shell__game-road-pick-label.is-latin {
    font-size: 29px;
    letter-spacing: 0.16px;
}
.html-shell__game-road-pick-label.is-compact {
    font-size: 28px;
    letter-spacing: 0.12px;
}
.html-shell__game-road-pick-label.is-tight {
    font-size: 24px;
}
.html-shell__game-road-pick-label.is-cjk.is-tight {
    font-size: 30px;
}
.html-shell__game-road-pick-label.is-latin.is-compact {
    font-size: 26px;
}
.html-shell__game-road-pick-label.is-ultra-tight {
    font-size: 22px;
}
.html-shell__game-road-pick-label.is-cjk.is-ultra-tight {
    font-size: 27px;
}
.html-shell__game-road-pick-icons {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 86px;
    height: 34px;
    display: block;
    padding: 0 6px;
    border-radius: 11px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(242, 241, 237, 0.96));
    border: 1px solid rgba(211, 178, 120, 0.62);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.72), 0 1px 2px rgba(0,0,0,0.12);
}
.html-shell__game-road-pick-sprite {
    position: absolute;
    pointer-events: none;
    transform: scale(0.72);
    transform-origin: 50% 50%;
}
.html-shell__game-road-pip {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid rgba(255, 252, 245, 0.96);
    box-shadow: 0 1px 3px rgba(0,0,0,0.20);
}
.html-shell__game-road-pip--red { background: #c53d3d; }
.html-shell__game-road-pip--blue { background: #2f79c6; }
.html-shell__game-road-pip--empty { background: rgba(255,255,255,0.92); }
.html-shell__game-road-slash {
    width: 26px;
    height: 4px;
    border-radius: 999px;
    transform: rotate(-46deg);
    box-shadow: 0 1px 2px rgba(0,0,0,0.16);
}
.html-shell__game-road-slash--red { background: #c53d3d; }
.html-shell__game-road-slash--blue { background: #2f79c6; }
.html-shell__game-info-value {
    color: #f0dfb8;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.42);
    white-space: nowrap;
    font-size: 22px;
    font-weight: 700;
}
.html-shell__sheet {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(10, 4, 6, 0.62);
    z-index: 18;
}
.html-shell__sheet.is-visible {
    display: flex;
}
.html-shell--mobile .html-shell__sheet {
    padding:
        calc(env(safe-area-inset-top, 0px) + 12px)
        calc(env(safe-area-inset-right, 0px) + 12px)
        calc(env(safe-area-inset-bottom, 0px) + 12px)
        calc(env(safe-area-inset-left, 0px) + 12px);
    box-sizing: border-box;
}
.html-shell__sheet--fullscreen {
    align-items: stretch;
    justify-content: stretch;
}
.html-shell--mobile .html-shell__sheet--fullscreen {
    padding: 0;
}
.html-shell__sheet-card {
    width: min(94vw, 960px);
    max-height: min(92vh, 1520px);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    background:
        linear-gradient(180deg, rgba(88, 27, 30, 0.985), rgba(62, 18, 22, 0.988) 48%, rgba(36, 11, 14, 0.992)),
        repeating-linear-gradient(135deg, rgba(255, 237, 198, 0.018) 0 1px, transparent 1px 22px);
    border: 1px solid rgba(202, 151, 126, 0.86);
    box-shadow:
        0 24px 64px rgba(0, 0, 0, 0.38),
        inset 0 0 0 1px rgba(255, 239, 210, 0.08);
    overflow: hidden;
}
.html-shell--mobile .html-shell__sheet-card {
    width: 100%;
    max-height: 100%;
    min-height: 0;
    padding: 10px;
}
.html-shell__sheet-card--fullscreen {
    width: 100vw;
    height: 100svh;
    max-height: 100svh;
    min-height: 100svh;
    border-radius: 0;
    box-shadow: none;
    padding:
        calc(env(safe-area-inset-top, 0px) + 12px)
        calc(env(safe-area-inset-right, 0px) + 12px)
        calc(env(safe-area-inset-bottom, 0px) + 12px)
        calc(env(safe-area-inset-left, 0px) + 12px);
    box-sizing: border-box;
}
.html-shell__sheet-card--report,
.html-shell__sheet-card--change-pass {
    gap: 12px;
    padding-top: calc(env(safe-area-inset-top, 0px) + 10px);
}
.html-shell__sheet-header {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    align-items: center;
    gap: 8px;
    min-height: 52px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(202, 151, 126, 0.48);
}
.html-shell__sheet-header--page {
    position: relative;
    min-height: 58px;
    grid-template-columns: 1fr;
    gap: 0;
    padding-bottom: 10px;
}
.html-shell__sheet-header--page .html-shell__sheet-back,
.html-shell__sheet-header--page .html-shell__sheet-close {
    position: absolute;
    top: 0;
}
.html-shell__sheet-header--page .html-shell__sheet-back {
    left: 0;
}
.html-shell__sheet-header--page .html-shell__sheet-close {
    right: -4px;
}
.html-shell__sheet-header--page .html-shell__sheet-title {
    padding: 0 72px;
}
.html-shell__sheet-back,
.html-shell__sheet-close {
    width: 56px;
    height: 52px;
    border: 1px solid rgba(202, 151, 126, 0.9);
    background:
        linear-gradient(180deg, rgba(102, 32, 35, 0.98), rgba(74, 22, 27, 0.99) 54%, rgba(47, 15, 20, 0.995));
    color: #f0d7a3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: 700 28px/1 "Microsoft YaHei","PingFang SC",sans-serif;
    cursor: pointer;
}
.html-shell__sheet-back[hidden],
.html-shell__sheet-close[hidden] {
    display: none;
}
.html-shell__sheet-title {
    color: #f1dfb7;
    font: 700 30px/1.1 "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
    text-align: center;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.html-shell__sheet-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.html-shell__sheet-meta--report {
    gap: 10px;
}
.html-shell__sheet-meta-card {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 12px;
    background: rgba(48, 14, 18, 0.34);
    border: 1px solid rgba(202, 151, 126, 0.42);
}
.html-shell__sheet-meta--report .html-shell__sheet-meta-card {
    min-height: 48px;
    padding: 0 14px;
}
.html-shell__sheet-meta-label {
    color: rgba(245, 221, 181, 0.86);
    font: 700 20px/1 "Microsoft YaHei","PingFang SC",sans-serif;
    white-space: nowrap;
}
.html-shell__sheet-meta-divider {
    width: 1px;
    align-self: stretch;
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(215,177,141,0.74), rgba(255,255,255,0));
}
.html-shell__sheet-meta-value {
    min-width: 0;
    color: #fff3d0;
    font: 700 22px/1.1 "Microsoft YaHei","PingFang SC",sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.html-shell__sheet-loading,
.html-shell__sheet-empty {
    display: none;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    color: rgba(245, 221, 181, 0.88);
    font: 700 24px/1.4 "Microsoft YaHei","PingFang SC",sans-serif;
    text-align: center;
}
.html-shell__sheet-loading.is-visible,
.html-shell__sheet-empty.is-visible {
    display: flex;
}
.html-shell__sheet-table-wrap {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(202, 151, 126, 0.52);
    background:
        linear-gradient(180deg, rgba(55, 15, 19, 0.38), rgba(26, 7, 11, 0.52)),
        repeating-linear-gradient(135deg, rgba(255, 242, 216, 0.012) 0 1px, transparent 1px 20px);
}
.html-shell__sheet-table-wrap--report {
    flex: 1 1 auto;
    min-height: 0;
}
.html-shell__sheet-table-wrap--report .html-shell__sheet-loading,
.html-shell__sheet-table-wrap--report .html-shell__sheet-empty {
    position: absolute;
    inset: 47px 0 0 0;
    min-height: 0;
    background: linear-gradient(180deg, rgba(55, 15, 19, 0.28), rgba(26, 7, 11, 0.58));
    z-index: 2;
}
.html-shell__sheet-table-head,
.html-shell__sheet-table-row {
    display: grid;
    gap: 0;
}
.html-shell__sheet-table-head {
    min-height: 46px;
    background: rgba(104, 33, 37, 0.74);
    border-bottom: 1px solid rgba(202, 151, 126, 0.44);
}
.html-shell__sheet-table-head > span,
.html-shell__sheet-table-cell {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 0 10px;
    border-right: 1px solid rgba(202, 151, 126, 0.18);
}
.html-shell__sheet-table-head > span:last-child,
.html-shell__sheet-table-cell:last-child {
    border-right: 0;
}
.html-shell__sheet-table-head > span {
    color: #f4ddb1;
    font: 700 20px/1 "Microsoft YaHei","PingFang SC",sans-serif;
    white-space: nowrap;
}
.html-shell__sheet-table-body {
    flex: 1;
    min-height: 0;
    overflow: auto;
}
.html-shell__sheet-table-row {
    min-height: 50px;
    border-bottom: 1px solid rgba(202, 151, 126, 0.16);
}
.html-shell__sheet-table-row:nth-child(2n) {
    background: rgba(255, 243, 218, 0.02);
}
.html-shell__sheet-table-cell {
    color: #fff0cf;
    font: 700 20px/1.24 "Microsoft YaHei","PingFang SC",sans-serif;
    word-break: break-word;
}
.html-shell__sheet-table-cell--button button {
    border: 0;
    background: none;
    padding: 0;
    color: #f5e0ac;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}
.html-shell__sheet-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-top: 8px;
}
.html-shell__sheet-card--report .html-shell__sheet-pagination {
    flex: 0 0 auto;
    min-height: 42px;
}
.html-shell__sheet-pagination-summary {
    color: rgba(245, 222, 183, 0.82);
    font: 700 18px/1.2 "Microsoft YaHei","PingFang SC",sans-serif;
}
.html-shell__sheet-pagination-page {
    color: rgba(245, 222, 183, 0.92);
    font: 700 18px/1.2 "Microsoft YaHei","PingFang SC",sans-serif;
    min-width: 72px;
    text-align: center;
}
.html-shell__sheet-pagination-actions {
    display: flex;
    gap: 8px;
}
.html-shell__sheet-pagination-button {
    min-width: 88px;
    height: 40px;
    border: 1px solid rgba(202, 151, 126, 0.82);
    background: linear-gradient(180deg, rgba(96, 29, 32, 0.98), rgba(64, 19, 24, 0.99));
    color: #f4ddb1;
    font: 700 18px/1 "Microsoft YaHei","PingFang SC",sans-serif;
    cursor: pointer;
}
.html-shell__sheet-pagination-button:disabled {
    opacity: 0.45;
    cursor: default;
}
.html-shell__change-pass-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.html-shell__sheet-card--change-pass .html-shell__change-pass-form {
    flex: 1 1 auto;
    justify-content: center;
    gap: 12px;
}
.html-shell__change-pass-field {
    display: grid;
    grid-template-columns: 120px 1px 1fr;
    align-items: center;
    min-height: 54px;
    padding: 0 14px;
    background: rgba(48, 14, 18, 0.34);
    border: 1px solid rgba(202, 151, 126, 0.52);
}
.html-shell__sheet-card--change-pass .html-shell__change-pass-field {
    min-height: 58px;
}
.html-shell__change-pass-label {
    color: #f0dfb8;
    font: 700 22px/1 "Microsoft YaHei","PingFang SC",sans-serif;
}
.html-shell__change-pass-divider {
    width: 1px;
    align-self: stretch;
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(215,177,141,0.72), rgba(255,255,255,0));
}
.html-shell__change-pass-input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff2d3;
    font: 700 22px/1.2 "Microsoft YaHei","PingFang SC",sans-serif;
    padding-left: 14px;
}
.html-shell__change-pass-message {
    min-height: 34px;
    color: #f0dfb8;
    font: 700 20px/1.4 "Microsoft YaHei","PingFang SC",sans-serif;
}
.html-shell__sheet-card--change-pass .html-shell__change-pass-message {
    flex: 0 0 auto;
}
.html-shell__change-pass-actions {
    display: flex;
    gap: 10px;
}
.html-shell__sheet-card--change-pass .html-shell__change-pass-actions {
    flex: 0 0 auto;
    justify-content: flex-end;
}
.html-shell__change-pass-actions .html-shell__button {
    flex: 1 1 0;
}
.html-shell__sheet-card--limit-confirm {
    width: min(92vw, 760px);
    max-width: 760px;
    gap: 12px;
}
.html-shell__limit-confirm-subtitle {
    color: rgba(245, 222, 183, 0.88);
    font: 700 20px/1.35 "Microsoft YaHei","PingFang SC",sans-serif;
    text-align: center;
}
.html-shell__limit-confirm-grid {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid rgba(202, 151, 126, 0.52);
    background:
        linear-gradient(180deg, rgba(55, 15, 19, 0.38), rgba(26, 7, 11, 0.52)),
        repeating-linear-gradient(135deg, rgba(255, 242, 216, 0.012) 0 1px, transparent 1px 20px);
}
.html-shell__limit-confirm-head,
.html-shell__limit-confirm-row,
.html-shell__limit-confirm-total {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
}
.html-shell__limit-confirm-head {
    min-height: 46px;
    background: rgba(104, 33, 37, 0.74);
    border-bottom: 1px solid rgba(202, 151, 126, 0.44);
}
.html-shell__limit-confirm-head > span,
.html-shell__limit-confirm-cell {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 0 12px;
    border-right: 1px solid rgba(202, 151, 126, 0.18);
}
.html-shell__limit-confirm-head > span:last-child,
.html-shell__limit-confirm-cell:last-child {
    border-right: 0;
}
.html-shell__limit-confirm-head > span {
    color: #f4ddb1;
    font: 700 20px/1 "Microsoft YaHei","PingFang SC",sans-serif;
    white-space: nowrap;
}
.html-shell__limit-confirm-body {
    display: flex;
    flex-direction: column;
}
.html-shell__limit-confirm-row,
.html-shell__limit-confirm-total {
    min-height: 48px;
    border-bottom: 1px solid rgba(202, 151, 126, 0.16);
}
.html-shell__limit-confirm-row:nth-child(2n) {
    background: rgba(255, 243, 218, 0.02);
}
.html-shell__limit-confirm-total {
    background: rgba(104, 33, 37, 0.16);
}
.html-shell__limit-confirm-cell {
    color: #fff0cf;
    font: 700 20px/1.24 "Microsoft YaHei","PingFang SC",sans-serif;
    word-break: break-word;
}
.html-shell__limit-confirm-cell--label {
    gap: 8px;
}
.html-shell__limit-confirm-mark {
    color: #ff7d67;
    font-weight: 700;
}
.html-shell__limit-confirm-cell--adjusted.is-overload {
    color: #ffb1a4;
}
.html-shell__limit-confirm-tip {
    white-space: pre-line;
    color: rgba(245, 222, 183, 0.84);
    font: 700 18px/1.5 "Microsoft YaHei","PingFang SC",sans-serif;
}
.html-shell__change-pass-actions--limit-confirm {
    justify-content: stretch;
}
.html-shell__change-pass-actions--limit-confirm .html-shell__button {
    flex: 1 1 0;
}
.html-shell__game-bet-pending.is-overload {
    color: #ff7d67;
}
.html-shell__agreement,
.html-shell__loading {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.92);
    z-index: 10;
}
.html-shell__agreement.is-visible,
.html-shell__loading.is-visible {
    display: flex;
}
.html-shell--mobile .html-shell__agreement {
    align-items: stretch;
    justify-content: stretch;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 50% 10%, rgba(244, 214, 142, 0.10), transparent 28%),
        linear-gradient(180deg, rgba(5, 3, 4, 0.96), rgba(31, 9, 13, 0.98) 46%, rgba(8, 4, 5, 0.99)),
        #090405;
}
.html-shell__agreement-card,
.html-shell__loading-card {
    width: min(88vw, 760px);
    max-height: min(82vh, 1320px);
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 2px;
    border-radius: 0;
    background: linear-gradient(180deg, rgba(77, 18, 24, 0.992), rgba(39, 10, 15, 0.995) 100%);
    border: 1px solid rgba(226, 168, 146, 0.82);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}
.html-shell__agreement-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 222, 192, 0.05);
    pointer-events: none;
}
.html-shell--mobile .html-shell__agreement-card {
    width: 100vw;
    height: 100svh;
    max-height: 100svh;
    min-height: 100svh;
    gap: 2px;
    padding:
        calc(env(safe-area-inset-top, 0px) + 2px)
        calc(env(safe-area-inset-right, 0px) + 2px)
        calc(env(safe-area-inset-bottom, 0px) + 2px)
        calc(env(safe-area-inset-left, 0px) + 2px);
    border-radius: 0;
    box-sizing: border-box;
    background:
        radial-gradient(ellipse at 50% 7%, rgba(244, 214, 142, 0.10), transparent 26%),
        linear-gradient(180deg, rgba(37, 10, 13, 0.995), rgba(15, 6, 8, 0.998) 54%, rgba(8, 4, 5, 1));
    border-color: rgba(221, 188, 112, 0.46);
    box-shadow:
        inset 0 0 72px rgba(0, 0, 0, 0.28),
        0 18px 42px rgba(0, 0, 0, 0.42);
    isolation: isolate;
}
.html-shell--mobile .html-shell__agreement-card::before {
    inset: 0;
    border-radius: 0;
    border-color: rgba(255, 232, 166, 0.10);
    box-shadow:
        inset 0 0 0 1px rgba(109, 71, 30, 0.28),
        inset 0 0 44px rgba(0, 0, 0, 0.24);
}
.html-shell--mobile .html-shell__agreement-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 50% 18%, rgba(255, 229, 161, 0.055), transparent 34%),
        repeating-linear-gradient(135deg, rgba(255, 222, 154, 0.018) 0 1px, rgba(0,0,0,0) 1px 24px),
        linear-gradient(90deg, rgba(0, 0, 0, 0.20), transparent 28%, transparent 72%, rgba(0, 0, 0, 0.24));
    z-index: 0;
}
.html-shell__agreement-title,
.html-shell__loading-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 16px;
    font-size: 24px;
    color: #f7dfa0;
    text-align: center;
    letter-spacing: 1px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.36);
    background: linear-gradient(180deg, rgba(84, 17, 21, 0.98), rgba(40, 10, 13, 0.99));
    border: 1px solid rgba(226, 168, 146, 0.62);
    border-radius: 0;
    box-sizing: border-box;
    font-family: "Noto Serif SC","Songti SC","Microsoft YaHei",serif;
}
.html-shell__agreement-title {
    flex: 0 0 60px;
}
.html-shell--mobile .html-shell__agreement-title {
    font-size: 24px;
    padding: 0 12px;
    border-radius: 0;
    color: #f4dfaa;
    background:
        linear-gradient(180deg, rgba(59, 18, 17, 0.98), rgba(24, 9, 10, 0.995));
    border-color: rgba(218, 184, 111, 0.54);
    box-shadow:
        inset 0 1px 0 rgba(255, 239, 190, 0.08),
        inset 0 -1px 0 rgba(0, 0, 0, 0.34);
    position: relative;
    z-index: 1;
}
.html-shell__agreement-body {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 16px 18px;
    border-radius: 0;
    background:
        repeating-linear-gradient(135deg, rgba(255, 222, 154, 0.020) 0 1px, rgba(0,0,0,0) 1px 22px),
        linear-gradient(180deg, rgba(72, 18, 23, 0.94), rgba(41, 11, 16, 0.97));
    color: #e7d9bf;
    line-height: 1.72;
    font-size: 18px;
    border: 1px solid rgba(226, 168, 146, 0.40);
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: rgba(214, 170, 118, 0.92) rgba(49, 14, 18, 0.92);
}
.html-shell--mobile .html-shell__agreement-body {
    padding: 14px 16px;
    border-radius: 0;
    font-size: 15px;
    line-height: 1.68;
    color: #e9dcc0;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255, 222, 154, 0.045), transparent 34%),
        repeating-linear-gradient(135deg, rgba(255, 222, 154, 0.014) 0 1px, rgba(0,0,0,0) 1px 22px),
        linear-gradient(180deg, rgba(31, 12, 11, 0.96), rgba(14, 7, 8, 0.985));
    border-color: rgba(207, 174, 107, 0.32);
    box-shadow:
        inset 0 0 34px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 238, 190, 0.035);
    position: relative;
    z-index: 1;
}
.html-shell__agreement-body::-webkit-scrollbar {
    width: 10px;
}
.html-shell__agreement-body::-webkit-scrollbar-track {
    background: linear-gradient(180deg, rgba(31, 12, 11, 0.96), rgba(13, 7, 8, 0.98));
    border-left: 1px solid rgba(207, 174, 107, 0.16);
}
.html-shell__agreement-body::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(232, 196, 126, 0.96), rgba(157, 111, 58, 0.98));
    border: 1px solid rgba(76, 45, 22, 0.78);
    border-radius: 999px;
    box-shadow:
        inset 0 1px 0 rgba(255, 238, 205, 0.28),
        0 0 0 1px rgba(68, 20, 23, 0.28);
}
.html-shell__agreement-body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(246, 218, 155, 0.98), rgba(181, 131, 67, 0.98));
}
.html-shell__agreement-body .LI,
.html-shell__agreement-body #divLI {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    overflow: visible !important;
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
}
.html-shell__agreement-brand {
    display: none;
}
.html-shell__agreement-actions {
    display: flex;
    gap: 2px;
    justify-content: stretch;
    flex: 0 0 62px;
}
.html-shell--mobile .html-shell__agreement-actions {
    gap: 2px;
    position: relative;
    z-index: 1;
    background: rgba(6, 3, 4, 0.72);
}
.html-shell__agreement-actions .html-shell__button {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    margin: 0;
    border-radius: 0;
    border: 1px solid rgba(226, 168, 146, 0.62);
    box-shadow: none;
    font-size: 22px;
    letter-spacing: 1px;
}
.html-shell--mobile .html-shell__agreement-actions .html-shell__button {
    min-height: 0;
    height: 100%;
    flex: 1 1 0;
    font-size: 20px;
    letter-spacing: 1px;
    border-radius: 0;
    border-color: rgba(218, 184, 111, 0.46);
}
.html-shell--desktop-shell .html-shell__agreement-card {
    width: min(1120px, calc(100vw - 140px));
    max-width: 1120px;
    min-height: min(720px, calc(100vh - 120px));
    padding: 26px 260px 26px 24px;
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(22, 58, 45, 0.98), rgba(17, 47, 37, 0.99)),
        repeating-linear-gradient(90deg, rgba(255, 238, 196, 0.03) 0 1px, rgba(0,0,0,0) 1px 21px);
    border: 2px solid rgba(232, 198, 120, 0.72);
    box-shadow:
        0 22px 52px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 245, 219, 0.12);
}
.html-shell--desktop-shell .html-shell__agreement-card::before {
    inset: 8px;
    border-radius: 0;
    border-color: rgba(255, 238, 196, 0.18);
}
.html-shell--desktop-shell .html-shell__agreement-title {
    margin-bottom: 14px;
    font-size: 30px;
    text-align: left;
}
.html-shell--desktop-shell .html-shell__agreement-body {
    min-height: 590px;
    max-height: calc(100vh - 190px);
    padding: 18px 24px;
    background: rgba(95, 113, 73, 0.32);
    border: 1px solid rgba(232, 198, 120, 0.48);
}
.html-shell--desktop-shell .html-shell__agreement-brand {
    position: absolute;
    right: 48px;
    top: 76px;
    display: block;
    width: 138px;
    text-align: center;
}
.html-shell--desktop-shell .html-shell__agreement-brand img {
    display: block;
    width: 100%;
    filter:
        drop-shadow(0 8px 14px rgba(0, 0, 0, 0.24))
        drop-shadow(0 0 8px rgba(255, 221, 136, 0.06));
}
.html-shell--desktop-shell .html-shell__agreement-actions {
    position: absolute;
    right: 46px;
    bottom: 24px;
    width: 156px;
    margin-top: 0;
    flex-direction: column;
    gap: 10px;
}
.html-shell--desktop-shell .html-shell__agreement-actions .html-shell__button {
    min-height: 40px;
    padding: 10px 12px;
    font-size: 22px;
    border-radius: 0;
}
.html-shell__loading {
    background: #000;
    backdrop-filter: none;
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 250ms ease, visibility 0s linear 250ms;
}
.html-shell__loading.is-panel-variant {
    background: rgba(0, 0, 0, 0.52);
    backdrop-filter: blur(6px);
}
.html-shell__loading.is-boot-variant {
    background: #000;
    backdrop-filter: none;
}
.html-shell__loading.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 250ms ease;
}
.html-shell__loading-card {
    width: min(76vw, 360px);
    align-items: center;
    gap: 18px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}
.html-shell__loading-badge {
    display: none;
}
.html-shell__loading-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 104px;
}
.html-shell__loading-crest {
    position: relative;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
}
.html-shell__loading-crest-ring {
    display: none;
}
.html-shell__loading-logo {
    position: relative;
    width: 122px;
    height: auto;
    display: block;
    filter:
        drop-shadow(0 0 18px rgba(244, 208, 128, 0.14))
        drop-shadow(0 8px 24px rgba(0, 0, 0, 0.28));
    transform-origin: center center;
    animation: html-shell-loading-logo-breathe 2.2s ease-in-out infinite;
}
@keyframes html-shell-loading-logo-breathe {
    0%, 100% {
        transform: scale(1);
        opacity: 0.94;
        filter:
            drop-shadow(0 0 14px rgba(244, 208, 128, 0.12))
            drop-shadow(0 8px 20px rgba(0, 0, 0, 0.26));
    }
    50% {
        transform: scale(1.035);
        opacity: 1;
        filter:
            drop-shadow(0 0 22px rgba(244, 208, 128, 0.20))
            drop-shadow(0 10px 28px rgba(0, 0, 0, 0.32));
    }
}
.html-shell__loading-title {
    display: none;
}
.html-shell__loading-progress {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
}
.html-shell__loading.is-boot-variant .html-shell__loading-progress {
    position: relative;
    padding: 6px 4px 0;
}
.html-shell__loading.is-boot-variant .html-shell__loading-progress::before,
.html-shell__loading.is-boot-variant .html-shell__loading-progress::after {
    content: "";
    position: absolute;
    top: 13px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background:
        radial-gradient(circle at 35% 35%, rgba(255, 246, 216, 0.98), rgba(238, 190, 95, 0.9) 56%, rgba(116, 58, 24, 0.58));
    box-shadow:
        0 0 10px rgba(242, 189, 99, 0.22),
        0 0 24px rgba(242, 189, 99, 0.10);
    opacity: 0.72;
    pointer-events: none;
}
.html-shell__loading.is-boot-variant .html-shell__loading-progress::before {
    left: -4px;
}
.html-shell__loading.is-boot-variant .html-shell__loading-progress::after {
    right: -4px;
}
.html-shell__loading-progress-track {
    position: relative;
    height: 10px;
    padding: 1px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(235, 192, 109, 0.34);
    background:
        linear-gradient(180deg, rgba(16, 7, 5, 0.98), rgba(7, 3, 2, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 230, 176, 0.05),
        0 0 0 1px rgba(255, 218, 151, 0.04);
}
.html-shell__loading.is-boot-variant .html-shell__loading-progress-track {
    height: 14px;
    padding: 2px;
    border: 1px solid rgba(247, 210, 132, 0.38);
    background:
        linear-gradient(180deg, rgba(44, 20, 10, 0.95), rgba(10, 4, 2, 0.98)),
        linear-gradient(90deg, rgba(255, 220, 145, 0.05), rgba(255,255,255,0), rgba(255, 220, 145, 0.05));
    box-shadow:
        inset 0 1px 0 rgba(255, 238, 191, 0.11),
        inset 0 -1px 0 rgba(0, 0, 0, 0.42),
        0 0 0 1px rgba(143, 96, 47, 0.22),
        0 0 18px rgba(242, 189, 99, 0.08);
}
.html-shell__loading.is-boot-variant .html-shell__loading-progress-track::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 1px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255, 236, 190, 0.62), rgba(255,255,255,0));
    opacity: 0.72;
    pointer-events: none;
}
.html-shell__loading.is-boot-variant .html-shell__loading-progress-track::after {
    content: "";
    position: absolute;
    inset: 2px;
    border: 1px solid rgba(255, 219, 144, 0.08);
    pointer-events: none;
}
.html-shell__loading-progress-fill {
    position: absolute;
    inset: 1px auto 1px 1px;
    width: calc((100% - 2px) * var(--loading-progress, 0));
    min-width: 0;
    background: linear-gradient(90deg, rgba(152, 77, 39, 0.94), rgba(222, 171, 93, 0.98) 56%, rgba(255, 238, 191, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 238, 191, 0.26),
        0 0 14px rgba(242, 189, 99, 0.24);
    transition: width 260ms ease;
}
.html-shell__loading.is-boot-variant .html-shell__loading-progress-fill {
    inset: 2px auto 2px 2px;
    width: calc((100% - 4px) * var(--loading-progress, 0));
    background:
        linear-gradient(180deg, rgba(255, 247, 220, 0.34), rgba(255,255,255,0) 44%),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.06) 0 18px, rgba(0,0,0,0.02) 18px 30px),
        linear-gradient(90deg, rgba(138, 64, 28, 0.96), rgba(211, 146, 73, 0.98) 46%, rgba(255, 238, 191, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 244, 212, 0.38),
        inset 0 -1px 0 rgba(98, 48, 19, 0.30),
        0 0 14px rgba(242, 189, 99, 0.20);
}
.html-shell__loading.is-boot-variant .html-shell__loading-progress-fill::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0) 52%);
    opacity: 0.85;
}
.html-shell__loading.is-boot-variant .html-shell__loading-progress-fill::after {
    content: "";
    position: absolute;
    top: -20%;
    bottom: -20%;
    width: 72px;
    right: -18px;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255, 246, 214, 0.46), rgba(255,255,255,0));
    transform: skewX(-18deg);
    opacity: 0.72;
    animation: html-shell-loading-boot-sheen 2.2s ease-in-out infinite;
}
@keyframes html-shell-loading-boot-sheen {
    0%, 100% {
        transform: translateX(28px) skewX(-18deg);
        opacity: 0.24;
    }
    50% {
        transform: translateX(-6px) skewX(-18deg);
        opacity: 0.78;
    }
}
.html-shell__loading.is-indeterminate .html-shell__loading-progress-fill {
    width: 22%;
    animation: html-shell-loading-indeterminate 1.3s ease-in-out infinite;
}
@keyframes html-shell-loading-indeterminate {
    0% { transform: translateX(-12%); }
    50% { transform: translateX(188%); }
    100% { transform: translateX(-12%); }
}
.html-shell__loading-progress-value {
    color: rgba(248, 226, 177, 0.92);
    font: 700 12px/1 "SF Pro Display","Segoe UI",sans-serif;
    letter-spacing: 1.8px;
    text-align: center;
    text-transform: uppercase;
}
.html-shell__loading.is-boot-variant .html-shell__loading-progress-value {
    color: rgba(248, 226, 177, 0.96);
    text-shadow:
        0 1px 0 rgba(68, 35, 15, 0.6),
        0 0 12px rgba(242, 189, 99, 0.10);
}
.html-shell__loading.is-indeterminate .html-shell__loading-progress-value {
    opacity: 0.34;
}
.html-shell__loading-ornaments {
    display: none;
}
.html-shell__loading.is-panel-variant .html-shell__loading-card {
    width: min(78vw, 340px);
    padding: 18px 22px 16px;
    gap: 10px;
    border: 1px solid rgba(235, 192, 109, 0.42);
    background:
        linear-gradient(180deg, rgba(56, 15, 18, 0.96), rgba(22, 8, 10, 0.98));
    box-shadow:
        0 24px 48px rgba(0, 0, 0, 0.34),
        inset 0 0 0 1px rgba(255, 224, 162, 0.06);
}
.html-shell__loading.is-panel-variant .html-shell__loading-brand {
    min-height: 14px;
}
.html-shell__loading.is-panel-variant .html-shell__loading-brand::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: radial-gradient(circle at 35% 35%, rgba(255, 242, 213, 0.98), rgba(235, 189, 99, 0.96) 58%, rgba(135, 64, 28, 0.92));
    box-shadow: 0 0 14px rgba(242, 189, 99, 0.34);
    animation: html-shell-loading-panel-pulse 1.2s ease-in-out infinite;
}
@keyframes html-shell-loading-panel-pulse {
    0%, 100% {
        transform: scale(0.92);
        opacity: 0.72;
    }
    50% {
        transform: scale(1.08);
        opacity: 1;
    }
}
.html-shell__loading.is-panel-variant .html-shell__loading-logo,
.html-shell__loading.is-panel-variant .html-shell__loading-progress,
.html-shell__loading.is-panel-variant .html-shell__loading-progress-value {
    display: none;
}
.html-shell__loading.is-panel-variant .html-shell__loading-title {
    display: flex;
    width: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #f7dfa0;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}
.html-shell--mobile .html-shell__loading-card {
    width: min(82vw, 360px);
    padding: 0;
}
.html-shell--mobile .html-shell__loading.is-panel-variant .html-shell__loading-card {
    width: min(78vw, 320px);
}
.html-shell--mobile .html-shell__loading-progress-value {
    font-size: 12px;
}