/* 🔥 Rich Fruits (v75.60, Fire Rage qabığı) - 3×3, 17 xətt · idarə paneli SOF-un cilalı
   metalik dəsti ilə eyni (polad-şüşə düymələr, LCD steppers, metalik
   status plaketi, xrom halqalı START, şəkilli GAMBLE/AUTO) */
#rfScreen{position:fixed; inset:0; z-index:8900; display:none;
  flex-direction:column; overflow:hidden;
  padding:6px 0 calc(8px + env(safe-area-inset-bottom,0px));
  background:#2a0308;
  color:#e8eaed; font-family:inherit}
#rfScreen.on{display:flex}
/* v75.75: aşağı hissə (idarə bloku tərəfi) digər oyunlardakı kimi tünd
   qaraya keçir - fon plitəsinin (z-1 kətan) üstündə, məzmunun altında */
#rfScreen::after{content:""; position:absolute; left:0; right:0; bottom:0;
  height:60%; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%,
    rgba(0,0,0,.45) 28%, rgba(0,0,0,.82) 58%, rgba(3,1,2,.96) 100%)}
@media (min-width:700px){
  #rfScreen{width:520px; margin:0 auto;
    border-left:1px solid rgba(255,255,255,.09);
    border-right:1px solid rgba(255,255,255,.09);
    box-shadow:0 0 70px rgba(0,0,0,.75)}
}

/* — v75.36: alt bar (video) - Ev · i · Səs; yuxarı bar SİLİNDİ — */
.rfbot{display:flex; align-items:center; gap:10px; flex:none;
  margin-top:10px; padding:7px 12px 3px;
  background:linear-gradient(180deg, rgba(255,255,255,.03),
    rgba(0,0,0,.45));
  border-top:1px solid rgba(255,255,255,.07)}
.rfbot button{position:relative; border:0; background:none; padding:0;
  cursor:pointer; width:46px; height:52px;
  -webkit-tap-highlight-color:transparent}
  /* v75.40: ev düyməsi videodakı kimi dik formatlı yaşıl-neon lövhədir */
.rfbot button.rnd{width:44px; height:44px}
.rfbot .bg{position:absolute; inset:0; width:100%; height:100%;
  pointer-events:none}
.rfbot .ic{position:absolute; left:50%; top:50%; width:54%; height:54%;
  transform:translate(-50%,-50%); object-fit:contain;
  pointer-events:none}
.rfbot .sp{flex:1}
.rfbot button:active{transform:scale(.93)}
#rfSnd.mute .ic{filter:grayscale(1) brightness(.55)}

/* 💰 v75.20: JACKPOT zolağı - loqonun üstündə, nümunədəki qırmızı
   çalarda (tam qırmızı yox, FastLoto tonu), daim damla-damla artır */
#rfJpBar{flex:none; text-align:center; padding:3px 10px 2px;
  font-size:13.5px; font-weight:900; letter-spacing:1.6px;
  color:#e8202e; background:rgba(0,0,0,.55);
  border-top:1px solid rgba(232,32,46,.25);
  border-bottom:1px solid rgba(232,32,46,.25);
  text-shadow:0 0 8px rgba(232,32,46,.45), 0 1px 1px rgba(0,0,0,.8);
  font-variant-numeric:tabular-nums}
#rfJpBar b{font-weight:900}
#rfJpBar i{font-style:normal; font-size:.8em; opacity:.85}

/* loqo zolağı · v75.21: logobg-nin şəffaf kənarları (üst-alt 31%)
   neqativ marja ilə yığılır - JACKPOT→loqo→qab araları sıxlaşır */
#rfLogoBar{position:relative; flex:none; line-height:0; text-align:center;
  padding:4px 0 2px}
#rfLogoBar .lg{width:70%; height:auto; display:inline-block;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
  /* v75.28: loqo 50% kiçildildi (86%→43%) */

/* qab sahəsi */
/* v75.66: qab şaquli 13% uzadıldı (461→521) - şəkil height:100% ilə
   dartılır, reel/xətt/qutu koordinatları %-lə olduğu üçün birlikdə gedir */
#rfCaseWrap{position:relative; flex:none; width:97%; margin:8px auto 0;
  aspect-ratio:832/521; line-height:0}
/* v75.5: qab+ikonlar şaquli 12% böyüdü (6% yuxarı + 6% aşağı, mərkəz
   yerində) - case.webp-in öz şəffaf kənarları bunu udur */
#rfCaseBg{position:absolute; left:1%; top:1%; width:98%; height:98%;
  border-radius:6px; z-index:1}
/* 🍒 tam ekran fon plitəsi (background.png, pattern ilə kətana çəkilir) */
#rfBgCv{position:absolute; inset:0; width:100%; height:100%; z-index:-1;
  pointer-events:none}
/* 🔥 uduş alovu: aşağı-pikselli kətan. v75.6: ikonların ÖNÜNDƏ (z4 -
   reellərdən yuxarı) - alov ikonun alt hissəsində görünür, dilləri
   yuxarı çıxır, arxada gizlənmir */
#rfFireCv{position:absolute; left:0; top:0; width:100%; height:100%;
  z-index:4; pointer-events:none}
.rfReel{position:absolute; overflow:hidden; z-index:3;
  pointer-events:none}
/* v75.29 (iPhone donması): f7 kimi - yuvarlaq guşəli kəsim SİLİNDİ
   (hərəkətli məzmunun radius maskası iOS-da hər kadrda re-raster idi);
   fırlanarkən contain:strict - çarx öz qatında təcrid olunur */
.rfReel.spin{contain:strict}
/* v75.28b: dayanmış çarxda kənar sıra ikonları KƏSİLMƏSİN (scaleY
   böyüməsi üst/alt sırada reel sərhədinə ilişirdi) - duranda kəsim
   açılır, görünməz bufer tokenlər (1-ci və 5-ci) gizlədilir;
   fırlanarkən köhnə kəsim qalır (hərəkətdə hiss olunmur) */
/* v75.72: duranda yanlar YENƏ kəsilir (halo/nəbz ayırıcıya keçməsin),
   yalnız şaquli 2.5% (nəbz + halo) açıqdır - clip-path mənfi inset */
.rfReel:not(.spin){overflow:visible; clip-path:inset(-2.5% 0)}
/* v75.30: bufer sıralar DOM sırası ilə yox, .buf sinfi ilə tapılır
   (lent tokenləri dövr etdiyi üçün nth-child artıq etibarlı deyil) */
.rfReel:not(.spin) .tok.buf{visibility:hidden}
/* lent: 5 token (1 bufer yuxarıda + 3 görünən + 1 aşağıda) */
.rfBand{position:absolute; left:0; width:100%; top:-33.34%; height:166.7%;
  will-change:transform}
/* v75.66: simvol 30% böyüdü - reel konteyneri panel enindən 1% geniş
   (markup), token 98.6% (əvvəl 88% × 16.19% reel = 14.1% qab eni →
   indi 98.6% × 18.79% = 18.34%); hündürlükdə 13% uzanmış hüceyrəyə
   (163px@832) 153px simvol sığır, sıralar bir-birinə girmir */
.rfBand .tok{position:absolute; left:0.7%; width:98.6%; height:20%;
  display:flex; align-items:center; justify-content:center;
  }
/* v75.29: 15% böyümə transformsuz (əvvəlki scale hər tokenə əlavə
   kompozisiya qatı yaradırdı - iPhone donmasının 2-ci səbəbi).
   max-height 110% bağlayır, nisbət qorunur - hamısı eyni boyda */
.rfBand .tok img, .rfBand .tok canvas{width:99%; height:auto;
  max-height:110%;
  -webkit-user-drag:none; user-select:none; pointer-events:none}
/* v75.72: halo bitmapı 196px (148 + 2·24) - simvol sahəsi 18.34% qalsın
   deyə kətan 196/148 × 99% ≈ 131.1% (tok = 98.6% reel, reel 18.79% qab) */
#rfScreen.halo .rfBand .tok canvas{width:131.1%; max-height:none}
/* v75.6: fırlanma bulanıqlığı SİLİNDİ - digər oyunlarda olduğu kimi
   ikonlar fırlanarkən aydın qalır */
/* v75.5: qazanan ikon mərkəzi yerində yellənir - əvvəl saat
   istiqamətinə azca, sonra əksinə (TAKE basılana qədər) */
/* 🍒 v75.62: qazanan meyvə yellənmir - böyüyüb-kiçilir (digər
   oyunlardan bir az sürətli, .6s) */
.rfBand .tok .rock{animation:rfRock .6s ease-in-out infinite;
  transform-origin:50% 50%}
@keyframes rfRock{0%,100%{transform:scale(1)} 50%{transform:scale(1.13)}}
.rfReel.impact .tok img,
.rfReel.impact .tok canvas{animation:rfImp .3s cubic-bezier(.2,1.6,.4,1)}
@keyframes rfImp{0%{transform:translateY(-7%) scaleY(.94)}
  60%{transform:translateY(2%) scaleY(1.03)}100%{transform:none}}
#rfCaseImg{position:absolute; left:0; top:0; width:100%; height:100%;
  pointer-events:none; z-index:2}
/* xətt kvadratları */
/* v75.5: seçilməyən xətt qutusu solğun və RƏQƏMSİZ görünür */
/* v75.33: yanılı/sönülü halların ayrıca PNG-si var (linebox /
   linebox_off, markBadges çəkir) - köhnə opacity solğunluğu silindi */
/* v75.39: qutular slot addımından (6.4%) KİÇİK - aralarında videodakı
   kimi incə boşluq qalır (əvvəl 5.4% en > addım idi, bitişik görünürdü);
   mərkəzlər dəyişmir - xətt ucları yerindədir */
.rfLb{position:absolute; width:4.5%; aspect-ratio:1;
  transform:translate(-50%,-50%); pointer-events:none; z-index:5;
  display:flex; align-items:center; justify-content:center;
  color:transparent; font-weight:400;
  font-size:clamp(7px,2.1vw,11px);
  opacity:1; transition:opacity .2s}
/* v75.30: qutu şəkli fon deyil, canvas övladıdır (paket fallback-da
   eyni yerə <img> gəlir); rəqəm üstdə qalır */
.rfLb canvas, .rfLb img{position:absolute; inset:0;
  width:100%; height:100%}
.rfLb b{position:relative; font-weight:inherit}
/* v75.28: rəqəmlər incə, tünd sarı */
.rfLb.on{opacity:1; color:#c79a22; text-shadow:0 1px 2px rgba(0,0,0,.7)}
#rfLines{position:absolute; inset:0; width:100%; height:100%; z-index:6;
  pointer-events:none}
/* 💰 xətt uduş nişanı (f7badge üslubunda) */
.rfbadge{position:absolute; z-index:7; display:none; padding:2px 9px;
  border-radius:6px; background:#0d0510; border:2px solid #fff;
  font-weight:900; font-size:12px; color:#fff;
  font-variant-numeric:tabular-nums; transform:translateX(-50%);
  pointer-events:none}

/* — v75.41 (video): status = İNCƏ, TAM ENLİ metalik zolaq,
   tünd kursiv qalın yazı ("GAME OVER, PLACE YOUR BET" üslubu) — */
.rfstatus{width:100%; margin:12px 0 0; flex:none;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  height:24px; line-height:24px; box-sizing:border-box;
  padding:0 12px; border-radius:0; text-align:center;
  border-top:1px solid #060910; border-bottom:1px solid #060910;
  font-size:12.5px; font-weight:900; font-style:italic;
  letter-spacing:1.1px; color:#1a2433; text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
  background:linear-gradient(180deg,#e8edf3 0%,#b9c2ce 45%,
    #8e99a8 52%,#aeb8c5 88%,#77808e 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7),
    inset 0 -2px 3px rgba(0,0,0,.35), 0 2px 5px rgba(0,0,0,.5)}
.rfstatus:empty{visibility:hidden}

/* — CREDIT/WIN/BET lövhələri: yüngül metalik haşiyə — */
/* v75.67: panel artıq dibə yapışmır - status↔panel və START↔alt bar
   arasındakı boş yer .rfsp ilə 2:1 bölünür (START bir az yuxarı qalxır,
   baş barmağa yenə yaxındır); yer olmayanda spacer-lər 0-a enir */
.rfsp{flex:2 1 0; min-height:0}
.rfsp.b{flex:1 1 0}
.rfpanel{display:flex; gap:6px; flex:none; padding:0 10px;
  padding-top:12px}   /* 🍒 v75.61: panel + düymələr aşağıda qruplaşır (hot7 kimi) */
.rfpbox{flex:1; border:1px solid #05070c; border-radius:11px;
  padding:6px 8px; text-align:center;
  background:linear-gradient(180deg,#1c212c 0%,#12151e 15%,#0c0f16 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.12),
    inset 0 -1px 2px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.4)}
.rfpbox span{font-size:10px; color:#9aa0ab; letter-spacing:1.6px;
  font-weight:800;
  text-shadow:0 -1px 0 rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.06)}
.rfpbox b{display:block; font-size:16px; color:#fff; font-weight:900;
  font-variant-numeric:tabular-nums}
/* v75.41 (video): altdakı Azn sətri - CREDIT sarı, WIN yaşıl, BET mavi */
.rfpbox i{display:block; font-style:normal; font-size:9.5px;
  font-weight:700; color:#e3c34c; font-variant-numeric:tabular-nums}
.rfpbox.win b, .rfpbox.win i{color:#4cc38a}
.rfpbox.bet b, .rfpbox.bet i{color:#5aa7ff}

/* — LINES / BET-LINE: metalik panel + LCD + xrom düymələr — */
.rfsteppers{display:flex; gap:8px; margin-top:8px; flex:none;
  padding:0 10px}
.rfstep{flex:1; border-radius:11px; padding:7px 8px 8px;
  border:1px solid #05070c; text-align:center;
  background:linear-gradient(180deg,#3d4557 0%,#232936 12%,#181d28 85%,
    #2b3140 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.22),
    inset 0 -1px 2px rgba(0,0,0,.5), 0 3px 7px rgba(0,0,0,.45)}
.rfstep span{color:#c6cfdf; font-size:10px; letter-spacing:1.6px;
  font-weight:800;
  text-shadow:0 -1px 0 rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.08)}
.rfstep div{display:flex; align-items:center; gap:7px;
  justify-content:center; margin-top:5px}
/* dəyər: LCD göstərici */
.rfstep b{min-width:52px; padding:5px 8px; border-radius:7px;
  background:linear-gradient(180deg,#03040a,#0a0d16);
  border:1px solid #000; color:#7dffb0; font-size:16px;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 7px rgba(125,255,176,.55);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.85),
    inset 0 -1px 1px rgba(255,255,255,.06), 0 1px 0 rgba(255,255,255,.1)}
/* +/- : xrom düymələr */
.rfstep button{width:38px; height:32px; border-radius:8px; cursor:pointer;
  border:1px solid #10141d; color:#141a26; font-size:19px; font-weight:900;
  -webkit-tap-highlight-color:transparent;
  background:
    radial-gradient(120% 80% at 50% -12%, rgba(255,255,255,.9) 0%,
      rgba(255,255,255,.25) 48%, rgba(255,255,255,0) 65%),
    linear-gradient(180deg,#eef2f8 0%,#b6bfcd 46%,#8b95a6 54%,#a9b2c1 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.9),
    inset 0 -2px 3px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.55);
  text-shadow:0 1px 0 rgba(255,255,255,.5)}
.rfstep button:active{transform:translateY(1px);
  background:linear-gradient(180deg,#9aa3b2 0%,#b6bfcd 100%);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.4)}
.rfstep button:disabled{opacity:.45; filter:grayscale(.3)}

/* — idarəetmə cərgəsi — */
.rfctrl{display:flex; align-items:center; gap:5px; margin-top:22px;
  padding-bottom:8px;
  justify-content:center; flex:none; position:relative; z-index:70;
  padding:0 4px}   /* v75.35: 5 elementli sıra dar ekrana sığsın */
/* v75.33: START sahibin videosundakı kimi (FastLoto) - boz halqa fonu,
   parlaq ağ kürə, üstündə 4 statik yaşıl qövs; hamısı frpack canvas
   qatlarıdır (btn_ring/btn_ball/btn_arcs), mətn ən üstdə.
   Vəziyyətlər (startSkin): fırlanır=tünd kürə, TAKE=yaşıl közərmə. */
.rfstart{width:83px; height:83px; border-radius:50%; cursor:pointer;
  border:0; background:none; padding:0;
  color:#17221c; font-size:16px; font-weight:900; letter-spacing:.5px;
  -webkit-text-stroke:.45px currentColor;
  -webkit-tap-highlight-color:transparent;
  position:relative; z-index:2;
  text-shadow:0 1px 1px rgba(255,255,255,.5)}
.rfstart:disabled{opacity:.85}
.rfstart:active{transform:scale(.95)}
.rfstart.stop{color:#b9c6bf; text-shadow:0 1px 2px rgba(0,0,0,.65)}
.rfstart.take{color:#fff; text-shadow:0 1px 3px rgba(0,10,4,.7)}
.rfstartwrap{position:relative; display:flex; margin:0 14px 0 24px;
  align-items:center; justify-content:center}
/* qatlar: kətan 184px, kürə içində 112px → qat eni = düymə×(184/112) */
.rfstartwrap .sbly{position:absolute; left:50%; top:50%;
  width:164%; height:164%; transform:translate(-50%,-50%);
  pointer-events:none}
/* v75.34: yaşıl qövslər videodakı kimi saat istiqamətində fırlanır */
.rfstartwrap .sbarc, .rfab .sbarc{animation:rfArcR 5.2s linear infinite;
  will-change:transform}
/* AUTO-nun qövsləri kiçikdir, HƏMİŞƏ fırlanır (sahibin istəyi) */
.rfab .sbarc{width:150%; height:150%}
.rfab.on .sbly{filter:drop-shadow(0 0 8px rgba(60,220,120,.6))}
@keyframes rfArcR{from{transform:translate(-50%,-50%) rotate(0)}
  to{transform:translate(-50%,-50%) rotate(360deg)}}

/* — GAMBLE / AUTO: şəkil düymələr (SOF btnimg) — */
.rfside{cursor:pointer; position:relative;
  -webkit-tap-highlight-color:transparent}
.rfside.btnimg{background:none; border:0; box-shadow:none; padding:0;
  display:flex; align-items:center; justify-content:center}
.rfside.btnimg img, .rfside.btnimg canvas{width:100%; height:100%;
  object-fit:contain;
  display:block; pointer-events:none; -webkit-user-drag:none;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.55))}
#rfAuto.btnimg{flex:0 0 74px; height:74px}
#rfGamble.btnimg{flex:0 0 100px; height:58px}
.rfside.btnimg:disabled{opacity:.42; filter:grayscale(.65)}
.rfside.btnimg:active{transform:scale(.93)}
/* 💛 v75.17: uduşdan sonra GAMBLE közərir (həyəcan səsi ilə birgə) -
   TAKE basılana qədər; disabled tutqunluğu bu anda ləğv olunur */
.rfside.btnimg.gmbhot, .rfside.btnimg.gmbhot:disabled{
  opacity:1; filter:none}
.rfside.btnimg.gmbhot img, .rfside.btnimg.gmbhot canvas{
  animation:rfGmbP .7s ease-in-out infinite alternate}
@keyframes rfGmbP{
  from{filter:drop-shadow(0 0 4px rgba(255,190,60,.35))
    drop-shadow(0 3px 7px rgba(0,0,0,.55)); transform:scale(1)}
  to{filter:drop-shadow(0 0 15px rgba(255,205,75,.95))
    drop-shadow(0 3px 7px rgba(0,0,0,.55)); transform:scale(1.045)}}
/* AUTO aktivdirsə - yaşıl parıltı */
.rfside.btnimg.on img, .rfside.btnimg.on canvas{
  filter:drop-shadow(0 0 11px rgba(76,195,138,.95))
  drop-shadow(0 3px 7px rgba(0,0,0,.55))}
.rfside.btnimg.on{animation:rfautoP 1.1s ease-in-out infinite alternate}
@keyframes rfautoP{from{transform:scale(1)} to{transform:scale(1.05)}}
/* 🛑 v75.30 (ES7 stopmode): aktiv avtospində AUTO-nun mərkəzi STOP
   diskinə çevrilir (halqa dizaynı qalır) */
.rfside.btnimg.stopmode::after{content:"STOP"; position:absolute;
  inset:19%; z-index:1; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:900; letter-spacing:.5px; color:#fff;
  text-shadow:0 1px 1px rgba(0,0,0,.75);
  background:radial-gradient(circle at 35% 28%, #ff8f7e 0%,
    #d63a2c 52%, #7e150c 100%);
  border:1px solid #4a0d07;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.55),
    inset 0 -3px 5px rgba(0,0,0,.45), 0 0 11px rgba(255,70,50,.75)}
.rfside.btnimg.stopmode{animation:none}
.rfside.btnimg.stopmode img, .rfside.btnimg.stopmode canvas{
  filter:drop-shadow(0 0 10px rgba(255,80,60,.8))
  drop-shadow(0 3px 7px rgba(0,0,0,.55))}
/* AUTO düyməsində qalan spin sayı nişanı */
.rfautoN{position:absolute; right:-4px; top:-4px; z-index:2;
  display:none; align-items:center; justify-content:center;
  min-width:24px; height:22px; padding:0 6px; border-radius:99px;
  font-style:normal; font-size:12px; font-weight:900; color:#08240f;
  background:linear-gradient(180deg,#8af0b4,#4cc38a);
  border:1.5px solid #0d3a1e;
  box-shadow:0 2px 5px rgba(0,0,0,.5), 0 0 9px rgba(76,195,138,.6)}
.rfautoN.on{display:flex}

/* — AUTO seçim paneli: metalik popover (SOF üslubu) — */
.rfauto{position:absolute; right:8px; bottom:78px; display:none;
  gap:6px; padding:9px; border-radius:13px; z-index:9;
  border:1px solid #05070c;
  background:linear-gradient(180deg,#3d4557 0%,#232936 14%,#171c26 86%,
    #2b3140 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.22),
    inset 0 -1px 2px rgba(0,0,0,.5), 0 8px 22px rgba(0,0,0,.65)}
.rfauto.on{display:flex; animation:rfapUp .2s cubic-bezier(.2,1.2,.4,1)}
@keyframes rfapUp{from{opacity:0; transform:translateY(14px) scale(.97)}
  to{opacity:1; transform:translateY(0) scale(1)}}
/* AUTO düyməsinə işarə oxu */
.rfauto::after{content:""; position:absolute; right:34px; top:100%;
  border:8px solid transparent; border-top-color:#171c26}
/* panel düymələri: polad-şüşə */
.rfauto button{width:44px; height:40px; border-radius:9px; cursor:pointer;
  border:1px solid #0a0d15; color:#dbe6ff;
  font-size:13.5px; font-weight:900;
  text-shadow:0 1px 1px rgba(0,0,0,.8);
  background:
    radial-gradient(120% 85% at 50% -15%, rgba(255,255,255,.4) 0%,
      rgba(255,255,255,.07) 45%, rgba(255,255,255,0) 62%),
    linear-gradient(180deg,#4b5773 0%,#242c40 48%,#141a29 52%,#1b2234 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.4),
    inset 0 -2px 3px rgba(0,0,0,.55), 0 2px 4px rgba(0,0,0,.5)}
.rfauto button:active{transform:translateY(1px);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.6)}
.rfauto button.stop{color:#ff9d94;
  background:
    radial-gradient(120% 85% at 50% -15%, rgba(255,255,255,.35) 0%,
      rgba(255,255,255,.06) 45%, rgba(255,255,255,0) 62%),
    linear-gradient(180deg,#6e3440 0%,#40202a 48%,#2a1219 52%,#341a21 100%)}
/* — v75.35: alt sıra videodakı kimi - GAMBLE·AUTO·START·LINES·BET — */
.rfcard{position:relative; flex:none; width:57px; height:52px; border:0;
  background:none; padding:0 0 2px; cursor:pointer; z-index:1;
  display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:1px; color:#e6edf5;
  -webkit-tap-highlight-color:transparent}
.rfcard .cbg{position:absolute; inset:0; width:100%; height:100%;
  z-index:-1; pointer-events:none;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.rfcard span{font-size:8px; font-weight:800; letter-spacing:.7px;
  color:#9fb0c3; position:relative; white-space:nowrap}
.rfcard b{font-size:15px; font-weight:900; position:relative;
  font-variant-numeric:tabular-nums;
  text-shadow:0 1px 2px rgba(0,0,0,.8)}
.rfcard:disabled{opacity:.45; filter:grayscale(.5)}
.rfcard:active{transform:scale(.94)}
.rfcard.gmb{width:64px; margin-right:12px}
#rfBetBox{margin-left:4px}
.rfcard.gmb b{font-size:13px; letter-spacing:1.4px; color:#cdd9e4;
  text-shadow:0 -1px 1px rgba(0,0,0,.9), 0 1px 1px rgba(255,255,255,.12)}
.rfcard.gmb.gmbhot, .rfcard.gmb.gmbhot:disabled{opacity:1;
  filter:drop-shadow(0 0 10px rgba(255,205,75,.8));
  animation:rfGmbC .7s ease-in-out infinite alternate}
.rfcard.gmb.gmbhot b{color:#ffe9b0}
@keyframes rfGmbC{
  from{filter:drop-shadow(0 0 4px rgba(255,190,60,.35))}
  to{filter:drop-shadow(0 0 14px rgba(255,205,75,.95))}}
/* AUTO: START ilə eyni qat sistemi (halqa + üçbucaqlı kürə) */
.rfab{position:relative; flex:none; width:52px; height:52px; border:0;
  background:none; padding:0; cursor:pointer; border-radius:50%;
  -webkit-tap-highlight-color:transparent}
.rfab:active{transform:scale(.94)}
.rfab .sbly{position:absolute; left:50%; top:50%;
  width:187%; height:187%; transform:translate(-50%,-50%);
  pointer-events:none}
/* v75.39: tünd diskin üstündə boz-yaşılımtıl ağ AUTO yazısı */
.rfab u{position:absolute; left:50%; top:48%;
  transform:translate(-50%,-50%); text-decoration:none;
  font-size:10px; font-weight:900; letter-spacing:.5px;
  color:#cfe4d6; text-shadow:0 0 6px rgba(120,255,190,.45),
    0 1px 2px rgba(0,0,0,.8);
  z-index:1; pointer-events:none}
#rfMsg{min-height:14px; text-align:center; font-size:12px; color:#ff8a8a;
  flex:none; padding:2px 8px}

/* — alçaq ekran uyğunluğu (SOF ilə eyni pillələr) — */
@media (max-height: 730px){
  .rfab{width:46px; height:46px}
  .rfcard{width:52px; height:47px}
  .rfcard.gmb{width:58px}
  .rfstart{width:70px; height:70px; font-size:14.5px}
  .rfstep button{width:34px; height:28px; font-size:17px}
  .rfstep b{font-size:14.5px; padding:4px 7px}
  .rfstatus{padding:0 10px; font-size:11.5px; height:21px; line-height:21px}
  .rfauto{bottom:68px}
}
@media (max-height: 600px){
  .rfab{width:40px; height:40px}
  .rfcard{width:47px; height:42px}
  .rfcard.gmb{width:52px}
  .rfstart{width:61px; height:61px; font-size:13px}
  .rfstep button{width:30px; height:25px; font-size:15px}
  .rfstep b{font-size:13px; min-width:44px}
}

/* 🎴 v75.19: GAMBLE SƏHNƏSİ - HOT SEVENS İLƏ EYNİ (h7 v28 kopyası:
   tünd bordo mahud fon, məbləğ/uduş göstəriciləri, fasiləsiz dönən
   kart, sağda öncəki kartlar yelpiyi, xromlu oval QIRMIZI/QARA) */
#rfGmbOv{position:fixed; inset:0; z-index:9450; display:none;
  align-items:center; justify-content:center; padding:0;
  background:rgba(4,1,3,.9);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px)}
#rfGmbOv.on{display:flex}
#rfGmbOv .rfgbox{
  position:relative; width:100%; height:100%; overflow:hidden;
  text-align:center;
  display:flex; flex-direction:column; align-items:center;
  justify-content:space-evenly;
  gap:clamp(6px, 1.6vh, 14px);
  padding:calc(14px + env(safe-area-inset-top,0px)) 14px
          calc(16px + env(safe-area-inset-bottom,0px));
  background:
    radial-gradient(95% 55% at 50% -8%, rgba(226,52,68,.30),
      transparent 60%),
    radial-gradient(120% 70% at 50% 108%, rgba(150,14,32,.32),
      transparent 62%),
    linear-gradient(180deg,#330a13 0%,#1b0509 52%,#0b0205 100%)}
#rfGmbOv .rfgbox::before{content:""; position:absolute; inset:0;
  pointer-events:none; opacity:.5;
  background:
    repeating-linear-gradient(45deg, rgba(255,255,255,.018) 0 2px,
      transparent 2px 9px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.10) 0 2px,
      transparent 2px 9px),
    radial-gradient(100% 75% at 50% 45%, transparent 45%,
      rgba(0,0,0,.65))}
#rfGmbOv .rfgbox > *{position:relative; z-index:1}
.rfgt2{font-size:clamp(13px,3.6vw,16px); font-weight:900;
  letter-spacing:6px; color:#e7c05f; text-transform:uppercase;
  text-shadow:0 2px 10px rgba(0,0,0,.8), 0 0 18px rgba(231,192,95,.35)}
.rfgstats{display:flex; gap:clamp(18px,7vw,52px); align-items:flex-start}
.rfgst{display:flex; flex-direction:column; align-items:center; gap:2px;
  min-width:96px}
.rfgst b{font-size:clamp(26px,8.5vw,40px); font-weight:900; line-height:1;
  color:#ffd54a; font-variant-numeric:tabular-nums;
  text-shadow:0 3px 0 rgba(0,0,0,.55), 0 0 22px rgba(255,213,74,.35)}
.rfgst.win b{color:#6fe08f; text-shadow:0 3px 0 rgba(0,0,0,.55),
  0 0 22px rgba(111,224,143,.35)}
.rfgst span{font-size:9.5px; font-weight:800; letter-spacing:1.6px;
  color:#b9a6a9; text-transform:uppercase}
.rfgst b i{font-style:normal; font-size:.45em; margin-left:3px;
  opacity:.75; vertical-align:.35em}
#rfGmbOv.won .rfgst.win b{animation:rfgPop .45s
  cubic-bezier(.2,1.6,.4,1) 2}
@keyframes rfgPop{50%{transform:scale(1.18)}}
#rfGmbOv.lost .rfgst b{color:#8f8083; text-shadow:none;
  filter:saturate(.2)}
.rfgstage{display:grid; grid-template-columns:1fr auto 1fr;
  align-items:center; width:100%; gap:6px}
.rfgside{display:flex; flex-direction:column; align-items:center;
  gap:5px; min-width:0}
.rfgprevw span{font-size:8.5px; font-weight:800; letter-spacing:1.2px;
  color:#9b8b8e; text-transform:uppercase; white-space:nowrap}
.rfgprev{display:flex; justify-content:center; align-items:flex-end;
  min-height:34px; padding-top:24px}
.rfgprev>*{flex:0 0 auto;
  width:clamp(23px, 6.4vw, 30px); height:auto; aspect-ratio:156/230;
  border-radius:3px; object-fit:contain; display:block;
  margin-left:-9px; box-shadow:-2px 2px 7px rgba(0,0,0,.8);
  -webkit-user-drag:none}
.rfgprev>*:first-child{margin-left:0}
.rfgprev>*:nth-child(1){transform:translateY(-24px)}
.rfgprev>*:nth-child(2){transform:translateY(-18px)}
.rfgprev>*:nth-child(3){transform:translateY(-12px)}
.rfgprev>*:nth-child(4){transform:translateY(-6px)}
.rfgprev>*:nth-child(5){transform:translateY(0)}
.rfgprev>.e{opacity:.34; filter:grayscale(.95) brightness(.8)}
.rfgcardw{margin:0; perspective:900px; display:flex;
  justify-content:center}
.rfgcard{width:clamp(104px, 34vw, 152px); height:auto;
  aspect-ratio:156/230; border-radius:9px; object-fit:contain;
  -webkit-user-drag:none; user-select:none; will-change:transform;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.75))
         drop-shadow(0 0 20px rgba(255,120,90,.14))}
#rfGmbOv.won .rfgcard{filter:drop-shadow(0 14px 26px rgba(0,0,0,.75))
  drop-shadow(0 0 26px rgba(111,224,143,.7))}
#rfGmbOv.lost .rfgcard{filter:drop-shadow(0 14px 26px rgba(0,0,0,.75))
  grayscale(.55) brightness(.75)}
.rfgcard.flip{animation:rfgFlip .56s linear infinite}
@keyframes rfgFlip{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}
.rfgcard.show{animation:rfgReveal .42s cubic-bezier(.2,1.4,.4,1)}
@keyframes rfgReveal{from{transform:rotateY(90deg) scale(.8)}
  to{transform:rotateY(0) scale(1)}}
.rfgres{min-height:20px; margin:0; font-size:clamp(12px,3.4vw,14px);
  font-weight:800; letter-spacing:.6px; color:#e0cfa0}
#rfGmbOv.won .rfgres{color:#6fe08f}
#rfGmbOv.lost .rfgres{color:#ff8a8f}
.rfgpick{display:flex; gap:clamp(12px,5vw,34px); width:100%;
  justify-content:center; align-items:center}
.rfgbtn{position:relative; flex:1 1 0; max-width:172px;
  height:clamp(56px,15.5vw,76px); border:0; padding:0; cursor:pointer;
  border-radius:50%; overflow:hidden; isolation:isolate;
  display:flex; align-items:center; justify-content:center;
  transition:transform .12s, filter .12s;
  -webkit-tap-highlight-color:transparent;
  box-shadow:0 0 0 2px #e8ecf1, 0 0 0 4px #6f757e, 0 0 0 5px #23262b,
    0 10px 22px rgba(0,0,0,.65)}
.rfgbtn.red{background:
  radial-gradient(120% 150% at 50% -12%, rgba(255,255,255,.42),
    transparent 58%),
  linear-gradient(180deg,#e0212c 0%,#9c111b 46%,#61070f 100%)}
.rfgbtn.black{background:
  radial-gradient(120% 150% at 50% -12%, rgba(255,255,255,.30),
    transparent 58%),
  linear-gradient(180deg,#3a3d44 0%,#191b1f 46%,#08090b 100%)}
.rfgbtn i{position:absolute; left:-4%; right:-4%; top:50%; height:36%;
  transform:translateY(-50%); z-index:1;
  background:linear-gradient(180deg,#fbfcfd 0%,#dfe3e8 38%,#9298a1 50%,
    #6d737c 53%,#c9ced5 72%,#f2f4f7 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.55), 0 -1px 2px rgba(0,0,0,.5),
    0 2px 4px rgba(0,0,0,.45)}
.rfgbtn b{position:relative; z-index:2;
  font-size:clamp(12px,3.6vw,15px); font-weight:900;
  letter-spacing:2.4px; text-shadow:0 1px 0 rgba(255,255,255,.5)}
.rfgbtn.red b{color:#a3101c}
.rfgbtn.black b{color:#16181c}
.rfgbtn:active:not(:disabled){transform:translateY(2px) scale(.985)}
.rfgbtn:disabled{filter:grayscale(.55) brightness(.62); cursor:default}
.rfgtake{width:min(100%, 360px); border:1px solid rgba(255,213,74,.55);
  border-radius:10px; padding:12px 14px; letter-spacing:2px;
  font-size:clamp(12px,3.4vw,14px); font-weight:900; cursor:pointer;
  text-transform:uppercase; color:#ffe9a8;
  -webkit-tap-highlight-color:transparent;
  background:linear-gradient(180deg, rgba(255,213,74,.18),
    rgba(255,213,74,.05));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),
    0 6px 16px rgba(0,0,0,.5)}
.rfgtake em{font-style:normal; color:#fff; margin-left:6px}
.rfgtake:active{transform:translateY(1px)}
@media (max-height: 660px){
  .rfgt2{letter-spacing:4px}
  .rfgcard{width:clamp(88px, 27vw, 118px)}
  .rfgst b{font-size:clamp(22px,7vw,30px)}
  #rfGmbOv .rfgbox{gap:8px}
}

/* ℹ məlumat pərdəsi */
#rfInfo{position:absolute; left:0; right:0; top:-105%; z-index:20;
  transition:top .55s cubic-bezier(.3,.8,.3,1); line-height:0;
  filter:drop-shadow(0 12px 30px rgba(0,0,0,.8))}
#rfInfo.on{top:2%}
#rfInfo img, #rfInfo canvas{width:100%; height:auto}
#rfInfoRet{position:absolute; left:20%; right:20%; bottom:0; height:14%;
  cursor:pointer}

/* 📱 v75.61: dar ekran (≤380px): GAMBLE·AUTO·START·LINES·BET sırası sığsın */
@media (max-width: 380px){
  .rfcard{width:50px; height:47px}
  .rfcard.gmb{width:56px; margin-right:6px}
  .rfab{width:46px; height:46px}
  .rfstart{width:74px; height:74px; font-size:14.5px}
  .rfstartwrap{margin:0 8px 0 14px}
  .rfctrl{gap:4px}
}

/* v75.70: alçaq ekranda loqo kiçilir - kompakt idarə bloku + alt bar sığsın */
@media (max-height: 730px){
  #rfLogoBar .lg{width:56%}
}