/* DAUNEMAS: requested welcome popup. Original layout rules remain in the other CSS files. */
.daunemas-welcome {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  width: min(540px, calc(100vw - 28px), calc(100dvh - 28px));
  height: min(540px, calc(100vw - 28px), calc(100dvh - 28px));
  margin: auto;
  padding: 16px;
  max-width: none;
  max-height: none;
  border: 2px solid #d4af37;
  border-radius: 6px;
  background: #0c0b08;
  color: #f5edda;
  box-shadow: 0 18px 70px #000b;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.daunemas-welcome:not([open]) { display: none; }
.daunemas-welcome[open] { display: flex; flex-direction: column; gap: 10px; }
.daunemas-welcome::backdrop { background: rgb(0 0 0 / 78%); }
.daunemas-welcome__close {
  position: absolute;
  z-index: 2;
  top: 8px;
  right: 8px;
  width: 36px;
  height: 36px;
  border: 1px solid #d4af37;
  border-radius: 4px;
  background: #10100e;
  color: #f6dc79;
  font: 26px/1 Arial, sans-serif;
  cursor: pointer;
}
.daunemas-welcome__banner {
  display: block;
  flex: 1 1 0;
  min-height: 0;
  width: 100%;
  object-fit: contain;
}
.daunemas-welcome__title { margin: 0; color: #ebca64; text-align: center; font-size: 19px; font-weight: 700; }
.daunemas-welcome__description { margin: 0; color: #e1d9c5; font-size: 13px; line-height: 1.45; text-align: center; }
.daunemas-welcome__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; flex: 0 0 auto; }
.daunemas-welcome__actions a {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid #d4af37;
  border-radius: 4px;
  color: #f2d16e;
  font: 700 14px Arial, sans-serif;
  text-decoration: none;
}
.daunemas-welcome__actions a:last-child { color: #151006; background: linear-gradient(135deg, #f5db83, #c3972e); }
.daunemas-welcome :focus-visible { outline: 3px solid #fff2b0; outline-offset: 3px; }
html.daunemas-welcome-open { overflow: hidden; }
@media (max-width: 480px), (max-height: 550px) {
  .daunemas-welcome { padding: 12px; }
  .daunemas-welcome[open] { gap: 7px; }
  .daunemas-welcome__title { font-size: 16px; }
  .daunemas-welcome__description { font-size: 11px; }
  .daunemas-welcome__actions a { min-height: 40px; }
}

/* Recolor decorative background images without changing their geometry or source assets. */
body { background-color: #090806; }
.site-header .logo,
.download-apk-container,
.popular-games,
.site-footer {
  background-color: #0c0a04;
  background-blend-mode: luminosity;
}

/* Keep notices compact before JavaScript starts, then scroll the existing text. */
.announcement-container { min-height: 50px; max-height: 50px; overflow: hidden; }
.announcement-container [data-section="announcements"] { min-width: 0; overflow: hidden; height: 30px; }
#announcement_list {
  display: flex;
  align-items: center;
  width: max-content;
  height: 30px;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  line-height: 30px;
}
#announcement_list > li { flex: 0 0 auto; margin: 0; padding: 0 38px 0 0; white-space: nowrap; }
#announcement_list[data-ticker-ready="true"] { animation: daunemas-notices var(--ticker-duration, 200s) linear infinite; }
.announcement-container:hover #announcement_list { animation-play-state: paused; }
@keyframes daunemas-notices { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.banner[hidden] { display: none !important; }
.daunemas-welcome { z-index: 2147483000; }
.jackpot-container { min-width: 0; }
#progressive_jackpot[data-state="loading"],
#progressive_jackpot[data-state="unavailable"] {
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(11px, 1.6vw, 20px);
  letter-spacing: .06em;
  white-space: nowrap;
}
.jackpot-border-container[data-jackpot-state="loading"] .jackpot-currency,
.jackpot-border-container[data-jackpot-state="unavailable"] .jackpot-currency { display: none; }
#progressive_jackpot[data-state="stale"]::after { content: ' · DATA TERAKHIR'; display: block; font: 10px Arial, sans-serif; }
@media (max-width: 767px) {
  .announcement-container { display: flex; align-items: center; gap: 8px; padding: 8px; }
  .announcement-container [data-section="title"] { width: auto; flex: 0 0 auto; font-size: 12px; }
  .announcement-container [data-section="announcements"] { flex: 1 1 auto; width: 0; }
  .announcement-container [data-section="date"] { display: none; }
}