/* ============================================================
   comp-modal.css (Lego Block)
   중앙 모달(로그인 유도·한도 안내·토큰 확인 등 공용).
   ============================================================ */
.modal-overlay {
  position: fixed; inset: 0; background: rgba(22,26,40,0.55);
  display: flex; align-items: center; justify-content: center; z-index: 200; padding: 20px;
}
.modal-overlay[hidden] { display: none; }
.modal-box {
  background: var(--paper-deep); border-radius: 18px; padding: 34px 32px; max-width: 400px;
  width: 100%; box-shadow: 0 30px 60px rgba(0,0,0,0.25); text-align: center;
}
.modal-box h3 { font-size: 21px; letter-spacing: -0.01em; margin-bottom: 10px; }
.modal-box p { font-size: 14.5px; color: var(--ink-soft); line-height: 1.6; margin-bottom: 22px; }
.modal-box .btn { width: 100%; text-align: center; margin-bottom: 10px; }
.modal-close {
  background: none; border: none; font-family: var(--sans); font-size: 13px;
  color: var(--muted); cursor: pointer; margin-top: 4px;
}