.mbg-voting-root{
  --mbg-ink:#210608;
  --mbg-ink-soft:#340B0F;
  --mbg-gold:#D4AF37;
  --mbg-gold-soft:#F0D77E;
  --mbg-coral:#A31621;
  --mbg-ivory:#F7EFDD;
  --mbg-stone:#C2A98A;
  --mbg-vote-btn:#D4AF37;
  --mbg-line: rgba(240,215,126,0.16);

  background:var(--mbg-ink);
  color:var(--mbg-ivory);
  font-family:'Manrope',sans-serif;
  padding:2.5rem clamp(1rem,4vw,3rem);
  border-radius:6px;
  line-height:1.6;
}
.mbg-voting-root *{box-sizing:border-box;}
.mbg-voting-root h2, .mbg-voting-root h3{font-family:'Fraunces',serif;}

.mbg-closed-banner{
  background:rgba(163,22,33,0.18);border:1px solid var(--mbg-line);border-radius:4px;
  padding:1.2rem 1.6rem;margin-bottom:2rem;color:var(--mbg-gold-soft);font-weight:600;
}
.mbg-vote-banner{
  background:linear-gradient(120deg, rgba(163,22,33,0.22), rgba(212,175,55,0.12));
  border:1px solid var(--mbg-line);border-radius:4px;padding:1.2rem 1.6rem;margin-bottom:2.4rem;
}
.mbg-banner-title{font-family:'Fraunces',serif;font-size:1.05rem;color:var(--mbg-gold-soft);}

.mbg-contestants{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;}
.mbg-c-card{background:var(--mbg-ink-soft);border:1px solid var(--mbg-line);border-radius:4px;overflow:hidden;}
.mbg-c-photo{
  aspect-ratio:3/4;background:linear-gradient(160deg,#6E1420,var(--mbg-ink-soft)) center/cover;position:relative;
}
.mbg-c-num{
  position:absolute;top:0.7rem;left:0.7rem;background:var(--mbg-gold);color:var(--mbg-ink);font-weight:800;
  font-size:0.75rem;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
}
.mbg-c-body{padding:1rem;}
.mbg-c-body h3{font-size:1rem;font-weight:700;margin:0;}
.mbg-c-region{color:var(--mbg-stone);font-size:0.8rem;margin-bottom:0.9rem;}
.mbg-vote-btn{
  width:100%;padding:0.65rem;background:transparent;border:1px solid var(--mbg-vote-btn, var(--mbg-gold));color:var(--mbg-vote-btn, var(--mbg-gold-soft));
  font-weight:700;font-size:0.78rem;border-radius:2px;cursor:pointer;letter-spacing:0.03em;transition:all 0.2s;
}
.mbg-vote-btn:hover{background:var(--mbg-vote-btn, var(--mbg-gold));color:var(--mbg-ink);}
.mbg-vote-btn:disabled{opacity:0.6;cursor:not-allowed;}
.mbg-vote-count{font-size:0.72rem;color:var(--mbg-stone);text-align:left;margin-top:0.5rem;}

.mbg-leaderboard-wrap{margin-top:3.5rem;}
.mbg-lb-title{font-size:1.6rem;font-weight:600;margin-bottom:1.2rem;}
.mbg-card{background:var(--mbg-ink-soft);border:1px solid var(--mbg-line);border-radius:4px;}
.mbg-lb-row{display:flex;align-items:center;gap:1.2rem;padding:1.1rem 1.6rem;border-bottom:1px solid var(--mbg-line);}
.mbg-lb-row:last-child{border-bottom:none;}
.mbg-lb-rank{font-family:'Fraunces',serif;color:var(--mbg-gold-soft);font-size:1.2rem;width:2rem;}
.mbg-lb-name{flex:1;font-weight:700;}
.mbg-lb-region{color:var(--mbg-stone);font-size:0.82rem;flex:1;}
.mbg-lb-bar-wrap{flex:2;background:var(--mbg-ink);border-radius:20px;height:8px;overflow:hidden;}
.mbg-lb-bar{height:100%;background:linear-gradient(90deg,var(--mbg-gold),var(--mbg-coral));}
.mbg-lb-votes{width:6rem;text-align:right;color:var(--mbg-gold-soft);font-size:0.85rem;font-weight:700;}

/* Modal */
.mbg-modal-overlay{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:9999;
  align-items:center;justify-content:center;padding:1rem;
}
.mbg-modal-overlay.open{display:flex;}
.mbg-modal{
  background:var(--mbg-ink-soft);border:1px solid var(--mbg-line);border-radius:6px;
  padding:2rem;max-width:380px;width:100%;position:relative;color:var(--mbg-ivory);
}
.mbg-modal-close{
  position:absolute;top:0.8rem;right:1rem;background:none;border:none;color:var(--mbg-stone);
  font-size:1.4rem;cursor:pointer;
}
.mbg-modal h3{font-size:1.2rem;margin-bottom:1.4rem;}
.mbg-field{margin-bottom:1.1rem;}
.mbg-field label{display:block;font-size:0.78rem;color:var(--mbg-stone);margin-bottom:0.4rem;}
.mbg-field input{
  width:100%;padding:0.7rem;background:var(--mbg-ink);border:1px solid var(--mbg-line);border-radius:2px;
  color:var(--mbg-ivory);font-family:'Manrope',sans-serif;font-size:0.9rem;
}
.mbg-field input:focus{outline:none;border-color:var(--mbg-gold);}
.mbg-modal-total{font-family:'Fraunces',serif;color:var(--mbg-gold-soft);font-size:1.15rem;margin:1rem 0;}
.mbg-pay-btn{
  width:100%;padding:0.85rem;background:var(--mbg-gold);color:var(--mbg-ink);border:none;
  font-weight:700;border-radius:2px;cursor:pointer;font-size:0.9rem;
}
.mbg-pay-btn:hover{background:#c19a2e;}
.mbg-pay-btn:disabled{opacity:0.6;cursor:not-allowed;}
.mbg-modal-msg{margin-top:0.9rem;font-size:0.82rem;color:var(--mbg-stone);}
.mbg-modal-msg.error{color:#f28b7a;}
.mbg-modal-msg.success{color:var(--mbg-gold-soft);}

@media(max-width:900px){
  .mbg-contestants{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .mbg-contestants{grid-template-columns:1fr;}
  .mbg-c-card{max-width:420px;margin:0 auto;width:100%;}
  .mbg-c-photo{aspect-ratio:4/3;}
}