:root{
  --chlr-panel:#000000;
  --chlr-panel-2:#000000;
  --chlr-text:#f6f7fb;
  --chlr-muted:#a9afbb;
  --chlr-red:#da0000;
  --chlr-red-dark:#a80000;
  --chlr-gold-1:#f3d17a;
  --chlr-gold-2:#c79628;
  --chlr-line:rgba(255,255,255,.10);
  --chlr-radius:22px;
  --chlr-shadow:0 18px 40px rgba(0,0,0,.40);
  --chlr-container:1200px;
}
.chlr-page,
.chlr-page *,
.chlr-page *::before,
.chlr-page *::after{box-sizing:border-box}
.chlr-page{
  font-family:"Noto Sans Thai",sans-serif !important;
  color:var(--chlr-text) !important;
  line-height:1.6 !important;
  background:#000000 !important;
  padding:20px 5px 28px !important;
}
.chlr-wrap,
.chlr-stack,
.chlr-thai-grid,
.chlr-thai-stats,
.chlr-apb-grid,
.chlr-round-body,
.chlr-card-body,
.chlr-page-thai,
.chlr-page-apb{
  background:#000000 !important;
}
.chlr-wrap{max-width:var(--chlr-container) !important;margin:0 auto !important}
.chlr-stack{display:grid !important;gap:18px !important}
.chlr-card{
  border:1px solid var(--chlr-line) !important;
  border-radius:var(--chlr-radius) !important;
  background:#000000 !important;
  box-shadow:var(--chlr-shadow) !important;
  overflow:hidden !important;
}
.chlr-card-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  padding:16px 18px !important;
  border-bottom:1px solid var(--chlr-line) !important;
  background:#000000 !important;
}
.chlr-card-head h2,
.chlr-round-head h3,
.chlr-jackpot-title{
  margin:0 !important;
  line-height:1.22 !important;
  color:#ffffff !important;
}
.chlr-card-head h2,
.chlr-jackpot-title{
  font-size:clamp(22px,3vw,30px) !important;
  font-weight:800 !important;
}
.chlr-round-head h3{font-size:20px !important;font-weight:800 !important}
.chlr-meta-badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.05) !important;
  color:#f7d989 !important;
  font-size:13px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
.chlr-card-body{padding:18px !important;background:#000000 !important}
.chlr-thai-grid{
  display:grid !important;
  grid-template-columns:1.15fr .85fr !important;
  gap:16px !important;
  align-items:start !important;
}
.chlr-digit-panel{
  background:#000000 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  padding:16px !important;
}
.chlr-label{color:#f2d487 !important;font-size:14px !important;font-weight:700 !important;margin-bottom:10px !important}
.chlr-digit-grid{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:8px !important;background:#000000 !important}
.chlr-digit-box,.digit-box{
  min-height:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  background:#000000 !important;
  color:#ffffff !important;
  font-size:24px !important;
  font-weight:800 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.05) !important;
}
.chlr-thai-stats{display:grid !important;gap:12px !important}
.chlr-stat-row,
.chlr-apb-row{
  display:grid !important;
  align-items:stretch !important;
  border-radius:14px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:#000000 !important;
}
.chlr-stat-row{grid-template-columns:150px 1fr !important}
.chlr-apb-row{grid-template-columns:120px 1fr !important;border-radius:12px !important}
.chlr-stat-key,
.chlr-apb-key{
  padding:12px 14px !important;
  background:linear-gradient(180deg,var(--chlr-gold-1),var(--chlr-gold-2)) !important;
  color:#231708 !important;
  font-weight:800 !important;
  font-size:14px !important;
  display:flex !important;
  align-items:center !important;
}
.chlr-apb-key{padding:10px 12px !important;font-size:13px !important}
.chlr-stat-value,
.chlr-apb-value{
  padding:12px 14px !important;
  background:#000000 !important;
  color:#ffffff !important;
  font-size:18px !important;
  font-weight:700 !important;
  display:flex !important;
  align-items:center !important;
}
.chlr-apb-value{padding:10px 12px !important;font-size:15px !important}
.chlr-jackpot-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:24px !important;
  border:1px solid rgba(243,209,122,.24) !important;
  background:radial-gradient(circle at top right, rgba(218,0,0,.20), transparent 28%),linear-gradient(135deg,#120b09 0%,#050505 45%,#000000 100%) !important;
  box-shadow:0 20px 46px rgba(0,0,0,.40) !important;
}
.chlr-jackpot-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  padding:1px !important;
  border-radius:24px !important;
  background:linear-gradient(135deg, rgba(243,209,122,.8), rgba(199,150,40,.35), rgba(218,0,0,.4)) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
  pointer-events:none !important;
}
.chlr-jackpot-top{
  padding:20px 20px 8px !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:16px !important;
  align-items:flex-start !important;
  background:transparent !important;
}
.chlr-jackpot-kicker{
  display:inline-flex !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,var(--chlr-red),var(--chlr-red-dark)) !important;
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:800 !important;
  margin-bottom:12px !important;
}
.chlr-jackpot-main{font-size:clamp(34px,5vw,56px) !important;line-height:1 !important;letter-spacing:.04em !important;font-weight:800 !important;color:#fff8e7 !important;margin:0 0 10px !important}
.chlr-jackpot-sub{margin:0 !important;color:#d5d8e0 !important;font-size:16px !important}
.chlr-jackpot-side{
  min-width:220px !important;
  padding:14px !important;
  border-radius:18px !important;
  background:#000000 !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.chlr-mini-label{color:#f2d487 !important;font-size:13px !important;font-weight:700 !important;margin-bottom:8px !important}
.chlr-mini-top{margin-top:12px !important}
.chlr-mini-value{font-size:22px !important;font-weight:800 !important;color:#ffffff !important;line-height:1.35 !important}
.chlr-apb-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:start !important;
}
.chlr-apb-round{
  border-radius:20px !important;
  overflow:hidden !important;
  border:1px solid var(--chlr-line) !important;
  background:#000000 !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}
.chlr-round-head{
  padding:14px 16px !important;
  border-bottom:1px solid var(--chlr-line) !important;
  background:linear-gradient(180deg, rgba(218,0,0,.22), rgba(218,0,0,.08)) !important;
}
.chlr-round-jackpot .chlr-round-head{background:linear-gradient(180deg, rgba(243,209,122,.18), rgba(218,0,0,.08)) !important}
.chlr-round-tag{
  display:inline-flex !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.08) !important;
  color:#ffd87e !important;
  font-size:12px !important;
  font-weight:800 !important;
  margin-bottom:8px !important;
}
.chlr-round-body{padding:14px !important;display:grid !important;gap:10px !important;height:100% !important;background:#000000 !important}
@media (max-width:1024px){.chlr-thai-grid,.chlr-apb-grid{grid-template-columns:1fr !important}}
@media (max-width:640px){.chlr-page{padding-top:12px !important;padding-bottom:20px !important}.chlr-card-body,.chlr-card-head{padding-left:14px !important;padding-right:14px !important}.chlr-jackpot-top{flex-direction:column !important}.chlr-jackpot-side{min-width:100% !important}.chlr-digit-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}.chlr-digit-box,.digit-box{min-height:52px !important;font-size:22px !important}.chlr-stat-row,.chlr-apb-row{grid-template-columns:1fr !important}}
