.sf-wheel-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:99999;padding:16px}
.sf-wheel-overlay.is-open{display:flex}
.sf-wheel-modal{width:min(440px,100%);background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.25);padding:18px 18px 16px;position:relative}
.sf-wheel-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer}
.sf-wheel-head{margin-bottom:12px}
.sf-wheel-title{font-size:20px;font-weight:700}
.sf-wheel-subtitle{font-size:13px;opacity:.75;margin-top:4px}

.sf-wheel-wrap{display:grid;place-items:center;gap:10px}
.sf-wheel-pointer{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:18px solid #111;transform:translateY(6px);z-index:2}
.sf-wheel{width:280px;height:280px;border-radius:50%;border:10px solid #111;position:relative;overflow:hidden;transform:rotate(0deg);transition:transform 4.2s cubic-bezier(.1,.85,.1,1)}
.sf-wheel-inner{position:absolute;inset:0}
.sf-wheel-slice{position:absolute;inset:0;clip-path:polygon(50% 50%, 100% 0, 100% 100%);transform-origin:50% 50%}
.sf-wheel-slice span{position:absolute;top:50%;right:8px;transform:translateY(-50%) rotate(90deg);transform-origin:right center;font-size:12px;font-weight:700;white-space:nowrap}
.sf-wheel-spin{width:160px;height:44px;border-radius:999px;border:0;background:#111;color:#fff;font-weight:700;cursor:pointer}
.sf-wheel-spin[disabled]{opacity:.5;cursor:not-allowed}

.sf-wheel-result{margin-top:14px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}
.sf-wheel-win{font-weight:800;margin-bottom:10px}
.sf-wheel-code-wrap{display:flex;gap:8px;align-items:center}
.sf-wheel-code{padding:10px 12px;border:1px dashed rgba(0,0,0,.3);border-radius:12px;font-weight:800;letter-spacing:.5px;flex:1}
.sf-wheel-copy{height:40px;border-radius:12px;border:1px solid rgba(0,0,0,.2);background:#fff;cursor:pointer;padding:0 12px;font-weight:700}
.sf-wheel-note{font-size:12px;opacity:.75;margin-top:8px}
.sf-wheel-cta{display:block;margin-top:10px;text-align:center;padding:12px 14px;border-radius:12px;background:#111;color:#fff;text-decoration:none;font-weight:800}