/* KINGO ÖDÜL ÇARKI — AŞAMA 1 (tasarım) */
:root{--wgold:#f5b942;--wgold2:#ffd97a;--wnavy:#0b1220;--wnavy2:#131c2e;--wline:rgba(140,160,185,.18)}
.wteaser{position:relative;margin:18px auto;max-width:1100px;padding:0 16px}
.wteaser-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,#0d1526,#131c2e 60%,#1a1408);border:1px solid var(--wline);border-radius:18px;padding:26px 28px;box-shadow:0 10px 40px rgba(0,0,0,.45)}
.wteaser-card::after{content:"";position:absolute;right:-70px;top:50%;width:280px;height:280px;transform:translateY(-50%);border-radius:50%;background:conic-gradient(var(--wgold) 0 36deg,#16213a 36deg 72deg,var(--wgold2) 72deg 108deg,#101a30 108deg 144deg,var(--wgold) 144deg 180deg,#16213a 180deg 216deg,var(--wgold2) 216deg 252deg,#101a30 252deg 288deg,var(--wgold) 288deg 324deg,#16213a 324deg 360deg);opacity:.28;filter:blur(1px)}
.wteaser-txt{position:relative;z-index:2;flex:1}
.wteaser-kick{display:inline-block;font-size:11px;letter-spacing:2px;font-weight:800;color:var(--wgold);margin-bottom:8px}
.wteaser-amt{font-size:clamp(22px,4vw,40px);font-weight:900;line-height:1.05;color:#fff}
.wteaser-amt b{color:var(--wgold)}
.wteaser-sub{margin-top:8px;color:#c4cfdd;font-size:14px}
.wteaser-cta{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.wbtn{display:inline-block;background:linear-gradient(180deg,var(--wgold2),var(--wgold));color:#1a1206;font-weight:900;padding:13px 26px;border-radius:12px;text-decoration:none;border:0;cursor:pointer;font-size:15px;box-shadow:0 6px 20px rgba(245,185,66,.35)}
.wlink{color:#8fa0b8;font-size:12px;text-decoration:underline}
/* wheel section */
.wheel-sec{max-width:1100px;margin:0 auto;padding:10px 16px 40px;text-align:center}
.wheel-h{font-size:clamp(20px,3vw,30px);font-weight:900;color:#fff}
.wheel-h2{color:var(--wgold);font-weight:800;margin-top:4px;font-size:clamp(15px,2.4vw,20px)}
.wheel-h3{color:#8fa0b8;font-size:12px;letter-spacing:1px;margin-top:4px}
.wheel-wrap{position:relative;width:min(340px,86vw);margin:22px auto 8px;aspect-ratio:1}
.wheel-svg{width:100%;height:100%;display:block;transition:transform 5.4s cubic-bezier(.12,.6,.08,1)}
.wheel-ptr{position:absolute;top:-6px;left:50%;transform:translateX(-50%);z-index:5;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:22px solid var(--wgold);filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#22304d,#0b1220);border:2px solid var(--wgold);display:flex;align-items:center;justify-content:center;font-size:clamp(20px,6vw,34px)}
.wstate{margin:14px auto 0;font-size:13px;color:#9fe6a0;font-weight:700}
.wstate.cd{color:#ffb0b0}
.wdemo{font-size:11px;color:#7c8aa0;margin-top:6px;letter-spacing:1px}
/* locked bonus card */
.wlock{max-width:520px;margin:26px auto 0;background:linear-gradient(160deg,#101a30,#0d1526);border:1px solid var(--wline);border-radius:16px;padding:20px;text-align:left}
.wlock-t{font-size:11px;letter-spacing:1.5px;color:#8fa0b8}
.wlock-amt{font-size:clamp(24px,5vw,34px);font-weight:900;color:var(--wgold);margin:4px 0}
.wlock-badge{display:inline-block;background:#3a2a10;color:var(--wgold2);font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;letter-spacing:1px}
.wprog{height:12px;background:#0a1220;border-radius:8px;overflow:hidden;margin:14px 0 6px;border:1px solid var(--wline)}
.wprog i{display:block;height:100%;background:linear-gradient(90deg,var(--wgold),var(--wgold2));width:0}
.wprog-t{font-size:13px;color:#c4cfdd;font-weight:700}
.wlock-note{margin-top:10px;font-size:13px;color:#ffd97a;font-weight:700;line-height:1.4}
/* rules */
.wrules{max-width:640px;margin:30px auto 0;text-align:left;background:#0d1526;border:1px solid var(--wline);border-radius:14px;padding:18px 20px}
.wrules h3{color:#fff;font-size:14px;letter-spacing:1px;margin:0 0 10px}
.wrules li{color:#aebbd0;font-size:13px;margin:6px 0;line-height:1.5}
@media(max-width:640px){.wteaser-card{flex-direction:column;align-items:flex-start;padding:20px}.wteaser-card::after{right:-90px;opacity:.2}.wteaser-cta{align-self:stretch}.wbtn{width:100%;text-align:center}}

.wguest{display:flex;gap:14px}