/* Optional club skin. Removing this file and the extension restores the original. */
.bj-club-table { isolation: isolate; --club-felt: #124d3b; --club-light: #286c50; --club-deep: #072b24; }
.bj-club-table[data-felt="felt_midnight"] { --club-felt: #243753; --club-light: #3d5677; --club-deep: #111c30; }
.bj-club-table[data-felt="felt_sunset"] { --club-felt: #653b43; --club-light: #94565e; --club-deep: #321e2a; }
.bj-club-table canvas { position: relative; z-index: 1; }
.bj-club-surface {
    position: absolute; inset: 0; pointer-events: none; border-radius: 24px;
    background: linear-gradient(150deg, #344540, #101d1a 32%, #091310 75%, #293a32);
    box-shadow: inset 0 1px 1px #ffffff30, inset 0 -5px 8px #00000088;
}
.bj-club-surface::before {
    content: ''; position: absolute; inset: 18px; border-radius: 15px;
    border: 1px solid #b7a36a;
    background:
        repeating-linear-gradient(0deg, #ffffff02 0 1px, #00000003 1px 3px),
        repeating-linear-gradient(90deg, transparent 0 2px, #ffffff02 2px 3px),
        radial-gradient(ellipse at 50% 33%, var(--club-light), var(--club-felt) 52%, var(--club-deep));
    box-shadow: 0 0 0 2px #060f0dcc, 0 0 0 3px #8c795744, inset 0 0 65px #00181099;
}
.bj-club-surface::after {
    content: ''; position: absolute; inset: 8px; border: 1px dashed #aeaa8552;
    border-radius: 20px; box-shadow: 0 1px 0 #00000055; pointer-events: none;
}
.bj-club-dock {
    position: absolute; z-index: 0; pointer-events: none; box-sizing: border-box; border-radius: 19px;
    background: linear-gradient(180deg, #091e19c9, #071913ed);
    border: 1px solid #cfba7d40; box-shadow: 0 8px 18px #00171033, inset 0 1px 0 #ffffff08;
}
.bj-club-table .bj-table-status { color: #e6eee4 !important; font-size: 15px !important; line-height: 1.3; }
.bj-club-table .bj-table-balance { color: #f3e4b9 !important; font-size: 19px !important; }
.bj-club-table .bj-table-balance-context { font-size: 8px !important; letter-spacing: .14em; color: #a7c2b0 !important; }
.bj-club-table .bj-table-timer { border-color: #bac69a33; background: #08241f99; font-size: 13px !important; }
.bj-club-table .bj-table-action { border-radius: 10px; box-shadow: 0 3px 0 #020e0b99, inset 0 1px 0 #ffffff12; }
.bj-club-table .bj-action-start, .bj-club-table .bj-action-hit {
    background: linear-gradient(180deg, #f0dca2, #d8b970); color: #20392d;
    border: 1px solid #efdfa9; box-shadow: 0 3px 0 #8b7343, 0 6px 14px #00000030;
}
.bj-club-table .bj-action-stand { background: #d5e5d6; border: 1px solid #ecf4e7; color: #163e2f; }
.bj-club-table .bj-action-double_down, .bj-club-table .bj-action-split { background: #19392e; border-color: #748c714d; color: #d8e4d8; }
.bj-club-table .bj-action-surrender { background: transparent; box-shadow: none; color: #adbcaf; }
.bj-club-table .bj-table-action kbd { font-size: 10px; border: 0; background: #0000000c; padding: 3px 5px; }
.bj-club-wager { position: absolute; transform: translate(-50%, -50%); color: #c6b681; font-size: 10px; letter-spacing: .1em; white-space: nowrap; }
.bj-club-wager[hidden] { display: none; }
.bj-club-emblem {
    position: absolute; width: 260px; max-width: 65%; transform: translateX(-50%);
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px;
    color: #d9c58ba6; text-align: center; opacity: 1; transition: opacity 260ms ease;
    pointer-events: none; user-select: none;
}
.bj-club-emblem.is-occupied { opacity: 0; }
.bj-club-emblem.is-motionless { transition: none; }
.bj-club-crest { display: flex; align-items: center; justify-content: center; gap: 24px; height: 60%; min-height: 72px; max-height: 128px; }
.bj-club-crest svg { height: 100%; width: auto; }
.bj-club-crest span { font: 18px Georgia, serif; opacity: .55; }
.bj-club-emblem strong { font: 500 21px Georgia, serif; letter-spacing: .16em; white-space: nowrap; }
.bj-club-emblem small { font: 600 9px 'Segoe UI', Arial, sans-serif; letter-spacing: .32em; }
@media(max-width: 599px) {
    .bj-club-surface { border-radius: 18px; }
    .bj-club-surface::before { inset: 12px; border-radius: 11px; }
    .bj-club-surface::after { inset: 5px; border-radius: 15px; }
    .bj-club-table .bj-table-balance { font-size: 16px !important; }
    .bj-club-table .bj-table-status { font-size: 13px !important; }
    .bj-club-table .bj-table-action { font-size: 14px; }
    .bj-club-table .bj-action-hit, .bj-club-table .bj-action-stand, .bj-club-table .bj-action-start { font-size: 17px; }
    .bj-club-emblem strong { font-size: 16px; letter-spacing: .12em; }
    .bj-club-emblem small { font-size: 8px; }
    .bj-club-crest { gap: 14px; }
}
@media(prefers-reduced-motion: reduce) { .bj-club-emblem { transition: none; } }