/* 🔥 Hot Sevens 2 (v76.6) - rfruits.css v9 nüsxəsi: tünd qırmızı fon
   (plitə yoxdur), enli loqo zolağı + önündə alov kətanı, BIG WIN pərdəsi */
#hsScreen{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:radial-gradient(120% 60% at 50% 18%, #4a0808 0%, #26050a 45%, #0d0203 100%) #0d0203;
  color:#e8eaed; font-family:inherit}
#hsScreen.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 */
#hsScreen::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){
  #hsScreen{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İ — */
.hsbot{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)}
.hsbot 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 */
.hsbot button.rnd{width:44px; height:44px}
.hsbot .bg{position:absolute; inset:0; width:100%; height:100%;
  pointer-events:none}
.hsbot .ic{position:absolute; left:50%; top:50%; width:54%; height:54%;
  transform:translate(-50%,-50%); object-fit:contain;
  pointer-events:none}
.hsbot .sp{flex:1}
.hsbot button:active{transform:scale(.93)}
#hsSnd.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 */
#hsJpBar{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}
#hsJpBar b{font-weight:900}
#hsJpBar 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 */
#hsLogoBar{position:relative; flex:none; line-height:0; text-align:center;
  padding:0}   /* v76.8: loqo tam enli, yan boşluqsuz */
#hsLogoBar .lg{width:100%; height:auto; display:block;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
/* 🔥 v76.6: loqonun önündə alov kətanı (logoFxTick) */
#hsLogoFx{position:absolute; left:0; top:-25%; width:100%; height:125%;
  pointer-events:none; z-index:2}
/* 🔥 v76.6: böyük uduş pərdəsi - qabın üstündə, alov-toxumalı yazı */
#hsBig{position:absolute; inset:0; z-index:8; display:none;
  pointer-events:none}
#hsBig.on{display:block; animation:hsBigIn .35s cubic-bezier(.2,1.5,.4,1)}
#hsBigCv{width:100%; height:100%; display:block}
@keyframes hsBigIn{from{opacity:0; transform:scale(.8)} to{opacity:1; transform:none}}
  /* 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 */
#hsCaseWrap{position:relative; flex:none; width:97%; margin:8px auto 0;
  aspect-ratio:832/461; line-height:0}   /* v76.9: kvadrat xanalar - kürələr bir-birinə dəyir */
/* 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 */
#hsCaseBg{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) */
#hsBgCv{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 */
#hsFireCv{position:absolute; left:0; top:0; width:100%; height:100%;
  z-index:4; pointer-events:none}
.hsReel{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 */
.hsReel.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 */
.hsReel: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) */
.hsReel:not(.spin) .tok.buf{visibility:hidden}
/* lent: 5 token (1 bufer yuxarıda + 3 görünən + 1 aşağıda) */
.hsBand{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 */
.hsBand .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 */
.hsBand .tok img, .hsBand .tok canvas{width:96%; height:auto;
  max-height:110%;   /* v76.10: 96% × 98.6% × 18.79% = 17.79% = panel eni → kürələr TAM toxunur, üst-üstə düşmür */
  -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) */
#hsScreen.halo .hsBand .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) */
.hsBand .tok .rock{animation:hsRock .6s ease-in-out infinite;
  transform-origin:50% 50%}
@keyframes hsRock{0%,100%{transform:scale(1)} 50%{transform:scale(1.13)}}
.hsReel.impact .tok img,
.hsReel.impact .tok canvas{animation:hsImp .3s cubic-bezier(.2,1.6,.4,1)}
/* 🫧 v76.13: kürə oturanda yüngül səkmə (tok səviyyəsində) */
.hsBand .tok.land canvas, .hsBand .tok.land img{animation:hsImp .3s cubic-bezier(.2,1.6,.4,1)}
.hsBand .tok{will-change:transform}
@keyframes hsImp{0%{transform:translateY(-7%) scaleY(.94)}
  60%{transform:translateY(2%) scaleY(1.03)}100%{transform:none}}
#hsCaseImg{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 */
.hsLb{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 */
.hsLb canvas, .hsLb img{position:absolute; inset:0;
  width:100%; height:100%}
.hsLb b{position:relative; font-weight:inherit}
/* v75.28: rəqəmlər incə, tünd sarı */
.hsLb.on{opacity:1; color:#c79a22; text-shadow:0 1px 2px rgba(0,0,0,.7)}
#hsLines{position:absolute; inset:0; width:100%; height:100%; z-index:6;
  pointer-events:none}
/* 💰 xətt uduş nişanı (f7badge üslubunda) */
.hsbadge{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) — */
.hsstatus{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)}
.hsstatus: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 .hssp 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 */
.hssp{flex:2 1 0; min-height:0}
.hssp.b{flex:1 1 0}
.hspanel{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) */
.hspbox{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)}
.hspbox 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)}
.hspbox 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 */
.hspbox i{display:block; font-style:normal; font-size:9.5px;
  font-weight:700; color:#e3c34c; font-variant-numeric:tabular-nums}
.hspbox.win b, .hspbox.win i{color:#4cc38a}
.hspbox.bet b, .hspbox.bet i{color:#5aa7ff}

/* — LINES / BET-LINE: metalik panel + LCD + xrom düymələr — */
.hssteppers{display:flex; gap:8px; margin-top:8px; flex:none;
  padding:0 10px}
.hsstep{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)}
.hsstep 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)}
.hsstep div{display:flex; align-items:center; gap:7px;
  justify-content:center; margin-top:5px}
/* dəyər: LCD göstərici */
.hsstep 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 */
.hsstep 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)}
.hsstep button:active{transform:translateY(1px);
  background:linear-gradient(180deg,#9aa3b2 0%,#b6bfcd 100%);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.4)}
.hsstep button:disabled{opacity:.45; filter:grayscale(.3)}

/* — idarəetmə cərgəsi — */
.hsctrl{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ə. */
.hsstart{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)}
.hsstart:disabled{opacity:.85}
.hsstart:active{transform:scale(.95)}
.hsstart.stop{color:#b9c6bf; text-shadow:0 1px 2px rgba(0,0,0,.65)}
.hsstart.take{color:#fff; text-shadow:0 1px 3px rgba(0,10,4,.7)}
.hsstartwrap{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) */
.hsstartwrap .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 */
.hsstartwrap .sbarc, .hsab .sbarc{animation:hsArcR 5.2s linear infinite;
  will-change:transform}
/* AUTO-nun qövsləri kiçikdir, HƏMİŞƏ fırlanır (sahibin istəyi) */
.hsab .sbarc{width:150%; height:150%}
.hsab.on .sbly{filter:drop-shadow(0 0 8px rgba(60,220,120,.6))}
@keyframes hsArcR{from{transform:translate(-50%,-50%) rotate(0)}
  to{transform:translate(-50%,-50%) rotate(360deg)}}

/* — GAMBLE / AUTO: şəkil düymələr (SOF btnimg) — */
.hsside{cursor:pointer; position:relative;
  -webkit-tap-highlight-color:transparent}
.hsside.btnimg{background:none; border:0; box-shadow:none; padding:0;
  display:flex; align-items:center; justify-content:center}
.hsside.btnimg img, .hsside.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))}
#hsAuto.btnimg{flex:0 0 74px; height:74px}
#hsGamble.btnimg{flex:0 0 100px; height:58px}
.hsside.btnimg:disabled{opacity:.42; filter:grayscale(.65)}
.hsside.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 */
.hsside.btnimg.gmbhot, .hsside.btnimg.gmbhot:disabled{
  opacity:1; filter:none}
.hsside.btnimg.gmbhot img, .hsside.btnimg.gmbhot canvas{
  animation:hsGmbP .7s ease-in-out infinite alternate}
@keyframes hsGmbP{
  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ı */
.hsside.btnimg.on img, .hsside.btnimg.on canvas{
  filter:drop-shadow(0 0 11px rgba(76,195,138,.95))
  drop-shadow(0 3px 7px rgba(0,0,0,.55))}
.hsside.btnimg.on{animation:hsautoP 1.1s ease-in-out infinite alternate}
@keyframes hsautoP{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) */
.hsside.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)}
.hsside.btnimg.stopmode{animation:none}
.hsside.btnimg.stopmode img, .hsside.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ı */
.hsautoN{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)}
.hsautoN.on{display:flex}

/* — AUTO seçim paneli: metalik popover (SOF üslubu) — */
.hsauto{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)}
.hsauto.on{display:flex; animation:hsapUp .2s cubic-bezier(.2,1.2,.4,1)}
@keyframes hsapUp{from{opacity:0; transform:translateY(14px) scale(.97)}
  to{opacity:1; transform:translateY(0) scale(1)}}
/* AUTO düyməsinə işarə oxu */
.hsauto::after{content:""; position:absolute; right:34px; top:100%;
  border:8px solid transparent; border-top-color:#171c26}
/* panel düymələri: polad-şüşə */
.hsauto 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)}
.hsauto button:active{transform:translateY(1px);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.6)}
.hsauto 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 — */
.hscard{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}
.hscard .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))}
.hscard span{font-size:8px; font-weight:800; letter-spacing:.7px;
  color:#9fb0c3; position:relative; white-space:nowrap}
.hscard b{font-size:15px; font-weight:900; position:relative;
  font-variant-numeric:tabular-nums;
  text-shadow:0 1px 2px rgba(0,0,0,.8)}
.hscard:disabled{opacity:.45; filter:grayscale(.5)}
.hscard:active{transform:scale(.94)}
.hscard.gmb{width:64px; margin-right:12px}
#hsBetBox{margin-left:4px}
.hscard.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)}
.hscard.gmb.gmbhot, .hscard.gmb.gmbhot:disabled{opacity:1;
  filter:drop-shadow(0 0 10px rgba(255,205,75,.8));
  animation:hsGmbC .7s ease-in-out infinite alternate}
.hscard.gmb.gmbhot b{color:#ffe9b0}
@keyframes hsGmbC{
  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ə) */
.hsab{position:relative; flex:none; width:52px; height:52px; border:0;
  background:none; padding:0; cursor:pointer; border-radius:50%;
  -webkit-tap-highlight-color:transparent}
.hsab:active{transform:scale(.94)}
.hsab .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ı */
.hsab 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}
#hsMsg{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){
  .hsab{width:46px; height:46px}
  .hscard{width:52px; height:47px}
  .hscard.gmb{width:58px}
  .hsstart{width:70px; height:70px; font-size:14.5px}
  .hsstep button{width:34px; height:28px; font-size:17px}
  .hsstep b{font-size:14.5px; padding:4px 7px}
  .hsstatus{padding:0 10px; font-size:11.5px; height:21px; line-height:21px}
  .hsauto{bottom:68px}
}
@media (max-height: 600px){
  .hsab{width:40px; height:40px}
  .hscard{width:47px; height:42px}
  .hscard.gmb{width:52px}
  .hsstart{width:61px; height:61px; font-size:13px}
  .hsstep button{width:30px; height:25px; font-size:15px}
  .hsstep 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) */
#hsGmbOv{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)}
#hsGmbOv.on{display:flex}
#hsGmbOv .hsgbox{
  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%)}
#hsGmbOv .hsgbox::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))}
#hsGmbOv .hsgbox > *{position:relative; z-index:1}
.hsgt2{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)}
.hsgstats{display:flex; gap:clamp(18px,7vw,52px); align-items:flex-start}
.hsgst{display:flex; flex-direction:column; align-items:center; gap:2px;
  min-width:96px}
.hsgst 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)}
.hsgst.win b{color:#6fe08f; text-shadow:0 3px 0 rgba(0,0,0,.55),
  0 0 22px rgba(111,224,143,.35)}
.hsgst span{font-size:9.5px; font-weight:800; letter-spacing:1.6px;
  color:#b9a6a9; text-transform:uppercase}
.hsgst b i{font-style:normal; font-size:.45em; margin-left:3px;
  opacity:.75; vertical-align:.35em}
#hsGmbOv.won .hsgst.win b{animation:hsgPop .45s
  cubic-bezier(.2,1.6,.4,1) 2}
@keyframes hsgPop{50%{transform:scale(1.18)}}
#hsGmbOv.lost .hsgst b{color:#8f8083; text-shadow:none;
  filter:saturate(.2)}
.hsgstage{display:grid; grid-template-columns:1fr auto 1fr;
  align-items:center; width:100%; gap:6px}
.hsgside{display:flex; flex-direction:column; align-items:center;
  gap:5px; min-width:0}
.hsgprevw span{font-size:8.5px; font-weight:800; letter-spacing:1.2px;
  color:#9b8b8e; text-transform:uppercase; white-space:nowrap}
.hsgprev{display:flex; justify-content:center; align-items:flex-end;
  min-height:34px; padding-top:24px}
.hsgprev>*{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}
.hsgprev>*:first-child{margin-left:0}
.hsgprev>*:nth-child(1){transform:translateY(-24px)}
.hsgprev>*:nth-child(2){transform:translateY(-18px)}
.hsgprev>*:nth-child(3){transform:translateY(-12px)}
.hsgprev>*:nth-child(4){transform:translateY(-6px)}
.hsgprev>*:nth-child(5){transform:translateY(0)}
.hsgprev>.e{opacity:.34; filter:grayscale(.95) brightness(.8)}
.hsgcardw{margin:0; perspective:900px; display:flex;
  justify-content:center}
.hsgcard{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))}
#hsGmbOv.won .hsgcard{filter:drop-shadow(0 14px 26px rgba(0,0,0,.75))
  drop-shadow(0 0 26px rgba(111,224,143,.7))}
#hsGmbOv.lost .hsgcard{filter:drop-shadow(0 14px 26px rgba(0,0,0,.75))
  grayscale(.55) brightness(.75)}
.hsgcard.flip{animation:hsgFlip .56s linear infinite}
@keyframes hsgFlip{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}
.hsgcard.show{animation:hsgReveal .42s cubic-bezier(.2,1.4,.4,1)}
@keyframes hsgReveal{from{transform:rotateY(90deg) scale(.8)}
  to{transform:rotateY(0) scale(1)}}
.hsgres{min-height:20px; margin:0; font-size:clamp(12px,3.4vw,14px);
  font-weight:800; letter-spacing:.6px; color:#e0cfa0}
#hsGmbOv.won .hsgres{color:#6fe08f}
#hsGmbOv.lost .hsgres{color:#ff8a8f}
.hsgpick{display:flex; gap:clamp(12px,5vw,34px); width:100%;
  justify-content:center; align-items:center}
.hsgbtn{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)}
.hsgbtn.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%)}
.hsgbtn.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%)}
.hsgbtn 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)}
.hsgbtn 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)}
.hsgbtn.red b{color:#a3101c}
.hsgbtn.black b{color:#16181c}
.hsgbtn:active:not(:disabled){transform:translateY(2px) scale(.985)}
.hsgbtn:disabled{filter:grayscale(.55) brightness(.62); cursor:default}
.hsgtake{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)}
.hsgtake em{font-style:normal; color:#fff; margin-left:6px}
.hsgtake:active{transform:translateY(1px)}
@media (max-height: 660px){
  .hsgt2{letter-spacing:4px}
  .hsgcard{width:clamp(88px, 27vw, 118px)}
  .hsgst b{font-size:clamp(22px,7vw,30px)}
  #hsGmbOv .hsgbox{gap:8px}
}

/* ℹ məlumat pərdəsi */
#hsInfo{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))}
#hsInfo.on{top:2%}
#hsInfo img, #hsInfo canvas{width:100%; height:auto}
#hsInfoRet{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){
  .hscard{width:50px; height:47px}
  .hscard.gmb{width:56px; margin-right:6px}
  .hsab{width:46px; height:46px}
  .hsstart{width:74px; height:74px; font-size:14.5px}
  .hsstartwrap{margin:0 8px 0 14px}
  .hsctrl{gap:4px}
}

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