.exit-pop.show {
  display: block;
  opacity: 1;
  transform: translate(-50%, -50%) scale(var(--ep-scale, 1));
}

.modal,
.sheet,
.setting-fly,
.menu-pop,
.exit-pop,
.nofund,
.lang-confirm,
.menu-sheet {
  border: none !important;
  box-shadow: none !important;
}

.exit-pop {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -46%) scale(calc(var(--ep-scale, 1) * 0.96));
  width: 360px;
  max-width: 88%;
  background: #0e1d3d;
  border: 1px solid #d89b1d;
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
  z-index: 90;
  color: #f0dab0;
  display: none;
  opacity: 0;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
  padding: 26px 24px 22px;
  text-align: center;
}

.exit-pop .ep-ic {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto 14px;
  background: #0f2246;
  border: 1px solid #26406a;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e8a317;
}

.exit-pop .ep-ic svg {
  width: 30px;
  height: 30px;
}

.exit-pop h3 {
  font-size: 28px;
  font-weight: bold;
  color: #ffe66d;
  margin-bottom: 8px;
}

.exit-pop p {
  font-size: 16px;
  line-height: 1.6;
  color: #a9b7d6;
  margin-bottom: 22px;
}

.exit-pop .ep-btns {
  display: flex;
  gap: 12px;
}

.exit-pop .ep-cancel {
  background: #0f2246;
  border: 1px solid #26406a;
  color: #ffd45a;
}

.exit-pop .ep-btn {
  flex: 1;
  height: 48px;
  border-radius: 24px;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  font-family: inherit;
}

.exit-pop .ep-exit {
  background: linear-gradient(180deg, #e5564e, #c23b33);
  color: #fff;
}

.exit-pop .ep-confirm {
  background: linear-gradient(180deg, #f0c14b, #d89b1d);
  color: #10233f;
}

.nofund.show {
  display: flex;
  opacity: 1;
  transform: translate(-50%, -50%) scale(var(--ep-scale, 1));
}

.nofund {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 360px;
  max-width: 84%;
  transform: translate(-50%, -50%) scale(calc(var(--ep-scale, 1) * 0.92));
  transform-origin: center;
  background: linear-gradient(180deg, #0e1d3d 0%, #0b1730 100%);
  border: 1.5px solid #d89b1d;
  border-radius: 20px;
  padding: 26px 24px 18px;
  z-index: 95;
  display: none;
  flex-direction: column;
  text-align: center;
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.6),
    inset 0 0 0 1px rgba(255, 212, 90, 0.12);
  opacity: 0;
  transition:
    opacity 0.22s ease,
    transform 0.22s ease;
}

.nofund .nf-ic {
  width: 74px;
  height: 74px;
  margin: 0 auto 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 50% 35%, #1b3766, #0b1730);
  border: 2px solid #ff4d66;
  box-shadow: 0 0 24px rgba(255, 77, 102, 0.35);
}

.nofund .nf-ic svg {
  width: 38px;
  height: 38px;
}

.nofund .nf-row,
.nofund .nf-row b {
  font-size: 16px !important;
}

.nofund .nf-row.short b {
  color: #ff6b7a;
}

.nofund .nf-row b {
  font-size: 18px;
  color: #fff;
}

.nofund .nf-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #0f2246;
  border: 1px solid #26406a;
  border-radius: 10px;
  padding: 11px 16px;
  margin-bottom: 9px;
  font-size: 13px;
  color: #e8c58a;
}

.nofund .nf-close {
  margin-top: 10px;
  height: 48px;
  border-radius: 11px;
  background: #1b3766;
  border: 1px solid #d89b1d;
  color: #ffd45a;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
}

.bet-stakerow .ba-round,
.bet-minmax .ba-side,
.bet-grid .chip,
.buy-btn,
.hf,
.lang-item,
.lang-dd,
.menu-row,
.msr,
.set-row,
.tab,
.inav,
.det-back,
.auto-start,
.ep-btn,
.nf-close {
  transition:
    transform 0.1s ease,
    filter 0.12s ease,
    box-shadow 0.15s ease;
}

.nofund .nf-lower {
  display: none;
  margin-top: 14px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(180deg, #e8a317, #c8860f);
  border: 1px solid #ffd45a;
  color: #0e1d3d;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
}

/* Error dialogs tint the icon ring and glyph red, per the reference design's error popup. The
   SVG itself stays currentColor like every other icon, so only this container differs. Both
   reds are already used elsewhere in this file (.nf-ic border, .nf-row.short b). */
#errorPop .ep-ic,
#restartPop .ep-ic {
  border-color: #ff4d66;
  color: #ff6b7a;
}