/* =================================================================
   Bổ sung cho landing.css (CSS biên dịch từ SCSS Laravel — không sửa tay file
   đó để còn biên dịch lại được).
   ================================================================= */

/*
  Popup thông báo của lõi (ui-popup.js, forms.css: z-index 1000) phải nằm TRÊN
  modal landing (.base-modal: z-index 9999). Không có luật này, đăng nhập sai
  trong popup đăng nhập thì câu lỗi hiện phía SAU popup — người chơi không thấy.
*/
.alert-overlay { z-index: 10000; }
.alert-overlay:has(.alert-box--error) { z-index: 10001; }

/* Nhiệm vụ đã nhận: thay `style.opacity/pointerEvents` gán bằng JS ở bản cũ. */
.add-turn-modal__btn.is-done { opacity: .6; pointer-events: none; }

/* Nút mốc đang khoá (chưa chọn lối / chưa đạt mốc / đã nhận). */
.milestone__btn:disabled { cursor: default; filter: grayscale(.5); opacity: .7; }

/* Câu "Minigame chỉ khả dụng cho Server S3..." khi phiên ở S1/S2. */
.landing-server-note {
  margin-top: .5em;
  color: #FFF1A1;
  font-family: 'BE_VIETNAM_PRO', sans-serif;
  font-size: max(12px, 0.9vw);
  text-align: center;
}

/*
  Mã quà Bingo dài 18 ký tự; cỡ chữ gốc của Laravel (64/1920vw cho cận chiến,
  tầm xa) làm mã tràn khỏi khung — đọc không đủ, chụp màn hình không đủ để nhập.
  Thu chữ cho vừa khung và cho bôi chọn để sao chép.
*/
#giftMeleeModal .gift-melee-modal__giftcode__number,
#giftRangedModal .gift-ranged-modal__giftcode__number,
#giftMinigameModal .gift-minigame-modal__giftcode__number,
#registerSuccessModal .register-success-modal__giftcode__number {
  font-size: calc(32 / 1920 * 100vw);
  overflow: hidden;
  white-space: nowrap;
  user-select: all;
}
@media screen and (max-width: 768px) {
  #giftMeleeModal .gift-melee-modal__giftcode__number,
  #giftRangedModal .gift-ranged-modal__giftcode__number,
  #giftMinigameModal .gift-minigame-modal__giftcode__number,
  #registerSuccessModal .register-success-modal__giftcode__number {
    font-size: calc(11 / 393 * 100vw);
  }
}