.ld-logo-pasaran {
    height:auto !important;
    width:100% !important;
}

.ld-table-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

.ld-card,
.ld-card * {
  box-sizing: border-box;
}

.ld-card {
  width: 100%;
  max-width: 340px;
  margin: 12px auto !important;
  padding: 10px !important;
  background: #fff !important;
  border: 4px solid #b40000;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  color: #111 !important;
  overflow: hidden;
}

.ld-header {
  background: #c40000;
  color: #fff;
  text-align: center;
  padding: 12px 10px;
  border-radius: 6px 6px 0 0;
  font-weight: 700;
  margin-bottom: 7px;
}

.ld-title {
  font-size: 16px;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ld-date {
  font-size: 14px;
  line-height: 1.3 !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
}

.ld-logo {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00364f;
  font-size: 14px;
  margin: 8px 0 !important;
  padding: 0 !important;
}

.ld-logo img {
  max-width: 180px;
  max-height: 50px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.ld-prize {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 7px 0 !important;
  padding: 0 !important;
  width: 100%;
  min-height: 0 !important;
}

.ld-label {
  width: 96px !important;
  flex: 0 0 96px !important;
  background: #c40000;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 10px 6px !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2 !important;
}

.ld-balls {
  flex: 1 !important;
  background: #e1e1e1;
  border-radius: 5px;
  padding: 5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px;
  min-height: 36px !important;
}

.ld-ball {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  border-radius: 50%;
  background: radial-gradient(circle at 65% 15%, white 1px, red 3%, darkred 60%, #fc0 100%)!important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 14px !important;
  font-weight: 800;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border:1px solid #900;
}

.ld-section {
  background: #c40000;
  color: #fff;
  text-align: center;
  font-weight: 700;
  padding: 9px !important;
  border-radius: 6px;
  margin: 10px 0 7px !important;
  font-size: 14px;
  line-height: 1.2 !important;
}

.ld-grid-sgp {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  margin: 0 !important;
  padding: 0 !important;
}

.ld-grid-sgp span {
  background: #d9d9d9;
  color: #00364f;
  text-align: center;
  border-radius: 4px;
  padding: 7px 4px !important;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.ld-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin: 0 !important;
  padding: 0 !important;
}

.ld-grid span {
  background: #d9d9d9;
  color: #00364f;
  text-align: center;
  border-radius: 4px;
  padding: 7px 4px !important;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.ld-footer {
  background: #c40000;
  color: #fff;
  text-align: center;
  margin: 10px 0 0 !important;
  padding: 11px 8px;
  border-radius: 0 0 6px 6px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5 !important;
}

.ld-grid-single {
  grid-template-columns: 1fr !important;
}

.ld-grid-single span {
  background: #d9d9d9;
  color: #00364f;
  text-align: center;
  border-radius: 4px;
  padding: 7px 4px !important;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.ld-special-main,
.ld-special-extra {
  background: #e1e1e1;
  color: #111;
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  padding: 12px;
  border-radius: 4px;
}

.ld-special-extra {
  font-size: 20px;
}

.ld-special-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
  background: #900000;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}

.ld-special-grid span {
  background: #900000;
  color: #ffffff;
  text-align: center;
  padding: 10px 4px;
  font-weight: 700;
  border-right: 1px solid rgba(255,255,255,.15);
}

.ld-head-grid{
  gap:6px !important;
  overflow:hidden;
  border-radius:6px;
  margin-bottom:6px !important;
}

.ld-head-grid div{
  background:#c40000 !important;
  color:#fff;
  text-align:center;
  padding:10px 6px !important;
  font-size:13px;
  border-radius: 6px !important;
  font-weight:700;
  border-right:1px solid rgba(255,255,255,.15);
}

.ld-head-grid div:last-child{
  border-right:none;
}

.ld-grid-japan{
  display:grid !important;
  grid-template-columns:repeat(2,1fr);
  gap:6px;
  margin:0 !important;
  padding:0 !important;
}

.ld-grid-japan span{
  background:#d9d9d9;
  grid-template-columns: repeat(2, 1fr);
  color:#00364f;
  text-align:center;
  border-radius:4px;
  padding:7px 4px !important;
  font-weight:800;
  font-size:13px;
  line-height:1.2 !important;
  margin:0 !important;
}