.kw-overlay{--gold:#ffc51b;--ink:#0b1427;--blue:#4d6592}
.kw-overlay{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:18px;-webkit-backdrop-filter:blur(2.5px)}
.kw-modal{position:relative;max-height:96vh;overflow:auto;border-radius:25px;background:linear-gradient(135deg,rgba(23,38,68,.91),rgba(8,16,32,.91));border:1px solid rgba(255,197,27,.42);box-shadow:0 25px 80px #0009,0 0 45px rgba(255,197,27,.12);color:white;padding:22px;isolation:isolate}
.kw-ambient{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:-1}
.kw-orb{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(55px);opacity:.16;background:#5c82d1;animation:kwDrift 12s ease-in-out infinite alternate}
.kw-orb.o1{left:-160px;top:-130px}.kw-orb.o2{right:-170px;bottom:-190px;background:#ffc51b;animation-duration:16s;animation-direction:alternate-reverse}
.kw-star{position:absolute;color:var(--star,#ffc51b);opacity:.18;text-shadow:0 0 9px currentColor;animation:kwFloat var(--t) linear infinite;animation-delay:var(--d);font-size:var(--s)}
@keyframes kwDrift{to{transform:translate(110px,70px) scale(1.2)}} @keyframes kwFloat{0%{transform:translateY(80px) rotate(0);opacity:0}15%{opacity:.45}80%{opacity:.18}100%{transform:translateY(-620px) rotate(190deg);opacity:0}}
.kw-brand{text-align:center}.kw-brand img{max-width:330px;width:64%;height:auto;filter:drop-shadow(0 5px 12px #0005)}
.kw-tag{text-align:center;color:#d7deea;font-size:13px;margin:3px 0 14px}
.kw-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}
.kw-wheelbox{position:relative;width:min(470px,100%);aspect-ratio:1;margin:auto}
.kw-ring{position:absolute;inset:1%;border-radius:50%;background:#16233c;border:9px solid var(--gold);box-shadow:0 0 25px #ffc51b88,0 0 65px #ffc51b22;animation:kwRingBreath 2.5s ease-in-out infinite alternate}
@keyframes kwRingBreath{to{box-shadow:0 0 34px #ffc51bbb,0 0 80px #ffc51b35}}
.kw-bulbs{position:absolute;inset:2.5%;border-radius:50%;z-index:4;pointer-events:none}
.kw-bulbs i{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#fff2a5;box-shadow:0 0 7px #fff,0 0 12px #ffc51b;transform:rotate(calc(var(--i)*15deg)) translateY(-211px);transform-origin:0 0;animation:kwBulb .9s infinite alternate;animation-delay:calc(var(--i)*-.035s)}
@keyframes kwBulb{to{opacity:.35;transform:rotate(calc(var(--i)*15deg)) translateY(-211px) scale(.7)}}
.kw-wheel{position:absolute;inset:8%;border-radius:50%;overflow:hidden;border:4px solid #e3ac0d;background:conic-gradient(from -22.5deg,
#315aab 0 45deg,
#18a9d7 45deg 90deg,
#4168c2 90deg 135deg,
#6d42d8 135deg 180deg,
#8c3ed7 180deg 225deg,
#c735b5 225deg 270deg,
#f05a9b 270deg 315deg,
#ffc51b 315deg 360deg);box-shadow:inset 0 0 32px #0008;will-change:transform}
.kw-spoke{position:absolute;left:50%;top:50%;width:50%;height:1px;background:#ffc51b99;transform-origin:left center;transform:rotate(calc(var(--i)*45deg))}
.kw-prize{position:absolute;left:50%;top:50%;width:34%;height:42px;margin-top:-21px;transform-origin:0 50%;display:flex;justify-content:flex-end;align-items:center;padding-right:4px;font-weight:900;text-align:center;text-shadow:0 2px 5px #000c;font-size:18px}
.kw-prize span{min-width:68px}.kw-prize small{display:block;font-size:10px;letter-spacing:.08em;margin-top:2px}
.p0{transform:rotate(0deg) translateX(36%)} .p0 span{transform:rotate(0deg)}
.p1{transform:rotate(45deg) translateX(36%)} .p1 span{transform:rotate(-45deg)}
.p2{transform:rotate(90deg) translateX(36%)} .p2 span{transform:rotate(-90deg)}
.p3{transform:rotate(135deg) translateX(36%)} .p3 span{transform:rotate(-135deg)}
.p4{transform:rotate(180deg) translateX(36%)} .p4 span{transform:rotate(-180deg)}
.p5{transform:rotate(225deg) translateX(36%)} .p5 span{transform:rotate(-225deg)}
.p6{transform:rotate(270deg) translateX(36%)} .p6 span{transform:rotate(-270deg)}
.p7{transform:rotate(315deg) translateX(36%)} .p7 span{transform:rotate(-315deg)}
.kw-hub{position:absolute;inset:37%;z-index:7;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 38% 27%,#6b84b1,#3b5584 55%,#182743);border:5px solid var(--gold);box-shadow:0 0 18px #ffc51b99;font-weight:900;font-size:16px;line-height:1.05}
.kw-pointer{position:absolute;z-index:10;left:50%;top:1.7%;transform:translateX(-50%);width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-top:56px solid var(--gold);filter:drop-shadow(0 5px 5px #0009);transform-origin:50% 10%}
.kw-spinning .kw-pointer{animation:kwTick .16s ease-in-out infinite alternate}@keyframes kwTick{to{transform:translateX(-50%) rotate(7deg)}}
.kw-panel{background:rgba(5,12,27,.62);border:1px solid rgba(255,197,27,.4);border-radius:20px;padding:23px;box-shadow:inset 0 1px #ffffff0d}
.kw-gift{text-align:center;font-size:37px}.kw-panel h2{text-align:center;font-size:29px;line-height:1.04;margin:7px 0 12px}.kw-gold{color:var(--gold)}.kw-desc{text-align:center;color:#dce3ef;font-size:14px;line-height:1.5}
.kw-spin{position:relative;overflow:hidden;width:100%;min-height:57px;border:0;border-radius:14px;margin-top:18px;background:linear-gradient(#ffdb5c,#ffba00);color:#17233d;font-weight:900;font-size:17px;cursor:pointer;box-shadow:0 6px 0 #a87300,0 0 18px #ffc51b55;animation:kwCta 1.8s ease-in-out infinite alternate}
.kw-spin:after{content:"";position:absolute;top:-50%;left:-45%;width:35%;height:200%;background:#ffffff55;transform:rotate(22deg);animation:kwShine 3s infinite}
@keyframes kwCta{to{box-shadow:0 6px 0 #a87300,0 0 30px #ffc51b99}}@keyframes kwShine{0%,55%{left:-45%}100%{left:125%}}
.kw-spin:disabled{opacity:.75;cursor:wait}.kw-result{text-align:center;min-height:58px;margin-top:17px;font-weight:900}.kw-result strong{display:block;color:var(--gold);font-size:31px;margin-top:4px}.kw-note{text-align:center;color:#9daabe;font-size:11px;margin-top:10px}
.kw-confetti{position:absolute;inset:0;pointer-events:none;z-index:20;overflow:hidden}.kw-confetti i{position:absolute;left:50%;top:48%;opacity:0;color:#ffc51b;font-style:normal;font-size:24px}.win .kw-confetti i{animation:kwBoom 1.25s ease-out forwards;animation-delay:var(--d)}@keyframes kwBoom{0%{opacity:1;transform:translate(0,0) scale(.4) rotate(0)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1.3) rotate(250deg)}}
.kw-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#c9d2e2;font-size:25px;cursor:pointer;z-index:30}

.kw-kyoucoin{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:5px;border-radius:50%;
background:radial-gradient(circle at 32% 25%,#fff2a0 0 8%,#ffd84a 18%,#ffb600 55%,#d77c00 100%);
border:2px solid #ffe676;box-shadow:inset 0 0 0 2px #d98d00,0 2px 5px #0008,0 0 7px #ffc51b77;
color:#a96300;font-size:15px;font-weight:1000;font-style:normal;text-shadow:0 1px #fff09b}
.kw-jackpot span{filter:drop-shadow(0 0 7px #fff2a5);animation:kwJackpotGlow 1.1s ease-in-out infinite alternate}
@keyframes kwJackpotGlow{to{filter:drop-shadow(0 0 15px #ffd62e)}}
.kw-coinrain{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:22}
.kw-coinrain b{position:absolute;left:50%;top:48%;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
background:radial-gradient(circle at 30% 25%,#fff4a7,#ffd338 25%,#f5a800 62%,#c96f00);
border:2px solid #ffe879;box-shadow:inset 0 0 0 2px #d58b00,0 3px 8px #0007;color:#9b5900;
font-size:18px;opacity:0;transform-style:preserve-3d}
.win .kw-coinrain b{animation:kwCoinBurst 1.45s cubic-bezier(.15,.65,.25,1) forwards;animation-delay:var(--d)}
@keyframes kwCoinBurst{0%{opacity:1;transform:translate(0,0) rotateY(0) scale(.35)}
55%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotateY(720deg) rotateZ(160deg) scale(1)}}


.kw-eyebrow{text-align:center;color:#7fe4ff;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:3px;text-shadow:0 0 12px #13a9df88}
.kw-subcopy{display:inline-block;margin-top:5px;color:#b8c6da;font-size:12px}
.kw-trustline{text-align:center;color:#b9c8dc;font-size:11px;margin-top:12px;letter-spacing:.01em}
.kw-sound{position:absolute;right:50px;top:11px;width:34px;height:34px;border:1px solid #ffffff20;border-radius:50%;background:#07122688;color:white;cursor:pointer;z-index:30;backdrop-filter:blur(6px);transition:.2s}
.kw-sound:hover{transform:scale(1.06);border-color:#ffc51b88}
.kw-wheel{transition-property:transform;transform:translateZ(0);backface-visibility:hidden}
.kw-pointer{transition:transform .055s ease-out}
.kw-pointer.kw-kick{transform:translateX(-50%) rotate(10deg)}
.kw-spinning .kw-pointer{animation:none}
.kw-spin{transition:transform .16s ease,filter .16s ease}
.kw-spin:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}
.kw-jackpot span{filter:drop-shadow(0 0 7px #fff2a5);animation:kwJackpotGlow 1.1s ease-in-out infinite alternate}
.kw-jackpot .kw-kyoucoin{animation:coinPulse 1s ease-in-out infinite alternate}
@keyframes coinPulse{to{transform:scale(1.12);box-shadow:inset 0 0 0 2px #d98d00,0 2px 5px #0008,0 0 15px #ffd32e}}

@media(max-width:700px){.kw-modal{padding:15px}.kw-layout{grid-template-columns:1fr}.kw-wheelbox{width:min(400px,95%)}.kw-panel{padding:17px}.kw-gift{display:none}.kw-brand img{width:78%}.kw-bulbs i{display:none}.kw-prize{font-size:13px}.kw-panel h2{font-size:24px}}

.kw-overlay.is-open{display:grid}
.kw-modal{overflow:hidden}
.kw-note{display:none}