:root{font-family:"DM Sans","Cairo",Arial,sans-serif;color:#181818;background:#fff7f1}.wheel-page{max-width:1080px;margin:0 auto;padding:28px 22px 60px}.wheel-top{display:flex;gap:22px;align-items:flex-start}.wheel-back{color:#333;text-decoration:none;border:1px solid #ddd;border-radius:12px;padding:10px 14px;background:#fff}.wheel-kicker{font-size:11px;letter-spacing:.12em;color:#f26722;font-weight:800}.wheel-top h1{font-size:40px;margin:2px 0 0}.wheel-top p{margin:3px 0;color:#666}.wheel-notice{margin:18px 0;padding:12px 15px;background:#fff;border:1px solid #eee;border-radius:14px}.wheel-notice.success{border-color:#b8dec7;background:#f2fbf5}.wheel-notice.error{border-color:#efb7b7;background:#fff5f5}.wheel-admin-card{background:#fff;border:1px solid #eadfd8;border-radius:22px;padding:20px;box-shadow:0 18px 45px rgba(0,0,0,.06)}.wheel-active-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px;background:#faf7f5;border-radius:16px}.wheel-active-row div{display:flex;flex-direction:column}.wheel-active-row span{font-size:13px;color:#777}.wheel-active-row b{min-width:70px}.wheel-active-row .is-active{color:#168147}.wheel-active-row .is-inactive{color:#a33}.switch input{display:none}.switch span{display:block;width:52px;height:30px;background:#d4d4d4;border-radius:99px;position:relative;cursor:pointer}.switch span:after{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:#f26722}.switch input:checked+span:after{transform:translateX(22px)}.wheel-admin-head{display:flex;justify-content:space-between;align-items:end;margin:24px 0 12px}.wheel-admin-head h2{margin:0}.wheel-admin-head p{margin:3px 0;color:#777}.wheel-prize-rows{display:grid;gap:9px}.wheel-prize-row{display:grid;grid-template-columns:1.6fr 1fr .7fr .85fr 38px;gap:8px}.wheel-prize-row input,.wheel-prize-row select{min-width:0;border:1px solid #ddd;border-radius:10px;padding:10px;background:#fff}.chance-field{position:relative}.chance-field input{width:100%;padding-right:70px}.chance-field span{position:absolute;right:10px;top:12px;font-size:11px;color:#777}.remove-prize{border:0;border-radius:10px;background:#f5eded;font-size:21px;cursor:pointer}.wheel-total-row{display:flex;justify-content:flex-end;gap:12px;margin:12px 46px 0 0}.wheel-total-row .ok{color:#168147}.wheel-total-row .bad{color:#b3261e}.wheel-admin-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.primary,.secondary{border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}.primary{background:#f26722;color:white}.secondary{background:#edf2ef;color:#111}.wheel-help{font-size:12px;color:#777;text-align:right}.wheel-customer{text-align:center}.wheel-wrap{position:relative;width:min(76vw,560px);aspect-ratio:1;margin:18px auto 24px}.wheel-disc{position:absolute;inset:0;border-radius:50%;border:14px solid #fff;box-shadow:0 20px 60px rgba(0,0,0,.18);background:conic-gradient(#f26722 0 16.666%,#ffd166 16.666% 33.333%,#f78c4a 33.333% 50%,#ffe7b2 50% 66.666%,#ef5a29 66.666% 83.333%,#ffc857 83.333% 100%);transition:transform 4s cubic-bezier(.12,.8,.18,1)}.wheel-pointer{position:absolute;z-index:3;top:-20px;left:50%;transform:translateX(-50%);font-size:52px;color:#161616;filter:drop-shadow(0 3px 2px #fff)}.wheel-label{position:absolute;left:50%;top:50%;width:42%;transform-origin:0 0;transform:rotate(calc((360deg / var(--n)) * var(--i) + (180deg / var(--n)))) translate(58px,-50%);font-weight:900;font-size:clamp(11px,2vw,17px);text-align:right;color:#1b1b1b}.wheel-spin-button{font-size:22px;padding:16px 34px;box-shadow:0 10px 24px rgba(242,103,34,.28)}.wheel-reward{max-width:520px;margin:30px auto;text-align:center;background:#fff;border-radius:24px;padding:32px;box-shadow:0 18px 50px rgba(0,0,0,.08)}.wheel-reward>span{font-size:12px;color:#f26722;font-weight:900;letter-spacing:.15em}.wheel-reward h2{font-size:40px;margin:8px 0 22px}.reward-code{display:flex;gap:8px}.reward-code input{flex:1;padding:14px;border:1px dashed #f26722;border-radius:12px;text-align:center;font-weight:900}.reward-code button{border:0;border-radius:12px;padding:0 18px}.link-button{display:inline-block;text-decoration:none;margin-top:22px}.wheel-reward small{display:block;margin-top:10px;color:#777}@media(max-width:720px){.wheel-prize-row{grid-template-columns:1fr 1fr}.wheel-prize-row .remove-prize{grid-column:2}.wheel-active-row{grid-template-columns:1fr auto}.wheel-active-row b{grid-column:1/-1}.wheel-top h1{font-size:30px}}

/* RC3.1 premium wheel — reference-inspired red / cream / deep teal / gold */
.wheel-live-machine,.wheel-popup-machine{position:relative;width:min(82vw,620px);margin:8px auto 24px;padding-bottom:100px;filter:drop-shadow(0 24px 28px rgba(20,18,10,.24))}
.wheel-live-rim,.wheel-popup-rim{position:relative;width:100%;aspect-ratio:1;border-radius:50%;padding:27px;background:linear-gradient(145deg,#ffe872 0%,#b87812 14%,#fff1a0 26%,#a96608 42%,#f5d75a 57%,#8d5808 72%,#ffeb75 87%,#b06a09 100%);box-shadow:inset 0 0 0 4px #8b5506,inset 0 0 0 8px #ffe774,0 14px 34px rgba(0,0,0,.18);z-index:4}
.wheel-live-rim:before,.wheel-popup-rim:before{content:"";position:absolute;inset:9px;border-radius:50%;background:radial-gradient(circle at 38% 24%,#0b6780,#00384a 50%,#001f2b 100%);box-shadow:inset 0 0 0 3px #f6d858,inset 0 0 18px rgba(0,0,0,.35);z-index:0}
.wheel-disc,.wheel-popup-disc{position:absolute;inset:44px;border-radius:50%;overflow:hidden;background:repeating-conic-gradient(from -90deg,#c81412 0 calc(180deg / var(--segments)),#f6e7bd calc(180deg / var(--segments)) calc(360deg / var(--segments)));box-shadow:inset 0 0 0 5px #e8c34b,inset 0 0 30px rgba(88,30,0,.2);transition:transform 4.2s cubic-bezier(.1,.76,.12,1);z-index:2}
.wheel-disc:after,.wheel-popup-disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 40% 34%,rgba(255,255,255,.34),transparent 28%,transparent 66%,rgba(73,18,0,.18));pointer-events:none}
.wheel-label,.wheel-popup-label{position:absolute;left:50%;top:50%;width:42%;height:1px;transform-origin:0 0;transform:rotate(calc((360deg / var(--n)) * var(--i) + (180deg / var(--n)))) translate(28%,-50%);z-index:4;text-align:center;color:#fff6c7;font-weight:950;font-size:clamp(12px,2.35vw,22px);letter-spacing:-.02em;text-shadow:0 1px 1px rgba(75,0,0,.45)}
.wheel-label:nth-child(even),.wheel-popup-label:nth-child(even){color:#7f1111;text-shadow:none}
.wheel-label b,.wheel-popup-label b{display:block;width:150px;max-width:38vw;transform:translateY(-50%) rotate(90deg);transform-origin:center;line-height:1.02}
.wheel-live-hub,.wheel-popup-hub{position:absolute;left:50%;top:50%;width:17%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff7a9 0,#ffe04b 18%,#d99a18 52%,#9f6504 78%,#ffd85a 100%);box-shadow:0 5px 10px rgba(77,37,0,.45),inset 0 0 0 4px #ffe96d,inset 0 0 0 8px #b9780b;z-index:7}
.wheel-pointer,.wheel-popup-pointer{position:absolute;z-index:10;top:-7px;left:50%;width:0;height:0;transform:translateX(-50%);border-left:26px solid transparent;border-right:26px solid transparent;border-top:0;border-bottom:72px solid #f7cf45;filter:drop-shadow(0 4px 2px rgba(63,32,0,.5))}
.wheel-pointer:after,.wheel-popup-pointer:after{content:"";position:absolute;left:-20px;top:5px;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:58px solid #fff09b}
.wheel-live-studs,.wheel-popup-studs{position:absolute;inset:0;border-radius:50%;z-index:8;pointer-events:none}
.wheel-live-studs i,.wheel-popup-studs i{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9ad,#f2c735 48%,#8e5904 76%);box-shadow:0 1px 2px #4e3100;transform:rotate(calc(var(--s)*15deg)) translateY(-47.1%) translateY(-278px)}
.wheel-live-neck,.wheel-popup-neck{position:absolute;z-index:1;left:28%;right:28%;bottom:52px;height:150px;background:linear-gradient(90deg,#002b39,#07536a 48%,#002c3a);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);border-left:5px solid #d5a82f;border-right:5px solid #d5a82f}
.wheel-live-base,.wheel-popup-base{position:absolute;z-index:2;left:15%;right:15%;bottom:12px;height:48px;border-radius:10px 10px 16px 16px;background:linear-gradient(#075268,#002a38);border:4px solid #d6aa32;box-shadow:inset 0 3px 0 rgba(255,255,255,.12)}
.wheel-spin-button,.wheel-popup-cta{position:absolute;z-index:9;left:50%;bottom:29px;transform:translateX(-50%);min-width:58%;padding:18px 30px;border-radius:24px;border:4px solid #efcf5e;background:linear-gradient(#ef281f,#a90705);box-shadow:inset 0 3px 0 rgba(255,255,255,.25),0 7px 14px rgba(55,11,0,.28);color:#ffe77b;text-decoration:none;text-align:center;font-size:clamp(22px,3.8vw,36px);font-weight:950;letter-spacing:.02em;text-shadow:0 2px 2px #781000;cursor:pointer;white-space:nowrap}
.wheel-spin-button:before,.wheel-popup-cta:before{content:"★";margin-right:14px}.wheel-spin-button:after,.wheel-popup-cta:after{content:"★";margin-left:14px}
.wheel-spin-button:hover,.wheel-popup-cta:hover{filter:brightness(1.07);transform:translateX(-50%) translateY(-2px)}

/* First website visit: no modal card/background — only wheel + CTA over the site */
.wheel-first-visit{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;background:transparent}
.wheel-popup-shell{position:relative;width:min(92vw,650px);pointer-events:auto;animation:wheelPopupIn .42s cubic-bezier(.2,.85,.22,1.18)}
.wheel-popup-close{position:absolute;right:1%;top:1%;z-index:30;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#222;font-size:26px;line-height:1;box-shadow:0 5px 18px rgba(0,0,0,.18);cursor:pointer}
.wheel-popup-machine{width:100%;margin:0 auto}
@keyframes wheelPopupIn{from{opacity:0;transform:scale(.82) translateY(28px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:720px){.wheel-live-machine,.wheel-popup-machine{width:min(94vw,560px);padding-bottom:82px}.wheel-live-rim,.wheel-popup-rim{padding:20px}.wheel-disc,.wheel-popup-disc{inset:34px}.wheel-live-studs i,.wheel-popup-studs i{width:9px;height:9px;margin:-4.5px;transform:rotate(calc(var(--s)*15deg)) translateY(-47.1%) translateY(-43.5vw)}.wheel-label b,.wheel-popup-label b{width:105px;font-size:11px}.wheel-popup-close{right:2%;top:0}.wheel-spin-button,.wheel-popup-cta{padding:14px 18px;border-width:3px}}

/* RC3.2 — admin preview, popup-only customer flow, readable prize labels */
.wheel-admin-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;align-items:start;margin-top:18px}
.wheel-admin-controls{min-width:0}.wheel-admin-preview{position:sticky;top:18px;border:1px solid #eadfd8;border-radius:18px;background:#fbfaf8;padding:14px;overflow:hidden}
.wheel-preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.wheel-preview-head div{display:flex;flex-direction:column}.wheel-preview-head span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#f26722}.wheel-preview-head strong{font-size:15px}.wheel-preview-stage{min-height:390px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,#fff,#fbf7f2)}
.wheel-preview-machine{width:min(100%,390px)!important;margin:0 auto!important;padding-bottom:66px!important;transform:scale(.9);transform-origin:center}
.wheel-preview-machine .wheel-live-neck{height:92px;bottom:34px}.wheel-preview-machine .wheel-live-base{height:32px;bottom:6px}.wheel-preview-machine .wheel-spin-button{bottom:15px;min-width:64%;font-size:18px;padding:11px 18px;border-width:3px;pointer-events:none}
.wheel-duration-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:14px 16px;border:1px solid #eee4dd;border-radius:14px;background:#fcfaf8}.wheel-duration-row label{display:flex;flex-direction:column;gap:3px}.wheel-duration-row label span{font-size:12px;color:#777}.wheel-duration-row>div{display:flex;align-items:center;gap:8px;white-space:nowrap}.wheel-duration-row input{width:88px;border:1px solid #d8d1cc;border-radius:10px;padding:10px;text-align:center;font-weight:800;background:#fff}.wheel-duration-row b{font-size:12px;color:#666}

/* Align every label to the centre of its own slice and force contrast. */
.wheel-disc,.wheel-popup-disc{background:repeating-conic-gradient(from calc(-180deg / var(--segments)),#c81412 0 calc(360deg / var(--segments)),#f6e7bd calc(360deg / var(--segments)) calc(720deg / var(--segments)))}
.wheel-label,.wheel-popup-label{transform:rotate(calc(-90deg + (360deg / var(--n)) * var(--i))) translate(29%,-50%)}
.wheel-label.on-red,.wheel-popup-label.on-red{color:#fff1a6!important;text-shadow:0 2px 2px rgba(91,0,0,.72)!important}
.wheel-label.on-cream,.wheel-popup-label.on-cream{color:#7d1010!important;text-shadow:0 1px 0 rgba(255,255,255,.65)!important}
.wheel-label b,.wheel-popup-label b{font-weight:950}

/* Customer experience is a floating first-visit wheel only — no card/background. */
.wheel-first-visit{background:transparent!important}
.wheel-popup-shell{filter:none}
.wheel-popup-message{min-height:44px;margin:-4px auto 0;max-width:460px;text-align:center;color:#181818;font-size:14px;font-weight:700;text-shadow:0 1px 0 #fff}.wheel-popup-message strong{display:block;color:#a30e0e;font-size:20px}.wheel-popup-message span{display:block;margin-top:4px}.wheel-popup-message b{font-family:monospace;background:#fff7d6;border:1px dashed #c49a20;border-radius:7px;padding:3px 6px}
.wheel-popup-cta:disabled{cursor:wait;filter:saturate(.8);opacity:.95}

@media(max-width:900px){.wheel-admin-layout{grid-template-columns:1fr}.wheel-admin-preview{position:relative;top:auto}.wheel-preview-stage{min-height:360px}}
@media(max-width:720px){.wheel-duration-row{align-items:flex-start;flex-direction:column}.wheel-preview-machine{transform:scale(.82)}}
\n\n/* RC3.3 — pointer direction + visible reward result */
/* Pointer must point DOWN at the selected wedge. */
.wheel-pointer,.wheel-popup-pointer{
  top:-5px;
  border-left:26px solid transparent;
  border-right:26px solid transparent;
  border-bottom:0!important;
  border-top:72px solid #f7cf45!important;
}
.wheel-pointer:after,.wheel-popup-pointer:after{
  left:-20px;
  top:-67px;
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  border-bottom:0!important;
  border-top:58px solid #fff09b!important;
}
/* Reward is part of the wheel experience, not below the viewport. */
.wheel-popup-message{
  position:absolute;
  z-index:24;
  left:50%;
  bottom:96px;
  width:min(82%,460px);
  min-height:0;
  margin:0;
  transform:translate(-50%,10px) scale(.96);
  padding:0;
  opacity:0;
  pointer-events:none;
  transition:.28s ease;
  text-shadow:none;
}
.wheel-popup-message.is-visible{
  opacity:1;
  transform:translate(-50%,0) scale(1);
}
.wheel-popup-message strong{
  display:block;
  padding:10px 14px 5px;
  border-radius:16px 16px 0 0;
  background:#fff2bf;
  border:3px solid #e0b43d;
  border-bottom:0;
  color:#8f0b0b;
  font-size:clamp(17px,3vw,24px);
  box-shadow:0 8px 22px rgba(25,13,0,.2);
}
.wheel-popup-message span{
  display:block;
  margin:0;
  padding:4px 14px 10px;
  border-radius:0 0 16px 16px;
  background:#fff9e7;
  border:3px solid #e0b43d;
  border-top:0;
  color:#271b12;
  box-shadow:0 8px 22px rgba(25,13,0,.2);
}
.wheel-popup-message b{
  display:inline-block;
  margin-left:4px;
  background:#fff;
  border:1px dashed #b98c1e;
  color:#8f0b0b;
}
@media(max-width:720px){
  .wheel-popup-message{bottom:82px;width:88%}
}

/* RC3.4 Wheel insights */
.wheel-insights-card{margin-top:18px;background:#fff;border:1px solid #eadfd8;border-radius:22px;padding:20px;box-shadow:0 18px 45px rgba(0,0,0,.04)}
.wheel-insights-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.wheel-insights-head span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#f26722}.wheel-insights-head h2{margin:3px 0 2px}.wheel-insights-head p{margin:0;color:#777;font-size:13px}.wheel-insights-head label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:800;color:#666}.wheel-insights-head select{border:1px solid #ddd;border-radius:10px;padding:9px 34px 9px 10px;background:#fff}
.wheel-insight-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.wheel-insight-cards>div{border:1px solid #eee7e1;border-radius:15px;padding:14px;background:#fcfaf8;display:flex;flex-direction:column;gap:5px}.wheel-insight-cards span{font-size:11px;color:#777}.wheel-insight-cards strong{font-size:24px;line-height:1}
.wheel-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.wheel-insight-panel{border:1px solid #eee7e1;border-radius:16px;padding:15px}.wheel-insight-panel h3{margin:0 0 10px;font-size:15px}.wheel-insight-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #f2eeea;align-items:center}.wheel-insight-row:first-of-type{border-top:0}.wheel-insight-row span{display:flex;flex-direction:column;gap:2px}.wheel-insight-row small{color:#888;font-size:10px}.wheel-insight-row time{font-size:10px;color:#888;text-align:right}.wheel-empty{font-size:12px;color:#888;margin:6px 0}
@media(max-width:1000px){.wheel-insight-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.wheel-insights-head{align-items:stretch;flex-direction:column}.wheel-insight-cards{grid-template-columns:repeat(2,1fr)}.wheel-insight-grid{grid-template-columns:1fr}}

/* Desktop chance visibility hotfix */
@media(min-width:721px){.wheel-prize-row{grid-template-columns:1.55fr 1fr .72fr 1.08fr 38px;align-items:stretch}.chance-field{display:grid;gap:4px;padding:5px 7px;border:2px solid #f3a66f;border-radius:11px;background:#fff7f1}.chance-field .chance-title{position:static;font-size:9px;line-height:1;color:#b54b12;font-weight:900;letter-spacing:.08em}.chance-field>div{display:flex;align-items:center;gap:5px}.chance-field input{padding:7px 8px;width:100%;font-size:16px;font-weight:900;color:#151515;border:0!important;background:#fff!important}.chance-field b{font-size:15px;color:#f26722}.wheel-total-row{font-size:14px;font-weight:800}.wheel-total-row strong{font-size:18px}}