/* Spin Lucky Custom V8 CSS - polished */
.spinlucky-container { display:flex; align-items:center; gap:18px; font-family: "Helvetica Neue", Arial, sans-serif; }
.spin-area { display:flex; align-items:center; position:relative; }
/* wheel */
.spinlucky-wrapper, .ladi-element.spinlucky-wrapper { display:inline-block; position:relative; }
.ladi-spin-lucky { font-size:22px; font-weight:700; color:rgb(248,192,86); text-align:center; width:100%; height:100%; border-radius:50%; box-shadow: 0 12px 40px rgba(0,0,0,0.35); background: linear-gradient(180deg,#2b2b2b,#0f0f0f); position:relative; overflow:hidden; }

.ladi-spin-lucky-screen { width:100%; height:100%; border-radius:50%; transform-origin:50% 50%; position:relative; will-change: transform; }
.ladi-spin-lucky-label { position:absolute; top:50%; left:50%; overflow:visible; width:42%; padding-left:12%; transform-origin:0 0; line-height:1.6; text-shadow: 0 1px 2px rgba(0,0,0,0.6); color: #f8c056; font-weight:800; font-size:14px; white-space:nowrap; }
/* center button */
.ladi-spin-lucky-start { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:22%; height:22%; cursor:pointer; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#111; font-weight:900; box-shadow: 0 10px 30px rgba(0,0,0,0.35); transition: transform .12s ease; z-index:30; user-select:none; background: linear-gradient(180deg,#ffd659,#f6c23e); border: none; }
.ladi-spin-lucky-start.spin-active { transform: translate(-50%,-50%) scale(.96); }

.spinlucky-wrapper { width:320px; height:320px; position:relative; }

/* pointer at right center */
.slp-pointer { position:absolute; right:-12px; top:50%; transform:translateY(-50%); z-index:40; pointer-events:none; display:flex; align-items:center; justify-content:center; }
.slp-pointer svg { filter: drop-shadow(0 6px 18px rgba(0,0,0,0.35)); display:block; }

/* side prize display */
.spin-prize-display { width:160px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; }
.spin-prize-value { font-size:34px; color:#f8c056; font-weight:900; text-shadow: 0 6px 16px rgba(0,0,0,0.4); }
.spin-prize-label { font-size:13px; color:#ddd; }

/* Modal */
.spinlucky-modal { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background: rgba(0,0,0,0.6); visibility:hidden; opacity:0; transition: opacity .18s ease; z-index:99999; }
.spinlucky-modal[aria-hidden="false"] { visibility:visible; opacity:1; }
.spinlucky-modal-content { background:#fff; color:#111; padding:18px; border-radius:10px; width:360px; max-width:92%; box-shadow: 0 10px 40px rgba(0,0,0,0.25); position:relative; }
.spinlucky-modal-close { position:absolute; top:8px; right:8px; background:transparent; border:none; font-size:22px; cursor:pointer; }
.spinlucky-paragraph { font-size:14px; color:#333; margin-bottom:8px; }
.spinlucky-headline { font-size:28px; color:#f8c056; margin:8px 0; font-weight:900; }
.spinlucky-claim { display:inline-block; background:#6f2a9a; color:#fff; padding:12px 18px; border-radius:8px; text-decoration:none; font-weight:800; }

@media (max-width:720px){
  .spinlucky-container { flex-direction:column; gap:12px; align-items:center; }
  .spin-prize-display { order:2; }
  .spinlucky-wrapper { width:260px; height:260px; }
  .spin-prize-value { font-size:28px; }
  .spinlucky-modal-content { width:90%; padding:14px; }
}