/* ---- 🪙 Ulduz Slot v3 ---- */
#slotScreen{position:fixed; inset:0; z-index:8900; display:none;
  background:
    radial-gradient(90% 55% at 82% 8%, rgba(63,94,220,.30) 0%, transparent 60%),
    radial-gradient(75% 50% at 12% 32%, rgba(77,143,219,.22) 0%, transparent 55%),
    radial-gradient(60% 40% at 60% 80%, rgba(30,48,140,.25) 0%, transparent 60%),
    radial-gradient(130% 90% at 50% 0%, #101c55 0%, #070b1e 75%);
  flex-direction:column; padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));
  overflow-y:auto; overflow-x:hidden;
  scrollbar-width:none; -ms-overflow-style:none}
#slotScreen::-webkit-scrollbar{display:none; width:0; height:0}
#slotScreen.on{display:flex}
#slotScreen::before{content:""; position:fixed; inset:0; pointer-events:none;
  background-image:
    radial-gradient(1.6px 1.6px at 12% 22%, rgba(255,255,255,.8) 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 78% 12%, rgba(255,255,255,.7) 50%, transparent 51%),
    radial-gradient(1.8px 1.8px at 88% 42%, rgba(255,232,160,.8) 50%, transparent 51%),
    radial-gradient(1.1px 1.1px at 32% 55%, rgba(255,255,255,.6) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 62% 70%, rgba(200,210,255,.7) 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 22% 84%, rgba(255,255,255,.55) 50%, transparent 51%),
    radial-gradient(1.4px 1.4px at 50% 34%, rgba(255,255,255,.5) 50%, transparent 51%),
    radial-gradient(1.2px 1.2px at 94% 78%, rgba(255,232,160,.6) 50%, transparent 51%);
  will-change:opacity; animation:s9tw 5.5s ease-in-out infinite alternate}
@keyframes s9tw{from{opacity:.35}to{opacity:.85}}
.sl-top{display:flex; align-items:center; gap:10px; margin-bottom:10px}
.sl-back{background:linear-gradient(180deg,#243a8c,#141f52);
  border:1px solid rgba(242,183,34,.45);
  color:#ffd867; border-radius:11px; padding:9px 14px; font-size:14px;
  font-weight:700; cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
/* 🔊 səs səviyyəsi düyməsi - yuxarı panel (alt panel mərci sıxmasın) */
.sl-snd{width:40px; height:38px; flex-shrink:0; padding:0; font-size:17px;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  border-radius:11px; color:#ffd867;
  background:linear-gradient(180deg,#243a8c,#141f52);
  border:1px solid rgba(242,183,34,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.sl-snd.on{border-color:rgba(242,183,34,.5); background:rgba(242,183,34,.10)}
.sl-snd:active{transform:scale(.93)}
.sl-title{font-size:17px; font-weight:800; flex:1;
  background:linear-gradient(135deg,#f2b722,#ff8a3d);
  -webkit-background-clip:text; background-clip:text; color:transparent}
.sl-bal{font-size:14px; font-weight:800; color:#f2b722;
  background:rgba(242,183,34,.1); border:1px solid rgba(242,183,34,.3);
  border-radius:12px; padding:8px 12px}
.sl-frame{position:relative; border:2px solid #f2b722; border-radius:20px;
  padding:10px; background:linear-gradient(180deg,#0e1440,#0a0f30);
  box-shadow:0 0 0 1.5px rgba(255,223,142,.4) inset,
    0 0 32px rgba(242,183,34,.28), inset 0 0 30px rgba(0,0,0,.55)}
.sl-frame::before{content:""; position:absolute; inset:-3px; border-radius:22px;
  pointer-events:none;
  background:
    radial-gradient(circle at 11px 11px, #ffdf8e 3.2px, rgba(242,183,34,.55) 5px, transparent 7px) left top / 22px 22px no-repeat,
    radial-gradient(circle at 11px 11px, #ffdf8e 3.2px, rgba(242,183,34,.55) 5px, transparent 7px) right top / 22px 22px no-repeat,
    radial-gradient(circle at 11px 11px, #ffdf8e 3.2px, rgba(242,183,34,.55) 5px, transparent 7px) left bottom / 22px 22px no-repeat,
    radial-gradient(circle at 11px 11px, #ffdf8e 3.2px, rgba(242,183,34,.55) 5px, transparent 7px) right bottom / 22px 22px no-repeat}
.s9wrap{position:relative}
/* — orta cərgə vurğusu: dəyərli zolaq — */
.s9band{position:absolute; left:-4px; right:-4px;
  top:calc(33.333% + 1px); height:calc(33.333% - 2px);
  border:2px solid rgba(242,183,34,.85); border-radius:14px;
  pointer-events:none; z-index:2;
  box-shadow:0 0 16px rgba(242,183,34,.45), inset 0 0 18px rgba(242,183,34,.12);
  animation:s9bandGlow 1.8s ease-in-out infinite alternate}
@keyframes s9bandGlow{
  from{box-shadow:0 0 8px rgba(242,183,34,.3), inset 0 0 10px rgba(242,183,34,.08)}
  to{box-shadow:0 0 22px rgba(242,183,34,.65), inset 0 0 22px rgba(242,183,34,.18)}}
.s9band::before,.s9band::after{position:absolute; top:50%;
  transform:translateY(-50%); font-size:13px; color:#f2b722;
  text-shadow:0 0 8px rgba(242,183,34,.9)}
.s9band::before{content:"▶"; left:-3px}
.s9band::after{content:"◀"; right:-3px}
.s9cell.mid{background:linear-gradient(180deg,rgba(242,183,34,.10),
  rgba(242,183,34,.04)); border-color:rgba(242,183,34,.35)}
/* — Jackpot lövhələri: metalik plitələr — */
.s9jpbar{display:flex; gap:6px; margin-bottom:8px}
.s9jp{flex:1; text-align:center; border-radius:11px; padding:5px 4px 7px;
  border:1.5px solid #ffdf8e; position:relative; overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,0,.45), inset 0 1px 2px rgba(255,255,255,.35),
    inset 0 -3px 6px rgba(0,0,0,.3)}
.s9jp::after{content:""; position:absolute; inset:0;
  background:linear-gradient(115deg, transparent 42%,
    rgba(255,255,255,.28) 50%, transparent 58%);
  animation:s9shine 4.5s linear infinite; pointer-events:none}
.s9jp .l{font-size:9.5px; font-weight:900; letter-spacing:.9px;
  color:rgba(255,255,255,.92); text-shadow:0 1px 2px rgba(0,0,0,.5)}
.s9jp .v{font-size:13px; font-weight:900; margin-top:2px; color:#fff;
  font-variant-numeric:tabular-nums; text-shadow:0 1px 2px rgba(0,0,0,.6)}
.s9jp.grand{background:linear-gradient(180deg,#ffd968 0%,#f0a91c 55%,#c9820a 100%)}
.s9jp.grand .l,.s9jp.grand .v{color:#4d2e00; text-shadow:0 1px 0 rgba(255,255,255,.45)}
.s9jp.grand{animation:s9grandPulse 2s ease-in-out infinite alternate}
@keyframes s9grandPulse{from{box-shadow:0 2px 6px rgba(0,0,0,.45),
    0 0 8px rgba(242,183,34,.35)}
  to{box-shadow:0 2px 6px rgba(0,0,0,.45), 0 0 20px rgba(242,183,34,.75)}}
.s9jp.major{background:linear-gradient(180deg,#e05560 0%,#b31f2c 55%,#7c0e18 100%)}
.s9jp.minor{background:linear-gradient(180deg,#9a7bff 0%,#6a3fd4 55%,#46258f 100%)}
.s9jp.mini{background:linear-gradient(180deg,#5fa0e8 0%,#2f6cb8 55%,#1c4a85 100%)}
/* — sürətli mərc düymələri — */
.s9chips{display:none; gap:5px; margin-top:8px; overflow-x:auto;
  padding-bottom:2px; scrollbar-width:none}
.s9chips::-webkit-scrollbar{display:none}
.s9chip{flex:0 0 auto; min-width:52px; padding:8px 9px; border-radius:11px;
  border:1.5px solid rgba(255,255,255,.16); background:rgba(255,255,255,.05);
  color:#cfd3da; font-size:13px; font-weight:800; cursor:pointer;
  font-variant-numeric:tabular-nums}
.s9chip.on{background:linear-gradient(180deg,#ffd968,#e8a614);
  border-color:#ffdf8e; color:#4d2e00;
  box-shadow:0 0 12px rgba(242,183,34,.4), inset 0 1px 2px rgba(255,255,255,.5)}
/* — 3×3 şəbəkə — */
#s9grid{display:grid; grid-template-columns:repeat(3,1fr); gap:6px}
/* v12: nümunədəki kimi tünd göy xanalar + nazik qızıl ara xətlər */
.s9cell{aspect-ratio:1/1; position:relative; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg,#131b52 0%,#0c1237 100%);
  border:1px solid rgba(242,183,34,.28); overflow:hidden;
  box-shadow:inset 0 0 14px rgba(0,0,15,.5)}
.s9wm{position:absolute; left:14%; top:14%; width:72%; height:72%;
  display:block; color:#aab6ff; opacity:.09; pointer-events:none}
.s9sym{position:relative; z-index:1; width:88%; height:88%;
  display:flex; align-items:center; justify-content:center}
.s9cell.blur .s9sym{filter:blur(2.5px)}
.s9cell.stick{border-color:#e5484d;
  box-shadow:0 0 12px rgba(229,72,77,.5), inset 0 0 10px rgba(229,72,77,.15);
  animation:s9stick 1.4s ease infinite alternate}
@keyframes s9stick{from{box-shadow:0 0 6px rgba(229,72,77,.35)}
  to{box-shadow:0 0 16px rgba(229,72,77,.75)}}
.s9cell.lock{border-color:#f2b722; background:rgba(242,183,34,.07)}
.s9cell.hit{border-color:#f2b722; background:rgba(242,183,34,.16);
  animation:slHit .55s ease infinite alternate}
@keyframes slHit{from{box-shadow:0 0 4px rgba(242,183,34,.4)}
  to{box-shadow:0 0 18px rgba(242,183,34,.85)}}
.s9cell.land .s9coin{animation:s9drop .26s cubic-bezier(.3,1.25,.5,1);
  will-change:transform}
@keyframes s9drop{from{transform:translateY(-120%)}
  70%{transform:translateY(3%)} to{transform:translateY(0)}}
/* sikkə oturan an: xanada qısa işıq parıltısı (klassik "impact flash") */
.s9cell.land::after{content:""; position:absolute; inset:0; z-index:2;
  border-radius:12px; pointer-events:none;
  background:radial-gradient(circle, rgba(255,236,170,.55), transparent 65%);
  animation:s9landfx .32s ease-out forwards}
@keyframes s9landfx{from{opacity:1} to{opacity:0}}
/* — yuxarıdan aşağı reel axını (GPU-da, JS-siz fasiləsiz dövr) — */
.s9sym{transform:translateZ(0)}
.s9roll{position:absolute; inset:0; display:flex; flex-direction:column;
  will-change:transform}
.s9roll .rr{flex:0 0 100%; display:flex; align-items:center;
  justify-content:center; padding:6%}
/* lentdə 8 element var (4 unikal + təkrar). translateY %-i elementin ÖZ
   hündürlüyünə (1 xana) görədir: -400% = düz 4 xana = unikal hissənin tam
   uzunluğu → dövrün sonu ilə başlanğıcı piksel-piksel üst-üstə düşür,
   sıçrayış/titrəmə olmur - yağ kimi fasiləsiz axın */
/* v12: nümunə video kimi - daha sürətli axın + hərəkət bulanıqlığı.
   Blur yalnız .spin zamanı GPU filtridir, dayananda çəkilir. */
.s9cell.spin .s9roll{animation:s9fall .38s linear infinite;
  backface-visibility:hidden}
@keyframes s9fall{from{transform:translateY(-400%)}
  to{transform:translateY(0)}}
/* sütunlar arası faza fərqi - reellər mexaniki, təbii görünür */
.s9cell:nth-child(3n+2).spin .s9roll{animation-delay:-.17s}
.s9cell:nth-child(3n).spin .s9roll{animation-delay:-.34s}
/* reel pəncərəsi effekti: yuxarı/aşağı kölgə maskası (sikkələr
   pəncərəyə girib-çıxırmış kimi yumşaq itir) */
.s9cell.spin::before, .s9cell.spin::after{content:""; position:absolute;
  left:0; right:0; height:34%; z-index:2; pointer-events:none}
.s9cell.spin::before{top:0;
  background:linear-gradient(180deg, rgba(10,15,44,.94), transparent)}
.s9cell.spin::after{bottom:0;
  background:linear-gradient(0deg, rgba(10,15,44,.94), transparent)}
/* fırlanan sikkədə yüngül şaquli uzanma - sürət hissi */

/* fırlanma zamanı bahalı effektlər söndürülür - donma olmasın */
.s9cell.spin .sheen{display:none}
.s9cell.spin .s9coin{box-shadow:0 2px 5px rgba(0,0,0,.4)}
/* — Sikkələr (tam CSS, şəkil yoxdur) — */
/* — Sikkələr: öz SVG relyefimiz + HTML dəyər yazısı — */
.s9coin{width:100%; height:100%; border-radius:50%; position:relative;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  box-shadow:0 3px 8px rgba(0,0,0,.5), 0 0 14px rgba(242,183,34,.45)}
.s9coin>svg{position:absolute; inset:0; width:100%; height:100%;
  pointer-events:none}
.s9coin .sheen{position:absolute; inset:0; border-radius:50%;
  overflow:hidden; pointer-events:none}
.s9coin .sheen::after{content:""; position:absolute; inset:-35%;
  background:linear-gradient(115deg, transparent 40%,
    rgba(255,255,255,.4) 48%, rgba(255,255,255,.12) 54%, transparent 62%);
  animation:s9shine 3.4s linear infinite}
@keyframes s9shine{from{transform:translateX(-58%)}to{transform:translateX(58%)}}
.s9coin.red{box-shadow:0 3px 8px rgba(0,0,0,.5), 0 0 16px rgba(229,72,77,.6)}
.s9coin .cv{position:relative; z-index:1; font-size:clamp(15px,5.2vw,22px);
  font-weight:900; color:#5c3a00; line-height:1;
  text-shadow:0 1px 0 rgba(255,255,255,.6), 0 -1px 1px rgba(90,50,0,.45)}
.s9coin .cm{position:relative; z-index:1; font-size:9px; font-weight:800;
  color:#7a5200; line-height:1; margin-top:1px}
.s9coin.red .cv{color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.6)}
.s9coin.red .cm{color:#ffd9c4}
.s9coin .jl{position:relative; z-index:1; font-size:clamp(9.5px,3.2vw,12.5px);
  font-weight:900; letter-spacing:.4px; line-height:1; padding:2.5px 7px;
  border-radius:8px; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.55);
  box-shadow:0 1px 3px rgba(0,0,0,.4), inset 0 1px 2px rgba(255,255,255,.35)}
.s9coin.mini .jl{background:linear-gradient(180deg,#4d8fdb,#1c4d8f)}
.s9coin.minor .jl{background:linear-gradient(180deg,#9a7bff,#5a2ea6)}
.s9coin.major .jl{background:linear-gradient(180deg,#e5484d,#8f1016)}
.s9coin .ce{position:relative; z-index:1; font-size:clamp(20px,6.5vw,28px);
  font-weight:900; color:#fff; line-height:1;
  text-shadow:0 2px 3px rgba(0,0,0,.65)}
/* — Respin sayğacı + banner — */
.s9ctr{display:none; margin:8px auto 0; width:max-content; padding:5px 16px;
  border-radius:99px; border:1.5px solid #f2b722; color:#f2b722;
  background:rgba(242,183,34,.1); font-size:13px; font-weight:800}
.s9ctr.on{display:block}
.s9ctr b{font-size:15px}
#s9banner{position:fixed; inset:0; z-index:9400; display:none;
  align-items:center; justify-content:center; pointer-events:none;
  font-size:clamp(26px,9vw,44px); font-weight:900; text-align:center;
  color:#f2b722; text-shadow:0 0 24px rgba(242,183,34,.85), 0 3px 10px rgba(0,0,0,.6);
  background:rgba(13,14,18,.55)}
#s9banner.on{display:flex; animation:bwPop .4s cubic-bezier(.2,1.6,.4,1)}
#s9banner.grand{color:#ffe9a8; font-size:clamp(30px,11vw,54px)}
.sl-buy{width:100%; margin-top:8px; border:0; border-radius:14px;
  padding:12px; font-size:14px; font-weight:800; cursor:pointer;
  background:rgba(229,72,77,.14); color:#ff9297;
  border:1.5px solid rgba(229,72,77,.5)}
.sl-buy:disabled{opacity:.5}
/* — alt idarəetmə paneli — */
/* 🎬 spin çıxışı: oturmuş sikkə azca qalxır, sonra AŞAĞI DÜŞÜB xanadan
   çıxır - altında lent artıq axır (nümunə video effekti). .s9res lentdən
   sonra gəldiyi üçün üstündə görünür. */
.s9cell.out .s9res{animation:s9out .34s cubic-bezier(.5,0,.85,.6) forwards}
@keyframes s9out{0%{transform:none} 26%{transform:translateY(-13%)}
  100%{transform:translateY(140%)}}
/* — v12 idarə paneli: TƏK sıra, SPIN tam ortada, kənarları mərc pili və
   sürət düyməsi tutur - assimetriya yoxdur — */
.s9pill{display:flex; align-items:center; justify-content:center;
  width:58px; height:46px; flex-shrink:0;
  border-radius:11px; background:linear-gradient(180deg,#101a46,#0b1233);
  border:1px solid rgba(242,183,34,.5);
  box-shadow:inset 0 2px 6px rgba(0,0,10,.55)}
.s9pill b{font-size:15px; color:#ffd867; white-space:nowrap;
  text-shadow:0 1px 2px rgba(0,0,0,.6)}
/* grid: 3 bərabər xana | SPIN | 3 bərabər xana → SPIN HƏMİŞƏ tam ortada,
   ekran enindən asılı olmayaraq simmetrikdir */
.s9bar{display:grid; align-items:center;
  grid-template-columns:repeat(3,1fr) auto repeat(3,1fr);
  gap:6px; margin-top:10px}
.s9bar .s9ic, .s9bar .s9pill{width:auto; min-width:0}
.s9ic.big{height:52px; font-size:24px}
.s9ic.spd{font-size:11.5px; white-space:nowrap; padding:0 2px}
.s9ic{width:46px; height:46px; flex-shrink:0; border-radius:11px;
  background:linear-gradient(180deg,#243a8c 0%,#17245e 55%,#101a46 100%);
  border:1px solid rgba(242,183,34,.55); color:#ffd867; font-size:17px;
  cursor:pointer; display:flex; align-items:center; justify-content:center;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -3px 6px rgba(0,0,10,.45), 0 2px 6px rgba(0,0,0,.4)}
.s9ic:active{transform:scale(.94)}
.s9ic.on{border-color:#ffd867; color:#fff;
  background:linear-gradient(180deg,#3a54b8 0%,#22348a 60%,#17245e 100%);
  box-shadow:0 0 12px rgba(242,183,34,.4),
    inset 0 1px 0 rgba(255,255,255,.25)}
#s9speed{font-size:12.5px; width:52px}
.s9betbox{flex:1; display:flex; align-items:center; gap:4px; min-width:0;
  background:linear-gradient(180deg,#101a46,#0b1233);
  border:1px solid rgba(242,183,34,.5); border-radius:13px; padding:5px;
  box-shadow:inset 0 2px 6px rgba(0,0,10,.55)}
.s9betbox .sl-step{width:36px; height:36px; flex-shrink:0; border-radius:9px;
  background:linear-gradient(180deg,#243a8c,#141f52); color:#ffd867;
  border:1px solid rgba(242,183,34,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.s9betbox .sl-step:active{transform:scale(.92)}
.s9betbox .mid{flex:1; min-width:0}
.s9betbox .sl-betval{color:#ffd867; text-shadow:0 1px 2px rgba(0,0,0,.6)}
.s9spinbtn{width:78px; height:78px; flex-shrink:0; border-radius:17px;
  border:2px solid #ffdf8e; cursor:pointer; color:#ffd867; font-size:30px;
  position:relative;
  background:linear-gradient(180deg,#f0433c 0%,#c81e28 45%,#8f0f18 100%);
  box-shadow:0 0 22px rgba(229,72,77,.45),
    inset 0 2px 0 rgba(255,255,255,.35), inset 0 -6px 12px rgba(70,0,5,.6),
    0 4px 10px rgba(0,0,0,.5);
  display:flex; align-items:center; justify-content:center}
.s9spinbtn:active{transform:scale(.95)}
.s9spinbtn:disabled{filter:saturate(.75) brightness(.92)}
.s9spinbtn svg{width:36px; height:36px; display:block;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
/* fırlananda: ox fırlanır, sonra nümunədəki kimi ✋ görkəminə keçir */
.s9spinbtn.go svg{animation:s9rot .9s linear infinite}
.s9spinbtn.go::after{content:"✋"; position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center; font-size:32px;
  background:linear-gradient(180deg,#f0433c 0%,#c81e28 45%,#8f0f18 100%);
  border-radius:15px; opacity:0; animation:s9hand .18s ease-out .55s forwards}
@keyframes s9hand{to{opacity:1}}
@keyframes s9rot{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.s9paysbody{font-size:12.5px; color:#cfd3da; line-height:1.75; text-align:left}
.s9paysbody b{color:#f2b722}
.sl-winline{min-height:20px; text-align:center; font-size:14px;
  font-weight:800; color:#4cc38a; margin:8px 0 2px; padding:8px 10px;
  border-radius:12px; border:1px solid rgba(242,183,34,.3);
  background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.18))}
.sl-ctrl{display:flex; align-items:center; gap:8px; margin-top:10px}
.sl-betbox{flex:1; display:flex; align-items:center; gap:6px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
  border-radius:14px; padding:7px}
.sl-step{width:38px; height:38px; border-radius:10px; border:0; font-size:20px;
  font-weight:800; background:rgba(255,255,255,.09); color:#fff; cursor:pointer}
.sl-betval{flex:1; text-align:center; font-size:16px; font-weight:800; color:#fff}
.sl-betlbl{font-size:10.5px; color:#9aa0ab; text-align:center; margin-top:1px}
.sl-spin{width:100%; margin-top:10px; border:0; border-radius:16px;
  padding:15px; font-size:17px; font-weight:800; cursor:pointer;
  background:linear-gradient(135deg,#f2b722,#e08a1e); color:#2a1c00;
  box-shadow:0 4px 18px rgba(242,183,34,.35)}
.sl-spin:disabled{opacity:.55}
.sl-pays{margin-top:12px; font-size:11.5px; color:#9aa0ab; line-height:1.7;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07);
  border-radius:12px; padding:10px 12px}
.sl-bigwin{position:fixed; inset:0; z-index:9500; display:none;
  align-items:center; justify-content:center; background:rgba(0,0,0,.66)}
.sl-bigwin.on{display:flex}
.sl-bigwin .bw{background:linear-gradient(160deg,#241247,#160b30);
  border:3px solid #f2b722; border-radius:22px; padding:28px 34px;
  text-align:center; box-shadow:0 0 40px rgba(242,183,34,.5);
  animation:bwPop .35s cubic-bezier(.2,1.6,.4,1)}
@keyframes bwPop{from{transform:scale(.6); opacity:0}to{transform:scale(1); opacity:1}}
.sl-bigwin .bwt{font-size:16px; font-weight:800; color:#f2b722}
.sl-bigwin .bwa{font-size:34px; font-weight:900; color:#4cc38a; margin-top:6px}

/* ================= v6 əlavələri ================= */
/* ℹ️ qaydalar pəncərəsi slot ekranının ÜSTÜNDƏ görünsün (z-index düzəlişi) */
#s9payOv{position:fixed; inset:0; z-index:9600; display:none;
  align-items:center; justify-content:center; padding:20px;
  background:rgba(0,0,0,.62); overflow:auto}
#s9payOv.on{display:flex}
/* — Sirr qutuları (taxta, kilidli) — */
.s9box{width:100%; height:100%; position:relative; border-radius:14%;
  display:flex; align-items:flex-end; justify-content:center;
  box-shadow:0 3px 8px rgba(0,0,0,.5), 0 0 12px rgba(242,183,34,.4)}
.s9box>svg{position:absolute; inset:0; width:100%; height:100%;
  pointer-events:none}
.s9box .sheen{position:absolute; inset:0; border-radius:14%;
  overflow:hidden; pointer-events:none}
.s9box .sheen::after{content:""; position:absolute; inset:-35%;
  background:linear-gradient(115deg, transparent 40%,
    rgba(255,255,255,.34) 48%, rgba(255,255,255,.1) 54%, transparent 62%);
  animation:s9shine 3.4s linear infinite}
.s9box .bl{position:relative; z-index:1; margin-bottom:8%;
  font-size:clamp(8.5px,2.9vw,11.5px); font-weight:900; letter-spacing:.5px;
  line-height:1.15; text-align:center; color:#ffd968;
  text-shadow:0 1px 2px rgba(0,0,0,.85), 0 0 7px rgba(242,183,34,.55)}
.s9box.jm .bl{color:#d8ffc9}
.s9cell.land .s9box{animation:s9drop .26s cubic-bezier(.3,1.25,.5,1);
  will-change:transform}
/* — Manual respin: SPIN düyməsi nəbz vurur — */
.s9spinbtn.pulse{animation:s9pulseB .85s ease-in-out infinite alternate}
@keyframes s9pulseB{
  from{box-shadow:0 0 16px rgba(229,72,77,.45), inset 0 3px 9px rgba(255,255,255,.4)}
  to{box-shadow:0 0 38px rgba(255,170,60,.95), inset 0 3px 9px rgba(255,255,255,.4)}}
/* — Avtospin paneli — */
.s9auto{display:none; gap:5px; margin-top:8px}
.s9auto.on{display:flex}
.s9auto button{flex:1; padding:10px 0; border-radius:11px; cursor:pointer;
  border:1.5px solid rgba(255,255,255,.16); background:rgba(255,255,255,.05);
  color:#fff; font-size:13px; font-weight:800}
.s9auto button.stop{border-color:rgba(229,72,77,.55); color:#ff9297}
#s9auto.on{border-color:#4cc38a; color:#4cc38a;
  background:rgba(76,195,138,.1); font-size:12px}
/* — 🏆 Bonus finalı: şüalar + sikkə yağışı + say artımı — */
#s9winOv{position:fixed; inset:0; z-index:9550; display:none;
  align-items:center; justify-content:center; overflow:hidden;
  background:rgba(8,6,18,.78)}
#s9winOv.on{display:flex}
.s9rays{position:absolute; left:50%; top:50%; width:160vmax; height:160vmax;
  margin:-80vmax 0 0 -80vmax; border-radius:50%; opacity:.5;
  background:repeating-conic-gradient(rgba(242,183,34,.22) 0deg 9deg,
    transparent 9deg 24deg);
  animation:s9raysRot 10s linear infinite; will-change:transform}
@keyframes s9raysRot{to{transform:rotate(360deg)}}
#s9winOv.grand .s9rays{opacity:.75;
  background:repeating-conic-gradient(rgba(255,223,142,.3) 0deg 9deg,
    transparent 9deg 22deg)}
.s9winbox{position:relative; z-index:2; text-align:center; padding:20px;
  animation:s9popIn .45s cubic-bezier(.2,1.5,.4,1)}
@keyframes s9popIn{from{transform:scale(.45); opacity:0}
  to{transform:scale(1); opacity:1}}
.s9wint{font-size:clamp(20px,7vw,30px); font-weight:900; color:#ffd968;
  letter-spacing:.5px;
  text-shadow:0 0 20px rgba(242,183,34,.85), 0 2px 6px rgba(0,0,0,.6)}
#s9winOv.grand .s9wint{font-size:clamp(24px,8.5vw,38px); color:#ffe9a8}
.s9wina{font-size:clamp(40px,15vw,66px); font-weight:900; margin-top:6px;
  font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#fff3c4 0%,#f2b722 55%,#c9820a 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))}
.s9wins{margin-top:8px; color:#cfd3da; font-size:12.5px; opacity:.8}
.s9fcwrap{position:absolute; inset:0; z-index:1; pointer-events:none;
  overflow:hidden}
.s9fc{position:absolute; top:-14vh; will-change:transform;
  animation:s9rain linear forwards}
.s9fc svg{width:100%; height:100%; display:block}
@keyframes s9rain{to{transform:translateY(130vh) rotate(680deg)}}

/* ================= v7-8 əlavələri ================= */
/* — fırlanan lentin diskləri: ƏSL SİKKƏ görkəmi + ORTADA qiymət yazısı — */
.rc{width:88%; height:88%; border-radius:50%; position:relative;
  display:flex; flex-direction:column; align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 33% 28%, #ffedb0 0%, #f2c035 40%,
    #d99b16 70%, #9c6a08 100%);
  border:2px solid #b07708;
  box-shadow:inset 0 -4px 7px rgba(120,70,0,.45),
    inset 0 3px 5px rgba(255,255,255,.55), 0 2px 5px rgba(0,0,0,.4)}
.rc::before{content:""; position:absolute; inset:6%; border-radius:50%;
  border:2px dashed rgba(140,90,10,.5)}
.rc::after{content:""; position:absolute; inset:16%; border-radius:50%;
  border:1.5px solid rgba(140,90,10,.3);
  background:radial-gradient(ellipse at 35% 25%, rgba(255,255,255,.4) 0%,
    transparent 45%)}
.rc.r1{transform:scale(.9); filter:brightness(.93)}
.rc.r2{transform:scale(.96); filter:brightness(1.06)}
/* qiymət - oturmuş sikkənin .cv yazısı ilə EYNİ üslub */
.rc .rv{position:relative; z-index:1; font-size:clamp(14px,4.8vw,20px);
  font-weight:900; color:#5c3a00; line-height:1; white-space:nowrap;
  text-shadow:0 1px 0 rgba(255,255,255,.6), 0 -1px 1px rgba(90,50,0,.45)}
.rc .rm{position:relative; z-index:1; font-size:8.5px; font-weight:800;
  color:#7a5200; line-height:1; margin-top:1px}
/* qırmızı "sehrli sikkə" fırlananda da qırmızı görünsün */
.rc.rd{background:radial-gradient(circle at 33% 28%, #ffb9a6 0%, #ef5a4a 42%,
    #c1281a 72%, #6e1008 100%);
  border-color:#8a1a0e;
  box-shadow:inset 0 -4px 7px rgba(80,10,0,.5),
    inset 0 3px 5px rgba(255,255,255,.35), 0 2px 5px rgba(0,0,0,.4)}
.rc.rd::before{border-color:rgba(255,190,160,.4)}
.rc.rd::after{border-color:rgba(255,190,160,.25)}
.rc.rd .rv{color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.6)}
.rc.rd .rm{color:#ffd9c4}
/* jackpot etiketi - oturmuş sikkənin .jl nişanı ilə EYNİ üslub */
.rc .rl{position:relative; z-index:1; font-size:clamp(9px,3vw,12px);
  font-weight:900; letter-spacing:.4px; line-height:1; padding:2.5px 7px;
  border-radius:8px; color:#fff; white-space:nowrap;
  text-shadow:0 1px 2px rgba(0,0,0,.55);
  box-shadow:0 1px 3px rgba(0,0,0,.4), inset 0 1px 2px rgba(255,255,255,.35)}
.rc .rl.mini{background:linear-gradient(180deg,#4d8fdb,#1c4d8f)}
.rc .rl.minor{background:linear-gradient(180deg,#9a7bff,#5a2ea6)}
.rc .rl.major{background:linear-gradient(180deg,#e5484d,#8f1016)}
/* — gərginlik: orta cərgədə 2 sikkə hazırdır, 3-cü sütun "yanır" — */
.s9cell.antic{border-color:#ffdf8e;
  animation:s9antic .42s ease-in-out infinite alternate}
@keyframes s9antic{from{box-shadow:0 0 6px rgba(242,183,34,.4)}
  to{box-shadow:0 0 24px rgba(255,223,142,.95)}}
/* — kollektor səhnəsi: uçan sikkə, cəm nişanı, çarpan çarxı — */
.s9flyc{position:absolute; z-index:6; border-radius:50%; pointer-events:none;
  background:radial-gradient(circle at 33% 28%, #fff3c4, #f2b722 55%, #a06c06);
  box-shadow:0 0 10px rgba(242,183,34,.7), inset 0 -2px 4px rgba(120,70,0,.5);
  transition-property:transform,opacity;
  transition-timing-function:cubic-bezier(.3,.6,.35,1), ease;
  will-change:transform}
.s9cell.dim .s9coin{opacity:.35; transition:opacity .25s}
.s9sumb{position:absolute; left:50%; bottom:4px; transform:translateX(-50%);
  z-index:7; padding:3px 10px; border-radius:99px; font-size:12.5px;
  font-weight:900; color:#4d2e00; white-space:nowrap;
  background:linear-gradient(180deg,#ffd968,#e8a614);
  border:1.5px solid #ffdf8e; box-shadow:0 2px 8px rgba(0,0,0,.5)}
.s9sumb.big{font-size:14px}
.s9sumb.bump{animation:s9bump .3s cubic-bezier(.2,1.6,.4,1)}
@keyframes s9bump{from{transform:translateX(-50%) scale(1.45)}
  to{transform:translateX(-50%) scale(1)}}
.s9multov{position:absolute; left:50%; top:50%; z-index:8;
  transform:translate(-50%,-50%); min-width:88px; text-align:center;
  padding:12px 20px; border-radius:18px; font-size:30px; font-weight:900;
  color:#ffd968; background:rgba(20,10,40,.93); border:2px solid #f2b722;
  box-shadow:0 0 26px rgba(242,183,34,.55);
  font-variant-numeric:tabular-nums}
.s9multov.hitm{animation:s9mhit .5s cubic-bezier(.2,1.6,.4,1);
  color:#fff; border-color:#ffdf8e;
  box-shadow:0 0 44px rgba(242,183,34,.95)}
@keyframes s9mhit{from{transform:translate(-50%,-50%) scale(1.65)}
  to{transform:translate(-50%,-50%) scale(1)}}
/* — BONUS AL: yeni kart-düymə dizaynı — */
.sl-buy{width:100%; margin-top:8px; cursor:pointer; position:relative;
  display:flex; align-items:center; gap:12px; padding:10px 14px;
  border-radius:16px; overflow:hidden; text-align:left;
  background:linear-gradient(100deg,#3b1d6e 0%,#5a2ea6 45%,#8f1d3c 100%);
  border:1.5px solid #ffdf8e;
  box-shadow:0 3px 14px rgba(90,46,166,.45),
    inset 0 1px 2px rgba(255,255,255,.25)}
.sl-buy::after{content:""; position:absolute; inset:0;
  background:linear-gradient(115deg, transparent 40%,
    rgba(255,255,255,.22) 50%, transparent 60%);
  animation:s9shine 3.8s linear infinite; pointer-events:none}
.sl-buy:disabled{opacity:.5}
.sl-buy .bb-ic{width:40px; height:40px; flex-shrink:0; border-radius:12px;
  display:flex; align-items:center; justify-content:center; font-size:22px;
  background:linear-gradient(180deg,#ffd968,#e8a614);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.5), 0 2px 6px rgba(0,0,0,.4)}
.sl-buy .bb-tx{flex:1; display:flex; flex-direction:column; line-height:1.25}
.sl-buy .bb-tx b{font-size:14.5px; letter-spacing:.6px; color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.5)}
.sl-buy .bb-tx small{font-size:13px; font-weight:900; color:#ffd968}
.sl-buy .bb-go{font-size:16px; color:#ffd968; flex-shrink:0;
  animation:s9arrow 1.2s ease-in-out infinite alternate}
@keyframes s9arrow{from{transform:translateX(0)}to{transform:translateX(4px)}}
.sl-buy.arm{background:linear-gradient(100deg,#0d5c33 0%,#158a4a 55%,
  #0d5c33 100%)}

/* ===== 🧰 Qızıl sandıq (KOLLEKTOR) + lent qutuları ===== */
.s9coin.coll{ background: radial-gradient(circle at 50% 38%,
  rgba(255,210,90,.22), rgba(0,0,0,0) 68%); }
.s9coin.coll svg{ filter: drop-shadow(0 0 7px rgba(255,196,60,.6)); }
.s9coin.coll{ animation: s9chGlow 1.6s ease-in-out infinite alternate; }
@keyframes s9chGlow{
  from{ filter: brightness(1); }
  to  { filter: brightness(1.18); }
}
.rc.rb{ display:flex; align-items:center; justify-content:center; }
.rc.rb svg{ width:76%; height:76%;
  filter: drop-shadow(0 0 4px rgba(255,196,60,.5)); }

/* ===== 💳 Başlıqda depozit düyməsi + 🐢/🔁 şaquli sütun ===== */
.sl-dep{font-size:13px; font-weight:800; color:#4cc38a;
  background:rgba(76,195,138,.12); border:1px solid rgba(76,195,138,.4);
  border-radius:12px; padding:8px 11px; cursor:pointer; flex-shrink:0;
  white-space:nowrap}
.sl-dep:active{transform:scale(.95)}
.s9colbtns{display:flex; flex-direction:column; gap:5px; flex-shrink:0;
  justify-content:center}
.s9colbtns .s9ic.sm{width:52px; height:30px; border-radius:9px;
  font-size:13px}
#s9speed{width:52px}


/* ============ ⚡ v15: Android spin optimallaşdırması ============ */
/* Nəticə sikkəsi lentdən AYRI qatda - lent silinmir, gizlənir */
.s9res{position:absolute; inset:0; display:flex;
  align-items:center; justify-content:center}
/* Lentdəki sandıq/qutu emoji ilə - SVG rasterizasiya yükü yoxdur */
.rc.rb .re{font-size:clamp(18px,6.5vw,28px); line-height:1}


/* ============ ⚡ v16: lent daim GPU qatında (opacity ilə) ============ */
/* Lent həmişə DOM-dadır: animasiya PAUSED gözləyir, spin-də davam edir.
   display:none yoxdur - qat rasterizasiya olunmuş qalır, spin ani başlayır */
.s9roll{animation:s9fall .38s linear infinite;
  animation-play-state:paused; opacity:0}
.s9cell.spin .s9roll{animation-play-state:running; opacity:1}
.s9res{z-index:1}


/* ============ 🖼 v11: PNG simvol ikonları (static/img/s9/) ============ */
/* PNG SVG relyefin üstündə durur; yüklənməsə onerror onu gizlədir və
   köhnə SVG görünür. Dəyər/valyuta yazıları (z-index:1) PNG üstündədir. */
.s9coin .spng,.s9box .spng,.rc .spng,.s9fc .spng{
  position:absolute; inset:0; width:100%; height:100%; object-fit:contain;
  pointer-events:none; -webkit-user-drag:none; user-select:none; z-index:0}
/* PNG dövründə lent tokeninin CSS "sikkə relyefi" artıq lazım deyil -
   qutu/jackpot şəkilləri dairənin üstündə qəribə görünürdü */
.rc{background:none; border:0; box-shadow:none}
.rc::before,.rc::after{display:none}
.rc .rv,.rc .rm{z-index:1}
/* sirr/jackpot-sirr qutuları: kvadrat şəkil öz kölgəsini gətirir */
.s9box{box-shadow:none}
/* jackpot sikkəsində köhnə nişan yoxdur - şəkil özü yazılıdır */

/* — qaydalar pəncərəsi: ikonlu sıralar — */
.s9prow{display:flex; align-items:center; gap:9px; margin:9px 0;
  text-align:left}
.s9prow img{width:36px; height:36px; flex-shrink:0; object-fit:contain;
  -webkit-user-drag:none}
.s9prow .e{font-size:26px; flex-shrink:0; width:36px; text-align:center}
.s9prow span{flex:1}