/**
 * QRX Game UI contrast / theme fixes (loaded last).
 * Fixes notice bar dark-on-dark text and related readability issues.
 */

/* ===== Notice / announcement bar — white text on green ===== */
#app .noticeBar__container,
.noticeBar__container,
#noticeBar,
#noticeBar.noticeBar__container {
  color: #ffffff !important;
  background: linear-gradient(180deg, #20733e 0%, #104327 100%) !important;
}

#app .noticeBar__container *,
.noticeBar__container *,
#noticeBar *,
.noticeBar__container-body,
.noticeBar__container-body-text,
.noticeBar__container-body-text *,
.noticeBar__container svg,
.noticeBar__container svg path,
.noticeBar__container .svg-icon {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Detail button stays readable (dark text on light pill) */
.noticeBar__container button,
.noticeBar__container-btn,
.noticeBar__container .van-button {
  color: #0c2818 !important;
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.85) !important;
}
.noticeBar__container button *,
.noticeBar__container-btn * {
  color: #0c2818 !important;
  fill: #0c2818 !important;
}

/* Tips under banners */
.Landty-Con-tips,
.Landty-Con-tips * {
  color: #d7e6dc !important;
}

/* Generic dark text that often appears on green theme pages */
#app .van-notice-bar,
#app .van-notice-bar__content,
#app .van-notice-bar__wrap {
  color: #ffffff !important;
}

/* ===== Splash / loading screen — QUORIXTRADE branded artwork ===== */
.start-page,
.start-page.bdgwin {
  background: #000000 url(../png/qrx-start-screen.png) no-repeat center center !important;
  background-size: contain !important;
}

/* Original dice + logo + tagline are baked into the artwork */
.start-page > div {
  display: none !important;
}

/* Pre-boot overlay shown before the SPA mounts */
#qrx-boot-splash {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.35s ease;
}
#qrx-boot-splash img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#qrx-boot-splash.qrx-hide {
  opacity: 0;
  pointer-events: none;
}