:root {
  --bc-bg: #071511;
  --bc-panel: rgba(10, 31, 25, .94);
  --bc-panel-2: rgba(16, 44, 35, .96);
  --bc-line: rgba(220, 183, 92, .28);
  --bc-gold: #e4bf69;
  --bc-gold-bright: #ffe6a1;
  --bc-player: #2878d7;
  --bc-banker: #d7474f;
  --bc-tie: #2b9b69;
  --bc-text: #f6f3e9;
  --bc-muted: #aebbb5;
}

#baccarat-wrap,
#baccarat-wrap * { box-sizing: border-box; }

#baccarat-wrap {
  max-width: 1280px;
  margin: 18px auto 0;
  border: 1px solid var(--bc-line);
  border-radius: 22px 22px 0 0;
  background: var(--bc-bg);
  color: var(--bc-text);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
  isolation: isolate;
}

#baccarat-wrap .baccarat-main {
  background:
    radial-gradient(circle at 50% 42%, rgba(42, 145, 104, .42), transparent 42%),
    linear-gradient(145deg, #0d5d49 0%, #093c31 55%, #06271f 100%);
  border: 0;
}

#baccarat-wrap .baccarat-header {
  height: 70px;
  border: 0;
  border-bottom: 1px solid var(--bc-line);
  background: linear-gradient(180deg, rgba(13, 34, 29, .98), rgba(7, 22, 18, .98));
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

#baccarat-wrap .baccarat-this-times,
#baccarat-wrap .baccarat-this-times i,
#baccarat-wrap .baccarat-this-times span { color: var(--bc-muted); }
#baccarat-wrap .baccarat-this-times span em { color: var(--bc-gold-bright); }
#baccarat-wrap .baccarat-cur-timer em { color: var(--bc-gold-bright); font-weight: 700; }

#baccarat-wrap .baccarat-sound-control {
  top: 17px;
  right: 16px;
}
#baccarat-wrap .baccarat-sound-control a {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--bc-line);
  border-radius: 12px;
  background: rgba(255,255,255,.06);
}
#baccarat-wrap .baccarat-sound-control a i.active { color: var(--bc-gold-bright); }

#baccarat-wrap .baccarat-left-side,
#baccarat-wrap .baccarat-right-side {
  background: linear-gradient(180deg, #0d1c18, #08130f);
}
#baccarat-wrap .baccarat-left-side { border-right: 1px solid var(--bc-line); }
#baccarat-wrap .baccarat-right-side { border-left: 1px solid var(--bc-line); }

#baccarat-wrap .baccarat-side-title {
  height: 37px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--bc-line);
  background: rgba(255,255,255,.04);
  line-height: 37px;
}
#baccarat-wrap .baccarat-side-title span {
  width: auto;
  height: auto;
  background: none;
  color: var(--bc-text);
  font-size: 12px;
  letter-spacing: .04em;
  text-indent: 0;
}
#baccarat-wrap .baccarat-side-title1 { color: #71b6ff; }
#baccarat-wrap .baccarat-side-title2 { color: #ff8790; }
#baccarat-wrap .baccarat-side-title3,
#baccarat-wrap .baccarat-side-title4 { color: #74d5a7; }

#baccarat-wrap .baccarat-side-total-price {
  height: 34px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: rgba(0,0,0,.16);
  color: var(--bc-gold-bright);
  line-height: 34px;
  font-weight: 700;
}
#baccarat-wrap .side-betting-list { background: transparent; }
#baccarat-wrap .side-betting-list ul li { color: #cbd5d0; }

#baccarat-wrap .card-area-wrap .card-area {
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 18px;
  background-color: rgba(0,0,0,.13);
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 16px 30px rgba(0,0,0,.14);
  backdrop-filter: blur(3px);
}
#baccarat-wrap .card-area-wrap .player-card-area { border-color: rgba(76,159,255,.55); }
#baccarat-wrap .card-area-wrap .banker-card-area { border-color: rgba(255,93,105,.55); }
#baccarat-wrap .card-area-wrap .card-box img {
  border-radius: 7px;
  box-shadow: 0 9px 18px rgba(0,0,0,.34);
}
#baccarat-wrap .card-area-wrap .card-sum-result {
  color: var(--bc-gold-bright);
  text-shadow: 0 3px 12px rgba(0,0,0,.5);
}

#baccarat-wrap .baccarat-betting-point { border-spacing: 6px; }
#baccarat-wrap .baccarat-betting-point td {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 14px !important;
  background: rgba(4,18,14,.48);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
#baccarat-wrap .baccarat-betting-point td:hover {
  z-index: 3;
  transform: translateY(-3px);
  filter: brightness(1.12);
  box-shadow: 0 12px 24px rgba(0,0,0,.24);
}
#baccarat-wrap .baccarat-betting-point td a { text-shadow: 0 2px 7px rgba(0,0,0,.65); }
#baccarat-wrap .baccarat-betting-point td a.player-point { background-color: rgba(40,120,215,.4); }
#baccarat-wrap .baccarat-betting-point td a.banker-point { background-color: rgba(215,71,79,.4); }
#baccarat-wrap .baccarat-betting-point td a.tie-point { background-color: rgba(43,155,105,.42); }

#baccarat-wrap .bet-point-print {
  border: 1px solid var(--bc-line);
  background: rgba(4, 15, 12, .8);
  color: var(--bc-gold-bright);
  box-shadow: inset 0 1px rgba(255,255,255,.06);
}
#baccarat-wrap .baccarat-chip-button a img {
  filter: drop-shadow(0 5px 7px rgba(0,0,0,.38));
  transition: transform .15s ease, filter .15s ease;
}
#baccarat-wrap .baccarat-chip-button a:hover img {
  transform: translateY(-4px) scale(1.06);
  filter: drop-shadow(0 8px 10px rgba(0,0,0,.45));
}

#baccarat-wrap .baccarat-main-bottom {
  border-top: 1px solid var(--bc-line);
  background: linear-gradient(180deg, rgba(10,31,25,.96), rgba(5,18,14,.98));
}
#baccarat-wrap .gold-point-area { color: var(--bc-gold-bright); }
#baccarat-wrap .bc-button {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  transition: background .18s ease, transform .18s ease;
}
#baccarat-wrap .bc-button:hover { background: rgba(255,255,255,.15); transform: translateY(-1px); }
#baccarat-wrap .bc-button2 { border-color: var(--bc-line); color: var(--bc-gold-bright) !important; }

#baccarat-wrap .baccarat-timer-wrap #remain-time {
  border: 1px solid var(--bc-line);
  border-radius: 12px;
  background: rgba(3, 13, 10, .72);
  box-shadow: 0 10px 24px rgba(0,0,0,.2);
}
#baccarat-wrap .baccarat-timer-wrap .baccarat-timer-bg { display: none; }

#baccarat-wrap .baccarat-history-wrap,
#baccarat-wrap .baccarat-rule-wrap {
  border-color: var(--bc-line);
  background: #f7f8f7;
  color: #17231e;
}
#baccarat-wrap .baccarat-history-title span,
#baccarat-wrap .baccarat-rule-title span {
  width: auto;
  height: auto;
  background: none;
  color: #18382d;
  font-size: 20px;
  font-weight: 800;
  text-indent: 0;
}
#baccarat-wrap .popup-title a {
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e5e9e7;
  color:#33463e;
  font-size:0;
  text-indent:0;
}
#baccarat-wrap .popup-title a::after { content:'\00d7'; font-size:22px; line-height:1; }

#baccarat-chart {
  max-width:1280px;
  margin:0 auto 24px;
  border:1px solid var(--bc-line);
  border-top:0;
  border-radius:0 0 18px 18px;
  overflow:hidden;
  background:#f7f8f7;
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}

/* Follow the site theme for result tables and game popups. */
[data-theme="dark"] #baccarat-chart {
  border-color:#344054;
  background:#151e2a;
  color:#e7edf5;
  box-shadow:0 18px 45px rgba(0,0,0,.36);
}
[data-theme="dark"] #baccarat-chart .view .info {
  background:#1a2432;
  color:#d8e0eb;
}
[data-theme="dark"] #baccarat-chart .view .info .tx,
[data-theme="dark"] #baccarat-chart .view .info strong { color:#e7edf5; }
[data-theme="dark"] #baccarat-chart .view .box_area {
  border-color:#344054;
  background:#111923;
  scrollbar-color:#52647d #111923;
}
[data-theme="dark"] #baccarat-chart .view .inner {
  background-color:#111923;
  background-image:linear-gradient(#334054 1px, transparent 1px), linear-gradient(90deg, #334054 1px, transparent 1px);
  background-size:34px 34px;
}
[data-theme="dark"] #baccarat-chart .view dt,
[data-theme="dark"] #baccarat-chart .view dl .length,
[data-theme="dark"] #baccarat-chart .view dl .times {
  background-color:#1b2635;
  background-image:linear-gradient(#3a485d 1px, transparent 1px), linear-gradient(90deg, #3a485d 1px, transparent 1px);
  background-size:34px 34px;
  color:#cdd6e3;
}
[data-theme="dark"] #baccarat-chart .view dt.PLAYER { color:#70b5ff; }
[data-theme="dark"] #baccarat-chart .view dt.BANKER { color:#ff8b94; }
[data-theme="dark"] #baccarat-chart .view dt.TIE { color:#77d7aa; }

[data-theme="dark"] #baccarat-wrap .baccarat-history-wrap,
[data-theme="dark"] #baccarat-wrap .baccarat-rule-wrap {
  border-color:#344054;
  background:#182231;
  color:#e7edf5;
}
[data-theme="dark"] #baccarat-wrap .baccarat-history-title span,
[data-theme="dark"] #baccarat-wrap .baccarat-rule-title span { color:#eef3f8; }
[data-theme="dark"] #baccarat-wrap .baccarat-rule-content {
  border-color:#344054;
  color:#d5deea;
}
[data-theme="dark"] #baccarat-wrap .popup-title a { background:#293649; color:#dce5f1; }
[data-theme="dark"] #baccarat-wrap .baccarat-history {
  border-color:#405069;
  background:#182231;
  color:#dce4ef;
  background-image:none;
}
[data-theme="dark"] #baccarat-wrap .baccarat-history th {
  background:#202c3d;
  color:#b9c5d5;
  border-bottom:1px solid #405069;
}
[data-theme="dark"] #baccarat-wrap .baccarat-history td {
  background:#182231;
  color:#e4ebf4;
  border-color:#344054;
}
[data-theme="dark"] #baccarat-wrap .baccarat-history tbody tr:nth-child(even) td { background:#1d2939; }
[data-theme="dark"] #baccarat-wrap .baccarat-history .hover_tr,
[data-theme="dark"] #baccarat-wrap .baccarat-history .hover_tr th { background:#28374c !important; }
[data-theme="dark"] #baccarat-wrap .b_pg_page {
  border-color:#405069;
  background:#1b2635;
  color:#c8d4e4;
}
[data-theme="dark"] #baccarat-wrap .b_pg a:hover { background:#2a3b52; color:#fff; }
[data-theme="dark"] #baccarat-wrap .b_pg_current { background:#3977d6; border-color:#3977d6; color:#fff; }
[data-theme="dark"] #baccarat-wrap .history-card {
  background:#1d2939;
  color:#e4ebf4;
  border:1px solid #344054;
  box-shadow:0 5px 16px rgba(0,0,0,.24);
}
[data-theme="dark"] #baccarat-wrap .history-card .label,
[data-theme="dark"] #baccarat-wrap .history-card .sub-label { color:#aeb9c9; }
[data-theme="dark"] #baccarat-wrap .history-card .card-row.summary { border-color:#344054; }

@media (max-width: 767.98px) {
  #baccarat-wrap { margin-top: 8px; border-radius: 16px 16px 0 0; }
  #baccarat-wrap.baccarat-mobile .baccarat-main { height:730px; }
  #baccarat-wrap .baccarat-header { border-radius:15px 15px 0 0; }
  #baccarat-wrap .baccarat-betting-point { border-spacing:3px; }
  #baccarat-wrap .baccarat-betting-point td { border-radius:10px !important; }
  #baccarat-wrap .baccarat-main-bottom { padding:0 8px; }
  #baccarat-chart { margin-bottom:16px; border-radius:0 0 14px 14px; }
}

@media (prefers-reduced-motion: reduce) {
  #baccarat-wrap *, #baccarat-wrap *::before, #baccarat-wrap *::after { transition:none !important; }
}