/* 연동 상태 / 보유 코인 -- 마인크래프트 관련 페이지(마인크래프트 허브,
   도박장, 홀덤 등) 전체에서 화면에 고정되어 계속 떠 있는 위젯. 페이지를
   이동해도 그대로 유지돼야 해서 각 페이지 CSS가 아니라 여기 공용 파일에
   둔다(스크립트는 content/assets/mc-sidebar.js, 같은 방식으로 모든 관련
   페이지에서 로드). 화면이 좁아지면 겹칠 공간이 없으므로 숨긴다 -- 이
   경우 마이페이지/각 페이지 자체 UI로 접근 가능. */
.mc-side-widget{
  position:fixed;
  top:50%;
  transform:translateY(-50%);
  width:220px;
  z-index:60;
  background:linear-gradient(180deg, rgba(63,242,255,0.06), rgba(255,255,255,0.02));
  border:1px solid rgba(63,242,255,0.18);
  border-radius:4px;
  padding:22px;
  box-sizing:border-box;
  font-family:'Noto Sans KR',sans-serif;
}
.mc-side-widget.mc-side-left{ left:100px; }
.mc-side-widget.mc-side-right{ right:100px; }

.mc-side-card-title{
  font-family:'Orbitron',sans-serif;
  font-size:13px;
  letter-spacing:.15em;
  color:var(--cyan,#3ff2ff);
  margin-bottom:14px;
}
.mc-side-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:14px;
  color:#cfe9f2;
  margin-bottom:10px;
}
.mc-side-widget .auth-field-label{
  display:block;
  font-size:11px;
  color:#8fb6c9;
  margin:14px 0 8px;
}
.mc-side-widget .auth-btn{
  width:100%;
  margin-top:12px;
}

.mc-side-coin-actions{
  display:flex;
  gap:8px;
  margin-top:14px;
}
.mc-side-coin-actions .auth-btn{
  flex:1;
  margin-top:0;
}

@media (max-width:1500px){
  .mc-side-widget{ display:none; }
}

/* 환전 / 서버 수령 팝업 */
.mc-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(4,10,14,0.72);
  z-index:200;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mc-modal-overlay.mc-modal-hidden{
  display:none;
}
.mc-modal-box{
  width:320px;
  max-width:90vw;
  background:#0a1620;
  border:1px solid rgba(63,242,255,0.35);
  border-radius:6px;
  padding:26px;
  box-sizing:border-box;
  font-family:'Noto Sans KR',sans-serif;
}
.mc-modal-title{
  font-family:'Orbitron',sans-serif;
  font-size:15px;
  letter-spacing:.1em;
  color:var(--cyan,#3ff2ff);
  margin-bottom:18px;
  text-align:center;
}
.mc-modal-toggle{
  display:flex;
  gap:8px;
  margin:16px 0;
}
.mc-modal-toggle-btn{
  flex:1;
  padding:8px;
  font-family:'Orbitron',sans-serif;
  font-size:11px;
  letter-spacing:.05em;
  background:transparent;
  border:1px solid rgba(63,242,255,0.3);
  color:#9fd8e6;
  border-radius:2px;
  cursor:pointer;
}
.mc-modal-toggle-btn.active{
  background:rgba(63,242,255,0.15);
  border-color:#3ff2ff;
  color:#fff;
}
.mc-modal-warning{
  font-size:12px;
  color:#ffcf5f;
  background:rgba(255,207,95,0.08);
  border:1px solid rgba(255,207,95,0.3);
  border-radius:4px;
  padding:10px 12px;
  margin:14px 0;
  line-height:1.5;
}
.mc-modal-btn-row{
  display:flex;
  gap:10px;
  margin-top:16px;
}
.mc-modal-btn-row .auth-btn{
  flex:1;
  margin-top:0;
}