.public-togel-page {
  --togel-bg: #003826;
  --togel-surface: #00432d;
  --togel-raised: #005236;
  --togel-border: rgba(190, 205, 194, 0.14);
  --togel-text: #e8eee9;
  --togel-muted: #a0aaa3;
  --togel-green: #00f000;
  --togel-green-light: #00f000;
  min-height: 100vh;
  color: var(--togel-text);
  background: var(--togel-bg);
}

.public-togel-page #wrapper {
  min-height: 100vh;
  background: var(--togel-bg);
}

.public-togel-page #wrapper > .bg-custom {
  border: 0;
  background: transparent;
}

.public-togel-page .mcp-top-header > header {
  border-bottom: 1px solid var(--togel-border);
  background: #003826;
}

.public-togel-page .mcp-top-header > header marquee {
  color: var(--togel-muted);
}

.public-togel-page .mcp-top-header > header .form-control {
  border: 1px solid var(--togel-border) !important;
  border-radius: 5px;
  color: var(--togel-text) !important;
  background: var(--togel-surface) !important;
}

.public-togel-page .mcp-top-header > header .btn {
  border-color: var(--togel-green);
  border-radius: 5px;
  background-color: var(--togel-green);
  background-image: none;
}

.public-togel-page section.site-header {
  height: auto !important;
  min-height: 0;
  padding: 0.2rem 0;
  border-bottom: 1px solid var(--togel-border);
  background: #101713;
}

.public-togel-page section.site-header .navbar {
  margin-top: 0 !important;
  padding: 0.2rem 0;
}

.public-togel-page section.site-header ul.navbar-nav li.nav-item a.nav-link {
  border-radius: 5px;
  color: var(--togel-muted);
}

.public-togel-page section.site-header ul.navbar-nav li.nav-item a.nav-link:hover {
  color: var(--togel-text);
  background: rgba(0, 240, 0, 0.14);
}

.public-togel-page .main-content .owl-carousel .nav-link {
  border-radius: 5px;
  color: var(--togel-muted);
}

.public-togel-page .main-content .owl-carousel .nav-link:hover {
  color: var(--togel-text);
  background: rgba(0, 240, 0, 0.14);
}

.public-togel-page .mobileprovider,
.public-togel-page .desktopprov {
  padding: 0.5rem;
  border: 1px solid var(--togel-border);
  border-radius: 8px;
  background: var(--togel-surface);
}

.public-togel-page .mobileprovider {
  margin: 0.5rem auto;
  scrollbar-width: thin;
  scrollbar-color: var(--togel-green) var(--togel-surface);
}

.public-togel-page .mobileprov {
  justify-content: flex-start;
  gap: 0.45rem;
}

.public-togel-page .desktopprov {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.45rem;
}

.public-togel-page .menuprovider {
  max-height: none;
  padding: 0.5rem;
  border: 1px solid transparent;
  border-radius: 6px;
  transition: background-color 150ms ease, border-color 150ms ease;
}

.public-togel-page .menuprovider:hover,
.public-togel-page .menuprovider.is-active,
.public-togel-page .togel-platform-provider {
  border-color: var(--togel-border);
  background: rgba(0, 240, 0, 0.14);
  box-shadow: none;
}

.public-togel-page .menuprovider a {
  display: block;
  min-width: 88px;
  color: var(--togel-muted);
  text-decoration: none;
}

.public-togel-page .menuprovider a[aria-current="page"],
.public-togel-page .togel-platform-provider a {
  color: var(--togel-text);
}

.public-togel-page .styleimgprovider {
  width: 90px;
  height: 42px;
  object-fit: contain;
  opacity: 1;
}

.public-togel-page .menuprovider small {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.68rem;
  line-height: 1.2;
}

.public-togel-page .mcp-search {
  display: block;
}

.public-togel-page .mcp-search > div {
  padding-top: 0.9rem !important;
}

.public-togel-page .togel-quick-links .btn {
  margin: 0.25rem !important;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(114, 169, 135, 0.3);
  border-radius: 5px;
  color: #dce8df;
  background: rgba(52, 118, 83, 0.2);
  background-image: none !important;
  font-size: 0.76rem;
  font-weight: 600;
  text-decoration: none;
}

.public-togel-page .togel-quick-links .btn:hover {
  color: #f0f4f1;
  background: var(--togel-green);
}

.public-togel-page .togel-quick-links .inoutimg {
  animation: none;
}

.public-togel-page .togel-market-card {
  margin: 0 0 1rem !important;
  padding: 0.35rem !important;
  border: 1px solid var(--togel-border);
  border-radius: 9px;
  color: var(--togel-text);
  background: var(--togel-surface) !important;
  box-shadow: none;
}

.public-togel-page .togel-market-card:hover {
  border-color: rgba(114, 169, 135, 0.42);
  box-shadow: none;
}

.public-togel-page .togel-market-art {
  position: relative;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  border: 1px solid var(--togel-border);
  border-radius: 6px !important;
  background-position: center;
  isolation: isolate;
}

.public-togel-page .togel-market-art::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, rgba(6, 14, 9, 0.68), rgba(6, 14, 9, 0.88));
  content: "";
}

.public-togel-page .togel-market-art h2 {
  color: #f0f4f1 !important;
  font-size: clamp(0.9rem, 1.2vw, 1.05rem) !important;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.3;
}

.public-togel-page .togel-market-art marquee {
  display: block;
  margin: 0.25rem 0 0.5rem;
  color: #d3ddd6 !important;
  font-size: 0.66rem;
}

.public-togel-page .togel-market-art marquee .text-success {
  color: #9ac5a5 !important;
}

.public-togel-page .togel-market-art marquee .text-danger {
  color: #e5a29b !important;
}

.public-togel-page .togel-result {
  overflow: hidden;
  border: 1px solid var(--togel-border);
  border-radius: 6px !important;
  color: var(--togel-text);
  background: var(--togel-surface) !important;
}

.public-togel-page .togel-result-numbers {
  overflow: hidden;
  border-radius: 5px;
}

.public-togel-page .togel-result-numbers td {
  padding: 0.35rem 0.1rem;
  border-right: 1px solid rgba(190, 205, 194, 0.2) !important;
  color: #f0f4f1 !important;
  background: #285d40 !important;
  font-size: clamp(1.05rem, 2.2vw, 1.35rem) !important;
  font-weight: 700 !important;
  line-height: 1.2;
}

.public-togel-page .togel-result-numbers td:last-child {
  border-right: 0 !important;
}

.public-togel-page .togel-result .card-body > div,
.public-togel-page .togel-result .card-body > small {
  color: var(--togel-muted);
  font-size: 0.7rem;
}

.public-togel-page .togel-market-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
  margin-top: 0.65rem;
}

.public-togel-page .togel-market-actions .btn {
  flex: 1 1 auto;
  min-width: 3.9rem;
  min-height: 38px;
  margin: 0 !important;
  padding: 0.42rem 0.45rem;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #eef4ef;
  font-size: 0.7rem;
  font-weight: 650;
  line-height: 1.2;
  text-decoration: none;
}

.public-togel-page .togel-market-actions .togel-action-bet,
.public-togel-page .togel-market-actions .togel-action-live {
  border-color: rgba(114, 169, 135, 0.32);
  background: #00f000;
  color: #003826;
  background-image: none !important;
}

.public-togel-page .togel-market-actions .togel-action-bet:hover,
.public-togel-page .togel-market-actions .togel-action-live:hover {
  background: #00f000;
  color: #003826;
}

.public-togel-page .togel-market-actions .togel-action-close {
  border-color: rgba(190, 205, 194, 0.16);
  color: #b6c0b9;
  background: #303a33;
  background-image: none !important;
  opacity: 0.85;
}

.public-togel-page .togel-market-actions .togel-action-stats {
  border-color: rgba(114, 169, 135, 0.26);
  color: #bdd3c3;
  background: rgba(52, 118, 83, 0.2);
  background-image: none !important;
}

.public-togel-page .togel-market-actions .togel-action-stats:hover {
  background: rgba(52, 118, 83, 0.36);
}

.public-togel-page .togel-market-actions .inoutimg {
  animation: none;
}

@media (max-width: 575.98px) {
  .public-togel-page .mobileprovider {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .public-togel-page .mobileprov {
    height: auto;
  }

  .public-togel-page .menuprovider a {
    min-width: 76px;
  }

  .public-togel-page .styleimgprovider {
    width: 74px;
    height: 36px;
  }

  .public-togel-page .desktopprov {
    display: none;
  }

  .public-togel-page .togel-market-card {
    padding: 0.25rem !important;
  }

  .public-togel-page .togel-market-art {
    padding: 0.45rem !important;
  }

  .public-togel-page .togel-market-art h2 {
    min-height: 2.5em;
    font-size: 0.78rem !important;
  }

  .public-togel-page .togel-market-art marquee {
    font-size: 0.58rem;
  }

  .public-togel-page .togel-result-numbers td {
    padding: 0.3rem 0.05rem;
    font-size: 1rem !important;
  }

  .public-togel-page .togel-result .card-body > div,
  .public-togel-page .togel-result .card-body > small {
    font-size: 0.62rem;
  }

  .public-togel-page .togel-market-actions {
    gap: 0.2rem;
  }

  .public-togel-page .togel-market-actions .btn {
    min-width: 0;
    padding: 0.38rem 0.22rem;
    font-size: 0.62rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-togel-page *,
  .public-togel-page *::before,
  .public-togel-page *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}