/* دولاب الحظ: مسرح كامل */
.r-wheel{padding-bottom:0!important}
.wf{--ws:min(360px, calc(100vw - 50px));position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden;color:#fff;
background:radial-gradient(120% 70% at 50% 38%,color-mix(in srgb,var(--p) 92%,#fff 8%),var(--p) 38%,var(--pd) 75%,var(--pdd))}
.wf .pat{opacity:.9}
.wf .top{position:relative;width:100%}
.wf-rays{position:absolute;left:50%;top:330px;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;pointer-events:none;
background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.075) 0 9deg,transparent 9deg 18deg);
-webkit-mask:radial-gradient(closest-side,#000 30%,transparent 72%);mask:radial-gradient(closest-side,#000 30%,transparent 72%);animation:rot 60s linear infinite}
.spinning .wf-rays{animation-duration:14s}
.wf-head{position:relative;text-align:center;margin:6px 0 22px}
.wf-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:99px;background:rgba(0,0,0,.2);font-size:12.5px;direction:ltr}
[dir=rtl] .wf-chip{direction:rtl}
.wf-chip .ic{width:15px;height:15px;color:var(--ac)}
.wf-head h2{margin:10px 0 0;font-size:28px;font-weight:700;letter-spacing:-.01em}

.wf-stage{position:relative;width:var(--ws);height:var(--ws);margin-top:18px}
.wf-wheel{position:absolute;inset:0;border-radius:50%;padding:14px;touch-action:none;cursor:grab;
background:conic-gradient(from 20deg,#f7e3a1,#c9952f,#fff1c4,#b07a1e,#f3d27a,#9c6a17,#f7e3a1);
box-shadow:0 0 0 3px rgba(0,0,0,.18),0 30px 50px -18px rgba(0,0,0,.6),inset 0 2px 3px rgba(255,255,255,.6),inset 0 -3px 5px rgba(0,0,0,.3)}
.wf-bulbs{position:absolute;inset:0}
.wf-bulbs i{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:#fff6d8;box-shadow:0 0 6px 2px rgba(255,230,160,.9);transform-origin:center}
.wf-bulbs i:nth-child(odd){animation:bulb 1.2s infinite}
.wf-bulbs i:nth-child(even){animation:bulb 1.2s .6s infinite}
.spinning .wf-bulbs i{animation-duration:.24s}
@keyframes bulb{50%{background:#8a5a12;box-shadow:none}}
.wf-rot{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;will-change:transform;box-shadow:inset 0 0 0 3px rgba(0,0,0,.15),inset 0 0 30px rgba(0,0,0,.25)}
.wf-svg{position:absolute;inset:0;width:100%;height:100%}
.s-a{fill:var(--p)}
.s-b{fill:#FFF5E6}
.wf-svg path{stroke:rgba(0,0,0,.12);stroke-width:1}
.peg{fill:#f3d27a;stroke:#8a5a12;stroke-width:1}
.wf-lab{position:absolute;inset:0;pointer-events:none}
.wf-in{position:absolute;left:50%;top:7%;width:30%;height:40%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;text-align:center}
.wf-in img{width:56%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3))}
.wf-in b{font-size:calc(var(--ws) * .085);font-weight:800;line-height:1;letter-spacing:-.02em;font-family:"Inter",system-ui,sans-serif}
.wf-in small{font-size:calc(var(--ws) * .034);font-weight:600;line-height:1.2;max-width:74%}
.wf-in img+b{font-size:calc(var(--ws) * .06);margin-top:-2px}
.wf-ic{width:calc(var(--ws) * .12);height:calc(var(--ws) * .12);display:grid;place-items:center}
.wf-ic .ic{width:100%;height:100%;stroke-width:1.6}
.on-a .wf-in{color:#fff}
.on-b .wf-in{color:var(--p)}
.wf-lab.win .wf-in{animation:winp .5s ease-in-out 4}
@keyframes winp{50%{transform:translateX(-50%) scale(1.14)}}
.wf-hub{position:absolute;left:50%;top:50%;width:24%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;z-index:3;
background:radial-gradient(circle at 35% 30%,#fff7d6,#e7b84a 45%,#a8741b);box-shadow:0 6px 14px rgba(0,0,0,.4),inset 0 2px 3px rgba(255,255,255,.7),inset 0 -3px 5px rgba(0,0,0,.3)}
.wf-hub::after{content:"";position:absolute;inset:12%;border-radius:50%;background:#fff;box-shadow:inset 0 2px 5px rgba(0,0,0,.25)}
.wf-hub img{position:relative;z-index:2;width:62%}
.wf-ptr{position:absolute;left:50%;top:-22px;width:44px;height:56px;margin-left:-22px;z-index:5;transform-origin:50% 30%;filter:drop-shadow(0 6px 6px rgba(0,0,0,.4))}
.wf-ptr svg{width:100%;height:100%}
.wf-ptr path{fill:url(#none);fill:#f3d27a;stroke:#8a5a12;stroke-width:1.5}
.wf-ptr circle{fill:var(--p);stroke:#8a5a12;stroke-width:1}
.wf-ptr.kick{animation:kick .14s ease-out}
@keyframes kick{40%{transform:rotate(-22deg)}100%{transform:none}}
[dir=rtl] .wf-ptr.kick{animation-name:kickr}
@keyframes kickr{40%{transform:rotate(22deg)}100%{transform:none}}
.wf-foot{position:relative;width:100%;padding:34px 24px calc(28px + var(--sab));text-align:center;margin-top:auto}
.wf-btn{width:100%;height:60px;border-radius:20px;background:#fff;color:var(--p);font-size:18px;font-weight:700;box-shadow:0 14px 30px -12px rgba(0,0,0,.5),inset 0 -3px 0 rgba(0,0,0,.08);transition:transform .15s}
.wf-btn:not(:disabled){animation:beat2 1.8s ease-in-out infinite}
@keyframes beat2{50%{transform:scale(1.03)}}
.wf-btn:disabled{background:rgba(255,255,255,.2);color:#fff;box-shadow:none;animation:none}
.wf-foot p{margin:12px 0 0;font-size:12.5px;opacity:.75}
.wf-foot a{text-decoration:underline}
.wf.used .wf-rot{filter:saturate(.75)}

/* بطاقة الجائزة */
.wpm{overflow:visible}
.wp{position:relative;padding:30px 22px 18px;text-align:center;display:grid;gap:6px;justify-items:center}
.wp-burst{position:absolute;left:50%;top:-70px;width:340px;height:340px;margin-left:-170px;border-radius:50%;pointer-events:none;
background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--ac) 45%,transparent) 0 8deg,transparent 8deg 16deg);
-webkit-mask:radial-gradient(closest-side,#000 20%,transparent 70%);mask:radial-gradient(closest-side,#000 20%,transparent 70%);animation:rot 20s linear infinite;z-index:0}
.wp>*:not(.wp-burst){position:relative;z-index:1}
.wp-k{font-size:13px;color:var(--mut)}
.wp-vis{width:150px;height:150px;margin:-56px 0 6px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,var(--soft));
box-shadow:0 0 0 8px #fff,0 18px 30px -10px rgba(0,0,0,.35);animation:pop2 .6s cubic-bezier(.3,1.6,.5,1) both}
.wp-k+.wp-vis{margin-top:4px}
.wp-vis img{width:78%;height:78%;object-fit:contain}
.wp-vis b{font-size:46px;font-weight:800;color:var(--p);font-family:"Inter",system-ui,sans-serif}
.wp-ic{width:64px;height:64px;color:var(--p)}.wp-ic .ic{width:100%;height:100%}
.wp-vis.lose{margin-top:0}
@keyframes pop2{from{transform:scale(.3) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}
.wp h2{margin:4px 0 0;font-size:28px;color:var(--p);font-weight:800}
.wp p{margin:0 0 12px;color:var(--mut);font-size:14px}
.wp .btn{width:100%}
.wr{display:grid;gap:8px}
.wr-r{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:var(--bg)}
.wr-v{width:44px;height:44px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--p);flex:none}
.wr-v img{width:80%;height:80%;object-fit:contain}
.wr-v b{font-size:14px;font-weight:800;font-family:"Inter",system-ui,sans-serif}
.wr-r>b{flex:1;font-size:14px;font-weight:500}
.wr-r em{font-style:normal;color:var(--mut);font-size:13px}

.wf-tick{position:relative;margin-top:34px;height:38px;display:grid;place-items:center}
.wf-tick span{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:99px;background:rgba(0,0,0,.18);font-size:13px;opacity:0;transform:translateY(8px);transition:.35s}
.wf-tick span.in{opacity:1;transform:none}
.wf-foot{padding-top:18px}

.wf-head{margin-top:auto}
.wf-tick{margin-bottom:auto}
.wf-foot{margin-top:0}