:root{--xpw-bg:#070507;--xpw-panel:#11090d;--xpw-panel2:#180b11;--xpw-line:rgba(255,255,255,.095);--xpw-red:#cf153f;--xpw-red2:#6f0923;--xpw-pink:#ff4d73;--xpw-gold:#f2c34f;--xpw-green:#59dda8;--xpw-blue:#6abfff;--xpw-text:#fff7f9;--xpw-muted:#aa969e;--xpw-dim:#705e65;--xpw-display:"Barlow Condensed",Arial,sans-serif;--xpw-body:Inter,Arial,sans-serif}
*{box-sizing:border-box}.ctv-xp-wheel-page{min-width:320px;margin:0;color:var(--xpw-text);background:radial-gradient(circle at 78% 3%,rgba(132,10,43,.2),transparent 34rem),radial-gradient(circle at 12% 36%,rgba(74,35,120,.1),transparent 32rem),#070507;font-family:var(--xpw-body)}.ctv-xp-wheel-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.2;background:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 1px,transparent 1px,transparent 4px)}.ctv-xp-wheel-page [hidden]{display:none!important}.xpw-shell{width:min(1360px,calc(100% - 36px));margin:auto}.xpw-loading{display:grid;min-height:72vh;place-items:center;align-content:center;gap:15px;color:var(--xpw-muted);font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.xpw-loading span{width:34px;height:34px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--xpw-pink);border-radius:50%;animation:xpw-spin .8s linear infinite}@keyframes xpw-spin{to{transform:rotate(360deg)}}
.xpw-hero{position:relative;overflow:hidden;padding:138px 0 54px;border-bottom:1px solid rgba(207,21,63,.24);background:linear-gradient(90deg,rgba(6,4,5,.99),rgba(10,6,8,.94) 57%,rgba(44,5,17,.58)),radial-gradient(circle at 78% 42%,rgba(207,21,63,.14),transparent 25rem)}.xpw-hero:after{content:"XP";position:absolute;right:3%;bottom:-4rem;color:rgba(255,255,255,.018);font:900 18rem/.8 var(--xpw-display);pointer-events:none}.xpw-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.68fr);align-items:center;gap:48px}.xpw-kicker{display:flex;align-items:center;gap:10px;color:#ff6685;font-size:.64rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.xpw-kicker:before{content:"";width:32px;height:2px;background:linear-gradient(90deg,var(--xpw-pink),var(--xpw-gold))}.xpw-hero h1{max-width:780px;margin:15px 0 10px;font:900 clamp(3.5rem,6.2vw,6rem)/.82 var(--xpw-display);letter-spacing:-.03em;text-transform:uppercase}.xpw-hero h1 em{display:block;color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(255,255,255,.36)}.xpw-hero-copy>p{max-width:680px;margin:0;color:#c1b2b8;font-size:.88rem;line-height:1.65}.xpw-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.xpw-chip{display:inline-flex;min-height:29px;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--xpw-line);border-radius:999px;color:#d9ccd1;background:rgba(255,255,255,.025);font-size:.56rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.xpw-chip i{width:6px;height:6px;border-radius:50%;background:var(--xpw-green);box-shadow:0 0 9px var(--xpw-green)}.xpw-round-card{padding:22px;border:1px solid rgba(207,21,63,.3);border-radius:17px;background:linear-gradient(145deg,rgba(52,8,22,.68),rgba(8,5,7,.9));box-shadow:0 28px 80px rgba(0,0,0,.42)}.xpw-round-card header{display:flex;justify-content:space-between;gap:15px}.xpw-round-card header span,.xpw-round-card header b{display:block}.xpw-round-card header span{color:#a88791;font-size:.52rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.xpw-round-card header b{margin-top:6px;font:900 1.45rem/1 var(--xpw-display);text-transform:uppercase}.xpw-live{align-self:flex-start;padding:7px 9px;border:1px solid rgba(89,221,168,.28);border-radius:6px;color:var(--xpw-green);background:rgba(89,221,168,.06);font-size:.51rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.xpw-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:19px}.xpw-time{padding:11px 5px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(0,0,0,.18);text-align:center}.xpw-time b,.xpw-time small{display:block}.xpw-time b{font:900 1.45rem/1 var(--xpw-display)}.xpw-time small{margin-top:5px;color:var(--xpw-dim);font-size:.44rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.xpw-round-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:13px;border:1px solid rgba(255,255,255,.07);border-radius:8px;overflow:hidden}.xpw-round-stats span{padding:10px;border-right:1px solid rgba(255,255,255,.07)}.xpw-round-stats span:last-child{border:0}.xpw-round-stats b,.xpw-round-stats small{display:block}.xpw-round-stats b{font:900 1rem/1 var(--xpw-display)}.xpw-round-stats small{margin-top:5px;color:var(--xpw-dim);font-size:.43rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.xpw-main{padding:64px 0 92px}.xpw-section{margin-top:62px}.xpw-section:first-child{margin-top:0}.xpw-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:17px}.xpw-section-head h2{margin:7px 0 0;font:900 clamp(2.35rem,4vw,3.7rem)/.88 var(--xpw-display);letter-spacing:-.015em;text-transform:uppercase}.xpw-section-head p{max-width:560px;margin:0;color:var(--xpw-muted);font-size:.75rem;line-height:1.55}.xpw-panel{position:relative;overflow:hidden;border:1px solid var(--xpw-line);border-radius:16px;background:linear-gradient(145deg,rgba(23,10,15,.95),rgba(7,5,6,.97));box-shadow:0 24px 70px rgba(0,0,0,.22)}.xpw-panel:before{content:"";position:absolute;top:-1px;left:20px;width:50px;height:3px;border-radius:99px;background:var(--xpw-red)}
.xpw-entry-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.6fr)}.xpw-entry-main{padding:24px;border-right:1px solid var(--xpw-line)}.xpw-user-state{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.018)}.xpw-user-state img{width:54px;height:54px;border:1px solid rgba(207,21,63,.38);border-radius:50%;object-fit:cover;background:#080506}.xpw-user-state strong,.xpw-user-state small{display:block}.xpw-user-state strong{font-size:.79rem}.xpw-user-state small{margin-top:5px;color:var(--xpw-muted);font-size:.59rem}.xpw-balance{text-align:right}.xpw-balance b,.xpw-balance span{display:block}.xpw-balance b{font:900 1.65rem/1 var(--xpw-display)}.xpw-balance span{margin-top:5px;color:var(--xpw-dim);font-size:.46rem;font-weight:850;text-transform:uppercase}.xpw-entry-copy{margin:20px 0 17px}.xpw-entry-copy h3{margin:0;font:900 1.8rem/1 var(--xpw-display);text-transform:uppercase}.xpw-entry-copy p{margin:9px 0 0;color:var(--xpw-muted);font-size:.69rem;line-height:1.6}.xpw-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:1px solid rgba(140,17,48,.72);border-radius:8px;color:#fff;background:linear-gradient(135deg,#81102c,#510719);font:850 .62rem var(--xpw-body);letter-spacing:.07em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.xpw-button:hover{transform:translateY(-1px);border-color:rgba(255,68,105,.7);background:linear-gradient(135deg,#991438,#63081f)}.xpw-button.primary{border-color:rgba(219,35,76,.72);background:linear-gradient(135deg,#9b1235,#65091f);box-shadow:0 12px 30px rgba(96,7,29,.26)}.xpw-button.secondary{border-color:var(--xpw-line);background:rgba(255,255,255,.025)}.xpw-button.gold{border-color:rgba(242,195,79,.38);color:#1c1103;background:linear-gradient(135deg,#f7d569,#d89c2d)}.xpw-button:disabled{opacity:.42;transform:none;cursor:not-allowed}.xpw-entry-note{margin-top:12px;color:#8f7d84;font-size:.56rem;line-height:1.5}.xpw-entry-note b{color:#ff7894}.xpw-entry-side{display:grid;align-content:center;gap:10px;padding:24px}.xpw-entry-cost{padding:18px;border:1px solid rgba(242,195,79,.18);border-radius:12px;background:linear-gradient(135deg,rgba(242,195,79,.07),rgba(0,0,0,.16))}.xpw-entry-cost small,.xpw-entry-cost strong,.xpw-entry-cost span{display:block}.xpw-entry-cost small{color:#927d53;font-size:.49rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.xpw-entry-cost strong{margin-top:8px;color:var(--xpw-gold);font:900 2.6rem/.85 var(--xpw-display)}.xpw-entry-cost span{margin-top:8px;color:#aa9981;font-size:.58rem}.xpw-guarantees{display:grid;gap:7px}.xpw-guarantees span{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:8px;color:#b7a8ae;font-size:.58rem}.xpw-guarantees i{display:grid;width:22px;height:22px;place-items:center;border:1px solid rgba(89,221,168,.25);border-radius:50%;color:var(--xpw-green);font-style:normal;font-weight:900}
.xpw-wheel-layout{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1fr);min-height:510px}.xpw-wheel-stage{position:relative;display:grid;place-items:center;min-height:510px;padding:36px;border-right:1px solid var(--xpw-line);background:radial-gradient(circle,rgba(207,21,63,.11),transparent 48%)}.xpw-wheel-pointer{position:absolute;top:35px;left:50%;z-index:5;width:0;height:0;border-right:15px solid transparent;border-left:15px solid transparent;border-top:32px solid var(--xpw-gold);filter:drop-shadow(0 4px 5px rgba(0,0,0,.6));transform:translateX(-50%)}.xpw-wheel{position:relative;width:min(390px,82vw);aspect-ratio:1;border:8px solid #2a161d;border-radius:50%;background:conic-gradient(#547cce 0 45deg,#3ea69a 45deg 90deg,#4fc67f 90deg 135deg,#b6385d 135deg 180deg,#d56a3f 180deg 225deg,#d6a934 225deg 270deg,#a95cc7 270deg 315deg,#f3d46d 315deg 360deg);box-shadow:0 0 0 2px rgba(242,195,79,.25),0 24px 65px rgba(0,0,0,.58),inset 0 0 50px rgba(0,0,0,.28);transition:transform 4.2s cubic-bezier(.12,.72,.08,1)}.xpw-wheel:after{content:"XP";position:absolute;inset:37%;display:grid;place-items:center;border:5px solid #2a161d;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,#a7163c,#3d0716);font:900 1.5rem var(--xpw-display);box-shadow:0 0 0 2px rgba(242,195,79,.35),0 8px 25px rgba(0,0,0,.48)}.xpw-wheel-label{position:absolute;left:50%;top:50%;width:76px;margin-left:-38px;color:#fff;font:900 .74rem/1 var(--xpw-display);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.75);transform-origin:38px 0}.xpw-wheel-label:nth-child(1){transform:rotate(22.5deg) translateY(-154px) rotate(-22.5deg)}.xpw-wheel-label:nth-child(2){transform:rotate(67.5deg) translateY(-154px) rotate(-67.5deg)}.xpw-wheel-label:nth-child(3){transform:rotate(112.5deg) translateY(-154px) rotate(-112.5deg)}.xpw-wheel-label:nth-child(4){transform:rotate(157.5deg) translateY(-154px) rotate(-157.5deg)}.xpw-wheel-label:nth-child(5){transform:rotate(202.5deg) translateY(-154px) rotate(-202.5deg)}.xpw-wheel-label:nth-child(6){transform:rotate(247.5deg) translateY(-154px) rotate(-247.5deg)}.xpw-wheel-label:nth-child(7){transform:rotate(292.5deg) translateY(-154px) rotate(-292.5deg)}.xpw-wheel-label:nth-child(8){transform:rotate(337.5deg) translateY(-154px) rotate(-337.5deg);color:#291a00}.xpw-draw-console{display:flex;min-width:0;flex-direction:column;padding:28px}.xpw-draw-console header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--xpw-line)}.xpw-draw-console header h3{margin:6px 0 0;font:900 2rem/1 var(--xpw-display);text-transform:uppercase}.xpw-draw-progress{color:var(--xpw-muted);font-size:.57rem;font-weight:850;white-space:nowrap}.xpw-current-spin{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:114px;margin-top:18px;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(0,0,0,.18))}.xpw-current-spin img{width:66px;height:66px;border:1px solid rgba(207,21,63,.4);border-radius:50%;object-fit:cover;background:#080506}.xpw-current-spin small,.xpw-current-spin strong,.xpw-current-spin span{display:block}.xpw-current-spin small{color:#d85f79;font-size:.5rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.xpw-current-spin strong{margin-top:6px;overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.xpw-current-spin span{margin-top:6px;color:var(--xpw-muted);font-size:.57rem}.xpw-spin-prize{color:var(--xpw-gold);font:900 2.2rem/1 var(--xpw-display);text-align:right}.xpw-draw-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.xpw-results-scroll{min-height:0;max-height:230px;margin-top:18px;overflow:auto;border:1px solid rgba(255,255,255,.065);border-radius:10px}.xpw-result-row{display:grid;grid-template-columns:29px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.055)}.xpw-result-row:last-child{border:0}.xpw-result-row.is-hidden{filter:blur(5px);opacity:.22;user-select:none}.xpw-result-row>em{color:#6f5b63;font:900 .6rem var(--xpw-display);font-style:normal}.xpw-result-row img{width:34px;height:34px;border-radius:50%;object-fit:cover}.xpw-result-row b{overflow:hidden;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.xpw-result-row span{color:var(--xpw-green);font:900 .73rem var(--xpw-display)}.xpw-result-row small{display:block;margin-top:3px;color:#806a72;font-size:.45rem;text-transform:uppercase}
.xpw-awaiting{display:grid;min-height:510px;place-items:center;padding:30px;text-align:center}.xpw-awaiting>div{max-width:530px}.xpw-awaiting span{display:grid;width:70px;height:70px;margin:0 auto 18px;place-items:center;border:1px solid rgba(207,21,63,.35);border-radius:50%;color:var(--xpw-pink);background:rgba(207,21,63,.07);font:900 1rem var(--xpw-display)}.xpw-awaiting h3{margin:0;font:900 2.4rem/1 var(--xpw-display);text-transform:uppercase}.xpw-awaiting p{margin:12px 0 0;color:var(--xpw-muted);font-size:.72rem;line-height:1.6}
.xpw-milestone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.xpw-milestone{position:relative;padding:18px;border:1px solid var(--xpw-line);border-radius:11px;background:rgba(255,255,255,.018)}.xpw-milestone.complete{border-color:rgba(89,221,168,.3);background:rgba(89,221,168,.045)}.xpw-milestone b,.xpw-milestone strong,.xpw-milestone small{display:block}.xpw-milestone b{color:#6e5c63;font:900 .57rem var(--xpw-body);letter-spacing:.1em;text-transform:uppercase}.xpw-milestone strong{margin-top:10px;font:900 1.8rem/1 var(--xpw-display)}.xpw-milestone small{margin-top:6px;color:var(--xpw-muted);font-size:.56rem}.xpw-milestone.complete b,.xpw-milestone.complete strong{color:var(--xpw-green)}.xpw-milestone-track{height:4px;margin-top:13px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.xpw-milestone-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--xpw-red),var(--xpw-pink))}
.xpw-rewards{display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;border:1px solid var(--xpw-line);border-radius:12px}.xpw-reward{position:relative;padding:16px 8px;text-align:center;border-right:1px solid var(--xpw-line);background:rgba(255,255,255,.016)}.xpw-reward:last-child{border:0}.xpw-reward:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:var(--reward-color)}.xpw-reward strong,.xpw-reward small{display:block}.xpw-reward strong{font:900 1.15rem/1 var(--xpw-display)}.xpw-reward small{margin-top:6px;color:var(--xpw-dim);font-size:.46rem;font-weight:850;text-transform:uppercase}.xpw-participants{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.xpw-person{display:flex;min-width:0;align-items:center;gap:10px;padding:11px;border:1px solid var(--xpw-line);border-radius:10px;color:inherit;background:rgba(255,255,255,.016);text-decoration:none}.xpw-person img{width:40px;height:40px;flex:0 0 40px;border:1px solid rgba(207,21,63,.28);border-radius:50%;object-fit:cover;background:#080506}.xpw-person span{min-width:0}.xpw-person b,.xpw-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xpw-person b{font-size:.65rem}.xpw-person small{margin-top:5px;color:var(--xpw-dim);font-size:.48rem}.xpw-empty{grid-column:1/-1;padding:34px;border:1px dashed var(--xpw-line);border-radius:11px;color:var(--xpw-muted);font-size:.68rem;text-align:center}
.xpw-archive{display:flex;flex-wrap:wrap;gap:8px}.xpw-archive a{display:flex;min-width:180px;flex-direction:column;gap:6px;padding:13px;border:1px solid var(--xpw-line);border-radius:9px;color:inherit;background:rgba(255,255,255,.016);text-decoration:none}.xpw-archive b{font-size:.62rem}.xpw-archive span{color:var(--xpw-muted);font-size:.52rem}
.xpw-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px;background:rgba(3,2,3,.86);backdrop-filter:blur(10px)}.xpw-modal-card{position:relative;width:min(100%,540px);padding:27px;border:1px solid rgba(207,21,63,.42);border-radius:16px;background:linear-gradient(145deg,#1c0b12,#080507);box-shadow:0 40px 130px rgba(0,0,0,.72)}.xpw-modal-card h2{margin:13px 0 0;font:900 2.4rem/1 var(--xpw-display);text-transform:uppercase}.xpw-modal-card>p{margin:12px 0 0;color:var(--xpw-muted);font-size:.7rem;line-height:1.6}.xpw-modal-close{position:absolute;top:15px;right:15px;width:35px;height:35px;border:1px solid var(--xpw-line);border-radius:50%;color:#fff;background:rgba(255,255,255,.025);font-size:1.2rem;cursor:pointer}.xpw-confirm-balance{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:19px 0;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(255,255,255,.018)}.xpw-confirm-balance small,.xpw-confirm-balance b{display:block}.xpw-confirm-balance small{color:var(--xpw-dim);font-size:.45rem;font-weight:850;text-transform:uppercase}.xpw-confirm-balance b{margin-top:6px;font:900 1.3rem var(--xpw-display)}.xpw-confirm-balance i{color:#815a68;font-style:normal}.xpw-modal-actions{display:flex;justify-content:flex-end;gap:8px}.xpw-modal-message{min-height:16px;margin-top:12px;color:#ff8199;font-size:.6rem}.xpw-toast{position:fixed;right:20px;bottom:20px;z-index:13000;max-width:400px;padding:13px 16px;border:1px solid rgba(89,221,168,.38);border-radius:9px;color:#dbfff0;background:#08130f;box-shadow:0 22px 70px rgba(0,0,0,.6);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.xpw-toast.show{opacity:1;transform:none}.xpw-toast.bad{border-color:rgba(207,21,63,.5);color:#ffc5d1;background:#1a070d}
@media(max-width:1050px){.xpw-hero-grid{grid-template-columns:1fr .72fr;gap:25px}.xpw-wheel-layout{grid-template-columns:1fr}.xpw-wheel-stage{border-right:0;border-bottom:1px solid var(--xpw-line)}.xpw-participants{grid-template-columns:repeat(3,1fr)}.xpw-rewards{grid-template-columns:repeat(4,1fr)}.xpw-reward:nth-child(4){border-right:0}.xpw-reward:nth-child(-n+4){border-bottom:1px solid var(--xpw-line)}}
@media(max-width:760px){.xpw-shell{width:min(100% - 22px,1360px)}.xpw-hero{padding:112px 0 40px}.xpw-hero-grid{display:block}.xpw-hero h1{font-size:clamp(3.3rem,16vw,4.8rem)}.xpw-round-card{margin-top:28px}.xpw-entry-grid{grid-template-columns:1fr}.xpw-entry-main{border-right:0;border-bottom:1px solid var(--xpw-line)}.xpw-section-head{display:block}.xpw-section-head p{margin-top:11px}.xpw-milestone-grid{grid-template-columns:1fr 1fr}.xpw-participants{grid-template-columns:1fr 1fr}.xpw-wheel-stage{min-height:410px;padding:22px}.xpw-wheel{width:min(330px,82vw)}.xpw-wheel-label:nth-child(1){transform:rotate(22.5deg) translateY(-130px) rotate(-22.5deg)}.xpw-wheel-label:nth-child(2){transform:rotate(67.5deg) translateY(-130px) rotate(-67.5deg)}.xpw-wheel-label:nth-child(3){transform:rotate(112.5deg) translateY(-130px) rotate(-112.5deg)}.xpw-wheel-label:nth-child(4){transform:rotate(157.5deg) translateY(-130px) rotate(-157.5deg)}.xpw-wheel-label:nth-child(5){transform:rotate(202.5deg) translateY(-130px) rotate(-202.5deg)}.xpw-wheel-label:nth-child(6){transform:rotate(247.5deg) translateY(-130px) rotate(-247.5deg)}.xpw-wheel-label:nth-child(7){transform:rotate(292.5deg) translateY(-130px) rotate(-292.5deg)}.xpw-wheel-label:nth-child(8){transform:rotate(337.5deg) translateY(-130px) rotate(-337.5deg)}}
@media(max-width:480px){.xpw-countdown{grid-template-columns:repeat(2,1fr)}.xpw-user-state{grid-template-columns:46px minmax(0,1fr)}.xpw-user-state img{width:46px;height:46px}.xpw-balance{grid-column:1/-1;padding-top:10px;border-top:1px solid var(--xpw-line);text-align:left}.xpw-round-stats{grid-template-columns:1fr}.xpw-round-stats span{border-right:0;border-bottom:1px solid var(--xpw-line)}.xpw-entry-main,.xpw-entry-side,.xpw-draw-console{padding:17px}.xpw-current-spin{grid-template-columns:52px minmax(0,1fr)}.xpw-current-spin img{width:52px;height:52px}.xpw-spin-prize{grid-column:1/-1;text-align:left}.xpw-milestone-grid,.xpw-participants{grid-template-columns:1fr}.xpw-rewards{grid-template-columns:1fr 1fr}.xpw-reward:nth-child(even){border-right:0}.xpw-reward:nth-child(-n+6){border-bottom:1px solid var(--xpw-line)}.xpw-modal-actions{flex-direction:column}.xpw-modal-actions .xpw-button{width:100%}}

/* Unified CroupierTV subpage header and readable typography */
.xpw-shell{width:min(1320px,calc(100% - 38px))}
.xpw-hero{overflow:visible;padding:58px 0 0;border:0;background:transparent}
.xpw-hero:after{display:none}
.xpw-hero-grid{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);align-items:end;gap:34px;overflow:hidden;padding:38px 40px;border:1px solid var(--xpw-line);border-radius:20px;background:radial-gradient(circle at 78% 12%,rgba(151,18,52,.24),transparent 29%),linear-gradient(145deg,rgba(29,11,18,.96),rgba(8,5,7,.99));box-shadow:0 32px 100px rgba(0,0,0,.4)}
.xpw-hero-grid:after{content:"XP WHEEL";position:absolute;right:-20px;bottom:-29px;z-index:-1;color:rgba(255,255,255,.018);font:900 9.5rem/.75 var(--xpw-display);pointer-events:none}
.xpw-kicker{font-size:.65rem}
.xpw-hero h1{max-width:780px;margin:11px 0 15px;font-size:clamp(3rem,4.4vw,4.25rem);line-height:.88;letter-spacing:-.025em}
.xpw-hero h1 em{display:inline;color:#d53959;-webkit-text-stroke:0}
.xpw-hero-copy>p{max-width:720px;font-size:.9rem;line-height:1.7}
.xpw-chip{min-height:31px;font-size:.62rem}
.xpw-round-card header span{font-size:.6rem}
.xpw-round-card header b{font-size:1.75rem}
.xpw-live{font-size:.58rem}
.xpw-time b{font-size:1.65rem}
.xpw-time small{font-size:.55rem}
.xpw-round-stats b{font-size:1.18rem}
.xpw-round-stats small{font-size:.54rem}
.xpw-main{padding:17px 0 92px}
.xpw-section-head p{font-size:.86rem;line-height:1.6}
.xpw-user-state strong{font-size:.9rem}
.xpw-user-state small{font-size:.7rem}
.xpw-balance span{font-size:.56rem}
.xpw-entry-copy p{font-size:.8rem}
.xpw-button{font-size:.68rem}
.xpw-entry-cost small{font-size:.58rem}
.xpw-entry-cost span{font-size:.7rem}
.xpw-guarantees span{font-size:.7rem}
.xpw-draw-progress{font-size:.65rem}
.xpw-current-spin small{font-size:.58rem}
.xpw-current-spin strong{font-size:.9rem}
.xpw-current-spin span{font-size:.68rem}
.xpw-wheel-label{font-size:.8rem}
.xpw-result-row>em{font-size:.67rem}
.xpw-result-row b{font-size:.73rem}
.xpw-result-row small{font-size:.54rem}
.xpw-result-row span{font-size:.83rem}
.xpw-awaiting p{font-size:.82rem}
.xpw-milestone b{font-size:.64rem}
.xpw-milestone small{font-size:.68rem}
.xpw-reward small{color:#b7a5ad;font-size:.62rem;letter-spacing:.035em}
.xpw-person b{font-size:.76rem}
.xpw-person small{font-size:.6rem}
.xpw-empty{font-size:.78rem}
.xpw-archive b{font-size:.74rem}
.xpw-archive span{font-size:.62rem}
.xpw-modal-card>p{font-size:.8rem}
.xpw-confirm-balance small{font-size:.55rem}
.xpw-modal-message{font-size:.7rem}
@media(max-width:760px){
  .xpw-shell{width:min(100% - 24px,1320px)}
  .xpw-hero{padding:38px 0 0}
  .xpw-hero-grid{padding:29px 22px}
  .xpw-hero h1{font-size:clamp(2.8rem,13vw,3.65rem)}
  .xpw-hero-copy>p{font-size:.86rem}
}
@media(max-width:480px){
  .xpw-round-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .xpw-round-stats span{border-right:1px solid rgba(255,255,255,.07);border-bottom:0}
  .xpw-round-stats span:last-child{border-right:0}
}

/* XP Wheel v12 — Daily Rewards visual system, mechanical wheel and secured flow. */

.ctv-xp-wheel-page .xpw-loading-page .xpw-main {
  padding-top: 26px;
}

.ctv-xp-wheel-page .xpw-loading-page .xpw-loading {
  min-height: 260px;
}

.ctv-xp-wheel-page .xpw-loading-round {
  min-height: 180px;
}

.ctv-xp-wheel-page .xpw-loading-bars {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}

.ctv-xp-wheel-page .xpw-loading-bars i {
  display: block;
  height: 11px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.055);
}

.ctv-xp-wheel-page .xpw-loading-bars i::after {
  content: "";
  display: block;
  width: 46%;
  height: 100%;
  background: linear-gradient(90deg,transparent,rgba(255,103,133,.28),transparent);
  animation: xpw-loading-sweep 1.5s ease-in-out infinite;
}

.ctv-xp-wheel-page .xpw-loading-bars i:nth-child(2)::after { animation-delay: -.3s; }
.ctv-xp-wheel-page .xpw-loading-bars i:nth-child(3)::after { animation-delay: -.6s; }

@keyframes xpw-loading-sweep {
  from { transform: translateX(-110%); }
  to { transform: translateX(235%); }
}
.ctv-xp-wheel-page {
  --xpw-type-micro: 10px;
  --xpw-type-label: 11px;
  --xpw-type-small: 12px;
  --xpw-type-body: 14px;
  --xpw-surface: #10080c;
  --xpw-surface-deep: #080507;
  --xpw-soft-line: rgba(255,255,255,.075);
  min-height: 100vh;
  color: #fff;
  background: transparent !important;
  font-size: 16px;
}

.ctv-xp-wheel-page #xpw-app {
  position: relative;
  z-index: 1;
  min-height: 72vh;
}

.ctv-xp-wheel-page .xpw-page-panel[hidden] {
  display: none !important;
}

.ctv-xp-wheel-page .xpw-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.ctv-xp-wheel-page .xpw-title-showcase.xpw-hero {
  position: relative;
  z-index: 1;
  isolation: isolate;
  display: grid;
  min-height: 300px;
  overflow: hidden;
  padding: 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: #070507;
}

.ctv-xp-wheel-page .xpw-title-showcase-bg {
  position: absolute;
  z-index: -2;
  inset: 0;
  background:
    linear-gradient(90deg,#070507 0%,rgba(7,5,7,.97) 27%,rgba(7,5,7,.72) 50%,rgba(7,5,7,.2) 78%,rgba(7,5,7,.58) 100%),
    linear-gradient(0deg,#070507 0%,transparent 58%),
    url("../header1.png") center 18% / cover no-repeat;
  filter: saturate(.88) contrast(1.08);
}

.ctv-xp-wheel-page .xpw-title-showcase-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,rgba(7,5,7,.05) 42%,#070507 100%),
    radial-gradient(circle at 69% 48%,transparent,rgba(7,5,7,.2) 50%,#070507 96%);
}

.ctv-xp-wheel-page .xpw-title-showcase-inner.xpw-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(calc(100% - 40px),1320px);
  min-height: 300px;
  grid-template-columns: minmax(0,1.12fr) minmax(430px,.88fr);
  gap: 38px;
  align-items: center;
  margin-inline: auto;
  padding: 25px 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ctv-xp-wheel-page .xpw-title-showcase-inner::after {
  display: none;
}

.ctv-xp-wheel-page .xpw-title-copy {
  width: 100%;
  max-width: 720px;
  min-width: 0;
}

.ctv-xp-wheel-page .xpw-kicker {
  gap: 11px;
  color: #e9bd58;
  font: 800 var(--xpw-type-label)/1.2 Inter,Arial,sans-serif;
  letter-spacing: .16em;
}

.ctv-xp-wheel-page .xpw-kicker::before {
  width: 36px;
  height: 2px;
  flex: 0 0 36px;
  background: linear-gradient(90deg,#ee2448,#e9bd58);
  box-shadow: 0 0 14px rgba(238,36,72,.5);
}

.ctv-xp-wheel-page .xpw-title-copy h1 {
  max-width: 850px;
  margin: 10px 0 12px;
  color: #fff;
  font: 900 clamp(3rem,4.25vw,4.35rem)/.82 "Barlow Condensed",Impact,sans-serif;
  letter-spacing: -.025em;
  text-transform: uppercase;
  text-wrap: balance;
  text-shadow: 0 10px 36px rgba(0,0,0,.62),0 0 42px rgba(255,28,73,.09);
}

.ctv-xp-wheel-page .xpw-title-description {
  max-width: 620px;
  margin: 0;
  color: #d0c3c8;
  font: 500 15px/1.5 Inter,Arial,sans-serif;
}

.ctv-xp-wheel-page .xpw-title-description strong,
.ctv-xp-wheel-page .xpw-title-description span {
  display: block;
}

.ctv-xp-wheel-page .xpw-title-description strong {
  margin-bottom: 5px;
  color: #fff;
  font-weight: 800;
  line-height: 1.25;
}

.ctv-xp-wheel-page .xpw-title-description span {
  max-width: 590px;
  color: #b9aab0;
  font-size: var(--xpw-type-body);
}

.ctv-xp-wheel-page .xpw-title-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 17px;
}

.ctv-xp-wheel-page .xpw-title-primary {
  display: inline-flex;
  min-width: 195px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 20px;
  border: 1px solid rgba(157,43,67,.78);
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg,#781229,#420712);
  box-shadow: 0 12px 30px rgba(35,0,10,.34);
  font: 800 var(--xpw-type-small)/1 Inter,Arial,sans-serif;
  letter-spacing: .075em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease,filter .18s ease,transform .18s ease;
}

.ctv-xp-wheel-page .xpw-title-primary:hover {
  border-color: rgba(214,73,104,.9);
  filter: brightness(1.14);
  transform: translateY(-2px);
}

.ctv-xp-wheel-page .xpw-header-command {
  position: relative;
  z-index: 3;
  display: grid;
  gap: 9px;
  width: 100%;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 17px;
  background: linear-gradient(145deg,rgba(17,7,11,.9),rgba(7,4,6,.92));
  box-shadow: 0 22px 55px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.ctv-xp-wheel-page .xpw-header-command .xpw-round-card {
  margin: 0;
  padding: 4px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
}

.ctv-xp-wheel-page .xpw-round-card header {
  align-items: flex-start;
  padding: 4px 4px 10px;
}

.ctv-xp-wheel-page .xpw-round-card header span {
  font-size: var(--xpw-type-micro);
}

.ctv-xp-wheel-page .xpw-round-card header b {
  margin-top: 5px;
  font-size: 21px;
}

.ctv-xp-wheel-page .xpw-round-card header small {
  display: block;
  margin-top: 5px;
  color: #8d7a82;
  font-size: var(--xpw-type-label);
}

.ctv-xp-wheel-page .xpw-live {
  min-height: 29px;
  padding: 8px 10px;
  border-color: rgba(89,221,168,.28);
  color: var(--xpw-green);
  font-size: var(--xpw-type-micro);
  font-style: normal;
}

.ctv-xp-wheel-page .xpw-live.is-paused,
.ctv-xp-wheel-page .xpw-live.is-drawing {
  border-color: rgba(242,195,79,.28);
  color: #f3cf74;
  background: rgba(242,195,79,.065);
}

.ctv-xp-wheel-page .xpw-live.is-closed {
  border-color: rgba(255,255,255,.1);
  color: #a9949c;
  background: rgba(255,255,255,.03);
}

.ctv-xp-wheel-page .xpw-countdown-block {
  padding: 10px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 11px;
  background: rgba(5,3,4,.56);
}

.ctv-xp-wheel-page .xpw-countdown-block > span,
.ctv-xp-wheel-page .xpw-countdown-block > small {
  display: block;
}

.ctv-xp-wheel-page .xpw-countdown-block > span {
  color: #9f8991;
  font-size: var(--xpw-type-micro);
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ctv-xp-wheel-page .xpw-countdown-block > small {
  margin-top: 8px;
  color: #a9979e;
  font-size: var(--xpw-type-label);
  text-align: center;
}

.ctv-xp-wheel-page .xpw-countdown {
  margin-top: 8px;
}

.ctv-xp-wheel-page .xpw-time {
  padding: 9px 5px;
}

.ctv-xp-wheel-page .xpw-time b {
  font-size: 21px;
}

.ctv-xp-wheel-page .xpw-time small {
  color: #9b878f;
  font-size: var(--xpw-type-micro);
}

.ctv-xp-wheel-page .xpw-round-stats {
  grid-template-columns: repeat(4,minmax(0,1fr));
  margin-top: 9px;
  border-radius: 10px;
}

.ctv-xp-wheel-page .xpw-round-stats span {
  min-width: 0;
  padding: 10px 7px;
  border-right: 1px solid rgba(255,255,255,.065);
  border-bottom: 0;
}

.ctv-xp-wheel-page .xpw-round-stats span:last-child {
  border-right: 0;
}

.ctv-xp-wheel-page .xpw-round-stats b {
  overflow: hidden;
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctv-xp-wheel-page .xpw-round-stats small {
  color: #97848b;
  font-size: var(--xpw-type-micro);
  line-height: 1.25;
}

.ctv-xp-wheel-page .xpw-section-nav {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 3px;
  padding: 4px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 11px;
  background: rgba(8,5,7,.8);
}

.ctv-xp-wheel-page .xpw-section-nav button {
  display: inline-flex;
  min-width: 0;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 7px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #9b868e;
  background: transparent;
  font: 800 var(--xpw-type-micro)/1 Inter,Arial,sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color .18s ease,color .18s ease,background .18s ease;
}

.ctv-xp-wheel-page .xpw-section-nav button span {
  color: #b39aa3;
  font-size: var(--xpw-type-micro);
}

.ctv-xp-wheel-page .xpw-section-nav button:hover {
  color: #fff;
  background: rgba(255,255,255,.025);
}

.ctv-xp-wheel-page .xpw-section-nav button.active {
  border-color: rgba(166,34,65,.58);
  color: #fff;
  background: linear-gradient(135deg,rgba(126,18,43,.72),rgba(61,8,19,.82));
  box-shadow: inset 0 1px rgba(255,255,255,.045),0 7px 18px rgba(48,3,14,.2);
}

.ctv-xp-wheel-page .xpw-section-nav button.active span {
  color: #ff9aad;
}

.ctv-xp-wheel-page .xpw-main {
  position: relative;
  z-index: 1;
  padding: 50px 0 100px;
}

.ctv-xp-wheel-page .xpw-page-panel {
  min-height: 420px;
}

.ctv-xp-wheel-page .xpw-section {
  margin-top: 58px;
}

.ctv-xp-wheel-page .xpw-page-panel > .xpw-section:first-child {
  margin-top: 0;
}

.ctv-xp-wheel-page .xpw-support-section {
  padding-top: 8px;
  border-top: 1px solid rgba(255,255,255,.045);
}

.ctv-xp-wheel-page .xpw-section-head {
  margin-bottom: 22px;
}

.ctv-xp-wheel-page .xpw-section-head h2 {
  margin-top: 9px;
  font-size: clamp(2.5rem,4vw,3.75rem);
}

.ctv-xp-wheel-page .xpw-section-head p {
  max-width: 600px;
  color: #b9a8af;
  font-size: var(--xpw-type-body);
  line-height: 1.65;
}

.ctv-xp-wheel-page .xpw-panel {
  border-color: rgba(255,255,255,.085);
  border-radius: 18px;
  background:
    radial-gradient(circle at 84% 0,rgba(145,15,48,.08),transparent 25rem),
    linear-gradient(145deg,rgba(23,10,15,.95),rgba(7,5,6,.97));
  box-shadow: 0 28px 80px rgba(0,0,0,.28);
}

.ctv-xp-wheel-page .xpw-entry-grid {
  grid-template-columns: minmax(0,1.18fr) minmax(350px,.82fr);
}

.ctv-xp-wheel-page .xpw-entry-main {
  padding: 30px;
}

.ctv-xp-wheel-page .xpw-user-state {
  grid-template-columns: 58px minmax(0,1fr) auto;
  padding: 16px;
}

.ctv-xp-wheel-page .xpw-user-state img {
  width: 58px;
  height: 58px;
}

.ctv-xp-wheel-page .xpw-user-state strong {
  font-size: 14px;
}

.ctv-xp-wheel-page .xpw-user-state small {
  color: #b6a5ac;
  font-size: var(--xpw-type-small);
}

.ctv-xp-wheel-page .xpw-balance b {
  font-size: 27px;
}

.ctv-xp-wheel-page .xpw-balance span {
  color: #9f8991;
  font-size: var(--xpw-type-micro);
  letter-spacing: .07em;
}

.ctv-xp-wheel-page .xpw-entry-ledger,
.ctv-xp-wheel-page .xpw-confirm-ledger {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 11px;
  background: rgba(0,0,0,.2);
}

.ctv-xp-wheel-page .xpw-entry-ledger > span,
.ctv-xp-wheel-page .xpw-confirm-ledger > span {
  min-width: 0;
  padding: 14px 11px;
  border-right: 1px solid rgba(255,255,255,.07);
}

.ctv-xp-wheel-page .xpw-entry-ledger > span:last-child,
.ctv-xp-wheel-page .xpw-confirm-ledger > span:last-child {
  border-right: 0;
}

.ctv-xp-wheel-page .xpw-entry-ledger small,
.ctv-xp-wheel-page .xpw-entry-ledger b,
.ctv-xp-wheel-page .xpw-confirm-ledger small,
.ctv-xp-wheel-page .xpw-confirm-ledger b {
  display: block;
}

.ctv-xp-wheel-page .xpw-entry-ledger small,
.ctv-xp-wheel-page .xpw-confirm-ledger small {
  color: #a08a92;
  font-size: var(--xpw-type-micro);
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.ctv-xp-wheel-page .xpw-entry-ledger b,
.ctv-xp-wheel-page .xpw-confirm-ledger b {
  margin-top: 7px;
  overflow: hidden;
  color: #fff;
  font: 900 20px/1.1 "Barlow Condensed",Impact,sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctv-xp-wheel-page .xpw-entry-ledger .xpw-cost,
.ctv-xp-wheel-page .xpw-confirm-ledger > span:nth-child(2) b {
  color: #ff7892;
}

.ctv-xp-wheel-page .xpw-entry-ledger .xpw-secured {
  color: #78e2b7;
}

.ctv-xp-wheel-page .xpw-entry-copy {
  margin: 23px 0 18px;
}

.ctv-xp-wheel-page .xpw-entry-copy h3 {
  font-size: 32px;
}

.ctv-xp-wheel-page .xpw-entry-copy p {
  max-width: 760px;
  color: #b9a8af;
  font-size: var(--xpw-type-body);
  line-height: 1.7;
}

.ctv-xp-wheel-page .xpw-button {
  min-height: 46px;
  border-radius: 9px;
  font-size: var(--xpw-type-small);
}

.ctv-xp-wheel-page .xpw-entry-button {
  min-width: 210px;
  min-height: 49px;
}

.ctv-xp-wheel-page .xpw-entry-note {
  max-width: 740px;
  margin-top: 13px;
  color: #a9979e;
  font-size: var(--xpw-type-small);
  line-height: 1.55;
}

.ctv-xp-wheel-page .xpw-entry-side {
  align-content: start;
  gap: 12px;
  padding: 30px;
}

.ctv-xp-wheel-page .xpw-entry-cost {
  padding: 20px;
  border-radius: 13px;
}

.ctv-xp-wheel-page .xpw-entry-cost small {
  font-size: var(--xpw-type-micro);
}

.ctv-xp-wheel-page .xpw-entry-cost strong {
  margin-top: 10px;
  font-size: 39px;
}

.ctv-xp-wheel-page .xpw-entry-cost span {
  color: #baa986;
  font-size: var(--xpw-type-small);
}

.ctv-xp-wheel-page .xpw-next-milestone {
  padding: 15px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 10px;
  background: rgba(255,255,255,.02);
}

.ctv-xp-wheel-page .xpw-next-milestone small,
.ctv-xp-wheel-page .xpw-next-milestone b {
  display: block;
}

.ctv-xp-wheel-page .xpw-next-milestone small {
  color: #d4aeb8;
  font-size: var(--xpw-type-micro);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ctv-xp-wheel-page .xpw-next-milestone b {
  margin-top: 7px;
  color: #ddd0d5;
  font-size: var(--xpw-type-small);
  line-height: 1.55;
}

.ctv-xp-wheel-page .xpw-guarantees span {
  min-height: 46px;
  padding: 11px;
  color: #c7b8be;
  font-size: var(--xpw-type-small);
  line-height: 1.4;
}

.ctv-xp-wheel-page .xpw-guarantees i {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

.ctv-xp-wheel-page .xpw-milestone-grid,
.ctv-xp-wheel-page .xpw-rewards,
.ctv-xp-wheel-page .xpw-participants,
.ctv-xp-wheel-page .xpw-results-scroll {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ctv-xp-wheel-page .xpw-milestone-grid {
  gap: 11px;
}

.ctv-xp-wheel-page .xpw-milestone {
  min-height: 166px;
  padding: 20px;
  border-radius: 14px;
  background: linear-gradient(145deg,rgba(24,11,16,.92),rgba(8,5,7,.96));
}

.ctv-xp-wheel-page .xpw-milestone.is-next {
  border-color: rgba(242,195,79,.34);
  background: linear-gradient(145deg,rgba(52,36,8,.28),rgba(8,5,7,.96));
  box-shadow: 0 18px 48px rgba(69,43,3,.15);
}

.ctv-xp-wheel-page .xpw-milestone b {
  color: #a9939b;
  font-size: var(--xpw-type-label);
}

.ctv-xp-wheel-page .xpw-milestone.is-next b,
.ctv-xp-wheel-page .xpw-milestone.is-next strong {
  color: #f2cf73;
}

.ctv-xp-wheel-page .xpw-milestone strong {
  margin-top: 13px;
  font-size: 28px;
}

.ctv-xp-wheel-page .xpw-milestone small {
  color: #b7a6ad;
  font-size: var(--xpw-type-small);
  line-height: 1.5;
}

.ctv-xp-wheel-page .xpw-milestone-track {
  height: 5px;
  margin-top: 17px;
}

.ctv-xp-wheel-page .xpw-chance-summary {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 9px;
  margin-bottom: 12px;
}

.ctv-xp-wheel-page .xpw-chance-summary > span {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  background: linear-gradient(145deg,rgba(22,10,15,.92),rgba(8,5,7,.96));
}

.ctv-xp-wheel-page .xpw-chance-summary small,
.ctv-xp-wheel-page .xpw-chance-summary b {
  display: block;
}

.ctv-xp-wheel-page .xpw-chance-summary small {
  color: #a28c94;
  font-size: var(--xpw-type-micro);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ctv-xp-wheel-page .xpw-chance-summary b {
  margin-top: 8px;
  color: #fff;
  font: 900 25px/1 "Barlow Condensed",Impact,sans-serif;
}

.ctv-xp-wheel-page .xpw-chance-summary .is-jackpot {
  border-color: rgba(242,195,79,.26);
  background: linear-gradient(145deg,rgba(70,47,8,.25),rgba(8,5,7,.96));
}

.ctv-xp-wheel-page .xpw-chance-summary .is-jackpot b {
  color: #f5d77f;
}

.ctv-xp-wheel-page .xpw-rewards {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  overflow: visible;
  border: 0;
  border-radius: 0;
}

.ctv-xp-wheel-page .xpw-reward {
  min-height: 125px;
  padding: 21px 14px 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 13px;
  background: linear-gradient(145deg,rgba(24,11,16,.94),rgba(8,5,7,.97));
}

.ctv-xp-wheel-page .xpw-reward::before {
  height: 4px;
  box-shadow: 0 0 20px var(--reward-color);
}

.ctv-xp-wheel-page .xpw-reward > small {
  color: #b29fa6;
  font-size: var(--xpw-type-micro);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ctv-xp-wheel-page .xpw-reward strong {
  margin-top: 14px;
  font-size: 31px;
}

.ctv-xp-wheel-page .xpw-reward strong em {
  color: #a9939b;
  font-size: var(--xpw-type-label);
  font-style: normal;
  letter-spacing: .06em;
}

.ctv-xp-wheel-page .xpw-reward > span {
  display: block;
  margin-top: 10px;
  color: #c8b8be;
  font-size: var(--xpw-type-small);
}

.ctv-xp-wheel-page .xpw-reward.is-jackpot {
  border-color: rgba(242,195,79,.3) !important;
  background: linear-gradient(145deg,rgba(65,43,7,.3),rgba(8,5,7,.97));
}

.ctv-xp-wheel-page .xpw-reward.is-jackpot strong {
  color: #f5d77f;
}

.ctv-xp-wheel-page .xpw-odds-note {
  margin: 13px 2px 0;
  color: #ad9ba2;
  font-size: var(--xpw-type-small);
  line-height: 1.6;
}

.ctv-xp-wheel-page .xpw-participants-panel {
  padding: 12px;
}

.ctv-xp-wheel-page .xpw-participants {
  grid-template-columns: repeat(3,minmax(0,1fr));
  max-height: 560px;
  overflow: auto;
  padding: 2px;
  scrollbar-width: thin;
  scrollbar-color: #762038 #0a0608;
}

.ctv-xp-wheel-page .xpw-participants > li {
  min-width: 0;
}

.ctv-xp-wheel-page .xpw-person {
  width: 100%;
  min-height: 66px;
  padding: 12px;
  border-radius: 11px;
  background: rgba(255,255,255,.02);
}

.ctv-xp-wheel-page .xpw-person img {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
}

.ctv-xp-wheel-page .xpw-person b {
  font-size: 13px;
}

.ctv-xp-wheel-page .xpw-person small {
  color: #a9949c;
  font-size: var(--xpw-type-label);
}

.ctv-xp-wheel-page .xpw-feed-note {
  margin: 10px 4px 2px;
  color: #a9959d;
  font-size: var(--xpw-type-small);
  line-height: 1.5;
}

.ctv-xp-wheel-page .xpw-empty {
  width: 100%;
  padding: 40px 24px;
  color: #b8a7ad;
  font-size: var(--xpw-type-body);
}

.ctv-xp-wheel-page .xpw-wheel-layout {
  grid-template-columns: minmax(410px,.92fr) minmax(0,1.08fr);
  min-height: 590px;
}

.ctv-xp-wheel-page .xpw-wheel-stage {
  --xpw-wheel-light-speed: .64s;
  isolation: isolate;
  align-content: center;
  min-height: 590px;
  padding: 40px 30px 30px;
  background:
    radial-gradient(circle,rgba(207,21,63,.17),transparent 45%),
    linear-gradient(145deg,rgba(19,8,13,.78),rgba(5,3,4,.92));
}

.ctv-xp-wheel-page .xpw-wheel-status {
  position: absolute;
  top: 22px;
  left: 50%;
  z-index: 12;
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  transform: translateX(-50%);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  color: #b9a8af;
  background: rgba(8,4,6,.84);
  box-shadow: 0 8px 20px rgba(0,0,0,.3);
  font-size: var(--xpw-type-label);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ctv-xp-wheel-page .xpw-wheel-status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--xpw-green);
  box-shadow: 0 0 10px rgba(89,221,168,.55);
}

.ctv-xp-wheel-page .xpw-wheel-fx {
  position: absolute;
  z-index: 12;
  top: 22px;
  right: 20px;
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  color: #8f7c84;
  background: rgba(8,4,6,.84);
  box-shadow: 0 8px 20px rgba(0,0,0,.3);
  font: 800 10px/1 Inter,Arial,sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .18s ease,color .18s ease,background .18s ease;
}

.ctv-xp-wheel-page .xpw-wheel-fx:hover,
.ctv-xp-wheel-page .xpw-wheel-fx:focus-visible {
  border-color: rgba(246,198,75,.5);
  color: #fff;
}

.ctv-xp-wheel-page .xpw-wheel-fx i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #64545b;
  box-shadow: 0 0 0 3px rgba(255,255,255,.025);
}

.ctv-xp-wheel-page .xpw-wheel-fx.is-active {
  border-color: rgba(246,198,75,.3);
  color: #f0d898;
  background: rgba(70,40,8,.28);
}

.ctv-xp-wheel-page .xpw-wheel-fx.is-active i {
  background: #f6c64b;
  box-shadow: 0 0 0 3px rgba(246,198,75,.1),0 0 10px rgba(246,198,75,.55);
}

.ctv-xp-wheel-page .xpw-wheel-glow {
  position: absolute;
  width: 455px;
  height: 455px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(255,45,87,.31),rgba(176,12,51,.11) 38%,transparent 69%);
  filter: blur(27px);
  animation: xpw-wheel-glow-pulse 4s ease-in-out infinite;
  pointer-events: none;
}

.ctv-xp-wheel-page .xpw-wheel-shell {
  position: relative;
  isolation: isolate;
  display: grid;
  width: min(420px,82vw);
  aspect-ratio: 1;
  padding: 10px;
  place-items: center;
  overflow: visible;
  border-radius: 50%;
  background: linear-gradient(145deg,#ffe09b 0,#8d5a10 4%,#2b1018 12%,#090406 43%,#4a1425 72%,#d39b31 96%,#fff0bd 100%);
  box-shadow: 0 0 0 2px rgba(255,231,167,.32),0 0 0 8px rgba(12,4,7,.96),0 0 0 10px rgba(255,194,67,.13),0 38px 100px rgba(0,0,0,.76),0 0 78px rgba(238,36,72,.2);
}

.ctv-xp-wheel-page .xpw-wheel-shell::before {
  content: "";
  position: absolute;
  inset: -14px;
  border: 2px solid rgba(246,198,75,.24);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(255,255,255,.018),0 0 0 9px rgba(0,0,0,.5),0 36px 100px rgba(0,0,0,.62),0 0 70px rgba(238,36,72,.15);
  pointer-events: none;
}

.ctv-xp-wheel-page .xpw-wheel-shell::after {
  content: "";
  position: absolute;
  inset: -5px;
  z-index: 3;
  border: 1px solid rgba(255,224,151,.38);
  border-radius: 50%;
  background: conic-gradient(from 0deg,rgba(255,240,190,.78),rgba(83,44,16,.86) 7%,rgba(229,177,75,.76) 14%,rgba(39,19,16,.9) 26%,rgba(255,225,147,.72) 39%,rgba(80,38,16,.88) 55%,rgba(220,158,52,.7) 73%,rgba(255,240,190,.78));
  box-shadow: inset 0 0 0 2px rgba(5,2,3,.88),inset 0 0 12px rgba(255,221,139,.24),0 0 0 2px rgba(7,3,5,.9);
  -webkit-mask: radial-gradient(circle,transparent 0 92%,#000 92.6% 100%);
  mask: radial-gradient(circle,transparent 0 92%,#000 92.6% 100%);
  pointer-events: none;
}

.ctv-xp-wheel-page .xpw-wheel-lights {
  position: absolute;
  z-index: 4;
  inset: -13px;
  border-radius: 50%;
  pointer-events: none;
}

.ctv-xp-wheel-page .xpw-wheel-light {
  position: absolute;
  inset: 0;
  transform: rotate(var(--xpw-light-angle));
}

.ctv-xp-wheel-page .xpw-wheel-light::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 50%;
  width: 8px;
  height: 8px;
  transform: translateX(-50%);
  border: 1px solid rgba(255,225,150,.72);
  border-radius: 50%;
  background: radial-gradient(circle at 36% 30%,#fff7cc 0 15%,#d49a2d 38%,#4d250b 72%);
  box-shadow: 0 0 0 2px rgba(8,3,5,.88),0 0 8px rgba(244,184,61,.25);
  opacity: .68;
}

.ctv-xp-wheel-page .xpw-pointer-mount {
  position: absolute;
  z-index: 8;
  top: -39px;
  left: 50%;
  width: 66px;
  height: 30px;
  transform: translateX(-50%);
  border: 2px solid rgba(255,230,166,.55);
  border-radius: 17px 17px 8px 8px;
  background: radial-gradient(circle at 50% 45%,#8c162f 0 21%,#350912 23% 34%,transparent 36%),linear-gradient(115deg,#4c2b13,#e4b253 25%,#fff0ae 48%,#925710 73%,#2a140a);
  box-shadow: inset 0 1px rgba(255,255,255,.35),0 8px 16px rgba(0,0,0,.62),0 0 16px rgba(246,198,75,.2);
  pointer-events: none;
}

.ctv-xp-wheel-page .xpw-wheel-pointer {
  position: absolute;
  z-index: 9;
  top: -33px;
  left: 50%;
  width: 58px;
  height: 76px;
  border: 0;
  background: none;
  clip-path: none;
  transform: translateX(-50%);
  transform-origin: 50% 14px;
  filter: drop-shadow(0 8px 13px rgba(0,0,0,.65));
  will-change: transform;
}

.ctv-xp-wheel-page .xpw-wheel-pointer::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(100deg,#6a390e 0,#f0c55e 24%,#fff5be 46%,#bd7c18 68%,#472008 100%);
  clip-path: polygon(50% 100%,9% 27%,22% 10%,78% 10%,91% 27%);
  filter: drop-shadow(0 3px 1px rgba(39,15,3,.55));
}

.ctv-xp-wheel-page .xpw-wheel-pointer::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 5px;
  left: 50%;
  width: 19px;
  height: 19px;
  transform: translateX(-50%) rotate(45deg);
  border: 2px solid rgba(255,245,205,.82);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%,#ff6e89,#a50932 48%,#390711 75%);
  box-shadow: inset 0 1px 3px rgba(255,255,255,.48),0 0 0 3px rgba(46,15,9,.72),0 0 14px rgba(238,36,72,.54);
}

.ctv-xp-wheel-page .xpw-pointer-spring {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 50%;
  width: 14px;
  height: 31px;
  transform: translateX(-50%);
  border-inline: 1px solid rgba(86,44,12,.75);
  border-radius: 5px;
  background: repeating-linear-gradient(180deg,#fff0b2 0 2px,#7d470f 2px 5px);
  box-shadow: 0 0 7px rgba(255,211,100,.35);
}

.ctv-xp-wheel-page .xpw-wheel-pointer.is-kicking {
  animation: xpw-mechanical-stopper .18s cubic-bezier(.2,.78,.28,1) both;
}

.ctv-xp-wheel-page .xpw-wheel-pointer.is-locking {
  animation: xpw-mechanical-lock .38s cubic-bezier(.2,.78,.28,1) both;
}

.ctv-xp-wheel-page .xpw-wheel {
  position: absolute;
  z-index: 2;
  inset: 10px;
  width: auto;
  max-width: none;
  overflow: visible;
  border: 4px solid #14070b;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(0,0,0,.15) 57%,rgba(255,255,255,.09) 59%,rgba(0,0,0,.17) 75%,transparent 76%),
    conic-gradient(from -22.5deg,#8d1037 0 45deg,#171015 45deg 90deg,#b41949 90deg 135deg,#291218 135deg 180deg,#da2655 180deg 225deg,#140a0e 225deg 270deg,#8b1038 270deg 315deg,#d39920 315deg 360deg);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.13),inset 0 0 0 9px rgba(4,2,3,.14),inset 0 0 50px rgba(0,0,0,.67),0 0 25px rgba(0,0,0,.62);
  transition: none !important;
  transform-origin: 50% 50%;
  will-change: transform;
}

.ctv-xp-wheel-page .xpw-wheel::before {
  content: "";
  position: absolute;
  inset: 20px;
  border-radius: 50%;
  background: repeating-conic-gradient(from -22.5deg,rgba(255,255,255,.16) 0 .7deg,transparent .7deg 45deg);
  pointer-events: none;
}

.ctv-xp-wheel-page .xpw-wheel::after {
  content: none;
}

.ctv-xp-wheel-page .xpw-wheel-pins {
  position: absolute;
  z-index: 5;
  inset: -1px;
  border-radius: 50%;
  pointer-events: none;
}

.ctv-xp-wheel-page .xpw-wheel-pin {
  position: absolute;
  inset: 0;
  transform: rotate(var(--xpw-pin-angle));
}

.ctv-xp-wheel-page .xpw-wheel-pin::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  width: 8px;
  height: 14px;
  transform: translateX(-50%);
  border: 1px solid rgba(255,236,184,.65);
  border-radius: 5px 5px 3px 3px;
  background: linear-gradient(90deg,#5c3411 0,#f6d27e 36%,#fff0b1 50%,#b7771c 78%,#3d1d09 100%);
  box-shadow: 0 2px 5px rgba(0,0,0,.75),0 0 0 1px rgba(5,2,3,.78);
  transition: filter .08s ease,box-shadow .08s ease;
}

.ctv-xp-wheel-page .xpw-wheel-pin.is-contact::before {
  border-color: #fff6cf;
  background: linear-gradient(90deg,#9c5e16,#fff7cc 42%,#fff 52%,#e0a134 82%,#5a2c08);
  box-shadow: 0 0 0 2px rgba(246,198,75,.28),0 0 18px rgba(255,213,98,.9);
  filter: brightness(1.25);
}

.ctv-xp-wheel-page .xpw-wheel-label {
  z-index: 4;
  width: 74px;
  margin-top: -18px;
  margin-left: -37px;
  padding: 6px 4px 5px;
  transform: rotate(var(--xpw-angle)) translateY(-158px) rotate(var(--xpw-angle-inverse));
  transform-origin: center;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 7px;
  color: #fff8fa;
  background: linear-gradient(180deg,rgba(5,3,4,.58),rgba(5,3,4,.3));
  box-shadow: inset 0 1px rgba(255,255,255,.07),0 4px 12px rgba(0,0,0,.28);
  font-size: 14px;
  text-shadow: 0 2px 6px #000,0 0 12px rgba(255,255,255,.18);
  transition: border-color .1s ease,background-color .1s ease,box-shadow .1s ease,filter .1s ease;
}

.ctv-xp-wheel-page .xpw-wheel-label b,
.ctv-xp-wheel-page .xpw-wheel-label small {
  display: block;
  margin-inline: auto;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.ctv-xp-wheel-page .xpw-wheel-label b {
  font-size: 14px;
}

.ctv-xp-wheel-page .xpw-wheel-label small {
  margin-top: 2px;
  color: #d8c9cf;
  font-size: 10px;
  letter-spacing: .08em;
}

.ctv-xp-wheel-page .xpw-wheel-label[data-big="true"] {
  border-color: rgba(255,222,126,.45);
  color: #ffe083;
  background: linear-gradient(180deg,rgba(108,65,5,.72),rgba(23,12,5,.6));
  box-shadow: inset 0 1px rgba(255,255,255,.16),0 0 17px rgba(255,192,49,.2);
}

.ctv-xp-wheel-page .xpw-wheel-label.is-under-pointer:not(.is-winner) {
  border-color: rgba(255,229,156,.66);
  color: #fff;
  background: linear-gradient(180deg,rgba(116,24,48,.82),rgba(20,7,11,.65));
  box-shadow: inset 0 1px rgba(255,255,255,.18),0 0 20px rgba(238,36,72,.42);
  filter: brightness(1.24);
}

.ctv-xp-wheel-page .xpw-wheel-label.is-winner {
  border-color: #fff2ad;
  color: #fff3b5;
  background: linear-gradient(180deg,#8b5b0d,#392006);
  box-shadow: 0 0 0 3px rgba(246,198,75,.2),0 0 34px rgba(246,198,75,.92);
  animation: xpw-winner-lock .88s ease-out both;
}

.ctv-xp-wheel-page .xpw-wheel-center {
  position: absolute;
  z-index: 6;
  inset: 50%;
  display: grid;
  width: 138px;
  height: 138px;
  place-content: center;
  transform: translate(-50%,-50%);
  border: 3px solid rgba(255,213,112,.67);
  border-radius: 50%;
  background: repeating-conic-gradient(from 4deg,rgba(255,214,122,.18) 0 5deg,transparent 5deg 12deg),radial-gradient(circle at 35% 28%,#761b34,#21080f 58%,#070304 80%);
  box-shadow: 0 0 0 6px rgba(5,2,4,.94),0 0 0 9px rgba(255,216,126,.2),0 18px 42px rgba(0,0,0,.78),0 0 34px rgba(238,36,72,.22);
  text-align: center;
  pointer-events: none;
}

.ctv-xp-wheel-page .xpw-wheel-center strong,
.ctv-xp-wheel-page .xpw-wheel-center small {
  display: block;
  text-transform: uppercase;
}

.ctv-xp-wheel-page .xpw-wheel-center strong {
  color: #fff;
  font: 900 34px/.8 "Barlow Condensed",Impact,sans-serif;
  letter-spacing: .04em;
  text-shadow: 0 3px 10px rgba(0,0,0,.65);
}

.ctv-xp-wheel-page .xpw-wheel-center small {
  margin-top: 8px;
  color: #f3d67e;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
}

.ctv-xp-wheel-page .xpw-wheel-stage:is(.is-accelerating,.is-cruising,.is-braking,.is-final) .xpw-wheel-light::before {
  animation: xpw-wheel-light-run var(--xpw-wheel-light-speed) ease-in-out infinite;
  animation-delay: var(--xpw-light-delay);
}

.ctv-xp-wheel-page .xpw-wheel-stage.is-accelerating { --xpw-wheel-light-speed: .72s; }
.ctv-xp-wheel-page .xpw-wheel-stage.is-cruising { --xpw-wheel-light-speed: .38s; }
.ctv-xp-wheel-page .xpw-wheel-stage.is-braking { --xpw-wheel-light-speed: .7s; }
.ctv-xp-wheel-page .xpw-wheel-stage.is-final { --xpw-wheel-light-speed: 1.05s; }

.ctv-xp-wheel-page .xpw-wheel-stage:is(.is-accelerating,.is-cruising,.is-braking,.is-final) .xpw-wheel {
  filter: saturate(1.14) brightness(1.04);
}

.ctv-xp-wheel-page .xpw-wheel-stage:is(.is-accelerating,.is-cruising,.is-braking,.is-final) .xpw-wheel-status {
  border-color: rgba(246,198,75,.32);
  color: #ffe08d;
}

.ctv-xp-wheel-page .xpw-wheel-stage:is(.is-accelerating,.is-cruising,.is-braking,.is-final) .xpw-wheel-status i {
  background: #f6c64b;
  box-shadow: 0 0 10px rgba(246,198,75,.55);
}

.ctv-xp-wheel-page .xpw-wheel-stage.is-final .xpw-wheel-glow {
  opacity: .86;
  filter: blur(24px) saturate(1.3);
}

.ctv-xp-wheel-page .xpw-wheel-stage.has-landed .xpw-wheel-light::before {
  animation: xpw-wheel-light-win .82s ease-out both;
}

.ctv-xp-wheel-page .xpw-wheel-stage.has-landed .xpw-wheel-shell {
  animation: xpw-wheel-lock .82s ease-out both;
}

.ctv-xp-wheel-page .xpw-wheel-stage.has-landed .xpw-wheel-glow {
  animation: xpw-wheel-win-glow 1s ease-out both;
}

.ctv-xp-wheel-page .xpw-wheel-stage.is-settled .xpw-wheel-status {
  border-color: rgba(246,198,75,.46);
  color: #fff0b4;
  box-shadow: 0 9px 24px rgba(0,0,0,.34),0 0 20px rgba(246,198,75,.14);
}

.ctv-xp-wheel-page .xpw-wheel-stage > p {
  position: absolute;
  right: 28px;
  bottom: 22px;
  left: 28px;
  margin: 0;
  color: #a8949c;
  font-size: var(--xpw-type-small);
  line-height: 1.55;
  text-align: center;
}

.ctv-xp-wheel-page .xpw-draw-console {
  padding: 31px;
}

.ctv-xp-wheel-page .xpw-draw-console header h3 {
  font-size: 34px;
}

.ctv-xp-wheel-page .xpw-draw-progress {
  color: #c6b5bb;
  font-size: var(--xpw-type-small);
}

.ctv-xp-wheel-page .xpw-draw-summary {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin-top: 17px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 10px;
  background: rgba(0,0,0,.18);
}

.ctv-xp-wheel-page .xpw-draw-summary > span {
  min-width: 0;
  padding: 12px;
  border-right: 1px solid rgba(255,255,255,.065);
}

.ctv-xp-wheel-page .xpw-draw-summary > span:last-child {
  border-right: 0;
}

.ctv-xp-wheel-page .xpw-draw-summary small,
.ctv-xp-wheel-page .xpw-draw-summary b {
  display: block;
}

.ctv-xp-wheel-page .xpw-draw-summary small {
  color: #9d8890;
  font-size: var(--xpw-type-micro);
  font-weight: 800;
  text-transform: uppercase;
}

.ctv-xp-wheel-page .xpw-draw-summary b {
  margin-top: 6px;
  font: 900 19px/1 "Barlow Condensed",Impact,sans-serif;
}

.ctv-xp-wheel-page .xpw-current-spin {
  min-height: 120px;
  margin-top: 13px;
}

.ctv-xp-wheel-page .xpw-current-spin small {
  font-size: var(--xpw-type-micro);
}

.ctv-xp-wheel-page .xpw-current-spin strong {
  font-size: 14px;
}

.ctv-xp-wheel-page .xpw-current-spin span {
  color: #b5a3aa;
  font-size: var(--xpw-type-small);
}

.ctv-xp-wheel-page .xpw-current-spin.is-revealed {
  border-color: rgba(242,195,79,.3);
  background: linear-gradient(135deg,rgba(242,195,79,.08),rgba(0,0,0,.2));
  box-shadow: 0 0 28px rgba(242,195,79,.08);
}

.ctv-xp-wheel-page .xpw-spin-prize {
  font-size: 37px;
}

.ctv-xp-wheel-page .xpw-draw-actions {
  gap: 7px;
}

.ctv-xp-wheel-page .xpw-draw-actions .xpw-button {
  min-height: 44px;
  padding-inline: 14px;
}

.ctv-xp-wheel-page .xpw-fx-button[aria-pressed="false"] {
  color: #927e86;
}

.ctv-xp-wheel-page .xpw-results-scroll {
  max-height: 250px;
}

.ctv-xp-wheel-page .xpw-result-row {
  grid-template-columns: 34px 40px minmax(0,1fr) auto;
  min-height: 61px;
  padding: 10px 13px;
}

.ctv-xp-wheel-page .xpw-result-row > em {
  color: #a38e96;
  font-size: var(--xpw-type-label);
}

.ctv-xp-wheel-page .xpw-result-row img {
  width: 40px;
  height: 40px;
}

.ctv-xp-wheel-page .xpw-result-row b {
  font-size: 13px;
}

.ctv-xp-wheel-page .xpw-result-row small {
  color: #a28d95;
  font-size: var(--xpw-type-micro);
}

.ctv-xp-wheel-page .xpw-result-row span {
  font-size: 16px;
}

.ctv-xp-wheel-page .xpw-result-row.is-hidden {
  opacity: .18;
  filter: blur(6px);
}

.ctv-xp-wheel-page .xpw-awaiting p {
  color: #b6a5ac;
  font-size: var(--xpw-type-body);
}

.ctv-xp-wheel-page .xpw-archive {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
}

.ctv-xp-wheel-page .xpw-archive a {
  min-width: 0;
  min-height: 132px;
  gap: 6px;
  padding: 18px;
  border-radius: 12px;
  background: linear-gradient(145deg,rgba(23,10,15,.92),rgba(7,5,6,.97));
}

.ctv-xp-wheel-page .xpw-archive a.is-active {
  border-color: rgba(242,195,79,.3);
  background: linear-gradient(145deg,rgba(62,42,8,.27),rgba(7,5,6,.97));
}

.ctv-xp-wheel-page .xpw-archive small {
  color: #c4a753;
  font-size: var(--xpw-type-micro);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ctv-xp-wheel-page .xpw-archive b {
  font-size: 15px;
}

.ctv-xp-wheel-page .xpw-archive span {
  color: #ae9ba3;
  font-size: var(--xpw-type-small);
}

.ctv-xp-wheel-page .xpw-archive strong {
  margin-top: auto;
  color: #78e2b7;
  font: 900 20px/1 "Barlow Condensed",Impact,sans-serif;
}

.ctv-xp-wheel-page :is(button,a,[tabindex]):focus-visible {
  outline: 3px solid #ff6785;
  outline-offset: 3px;
}

.ctv-xp-wheel-page .xpw-modal {
  align-items: center;
  padding: 22px;
  background:
    radial-gradient(circle at 72% 45%,rgba(238,36,72,.08),transparent 34rem),
    rgba(3,2,3,.66);
  -webkit-backdrop-filter: blur(8px) saturate(.75);
  backdrop-filter: blur(8px) saturate(.75);
}

.ctv-xp-wheel-page .xpw-modal-card {
  width: min(620px,100%);
  max-height: calc(100svh - 32px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 34px;
  border-color: rgba(238,36,72,.42);
  border-top: 3px solid #ee2448;
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% -5%,rgba(238,36,72,.22),transparent 40%),
    linear-gradient(150deg,#1b0a10,#080507 72%);
  box-shadow: 0 48px 150px rgba(0,0,0,.78),0 0 70px rgba(238,36,72,.14),inset 0 1px rgba(255,255,255,.035);
}

.ctv-xp-wheel-page .xpw-modal-badge {
  display: inline-flex;
  min-height: 29px;
  align-items: center;
  padding: 0 11px;
  border: 1px solid rgba(89,221,168,.28);
  border-radius: 999px;
  color: #86e8bf;
  background: rgba(89,221,168,.06);
  font-size: var(--xpw-type-micro);
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.ctv-xp-wheel-page .xpw-modal-card h2 {
  margin-top: 17px;
  font-size: clamp(2.75rem,8vw,4.25rem);
}

.ctv-xp-wheel-page .xpw-modal-card > p {
  max-width: 520px;
  color: #c5b4bb;
  font-size: var(--xpw-type-body);
  line-height: 1.65;
}

.ctv-xp-wheel-page .xpw-modal-close {
  top: 13px;
  right: 13px;
  width: 44px;
  height: 44px;
  border-radius: 11px;
  font-size: 1.45rem;
}

.ctv-xp-wheel-page .xpw-confirm-ledger {
  margin-top: 20px;
  border-color: rgba(238,36,72,.16);
}

.ctv-xp-wheel-page .xpw-confirm-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 9px;
}

.ctv-xp-wheel-page .xpw-confirm-facts > span {
  padding: 13px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 10px;
  background: rgba(0,0,0,.18);
}

.ctv-xp-wheel-page .xpw-confirm-facts small,
.ctv-xp-wheel-page .xpw-confirm-facts b {
  display: block;
}

.ctv-xp-wheel-page .xpw-confirm-facts small {
  color: #a08b93;
  font-size: var(--xpw-type-micro);
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.ctv-xp-wheel-page .xpw-confirm-facts b {
  margin-top: 7px;
  color: #f5e7ec;
  font: 900 19px/1.1 "Barlow Condensed",Impact,sans-serif;
}

.ctv-xp-wheel-page .xpw-modal-security {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px !important;
  color: #99b8ac !important;
  font-size: var(--xpw-type-small) !important;
  font-weight: 700;
}

.ctv-xp-wheel-page .xpw-modal-security i {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--xpw-green);
  box-shadow: 0 0 10px rgba(89,221,168,.55);
}

.ctv-xp-wheel-page .xpw-modal-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 18px;
}

.ctv-xp-wheel-page .xpw-modal-actions .xpw-button {
  width: 100%;
  min-height: 49px;
}

.ctv-xp-wheel-page .xpw-modal-message {
  min-height: 19px;
  color: #ff93a8;
  font-size: var(--xpw-type-small);
  line-height: 1.5;
}

.ctv-xp-wheel-page .xpw-toast {
  right: max(18px,env(safe-area-inset-right));
  bottom: max(18px,env(safe-area-inset-bottom));
  max-width: min(420px,calc(100vw - 36px));
  padding: 15px 17px;
  border-radius: 11px;
  font-size: var(--xpw-type-small);
  line-height: 1.5;
}

@keyframes xpw-mechanical-stopper {
  0% { transform: translateX(-50%) rotate(0); }
  42% { transform: translateX(-50%) rotate(var(--xpw-kick-angle,8deg)) translateY(1px); }
  72% { transform: translateX(-50%) rotate(-2.5deg); }
  100% { transform: translateX(-50%) rotate(0); }
}

@keyframes xpw-mechanical-lock {
  0% { transform: translateX(-50%) rotate(0); }
  28% { transform: translateX(-50%) rotate(14deg) translateY(2px); }
  54% { transform: translateX(-50%) rotate(-5deg); }
  76% { transform: translateX(-50%) rotate(2.5deg); }
  100% { transform: translateX(-50%) rotate(0); }
}

@keyframes xpw-wheel-light-run {
  0%,100% { opacity: .38; filter: brightness(.7); }
  35% { opacity: 1; filter: brightness(1.65); box-shadow: 0 0 0 2px rgba(8,3,5,.88),0 0 15px rgba(255,211,100,.9); }
}

@keyframes xpw-wheel-light-win {
  0% { opacity: .5; filter: brightness(.75); }
  35% { opacity: 1; filter: brightness(2); box-shadow: 0 0 0 2px rgba(8,3,5,.88),0 0 20px rgba(255,220,120,1); }
  100% { opacity: .86; filter: brightness(1.2); }
}

@keyframes xpw-winner-lock {
  0% { filter: brightness(1); }
  42% { filter: brightness(1.75); box-shadow: 0 0 0 5px rgba(246,198,75,.3),0 0 44px rgba(246,198,75,1); }
  100% { filter: brightness(1.24); }
}

@keyframes xpw-wheel-lock {
  0% { filter: brightness(1); }
  32% { filter: brightness(1.38) drop-shadow(0 0 22px rgba(246,198,75,.48)); }
  100% { filter: brightness(1); }
}

@keyframes xpw-wheel-win-glow {
  0% { opacity: .45; transform: scale(.9); }
  34% { opacity: 1; transform: scale(1.12); }
  100% { opacity: .7; transform: scale(1); }
}

@keyframes xpw-wheel-glow-pulse {
  50% { opacity: .55; transform: scale(1.08); }
}

@media(max-width:1050px) {
  .ctv-xp-wheel-page .xpw-title-showcase,
  .ctv-xp-wheel-page .xpw-title-showcase-inner.xpw-hero-grid {
    min-height: 0;
  }

  .ctv-xp-wheel-page .xpw-title-showcase-inner.xpw-hero-grid {
    grid-template-columns: 1fr;
    gap: 18px;
    padding-block: 28px;
  }

  .ctv-xp-wheel-page .xpw-title-copy {
    max-width: 790px;
  }

  .ctv-xp-wheel-page .xpw-entry-grid,
  .ctv-xp-wheel-page .xpw-wheel-layout {
    grid-template-columns: 1fr;
  }

  .ctv-xp-wheel-page .xpw-entry-main,
  .ctv-xp-wheel-page .xpw-wheel-stage {
    border-right: 0;
    border-bottom: 1px solid var(--xpw-line);
  }

  .ctv-xp-wheel-page .xpw-participants {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px) {
  .ctv-xp-wheel-page .xpw-shell,
  .ctv-xp-wheel-page .xpw-title-showcase-inner.xpw-hero-grid {
    width: min(calc(100% - 28px),1320px);
  }

  .ctv-xp-wheel-page .xpw-title-showcase-inner.xpw-hero-grid {
    gap: 15px;
    padding-block: 25px;
  }

  .ctv-xp-wheel-page .xpw-title-copy h1 {
    font-size: clamp(2.8rem,12vw,3.8rem);
  }

  .ctv-xp-wheel-page .xpw-header-command {
    padding: 7px;
    border-radius: 13px;
  }

  .ctv-xp-wheel-page .xpw-main {
    padding: 42px 0 72px;
  }

  .ctv-xp-wheel-page .xpw-section {
    margin-top: 48px;
  }

  .ctv-xp-wheel-page .xpw-section-head {
    display: block;
  }

  .ctv-xp-wheel-page .xpw-section-head p {
    margin-top: 12px;
  }

  .ctv-xp-wheel-page .xpw-entry-main,
  .ctv-xp-wheel-page .xpw-entry-side,
  .ctv-xp-wheel-page .xpw-draw-console {
    padding: 22px;
  }

  .ctv-xp-wheel-page .xpw-chance-summary,
  .ctv-xp-wheel-page .xpw-milestone-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .ctv-xp-wheel-page .xpw-rewards {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .ctv-xp-wheel-page .xpw-wheel-stage {
    min-height: 480px;
  }

  .ctv-xp-wheel-page .xpw-wheel-shell {
    width: min(345px,82vw);
  }

  .ctv-xp-wheel-page .xpw-wheel-glow {
    width: 385px;
    height: 385px;
  }

  .ctv-xp-wheel-page .xpw-wheel-label {
    transform: rotate(var(--xpw-angle)) translateY(-128px) rotate(var(--xpw-angle-inverse));
  }

  .ctv-xp-wheel-page .xpw-wheel-center {
    width: 118px;
    height: 118px;
  }

  .ctv-xp-wheel-page .xpw-pointer-mount {
    top: -35px;
    width: 59px;
    height: 27px;
  }

  .ctv-xp-wheel-page .xpw-wheel-pointer {
    top: -30px;
    width: 52px;
    height: 69px;
  }

  .ctv-xp-wheel-page .xpw-archive {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px) {
  .ctv-xp-wheel-page .xpw-modal {
    align-items: end;
    padding: 0;
    background: rgba(3,2,3,.58);
  }

  .ctv-xp-wheel-page .xpw-modal-card {
    width: 100%;
    max-height: min(91svh,780px);
    padding: 28px 18px calc(20px + env(safe-area-inset-bottom));
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 23px 23px 0 0;
  }

  .ctv-xp-wheel-page .xpw-modal-actions {
    grid-template-columns: 1fr;
  }

  .ctv-xp-wheel-page .xpw-modal-actions .primary {
    order: -1;
  }
}

@media(max-width:480px) {
  .ctv-xp-wheel-page .xpw-title-showcase-bg {
    background:
      linear-gradient(90deg,rgba(7,5,7,.96),rgba(7,5,7,.72)),
      linear-gradient(0deg,#070507 0%,transparent 58%),
      url("../header1.png") 58% center / cover no-repeat;
  }

  .ctv-xp-wheel-page .xpw-title-primary {
    width: 100%;
  }

  .ctv-xp-wheel-page .xpw-section-nav {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .ctv-xp-wheel-page .xpw-round-stats {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .ctv-xp-wheel-page .xpw-round-stats span:nth-child(2) {
    border-right: 0;
  }

  .ctv-xp-wheel-page .xpw-round-stats span:nth-child(-n+2) {
    border-bottom: 1px solid rgba(255,255,255,.065);
  }

  .ctv-xp-wheel-page .xpw-user-state {
    grid-template-columns: 50px minmax(0,1fr);
  }

  .ctv-xp-wheel-page .xpw-user-state img {
    width: 50px;
    height: 50px;
  }

  .ctv-xp-wheel-page .xpw-balance {
    grid-column: 1 / -1;
    padding-top: 11px;
    border-top: 1px solid rgba(255,255,255,.07);
    text-align: left;
  }

  .ctv-xp-wheel-page .xpw-entry-ledger > span,
  .ctv-xp-wheel-page .xpw-confirm-ledger > span {
    padding-inline: 7px;
  }

  .ctv-xp-wheel-page .xpw-entry-ledger b,
  .ctv-xp-wheel-page .xpw-confirm-ledger b {
    font-size: 17px;
  }

  .ctv-xp-wheel-page .xpw-entry-button {
    width: 100%;
  }

  .ctv-xp-wheel-page .xpw-milestone-grid,
  .ctv-xp-wheel-page .xpw-participants,
  .ctv-xp-wheel-page .xpw-archive {
    grid-template-columns: 1fr;
  }

  .ctv-xp-wheel-page .xpw-wheel-stage {
    min-height: 420px;
    padding: 50px 14px 58px;
  }

  .ctv-xp-wheel-page .xpw-wheel-status {
    top: 14px;
    left: 14px;
    transform: none;
  }

  .ctv-xp-wheel-page .xpw-wheel-fx {
    top: 14px;
    right: 14px;
  }

  .ctv-xp-wheel-page .xpw-wheel-shell {
    width: min(318px,82vw);
  }

  .ctv-xp-wheel-page .xpw-wheel-glow {
    width: 335px;
    height: 335px;
  }

  .ctv-xp-wheel-page .xpw-wheel-light::before {
    width: 7px;
    height: 7px;
  }

  .ctv-xp-wheel-page .xpw-wheel-pin::before {
    top: -4px;
    width: 6px;
    height: 10px;
  }

  .ctv-xp-wheel-page .xpw-wheel-label {
    width: 70px;
    margin-left: -35px;
    transform: rotate(var(--xpw-angle)) translateY(-112px) rotate(var(--xpw-angle-inverse));
    transform-origin: center;
  }

  .ctv-xp-wheel-page .xpw-wheel-label b {
    font-size: 12px;
  }

  .ctv-xp-wheel-page .xpw-wheel-center {
    width: 104px;
    height: 104px;
  }

  .ctv-xp-wheel-page .xpw-wheel-center strong {
    font-size: 28px;
  }

  .ctv-xp-wheel-page .xpw-pointer-mount {
    top: -31px;
    width: 53px;
    height: 24px;
  }

  .ctv-xp-wheel-page .xpw-wheel-pointer {
    top: -27px;
    width: 46px;
    height: 62px;
  }

  .ctv-xp-wheel-page .xpw-pointer-spring {
    top: 18px;
    width: 12px;
    height: 25px;
  }

  .ctv-xp-wheel-page .xpw-draw-console header {
    align-items: flex-start;
    flex-direction: column;
  }

  .ctv-xp-wheel-page .xpw-draw-progress {
    white-space: normal;
  }

  .ctv-xp-wheel-page .xpw-current-spin {
    grid-template-columns: 52px minmax(0,1fr);
  }

  .ctv-xp-wheel-page .xpw-spin-prize {
    grid-column: 1 / -1;
    text-align: left;
  }

  .ctv-xp-wheel-page .xpw-draw-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .ctv-xp-wheel-page .xpw-draw-actions .xpw-button {
    width: 100%;
  }

  .ctv-xp-wheel-page .xpw-result-row {
    grid-template-columns: 26px 36px minmax(0,1fr);
  }

  .ctv-xp-wheel-page .xpw-result-row img {
    width: 36px;
    height: 36px;
  }

  .ctv-xp-wheel-page .xpw-result-row > span {
    grid-column: 3;
    text-align: left;
  }

  .ctv-xp-wheel-page .xpw-confirm-facts {
    grid-template-columns: 1fr;
  }
}

@media(max-width:360px) {
  .ctv-xp-wheel-page .xpw-entry-ledger,
  .ctv-xp-wheel-page .xpw-confirm-ledger {
    grid-template-columns: 1fr;
  }

  .ctv-xp-wheel-page .xpw-entry-ledger > span,
  .ctv-xp-wheel-page .xpw-confirm-ledger > span {
    min-height: 0;
    padding: 12px;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
  }

  .ctv-xp-wheel-page .xpw-entry-ledger > span:last-child,
  .ctv-xp-wheel-page .xpw-confirm-ledger > span:last-child {
    border-bottom: 0;
  }

  .ctv-xp-wheel-page .xpw-entry-ledger b,
  .ctv-xp-wheel-page .xpw-confirm-ledger b {
    overflow: visible;
    font-size: 18px;
    text-overflow: clip;
    white-space: normal;
  }

  .ctv-xp-wheel-page .xpw-wheel-label {
    transform: rotate(var(--xpw-angle)) translateY(-98px) rotate(var(--xpw-angle-inverse));
  }

  .ctv-xp-wheel-page .xpw-wheel-label b {
    font-size: 11px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .ctv-xp-wheel-page *,
  .ctv-xp-wheel-page *::before,
  .ctv-xp-wheel-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  .ctv-xp-wheel-page .xpw-wheel-light::before,
  .ctv-xp-wheel-page .xpw-wheel-pointer,
  .ctv-xp-wheel-page .xpw-wheel-label.is-winner,
  .ctv-xp-wheel-page .xpw-wheel-stage.has-landed .xpw-wheel-shell,
  .ctv-xp-wheel-page .xpw-wheel-stage.has-landed .xpw-wheel-glow {
    animation: none !important;
  }
}

/* 2026-08-10: clearer weekly dashboard. Wheel geometry and animation stay unchanged. */
.ctv-xp-wheel-page .xpw-header-command {
  align-self: stretch;
}

.ctv-xp-wheel-page .xpw-header-command .xpw-round-card {
  height: 100%;
}

.ctv-xp-wheel-page .xpw-section-rail {
  position: sticky;
  top: 72px;
  z-index: 45;
  border-block: 1px solid rgba(255,255,255,.07);
  background: rgba(8,5,7,.88);
  box-shadow: 0 16px 40px rgba(0,0,0,.24);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.ctv-xp-wheel-page .xpw-section-nav-shell {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 68px;
}

.ctv-xp-wheel-page .xpw-section-rail .xpw-section-nav {
  grid-template-columns: repeat(4,minmax(120px,1fr));
  padding: 0;
  border: 0;
  background: transparent;
}

.ctv-xp-wheel-page .xpw-section-rail .xpw-section-nav button {
  min-height: 48px;
  justify-content: flex-start;
  padding-inline: 16px;
  border-color: rgba(255,255,255,.065);
  background: rgba(255,255,255,.018);
}

.ctv-xp-wheel-page .xpw-section-rail .xpw-section-nav button:hover {
  border-color: rgba(255,78,115,.3);
  background: rgba(255,255,255,.04);
}

.ctv-xp-wheel-page .xpw-section-rail .xpw-section-nav button.active {
  border-color: rgba(239,41,87,.6);
  background: linear-gradient(135deg,rgba(151,18,52,.82),rgba(67,7,21,.82));
}

.ctv-xp-wheel-page .xpw-copy-round {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 9px;
  color: #c9b7be;
  background: rgba(255,255,255,.025);
  font: 800 11px/1 Inter,Arial,sans-serif;
  letter-spacing: .045em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color .18s ease,color .18s ease,background .18s ease;
}

.ctv-xp-wheel-page .xpw-copy-round:hover {
  border-color: rgba(255,85,122,.4);
  color: #fff;
  background: rgba(151,18,52,.18);
}

.ctv-xp-wheel-page .xpw-main {
  padding-top: 44px;
}

.ctv-xp-wheel-page .xpw-entry-flow {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

.ctv-xp-wheel-page .xpw-entry-flow li {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  gap: 11px;
  align-items: start;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  background: linear-gradient(145deg,rgba(30,12,18,.74),rgba(9,6,7,.9));
}

.ctv-xp-wheel-page .xpw-entry-flow em {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(229,37,81,.38);
  border-radius: 9px;
  color: #ff7793;
  background: rgba(151,18,52,.15);
  font: 900 11px/1 Inter,Arial,sans-serif;
  font-style: normal;
}

.ctv-xp-wheel-page .xpw-entry-flow b,
.ctv-xp-wheel-page .xpw-entry-flow small {
  display: block;
}

.ctv-xp-wheel-page .xpw-entry-flow b {
  color: #f6eff2;
  font-size: 13px;
  line-height: 1.2;
}

.ctv-xp-wheel-page .xpw-entry-flow small {
  margin-top: 5px;
  color: #aa969e;
  font-size: 11px;
  line-height: 1.45;
}

.ctv-xp-wheel-page .xpw-participant-toolbar {
  display: grid;
  grid-template-columns: minmax(230px,1fr) minmax(180px,220px) auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 12px;
  padding: 6px 6px 14px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.ctv-xp-wheel-page .xpw-participant-search,
.ctv-xp-wheel-page .xpw-participant-sort {
  display: grid;
  gap: 6px;
}

.ctv-xp-wheel-page .xpw-participant-search > span,
.ctv-xp-wheel-page .xpw-participant-sort > span {
  color: #9f8991;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.ctv-xp-wheel-page .xpw-participant-search input,
.ctv-xp-wheel-page .xpw-participant-sort select {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 9px;
  outline: 0;
  color: #f7f0f3;
  background: rgba(7,5,6,.8);
  font: 700 13px/1 Inter,Arial,sans-serif;
}

.ctv-xp-wheel-page .xpw-participant-search input {
  padding: 0 14px;
}

.ctv-xp-wheel-page .xpw-participant-sort select {
  padding: 0 36px 0 13px;
}

.ctv-xp-wheel-page .xpw-participant-search input:focus,
.ctv-xp-wheel-page .xpw-participant-sort select:focus {
  border-color: rgba(255,76,115,.62);
  box-shadow: 0 0 0 3px rgba(207,21,63,.12);
}

.ctv-xp-wheel-page .xpw-participant-count {
  margin: 0 4px 13px;
  color: #bcaab1;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}

.ctv-xp-wheel-page .xpw-person {
  transition: border-color .18s ease,background .18s ease,transform .18s ease;
}

.ctv-xp-wheel-page a.xpw-person:hover {
  transform: translateY(-1px);
  border-color: rgba(255,72,112,.32);
  background: rgba(151,18,52,.1);
}

.ctv-xp-wheel-page .xpw-participant-empty[hidden] {
  display: none;
}

@media(max-width:900px) {
  .ctv-xp-wheel-page .xpw-section-nav-shell {
    display: block;
    padding-block: 9px;
  }

  .ctv-xp-wheel-page .xpw-copy-round {
    display: none;
  }

  .ctv-xp-wheel-page .xpw-entry-flow {
    grid-template-columns: 1fr;
  }

  .ctv-xp-wheel-page .xpw-participant-toolbar {
    grid-template-columns: minmax(0,1fr) minmax(160px,.55fr);
  }

  .ctv-xp-wheel-page .xpw-participant-count {
    grid-column: 1 / -1;
    margin: 0;
  }
}

@media(max-width:600px) {
  .ctv-xp-wheel-page .xpw-section-rail {
    top: 64px;
  }

  .ctv-xp-wheel-page .xpw-section-nav-shell {
    width: 100%;
    padding-inline: 12px;
  }

  .ctv-xp-wheel-page .xpw-section-rail .xpw-section-nav {
    display: flex;
    overflow-x: auto;
    gap: 7px;
    padding: 0 0 3px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .ctv-xp-wheel-page .xpw-section-rail .xpw-section-nav::-webkit-scrollbar {
    display: none;
  }

  .ctv-xp-wheel-page .xpw-section-rail .xpw-section-nav button {
    min-width: 128px;
    min-height: 46px;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .ctv-xp-wheel-page .xpw-entry-flow li {
    padding: 12px;
  }

  .ctv-xp-wheel-page .xpw-participant-toolbar {
    grid-template-columns: 1fr;
  }

  .ctv-xp-wheel-page .xpw-participant-count {
    grid-column: auto;
  }
}