/* lucky-wheel.css — عجلة الحظ وزرّها العائم */
.wheel-fab{position:fixed;z-index:9;top:calc(var(--frame-top,78px) + 58px);right:calc(var(--frame-side,0px) + 14px);width:44px;height:44px;border-radius:50%;background:var(--glass,#140b30c4);border:1px solid #ffb54755;display:grid;place-items:center;backdrop-filter:blur(10px);box-shadow:0 6px 18px #0006}
.wheel-mini{width:28px;height:28px;border-radius:50%;background:conic-gradient(#ff2d87 0 45deg,#7b4dff 0 90deg,#38d1ec 0 135deg,#ffb547 0 180deg,#ff2d87 0 225deg,#7b4dff 0 270deg,#ffd34d 0 315deg,#38d1ec 0);border:2px solid #fff;box-shadow:0 0 10px #ffb54766}
.wheel-fab.ready .wheel-mini{animation:wheelIdle 3s ease-in-out infinite}
.wheel-fab i{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#ff2d87;border:2px solid #0e0824;display:none}
.wheel-fab.ready i{display:block;animation:pulseDot 1.4s infinite}
body:not(.on-home) .wheel-fab,.player:not(.hidden)~#app .wheel-fab{display:none}
@keyframes wheelIdle{0%,70%,100%{transform:rotate(0)}85%{transform:rotate(200deg)}}
@keyframes pulseDot{50%{transform:scale(1.3)}}
.wheel-sheet{text-align:center}
.wheel-wrap{position:relative;width:260px;height:260px;margin:18px auto 14px}
.wheel{width:100%;height:100%;border-radius:50%;border:6px solid #fff;box-shadow:0 0 0 4px #ffb547,0 0 40px #ff2d8755,inset 0 0 30px #0005;position:relative}
.wheel b{position:absolute;left:50%;top:50%;width:44px;margin:-12px 0 0 -22px;text-align:center;font:800 18px Poppins,Cairo,sans-serif;color:#fff;text-shadow:0 2px 4px #0009}
.wheel-pointer{position:absolute;z-index:2;left:50%;top:-14px;margin-left:-14px;border:14px solid transparent;border-top:26px solid #fff;filter:drop-shadow(0 3px 4px #0008)}
.wheel-hub{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#7a4b00;background:radial-gradient(circle at 35% 30%,#fff6c8,#ffd34d 50%,#f0a500);box-shadow:0 4px 14px #0007}
.wheel-bonus{position:relative;height:22px;border-radius:12px;background:#ffffff12;overflow:hidden;margin:6px 0 4px}
.wheel-bonus i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#38d1ec,#7b4dff);border-radius:12px;transition:width .4s}
.wheel-bonus small{position:relative;line-height:22px;font-size:11px;font-weight:700}
.wheel-go:disabled{opacity:.6}