:root {
  --bdg-bg: #0a0805;
  --bdg-card: #14110b;
  --bdg-gold: #f6c85a;
  --bdg-gold-2: #d99a1f;
  --bdg-gold-soft: #ffe89b;
  --bdg-line: rgba(246, 200, 90, .55);
  --bdg-text: #f3ecd8;
  --bdg-muted: #a99c78;
  --bdg-green: #27d36b;
  --bdg-grad: linear-gradient(180deg, #ffe89b 0%, #ecb954 55%, #c98a17 100%);
  --mcbg: #f6c85a;
  --mc: #f6c85a;
  --bg2: #14110b;
}

.page-content,
.content-inner.dash {
  background: radial-gradient(120% 60% at 50% 0%, #1d1507 0%, var(--bdg-bg) 55%) fixed !important;
  color: var(--bdg-text);
  font-family: "Roboto Condensed", "Segoe UI", sans-serif;
}

.cstm_hdr.head {
  background: linear-gradient(180deg, #1a1306, #0a0805) !important;
  border-bottom: 1px solid var(--bdg-line);
  padding: 8px 12px !important;
  box-shadow: 0 6px 20px rgba(246, 200, 90, .12);
}
.cstm_hdr .table { margin: 0; background: transparent; }
.cstm_hdr td { border: 0 !important; padding: 4px !important; vertical-align: middle; }
.cstm_hdr img[alt] { max-height: 52px; width: auto; }
.cstm_hdr small { color: var(--bdg-muted) !important; }
.cstm_hdr .btn {
  background: var(--bdg-grad) !important;
  color: #1b1303 !important;
  font-weight: 700;
  border: 0;
  border-radius: 12px !important;
  width: 150px !important;
  margin: 0 0 8px auto;
  box-shadow: inset 0 1px 0 #fff3c7, 0 4px 12px rgba(0, 0, 0, .5);
}
.cstm_hdr .btn i { color: #1b1303 !important; }


#myCarousel {
  margin: 1px 0;
  /*border: 1px solid var(--bdg-line);*/
  border-radius: 14px;
  overflow: hidden;
}


.anoc {
  background: var(--bdg-card) !important;
  border: 1px solid var(--bdg-line);
  border-radius: 12px;
  padding: 4px 10px !important;
  margin: 10px 0;
  box-shadow: inset 0 0 18px rgba(246, 200, 90, .08);
}
.anoc .marquee { color: var(--bdg-text) !important; }

.bor-ll {
  color: var(--bdg-text);
  font-size: 18px;
  font-weight: 700;
  margin: 18px 0 10px !important;
  padding-left: 12px !important;
  border-left: 4px solid var(--bdg-gold);
  letter-spacing: .3px;
}

.tab-buttons { margin: 0 !important; padding: 0 !important; }
.tab-buttons .tab-link { padding: 4px !important; }
.cgame_inr,
.tab-buttons .bg-img-3 {
  background: linear-gradient(160deg, #1d1608, #0d0a05) !important;
  border: 1px solid var(--bdg-line);
  border-radius: 14px;
  text-align: center;
  box-shadow: inset 0 0 20px rgba(246, 200, 90, .08), 0 4px 12px rgba(0, 0, 0, .5);
  transition: transform .2s, box-shadow .2s;
}
.cgame_inr { padding: 10px 6px; }
.cgame_inr img { max-height: 46px; width: auto; margin: 0 auto; }
.cgame_inr h6,
.tab-buttons h6 {
  color: var(--bdg-text);
  font-size: 13px;
  font-weight: 700;
  margin: 6px 0 0;
}
.tab-link.active .cgame_inr,
.cgame_inr:hover {
  border-color: var(--bdg-gold);
  box-shadow: 0 0 14px rgba(246, 200, 90, .45), inset 0 0 20px rgba(246, 200, 90, .15);
  transform: translateY(-2px);
}
.tab-buttons .bg-img-3 {
  margin: 4px;
  padding: 10px 0;
  justify-content: space-around;
}
.tab-buttons .bg-img-3 .tab-link { flex: 1; }
.tab-buttons .bg-img-3 .bor-l { border-left: 1px solid var(--bdg-line); }


.tab-content { display: none; }
.tab-content.active { display: block; }

.gm_card.cardg {
  background: var(--bdg-card);
  border: 1px solid var(--bdg-line);
  border-radius: 14px;
  padding: 12px;
  margin: 0 4px 12px;
  box-shadow: inset 0 0 18px rgba(246, 200, 90, .08);
}
.gm_card a { color: var(--bdg-text) !important; display: flex; align-items: center; gap: 12px; }
.gm_card img { width: 38%; max-width: 140px; border-radius: 10px; }
.gm_card h4 { color: var(--bdg-gold); font-weight: 700; margin: 0 0 4px; }
.gm_card p { color: var(--bdg-muted); margin: 0; font-size: 13px; }


.withdr {
  margin-top: 8px;
}
.withdr .wrapper,
.withdr .scrollbox {
  background: var(--bdg-card);
  border: 1px solid var(--bdg-line);
  border-radius: 14px;
  overflow: hidden;
}
.scrollitem { border-bottom: 1px solid rgba(246, 200, 90, .18); }
.scrollitem .table { margin: 0; background: transparent; color: var(--bdg-text); }
.scrollitem td {
  border: 0 !important;
  padding: 8px 6px !important;
  vertical-align: middle;
  font-size: 13px;
}
.scrollitem img { height: 34px; width: 34px; border-radius: 50%; object-fit: cover; border: 1px solid var(--bdg-gold); }
.scrollitem td:last-child { text-align: right; color: var(--bdg-green); font-weight: 700; }
.scrollitem .textColor { color: var(--bdg-muted); font-weight: 400; }

/* ---------- Top winners ---------- */
.win_info.earn_chart {
  background: var(--bdg-card);
  border: 1px solid var(--bdg-line);
  border-radius: 14px;
  margin: 14px 0;
  padding-bottom: 10px;
}
.win_info .table { background: transparent; color: var(--bdg-text); margin: 0; }
.win_info td { border: 0 !important; text-align: center; }
.win_info td img.rounded-circle {
  width: 64px; height: 64px; object-fit: cover;
  border: 2px solid var(--bdg-gold);
  box-shadow: 0 0 12px rgba(246, 200, 90, .5);
}
.win_info h5 { color: var(--bdg-gold); font-weight: 700; }
.win_info .frt td { border-top: 1px solid rgba(246, 200, 90, .18) !important; text-align: left; }
.win_info .frt img.rounded-circle { width: 38px; height: 38px; }

/* ---------- Bottom info card ---------- */
.dec.sec1 {
  background: var(--bdg-card) !important;
  border: 1px solid var(--bdg-line);
  border-radius: 14px;
  color: var(--bdg-muted);
  margin: 14px 0 !important;
}
.dec .mc { color: var(--bdg-gold) !important; font-weight: 700; }

/* ---------- Responsive ---------- */
@media (max-width: 400px) {
  .cstm_hdr .btn { width: 125px !important; font-size: 12px; }
  .bor-ll { font-size: 16px; }
  .g-cont { gap: 8px; }
}
@media (min-width: 768px) {
  .g-cont { grid-template-columns: repeat(3, 1fr); }
}


:root{
  --g2:#ecb954; --gold:#e9a30f; --line:rgba(246,200,90,.65);
  --bg:#050403; --card:#0f0c07; --text:#f3ecd8; --muted:#b3a680; --green:#2fd56f;
  --grad:linear-gradient(180deg,#ffe89b 0%,#ecb954 55%,#c98a17 100%);
  --mcbg:#f6c85a; --mc:#f6c85a; --bg2:#14110b;
}


/*#myCarousel{margin:10px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}*/
.anoc{background:var(--card)!important;border:1px solid var(--line);border-radius:12px;padding:4px 10px!important;margin:10px 0}
.anoc marquee{color:var(--text)}
tv-ticker-tape{display:block;margin-bottom:8px}

/* ---- Common card look ---- */
.bdg-balance,.bdg-stake,.bdg-active,.bdg-plan,.withdr .wrapper,#popular .ch-g-cont,.win_info.earn_chart,.dec.sec1,.gm_card.cardg{
  border:1px solid var(--line);background:var(--card)!important;border-radius:14px;
  box-shadow:0 0 14px rgba(246,200,90,.22),inset 0 0 22px rgba(246,200,90,.06)}
.bdg-big-ic{font-size:20px;color:var(--gold);filter:drop-shadow(0 0 6px rgba(246,200,90,.5))}
.bdg-ic{font-size:20px;color:var(--gold)}

/* ---- Section title (.bor-ll) ---- */
.bor-ll{display:flex;align-items:center;margin:18px 0 10px!important;padding-left:12px!important;border-left:4px solid var(--gold);color:var(--text);font-size:21px;font-weight:700}
.bor-ll::after{content:"\203A";margin-left:auto;margin-right:6px;color:var(--gold);font-size:30px;line-height:1}

/* ---- Balance ---- */
.bdg-balance{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:14px 8px;margin:8px 0}
.bdg-b-main,.bdg-b-side{display:flex;align-items:center;gap:8px;padding:0 6px}
.bdg-b-side{border-left:1px solid rgba(246,200,90,.35)}
.bdg-b-main span{display:block;font-size:15px;font-weight:600}
.bdg-b-main strong{font-size:20px;line-height:1.1;color:#fff}
.bdg-b-side span{display:block;font-size:13px;color:#e9dfc2}
.bdg-b-side strong{font-size:15px;color:#fff}

/* ---- Tabs (tumhare ids same) ---- */
.tab-content{display:none}
.tab-content.active{display:block}

/* ---- Wingo cards: #popular ---- */
#popular .g-cont{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0}
#popular .ch-g-cont{display: flex;align-items:center;padding:6px 8px;min-height:96px;overflow:hidden;color:var(--text);
  background:radial-gradient(circle at 25% 50%,rgba(150,60,200,.35),transparent 60%),var(--card)!important}
#popular .ch-g-cont img{width:48%;max-height:84px;height:auto;object-fit:contain;flex:none}
#popular .tab-c-span{flex:1;display:block;background:none;margin:0;padding:0 0 0 8px;color:#fff;font-size:18px;line-height:1.2;font-weight:700;text-align:left;text-transform:none}
#popular .tab-c-span::after{content:"\2192";display:block;margin-top:8px;padding:2px 0;border-radius:20px;background:#d4992b;color:#1b1303;font-size:20px;text-align:center;box-shadow:inset 0 1px 0 #fff3c7}

/* ---- Other tabs ---- */
#lottery .g-cont,#fishing .g-cont,#orignal .g-cont{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#lottery .ch-g-cont,#fishing .ch-g-cont,#orignal .ch-g-cont{display:block;padding:6px;text-align:center;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
#lottery .ch-g-cont img,#fishing .ch-g-cont img,#orignal .ch-g-cont img{width:100%;height:auto;border-radius:10px}
#lottery .tab-c-span,#orignal .tab-c-span{display:block;margin-top:6px;padding:6px;background:var(--grad);color:#1b1303;font-weight:700;font-size:13px;border-radius:8px;text-transform:capitalize}
.gm_card.cardg{padding:12px;margin:0 0 12px}
.gm_card a{display:flex;align-items:center;gap:12px;color:var(--text)!important}
.gm_card img{width:38%;max-width:140px;border-radius:10px}
.gm_card h4{color:var(--gold);font-weight:700;margin:0 0 4px}
.gm_card p{color:var(--muted);margin:0;font-size:13px}

/* ---- Stacking plan ---- */
.bdg-stake{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;
  background:radial-gradient(circle at 20% 80%,rgba(246,200,90,.22),transparent 60%),var(--card)!important}
.bdg-stake-left h3{margin:0;font-size:18px;color:var(--gold);font-weight:700}
.bdg-stake-left small{color:var(--muted);font-size:13px}
.bdg-coin{margin-top:8px;width:100%;height:100px;
/*border-radius:50%;*/
/*border:4px solid var(--g2);*/
/*background:radial-gradient(circle,#2a1d06,#0a0703);*/
display:flex;align-items:center;justify-content:center;
/*box-shadow:0 0 22px rgba(246,200,90,.6)*/
    
}
.bdg-coin img{width:100%;height:100%;object-fit:cover}
.bdg-plans{display:grid;grid-template-columns:repeat(1fr,1fr);gap:6px}
.bdg-plan{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:8px 4px;border-radius:12px}
.bdg-plan i{font-size:20px;color:var(--gold)}
.bdg-plan b{font-size:16px;color:#fff;margin-top:2px}
.bdg-plan span{font-size:14px;color:#e9dfc2;margin:2px 0 8px}
.bdg-plan a{display:block;width:100%;padding:5px 0;border-radius:6px;background:var(--grad);color:#1b1303;font-size:12px;font-weight:700}

/* ---- Active staking ---- */
.bdg-active{padding:12px 10px 8px}
.bdg-act-row{display:grid;grid-template-columns:1fr 1fr}
.bdg-act{display:flex;align-items:center;gap:10px;padding:0 8px}
.bdg-act+.bdg-act{border-left:1px solid rgba(246,200,90,.35)}
.bdg-act span{display:block;font-size:15px;color:#e9dfc2}
.bdg-act strong{font-size:27px;color:#fff}
.bdg-note{margin:8px 0 0;text-align:center;font-size:12px;color:var(--muted)}
.bdg-note i{color:var(--gold);margin-right:4px}

/* ---- Winning information ---- */
.withdr .wrapper{padding:4px 12px;overflow:hidden}
.scrollbox,.scrollgroup{background:transparent}
.scrollitem{border-bottom:1px solid rgba(246,200,90,.2)}
.scrollitem .table{margin:0;background:transparent;color:var(--text)}
.scrollitem td{border:0!important;padding:8px 6px!important;vertical-align:middle;font-size:13px}
.scrollitem img{height:34px;width:34px;border-radius:50%;object-fit:cover;border:1px solid var(--gold)}
.scrollitem td:last-child{text-align:right;color:var(--green);font-weight:700}
.scrollitem .textColor{color:var(--muted);font-weight:400}

/* ---- Top winners ---- */
.win_info.earn_chart{margin:14px 0;padding-bottom:10px}
.win_info .table{background:transparent;color:var(--text);margin:0}
.win_info td{border:0!important;text-align:center}
.win_info td img.rounded-circle{width:64px;height:64px;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 12px rgba(246,200,90,.5)}
.win_info h5{color:var(--gold);font-weight:700}
.win_info .frt td{border-top:1px solid rgba(246,200,90,.18)!important;text-align:left}
.win_info .frt img.rounded-circle{width:38px;height:38px}
.dec.sec1{color:var(--muted);margin:14px 0!important}
.dec .mc{color:var(--gold)!important;font-weight:700}


/* ---- Responsive ---- */
@media(max-width:420px){
  .bdg-b-main strong{font-size:20px}.bdg-b-side strong{font-size:15px}.bdg-big-ic{font-size:20px}.bdg-ic{font-size:22px}
  .bor-ll{font-size:18px}#popular .tab-c-span{font-size:15px}
  .bdg-plan b{font-size:13px}.bdg-plan span{font-size:12px}.bdg-act strong{font-size:21px}
  .bdg-stake{grid-template-columns:1fr}.bdg-coin{display:none}
}
@media(max-width:340px){.bdg-balance{grid-template-columns:1fr 1fr}.bdg-b-main{grid-column:1/-1;margin-bottom:8px}.bdg-b-side:nth-child(2){border-left:0}}