/*
 * FUNFOR.YOU Poky Dee — approved corrected composition
 * Layout-only override. Game state, wagers and actions continue to be driven
 * by the existing server-backed renderer in index.html.
 */

#casinoTableGameScreen[data-game="pok_deng"] {
    --pok-corrected-gap: clamp(14px, 1.25vw, 20px);
    --pok-corrected-gold: #d9aa3f;
    --pok-corrected-gold-bright: #ffe39a;
    --pok-corrected-ink: #06291d;
    --pok-corrected-panel: rgba(0, 27, 18, .97);
}

#casinoTableGameScreen[data-game="pok_deng"] .casino-game-stage {
    width: min(calc(100vw - 24px), 1500px) !important;
    max-width: 1500px !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    padding: clamp(14px, 1.5vw, 22px) !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    background-position: center !important;
    background-size: cover !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual {
    display: grid !important;
    width: 100% !important;
    max-width: 1456px !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    grid-template-columns: minmax(285px, 24fr) minmax(0, 76fr) !important;
    grid-template-areas: "leader main" !important;
    align-items: start !important;
    gap: var(--pok-corrected-gap) !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-main {
    grid-area: main !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: var(--pok-corrected-gap) !important;
    position: relative !important;
}

/* Table, action surface and history deliberately share one geometry. */
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-main > .pok-reference-table,
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-main > #pokDengActions,
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-main > .pok-reference-footer {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table {
    display: grid !important;
    height: clamp(430px, 33vw, 490px) !important;
    min-height: 430px !important;
    aspect-ratio: auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    place-items: center !important;
    align-content: center !important;
    gap: clamp(34px, 5vw, 82px) !important;
    padding: 58px clamp(42px, 5.6vw, 90px) 54px !important;
    overflow: hidden !important;
    border-radius: 26px !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* The large live control below carries the phase; keep this polite region for
   screen readers without duplicating visible status text on the felt. */
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-title,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengPhase {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokOpponentStrip {
    display: none !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-hand-zone.dealer,
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-hand-zone.yours {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 34px minmax(0, 1fr) 42px !important;
    align-content: center !important;
    align-self: center !important;
    justify-items: center !important;
    row-gap: 12px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-hand-copy {
    display: contents !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-hand-copy > span,
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-your-cards-label {
    display: grid !important;
    width: max-content !important;
    max-width: 100% !important;
    min-height: 30px !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 5px 16px !important;
    color: var(--pok-corrected-gold-bright) !important;
    font: 900 clamp(13px, 1.15vw, 17px)/1 system-ui, sans-serif !important;
    letter-spacing: .14em !important;
    white-space: nowrap !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-player-hand-row,
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-cards {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(12px, 1.25vw, 20px) !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-card,
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-cards .card,
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-reveal-card,
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-hand-zone.yours .pok-card {
    flex: 0 0 auto !important;
    width: clamp(104px, 8.4vw, 138px) !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 138px !important;
    max-height: none !important;
    aspect-ratio: 5 / 7 !important;
    margin: 0 !important;
    object-fit: contain !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-cards:has(> :nth-child(3)) > * + * {
    margin-left: clamp(-30px, -2vw, -18px) !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-player-title,
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-hand-zone.dealer > strong {
    display: grid !important;
    width: min(365px, 100%) !important;
    min-width: 0 !important;
    min-height: 38px !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 6px 16px !important;
    border: 1px solid rgba(215, 170, 65, .58) !important;
    border-radius: 999px !important;
    background: rgba(0, 31, 21, .83) !important;
    color: #fff0bd !important;
    font-size: clamp(13px, 1.1vw, 17px) !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-player-title > strong {
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table > .pok-wager-row {
    position: absolute !important;
    right: auto !important;
    bottom: 14px !important;
    left: 50% !important;
    width: min(390px, 56%) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
}

/* Action surface: phase, Draw/Stay, then chips. */
#casinoTableGameScreen[data-game="pok_deng"] #pokDengActions,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual[data-phase="player_action"] #pokDengActions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 20px 18px !important;
    overflow: visible !important;
    border: 1px solid rgba(211, 166, 58, .72) !important;
    border-radius: 22px !important;
    background: linear-gradient(165deg, rgba(1, 35, 23, .985), rgba(0, 18, 12, .99)) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .42), inset 0 1px rgba(255, 255, 255, .045) !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengBetDock,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock.floating-bet-dock {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    width: min(620px, 92%) !important;
    height: auto !important;
    place-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: none !important;
    box-shadow: none !important;
    cursor: default !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock::before,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock::after,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengBetDock::before,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengBetDock::after,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengBetDock.wants-bet::before,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengBetDock.wants-bet::after {
    content: none !important;
    display: none !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengConfirm,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengConfirm[data-chip],
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengConfirm,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengConfirm[data-chip],
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock > #pokDengConfirm.floating-bet-button,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock > #pokDengConfirm.floating-bet-button[data-chip] {
    appearance: none !important;
    display: inline-flex !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 92px !important;
    min-height: 92px !important;
    aspect-ratio: auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .55em !important;
    margin: 0 !important;
    padding: 8px 28px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: url('/assets/luxury-themes-20/shared/gold-cta.png') !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    color: #073725 !important;
    font: 950 clamp(24px, 2.1vw, 33px)/1 Georgia, "Times New Roman", serif !important;
    letter-spacing: .045em !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    text-align: center !important;
    text-shadow: 0 1px rgba(255, 250, 200, .78) !important;
    box-shadow: none !important;
    filter: drop-shadow(0 9px 13px rgba(0, 0, 0, .46)) !important;
    transform: translateY(0) !important;
    transition: transform .12s ease, filter .12s ease, box-shadow .12s ease !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengConfirm::before,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengConfirm::before,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock > #pokDengConfirm::before {
    content: none !important;
    display: none !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengConfirm[data-chip="closed"]::before,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengConfirm[data-chip="closed"]::before,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock > #pokDengConfirm[data-chip="closed"]::before {
    content: "\1F512" !important;
    display: inline-block !important;
    font: 700 .72em/1 system-ui, sans-serif !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengConfirm[data-chip="place"]:not(:disabled),
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengConfirm[data-chip="place"]:not(:disabled),
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock > #pokDengConfirm[data-chip="place"]:not(:disabled) {
    cursor: pointer !important;
    animation: pok-deng-open-glow 2.3s ease-in-out infinite !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengConfirm[data-chip="place"]:hover:not(:disabled),
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock > #pokDengConfirm[data-chip="place"]:hover:not(:disabled) {
    outline: 0 !important;
    filter: brightness(1.08) drop-shadow(0 9px 13px rgba(0,0,0,.46)) drop-shadow(0 0 12px rgba(255,205,74,.52)) !important;
    transform: translateY(-2px) !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengConfirm:focus-visible,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock > #pokDengConfirm:focus-visible {
    outline: 3px solid rgba(255, 231, 143, .88) !important;
    outline-offset: 3px !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengConfirm:active:not(:disabled),
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock > #pokDengConfirm:active:not(:disabled) {
    transform: translateY(4px) !important;
    box-shadow: none !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengConfirm:disabled,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengConfirm:disabled,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock > #pokDengConfirm:disabled {
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: .88 !important;
    filter: saturate(.72) brightness(.86) !important;
    animation: none !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-action-buttons {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: grid !important;
    width: min(620px, 100%) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-action-buttons:not(:has(button:not([hidden]))) {
    display: none !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-action-buttons > button[hidden] {
    display: none !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-action-buttons > button {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 78px !important;
    place-content: center !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    border-radius: 15px !important;
    font-size: clamp(19px, 1.55vw, 25px) !important;
    line-height: 1.05 !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-action-buttons > button small {
    font-size: clamp(11px, .9vw, 14px) !important;
    font-weight: 750 !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengDraw {
    border-color: #f4d16a !important;
    background: linear-gradient(180deg, #f8d769, #d6a331 55%, #a87013) !important;
    color: #201300 !important;
    box-shadow: inset 0 2px rgba(255,255,220,.65), inset 0 -8px rgba(97,51,0,.14), 0 5px 0 #70460a, 0 10px 20px rgba(0,0,0,.4) !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengStay {
    border-color: #d2a83e !important;
    background: linear-gradient(180deg, #0f6c48, #06432d 57%, #02281b) !important;
    color: #fff0c0 !important;
    box-shadow: inset 0 2px rgba(123,255,194,.14), inset 0 -8px rgba(0,0,0,.22), 0 5px 0 #031c13, 0 10px 20px rgba(0,0,0,.4) !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-betting-surface {
    grid-column: 1 !important;
    grid-row: 3 !important;
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    order: initial !important;
    margin: 0 !important;
    padding: 0 !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-betting-surface > .shared-chip-selector {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-betting-surface .shared-chip-scroll {
    display: none !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengChips,
#casinoTableGameScreen[data-game="pok_deng"] .pok-betting-surface #pokDengChips,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual .pok-betting-surface > .shared-chip-selector > #pokDengChips.shared-chip-tray {
    display: grid !important;
    width: min(820px, 100%) !important;
    max-width: 820px !important;
    grid-column: 1 !important;
    grid-template-columns: repeat(6, minmax(76px, 92px)) !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(8px, 1vw, 14px) !important;
    margin: 0 auto !important;
    padding: 10px 16px 12px !important;
    overflow: visible !important;
    border: 1px solid rgba(218, 169, 65, .56) !important;
    border-radius: 18px !important;
    background: rgba(0, 22, 15, .82) !important;
    box-sizing: border-box !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengChips > .chip-option,
#casinoTableGameScreen[data-game="pok_deng"] .pok-betting-surface #pokDengChips > .chip-option,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual .pok-betting-surface > .shared-chip-selector > #pokDengChips.shared-chip-tray > .chip-option {
    flex: none !important;
    width: clamp(76px, 5.3vw, 92px) !important;
    min-width: 76px !important;
    max-width: 92px !important;
    height: clamp(76px, 5.3vw, 92px) !important;
    min-height: 76px !important;
    max-height: 92px !important;
    aspect-ratio: 1 !important;
    margin: 0 !important;
    padding: 1px !important;
    object-fit: contain !important;
}

/* The themed PNG already contains its denomination.  The shared fallback
   label is useful for plain chips, but drawing it over these assets duplicates
   the number and makes 100/500/1000 harder to read. */
#casinoTableGameScreen[data-game="pok_deng"] #pokDengChips .luxury-chip-value {
    display: none !important;
}

/* Leaderboard top aligns with the felt and allocates charm space inside rows. */
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-leaderboard {
    grid-area: leader !important;
    position: sticky !important;
    top: 10px !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: min(830px, calc(100svh - 100px)) !important;
    max-height: calc(100svh - 32px) !important;
    margin: 0 !important;
    padding: 20px 12px 16px !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-leaderboard .pok-reference-heading strong {
    font-size: clamp(27px, 2.15vw, 35px) !important;
    line-height: 1 !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-leaderboard > ol {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    gap: 5px !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-leaderboard li {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 72px !important;
    grid-template-columns: 34px 44px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 7px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-leaderboard li.lucky-charm-host {
    min-height: 108px !important;
    padding-right: 72px !important;
    --lucky-charm-size: 52px;
    --lucky-charm-chain-length: 17px;
    --lucky-charm-top: 7px;
    --lucky-charm-right: 8px;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-leaderboard li .lucky-charm-attachment {
    max-height: 92px !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-player-copy,
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-player-copy > strong,
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-player-copy > small {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-expand,
#casinoTableGameScreen[data-game="pok_deng"] #pokDengExitButton {
    display: grid !important;
    width: 100% !important;
    place-items: center !important;
    margin: 14px 0 0 !important;
    box-sizing: border-box !important;
}

#casinoTableGameScreen[data-game="pok_deng"] #pokDengExitButton {
    min-height: 86px !important;
    padding: 12px 14px !important;
    font-size: clamp(20px, 1.75vw, 27px) !important;
    line-height: 1.1 !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-footer {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 0 !important;
}

#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-footer > .pok-reference-history,
#casinoTableGameScreen[data-game="pok_deng"] .pok-reference-history {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 190px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 16px 20px 18px !important;
    box-sizing: border-box !important;
}

@keyframes pok-deng-open-glow {
    0%, 100% {
        filter: drop-shadow(0 9px 13px rgba(0,0,0,.46)) drop-shadow(0 0 7px rgba(244,190,61,.25));
    }
    50% {
        filter: drop-shadow(0 9px 13px rgba(0,0,0,.46)) drop-shadow(0 0 15px rgba(255,205,74,.58));
    }
}

@media (max-width: 1023px) {
    #casinoTableGameScreen[data-game="pok_deng"] .casino-game-stage {
        width: min(calc(100vw - 12px), 820px) !important;
        padding: 8px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas: "main" "leader" !important;
        gap: 10px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-leaderboard {
        position: static !important;
        display: block !important;
        min-height: 0 !important;
        max-height: 340px !important;
        overflow: auto !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table {
        height: clamp(360px, 55vw, 460px) !important;
        min-height: 360px !important;
        padding: 48px clamp(24px, 5vw, 48px) 50px !important;
        gap: clamp(18px, 4vw, 42px) !important;
    }
}

@media (max-width: 600px) {
    #casinoTableGameScreen[data-game="pok_deng"] > .casino-table-shell {
        width: 100% !important;
        padding-inline: 3px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .casino-game-stage {
        width: calc(100vw - 6px) !important;
        margin-inline: auto !important;
        padding: 5px !important;
        border-radius: 18px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-main {
        gap: 8px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table {
        height: clamp(300px, 86vw, 356px) !important;
        min-height: 300px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 38px 8px 46px !important;
        border-radius: 22px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-hand-zone.dealer,
    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-hand-zone.yours {
        grid-template-rows: 24px minmax(0, 1fr) 30px !important;
        row-gap: 6px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-hand-copy > span,
    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-your-cards-label {
        min-height: 22px !important;
        padding: 3px 7px !important;
        font-size: clamp(9px, 2.65vw, 11px) !important;
        letter-spacing: .08em !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-card,
    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-cards .card,
    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-reveal-card,
    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-hand-zone.yours .pok-card {
        width: clamp(52px, 15.5vw, 66px) !important;
        max-width: 66px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-cards {
        gap: 5px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-player-title,
    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table .pok-hand-zone.dealer > strong {
        width: 100% !important;
        min-height: 28px !important;
        padding: 4px 6px !important;
        font-size: clamp(9px, 2.7vw, 11px) !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-table > .pok-wager-row {
        bottom: 7px !important;
        width: min(260px, 72%) !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] #pokDengActions,
    #casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual[data-phase="player_action"] #pokDengActions {
        gap: 10px !important;
        padding: 10px 8px 12px !important;
        border-radius: 16px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] #pokDengBetDock {
        width: 100% !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] #pokDengConfirm,
    #casinoTableGameScreen[data-game="pok_deng"] #pokDengConfirm[data-chip],
    #casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengConfirm,
    #casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengConfirm[data-chip],
    #casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock > #pokDengConfirm.floating-bet-button,
    #casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual #pokDengActions > #pokDengBetDock > #pokDengConfirm.floating-bet-button[data-chip] {
        width: min(520px, 94%) !important;
        max-width: 520px !important;
        height: 78px !important;
        min-height: 78px !important;
        aspect-ratio: auto !important;
        padding: 7px 14px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background-color: transparent !important;
        background-image: url('/assets/luxury-themes-20/shared/gold-cta.png') !important;
        background-position: center !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        color: #073725 !important;
        font-size: clamp(17px, 4.4vw, 22px) !important;
        white-space: nowrap !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-action-buttons {
        width: 100% !important;
        gap: 8px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-action-buttons > button {
        min-height: 66px !important;
        padding: 7px 6px !important;
        font-size: clamp(15px, 4.3vw, 18px) !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-action-buttons > button small {
        font-size: clamp(9px, 2.65vw, 11px) !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] #pokDengChips,
    #casinoTableGameScreen[data-game="pok_deng"] .pok-betting-surface #pokDengChips,
    #casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual .pok-betting-surface > .shared-chip-selector > #pokDengChips.shared-chip-tray {
        width: min(500px, 100%) !important;
        max-width: 500px !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: clamp(3px, 1vw, 6px) !important;
        padding: 8px 5px 9px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] #pokDengChips > .chip-option,
    #casinoTableGameScreen[data-game="pok_deng"] .pok-betting-surface #pokDengChips > .chip-option,
    #casinoTableGameScreen[data-game="pok_deng"] #pokDengVisual .pok-betting-surface > .shared-chip-selector > #pokDengChips.shared-chip-tray > .chip-option {
        width: clamp(48px, 12vw, 68px) !important;
        min-width: 0 !important;
        max-width: 68px !important;
        height: clamp(48px, 12vw, 68px) !important;
        min-height: 0 !important;
        max-height: 68px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-footer > .pok-reference-history,
    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-history {
        min-height: 160px !important;
        padding: 12px 11px 14px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-leaderboard {
        max-height: 300px !important;
        padding: 13px 9px 12px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-leaderboard li {
        grid-template-columns: 28px 38px minmax(0, 1fr) auto !important;
        min-height: 64px !important;
        gap: 6px !important;
    }

    #casinoTableGameScreen[data-game="pok_deng"] .pok-reference-leaderboard li.lucky-charm-host {
        min-height: 94px !important;
        padding-right: 62px !important;
        --lucky-charm-size: 44px;
        --lucky-charm-chain-length: 15px;
        --lucky-charm-top: 6px;
        --lucky-charm-right: 6px;
    }

    #casinoTableGameScreen[data-game="pok_deng"] #pokDengExitButton {
        min-height: 62px !important;
        font-size: 18px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #casinoTableGameScreen[data-game="pok_deng"] #pokDengConfirm[data-chip="place"]:not(:disabled) {
        animation: none !important;
    }
}