#mbv-wheel-popup{
 box-sizing:border-box;width:min(880px,calc(100% - 24px));
 max-height:calc(100dvh - 32px);overflow:auto;
 padding:0;border:1px solid #ffffff55;border-radius:28px;
 color:#fff;background:#172346;
 box-shadow:0 25px 100px #0009;
 font-family:Arial,Helvetica,sans-serif
}
#mbv-wheel-popup::backdrop{
 background:rgba(7,12,29,.78)
}
#mbv-wheel-popup *{box-sizing:border-box}
#mbv-wheel-popup .mpr-inner{
 position:relative;isolation:isolate;overflow:hidden;
 padding:44px 34px 28px;
 background:linear-gradient(125deg,#173971,#54287b,#12594d);
 background-size:240% 240%;
 animation:mpr-colours 12s ease-in-out infinite
}
#mbv-wheel-popup .mpr-close{
 position:absolute;right:12px;top:10px;z-index:3;
 display:grid;place-items:center;width:40px;height:40px;
 padding:0;border:1px solid #ffffff80;border-radius:50%;
 background:#10203c;color:#fff;font:28px/1 Arial;cursor:pointer
}
#mbv-wheel-popup .mpr-grid{
 display:grid;grid-template-columns:310px 1fr;gap:30px;
 align-items:center
}
#mbv-wheel-popup .mpr-badge{
 display:inline-block;padding:8px 13px;border-radius:30px;
 background:#ffffff18;border:1px solid #ffffff60;
 color:#fff0b4;font-size:12px;font-weight:800;line-height:1.5
}
#mbv-wheel-popup h2{
 color:#fff;font:800 clamp(27px,3.2vw,39px)/1.12 Arial;
 letter-spacing:-.5px;margin:17px 0
}
#mbv-wheel-popup .mpr-copy p{
 color:#f0f3ff;font:17px/1.6 Arial;margin:0 0 20px
}
#mbv-wheel-popup a.mpr-cta{
 display:inline-block;padding:15px 21px;border-radius:12px;
 background:linear-gradient(110deg,#ffe69a,#ffc04d);
 color:#20243a;font:800 16px/1.4 Arial;text-decoration:none;
 box-shadow:0 8px 24px #ffc04d35
}
#mbv-wheel-popup .mpr-note{
 color:#e1e8f6;font:12px/1.6 Arial;
 margin:22px 0 0;text-align:center
}
#mbv-wheel-popup .mpr-visual{
 position:relative;display:block;width:100%;aspect-ratio:1;
 padding:14px;text-decoration:none;color:#fff
}
#mbv-wheel-popup .mpr-pointer{
 position:absolute;left:calc(50% - 13px);top:0;z-index:2;
 border-left:13px solid transparent;border-right:13px solid transparent;
 border-top:29px solid #fff0b4;filter:drop-shadow(0 3px 3px #0008)
}
#mbv-wheel-popup .mpr-wheel{
 position:relative;width:100%;height:100%;border-radius:50%;
 border:9px solid #ffe3a2;
 background:conic-gradient(
 #8d38bd 0deg 45deg,#086da0 45deg 90deg,
 #dd466c 90deg 135deg,#237e68 135deg 180deg,
 #bd651f 180deg 225deg,#3743a0 225deg 270deg,
 #a72c81 270deg 315deg,#087980 315deg 360deg);
 box-shadow:0 0 0 5px #ffffff25,0 15px 35px #0005;
 animation:mpr-wheel-turn 7s ease-in-out infinite
}
#mbv-wheel-popup .mpr-wheel:after{
 content:"";position:absolute;inset:0;border-radius:50%;
 background:repeating-conic-gradient(
 transparent 0deg 44.5deg,#ffffff80 44.5deg 45deg)
}
#mbv-wheel-popup .mpr-label{
 position:absolute;transform:translate(-50%,-50%);
 z-index:1;width:70px;text-align:center;
 color:#fff;font:800 10px/1.2 Arial;text-shadow:0 1px 3px #000
}
#mbv-wheel-popup .mpr-hub{
 position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 display:grid;place-items:center;width:82px;height:82px;
 border-radius:50%;border:6px solid #ffd479;
 background:#fff5dc;color:#24213c;text-align:center;
 font:900 12px/1.25 Arial;box-shadow:0 5px 16px #0005
}
#mbv-wheel-popup a:focus-visible,
#mbv-wheel-popup button:focus-visible{
 outline:3px solid #fff0b4;outline-offset:4px
}
#mbv-wheel-popup:hover .mpr-wheel,
#mbv-wheel-popup:focus-within .mpr-wheel{
 animation-play-state:paused
}
@keyframes mpr-colours{
 0%,100%{background-position:0% 50%}
 50%{background-position:100% 50%}
}
@keyframes mpr-wheel-turn{
 0%,100%{transform:rotate(-12deg)}
 50%{transform:rotate(28deg)}
}
@media(max-width:680px){
 #mbv-wheel-popup .mpr-inner{padding:52px 22px 24px}
 #mbv-wheel-popup .mpr-grid{grid-template-columns:1fr;gap:15px}
 #mbv-wheel-popup .mpr-visual{width:220px;margin:auto}
 #mbv-wheel-popup .mpr-copy{text-align:center}
 #mbv-wheel-popup h2{font-size:28px}
 #mbv-wheel-popup .mpr-copy p{font-size:16px}
 #mbv-wheel-popup .mpr-label{font-size:8px;width:54px}
 #mbv-wheel-popup .mpr-hub{width:66px;height:66px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 #mbv-wheel-popup .mpr-inner,
 #mbv-wheel-popup .mpr-wheel{animation:none}
}