/* Isolated offer wheel: does not alter Cleopatra's original layout. */
.cleo-offer-wheel{box-sizing:border-box;max-width:420px;margin:22px auto 26px;padding:23px 14px 20px;text-align:center;background:linear-gradient(160deg,#fffaf4,#fce6e9);border:2px solid #dba6ab;border-radius:18px;box-shadow:0 9px 24px rgba(105,18,38,.12);color:#682039}
.cleo-offer-wheel *{box-sizing:border-box}
.cleo-offer-wheel h3{font-size:clamp(20px,5vw,26px);line-height:1.25;margin:0 0 7px;color:#8e1839;font-weight:800}
.cleo-offer-wheel p{font-size:14px;line-height:1.5;margin:0 auto 16px;color:#804558}
.cleo-wheel-frame{position:relative;width:min(270px,77vw);height:min(270px,77vw);margin:9px auto 20px}
.cleo-wheel-disc{position:relative;width:100%;height:100%;border:8px solid #f5ce65;border-radius:50%;background:conic-gradient(from -22.5deg,#a62451 0deg 45deg,#ffe7af 45deg 90deg,#ed7188 90deg 135deg,#81254a 135deg 180deg,#ffcd73 180deg 225deg,#be3f69 225deg 270deg,#f3a0a6 270deg 315deg,#8b1a47 315deg 360deg);box-shadow:inset 0 0 0 2px #fff7d9,0 0 0 4px #a76330,0 8px 22px #59122b45;transition:transform 4s cubic-bezier(.12,.65,.13,1)}
.cleo-wheel-disc span{position:absolute;top:50%;left:50%;font-size:clamp(17px,5vw,22px);font-weight:900;color:#fff;text-shadow:0 1px 3px #3a142b;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(92px,26vw))) rotate(calc(-1 * var(--angle)))}
.cleo-wheel-disc span:nth-child(2),.cleo-wheel-disc span:nth-child(5){color:#67223c;text-shadow:none}
.cleo-wheel-pointer{position:absolute;top:-13px;left:50%;z-index:3;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:37px solid #8f1438;filter:drop-shadow(0 2px 2px #3d142b80)}
.cleo-wheel-center{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);width:55px;height:55px;display:grid;place-items:center;border-radius:50%;border:4px solid #ffdf80;background:radial-gradient(circle at 35% 30%,#fff8d2,#d99930);box-shadow:0 2px 7px #5a163d80;color:#8b2549;font-size:30px}
.cleo-spin-btn{display:block;max-width:290px;width:100%;min-height:51px;margin:0 auto;border:0;border-radius:30px;background:linear-gradient(180deg,#d83f68,#9c1642);color:white;box-shadow:0 5px 0 #71102c,0 9px 16px #8b25493b;font-size:17px;font-weight:800;cursor:pointer}
.cleo-spin-btn:disabled{cursor:default;opacity:1;background:#9c4060}
.cleo-wheel-prize{margin:19px auto 0;padding:15px 8px;border-radius:10px;background:#fff;border:1px dashed #b93e62}
.cleo-wheel-prize[hidden]{display:none!important}
.cleo-wheel-prize strong{display:block;font-size:16px;line-height:1.5;color:#8a1f3f}
.cleo-wheel-prize span{display:flex;align-items:center;justify-content:center;gap:13px;font-size:21px;margin-top:5px;color:#74696d}
.cleo-wheel-prize b{font-size:31px;color:#b11448}
@media(max-width:390px){.cleo-offer-wheel{margin-inline:5px;padding-inline:8px}.cleo-wheel-frame{width:232px;height:232px}.cleo-wheel-disc span{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-77px) rotate(calc(-1 * var(--angle)));font-size:19px}}
@media(prefers-reduced-motion:reduce){.cleo-wheel-disc{transition:none}}

/* Keep the monetary price concealed until the wheel has finished spinning. */
.cleo-post-spin-price[hidden]{display:none!important}