/*Background Image Desktop And Mobile*/
@media (min-width: 768px) {
  body {
    cursor: url('https://gambarku.cloud/images/2026/09/28/macantogel-cursor.png'), auto;
    background: url('https://gambarku.cloud/images/2026/09/28/background_merah_macan_hd.png') 0px 0px / cover no-repeat fixed !important;
  }
}

@media (max-width: 767.98px) {
  body {
    background: #000 !important;
  }
  body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: url('https://gambarku.cloud/images/2026/09/28/background_merah_macan_mobile.png') center top / cover no-repeat;
    pointer-events: none;
  }
}
/* Desktop Header */
@media (min-width: 768px) {
  div:has(> .desktop-topbar) {
    background: #000 !important;
    overflow-x: clip;
  }
  .desktop-topbar {
    background: #000 !important;
  }
  .desktop-mainnav {
    background: transparent !important;
    isolation: isolate;
    min-height: 103px;
  }
  .desktop-mainnav::before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: url('https://gambarku.cloud/images/2026/09/29/MacanTogel_header_3840x170_menu_fit.png') bottom center / cover no-repeat;
  }
}

/* Mobile Header - Footer */
nav.navbar.d-md-none {
  background: #000 !important;
}
/* Lobby Items Menu */
.lobby-menu {
background: rgba(0,0,0,0.90)!important;
}
.lobby-menu.active {
background: rgba(0,0,0,0.5)!important;
}


/* Togel Card */

.togel-card{
    border:2px solid transparent !important;
    background:
        linear-gradient(0deg,#5e1e00,#000 50%,#5e1b00) padding-box,
        linear-gradient(45deg,#570e0e 10%,#c20000 30%,#ff2626 60%,#570e0e 70%,#c20000 80%) border-box !important;
    background-size:100% 100%,400% 400% !important;
    animation:mcBorder 8s linear infinite,mcGlow 2.4s ease-in-out infinite;
    transition:transform .2s ease;
    padding:0 0 8px !important;
    justify-content:flex-start !important;
}
.togel-card .market-code{margin-top:auto !important}
.togel-card .market-info{margin-bottom:auto !important}
.togel-card:hover{transform:translateY(-2px)}
.togel-card .market-name{
    align-self:stretch;
    width:auto !important;
    margin:0 0 6px !important;
    padding:0px !important;
    font-weight:700;
    letter-spacing:.5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-shadow:0 1px 2px #000;
    background:linear-gradient(23deg,#13135d 10%,#c20000 30%,#ff2626 60%,#5d1313 70%,#c20000 80%);
    background-size:400% 400%;
    animation:mcGrad 5s ease infinite;
}
.togel-card .market-code{
    font-weight:700;
    text-shadow:0 0 10px rgba(255,38,38,.55),0 2px 0 #000;
}
.togel-card .market-info{
    background:linear-gradient(23deg,#13135d 10%,#c20000 30%,#ff2626 60%,#5d1313 70%,#c20000 80%) !important;
    background-size:400% 400% !important;
    animation:mcGrad 5s ease infinite;
    box-shadow:0 0 0 1px rgba(255,255,255,.15);
}
@keyframes mcBorder{0%,100%{background-position:0 0,0 50%}50%{background-position:0 0,100% 50%}}
@keyframes mcGlow{0%,100%{box-shadow:0 0 5px rgba(255,38,38,.25)}50%{box-shadow:0 0 12px rgba(255,38,38,.6)}}
@keyframes mcGrad{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}


/* Cursor */
@media (min-width: 768px) {
  /* Hover: semua yang bisa diklik (pengganti cursor tangan) */
  a, button, [onclick], [role="button"], label, select, summary,
  .lobby-menu, .desktop-nav-link, .togel-card {
    cursor: url('https://gambarku.cloud/images/2026/09/29/macantogel-click.png') 10 5, pointer !important;
  }

  /* Typing: kolom input */
  input[type="text"], input[type="password"], input[type="number"],
  input[type="email"], input[type="tel"], input[type="search"], input:not([type]), textarea {
    cursor: url('https://gambarku.cloud/images/2026/09/29/macantogel-text.png') 16 16, text !important;
    caret-color: #ff2626;
  }
}