.ofar-wheel-overlay{position:fixed;inset:0;background:#e00000;display:none;align-items:center;justify-content:center;z-index:99998;padding:16px}.ofar-wheel-overlay.show{display:flex}.ofar-wheel-modal{width:100%;max-width:980px}.ofar-wheel-canvas-wrap{position:relative;width:520px;max-width:100%;margin:0 auto}#ofarWheelCanvas{display:block;width:100%;height:auto;margin:0 auto;border-radius:50%;background:rgb(255 255 255 / .1)}.ofar-wheel-center-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:999px;border:4px solid #fff;background:radial-gradient(circle at 30% 30%,#1f2937,#020617);color:#fff;font-size:26px;font-weight:900;cursor:pointer;z-index:10;box-shadow:0 10px 30px rgb(0 0 0 / .45),inset 0 0 0 3px rgb(255 255 255 / .12);transition:transform .15s ease,opacity .2s ease}.ofar-wheel-center-btn:hover{transform:translate(-50%,-50%) scale(1.05)}.ofar-wheel-center-btn:active{transform:translate(-50%,-50%) scale(.96)}.ofar-wheel-center-btn.hide{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.6)}.ofar-wheel-result-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);width:min(360px, 92%);background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px 14px 12px;box-shadow:0 18px 55px rgb(0 0 0 / .25);z-index:30;text-align:center;opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.ofar-wheel-result-card.is-show{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.ofar-wheel-result-title{font-weight:900;font-size:18px;margin-bottom:6px;color:#0f172a}.ofar-wheel-result-code{direction:rtl;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-weight:900;font-size:16px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:10px 12px}.ofar-wheel-guest-actions{display:flex;gap:10px;margin-top:10px}.ofar-wheel-guest-actions .ofar-wheel-guest-btn{flex:1}.ofar-wheel-account-btn,.ofar-wheel-guest-btn{display:block;width:100%;text-align:center;background:#0f172a;color:#fff;text-decoration:none;padding:12px 14px;border-radius:12px;font-weight:900;border:0;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.ofar-wheel-account-btn:hover,.ofar-wheel-guest-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgb(0 0 0 / .15)}.ofar-wheel-result-actions{margin-top:12px}.ofar-gift{position:absolute;left:50%;bottom:-100px;transform:translateX(-50%) scale(.8);z-index:25;width:120px;height:110px}.ofar-gift .box{position:absolute;left:10px;right:10px;bottom:0;height:70px;background:#facc15;border-radius:14px;box-shadow:inset 0 -6px 0 rgb(0 0 0 / .12)}.ofar-gift .lid{position:absolute;left:6px;right:6px;bottom:62px;height:26px;background:#dc2626;border-radius:14px;transform-origin:center bottom;box-shadow:inset 0 -4px 0 rgb(0 0 0 / .18)}.ofar-gift.pop{animation:giftPop .95s ease-out forwards}@keyframes giftPop{0%{transform:translateX(-50%) scale(.6);opacity:0}60%{transform:translateX(-50%) translateY(-12px) scale(1.05);opacity:1}100%{transform:translateX(-50%) translateY(-14px) scale(1);opacity:1}}.ofar-gift.open .lid{animation:lidFly 0.9s cubic-bezier(.17,.89,.32,1.35) forwards}@keyframes lidFly{0%{transform:rotate(0deg) translateY(0);opacity:1}25%{transform:rotate(-25deg) translateY(-10px);opacity:1}100%{transform:rotate(-85deg) translateY(-110px) translateX(20px);opacity:0}}.ofar-confetti{position:absolute;inset:0;pointer-events:none;z-index:40}.ofar-confetti i{position:absolute;width:10px;height:10px;border-radius:2px;opacity:0;animation:confettiFly .9s ease-out forwards}@keyframes confettiFly{0%{transform:translate(var(--sx),var(--sy)) rotate(0deg);opacity:0}15%{opacity:1}100%{transform:translate(var(--ex),var(--ey)) rotate(520deg);opacity:0}}.ofar-gift .box::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:14px;height:100%;background:#dc2626;border-radius:6px}.ofar-wheel-result-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);width:min(360px, 92%);background:#fff;border-radius:18px;padding:16px 16px 14px;z-index:30;text-align:center;opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease;box-shadow:0 18px 55px rgb(0 0 0 / .22);outline:1px solid rgb(232 203 150 / .55);outline-offset:-10px}.ofar-wheel-result-card.is-show{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.ofar-wheel-result-card::before,.ofar-wheel-result-card::after{content:"";position:absolute;top:0;width:14px;height:64px;opacity:.75;background:rgb(232 203 150 / .55);filter:blur(.1px)}.ofar-wheel-result-card::before{left:-6px;border-radius:10px 0 0 10px;clip-path:polygon(100% 0,45% 10%,100% 20%,45% 30%,100% 40%,45% 50%,100% 60%,45% 70%,100% 80%,45% 90%,100% 100%,0 100%,0 0)}.ofar-wheel-result-card::after{right:-6px;border-radius:0 10px 10px 0;clip-path:polygon(0 0,55% 10%,0 20%,55% 30%,0 40%,55% 50%,0 60%,55% 70%,0 80%,55% 90%,0 100%,100% 100%,100% 0)}.ofar-result-ribbon{position:absolute;left:50%;top:-38px;transform:translateX(-50%);min-width:78%;padding:12px 18px;background:linear-gradient(180deg,#fff3e0 0%,#ffe2bf 100%);border-radius:16px;text-align:center;z-index:40;box-shadow:0 10px 20px rgb(0 0 0 / .15),inset 0 1px 0 rgb(255 255 255 / .8)}.ofar-result-ribbon .ofar-ribbon-text{position:relative;z-index:2}.ofar-result-ribbon::before,.ofar-result-ribbon::after{content:"";position:absolute;top:-24px;width:46px;height:28px;background:linear-gradient(180deg,#f6c88f,#eab676);box-shadow:0 10px 16px rgb(0 0 0 / .18);z-index:1}.ofar-result-ribbon::before{left:calc(50% - 52px);border-radius:18px 6px 18px 18px;transform:rotate(12deg)}.ofar-result-ribbon::after{right:calc(50% - 52px);border-radius:6px 18px 18px 18px;transform:rotate(-12deg)}.ofar-result-ribbon{overflow:visible}.ofar-result-ribbon .ofar-ribbon-knot{display:none}.ofar-result-ribbon{--knot:#f0bf86}.ofar-result-ribbon .ofar-ribbon-text::before{content:"";position:absolute;left:50%;top:-30px;transform:translateX(-50%);width:26px;height:20px;background:radial-gradient(circle at 50% 45%,#f6d4a8,var(--knot));border-radius:999px;box-shadow:0 10px 16px rgb(0 0 0 / .18);z-index:2}