/* Ring UI */
.bpr-wrap{background:#000; padding:40px 20px; color:#e5e7eb; direction:rtl; font-family:tahoma,iransans,ui-sans-serif,system-ui;}
.bpr-card{max-width:960px; margin:0 auto; background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.08); border-radius:22px; box-shadow: 0 20px 60px rgba(0,0,0,.45);}
.bpr-head{padding:24px 28px 0;}
.bpr-title{font-size:34px; margin:0; font-weight:900; background:linear-gradient(90deg,#a78bfa,#60a5fa); -webkit-background-clip:text; background-clip:text; color:transparent;}
.bpr-sub{margin:8px 0 0; color:#adb5bd;}
.bpr-body{padding:20px 28px 30px; display:grid; grid-template-columns: 1fr; gap:16px; align-items:center; justify-items:center;}

.bpr-form{display:grid; grid-template-columns: 1fr 1fr; gap:12px; width:100%; max-width:560px;}
.bpr-form label{display:flex; flex-direction:column; gap:6px; font-size:13px; color:#cbd5e1;}
.bpr-form input{background:#0b0f19; border:1px solid #263044; color:#e5e7eb; border-radius:12px; padding:12px 14px; outline:none;}
.bpr-form input:focus{border-color:#64748b; box-shadow: 0 0 0 4px rgba(100,116,139,.25);}
.bpr-note{grid-column:1/-1; font-size:12px; color:#9aa4b2;}

.bpr-stage{position:relative; width:360px; height:360px; display:flex; align-items:center; justify-content:center; margin-top:6px;}
.bpr-pointer{position:absolute; top:10px; left:50%; transform: translateX(-50%); width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:18px solid #ff2d85; filter: drop-shadow(0 2px 2px rgba(0,0,0,.6)); z-index:5;}
.bpr-ring{ position:absolute; width:320px; height:320px; border-radius:50%; border:12px solid #1f2937; box-shadow: inset 0 0 40px rgba(0,0,0,.6), 0 12px 30px rgba(0,0,0,.5); display:block; transform: rotate(0deg); }

.bpr-box{position:absolute; top:50%; left:50%; transform-origin: center left; width:86px; height:86px; border-radius:14px; background:linear-gradient(180deg,#111827,#0b0f19); border:1px solid #2b3446; box-shadow: inset 0 0 30px rgba(0,0,0,.45), 0 10px 24px rgba(0,0,0,.35); display:flex; align-items:center; justify-content:center; color:#fff; cursor:pointer; transition: transform .1s ease, box-shadow .2s ease, border-color .2s ease; }
.bpr-box:hover{ box-shadow: 0 12px 30px rgba(0,0,0,.45); border-color:#3b82f6; }
.bpr-box:disabled{ opacity:.6; cursor:not-allowed; }
.bpr-gift{ font-size:28px; pointer-events:none; }

.bpr-open{ background:linear-gradient(180deg,#0c1e2b,#0b0f19); border-color:#3b82f6; }
.bpr-reveal{ text-align:center; }
.bpr-off{ font-size:28px; font-weight:900; margin-bottom:6px; }
.bpr-code{ font-size:14px; color:#d1d5db; }
.bpr-code code,.bpr-inline-code code{background:#111827; padding:2px 6px; border-radius:6px; border:1px solid #374151;}

.bpr-result{ margin-top:10px; background:#0b0f19; border:1px solid #263044; border-radius:12px; padding:10px 12px; width:100%; max-width:560px; text-align:center;}