/* The wheel is borderless and transparent; underlying site remains visible. */
.wccw-wheel-modal .wccw-auth-backdrop{background:rgba(15,23,42,.16);backdrop-filter:none}
.wccw-wheel-modal .wccw-wheel-dialog{width:min(600px,100vw)!important;max-width:100vw!important;max-height:calc(100dvh - 8px)!important;overflow-y:auto!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;scrollbar-width:thin}
.wccw-wheel-app,.wccw-wheel-app *{box-sizing:border-box}
.wccw-wheel-app{direction:rtl;text-align:center;color:#fff;font-family:Tahoma,Arial,sans-serif;min-height:160px}
.wccw-wheel-app [hidden]{display:none!important}
.wccw-wheel-modal .wccw-modal-close{top:8px;left:10px;background:rgba(255,255,255,.93);z-index:12}
.wccw-wheel-input-panel{width:min(385px,calc(100vw - 32px));margin:12px auto;padding:29px 22px 24px;background:linear-gradient(140deg,rgba(16,35,99,.96),rgba(101,37,163,.96));border:2px solid rgba(255,255,255,.6);border-radius:28px;box-shadow:0 20px 65px rgba(9,17,56,.33);color:#fff}
.wccw-wheel-input-panel h2{color:#fff!important;font-size:25px!important;line-height:1.45;margin:6px 0 8px!important}
.wccw-wheel-input-panel p{color:#fff!important;font-size:14px!important;margin:5px 0 17px!important}
.wccw-wheel-sparkle{font-size:48px;line-height:1.15}
.wccw-wheel-app input{display:block;width:100%;padding:13px 15px;margin:9px 0;border:2px solid rgba(255,255,255,.74);border-radius:13px;background:rgba(255,255,255,.96);color:#182254;font-size:17px!important;min-height:48px;font-family:inherit;outline-offset:2px}
.wccw-wheel-mobile,.wccw-wheel-otp-input{direction:ltr;text-align:center;letter-spacing:1px}
.wccw-wheel-app button,.wccw-wheel-enter{font-family:inherit;cursor:pointer;touch-action:manipulation}
.wccw-wheel-input-panel>button,.wccw-wheel-enter,.wccw-wheel-claim,.wccw-wheel-restart{display:block;width:100%;min-height:47px;margin:10px 0 0;padding:10px 12px;border-radius:13px;background:linear-gradient(115deg,#ffb423,#ff4a75);border:0;color:#fff!important;font-weight:900;font-size:16px!important;box-shadow:0 5px 13px rgba(0,0,0,.14);text-decoration:none!important}
.wccw-wheel-app button:disabled{cursor:not-allowed;opacity:.65}
.wccw-wheel-input-panel .wccw-wheel-back,.wccw-wheel-input-panel .wccw-wheel-resend{background:rgba(255,255,255,.18);color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.5);font-size:14px!important;min-height:40px}
.wccw-wheel-test{padding:8px;background:rgba(255,255,255,.2);border-radius:9px}
.wccw-wheel-shell{position:relative;margin:9px auto 0;width:min(560px,calc(100vw - 24px),calc(100dvh - 185px));aspect-ratio:1/1;isolation:isolate;filter:drop-shadow(0 16px 18px rgba(0,0,0,.32))}
.wccw-wheel-rotor{position:absolute;inset:0;border-radius:50%;overflow:hidden;will-change:transform;transform:rotate(0deg)}
.wccw-wheel-svg{width:100%;height:100%;display:block;border-radius:50%;background:radial-gradient(circle,#fff 1%,transparent 25%)}
.wccw-wheel-pointer{position:absolute;z-index:7;left:50%;top:-8px;transform:translateX(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:44px solid #ffd000;filter:drop-shadow(0 3px 2px rgba(0,0,0,.7))}
.wccw-wheel-start{position:absolute!important;z-index:6!important;top:50%;left:50%;transform:translate(-50%,-50%);width:29%;height:29%;border-radius:50%!important;border:9px solid #ffe59b!important;background:radial-gradient(circle at 34% 18%,#fffca4 0,#ffe32b 30%,#fc622f 70%,#dc1e69 100%)!important;color:#fff!important;box-shadow:0 0 0 5px rgba(255,255,255,.72),inset 0 -10px 11px rgba(109,22,57,.32),0 8px 25px rgba(7,9,52,.43)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0!important}
.wccw-wheel-start span{font-size:clamp(19px,5vw,39px);font-weight:900;text-shadow:0 3px 3px rgba(110,37,44,.7)}
.wccw-wheel-start small{font-size:clamp(8px,1.75vw,13px);font-weight:900;margin-top:3px}
.wccw-wheel-result{position:absolute;z-index:8;inset:31%;border-radius:50%;background:radial-gradient(circle,#fff 0%,#fff7ae 49%,#ffc92e 85%);border:5px solid #fff;box-shadow:0 0 23px 9px rgba(255,242,134,.64);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a42f22;padding:4%;gap:4px}
.wccw-wheel-result:not(.is-win){background:radial-gradient(circle,#fff 0%,#dff1ff 55%,#9bb7ff 100%);color:#334b7e;box-shadow:0 0 16px rgba(255,255,255,.8)}
.wccw-wheel-result-icon{font-size:clamp(22px,4vw,35px);line-height:1}
.wccw-wheel-result-title{font-size:clamp(10px,2.4vw,18px);font-weight:900}
.wccw-wheel-result-amount{font-size:clamp(10px,2.7vw,18px);font-weight:900;line-height:1.5}
.wccw-wheel-below{width:min(390px,calc(100vw - 38px));margin:12px auto 5px;color:#fff;text-align:center}
.wccw-wheel-below p{color:#fff!important;font-weight:800;text-shadow:0 1px 5px rgba(0,0,0,.8);margin:4px 0 10px}
.wccw-wheel-below input{margin:6px 0;min-height:45px;border:1px solid #fff;box-shadow:0 1px 8px rgba(0,0,0,.15)}
.wccw-wheel-claim{margin-top:8px}
.wccw-wheel-loser-form button{margin-top:9px}
.wccw-wheel-win .wccw-wheel-balance{display:block;color:#ffeb80;font-size:32px;margin:10px 0 20px}
.wccw-wheel-app .wccw-wheel-error:not(:empty){width:min(425px,calc(100vw - 38px));margin:12px auto;padding:10px 13px;border-radius:12px;color:#82171b;background:rgba(255,236,236,.96);font-weight:700}
@media(max-width:600px){
 .wccw-wheel-modal{padding:2px!important}
 .wccw-wheel-modal .wccw-wheel-dialog{max-height:calc(100dvh - 4px)!important}
 .wccw-wheel-shell{margin:7px auto 0;width:min(calc(100vw - 12px),calc(100dvh - 230px));min-width:0}
 .wccw-wheel-pointer{border-left-width:14px;border-right-width:14px;border-top-width:32px;top:-3px}
 .wccw-wheel-start{border-width:5px!important;box-shadow:0 0 0 3px #fff,inset 0 -5px 8px rgba(109,22,57,.32),0 5px 12px rgba(7,9,52,.3)!important}
 .wccw-wheel-result{border-width:3px;inset:29%;gap:0}
 .wccw-wheel-result-icon{font-size:18px}
 .wccw-wheel-result-title,.wccw-wheel-result-amount{font-size:11px}
 .wccw-wheel-below{margin-top:8px}
 .wccw-wheel-below p{font-size:12px;line-height:1.45;margin:0 0 5px}
 .wccw-wheel-below input{font-size:14px!important;min-height:39px;padding:8px 12px;margin:4px 0}
 .wccw-wheel-below button{min-height:42px;margin-top:6px}
 .wccw-wheel-input-panel{padding:22px 16px}
}
@media(prefers-reduced-motion:reduce){.wccw-wheel-rotor{transition-duration:1800ms!important}}

/* Keep request messages inside the corresponding blue OTP/phone panel. */
.wccw-wheel-app .wccw-wheel-inline-message:not([hidden]){display:block;background:rgba(255,244,244,.97);color:#871a25;border-radius:12px;font-size:13px;font-weight:800;padding:10px 12px;margin:12px 0 0;line-height:1.7;overflow-wrap:anywhere}
.wccw-wheel-app .wccw-wheel-error:not([hidden]):not(:empty){margin:10px auto;max-width:min(390px,calc(100vw - 38px))}
.wccw-wheel-lose-count{font-weight:900!important;font-size:18px!important;color:#fff5ae!important;margin-top:4px!important}

.wccw-wheel-result-countdown:not([hidden]){display:block;font-weight:900;font-size:clamp(10px,2.6vw,16px);color:#a12232;line-height:1.3}

/* 0.3.5: Keep the winner's details directly beneath the little central prize circle,
   within the colourful wheel rather than below the entire wheel. */
.wccw-wheel-app .wccw-wheel-winner-form:not([hidden]){
 display:block;position:absolute;z-index:10;top:calc(69% + 6px);left:50%;
 transform:translateX(-50%);width:min(355px,90%);margin:0;
 padding:10px 12px 12px;border:2px solid rgba(255,236,143,.85);border-radius:17px;
 background:linear-gradient(135deg,rgba(23,40,121,.97),rgba(105,32,145,.97));
 box-shadow:0 9px 20px rgba(24,15,81,.45);text-align:center;color:#fff;
}
.wccw-wheel-winner-form p{color:#fff!important;font-weight:800;font-size:13px!important;line-height:1.5;margin:0 0 6px!important;text-shadow:none}
.wccw-wheel-name-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;direction:rtl}
.wccw-wheel-app .wccw-wheel-winner-form input{
 display:block;min-width:0;width:100%;min-height:41px;padding:7px 9px!important;
 margin:0!important;border:1px solid #ffe5b8;font-size:14px!important;
 background:#fff;color:#19234d;box-shadow:none;text-align:right
}
.wccw-wheel-app .wccw-wheel-winner-form .wccw-wheel-claim{
 min-height:42px;margin:7px 0 0;padding:8px 10px;font-size:14px!important
}
.wccw-wheel-app .wccw-wheel-winner-form .wccw-wheel-inline-message:not([hidden]){font-size:12px;padding:5px 7px;margin:6px 0 0}
@media(max-width:600px){
 .wccw-wheel-app .wccw-wheel-winner-form:not([hidden]){
  top:calc(71% + 6px);width:min(320px,92%);padding:7px 9px 9px;border-radius:14px
 }
 .wccw-wheel-winner-form p{font-size:11px!important;line-height:1.4;margin-bottom:5px!important}
 .wccw-wheel-name-fields{gap:5px}
 .wccw-wheel-app .wccw-wheel-winner-form input{min-height:38px;padding:6px 7px!important;font-size:13px!important}
 .wccw-wheel-app .wccw-wheel-winner-form .wccw-wheel-claim{min-height:40px;font-size:13px!important;margin-top:6px}
 /* Form can extend slightly below the wheel on narrow screens: keep it scrollable and visible. */
 .wccw-wheel-play.wccw-wheel-has-win{padding-bottom:88px}
}