/* Minimal fallback CSS (overwrite with your real style.css if you already have one) */
body{margin:0;background:#0b0b0b;color:#eaeaea;font-family:Pretendard,Malgun Gothic,Apple SD Gothic Neo,sans-serif;}
.wrap{max-width:1100px;margin:0 auto;padding:14px 14px 60px;}
.topbar{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#111;border:1px solid #2b2b2b;position:sticky;top:10px;z-index:10;}
.toplogo{width:44px;height:44px;object-fit:contain;}
.toptext{font-size:14px;line-height:1.6;opacity:.95}
.toplink{color:#8bd3ff;text-decoration:none}
.codeGlow{color:#ffd54a;text-shadow:0 0 18px rgba(255,213,74,.35)}
.hero img{width:100%;height:auto;border-radius:14px;border:1px solid #2b2b2b;display:block;margin-top:14px}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}
.card img{width:100%;height:auto;border-radius:12px;border:1px solid #2b2b2b;display:block}
.panels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.panel{border:1px solid #2b2b2b;border-radius:14px;background:#101010;overflow:hidden}
.panelHead{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #2b2b2b}
.panelHead .title{font-weight:800}
.panelHead .sub{font-weight:600;opacity:.65;margin-left:6px;font-size:12px}
.panelHead .more{cursor:pointer;font-weight:800;color:#8bd3ff}
.panelBody{padding:10px 12px}
.list .item{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;cursor:pointer}
.list .item:hover{background:rgba(255,255,255,.04)}
.thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}
.badge{margin-left:auto;font-size:12px;background:rgba(255,213,74,.12);border:1px solid rgba(255,213,74,.25);padding:4px 8px;border-radius:999px;color:#ffd54a;font-weight:800}
.arrow{opacity:.6;margin-left:6px}
.moneyTable{width:100%;border-collapse:collapse;font-size:13px}
.moneyTable th,.moneyTable td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.deposit{color:#6ee7b7;font-weight:800}
.withdraw{color:#fca5a5;font-weight:800}
.eventBannerWrap{margin-top:14px}
.eventBannerGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.eventBannerGrid img{width:100%;height:auto;border-radius:12px;border:1px solid #2b2b2b;display:block}
.eventSummary{margin-top:14px;border:1px solid #2b2b2b;border-radius:16px;background:#101010;padding:16px}
.eventSummaryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.sumCard{border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:12px;background:rgba(255,255,255,.03)}
.sumTag{display:inline-block;font-size:12px;font-weight:900;padding:4px 10px;border-radius:999px;border:1px solid rgba(139,211,255,.25);background:rgba(139,211,255,.10);color:#8bd3ff;margin-bottom:8px}
.sumLine{font-weight:900}
.sumDesc{opacity:.75;font-size:12px;margin-top:6px;line-height:1.55}
.ctaRow{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.ctaBtn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;text-decoration:none;font-weight:900}
.ctaBtn.primary{background:#ffd54a;color:#111}
.ctaBtn.ghost{border:1px solid rgba(255,255,255,.16);color:#eaeaea}
.partnerWrap{margin-top:14px}
.partnerGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
.partnerCard img{width:100%;height:auto;border-radius:12px;border:1px solid #2b2b2b;display:block}
.joinCodeWrap{margin-top:14px}
.joinCodeBox{display:flex;gap:12px;border:1px solid #2b2b2b;border-radius:16px;background:#101010;padding:14px;flex-wrap:wrap}
.joinCodeLeft{min-width:120px;border:1px solid rgba(255,213,74,.25);background:rgba(255,213,74,.08);border-radius:14px;padding:12px;text-align:center}
.joinLabel{opacity:.7;font-weight:800}
.joinCode{font-size:28px;font-weight:1000;color:#ffd54a;letter-spacing:1px;margin-top:6px}
.joinBtns{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.btnGold,.btnDark{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;text-decoration:none;font-weight:900}
.btnGold{background:#ffd54a;color:#111}
.btnDark{border:1px solid rgba(255,255,255,.16);color:#eaeaea}
.seoWrap{margin-top:14px;border:1px solid #2b2b2b;border-radius:16px;background:#101010;padding:16px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;padding:18px;z-index:999}
.modal.on{display:flex}
.modalBox{width:min(920px,95vw);max-height:86vh;background:#0f0f0f;border:1px solid #2b2b2b;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.modalTop{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #2b2b2b}
.modalClose{cursor:pointer;color:#8bd3ff;font-weight:900}
.modalBody{padding:12px 14px;overflow:auto}
.modalBody img{width:100%;height:auto;border-radius:12px;border:1px solid #2b2b2b}
@media (max-width:980px){
  .panels{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(3,1fr)}
  .eventSummaryGrid{grid-template-columns:repeat(2,1fr)}
}


/* ===== 강조 컬러(추가) ===== */
.hlY{color:#ffd54a;text-shadow:0 0 10px rgba(255,213,74,.35);}
.hlB{color:#50b7ff;text-shadow:0 0 10px rgba(80,183,255,.35);}
.hlG{color:#55f2a3;text-shadow:0 0 10px rgba(85,242,163,.35);}
.hlR{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.35);}
.hlP{color:#caa6ff;text-shadow:0 0 10px rgba(202,166,255,.35);}

/* topbar 링크 조금 더 눈에 띄게 */
.topbar .toplink{color:#9fe7ff;}
.topbar .toplink:hover{opacity:.85;text-decoration:underline;}

/* 버튼 대비 강화 */
.ctaBtn.primary, .btnGold{box-shadow:0 10px 24px rgba(0,0,0,.35);}
.ctaBtn.ghost, .btnDark{border-color:rgba(255,255,255,.22);}


/* ===== EPL 강조(깜빡임) ===== */
@keyframes eplBlink {
  0%, 100% { filter: brightness(1); opacity: 1; }
  50% { filter: brightness(1.35); opacity: .55; }
}
.codeGlow, .blinkEPL {
  animation: eplBlink 1.1s infinite;
  text-shadow: 0 0 10px rgba(255,215,0,.35);
}

/* ===== 1~6 카드 섹션 ===== */
.eplCardSection{
  margin: 26px auto 0;
  max-width: 1100px;
  padding: 18px 14px 22px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(25,25,28,.85), rgba(12,12,14,.92));
  border-radius: 16px;
}
.eplCardHead{ padding: 6px 8px 14px; }
.eplCardTitle{ font-size: 20px; font-weight: 800; letter-spacing: -.2px; }
.eplCardSub{ margin-top: 6px; font-size: 13px; color: rgba(255,255,255,.72); }
.eplCardGrid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
@media (max-width: 920px){
  .eplCardGrid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .eplCardGrid{ grid-template-columns: 1fr; }
}

.eplCard{
  display:block;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  overflow:hidden;
  background:#0b0b0c;
  text-decoration:none;
}
.eplCard img{
  display:block;
  width:100%;
  height:auto;
}
.eplCardCap{
  padding: 10px 12px;
  font-size: 13px;
  color: rgba(255,255,255,.88);
  background: rgba(0,0,0,.55);
  border-top: 1px solid rgba(255,255,255,.08);
}
.eplCardCap .smallLink{ opacity:.85; font-size:12px; margin-left:6px; }

.eplCardFoot{
  margin-top: 14px;
  display:flex;
  align-items:center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 0 8px;
}
.infoBtn{
  display:inline-block;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  text-decoration:none;
  font-weight: 700;
}
.infoNote{ font-size: 12px; color: rgba(255,255,255,.72); }

/* =========================================================
   ✅ [추가됨] 모달 제목 한글 깨짐 완전 해결
   - #modalTitle 텍스트가 □□로 깨지는 현상 방지
========================================================= */
#modalTitle{
  font-family: Pretendard, "Noto Sans KR", "Malgun Gothic",
               "Apple SD Gothic Neo", Arial, sans-serif !important;
  font-weight: 900;
  letter-spacing: -0.2px;
  color: #eaeaea;
}
/* 혹시 상단 전체에 다른 폰트가 먹어도 강제로 한글 폰트 적용 */
.modalTop, .modalTop *{
  font-family: Pretendard, "Noto Sans KR", "Malgun Gothic",
               "Apple SD Gothic Neo", Arial, sans-serif !important;
}