/* Site temasıyla uyumlu siyah, altın ve bordo VİP slot çarkı. */
.wheel-section{
  contain:layout paint;overflow:hidden;border-block-color:#5b4525;
  background:radial-gradient(circle at 76% 34%,#ef245122,transparent 27%),radial-gradient(circle at 64% 72%,#d9a93d1b,transparent 30%),linear-gradient(145deg,#121319,#08090d 72%);
}
.wheel-copy .eyebrow{color:#ff5578;text-shadow:0 0 10px #ef245152}
.wheel-sponsor-list>div{border-color:#553143;background:linear-gradient(145deg,#20151a,#111217 72%);box-shadow:inset 0 1px #ffffff0b}
.wheel-sponsor-list i{color:#edc96c}.wheel-sponsor-list small{color:#9a858c}
.wheel-stage{
  contain:layout paint style;isolation:isolate;border:2px solid #765b29;
  background:radial-gradient(circle at 50% 35%,#a7204033,transparent 31%),radial-gradient(circle at 50% 33%,#d7a83b15,transparent 53%),linear-gradient(180deg,#17141a,#08090d 84%);
  box-shadow:inset 0 0 0 1px #322117,inset 0 0 55px #000b,0 22px 46px #0008;
}
.wheel-stage:before{background:linear-gradient(90deg,#0009,transparent 28% 72%,#0009);pointer-events:none}
.wheel-title{
  min-width:230px;padding:12px 34px 16px;border:3px solid #e6c66c;
  background:linear-gradient(165deg,#b48a30,#5d172b 44%,#1a0d13);
  box-shadow:inset 0 0 0 3px #0c0d11,0 9px 20px #0009;filter:none;
}
.wheel-title:before{inset:4px;background:linear-gradient(180deg,#f7e09a,#997125 47%,#4d330d)}
.wheel-title:after{inset:8px;background:radial-gradient(circle at 35% 16%,#8b2942,#431321 57%,#170a10);box-shadow:inset 0 1px #ffafbd35}
.wheel-title small{color:#d9b8c0;font-size:6.5px;letter-spacing:2.3px}
.wheel-title b{color:#ffe18b;font-family:Georgia,"Times New Roman",serif;font-size:19px;letter-spacing:.8px;text-shadow:0 2px 2px #000}
.wheel-machine{
  width:calc(var(--wheel-size) + 88px);height:calc(var(--wheel-size) + 88px);border:14px solid #17181d;
  background:radial-gradient(circle,#4c1b28 0 8%,#26171d 31%,#101116 59%,#040507 71%);
  box-shadow:inset 0 0 0 4px #e4c46a,inset 0 0 0 10px #522032,inset 0 0 22px #000,0 24px 50px #000c;
}
.wheel-machine:before{
  inset:-19px;border:16px solid transparent;
  background:linear-gradient(#111217,#111217) padding-box,repeating-conic-gradient(from 7deg,#dbba61 0 3deg,#5d4012 3deg 7deg,#741c36 7deg 14deg,#250b14 14deg 21deg,#a67724 21deg 25deg,#17181d 25deg 30deg) border-box;
  background-size:auto;background-blend-mode:normal;-webkit-mask:none;mask:none;filter:none;
}
.wheel-machine:after{inset:8px;border:3px solid #e7c970;box-shadow:inset 0 0 9px #e63c6350,0 0 7px #d6b45b45;pointer-events:none}
.wheel-gem-ring{position:absolute;z-index:7;inset:0;border-radius:50%;pointer-events:none}
.wheel-gem-ring i{
  --gem-distance:calc(var(--wheel-size) * -.5 - 31px);position:absolute;left:50%;top:50%;width:18px;height:24px;
  transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateY(var(--gem-distance));
  clip-path:polygon(50% 0,88% 19%,100% 62%,50% 100%,0 62%,12% 19%);border:1px solid #ffd1db;
  background:linear-gradient(135deg,#ffe8ed 0 8%,#f34c70 9% 30%,#a00e32 31% 62%,#4d061a 63% 78%,#e6325b 79%);
  box-shadow:inset 2px 2px 2px #fff3f5c7,inset -2px -3px 3px #38000e,0 0 6px #ef28587a,0 2px 3px #000;
}
.wheel-gem-ring i:after{content:"";position:absolute;inset:4px 5px 7px;clip-path:inherit;background:#fff0f35c}
.wheel-gem-ring i:nth-child(3n){border-color:#fff0b8;background:linear-gradient(135deg,#fff4c9 0 8%,#f1cf70 9% 30%,#a9781e 31% 62%,#52350a 63% 78%,#e1b84f 79%);box-shadow:inset 2px 2px 2px #fffbe3c7,inset -2px -3px 3px #322000,0 0 5px #e4bd5b70,0 2px 3px #000}
.wheel-pointer{
  top:-12px;z-index:11;width:74px;height:112px;padding-bottom:38px;color:#fff0f3;
  background:linear-gradient(90deg,#352304,#c99d3e 23%,#f7dd8a 48%,#9a7122 74%,#2d1d04);filter:none;box-shadow:0 7px 12px #0009;
}
.wheel-pointer span{width:27px;height:31px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 43%,50% 100%,0 43%);background:linear-gradient(135deg,#ffe4e9,#ec3159 33%,#940d30 67%,#4e061b);color:#fff0f3;font-size:11px;text-shadow:0 1px 2px #480014;box-shadow:none}
.prize-wheel{
  transform:none;backface-visibility:visible;contain:layout paint style;border:10px solid #0d0e12;
  box-shadow:inset 0 0 0 3px #ebcc73,inset 0 0 0 9px #5b1b30,inset 0 0 28px #000c,0 0 0 3px #e8c76b,0 0 15px #ef24513a;
}
.prize-wheel:before{inset:5.5%;border:2px solid #efd17c9c;background:radial-gradient(circle,transparent 70%,#ef24510e);box-shadow:inset 0 0 15px #17050baa}
.prize-wheel:after{inset:3%;background:radial-gradient(circle at 34% 25%,#fff1c41c,transparent 19%),radial-gradient(circle,transparent 51%,#19070d48 78%,#0303059c);background-size:auto;background-blend-mode:normal;mix-blend-mode:normal;opacity:1;box-shadow:none}
.wheel-label{z-index:4;width:92px;gap:3px;text-shadow:0 2px 3px #120208}
.wheel-label:before{content:"◆";color:#f4d277;font-size:7px;line-height:1;filter:none}
.wheel-label b{color:#fff4ce;font-family:Georgia,"Times New Roman",serif;font-size:clamp(10px,1.2vw,14px);letter-spacing:.15px}
.wheel-label small{max-width:86px;color:#e0b9c3;font-size:6px;letter-spacing:.4px}
.wheel-hub{
  width:128px;height:128px;padding:12px 9px;flex-direction:row!important;gap:0;border:11px solid #0b0c10;
  background:radial-gradient(circle at 35% 24%,#ffe9a2,#bf9132 38%,#553607 73%);
  box-shadow:0 0 0 3px #f0ce75,0 0 0 8px #4b192a,0 0 14px #ed2c5650,inset 0 -8px 14px #2b1900;overflow:visible;
}
.wheel-hub:before{content:"";position:absolute;z-index:-1;inset:13px;border-radius:50%;clip-path:none;background:radial-gradient(circle at 37% 28%,#6b2336,#32101d 58%,#10070b);box-shadow:inset 0 0 0 2px #e6bd684f}
.wheel-hub .hub-card{
  position:relative;width:44px;height:62px;flex:0 0 44px;padding:0;border:2px solid #f0cf76;border-radius:7px;
  background:linear-gradient(145deg,#fff7da 0 5%,#393b42 6% 34%,#1d1f24 35% 76%,#0a0b0e 77%);
  box-shadow:inset 0 0 0 2px #fff0ac38,0 5px 8px #000a;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,"Times New Roman",serif;line-height:.84;
}
.wheel-hub .hub-card b{color:#ffe295!important;font-size:20px!important;text-shadow:0 2px 2px #000!important}
.wheel-hub .hub-card i{color:#fff0b7;font-size:24px;font-style:normal;text-shadow:0 2px 2px #000}
.wheel-hub .hub-card-ace{z-index:2;transform:translateX(4px) rotate(-13deg)}
.wheel-hub .hub-card-jack{z-index:1;transform:translateX(-4px) rotate(12deg);background:linear-gradient(145deg,#fff0f3 0 5%,#ae1739 6% 34%,#6f0b27 35% 76%,#340412 77%)}
.wheel-hub .hub-card-jack b,.wheel-hub .hub-card-jack i{color:#ffe5eb!important;text-shadow:0 2px 2px #3d0010!important}
.prize-wheel.is-spinning{filter:none}
.spin-button{min-width:232px;border:2px solid #efcc73;border-radius:7px;background:linear-gradient(180deg,#f03a61,#bd183e 57%,#711029);color:#fff3ce;text-shadow:0 1px 2px #4a0719;box-shadow:inset 0 1px #ffb7c7,0 10px 20px #0008;letter-spacing:.4px}
.spin-button:hover:not(:disabled){filter:brightness(1.1);box-shadow:inset 0 1px #ffd2dc,0 12px 23px #0009}
.wheel-result{border-color:#6d3545;background:linear-gradient(145deg,#21151a,#101116);box-shadow:inset 0 1px #ffffff10,0 10px 24px #0007}
.wheel-result>span{color:#f2c85f}.wheel-result a{border:1px solid #e9ca74;background:linear-gradient(180deg,#ed365e,#a71335);color:#fff4cc}
@media(max-width:760px){
  .wheel-stage{box-shadow:inset 0 0 35px #000b,0 14px 28px #0007}.wheel-title{min-width:190px;padding:10px 22px 14px}.wheel-title small{font-size:5.3px}.wheel-title b{font-size:15px}
  .wheel-machine{width:calc(var(--wheel-size) + 44px);height:calc(var(--wheel-size) + 44px);border-width:8px}.wheel-machine:before{inset:-11px}.wheel-machine:after{inset:5px;border-width:2px}
  .wheel-gem-ring i{--gem-distance:calc(var(--wheel-size) * -.5 - 16px);width:10px;height:14px;box-shadow:inset 1px 1px 1px #ffffffa8,inset -1px -2px 2px #33000d,0 0 3px #ef28586b}
  .wheel-pointer{top:-7px;width:48px;height:77px;padding-bottom:25px;box-shadow:0 4px 7px #0008}.wheel-pointer span{width:17px;height:20px;font-size:7px}
  .prize-wheel{border-width:7px;box-shadow:inset 0 0 0 2px #ebcc73,inset 0 0 0 6px #5b1b30,inset 0 0 18px #000b,0 0 0 2px #e8c76b}
  .wheel-label{width:58px}.wheel-label:before{font-size:5px}.wheel-label b{font-size:8px}.wheel-label small{max-width:56px;font-size:4.8px}
  .wheel-hub{width:86px;height:86px;padding:7px 4px;border-width:7px}.wheel-hub:before{inset:8px}.wheel-hub .hub-card{width:30px;height:43px;flex-basis:30px;border-width:1.5px;border-radius:5px}.wheel-hub .hub-card b{font-size:13px!important}.wheel-hub .hub-card i{font-size:17px}
  .wheel-hub .hub-card-ace{transform:translateX(3px) rotate(-12deg)}.wheel-hub .hub-card-jack{transform:translateX(-3px) rotate(11deg)}.spin-button{min-width:208px}
}
@media(max-width:390px){.wheel-title{min-width:178px}.wheel-title b{font-size:14px}.wheel-gem-ring i{--gem-distance:calc(var(--wheel-size) * -.5 - 14px);width:9px;height:13px}.wheel-label{width:50px}.wheel-label b{font-size:7px}.wheel-label small{font-size:4.4px}.wheel-hub{width:78px;height:78px}.wheel-hub .hub-card{width:27px;height:39px;flex-basis:27px}.wheel-hub .hub-card b{font-size:12px!important}.wheel-hub .hub-card i{font-size:15px}}
@media(prefers-reduced-motion:reduce){.prize-wheel{transition-duration:1.2s}}