/* ============================================================
   ROYAL ACE — STRUKTURA E KAZINOS
   Personalizo me lehtësi: ndrysho ngjyrat te :root,
   dhe shto lojërat te seksioni <script> (array "games").
   ============================================================ */

:root{
  /* Ngjyrat kryesore */
  --bg:#0a0a0f;
  --bg-2:#101019;
  --surface:#16161f;
  --surface-2:#1d1d2a;
  --line:rgba(232,179,57,.14);

  --gold:#e8b339;
  --gold-bright:#f7d268;
  --gold-deep:#a87a16;
  --emerald:#21c17a;
  --crimson:#e63950;

  --text:#f2efe7;
  --muted:#9b988f;
  --faint:#6a6862;

  --radius:16px;
  --shadow:0 24px 60px -20px rgba(0,0,0,.8);
  --maxw:1280px;
  --glass: rgba(255,255,255,0.04);
  --panel: linear-gradient(180deg,var(--surface),var(--surface-2));
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Manrope',sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* Atmosferë sfondi */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(800px 500px at 12% -5%, rgba(232,179,57,.10), transparent 60%),
    radial-gradient(700px 500px at 95% 0%, rgba(33,193,122,.07), transparent 55%),
    radial-gradient(900px 700px at 50% 120%, rgba(232,179,57,.06), transparent 60%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}

::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold-deep),var(--gold));border-radius:10px;border:2px solid var(--bg)}

a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
img{display:block;max-width:100%}

/* ============================================================
   AGE GATE (18+)
   ============================================================ */
#ageGate{
  position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;
  background:rgba(5,5,9,.92);backdrop-filter:blur(10px);padding:24px;
}
#ageGate.hidden{display:none}
.age-card{
  max-width:440px;width:100%;text-align:center;padding:48px 40px;
  background:linear-gradient(160deg,var(--surface-2),var(--surface));
  border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);
}
.age-card .seal{
  width:84px;height:84px;margin:0 auto 22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:'Cinzel';font-weight:900;font-size:1.5rem;color:var(--bg);
  background:linear-gradient(140deg,var(--gold-bright),var(--gold-deep));
  box-shadow:0 0 40px rgba(232,179,57,.4);
}
.age-card h2{font-family:'Cinzel';font-size:1.7rem;letter-spacing:.5px;margin-bottom:12px}
.age-card p{color:var(--muted);font-size:.95rem;margin-bottom:28px}
.age-buttons{display:flex;gap:12px}
.age-buttons button{flex:1;padding:15px;border-radius:12px;font-weight:700;font-size:.95rem;transition:.2s}
.btn-yes{background:linear-gradient(120deg,var(--gold-bright),var(--gold-deep));color:#1a1408}
.btn-yes:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px var(--gold-deep)}
.btn-no{background:var(--surface);border:1px solid var(--line)!important;color:var(--muted)}
.btn-no:hover{color:var(--text)}
.age-note{margin-top:22px;font-size:.78rem;color:var(--faint)}

/* ============================================================
   TOP STRIP
   ============================================================ */
.topstrip{
  background:var(--bg-2);border-bottom:1px solid rgba(255,255,255,.04);
  font-size:.78rem;color:var(--muted);position:relative;z-index:2;
}
.topstrip .wrap{display:flex;justify-content:space-between;align-items:center;height:38px}
.topstrip a{transition:.2s}.topstrip a:hover{color:var(--gold)}
.topstrip .left{display:flex;gap:18px}
.topstrip .right{display:flex;gap:16px;align-items:center}
.pill18{background:var(--crimson);color:#fff;font-weight:800;padding:2px 9px;border-radius:20px;font-size:.7rem}

/* ============================================================
   HEADER
   ============================================================ */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(10,10,15,.82);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
header .wrap{display:flex;align-items:center;gap:28px;height:74px}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logo .mark{
  width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  font-family:'Cinzel';font-weight:900;font-size:1.25rem;color:#1a1408;
  background:linear-gradient(140deg,var(--gold-bright),var(--gold-deep));
  box-shadow:0 0 24px rgba(232,179,57,.35);
}
.logo .name{font-family:'Cinzel';font-weight:700;font-size:1.3rem;letter-spacing:1px;line-height:1}
.logo .name span{color:var(--gold)}

nav.main{display:flex;gap:6px;flex:1}
nav.main a{
  padding:9px 15px;border-radius:10px;font-weight:600;font-size:.92rem;color:var(--muted);
  transition:.2s;display:flex;align-items:center;gap:7px;
}
nav.main a:hover,nav.main a.active{color:var(--text);background:rgba(255,255,255,.04)}
nav.main a.active{color:var(--gold)}
.dot-live{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px var(--emerald);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.search-mini{
  display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);
  border-radius:11px;padding:0 12px;height:42px;width:190px;transition:.2s;
}
.search-mini:focus-within{border-color:var(--gold);width:230px}
.search-mini svg{flex-shrink:0;opacity:.5}
.search-mini input{background:none;border:none;outline:none;color:var(--text);font-size:.9rem;width:100%}
.search-mini input::placeholder{color:var(--faint)}

.btn{padding:0 20px;height:42px;border-radius:11px;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:.2s;white-space:nowrap}
.btn:focus{outline:2px solid rgba(232,179,57,.14);outline-offset:2px}
.btn-ghost{color:var(--text);border:1px solid var(--line)}
.btn-ghost:hover{background:rgba(255,255,255,.05);border-color:var(--gold)}
.btn-gold{background:linear-gradient(120deg,var(--gold-bright),var(--gold-deep));color:#1a1408}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px var(--gold-deep)}

/* Sticky CTA footer for conversions */
.cta-footer{position:fixed;left:18px;right:18px;bottom:18px;background:var(--panel);border-radius:12px;padding:10px 14px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow);z-index:120}
.cta-footer .txt{color:var(--muted);font-size:.95rem}
.cta-footer .actions{display:flex;gap:10px}

/* Mobile tweaks */
@media(max-width:900px){
  .header-actions .search-mini{display:none}
  .wrap{padding:0 16px}
  .game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .hero-carousel{min-height:260px}
  .burger{display:flex}
}

.burger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line)}
.burger span{width:20px;height:2px;background:var(--text);border-radius:2px}

/* ============================================================
   HERO / CAROUSEL
   ============================================================ */
.hero{padding:32px 0 8px}
.hero-carousel{position:relative;border-radius:24px;overflow:hidden;min-height:340px;border:1px solid var(--line)}
.slide{
  position:absolute;inset:0;opacity:0;transition:opacity .8s ease;min-height:inherit;
  display:flex;align-items:center;padding:0 clamp(28px,6vw,72px);
}
.slide.active{opacity:1;position:relative}
.slide .content{max-width:560px;position:relative;z-index:2}
.slide .kicker{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold);background:rgba(232,179,57,.12);padding:6px 14px;border-radius:30px;margin-bottom:18px}
.slide h1{font-family:'Cinzel';font-size:clamp(2rem,4.5vw,3.3rem);line-height:1.05;font-weight:900;margin-bottom:16px}
.slide h1 em{font-style:normal;color:var(--gold);text-shadow:0 0 30px rgba(232,179,57,.4)}
.slide p{color:rgba(242,239,231,.8);font-size:1.05rem;margin-bottom:26px;max-width:440px}
.slide .actions{display:flex;gap:12px;flex-wrap:wrap}

.slide-1{background:radial-gradient(700px 400px at 80% 50%,rgba(232,179,57,.22),transparent 60%),linear-gradient(120deg,#1a1410,#0c0c14)}
.slide-2{background:radial-gradient(700px 400px at 80% 50%,rgba(33,193,122,.18),transparent 60%),linear-gradient(120deg,#0e1a16,#0c0c14)}
.slide-3{background:radial-gradient(700px 400px at 80% 50%,rgba(230,57,80,.18),transparent 60%),linear-gradient(120deg,#1a1014,#0c0c14)}

.slide .visual{position:absolute;inset:0;z-index:0;display:block}
.slide .visual img{width:100%;height:100%;object-fit:cover;border:none;border-radius:0;box-shadow:none;display:block}
.slide .visual::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,7,13,.95) 0%,rgba(7,7,13,.74) 44%,rgba(7,7,13,.46) 100%)}
.slide h1,.slide p{text-shadow:0 2px 14px rgba(0,0,0,.55)}
.dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:9px;z-index:5}
.dots button{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.25);transition:.3s}
.dots button.active{background:var(--gold);width:26px;border-radius:5px}

/* Banner-at e vogla nën hero */
.mini-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.mini-promo{
  background:linear-gradient(140deg,var(--surface-2),var(--surface));border:1px solid var(--line);
  border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:.25s;
}
.mini-promo:hover{transform:translateY(-3px);border-color:var(--gold)}
.mini-promo .ic{font-size:1.8rem}
.mini-promo h4{font-size:.98rem;margin-bottom:2px}
.mini-promo p{font-size:.82rem;color:var(--muted)}

/* ============================================================
   SEKSIONET E LOJËRAVE
   ============================================================ */
section.games{padding:46px 0 0}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:14px}
.section-title{display:flex;align-items:center;gap:12px}
.section-title .bar{width:4px;height:26px;border-radius:4px;background:linear-gradient(var(--gold-bright),var(--gold-deep))}
.section-title h2{font-family:'Cinzel';font-size:1.5rem;font-weight:700;letter-spacing:.5px}
.section-title .count{font-size:.8rem;color:var(--faint);background:var(--surface);padding:3px 10px;border-radius:20px}
.view-all{font-size:.85rem;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:5px;transition:.2s}
.view-all:hover{gap:9px}

/* Filtra kategorish */
.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}
.filter{
  padding:9px 18px;border-radius:30px;font-weight:600;font-size:.88rem;color:var(--muted);
  background:var(--surface);border:1px solid transparent;transition:.2s;display:flex;align-items:center;gap:7px;
}
.filter:hover{color:var(--text)}
.filter.active{background:linear-gradient(120deg,rgba(232,179,57,.18),rgba(232,179,57,.06));border-color:var(--gold);color:var(--gold)}

/* Grid lojërash */
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;perspective:1200px}
.game-card{
  position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;
  background:var(--surface);border:1px solid rgba(255,255,255,.05);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;
  opacity:0;transform:translateY(16px);animation:rise .5s forwards;
  transform-style:preserve-3d;
  min-height:200px;
}
@keyframes rise{to{opacity:1;transform:none}}
.game-card:hover{transform:translateY(-9px) rotateX(7deg) scale(1.04);border-color:var(--gold);box-shadow:0 30px 50px -18px rgba(0,0,0,.8),0 0 0 1px rgba(232,179,57,.4),0 0 26px rgba(232,179,57,.18)}
.game-card:hover .thumb{transform:translateZ(20px)}
.thumb{transition:transform .3s}

/* Buton sound në header */
.sound-toggle{width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-size:1rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}
.sound-toggle:hover{border-color:var(--gold);background:var(--surface-2)}

.thumb{aspect-ratio:1/1.18;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.game-card:hover .thumb img{transform:scale(1.07)}
/* Shkëlqim që rrëshqet (premium) mbi kopertina kur kalon mausi */
.thumb::after{content:'';position:absolute;top:0;left:-70%;width:55%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);z-index:4;pointer-events:none;opacity:0}
.game-card:hover .thumb::after{opacity:1;animation:shineSweep .85s ease}
@keyframes shineSweep{0%{left:-70%}100%{left:140%}}
/* Kopertinë kur s'ka foto — e bukur, jo thjesht fjalë */
.thumb.ph{background:
  radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--g1,#2a2418) 80%, #fff 8%), transparent 62%),
  linear-gradient(150deg,var(--g1,#2a2418),var(--g2,#16161f) 78%, #0c0c12)}
/* Dekor: model i lehtë pikash + shkëlqim ari */
.thumb.ph::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background:radial-gradient(circle at 22% 26%,rgba(255,255,255,.06) 0 1.5px,transparent 2px),radial-gradient(circle at 72% 60%,rgba(255,255,255,.05) 0 1.5px,transparent 2px);
  background-size:34px 34px,46px 46px}
.thumb.ph .ph-glow{position:absolute;top:16%;left:50%;transform:translateX(-50%);width:78%;height:52%;border-radius:50%;background:radial-gradient(circle,rgba(232,179,57,.34),transparent 70%);filter:blur(10px);pointer-events:none}
.thumb.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s;z-index:3}
.game-card:hover .thumb.ph img{transform:scale(1.07)}
.thumb.ph .ph-ring{position:relative;z-index:1;width:64px;height:64px;margin-top:-6px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.12),rgba(0,0,0,.25));border:2px solid rgba(232,179,57,.6);
  box-shadow:0 6px 16px rgba(0,0,0,.5),0 0 16px rgba(232,179,57,.3),inset 0 0 12px rgba(232,179,57,.15);transition:transform .35s}
.game-card:hover .thumb.ph .ph-ring{transform:scale(1.12) translateY(-4px)}
.thumb.ph .ph-icon{font-size:2.4rem;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}
.thumb.ph .ph-prov{position:absolute;z-index:1;bottom:34px;left:0;right:0;text-align:center;font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(232,179,57,.85);font-weight:700}
.thumb.ph .ph-name{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:18px 10px 10px;font-family:'Cinzel';font-weight:800;font-size:.92rem;letter-spacing:.02em;text-align:center;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7);background:linear-gradient(transparent,rgba(7,7,12,.88))}

.badge{
  position:absolute;top:10px;left:10px;z-index:5;font-size:.66rem;font-weight:800;letter-spacing:.5px;
  text-transform:uppercase;padding:4px 9px;border-radius:7px;color:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.45);backdrop-filter:blur(2px);
}
.badge.hot{background:linear-gradient(120deg,#ff4d4d,var(--crimson));animation:badgePulse 1.8s ease infinite}
@keyframes badgePulse{0%,100%{box-shadow:0 3px 8px rgba(0,0,0,.45),0 0 0 0 rgba(230,57,80,.5)}50%{box-shadow:0 3px 8px rgba(0,0,0,.45),0 0 0 6px rgba(230,57,80,0)}}
.badge.new{background:var(--emerald)}
.badge.top{background:linear-gradient(120deg,var(--gold-bright),var(--gold-deep));color:#1a1408}

/* Overlay në hover */
.thumb .overlay{
  position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  background:linear-gradient(rgba(10,10,15,.4),rgba(10,10,15,.78));
  opacity:0;transition:opacity .28s;
}
.game-card:hover .overlay{opacity:1}
.play-btn{
  width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,var(--gold-bright),var(--gold-deep));color:#1a1408;
  box-shadow:0 0 28px rgba(232,179,57,.5);transform:scale(.7);transition:transform .28s;
}
.game-card:hover .play-btn{transform:scale(1)}
.overlay .rtp{font-size:.75rem;color:var(--gold);font-weight:600;background:rgba(0,0,0,.4);padding:3px 10px;border-radius:20px}

.card-foot{padding:11px 13px}
.card-foot .gname{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-foot .gprov{font-size:.76rem;color:var(--faint)}

.empty-note{
  grid-column:1/-1;text-align:center;padding:50px 20px;color:var(--faint);
  border:1.5px dashed var(--line);border-radius:var(--radius);
}

/* ============================================================
   PROMOCIONET / BONUSET
   ============================================================ */
section.promos{padding:60px 0 0}
.promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.promo-card{
  position:relative;overflow:hidden;border-radius:20px;padding:28px;min-height:200px;
  border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;
  background:linear-gradient(160deg,var(--surface-2),var(--surface));transition:.25s;
}
.promo-card:hover{transform:translateY(-4px);border-color:var(--gold)}
.promo-card .glow{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;filter:blur(40px);opacity:.5}
.promo-card .tag{position:relative;font-size:.74rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.promo-card h3{position:relative;font-family:'Cinzel';font-size:1.4rem;margin-bottom:8px;line-height:1.15}
.promo-card p{position:relative;color:var(--muted);font-size:.9rem;margin-bottom:18px}
.promo-card .btn{align-self:flex-start}

/* ============================================================
   OFRUESIT (PROVIDERS)
   ============================================================ */
section.providers{padding:60px 0 0}
.provider-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.provider{
  height:80px;border-radius:14px;background:var(--surface);border:1px solid rgba(255,255,255,.05);
  display:flex;align-items:center;justify-content:center;font-family:'Cinzel';font-weight:600;
  color:var(--muted);transition:.2s;letter-spacing:1px;font-size:.95rem;
}
.provider:hover{color:var(--gold);border-color:var(--gold);background:var(--surface-2)}

/* ============================================================
   ORARI JAVOR
   ============================================================ */
.schedule-section{padding:70px 0}
.sched-live-dot{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}
.sched-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:28px}
.sched-card{
  background:var(--surface);border:1px solid var(--line);border-radius:16px;
  padding:24px 22px;display:flex;flex-direction:column;gap:10px;
  position:relative;overflow:hidden;transition:.25s;
}
.sched-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--line)}
.sched-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.15)}
.sched-card.sched-gold::before{background:linear-gradient(90deg,var(--gold),#f7d268)}
.sched-card.sched-red::before{background:linear-gradient(90deg,var(--crimson),#ff6b6b)}
.sched-card.sched-weekend::before{background:linear-gradient(90deg,var(--emerald),#4dffa6)}
.sched-day{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.sched-icon{font-size:2rem;line-height:1}
.sched-card h4{font-family:'Cinzel';font-size:1rem;font-weight:700;margin:0}
.sched-card p{font-size:.87rem;color:var(--muted);line-height:1.55;margin:0}
.sched-card p b{color:var(--text)}
.sched-time{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:.76rem;color:var(--faint);display:flex;align-items:center;gap:6px}
.sched-time::before{content:'';font-size:.9rem}
.sched-note{margin-top:22px;font-size:.76rem;color:var(--faint);text-align:center}
.sched-claim{margin-top:13px;width:100%;padding:10px;border-radius:10px;font-weight:800;font-size:.84rem;cursor:pointer;background:linear-gradient(120deg,var(--gold-bright),var(--gold-deep));color:#1a1408;border:none;transition:transform .14s,box-shadow .14s}
.sched-claim:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(232,179,57,.42)}
.sched-claim:active{transform:translateY(1px)}
.sched-cond{margin-top:11px;font-size:.72rem;color:var(--faint);font-weight:600;letter-spacing:.2px}
@media(max-width:600px){.sched-grid{grid-template-columns:1fr}}
/* ---------- COMMUNITY CHAT / COMMENTS ---------- */
.community{padding:10px 0 70px}
.chat-box{margin-top:24px;background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:18px;padding:18px;max-width:820px}
.chat-list{display:flex;flex-direction:column;gap:14px;max-height:380px;overflow-y:auto;padding-right:6px}
.chat-msg{display:flex;gap:12px;align-items:flex-start}
.chat-av{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#1a1408;background:linear-gradient(140deg,var(--gold-bright),var(--gold-deep))}
.chat-body{flex:1;min-width:0}
.chat-head{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.chat-head b{font-size:.9rem;color:var(--text)}
.chat-head span{font-size:.7rem;color:var(--faint)}
.chat-text{font-size:.9rem;color:rgba(242,239,231,.85);line-height:1.45;overflow-wrap:anywhere}
.chat-form{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.chat-form input{flex:1;height:46px;padding:0 14px;border-radius:11px;background:var(--bg-2);border:1px solid var(--line);color:var(--text);font-size:.92rem;font-family:inherit}
.chat-form input:focus{outline:none;border-color:var(--gold)}
.chat-form input:disabled{opacity:.5}
.chat-form .btn{height:46px;padding:0 22px;white-space:nowrap}
.chat-form .btn:disabled{opacity:.5;cursor:default}
.chat-hint{font-size:.76rem;color:var(--faint);margin-top:8px;min-height:14px}
@media(max-width:600px){.chat-box{padding:14px}.chat-av{width:32px;height:32px}.chat-form .btn{padding:0 16px}}

/* ============================================================
   FOOTER
   ============================================================ */
footer{margin-top:80px;background:var(--bg-2);border-top:1px solid var(--line);padding:56px 0 28px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}
.foot-brand .logo{margin-bottom:16px}
.foot-brand p{color:var(--muted);font-size:.9rem;max-width:300px;margin-bottom:20px}
.socials{display:flex;gap:10px}
.socials a{width:38px;height:38px;border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;transition:.2s;color:var(--muted)}
.socials a:hover{background:var(--gold);color:#1a1408}
.foot-col h5{font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.foot-col a{display:block;color:var(--muted);font-size:.9rem;padding:5px 0;transition:.2s}
.foot-col a:hover{color:var(--text);padding-left:5px}

.pay-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;padding:26px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:26px}
.pay{height:34px;padding:0 16px;border-radius:8px;background:var(--surface);display:flex;align-items:center;font-weight:700;font-size:.82rem;color:var(--muted);letter-spacing:.5px}
.pay.pay-crypto{background:rgba(232,179,57,.1);border:1px solid rgba(232,179,57,.25);color:var(--gold)}

.responsible{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}
.responsible .badge18{width:46px;height:46px;border-radius:50%;border:2px solid var(--crimson);color:var(--crimson);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;flex-shrink:0}
.responsible p{font-size:.82rem;color:var(--muted);max-width:640px;text-align:center}
.responsible a{color:var(--gold)}

.copyright{text-align:center;font-size:.8rem;color:var(--faint);line-height:1.7}

/* ============================================================
   MENU MOBILE
   ============================================================ */
.mobile-menu{
  position:fixed;inset:0;z-index:60;background:rgba(8,8,12,.97);backdrop-filter:blur(14px);
  padding:90px 28px 40px;transform:translateX(100%);transition:transform .35s;overflow-y:auto;
}
.mobile-menu.open{transform:none}
.mobile-menu a{display:block;font-family:'Cinzel';font-size:1.35rem;padding:16px 0;border-bottom:1px solid var(--line);color:var(--text)}
.mobile-menu .m-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.mobile-menu .m-actions .btn{justify-content:center;height:50px}
.m-close{position:absolute;top:24px;right:24px;font-size:2rem;color:var(--muted)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1080px){
  nav.main,.search-mini{display:none}
  .burger{display:flex}
  .mini-promos{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .topstrip .left a:not(:first-child){display:none}
  .header-actions .btn-ghost{display:none}
  .slide .visual::after{background:linear-gradient(170deg,rgba(7,7,13,.66) 0%,rgba(7,7,13,.82) 55%,rgba(7,7,13,.92) 100%)}
  .foot-grid{grid-template-columns:1fr;gap:30px}
  .game-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
  .hero-carousel{min-height:300px}
}

/* ============================================================
   MODALI I REGJISTRIMIT
   ============================================================ */
.modal-overlay{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(5,5,9,.85);backdrop-filter:blur(8px)}
.modal-overlay.open{display:flex}
.reg-modal{width:100%;max-width:860px;background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;position:relative;max-height:94vh}
.reg-close{position:absolute;top:14px;right:16px;z-index:5;font-size:1.7rem;color:var(--muted);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s}
.reg-close:hover{background:rgba(255,255,255,.08);color:var(--text)}
.reg-bonus{padding:46px 38px;background:radial-gradient(500px 400px at 30% 15%,rgba(232,179,57,.22),transparent 60%),linear-gradient(160deg,#1e1810,#121019);display:flex;flex-direction:column;justify-content:center}
.reg-bonus .gift{font-size:2.8rem;margin-bottom:14px}
.reg-bonus .big{font-family:'Cinzel';font-weight:900;font-size:3.6rem;line-height:1;color:var(--gold);text-shadow:0 0 34px rgba(232,179,57,.45);margin-bottom:8px}
.reg-bonus h3{font-family:'Cinzel';font-size:1.25rem;margin-bottom:20px;line-height:1.2}
.reg-bonus ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.reg-bonus li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:rgba(242,239,231,.85)}
.reg-bonus li .ck{color:var(--emerald);font-weight:800;flex-shrink:0}
.reg-form{padding:46px 38px;overflow-y:auto}
.reg-form h2{font-family:'Cinzel';font-size:1.6rem;margin-bottom:5px}
.reg-form .sub{color:var(--muted);font-size:.88rem;margin-bottom:22px}
.field{margin-bottom:14px}
.field label{display:block;font-size:.78rem;font-weight:600;color:var(--muted);margin-bottom:6px}
.field input{width:100%;height:46px;padding:0 14px;border-radius:11px;background:var(--bg-2);border:1px solid var(--line);color:var(--text);font-size:.92rem;font-family:inherit;transition:.2s}
.field input:focus{outline:none;border-color:var(--gold)}
.check{display:flex;align-items:flex-start;gap:9px;font-size:.8rem;color:var(--muted);margin:14px 0}
.check input{margin-top:2px;accent-color:var(--gold);width:16px;height:16px;flex-shrink:0}
.check a{color:var(--gold)}
.reg-form .btn-gold{width:100%;height:50px;justify-content:center;margin-top:4px;font-size:1rem}
.reg-form .switch{text-align:center;margin-top:16px;font-size:.85rem;color:var(--muted)}
.reg-form .switch a{color:var(--gold);font-weight:600}
.reg-fine{font-size:.72rem;color:var(--faint);margin-top:14px;line-height:1.55}
@media(max-width:720px){
  .reg-modal{grid-template-columns:1fr;max-width:460px}
  .reg-bonus{padding:30px 28px}
  .reg-bonus .big{font-size:2.7rem}
  .reg-form{padding:30px 28px}
}

/* ============================================================
   SI FUNKSIONON BONUSI
   ============================================================ */
section.bonus-info{padding:60px 0 0}
.bonus-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}
.step{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:18px;padding:26px 24px;position:relative}
.step .num{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Cinzel';font-weight:900;font-size:1.3rem;color:#1a1408;background:linear-gradient(140deg,var(--gold-bright),var(--gold-deep));margin-bottom:16px}
.step h4{font-size:1.05rem;margin-bottom:7px}
.step p{font-size:.88rem;color:var(--muted)}
.step .arrow{position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1.4rem;z-index:2;font-weight:700}
.wager-box{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:18px;padding:26px 30px}
.wager-box .whead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.wager-box .whead h4{font-family:'Cinzel';font-size:1.15rem}
.wager-box .wtag{font-size:.78rem;font-weight:700;color:var(--gold);background:rgba(232,179,57,.12);padding:5px 12px;border-radius:20px}
.bar-track{height:16px;border-radius:20px;background:var(--bg-2);overflow:hidden;border:1px solid var(--line)}
.bar-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright));width:0;animation:fillBar 1.4s ease forwards .3s;box-shadow:0 0 16px rgba(232,179,57,.5)}
@keyframes fillBar{to{width:35%}}
.bar-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:.82rem;color:var(--muted)}
.bar-labels b{color:var(--text)}
.wager-note{font-size:.78rem;color:var(--faint);margin-top:14px;line-height:1.5}
.bonus-terms{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:18px;padding:24px 28px;margin-top:16px}
.bonus-terms h4{font-family:'Cinzel';font-size:1.1rem;margin-bottom:14px}
.bonus-terms ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.bonus-terms li{font-size:.88rem;color:var(--muted);padding-left:18px;position:relative;line-height:1.45}
.bonus-terms li::before{content:"•";position:absolute;left:0;color:var(--gold);font-weight:800}
.bonus-terms li b{color:var(--text)}
@media(max-width:768px){
  .bonus-steps{grid-template-columns:1fr}
  .step .arrow{display:none}
}

/* ============================================================
   DRITARJA E LOJËS (GAME PLAYER)
   ============================================================ */
/* Loja hapet në një dritare me MADHËSI FIKSE që hyn brenda ekranit (jo më ekran i plotë) */
#gameModal{padding:clamp(10px,3.2vh,30px);backdrop-filter:none;-webkit-backdrop-filter:none} /* pa blur → pa lag në input */
/* Kontrollet brenda lojës mos të bëjnë re-blur çdo frame kur loja animohet → më i shpejtë */
#gpBody .cg-bal,#gpBody .cg-bet,#gpBody .cg-controls,#gpBody .cg-main{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#gameModal .game-player{width:min(1000px,96vw);max-width:96vw;height:min(86vh,720px);margin:auto;background:#0c0c12;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px -20px rgba(0,0,0,.85)}
/* Slot-et / lojërat fullpage: pak më të gjera por prapë brenda ekranit */
#gameModal.fullpage{padding:clamp(10px,3.2vh,30px)}
#gameModal.fullpage .game-player{width:min(1120px,96vw);max-width:96vw;height:min(88vh,800px);border-radius:16px;border:1px solid rgba(255,255,255,.08)}
#gameModal.fullpage .gp-body{background:radial-gradient(900px 500px at 50% 25%,rgba(232,179,57,.10),transparent 60%),#07060c}
#gameModal.fullpage .rs-machine{max-width:900px}
#gameModal.fullpage .cg-wrap{max-width:1040px;margin:0 auto;justify-content:center}
/* Përmbajtja e lojës qendërzohet me gjerësi max (mos i shtri kontrollet në ekran shumë të gjerë) */
#gpBody .holdem3d,#gpBody .crash2{left:50%;right:auto;transform:translateX(-50%);width:min(1080px,100%)}
/* TELEFON: lojërat në ekran të plotë (jo dritare e vogël me hapësira) — përmbajtja hyn bukur, jo "e madhe" */
@media(max-width:640px){
  #gameModal,#gameModal.fullpage,#gameModal.roulette-full{padding:0}
  #gameModal .game-player,#gameModal.fullpage .game-player,#gameModal.roulette-full .game-player{width:100vw;max-width:100vw;height:100vh;height:100dvh;border-radius:0;border:none}
}

/* ============================================================
   PANEL BASTESH ANASH (stil Stake): desktop → panel majtas · mobile → poshtë
   ============================================================ */
#gpBody .cg-wrap.has-side{padding:0;gap:0}
#gpBody .cg-wrap.has-side.holdem3d,#gpBody .cg-wrap.has-side.crash2{left:0;transform:none;width:100%}
#gpBody .cg-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:safe center;gap:12px;padding:16px 16px 18px;overflow-y:auto}
@media(min-width:880px){
  #gpBody .cg-wrap.has-side{flex-direction:row;align-items:stretch}
  #gpBody .cg-wrap.has-side>.cg-controls,
  #gpBody .cg-wrap.has-side>.cx-controls{
    order:-1;flex:0 0 300px;align-self:stretch;margin:0;
    display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px 20px;overflow-y:auto;
    background:rgba(255,255,255,.035);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border-right:1px solid rgba(255,255,255,.08)}
  #gpBody .cg-wrap.has-side .cg-bet{width:100%;flex-wrap:wrap;justify-content:center;font-size:.98rem;padding:11px 12px;gap:9px}
  #gpBody .cg-wrap.has-side .bet-step{width:42px;height:42px;font-size:1.32rem}
  #gpBody .cg-wrap.has-side .cg-bet .bet-step.txt{height:42px;min-width:46px;font-size:.9rem}
  #gpBody .cg-wrap.has-side .cg-btn{width:100%;height:54px;font-size:1.05rem}
  #gpBody .cg-wrap.has-side .ch-acts,#gpBody .cg-wrap.has-side .bj-actions,#gpBody .cg-wrap.has-side .h3-actbar,#gpBody .cg-wrap.has-side .cx-btns{width:100%}
  #gpBody .cg-main{padding:18px 26px}
}
@media(max-width:639px){
  #gpBody .cg-main{padding:10px 10px 12px}
  #gpBody .cg-wrap.has-side>.cg-controls,#gpBody .cg-wrap.has-side>.cx-controls{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
.gp-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-2);border-bottom:1px solid var(--line);flex-shrink:0}
.gp-title{display:flex;align-items:center;gap:12px}
.gp-title .gp-icon{font-size:1.7rem}
/* fshih kontejnerët e ikonave që mbetën bosh pas heqjes së emoji-ve */
.gp-icon:empty,.gp-placeholder .pic:empty,.ph-icon:empty,.reg-bonus .gift:empty,.sched-icon:empty,.mini-promo .ic:empty{display:none}
.gp-name{font-family:'Cinzel';font-weight:700;font-size:1.05rem;line-height:1.1}
.gp-prov{font-size:.78rem;color:var(--muted)}
.gp-actions{display:flex;gap:8px}
.gp-btn{width:40px;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:1.2rem;color:var(--text);display:flex;align-items:center;justify-content:center;transition:.2s}
/* X universal për të mbyllur çdo lojë (gjithmonë i dukshëm në cep lart-djathtas) */
#gameModal .game-player{position:relative}
.gp-corner-x{position:absolute;top:8px;right:8px;z-index:80;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(10,10,16,.8);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.15s}
.gp-corner-x:hover{background:rgba(200,45,45,.9);border-color:#ff6b6b}
.gp-btn:hover{background:var(--surface-2);border-color:var(--gold)}
.gp-body{flex:1;position:relative;background:radial-gradient(600px 400px at 50% 30%,rgba(232,179,57,.06),transparent 60%),#0a0a0f;overflow:hidden}
.gp-body iframe{width:100%;height:100%;border:0;display:block}
/* Vignette i lehtë për lexueshmëri mbi çdo sfond */
.gp-body[data-bg]:not([data-bg=""])::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;box-shadow:inset 0 0 160px 30px rgba(0,0,0,.55)}
/* Shtresë e animuar grimcash që rrjedhin mbi çdo sfond */
.gp-body[data-bg]:not([data-bg=""])::after{content:'';position:absolute;inset:-20%;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.07) 0 1.5px,transparent 2px),
             radial-gradient(circle at 70% 60%,rgba(255,255,255,.06) 0 1.5px,transparent 2px),
             radial-gradient(circle at 45% 85%,rgba(232,179,57,.10) 0 1.5px,transparent 2px),
             radial-gradient(circle at 85% 20%,rgba(255,255,255,.05) 0 1px,transparent 2px);
  background-size:180px 180px,220px 220px,260px 260px,160px 160px;
  animation:bgDrift 22s linear infinite;opacity:.8}
@keyframes bgDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-60px,-90px,0)}}
/* Yje që pulsojnë te qielli & kozmosi */
.gp-body[data-bg="sky"]::after,.gp-body[data-bg="cosmic"]::after{animation:bgDrift 26s linear infinite,bgTwinkle 3.5s ease-in-out infinite}
@keyframes bgTwinkle{0%,100%{opacity:.55}50%{opacity:1}}
.gp-body[data-bg] .cg-wrap{position:absolute;z-index:1}
/* ── WALLPAPER me foto (mbi sfondin tematik; nëse fotoja s'ngarkohet, mbetet sfondi) ── */
.gp-body[data-bg="felt"]::before{background:linear-gradient(rgba(7,39,27,.74),rgba(5,25,17,.9)),url('https://images.unsplash.com/photo-1596838132731-3301c3fd4317?w=1200&q=70') center/cover no-repeat}
.gp-body[data-bg="sky"]::before{background:linear-gradient(rgba(8,16,40,.66),rgba(5,5,14,.92)),url('https://images.unsplash.com/photo-1419242902214-272b3f66ee7a?w=1200&q=70') center/cover no-repeat}
.gp-body[data-bg="pitch"]::before{background:linear-gradient(rgba(8,40,24,.6),rgba(5,18,11,.9)),url('https://images.unsplash.com/photo-1459865264687-595d652de67e?w=1200&q=70') center/cover no-repeat}
.gp-body[data-bg="cave"]::before{background:linear-gradient(rgba(18,12,30,.7),rgba(7,7,14,.92)),url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1200&q=70') center/cover no-repeat}
.gp-body[data-bg="cosmic"]::before{background:linear-gradient(rgba(20,12,42,.66),rgba(8,8,20,.92)),url('https://images.unsplash.com/photo-1462331940025-496dfbfc7564?w=1200&q=70') center/cover no-repeat}
.gp-body[data-bg="egypt"]::before{background:linear-gradient(rgba(48,32,14,.66),rgba(18,12,6,.9)),url('https://images.unsplash.com/photo-1539650116574-75c0c6d73f6e?w=1200&q=70') center/cover no-repeat}
.gp-body[data-bg="vegas"]::before{background:linear-gradient(rgba(36,18,18,.6),rgba(20,8,14,.9)),url('https://images.unsplash.com/photo-1605833556294-ea5c7a74f57d?w=1200&q=70') center/cover no-repeat}
.gp-body[data-bg="gold"]::before{background:linear-gradient(rgba(28,24,16,.66),rgba(10,10,15,.92)),url('https://images.unsplash.com/photo-1610375461246-83df859d849d?w=1200&q=70') center/cover no-repeat}
.gp-body[data-bg]:not([data-bg=""])::before{box-shadow:inset 0 0 160px 30px rgba(0,0,0,.55)}
/* ── FELT (lojëra tavoline — cohë jeshile kazino) ── */
.gp-body[data-bg="felt"]{background:
  radial-gradient(circle at 50% 8%,rgba(255,255,255,.07),transparent 55%),
  repeating-radial-gradient(circle at 50% 45%,rgba(0,0,0,.05) 0 18px,rgba(255,255,255,.02) 18px 36px),
  radial-gradient(ellipse at 50% 45%,#1d7a4c,#0e482e 65%,#07271b)}
/* ── SKY (Crash / Balloon — qiell nate me yje) ── */
.gp-body[data-bg="sky"]{background:
  radial-gradient(2px 2px at 18% 28%,#fff,transparent),
  radial-gradient(1.5px 1.5px at 62% 18%,#fff,transparent),
  radial-gradient(1.5px 1.5px at 82% 52%,#cfe3ff,transparent),
  radial-gradient(1px 1px at 33% 66%,#fff,transparent),
  radial-gradient(2px 2px at 73% 78%,#fff,transparent),
  radial-gradient(1px 1px at 47% 38%,#fff,transparent),
  radial-gradient(1.5px 1.5px at 90% 30%,#fff,transparent),
  radial-gradient(circle at 50% 110%,rgba(77,159,255,.18),transparent 55%),
  linear-gradient(180deg,#0a1a3e,#0a0e22 68%,#05050c)}
/* ── PITCH (Goal — fushë futbolli) ── */
.gp-body[data-bg="pitch"]{background:
  radial-gradient(circle at 50% 30%,rgba(255,255,255,.08),transparent 60%),
  repeating-linear-gradient(90deg,#1d7a3e 0 46px,#1a6e38 46px 92px)}
/* ── CAVE (Mines / Tower — shpellë e errët me xhevahire) ── */
.gp-body[data-bg="cave"]{background:
  radial-gradient(circle at 50% 16%,rgba(33,193,122,.14),transparent 52%),
  radial-gradient(circle at 80% 80%,rgba(232,179,57,.08),transparent 50%),
  radial-gradient(ellipse at 50% 100%,#1a1430,transparent 70%),
  linear-gradient(180deg,#15131e,#09090f)}
/* ── COSMIC (Limbo / Wheel / Plinko / Double — neon kozmik) ── */
.gp-body[data-bg="cosmic"]{background:
  radial-gradient(circle at 28% 22%,rgba(155,89,182,.28),transparent 55%),
  radial-gradient(circle at 78% 68%,rgba(77,159,255,.20),transparent 55%),
  radial-gradient(1.5px 1.5px at 40% 50%,rgba(255,255,255,.6),transparent),
  radial-gradient(1px 1px at 70% 30%,rgba(255,255,255,.5),transparent),
  linear-gradient(180deg,#181030,#0a0a18)}
/* ── EGYPT (Book slot — rërë & ar i lashtë) ── */
.gp-body[data-bg="egypt"]{background:
  radial-gradient(circle at 50% 8%,rgba(232,179,57,.22),transparent 50%),
  radial-gradient(ellipse at 50% 100%,rgba(180,120,40,.18),transparent 65%),
  linear-gradient(180deg,#3a2a12,#1c1308 70%,#0e0a05)}
/* ── VEGAS (Slot — ar/kuq i ngrohtë) ── */
.gp-body[data-bg="vegas"]{background:
  radial-gradient(circle at 50% 4%,rgba(232,179,57,.22),transparent 52%),
  radial-gradient(circle at 50% 100%,rgba(230,57,80,.14),transparent 60%),
  linear-gradient(180deg,#2c1b12,#160a10)}
/* ── GOLD (Coin / Dice / Keno / HiLo — luks ari) ── */
.gp-body[data-bg="gold"]{background:
  radial-gradient(circle at 50% 26%,rgba(232,179,57,.20),transparent 58%),
  radial-gradient(circle at 50% 100%,rgba(232,179,57,.06),transparent 60%),
  linear-gradient(180deg,#1c1810,#0a0a0f)}
/* Lexueshmëri: hije e lehtë te teksti i lojës mbi sfonde */
.gp-body[data-bg] .cg-msg{text-shadow:0 1px 6px rgba(0,0,0,.7)}
.gp-body[data-bg] .cg-bal{background:rgba(10,10,16,.5);backdrop-filter:blur(4px);padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.06)}

/* ============================================================
   CYBERPUNK · GLASSMORPHISM · NEON — rindërtim uniform i lojërave
   I skeduar te #gpBody (nuk prek lobby-n) · pa foto të turbullta,
   pa gradientë të rëndë · sfond solid + Ambient Dust (JS canvas)
   ============================================================ */
#gpBody{--neon:#8A2BE2;font-family:Inter,'Segoe UI',Roboto,system-ui,-apple-system,'Helvetica Neue',sans-serif}
.gp-dust{position:absolute;inset:0;z-index:0;pointer-events:none}
/* Sfond i pastër solid Slate Dark + shkëlqim shumë i lehtë neon lart; hiq fotot & grimcat CSS */
#gpBody[data-bg]:not([data-bg=""]),#gpBody{background:
  radial-gradient(65% 46% at 50% -6%, color-mix(in srgb, var(--neon) 14%, transparent), transparent 70%),
  #0B0C10 !important}
#gpBody[data-bg]::before,#gpBody[data-bg]::after{display:none !important}
#gameModal.fullpage #gpBody{background:
  radial-gradient(60% 42% at 50% -6%, color-mix(in srgb, var(--neon) 14%, transparent), transparent 70%),#08090d !important}
#gpBody .cg-wrap{position:absolute;z-index:1}

/* ---- Tipografi: balanca/basti bardhë e pastër ose neon ---- */
#gpBody .cg-msg{color:#cfd6e6;text-shadow:0 1px 10px rgba(0,0,0,.85)}
#gpBody .cg-msg b{color:var(--neon)}
#gpBody .cg-msg.win{color:var(--neon)}
#gpBody .cg-bal{background:rgba(255,255,255,.045);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:7px 14px}
#gpBody .cg-bal b,#gpBody [data-usdt]{color:#fff;font-weight:800}

/* ---- Glassmorphism: tavolinat e letrave + grid-et (pa felt, pa 3D të rëndë) ---- */
#gpBody .table3d,#gpBody .dt-table,#gpBody .bacc-table,#gpBody .tc-table,#gpBody .ab-table{
  background:rgba(255,255,255,.03) !important;background-image:none !important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.08) !important;border-radius:20px !important;outline:none !important;
  transform:none !important;
  box-shadow:0 12px 46px -16px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06),0 0 28px -8px color-mix(in srgb,var(--neon) 50%,transparent) !important}
#gpBody .table3d.felt{background:rgba(255,255,255,.03) !important;background-image:none !important}
#gpBody .table3d .t3-arc,#gpBody .table3d .t3-line{opacity:.35}
#gpBody .mines-grid,#gpBody .scratch-card,#gpBody .keno-grid,#gpBody .tower-board,#gpBody .sicbo-opts{
  background:rgba(255,255,255,.03) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.08) !important;border-radius:16px !important;padding:12px !important;
  box-shadow:0 8px 34px -14px rgba(0,0,0,.8),0 0 22px -8px color-mix(in srgb,var(--neon) 45%,transparent) !important}

/* ---- Paneli i kontrollit: xham ---- */
#gpBody .cg-bet{background:rgba(255,255,255,.04) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08) !important;box-shadow:none !important}
#gpBody .cg-bet b{color:#fff}
#gpBody .bet-lim{color:rgba(255,255,255,.4)}

/* ---- Butonat e panelit (Min/Max/½/2×/±/✎): matte, ndriçim neon vetëm në hover ---- */
#gpBody .bet-step{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.1) !important;color:#c8cfdd !important;box-shadow:none !important;text-shadow:none !important;transition:.16s}
#gpBody .bet-step:hover{border-color:var(--neon) !important;color:var(--neon) !important;box-shadow:0 0 14px -2px color-mix(in srgb,var(--neon) 70%,transparent) !important}
#gpBody .bet-step:active{transform:translateY(1px)}

/* ---- Butoni kryesor Start/Deal/Roll: neon i plotë, pa gradientë ---- */
#gpBody .cg-btn{background:var(--neon) !important;color:#050608 !important;border:none !important;border-radius:12px !important;font-weight:800 !important;letter-spacing:.3px;text-shadow:none !important;box-shadow:0 0 24px -5px color-mix(in srgb,var(--neon) 85%,transparent) !important;transition:filter .14s,transform .1s}
#gpBody .cg-btn:hover:not(:disabled){filter:brightness(1.12) !important;transform:translateY(-1px)}
#gpBody .cg-btn:active:not(:disabled){transform:translateY(1px) !important}
#gpBody .cg-btn:disabled{opacity:.38 !important;box-shadow:none !important}
/* butonat sekondarë (Fold/Check): matte + neon hover */
#gpBody .cg-btn.alt,#gpBody .cg-btn.chk{background:rgba(255,255,255,.05) !important;color:#dfe6f2 !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:none !important}
#gpBody .cg-btn.alt:hover:not(:disabled),#gpBody .cg-btn.chk:hover:not(:disabled){border-color:var(--neon) !important;color:var(--neon) !important;box-shadow:0 0 16px -4px color-mix(in srgb,var(--neon) 70%,transparent) !important}

/* ---- Butonat e zgjedhjes së bastit: matte, neon kur aktiv ---- */
#gpBody .dt-pick,#gpBody .sb-opt,#gpBody .risk-btn,#gpBody .goal-dir,#gpBody .hilo-btn{
  background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.1) !important;color:#c8cfdd !important;box-shadow:none !important;text-shadow:none !important;transition:.16s}
#gpBody .dt-pick:hover:not(:disabled),#gpBody .sb-opt:hover:not(:disabled),#gpBody .risk-btn:hover:not(:disabled),#gpBody .goal-dir:hover:not(:disabled),#gpBody .hilo-btn:hover:not(:disabled){border-color:var(--neon) !important;color:var(--neon) !important;box-shadow:0 0 14px -3px color-mix(in srgb,var(--neon) 65%,transparent) !important}
#gpBody .dt-pick.active,#gpBody .sb-opt.active,#gpBody .risk-btn.active{background:var(--neon) !important;border-color:var(--neon) !important;color:#050608 !important;box-shadow:0 0 20px -4px color-mix(in srgb,var(--neon) 80%,transparent) !important}

/* ============================================================
   CASINO HOLD'EM — Tavolinë live 3D (shoe · çipa · dealer · tip)
   ============================================================ */
.holdem3d{gap:8px}
/* Sfond: foto reale nga kazino (tavolinë pokeri), errësuar që tavolina 3D të dalë */
.h3-stage{position:relative;flex:1;min-height:min(60vh,600px);padding:56px 8px 12px;overflow:hidden;border-radius:18px;
  border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 0 130px rgba(0,0,0,.62),0 10px 30px -12px rgba(0,0,0,.75);display:flex;flex-direction:column;justify-content:center}
/* stage transparente → shfaqet foto reale e gp-body; tavolina flat te lojërat jo-Hold'em (lexueshmëri) */
#gpBody:not([data-game="holdem"]) .h3-table{transform:none !important;border-radius:20px !important}
#gpBody:not([data-game="holdem"]) .h3-table .ch-cards{transform:none !important}
/* ---- Avatar Live Dealer (krye-qendër) ---- */
.h3-dealer-av{position:absolute;top:2px;left:50%;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:4px}
.h3-avimg{width:48px;height:48px;border-radius:50%;box-shadow:0 6px 16px rgba(0,0,0,.55),0 0 0 2px rgba(255,255,255,.1),0 0 20px -4px var(--neon)}
.h3-av-name{font-size:.66rem;color:#cfd6e6;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.09);padding:2px 10px;border-radius:20px}
.h3-live{width:6px;height:6px;border-radius:50%;background:#ff3b5c;box-shadow:0 0 8px #ff3b5c;animation:h3Live 1.4s ease-in-out infinite}
@keyframes h3Live{50%{opacity:.3}}
/* ---- Card Shoe (kënd i sipërm-djathtë, xham i errët) ---- */
.h3-shoe{position:absolute;top:8px;right:12px;width:54px;height:64px;z-index:4;border-radius:9px;background:linear-gradient(160deg,rgba(30,33,46,.7),rgba(12,13,20,.75));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 22px rgba(0,0,0,.55),inset 0 0 18px rgba(0,0,0,.5);transform:perspective(420px) rotateY(-20deg) rotateX(8deg)}
.h3-shoe-lip{position:absolute;left:6px;right:6px;bottom:9px;height:5px;border-radius:3px;background:var(--neon);box-shadow:0 0 10px var(--neon);opacity:.85}
.h3-shoe::before{content:'';position:absolute;left:8px;right:8px;top:8px;height:34px;border-radius:5px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.14) 0 2px,transparent 2px 5px)}
/* ---- Çipa dekor anash ---- */
.h3-decor{position:absolute;bottom:22px;z-index:2;display:flex;gap:20px;align-items:flex-end;pointer-events:none}
.h3-decor-l{left:16px}.h3-decor-r{right:16px}
/* ---- Çip realist poker (top-down): spote në buzë + faqe me shkëlqim + prerje ---- */
.chip3d{--body:#d0202f;--edge:#ffffff;--sz:40px;width:var(--sz);height:var(--sz);border-radius:50%;position:relative;flex:0 0 auto;
  background:repeating-conic-gradient(var(--edge) 0deg 9deg, var(--body) 9deg 30deg);
  box-shadow:0 4px 8px rgba(0,0,0,.5),inset 0 0 10px rgba(0,0,0,.32)}
.chip3d::before{content:'';position:absolute;inset:15%;border-radius:50%;
  background:radial-gradient(circle at 40% 32%, color-mix(in srgb,var(--body) 52%,#fff), var(--body) 76%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.4),inset 0 3px 5px rgba(255,255,255,.28),inset 0 -4px 7px rgba(0,0,0,.3)}
.chip3d::after{content:attr(data-v);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:calc(var(--sz)*0.3);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);z-index:2}
/* stivë çipash (top-down, të shtresuara lart) */
.h3-pile{position:relative;width:50px;height:78px}
.h3-pile .chip3d{position:absolute;left:0;--sz:48px}
/* ---- Tavolina 3D me perspektivë + cohë emerald + kornizë lëkure ---- */
.h3-persp{perspective:1200px;perspective-origin:50% 24%;display:flex;justify-content:center;padding:4px 0 2px}
.h3-table{position:relative;width:min(760px,92%);transform:perspective(1000px) rotateX(33deg);transform-origin:50% 74%;transform-style:preserve-3d;
  padding:46px 44px 44px;border-radius:46% 46% 16% 16%/30% 30% 16% 16%;
  /* Cohë emerald me dritë skenike + emblemë ari në qendër + teksturë endjeje (që të mos duket bosh) */
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='230'%3E%3Ccircle cx='115' cy='115' r='74' fill='none' stroke='%23d6b25e' stroke-opacity='0.2' stroke-width='1.6'/%3E%3Ccircle cx='115' cy='115' r='60' fill='none' stroke='%23d6b25e' stroke-opacity='0.1' stroke-width='1'/%3E%3Ctext x='115' y='150' font-size='92' text-anchor='middle' fill='%23d6b25e' fill-opacity='0.13' font-family='Georgia,serif'%3E%E2%99%A0%3C/text%3E%3C/svg%3E") center 40%/190px auto no-repeat,
    repeating-linear-gradient(48deg, rgba(0,0,0,.05) 0 2px, transparent 2px 7px),
    radial-gradient(ellipse 60% 54% at 50% 40%, #1c8163 0%, #0d4738 40%, #082a20 70%, #04140e 100%);
  box-shadow:
    0 0 0 12px #14100b, 0 0 0 14px #0a0806,                          /* kornizë lëkure/mahagoni e errët mat */
    inset 0 0 0 2px rgba(214,178,94,.4),                             /* vijë e hollë ari në skajin e brendshëm */
    inset 0 0 95px rgba(0,0,0,.62), inset 0 3px 14px rgba(255,255,255,.05),
    0 46px 66px -22px rgba(0,0,0,.9)}
.h3-zone{position:relative;text-align:center;padding:12px 0}
.h3-zone-comm{border-top:1px solid rgba(214,178,94,.16);border-bottom:1px solid rgba(214,178,94,.16);padding:18px 0;margin:8px 0}
.h3-lbl{font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:5px}
.h3-lbl span{color:#fff;letter-spacing:0;font-size:.72rem;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.h3-table .ch-cards{transform:translateZ(16px);min-height:56px}
.h3-pot{height:0}
/* Letra fluturon nga Shoe me MOTION-BLUR + hije dinamike (iluzion "pezull"); ndalon me hije të butë */
@keyframes h3DealBlur{
  0%{opacity:0;transform:translate(150px,-130px) rotate(16deg) scale(.66);filter:blur(3px) drop-shadow(22px 30px 8px rgba(0,0,0,.5))}
  45%{opacity:1;filter:blur(1.1px) drop-shadow(11px 18px 12px rgba(0,0,0,.55))}
  100%{opacity:1;transform:none;filter:blur(0) drop-shadow(0 9px 8px rgba(0,0,0,.55))}
}
/* filter vetëm te letrat e shpërndara (jo te ato që bëjnë flip 3D — filter e sheshon 3D-në) */
.holdem3d .ch-card.deal-in{animation:h3DealBlur .5s cubic-bezier(.15,.85,.25,1) backwards;filter:drop-shadow(0 9px 7px rgba(0,0,0,.5))}
/* Flip 3D i letrave të dealerit (shpina → faqja) */
.holdem3d .h3-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.2,1)}
.holdem3d .h3-flip.flipped{transform:rotateY(180deg)}
.holdem3d .h3-flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7px;overflow:hidden}
.holdem3d .h3-flip-front{transform:rotateY(180deg)}
.holdem3d .h3-flip-face .card-svg{width:100%;height:100%;display:block}
/* ---- Çipa realistë fluturues (bast → pot, tip → dealer) ---- */
.h3-flychip{position:absolute;--sz:30px;margin:-15px 0 0 -15px;z-index:8;pointer-events:none;
  transition:transform .9s cubic-bezier(.4,.1,.2,1),opacity .9s ease}
/* ---- Pop-up "Thank you" i dealer-it ---- */
.h3-thanks{position:absolute;top:56px;left:50%;transform:translate(-50%,-8px) scale(.9);z-index:9;white-space:nowrap;pointer-events:none;
  background:rgba(12,14,20,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--neon) 40%,rgba(255,255,255,.15));
  color:#fff;font-weight:700;font-size:.85rem;padding:9px 16px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.6),0 0 22px -6px var(--neon);opacity:0;transition:.35s}
.h3-thanks.show{opacity:1;transform:translate(-50%,0) scale(1)}
/* ---- Action bar + butoni Tip Dealer (glassmorphism) ---- */
.holdem3d .h3-actbar{display:flex;gap:10px;align-items:stretch;position:relative}
.holdem3d .ch-acts{display:flex;gap:8px;flex:1}
.h3-tip{flex:0 0 auto;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:#e7d9a0;font-weight:800;font-size:.9rem;cursor:pointer;transition:.16s}
.h3-tip:hover{border-color:var(--neon);color:#fff;box-shadow:0 0 16px -3px var(--neon)}
.h3-tip.pulse{border-color:var(--neon);color:#fff;animation:h3TipPulse 1s ease-in-out infinite}
@keyframes h3TipPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--neon) 55%,transparent)}50%{box-shadow:0 0 22px 3px color-mix(in srgb,var(--neon) 80%,transparent)}}
.h3-tipmenu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;min-width:196px;background:rgba(14,16,22,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px;box-shadow:0 16px 44px rgba(0,0,0,.65)}
.h3-tipmenu-h{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;text-align:center}
.h3-tipmenu-row{display:flex;gap:6px}
.h3-tipamt{flex:1;padding:9px 4px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#dfe6f2;font-weight:800;font-size:.8rem;cursor:pointer;transition:.15s}
.h3-tipamt:hover{background:var(--neon);border-color:var(--neon);color:#050608;box-shadow:0 0 16px -3px var(--neon)}
/* ---- Panel status LIVE (neon, fade-in) ---- */
.h3-status{position:absolute;top:8px;left:50%;transform:translate(-50%,-8px);z-index:6;pointer-events:none;white-space:nowrap;
  font-weight:800;font-size:.9rem;letter-spacing:.4px;color:#fff;
  background:rgba(8,10,16,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid color-mix(in srgb,var(--neon) 35%,rgba(255,255,255,.12));padding:5px 16px;border-radius:20px;
  text-shadow:0 0 10px var(--neon);box-shadow:0 0 20px -6px var(--neon);opacity:0;transition:opacity .4s ease,transform .4s ease}
.h3-status.show{opacity:1;transform:translate(-50%,0)}
/* ---- Buton Mute (muzikë ambient lounge) ---- */
.h3-mute{position:absolute;top:8px;left:12px;z-index:5;width:34px;height:34px;border-radius:10px;
  background:rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);
  color:#e7d9a0;font-size:1rem;cursor:pointer;transition:.15s}
.h3-mute:hover{border-color:var(--neon);color:#fff;box-shadow:0 0 14px -3px var(--neon)}
.h3-mute.off{opacity:.55;color:#8a90a0}
.h3-mute.off::after{content:'';position:absolute;left:5px;right:5px;top:50%;height:2px;background:currentColor;transform:translateY(-1px) rotate(-22deg);border-radius:2px}
/* ---- Butoni kryesor Deal/Call: emerald solid + scale në klik (VIP) ---- */
#gpBody .holdem3d .cg-btn{background:#00e676 !important;color:#04160b !important;box-shadow:0 0 22px -6px #00e676 !important;transition:filter .14s,transform .12s}
#gpBody .holdem3d .cg-btn:hover:not(:disabled){filter:brightness(1.08) !important}
#gpBody .holdem3d .cg-btn:active:not(:disabled){transform:scale(.96) !important}
#gpBody .holdem3d .cg-btn.alt,#gpBody .holdem3d .cg-btn.chk{background:rgba(255,255,255,.05) !important;color:#dfe6f2 !important;box-shadow:none !important;border:1px solid rgba(255,255,255,.14) !important}
#gpBody .holdem3d .cg-btn.alt:hover:not(:disabled),#gpBody .holdem3d .cg-btn.chk:hover:not(:disabled){border-color:#00e676 !important;color:#00e676 !important;box-shadow:0 0 14px -4px #00e676 !important}
@media(max-width:560px){ .h3-decor{display:none} .h3-table{transform:perspective(900px) rotateX(27deg);width:96%;padding:22px 16px} .h3-shoe{width:44px;height:54px} .h3-stage{min-height:266px;padding-top:50px} }

/* ============================================================
   VIP për të gjitha lojërat me letra — foto reale nga kazino + cohë emerald + kornizë ari
   ============================================================ */
#gpBody[data-bg]:not([data-bg=""])[data-game="holdem"]{background:radial-gradient(ellipse 70% 48% at 50% 12%,rgba(255,255,255,.07),transparent 60%),radial-gradient(ellipse 120% 85% at 50% 22%,#1c7a50,#0d472e 52%,#062318) !important}
#gpBody[data-bg]:not([data-bg=""])[data-game="blackjack"]{background:radial-gradient(ellipse 70% 48% at 50% 12%,rgba(255,255,255,.07),transparent 60%),radial-gradient(ellipse 120% 85% at 50% 22%,#1c7a50,#0d472e 52%,#062318) !important}
#gpBody[data-bg]:not([data-bg=""])[data-game="baccarat"]{background:radial-gradient(ellipse 70% 48% at 50% 12%,rgba(255,236,190,.08),transparent 60%),radial-gradient(ellipse 120% 85% at 50% 22%,#155e56,#093a33 52%,#04201c) !important}
#gpBody[data-bg]:not([data-bg=""])[data-game="threecard"]{background:radial-gradient(ellipse 70% 48% at 50% 12%,rgba(255,255,255,.07),transparent 60%),radial-gradient(ellipse 120% 85% at 50% 22%,#1c7a50,#0d472e 52%,#062318) !important}
#gpBody[data-bg]:not([data-bg=""])[data-game="dragon"]{background:radial-gradient(ellipse 70% 48% at 50% 12%,rgba(255,214,130,.10),transparent 60%),radial-gradient(ellipse 120% 88% at 50% 22%,#7c2027,#451016 55%,#230a0e) !important}
#gpBody[data-bg]:not([data-bg=""])[data-game="war"]{background:radial-gradient(ellipse 70% 48% at 50% 12%,rgba(255,180,180,.08),transparent 60%),radial-gradient(ellipse 120% 88% at 50% 22%,#6e1420,#3c0b13 55%,#1f070b) !important}
#gpBody[data-bg]:not([data-bg=""])[data-game="andarbahar"]{background:radial-gradient(ellipse 70% 48% at 50% 12%,rgba(185,175,255,.09),transparent 60%),radial-gradient(ellipse 120% 88% at 50% 22%,#33246e,#1a123f 55%,#0b0820) !important}
/* Cohë emerald premium me dritë skenike + vijë ari + kornizë e errët (të njëjtin stil si Hold'em) */
#gpBody .table3d,#gpBody .dt-table,#gpBody .bacc-table,#gpBody .tc-table,#gpBody .ab-table{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='230'%3E%3Ccircle cx='115' cy='115' r='74' fill='none' stroke='%23d6b25e' stroke-opacity='0.2' stroke-width='1.6'/%3E%3Ccircle cx='115' cy='115' r='60' fill='none' stroke='%23d6b25e' stroke-opacity='0.1' stroke-width='1'/%3E%3Ctext x='115' y='150' font-size='92' text-anchor='middle' fill='%23d6b25e' fill-opacity='0.13' font-family='Georgia,serif'%3E%E2%99%A0%3C/text%3E%3C/svg%3E") center 46%/175px auto no-repeat,
    repeating-linear-gradient(48deg, rgba(0,0,0,.05) 0 2px, transparent 2px 7px),
    radial-gradient(ellipse 74% 62% at 50% 36%, #1c8163 0%, #0d4738 42%, #082a20 72%, #05160f 100%) !important;
  border:1px solid rgba(214,178,94,.3) !important;border-radius:22px !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  box-shadow:0 0 0 10px #14100b,0 0 0 12px #0a0806,inset 0 0 0 1px rgba(214,178,94,.32),inset 0 0 74px rgba(0,0,0,.55),0 30px 52px -20px rgba(0,0,0,.88) !important;
  max-width:820px !important;width:100% !important;margin-left:auto !important;margin-right:auto !important;padding:44px 44px !important}
/* Butoni kryesor te lojërat me letra = emerald solid + scale (si Hold'em) */
#gpBody[data-game="blackjack"] .cg-btn,#gpBody[data-game="baccarat"] .cg-btn,#gpBody[data-game="threecard"] .cg-btn,#gpBody[data-game="dragon"] .cg-btn,#gpBody[data-game="war"] .cg-btn,#gpBody[data-game="andarbahar"] .cg-btn{background:#00e676 !important;color:#04160b !important;box-shadow:0 0 22px -6px #00e676 !important}
#gpBody[data-game="blackjack"] .cg-btn:active:not(:disabled),#gpBody[data-game="baccarat"] .cg-btn:active:not(:disabled),#gpBody[data-game="threecard"] .cg-btn:active:not(:disabled),#gpBody[data-game="dragon"] .cg-btn:active:not(:disabled),#gpBody[data-game="war"] .cg-btn:active:not(:disabled),#gpBody[data-game="andarbahar"] .cg-btn:active:not(:disabled){transform:scale(.96) !important}
#gpBody[data-game="blackjack"] .cg-btn.alt,#gpBody[data-game="baccarat"] .cg-btn.alt,#gpBody[data-game="threecard"] .cg-btn.alt,#gpBody[data-game="dragon"] .cg-btn.alt,#gpBody[data-game="war"] .cg-btn.alt{background:rgba(255,255,255,.05) !important;color:#dfe6f2 !important;box-shadow:none !important;border:1px solid rgba(255,255,255,.14) !important}
.gp-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:14px}
.gp-placeholder .pic{font-size:4.5rem;filter:drop-shadow(0 10px 24px rgba(0,0,0,.5))}
.gp-placeholder h3{font-family:'Cinzel';font-size:1.5rem}
.gp-placeholder p{color:var(--muted);max-width:500px;font-size:.92rem;line-height:1.6}
.gp-code{background:#06060a;border:1px solid var(--line);border-radius:10px;padding:13px 15px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;color:var(--gold);max-width:580px;text-align:left;overflow-x:auto;white-space:pre;line-height:1.5}
.gp-note{font-size:.78rem;color:var(--faint);max-width:480px}
/* User chip (header) */
.user-chip{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:5px 14px 5px 10px;height:38px}
.u-avatar{font-size:1.1rem}
.u-name{font-weight:700;font-size:.88rem;color:var(--gold);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-logout{background:none;border:none;color:var(--muted);font-size:.78rem;cursor:pointer;padding:2px 6px;border-radius:6px;transition:.2s}
.u-logout:hover{color:var(--crimson)}
.u-cash{padding:6px 11px;border-radius:9px;font-weight:700;font-size:.78rem;cursor:pointer;background:linear-gradient(120deg,var(--gold-bright),var(--gold-deep));color:#1a1408;border:none;transition:.15s;white-space:nowrap}
.u-cash:hover{filter:brightness(1.08);transform:translateY(-1px)}
.u-cash-out{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}
.bal-chip{cursor:pointer}
.bal-plus{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--gold);color:#1a1408;font-weight:900;font-size:.92rem;line-height:1;margin-left:5px}
/* Form error */
.form-error{color:#ff6b6b;font-size:.82rem;min-height:18px;margin:4px 0}
/* Login modal */
.login-modal{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:36px 32px;width:100%;max-width:420px;position:relative}
/* Auth modals (login/register) — scroll i plotë në mobile që fjalëkalimi + butoni të arrihen gjithmonë */
@media(max-width:720px){
  .modal-overlay{align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 12px 48px}
  .reg-modal{max-height:none}
  .reg-form{overflow-y:visible;padding:24px 20px}
  .reg-modal > *:not(.reg-form):not(.reg-close){display:none}   /* fshih kolonën e benefiteve → forma merr gjithë ekranin */
  .login-modal{max-height:none}
}
.login-head{text-align:center;margin-bottom:24px}
.login-logo{font-size:2.8rem;margin-bottom:8px}
.login-head h2{font-family:'Cinzel';font-size:1.5rem;margin-bottom:6px}
.login-head p{color:var(--muted);font-size:.9rem}
/* USDT Balance Chip */
.usdt-chip{display:flex;align-items:center;gap:6px;background:rgba(33,193,122,.12);border:1px solid rgba(33,193,122,.3);color:#21c17a;font-size:.85rem;font-weight:700;padding:5px 14px;border-radius:24px;height:38px}
/* Crash Game */
.crash-area{position:relative;border-radius:14px;overflow:hidden;margin-bottom:12px;background:#07070e;box-shadow:inset 0 0 30px rgba(0,0,0,.6)}
.crash-area canvas{width:100%;height:auto;display:block}
.crash-area.cr-shake{animation:crShake .5s cubic-bezier(.36,.07,.19,.97)}
@keyframes crShake{10%{transform:translate(-4px,2px)}30%{transform:translate(6px,-3px)}50%{transform:translate(-5px,3px)}70%{transform:translate(4px,-2px)}90%{transform:translate(-2px,1px)}100%{transform:translate(0,0)}}
.cr-mult{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-family:'Cinzel';font-size:3.4rem;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.55),0 4px 0 rgba(0,0,0,.32),0 0 30px rgba(232,179,57,.9),0 6px 11px rgba(0,0,0,.6);pointer-events:none;letter-spacing:1px}
.cr-status{text-align:center;font-size:.88rem;color:var(--muted);margin-bottom:10px;min-height:20px}
.cr-rtp{font-size:.72rem;color:var(--faint);padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.04)}
/* Limbo */
.limbo-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;background:radial-gradient(circle at 50% 120%,rgba(155,89,182,.25),transparent 60%),linear-gradient(180deg,#140e28,#0a0a14);border-radius:14px;margin-bottom:12px;overflow:hidden;perspective:760px}
.limbo-stage::after{content:'';position:absolute;left:-20%;right:-20%;bottom:0;height:50%;background:repeating-linear-gradient(90deg,rgba(155,89,182,.18) 0 1px,transparent 1px 54px),repeating-linear-gradient(0deg,rgba(155,89,182,.16) 0 1px,transparent 1px 40px);transform:perspective(420px) rotateX(62deg);transform-origin:50% 100%;pointer-events:none;opacity:.7}
.limbo-rocket{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.6rem;opacity:0;transition:.2s}
.limbo-rocket.flying{opacity:1;animation:rocketFly .9s ease-in}
.limbo-rocket.crashed{opacity:1;animation:rocketCrash .6s ease-in}
@keyframes rocketFly{0%{transform:translate(-50%,40px) rotate(-12deg);opacity:.4}100%{transform:translate(-50%,-90px) rotate(-12deg);opacity:0}}
@keyframes rocketCrash{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,60px) rotate(160deg);opacity:0}}
.limbo-display{position:relative;z-index:2;text-align:center;font-family:'Cinzel';font-size:3.6rem;font-weight:900;color:#e8b339;text-shadow:0 2px 0 rgba(0,0,0,.5),0 4px 0 rgba(0,0,0,.32),0 6px 11px rgba(0,0,0,.5),0 0 40px currentColor;transition:color .2s}
.limbo-display.win{color:#21c17a;animation:counterPop .4s,goldGlow 1s}
.limbo-display.lose{color:#e63950}
.limbo-display.rolling{color:#cfa6f0}
.limbo-params{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.lm-param label{font-size:.78rem;color:var(--faint);display:block;margin-bottom:6px}
.lm-ctrl{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.lm-ctrl button{width:42px;height:42px;background:var(--surface);border:none;color:var(--text);font-size:1.3rem;cursor:pointer;transition:.2s}
.lm-ctrl button:hover{background:var(--surface-2)}
.lm-ctrl input{flex:1;background:transparent;border:none;color:var(--text);font-size:1.1rem;font-weight:700;text-align:center;outline:none}
.lm-stats{display:flex;gap:12px}
.lm-stat{flex:1;background:var(--surface);border-radius:10px;padding:10px;text-align:center}
.lm-stat span{font-size:.72rem;color:var(--faint);display:block;margin-bottom:4px}
.lm-stat b{font-size:1.1rem;color:var(--gold)}
/* Wheel */
.wheel-area{position:relative;display:flex;justify-content:center;margin-bottom:10px;max-width:340px;margin-left:auto;margin-right:auto}
.wheel-area canvas{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 22px rgba(0,0,0,.55))}
.wheel-area.spinning{animation:wheelGlow .8s ease-in-out infinite;filter:drop-shadow(0 0 32px rgba(232,179,57,.32));}
.wheel-ptr{position:absolute;top:-10px;left:50%;transform:translateX(-50%);z-index:3;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}
.wheel-ptr img{width:36px;height:auto;display:block}
/* Risk picker */
.risk-pick{display:flex;gap:8px;margin-bottom:10px}
.plinko-box{max-width:min(600px,96vw);margin:0 auto;width:100%;border-radius:14px;overflow:hidden;background:#07070e;box-shadow:inset 0 0 30px rgba(0,0,0,.6)}
.plinko-box.dropping{animation:plinkoDrop .35s ease-in-out 1}
.plinko-box canvas{display:block;margin:0 auto;width:100%;height:auto}
/* Rreshti i shumëzuesve poshtë Plinko-s (gjithmonë i dukshëm & i lexueshëm) */
.pk-mults{display:flex;gap:3px;justify-content:center;max-width:min(600px,96vw);margin:5px auto 0;width:100%}
.pk-m{flex:1 1 0;min-width:0;text-align:center;font-size:clamp(.58rem,2.2vw,.82rem);font-weight:800;padding:5px 1px;border-radius:6px;color:#0a0a12;box-shadow:0 2px 5px rgba(0,0,0,.4)}
.pk-m.hi{background:linear-gradient(180deg,#ff6b6b,#e63950);color:#fff}
.pk-m.mid{background:linear-gradient(180deg,#f7b955,#e8851f)}
.pk-m.lo{background:linear-gradient(180deg,#3ddc97,#21c17a)}
.pk-m.vlo{background:linear-gradient(180deg,#5cb3ff,#2b6a8f);color:#fff}
.risk-btn{flex:1;padding:8px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.82rem;font-weight:700;cursor:pointer;transition:.2s}
.risk-btn.active{background:rgba(232,179,57,.12);border-color:var(--gold);color:var(--gold)}
@keyframes popIn{0%{transform:scale(.8)}60%{transform:scale(1.1)}100%{transform:scale(1)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
/* KENO */
.keno-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:10px}
.kn-num{height:38px;border-radius:8px;background:linear-gradient(160deg,#3a3a52,#222230);border:1px solid var(--line);color:#cbd2e0;font-size:.82rem;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .2s,border-color .2s;box-shadow:0 4px 0 #14141d,0 6px 9px rgba(0,0,0,.45),inset 0 1px 2px rgba(255,255,255,.12)}
.kn-num:hover{border-color:var(--gold);color:#fff;transform:translateY(-3px);box-shadow:0 7px 0 #14141d,0 10px 14px rgba(0,0,0,.5),0 0 12px rgba(232,179,57,.28)}
.kn-num:active{transform:translateY(2px);box-shadow:0 2px 0 #14141d,0 3px 5px rgba(0,0,0,.45)}
.kn-num.picked{background:linear-gradient(160deg,#caa23a,#9c7a1c);border-color:var(--gold);color:#1a1408;box-shadow:0 4px 0 #6e5410,0 6px 9px rgba(0,0,0,.45),inset 0 1px 2px rgba(255,255,255,.3)}
.kn-num.picked{animation:popIn .25s}
.kn-num.drawn{border-color:var(--emerald);animation:counterPop .35s}
.kn-num.hit{background:radial-gradient(circle,rgba(33,193,122,.4),rgba(33,193,122,.15));border-color:var(--emerald);color:#fff;transform:scale(1.14);animation:winGlow 1.2s ease infinite}
.keno-grid.kn-playing .kn-num{opacity:.84;transform:scale(.98);}
.keno-grid.kn-playing .kn-num.drawn{transform:translateY(-2px);}
.keno-info{display:flex;gap:16px;font-size:.84rem;color:var(--muted);margin-bottom:10px}
/* HILO */
.hilo-area{display:flex;align-items:center;gap:20px;justify-content:center;margin-bottom:14px;perspective:1000px}
.hilo-card{width:96px;transform:rotateY(-13deg) rotateX(7deg);transform-style:preserve-3d;transition:transform .35s cubic-bezier(.3,.8,.4,1);filter:drop-shadow(0 14px 18px rgba(0,0,0,.6))}
.hilo-card:hover{transform:rotateY(0deg) rotateX(0deg)}
.hilo-stats{display:flex;flex-direction:column;gap:8px;font-size:.88rem}
.hilo-btns{display:flex;gap:10px;margin-bottom:12px;justify-content:center}
.hilo-btn{flex:1;padding:10px 8px;border-radius:12px;background:linear-gradient(160deg,#2c2c3e,#191922);border:1px solid var(--line);color:var(--text);cursor:pointer;font-size:.82rem;font-weight:700;text-align:center;transition:transform .14s,box-shadow .14s,border-color .18s;line-height:1.4;box-shadow:0 4px 0 #12121a,0 6px 9px rgba(0,0,0,.42),inset 0 1px 2px rgba(255,255,255,.1)}
.hilo-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold);transform:translateY(-3px);box-shadow:0 7px 0 #12121a,0 11px 16px rgba(0,0,0,.5),0 0 14px rgba(232,179,57,.25),inset 0 1px 2px rgba(255,255,255,.12)}
.hilo-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #12121a,0 3px 6px rgba(0,0,0,.45),inset 0 1px 2px rgba(255,255,255,.1)}
.hilo-btn:disabled{opacity:.4;cursor:default;box-shadow:0 2px 0 #12121a}
.bank-btn{background:rgba(33,193,122,.1);border-color:var(--emerald);color:var(--emerald)}
/* TOWER */
.tower-board{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.tw-row{display:flex;align-items:center;gap:5px}
.tw-mult{width:46px;font-size:.78rem;font-weight:800;color:var(--gold);text-align:right;flex-shrink:0;letter-spacing:.2px}
.tw-cell{flex:1;height:44px;border-radius:10px;background:linear-gradient(160deg,#3a3a52,#222230);border:1px solid var(--line);color:var(--muted);font-size:.88rem;cursor:pointer;transition:transform .13s ease,box-shadow .13s ease;font-weight:700;box-shadow:0 4px 0 #14141d,0 6px 9px rgba(0,0,0,.45),inset 0 2px 2px rgba(255,255,255,.12)}
.tw-cell.locked{opacity:.45;cursor:default;box-shadow:0 3px 0 #14141d,0 4px 6px rgba(0,0,0,.4)}
.tw-cell.active{border-color:var(--gold);color:var(--gold);opacity:1;animation:glowPulse 1.5s ease infinite}
.tw-cell.active:hover{transform:translateY(-4px);box-shadow:0 8px 0 #14141d,0 12px 16px rgba(0,0,0,.5),0 0 14px rgba(232,179,57,.3);background:linear-gradient(160deg,#46465f,#2a2a3a)}
.tw-cell.active:active{transform:translateY(2px);box-shadow:0 2px 0 #14141d,0 3px 5px rgba(0,0,0,.45)}
.tw-cell.tw-safe{background:radial-gradient(circle,rgba(33,193,122,.4),rgba(33,193,122,.14));border-color:var(--emerald);color:#fff;animation:counterPop .35s;box-shadow:0 2px 6px rgba(0,0,0,.4),0 0 14px rgba(33,193,122,.3)}
.tw-cell.tw-bomb{background:radial-gradient(circle,rgba(230,57,80,.42),rgba(230,57,80,.16));border-color:var(--crimson);color:#fff;animation:bombBoom .45s,flashRed .6s;box-shadow:0 2px 6px rgba(0,0,0,.4)}
/* Tower active play-state */
.tower-board.tw-playing{box-shadow:0 18px 40px -22px rgba(232,179,57,.6) inset,0 0 30px rgba(232,179,57,.08);animation:twBoardPulse 1.8s ease-in-out infinite}
.tower-board.tw-playing .tw-row{transition:transform .28s ease;}
.tower-board.tw-playing .tw-cell.active{transform:translateY(-6px);}
@keyframes twBoardPulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.002)}100%{transform:translateY(0) scale(1)}}
.tw-cell .mn-svg{width:58%;height:58%;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}
.tw-cell.locked span{opacity:.6;font-size:1rem}
/* ===== Rock Paper Scissors (SVG i brendshëm) ===== */
.rps-wrap{gap:14px}
.rps-arena{display:flex;align-items:center;justify-content:center;gap:clamp(14px,5vw,50px);padding:12px 0}
.rps-side{display:flex;flex-direction:column;align-items:center;gap:8px}
.rps-lbl{font-size:.72rem;font-weight:800;color:var(--muted);letter-spacing:1.5px}
.rps-hand{width:clamp(84px,15vw,124px);height:clamp(84px,15vw,124px);border-radius:20px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 26px rgba(0,0,0,.4);transition:border-color .2s,box-shadow .2s,opacity .2s}
.rps-hand svg{width:66%;height:66%;display:block}
.rps-q{font-size:2.6rem;color:var(--faint);font-weight:800}
.rps-hand.reveal{animation:rpsPop .35s cubic-bezier(.2,1.6,.4,1)}
@keyframes rpsPop{0%{transform:scale(.5);opacity:0}100%{transform:scale(1);opacity:1}}
.rps-hand.win{border-color:var(--emerald);box-shadow:0 0 22px rgba(33,193,122,.45),inset 0 0 26px rgba(0,0,0,.3)}
.rps-hand.lose{border-color:var(--crimson);opacity:.62}
.rps-vs{font-family:'Cinzel',serif;font-weight:900;font-size:1.4rem;color:var(--gold);text-shadow:0 2px 4px rgba(0,0,0,.5)}
.rps-picks{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.rps-pick{width:120px;max-width:32%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:transform .14s,border-color .16s,color .16s,background .16s;font-weight:700;font-size:.82rem}
.rps-pick svg{width:40px;height:40px;display:block}
.rps-pick:hover:not(:disabled){border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}
.rps-pick.sel{border-color:var(--gold);background:rgba(232,179,57,.12);color:var(--gold);box-shadow:0 0 16px rgba(232,179,57,.3)}
.rps-pick:disabled{opacity:.5;cursor:default}
/* ===== 3 Cups — shell game (gota koke-poshtë + top ari) ===== */
.sh-wrap{gap:16px}
/* ===== Skenë CINEMATIKE: spotlight nga lart + dysheme e errët reflektuese ===== */
.sh-stage{position:relative;height:min(54vh,382px);max-width:600px;width:100%;margin:6px auto 2px;border-radius:22px;border:1px solid rgba(255,255,255,.07);overflow:hidden;perspective:1200px;perspective-origin:50% 34%;
  background:
    radial-gradient(ellipse 40% 58% at 50% -10%,rgba(255,233,190,.30),rgba(255,205,140,.05) 44%,transparent 68%),
    radial-gradient(ellipse 95% 62% at 50% 122%,rgba(130,70,190,.16),transparent 60%),
    radial-gradient(ellipse at 50% 30%,#241a33,#120b1e 56%,#060310 100%);
  box-shadow:inset 0 0 130px 24px rgba(0,0,0,.72),0 26px 56px -18px rgba(0,0,0,.82)}
/* rrezja e spotlight-it (kon drite që zbret) */
.sh-stage::before{content:'';position:absolute;left:50%;top:-4%;width:64%;height:82%;transform:translateX(-50%);z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,238,200,.22),rgba(255,222,165,.05) 46%,transparent 80%);
  clip-path:polygon(37% 0,63% 0,90% 100%,10% 100%);filter:blur(7px)}
/* dyshemeja e errët reflektuese me horizont të ndritshëm */
.sh-stage::after{content:'';position:absolute;left:0;right:0;bottom:0;height:42%;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(255,235,200,.05) 8%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.72));
  box-shadow:inset 0 2px 26px rgba(255,210,150,.14)}
.sh-cup{position:absolute;left:50%;bottom:37%;width:clamp(92px,17vw,126px);cursor:pointer;z-index:3;transform:translateX(-50%);will-change:transform;transition:transform .42s cubic-bezier(.34,1.08,.4,1),filter .2s;
  -webkit-box-reflect:below 1px linear-gradient(transparent 62%,rgba(255,255,255,.09))}
.sh-cup svg{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 18px rgba(0,0,0,.62))}
.sh-cup:hover{filter:brightness(1.1) drop-shadow(0 0 16px rgba(255,190,120,.5))}
.sh-ball{position:absolute;left:50%;bottom:38%;width:clamp(32px,6vw,46px);z-index:2;transform:translateX(-50%);opacity:0;transition:opacity .18s;pointer-events:none;
  -webkit-box-reflect:below 1px linear-gradient(transparent 38%,rgba(255,255,255,.22))}
.sh-ball.show{opacity:1}
.sh-ball svg{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(255,210,74,.8))}
.sh-ball.show svg{animation:shBallPop .34s ease}
@keyframes shBallPop{0%{transform:scale(.35)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
/* DRAGON TIGER / BACCARAT */
.dt-table{display:flex;align-items:center;gap:16px;justify-content:center;margin-bottom:14px;padding:26px 18px;border-radius:50% 50% 14px 14px / 24% 24% 14px 14px;background:radial-gradient(ellipse at 50% 38%,#1f8b54,#0e5230 72%,#0a3a22);box-shadow:inset 0 0 50px rgba(0,0,0,.4),0 0 0 8px #5a3a1c,0 0 0 11px #3a2512,0 26px 44px -16px rgba(0,0,0,.7)}
.dt-side{text-align:center;flex:1}
.dt-lbl,.bacc-lbl{font-family:'Cinzel';font-size:.85rem;color:var(--gold);margin-bottom:8px}
.dt-card,.bacc-cards{display:flex;justify-content:center;gap:4px}
.dt-card.flip-in{animation:cardFlipIn .8s cubic-bezier(.25,.85,.35,1);}
img.card-svg{display:block;object-fit:contain;height:auto;border-radius:7px;box-shadow:0 3px 8px rgba(0,0,0,.35)}
/* Letër tekst (fallback kur imazhi SVG nuk ngarkohet) — që letrat të duken gjithmonë */
.card-fallback{background:#f4f1e8;color:#16161f;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;line-height:1.05;box-shadow:0 3px 8px rgba(0,0,0,.35);aspect-ratio:5/7;min-width:30px;font-size:clamp(13px,2vw,24px)}
.card-fallback.red{color:#c0392b}
.card-fallback span{font-size:1.35em}
.card-fallback i{font-style:normal;font-size:1.25em;margin-top:.1em}
.bj-card .card-svg,.vp-card .card-svg,.gamble-card .card-svg,.gc-face .card-svg{width:100%;height:100%}
.bj-card,.vp-card{background:transparent!important;box-shadow:none!important;padding:0}
.dt-card .card-svg,.bacc-cards .card-svg{width:clamp(70px,9vw,104px)}
.dt-vs{font-family:'Cinzel';font-size:1.2rem;color:var(--faint)}
.dt-picks{display:flex;gap:8px;margin-bottom:12px}
.dt-pick{flex:1;padding:10px 6px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:.8rem;font-weight:700;text-align:center;transition:.2s}
.dt-pick:hover{border-color:var(--gold);color:var(--gold)}
.dt-pick.active{background:rgba(232,179,57,.12);border-color:var(--gold);color:var(--gold)}
.bacc-table{display:flex;gap:16px;justify-content:center;margin-bottom:14px;padding:26px 18px;border-radius:50% 50% 14px 14px / 24% 24% 14px 14px;background:radial-gradient(ellipse at 50% 38%,#1f8b54,#0e5230 72%,#0a3a22);box-shadow:inset 0 0 50px rgba(0,0,0,.4),0 0 0 8px #5a3a1c,0 0 0 11px #3a2512,0 26px 44px -16px rgba(0,0,0,.7)}
.bacc-side{flex:1;text-align:center}
.bacc-val{font-family:'Cinzel';font-size:2rem;color:var(--gold);margin-top:6px}
/* SIC BO */
.sicbo-dice{display:flex;justify-content:center;gap:30px;margin-bottom:18px;min-height:74px;align-items:center}
/* Kub zari 3D real */
.d3-stage{perspective:700px}
.d3d{width:58px;height:58px;position:relative;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.25,.8,.4,1);transform:rotateX(-20deg) rotateY(20deg)}
.d3-face{position:absolute;width:58px;height:58px;background:linear-gradient(145deg,#fdfcf7,#e4dfce);border:1px solid #c7c0ac;border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:7px;box-shadow:inset 0 0 7px rgba(0,0,0,.12)}
.d3-face .pip{display:flex;align-items:center;justify-content:center}
.d3-face .pip.on::after{content:'';width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#555,#0e0e0e)}
.d3-1{transform:translateZ(29px)}
.d3-6{transform:rotateY(180deg) translateZ(29px)}
.d3-3{transform:rotateY(90deg) translateZ(29px)}
.d3-4{transform:rotateY(-90deg) translateZ(29px)}
.sicbo-dice.rolling{animation:shakeX .9s ease-in-out infinite;}
.sicbo-dice.rolling .d3d{transition:transform .2s ease-in-out;}
.sicbo-dice.rolling .d3d:nth-child(1){transform:rotateX(-20deg) rotateY(220deg);}
.sicbo-dice.rolling .d3d:nth-child(2){transform:rotateX(-20deg) rotateY(160deg);}
.sicbo-dice.rolling .d3d:nth-child(3){transform:rotateX(-20deg) rotateY(280deg);}
.d3-2{transform:rotateX(90deg) translateZ(29px)}
.d3-5{transform:rotateX(-90deg) translateZ(29px)}
.sicbo-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.sb-opt{padding:10px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:700;text-align:center;transition:.2s;line-height:1.4}
.hilo-card.hl-active{animation:hlGlow .9s ease-in-out infinite;box-shadow:0 0 0 6px rgba(33,193,122,.12),0 0 18px rgba(33,193,122,.2)}
.hilo-card.hl-burn{animation:hlBurn .42s ease-out 1}
.sb-opt:hover{border-color:var(--gold);color:var(--gold)}
.sb-opt.active{background:rgba(232,179,57,.12);border-color:var(--gold);color:var(--gold)}
/* DOUBLE */
.double-display{text-align:center;font-size:5rem;padding:20px 0 10px;filter:drop-shadow(0 0 20px currentColor);transition:.3s;text-shadow:0 3px 0 rgba(0,0,0,.4),0 6px 0 rgba(0,0,0,.26),0 9px 14px rgba(0,0,0,.5)}
.double-display.win{color:#21c17a}
.double-display.lose{color:#e63950}
.double-display.rolling{animation:tileFlip .3s linear infinite}
.double-display.win{animation:counterPop .4s,goldGlow 1s}
.double-display.lose{animation:shakeX .4s}
.double-info{text-align:center;color:var(--muted);font-size:.88rem;margin-bottom:12px;line-height:1.6}
/* BALLOON */
.balloon-area{display:flex;justify-content:center;align-items:flex-end;height:200px;background:linear-gradient(180deg,#0a1428,#07070e);border-radius:12px;margin-bottom:12px;overflow:hidden}
.balloon-wrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;padding-bottom:14px}
.balloon{font-size:3.4rem;transition:none;line-height:1;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(232,80,80,.35))}
.balloon-mult{font-family:'Cinzel';font-size:1.6rem;font-weight:900;color:#e8b339;margin-top:8px;text-shadow:0 2px 0 rgba(0,0,0,.45),0 3px 7px rgba(0,0,0,.45),0 0 18px currentColor}
/* GOAL */
.goal-field{position:relative;border-radius:14px;margin-bottom:12px;overflow:hidden}
.goal-scene{position:relative;width:100%;height:clamp(300px,46vh,470px);overflow:hidden;border-radius:14px;
  background:linear-gradient(180deg,#0a1a3a 0%,#123a6a 28%,#1c6b3e 45%,#15833f 100%);box-shadow:inset 0 0 70px rgba(0,0,0,.45)}
/* tribunat larg */
.gl-stadium{position:absolute;left:0;right:0;top:0;height:36%;pointer-events:none;
  background:linear-gradient(180deg,#0a1428,#122a4e 70%,transparent),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 3px,transparent 3px 9px)}
.gl-stadium::after{content:'';position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,#e8b339,#f7d268,#e8b339);box-shadow:0 0 18px rgba(232,179,57,.5)}
/* fusha me perspektivë (3D) */
.gl-pitch{position:absolute;left:-25%;right:-25%;bottom:0;height:62%;transform-origin:50% 100%;transform:perspective(560px) rotateX(63deg);pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0 2px,transparent 2px 64px),repeating-linear-gradient(180deg,#1f9a4c 0 42px,#178a43 42px 84px)}
.gl-arc{position:absolute;left:50%;bottom:8%;width:46%;height:15%;transform:translateX(-50%);border:2.5px solid rgba(255,255,255,.5);border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none}
.gl-spot{position:absolute;left:50%;bottom:14%;width:11px;height:5px;border-radius:50%;background:rgba(255,255,255,.85);transform:translateX(-50%);box-shadow:0 0 8px rgba(255,255,255,.5)}
/* porta */
.gl-goal{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:min(74%,540px);height:33%;pointer-events:none}
.gl-net{position:absolute;inset:0;border-radius:4px 4px 0 0;box-shadow:inset 0 0 30px rgba(0,0,0,.4);
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.26) 0 1px,transparent 1px 11px),repeating-linear-gradient(180deg,rgba(255,255,255,.26) 0 1px,transparent 1px 11px),linear-gradient(180deg,rgba(10,20,35,.5),rgba(10,20,35,.26))}
.gl-bar{position:absolute;top:0;left:-2%;right:-2%;height:8px;background:linear-gradient(180deg,#fff,#c8d2dc);border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.5)}
.gl-post{position:absolute;top:0;bottom:0;width:8px;background:linear-gradient(90deg,#fff,#c8d2dc);border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.5)}
.gl-post-l{left:-2%}.gl-post-r{right:-2%}
/* portieri */
.gl-keeper{position:absolute;bottom:1%;left:50%;transform:translateX(-50%);width:clamp(56px,13%,98px);z-index:4;transition:transform .5s cubic-bezier(.3,1.1,.5,1)}
.gl-keeper.dive{transition:transform .42s cubic-bezier(.4,1.45,.5,1)}
.gl-keeper-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
/* topi + hija në tokë (thellësi 3D) */
.gl-ballshadow{position:absolute;bottom:9%;left:50%;width:clamp(30px,8%,54px);height:13px;border-radius:50%;transform:translateX(-50%) scale(1);background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 72%);z-index:5;opacity:.5;transition:transform .58s cubic-bezier(.25,.7,.35,1),opacity .58s}
.gl-ball{position:absolute;bottom:10%;left:50%;transform:translate(-50%,0) scale(1);width:clamp(34px,9%,60px);z-index:6;transition:transform .58s cubic-bezier(.25,.7,.35,1);filter:drop-shadow(0 9px 8px rgba(0,0,0,.45))}
.gl-ball .gl-ball-svg{width:100%;height:auto;display:block}
/* verdikti GOAL! / SAVED! */
.gl-verdict{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) scale(.6);z-index:9;font-family:'Cinzel',Georgia,serif;font-weight:900;font-size:clamp(2rem,7vw,3.7rem);letter-spacing:2px;opacity:0;pointer-events:none;text-shadow:0 4px 16px rgba(0,0,0,.7)}
.gl-verdict.on{animation:glVerdict .85s cubic-bezier(.3,1.5,.5,1) forwards}
.gl-verdict.goal{color:#5dff9c}.gl-verdict.save{color:#ff5a6b}
@keyframes glVerdict{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.06)}}
.goal-scene.gl-goal-in .gl-net{animation:glNetShake .55s ease}
@keyframes glNetShake{0%,100%{box-shadow:inset 0 0 30px rgba(0,0,0,.4)}35%{box-shadow:inset 0 0 44px rgba(93,255,156,.55)}}
.goal-scene.gl-saved{animation:cxShake .4s}
.goal-info{display:flex;justify-content:center;gap:24px;font-size:.9rem;color:#dfe7ee;margin-top:10px}
.goal-info b{color:var(--gold)}
/* ===== GOAL me asete reale (InOut Penalty): stadium + portier + top ===== */
.goal-scene.gl-real{width:min(96%,62vh);aspect-ratio:2690/3320;height:auto;min-height:300px;margin:0 auto;position:relative;overflow:hidden;border-radius:16px;
  background:url('gameart/goal/stadium.png?v=3') center/100% 100% no-repeat,linear-gradient(#3f6aa0 0%,#6fa8d8 19%,#2f9e42 19%,#1f7a34 100%);box-shadow:0 20px 50px -16px rgba(0,0,0,.72)}
/* Fallback nëse top/portier nuk ngarkohen (imazhe të mëdha në mobile) — figura CSS që të mos mbetet bosh */
.gl-real .gl-ball.gl-ball-fb{aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#fff,#dcdcdc 55%,#9a9a9a);border-radius:50%;box-shadow:0 6px 10px rgba(0,0,0,.4)}
.gl-real .gl-keeper.gl-keeper-fb{width:11%;height:auto;aspect-ratio:.62;background:linear-gradient(#ffd23c,#e0951f);border-radius:40% 40% 26% 26%;box-shadow:0 8px 12px rgba(0,0,0,.45)}
.gl-real .gl-keeper{position:absolute;left:50%;bottom:35%;height:26%;width:auto;transform:translateX(-50%);z-index:4;transition:transform .5s cubic-bezier(.3,1.1,.5,1)}
.gl-real .gl-keeper.dive{transition:transform .42s cubic-bezier(.4,1.45,.5,1)}
.gl-real .gl-keeper img{height:100%;width:auto;display:block;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}
.gl-real .gl-ball{position:absolute;left:50%;bottom:9%;width:14%;transform:translate(-50%,0) scale(1);z-index:6;transition:transform .58s cubic-bezier(.25,.7,.35,1);filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}
.gl-real .gl-ball img{width:100%;height:auto;display:block}
.gl-real .gl-ballshadow{position:absolute;left:50%;bottom:8%;width:12%;height:2.6%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent 72%);transform:translateX(-50%) scale(1);z-index:5;opacity:.5;transition:transform .58s cubic-bezier(.25,.7,.35,1),opacity .58s}
.gl-real .gl-verdict{top:30%}
.goal-btns{display:flex;gap:8px;margin-bottom:12px}
.goal-dir{flex:1;padding:12px 6px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--text);font-size:.84rem;font-weight:700;cursor:pointer;transition:.2s}
.goal-dir:hover{background:rgba(232,179,57,.12);border-color:var(--gold);color:var(--gold)}
/* MINI ROULETTE */
.mr-wheel{display:flex;justify-content:center;align-items:center;height:90px;background:radial-gradient(circle,#1a1330,#07070e);border-radius:12px;margin-bottom:12px}
.mr-num{font-family:'Cinzel';font-size:2.4rem;font-weight:900;color:var(--muted);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.mr-num.red{background:rgba(230,57,80,.2);color:#ff6b6b}
.mr-num.black{background:rgba(255,255,255,.06);color:#fff}
.mr-num.green{background:rgba(33,193,122,.2);color:#21c17a}
.mr-board{margin-bottom:10px}
.mr-zero{margin-bottom:4px}
.mr-nums{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.mr-cell{position:relative;height:40px;border-radius:8px;border:1px solid var(--line);color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:.15s}
.mr-cell.red{background:rgba(230,57,80,.7)}
.mr-cell.black{background:rgba(30,30,40,.9)}
.mr-cell.green{background:rgba(33,193,122,.7);width:100%}
.mr-cell:hover{outline:2px solid var(--gold)}
.mr-cell .rl-chip{position:absolute;top:-6px;right:-6px;background:var(--gold);color:#000;font-size:.62rem;font-weight:800;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.mr-outside{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}
.mr-out{position:relative;padding:9px 4px;border-radius:8px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.76rem;font-weight:700;cursor:pointer;transition:.15s}
.mr-out:hover{border-color:var(--gold);color:var(--gold)}
.mr-out .rl-chip{position:absolute;top:-6px;right:-6px;background:var(--gold);color:#000;font-size:.62rem;font-weight:800;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}
/* THREE CARD POKER */
.tc-table{display:flex;gap:16px;justify-content:center;margin-bottom:14px;padding:24px 16px;border-radius:50% 50% 14px 14px / 24% 24% 14px 14px;background:radial-gradient(ellipse at 50% 38%,#1f8b54,#0e5230 72%,#0a3a22);box-shadow:inset 0 0 46px rgba(0,0,0,.4),0 0 0 8px #5a3a1c,0 0 0 11px #3a2512,0 24px 40px -16px rgba(0,0,0,.7)}
.tc-side{flex:1;text-align:center}
.tc-lbl{font-family:'Cinzel';font-size:.85rem;color:var(--gold);margin-bottom:8px}
.tc-cards{display:flex;justify-content:center;gap:4px;min-height:70px}
.tc-cards .card-svg{width:clamp(56px,6vw,80px)}
.tc-rank{margin-top:6px;font-size:.82rem;color:var(--muted)}
/* ANDAR BAHAR */
.ab-joker{text-align:center;margin-bottom:14px}
.ab-joker .ab-lbl{font-family:'Cinzel';font-size:.82rem;color:var(--gold);margin-bottom:6px}
.ab-joker #abJCard{display:flex;justify-content:center}
.ab-joker .card-svg{width:64px}
.ab-table{display:flex;gap:14px;margin-bottom:14px;padding:24px 16px;border-radius:50% 50% 14px 14px / 24% 24% 14px 14px;background:radial-gradient(ellipse at 50% 38%,#1f8b54,#0e5230 72%,#0a3a22);box-shadow:inset 0 0 46px rgba(0,0,0,.4),0 0 0 8px #5a3a1c,0 0 0 11px #3a2512,0 24px 40px -16px rgba(0,0,0,.7)}
.ab-side{flex:1;text-align:center}
.ab-lbl{font-family:'Cinzel';font-size:.8rem;color:var(--muted);margin-bottom:8px}
.ab-cards{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;min-height:50px}
.ab-cards .card-svg{width:clamp(38px,4vw,54px)}
.demo-chip{display:inline-block;padding:2px 8px;border-radius:6px;background:rgba(33,193,122,.18);color:#21c17a;font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-left:6px;vertical-align:middle}
.gp-newtab{position:absolute;bottom:14px;right:16px;z-index:10;background:rgba(12,12,18,.82);border:1px solid var(--line);color:var(--muted);font-size:.78rem;padding:6px 12px;border-radius:8px;text-decoration:none;backdrop-filter:blur(6px);transition:.2s}
.gp-newtab:hover{color:var(--gold);border-color:var(--gold)}
@media(max-width:720px){
  #gameModal{padding:0}
  #gameModal .game-player{height:100vh;max-width:100%;border-radius:0;border:0}
}

/* ============================================================
   BALANCA (PARA LOJE) + LOJËRAT E INTEGRUARA
   ============================================================ */
.bal-chip{display:flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:11px;background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:.92rem;color:var(--gold);white-space:nowrap}
.bal-chip b{color:var(--text)}
.badge.free{background:linear-gradient(120deg,#21c17a,#15835a);color:#04180f}

.cg-wrap{position:absolute;inset:0;display:flex;flex-direction:column;padding:16px 18px 18px;gap:12px;overflow-y:auto;z-index:1;background:radial-gradient(circle at 15% 10%, rgba(255,240,192,.06), transparent 18%), radial-gradient(circle at 85% 18%, rgba(67,183,255,.08), transparent 16%);}
.cg-wrap::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 16%, rgba(255,255,255,.08), transparent 30%), radial-gradient(circle at 20% 70%, rgba(255,205,80,.06), transparent 16%);animation:ambientGlow 14s ease-in-out infinite;opacity:.9;}
.cg-bal{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted);font-weight:600}
.cg-bal b{color:var(--gold);font-size:1.05rem}
.cg-bal .recharge{margin-left:auto;background:var(--surface);border:1px solid var(--line);color:var(--gold);padding:6px 12px;border-radius:9px;font-size:.78rem;font-weight:700;transition:.2s}
.cg-bal .recharge:hover{border-color:var(--gold);background:var(--surface-2)}
.cg-topup{margin-left:auto;background:rgba(33,193,122,.14);border:1px solid var(--emerald);color:#21c17a;padding:5px 11px;border-radius:9px;font-size:.75rem;font-weight:800;cursor:pointer;transition:.18s;white-space:nowrap}
.cg-topup:hover{background:rgba(33,193,122,.26);transform:translateY(-1px)}
.cg-msg{text-align:center;font-size:.95rem;color:var(--muted);min-height:24px;font-weight:500}
.cg-msg.win{color:var(--gold)}
.cg-msg b{color:var(--gold)}
.cg-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.cg-bet{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:6px 12px;font-size:.88rem}
.cg-bet b{color:var(--gold)}
.bet-step{width:36px;height:36px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);font-size:1.22rem;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:center;transition:.15s;cursor:pointer}
.bet-step:hover{border-color:var(--gold);color:var(--gold)}
/* fusha e editimit inline të shumës */
.cg-betinput{width:78px;background:rgba(0,0,0,.35);border:1.5px solid var(--gold,#e8b339);border-radius:7px;color:#ffe23a;font-weight:800;font-size:.95rem;font-family:inherit;text-align:center;padding:3px 4px;outline:none}
.cg-bet span b{cursor:pointer;border-bottom:1px dashed rgba(255,226,58,.4)}
/* Min / ½ / 2× / Max — butona me tekst (më të gjerë) + etiketa e limiteve */
.cg-bet .bet-step.txt{width:auto;min-width:40px;height:36px;padding:0 13px;font-size:.86rem;font-weight:800;letter-spacing:.3px}
.bet-lim{margin-left:auto;font-size:.72rem;color:var(--faint);white-space:nowrap;opacity:.85}
.cg-btn{padding:0 22px;height:46px;border-radius:11px;font-weight:700;font-size:.95rem;background:linear-gradient(120deg,var(--gold-bright),var(--gold-deep));color:#1a1408;transition:.2s}
.cg-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px -10px var(--gold-deep)}
.cg-btn:disabled{opacity:.4;cursor:not-allowed}
.cg-btn.alt{background:var(--surface);border:1px solid var(--line);color:var(--text)}
.rs-gamblebtn.ready:not(:disabled){background:linear-gradient(120deg,var(--gold-bright),var(--gold-deep));color:#1a1408;border-color:var(--gold-bright);animation:gamblePulse 1s ease infinite}
@keyframes gamblePulse{0%,100%{box-shadow:0 0 12px rgba(232,179,57,.5);transform:scale(1)}50%{box-shadow:0 0 26px rgba(232,179,57,.95);transform:scale(1.06)}}
.cg-btn.alt:hover:not(:disabled){border-color:var(--gold);background:var(--surface-2);box-shadow:none}

/* Slot */
.slot-machine{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.reels{display:flex;gap:14px;padding:22px;background:linear-gradient(160deg,#1c1810,#0e0e16);border:2px solid var(--gold-deep);border-radius:18px;box-shadow:inset 0 0 30px rgba(0,0,0,.6),0 0 30px rgba(232,179,57,.15);position:relative;}
.reels::before{content:'';position:absolute;inset:0;border-radius:18px;pointer-events:none;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.12),transparent 28%)}
.reel{width:92px;height:92px;border-radius:12px;background:#0a0a0f;display:flex;align-items:center;justify-content:center;font-size:3.2rem;border:1px solid var(--line);box-shadow:inset 0 0 10px rgba(255,215,80,.08)}
.reel.spin{animation:reelBlur .3s linear infinite}
@keyframes reelBlur{0%{filter:blur(0)}50%{filter:blur(2px)}100%{filter:blur(0)}}
.slot-machine.spin-active{box-shadow:0 0 32px rgba(255,212,76,.45),inset 0 0 30px rgba(255,190,40,.18);transform:translateY(-2px);transition:transform .2s ease}
.slot-machine.win .reel{border-color:#ffd86a;box-shadow:0 0 20px rgba(255,218,90,.7);}
.slot-machine.win .reel:not(.spin){animation:reelGlow 1.4s ease-in-out infinite;}
.slot-machine.lose .reel{border-color:#ff6b6b;}
@keyframes reelGlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px);box-shadow:0 0 22px rgba(255,255,255,.45);}}
.paytable{font-size:.74rem;color:var(--faint);text-align:center;line-height:1.6}

/* Coin flip — monedhë 3D reale */
/* ---- Monedhë 3D e vërtetë (perspektivë + trup i trashë) ---- */
.coin-stage{flex:1;display:flex;align-items:flex-end;justify-content:center;min-height:220px;position:relative;perspective:1000px;perspective-origin:50% 40%;padding-bottom:26px}
.coin-toss{transform-style:preserve-3d}
.coin3d{width:148px;height:148px;position:relative;transform-style:preserve-3d;will-change:transform}
.coin-body{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fbe79a,#dba62e 60%,#a5740f);box-shadow:inset 0 0 0 3px rgba(150,100,15,.45)}
.coin-face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fce9a0,#d4a02a 64%,#a5740f);box-shadow:inset 0 0 0 6px #b9821a,inset 0 4px 10px rgba(255,255,255,.45),inset 0 -6px 12px rgba(120,80,10,.5)}
.coin-face svg{width:100%;height:100%;display:block}
.coin-h{transform:translateZ(8.5px)}
.coin-t{transform:rotateY(180deg) translateZ(8.5px)}
.coin-shadow{position:absolute;bottom:14px;left:50%;width:118px;height:20px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.4),transparent 70%);transform:translateX(-50%);z-index:-1}
.coin-toss.toss{animation:coinToss 1.8s ease}
@keyframes coinToss{0%{transform:translateY(0)}30%{transform:translateY(-96px)}55%{transform:translateY(-112px)}100%{transform:translateY(0)}}
.coin-shadow.toss{animation:coinShadow 1.8s ease}
@keyframes coinShadow{0%,100%{transform:translateX(-50%) scale(1);opacity:.4}52%{transform:translateX(-50%) scale(.55);opacity:.12}}
.coin-svg{width:100%;height:100%;display:block}
.side-pick{display:flex;gap:12px;justify-content:center;margin-top:8px}
.side-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-weight:700;color:var(--muted);transition:.2s;cursor:pointer}
.side-btn .side-ic{width:26px;height:26px;display:inline-flex}
.side-btn .side-ic svg{width:100%;height:100%}
.side-btn.active{border-color:var(--gold);color:var(--gold);background:rgba(232,179,57,.1)}

/* Dice */
.dice-result{font-family:'Cinzel';font-size:3rem;font-weight:900;text-align:center;color:var(--text)}
.dice-result.win{color:var(--emerald)}.dice-result.lose{color:var(--crimson)}
.dice-track{position:relative;height:12px;border-radius:10px;background:var(--surface-2);margin:14px 0 4px;overflow:visible}
.dice-fill{position:absolute;top:0;bottom:0;border-radius:10px;background:linear-gradient(90deg,rgba(33,193,122,.35),rgba(33,193,122,.7));transition:.2s}
.dice-marker{position:absolute;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);transition:left .5s cubic-bezier(.3,1.4,.5,1);z-index:2;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.dice-marker .dice-svg{width:100%;height:100%}
.dice-scale{display:flex;justify-content:space-between;font-size:.68rem;color:var(--faint);margin-bottom:10px}
.dice-row{display:flex;align-items:center;gap:12px}
.dice-row input[type=range]{flex:1;accent-color:var(--gold)}
.mode-btn{padding:8px 14px;border-radius:10px;background:rgba(33,193,122,.15);border:1px solid var(--emerald);color:var(--emerald);font-weight:700;font-size:.85rem;transition:.2s}
.mode-btn.alt{background:var(--surface);border-color:var(--line);color:var(--muted)}
.dice-stats{display:flex;justify-content:space-around;font-size:.82rem;color:var(--muted)}
.dice-stats b{color:var(--gold)}
/* ---- Zar 3D i vërtetë (kub që rrotullohet) ---- */
.dice3d-stage{display:flex;justify-content:center;align-items:center;min-height:128px;perspective:760px;margin:4px 0 2px}
.dc-die{transform:scale(1.5);filter:drop-shadow(0 12px 14px rgba(0,0,0,.45))}
.dice3d-wrap{transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-25deg);filter:drop-shadow(0 14px 16px rgba(0,0,0,.45))}
.dice3d{width:90px;height:90px;position:relative;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.2,.62,.2,1)}
.dice3d-face{position:absolute;width:90px;height:90px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}
.dice3d-face svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 1px rgba(0,0,0,.2))}
.f1{transform:translateZ(45px)}.f6{transform:rotateY(180deg) translateZ(45px)}
.f3{transform:rotateY(90deg) translateZ(45px)}.f4{transform:rotateY(-90deg) translateZ(45px)}
.f2{transform:rotateX(90deg) translateZ(45px)}.f5{transform:rotateX(-90deg) translateZ(45px)}

/* Mines */
.mines-top{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--muted)}
.mines-top select{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:5px 8px}
.mn-mult b{color:var(--gold);font-size:1.05rem}
.mn-mult.pulse{animation:multPulse .9s ease-in-out;}
@keyframes multPulse{0%{transform:scale(1);color:var(--gold)}50%{transform:scale(1.07);color:#fff}100%{transform:scale(1);}}
/* ---------- CHICKEN ROAD ---------- */
.chicken-wrap{max-width:920px}
.ck-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:4px 4px 10px}
.ck-diff{display:flex;flex-direction:column;gap:4px;font-size:.66rem;letter-spacing:1px;color:#9aa3b2}
.ck-diff select{padding:7px 10px;border-radius:9px;background:#1a1a26;color:#fff;border:1px solid #3a3a4a;font-size:.9rem;cursor:pointer}
.ck-cashbox{text-align:right;font-size:.64rem;letter-spacing:1.5px;color:#9aa3b2;line-height:1.5}
.ck-cashbox b{font-size:1.25rem;color:#ffd34d;text-shadow:0 0 12px rgba(255,200,60,.5)}
.ck-road{display:flex;overflow-x:auto;border-radius:12px;border:3px solid #0d0f14;background-color:#2b2f40;background-image:url('gameart/chicken/road.png?v=1');background-repeat:repeat-x;background-size:auto 100%;background-position:left top;background-attachment:local;box-shadow:inset 0 0 40px rgba(0,0,0,.55);scroll-behavior:smooth}
.ck-road::-webkit-scrollbar{height:9px}.ck-road::-webkit-scrollbar-thumb{background:#5a6170;border-radius:5px}.ck-road::-webkit-scrollbar-track{background:#1a1d22}
.ck-home,.ck-lane{flex:0 0 92px;min-height:300px;position:relative;display:flex;flex-direction:column}
/* trotuari fillestar */
.ck-home{background:linear-gradient(180deg,#3fb35e,#2c7d41);align-items:stretch;border-right:5px solid #c9ccd2;box-shadow:inset -10px 0 14px rgba(0,0,0,.25)}
.ck-home .ck-curb{height:18px;background:repeating-linear-gradient(90deg,#d8dbe0 0 9px,#b03a3a 9px 18px)}
.ck-home .ck-cell::before,.ck-home .ck-cell::after{display:none}
.ck-lbl{font-size:.58rem;color:#eaffea;text-align:center;padding:7px 0;letter-spacing:2px;font-weight:800}
/* korsia e asfaltit — tashmë del arti real i rrugës nga .ck-road nën korsi */
.ck-lane{background:transparent;overflow:hidden}
.ck-lane .ck-cell::before{display:none}
.ck-lane.done{background:linear-gradient(180deg,rgba(38,140,74,.62),rgba(24,100,52,.72))}
.ck-lane.next{cursor:pointer;animation:ckPulse 1s ease-in-out infinite}
.ck-lane.crash{background:linear-gradient(180deg,rgba(150,40,40,.7),rgba(94,24,24,.78))}
/* shumëzuesi si "çip" i rrumbullakët që noton lart (si origjinali) */
.ck-mult{position:relative;z-index:4;margin:9px auto 0;width:76%;font-size:.74rem;font-weight:900;text-align:center;padding:5px 2px;border-radius:20px;
  color:#1a1408;background:linear-gradient(180deg,#ffe887,#e0a520);border:1.5px solid #a8781e;
  box-shadow:0 2px 6px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.55);text-shadow:0 1px 0 rgba(255,255,255,.35)}
.ck-mult.won{background:linear-gradient(180deg,#66f0a6,#1fb56a);color:#053420;border-color:#0f7a3e}
.ck-lane.next .ck-mult{box-shadow:0 0 0 2px #fff0a0,0 0 16px rgba(255,210,60,.7),0 2px 6px rgba(0,0,0,.5)}
.ck-cell{flex:1;position:relative;display:flex;align-items:center;justify-content:center}
/* vija e ndërprerë e mesit të korsisë */
.ck-lane .ck-cell::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:5px;transform:translateX(-50%);
  background:repeating-linear-gradient(180deg,rgba(255,235,150,.75) 0 16px,transparent 16px 34px)}
/* makinat e trafikut që zbresin korsinë */
.ck-traffic{position:absolute;left:50%;top:0;width:44px;will-change:transform;animation-name:ckDrive;animation-timing-function:linear;animation-iteration-count:infinite;filter:drop-shadow(0 5px 7px rgba(0,0,0,.55)) drop-shadow(0 13px 9px rgba(255,225,130,.16));z-index:1}
.ck-traffic::before{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:38px;height:34px;background:radial-gradient(ellipse at 50% 0%,rgba(255,240,165,.55),rgba(255,220,120,.12) 55%,transparent 72%);filter:blur(2px);pointer-events:none}
.ck-traffic::after{content:'';position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:64%;height:30px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.14));filter:blur(2.5px);pointer-events:none}
.ck-traffic.hit{animation:ckHit .34s ease-in forwards;z-index:4}
.ck-car-svg{width:100%;height:auto;display:block}
.ck-pawn-wrap{width:54px;position:relative;z-index:3;display:flex;align-items:center;justify-content:center}
.ck-pawn-wrap.hop{animation:ckHop .26s ease}
.ck-chick-svg{width:100%;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}
.ck-splat{font-size:2.3rem;animation:ckSplat .35s ease-out;filter:drop-shadow(0 0 10px rgba(255,120,0,.7))}
@keyframes ckPulse{0%,100%{box-shadow:inset 0 0 0 3px #ffd34d}50%{box-shadow:inset 0 0 0 3px #fff0a0,inset 0 0 24px rgba(255,210,60,.55)}}
@keyframes ckDrive{0%{transform:translate(-50%,-80px)}100%{transform:translate(-50%,312px)}}
@keyframes ckHit{0%{transform:translate(-50%,-80px)}100%{transform:translate(-50%,118px)}}
@keyframes ckHop{0%{transform:translateY(0) scale(1)}42%{transform:translateY(-16px) scale(1.06)}100%{transform:translateY(0) scale(1)}}
@keyframes ckSplat{0%{transform:scale(.4)}55%{transform:scale(1.55)}100%{transform:scale(1.15)}}
/* ---- cinematic ---- */
.ck-stage{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.55)}
.ck-stage.ck-shake{animation:ckShake .45s cubic-bezier(.36,.07,.19,.97)}
@keyframes ckShake{10%{transform:translate(-3px,2px)}20%{transform:translate(5px,-3px)}30%{transform:translate(-6px,3px)}40%{transform:translate(6px,-2px)}50%{transform:translate(-5px,2px)}60%{transform:translate(4px,-3px)}70%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}100%{transform:translate(0,0)}}
.ck-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,200,80,.65),rgba(255,90,30,.18) 58%,transparent 76%);opacity:0;pointer-events:none;z-index:6}
.ck-flash.go{animation:ckFlash .55s ease-out}
@keyframes ckFlash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
.ck-boom{position:relative;display:flex;align-items:center;justify-content:center}
.ck-ring{position:absolute;width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,205,90,.95);box-shadow:0 0 20px rgba(255,150,40,.85);animation:ckRing .55s ease-out forwards}
@keyframes ckRing{0%{transform:scale(.2);opacity:1}100%{transform:scale(4.6);opacity:0}}
.ck-burst{font-size:2.5rem;animation:ckSplat .42s ease-out;filter:drop-shadow(0 0 13px rgba(255,140,0,.9))}
.ck-feather{position:absolute;left:50%;top:50%;width:10px;height:14px;border-radius:60% 60% 50% 50%/72% 72% 40% 40%;background:linear-gradient(180deg,#fff,#e6e6ea);box-shadow:0 1px 2px rgba(0,0,0,.3);animation:ckFeather .95s ease-out forwards;z-index:5;pointer-events:none}
@keyframes ckFeather{0%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}100%{transform:translate(calc(-50% + var(--fx)),26px) rotate(var(--fr)) scale(.65);opacity:0}}
.ck-pawn-wrap .ck-chick-svg{animation:ckIdle 1.5s ease-in-out infinite}
@keyframes ckIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:600px){.ck-home,.ck-lane{flex-basis:72px;min-height:270px}.ck-pawn-wrap{width:44px}.ck-traffic{width:38px}.ck-mult{font-size:.66rem;width:82%}}
/* ===== Chicken Road v2 — pa makina, si origjinali (butona-monedha + zjarr) ===== */
/* --lw = gjerësia e korsisë = një "pllakë" e rrugës → vijat e ndërprera bien saktë në kufijtë e korsive */
.ck2{--lw:86px}
.ck2 .ck-road{background-image:url('gameart/chicken/road_tile.png?v=1');background-size:var(--lw) 100%;background-repeat:repeat-x;background-attachment:local;background-position:left top;background-color:#3a4056}
.ck2 .ck-home,.ck2 .ck-lane{flex:0 0 var(--lw);min-height:300px;background:transparent}
.ck2 .ck-lane.done{background:transparent}
.ck2 .ck-lane.here{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.02))}
.ck2 .ck-lane.next{animation:none;cursor:pointer}
.ck2 .ck-lane.next:hover{background:linear-gradient(180deg,rgba(93,240,138,.14),transparent)}
.ck2 .ck-cell{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}
.ck2 .ck-pawn-wrap{position:absolute;bottom:30%;left:50%;transform:translateX(-50%);width:54px;z-index:4}
/* MONEDHAT — çdo korsi ka një monedhë ari me shumëzuesin në qendër */
.ck-coin{width:clamp(52px,82%,92px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2;
  background:radial-gradient(circle at 38% 30%,#fff1a8,#ecc23e 52%,#b5871d);border:3px solid #8a6414;box-shadow:0 4px 9px rgba(0,0,0,.45),inset 0 2px 5px rgba(255,255,255,.55),inset 0 -3px 7px rgba(120,80,10,.4)}
.ck-coin::before{content:'';position:absolute;inset:13%;border-radius:50%;border:2px dashed rgba(120,80,10,.45)}
.ck-coin::after{display:none}
.ck-coin span{position:relative;z-index:3;width:auto;padding:0 3px;font-weight:900;color:#5a3a06;font-size:clamp(.6rem,1.5vw,.94rem);line-height:1;word-break:break-word;text-shadow:0 1px 1px rgba(255,255,255,.5)}
.ck-coin.green{background:radial-gradient(circle at 38% 30%,#9bffbf,#22c46e 52%,#0f7a3e);border-color:#0c6a35;box-shadow:0 0 18px rgba(50,220,120,.6),inset 0 2px 5px rgba(255,255,255,.45),inset 0 -3px 7px rgba(6,50,25,.5)}
.ck-coin.green span{color:#05310f}
.ck-coin.blue{opacity:calc(1 - var(--d,0)*0.13)}
.ck2 .ck-lane.next .ck-coin{animation:ckCoinHot .8s ease-in-out infinite alternate}
@keyframes ckCoinHot{from{box-shadow:0 0 12px rgba(255,205,70,.7),inset 0 2px 5px rgba(255,255,255,.55)}to{box-shadow:0 0 26px rgba(255,220,100,1),inset 0 2px 5px rgba(255,255,255,.6)}}
.ck-coin.egg{aspect-ratio:.86;border-radius:48% 48% 50% 50%/38% 38% 62% 62%;background:radial-gradient(circle at 42% 28%,#ffef94,#e0a020);border:4px solid #b17c14;box-shadow:0 0 28px rgba(255,205,60,.75),inset 0 3px 10px rgba(255,255,255,.45),0 6px 0 #9c6f12;align-items:center}
.ck-coin.egg::before,.ck-coin.egg::after,.ck-coin.gold::before,.ck-coin.gold::after{display:none}
.ck-coin.egg span{width:auto;padding:0 4px;background:none;box-shadow:none;color:#3a2600;text-shadow:0 1px 1px rgba(255,255,255,.5)}
.ck-coin.gold{border:0;box-shadow:none;background:none;padding:0}
.ck-coin.gold img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
/* zjarr në përplasje — arti real i lojës (fireillu.png), i shtrirë vertikalisht */
.ck-fire{position:absolute;left:50%;bottom:-2%;width:146%;z-index:3;pointer-events:none;transform-origin:50% 100%;transform:translateX(-50%) scaleY(3.1);animation:ckFireAnim .3s ease-in-out infinite alternate}
.ck-fire img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 16px rgba(255,140,30,.85))}
@keyframes ckFireAnim{0%{transform:translateX(-50%) scaleY(3) scaleX(1)}100%{transform:translateX(-51%) scaleY(3.5) scaleX(1.05)}}
.ck2 .ck-pawn-wrap.burn{animation:ckBurn .7s ease forwards}
@keyframes ckBurn{to{opacity:.15;transform:translate(-50%,10px) scale(.82)}}
/* WIN popup */
.ck-winpop{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) scale(.6);z-index:12;background:rgba(10,14,26,.92);border:2px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 30px;text-align:center;color:#fff;font-weight:900;font-size:1.25rem;opacity:0;pointer-events:none;box-shadow:0 14px 44px rgba(0,0,0,.6)}
.ck-winpop.on{animation:ckWinPop 2.2s ease forwards}
.ck-wx{display:block;color:#4de06a;font-size:1.9rem;margin:3px 0}
.ck-wa{display:block;color:#ffd24a;font-size:1rem}
@keyframes ckWinPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}30%,82%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
/* paneli i poshtëm (si origjinali) */
.ck2 .ck-panel{display:flex;align-items:stretch;gap:12px;background:rgba(10,14,26,.55);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;margin-top:10px;flex-wrap:wrap}
.ck-betcol{display:flex;flex-direction:column;gap:8px;flex:1 1 220px;min-width:180px}
.ck-betbox{display:flex;align-items:stretch;background:rgba(0,0,0,.35);border-radius:10px;overflow:hidden}
.ck-mm{background:rgba(255,255,255,.06);border:0;color:#9aa3b2;font-weight:800;font-size:.72rem;padding:0 14px;cursor:pointer}
.ck-mm:hover:not(:disabled){background:rgba(255,255,255,.13);color:#fff}
.ck-betin{flex:1;min-width:0;background:none;border:0;color:#fff;font-weight:800;font-size:1.1rem;text-align:center;outline:none;padding:10px 4px;font-family:inherit}
.ck-chips{display:flex;gap:6px}
.ck-chip{flex:1;padding:7px 0;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cdd6e6;font-weight:700;font-size:.8rem;cursor:pointer}
.ck-chip:hover:not(:disabled){background:rgba(255,255,255,.13);color:#fff}
.ck-diffcol{display:flex;flex-direction:column;gap:8px;flex:1 1 260px;min-width:220px;justify-content:center}
.ck-difflbl{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:#cdd6e6;font-weight:700}
.ck-chance{color:#9aa3b2;font-size:.7rem;font-weight:600}
.ck-diffs{display:flex;background:rgba(0,0,0,.3);border-radius:10px;overflow:hidden}
.ck-diff-btn{flex:1;padding:9px 4px;background:none;border:0;color:#8a93a8;font-weight:800;font-size:.78rem;cursor:pointer;transition:.15s}
.ck-diff-btn:hover:not(:disabled){color:#fff}
.ck-diff-btn.on{background:rgba(255,255,255,.11);color:#fff}
.ck-cashbtn{flex:0 0 auto;min-width:132px;border:0;border-radius:12px;background:linear-gradient(180deg,#ffd24a,#f0a91e);color:#2a1a00;font-weight:900;font-size:.9rem;cursor:pointer;padding:8px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;box-shadow:0 4px 0 #b47f10}
.ck-cashbtn b{font-size:1.05rem}
.ck-cashbtn:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 4px 0 #6a4a0a}
.ck-gobtn{flex:0 0 auto;min-width:118px;border:0;border-radius:12px;background:linear-gradient(180deg,#4de06a,#1fa544);color:#062012;font-weight:900;font-size:1.3rem;cursor:pointer;box-shadow:0 4px 0 #127a30}
.ck-gobtn:hover{filter:brightness(1.06)}
.ck-gobtn:active{transform:translateY(3px);box-shadow:none}
@media(max-width:640px){.ck2 .ck-panel{gap:8px}.ck-cashbtn,.ck-gobtn{flex:1 1 46%;min-width:0}.ck-gobtn{padding:12px}.ck2 .ck-pawn-wrap{width:44px}}
@media(max-width:600px){.ck2{--lw:78px}.ck2 .ck-home,.ck2 .ck-lane{min-height:270px}}
/* ===== 3 CUPS — lojë guaskash reale: kupa të kuqe me ar mbi tavolinë prej cohe ===== */
.cups-scene{position:relative;overflow:hidden;border-radius:28px;padding:24px 18px 18px;box-shadow:0 30px 70px rgba(0,0,0,.45);background:radial-gradient(circle farthest-side at 50% 18%,rgba(255,214,130,.14),transparent 28%),radial-gradient(circle farthest-side at 50% 12%,rgba(255,255,255,.08),transparent 22%),linear-gradient(180deg,#10050c 0%,#160912 38%,#09040a 100%);border:1px solid rgba(255,221,140,.08)}
.cups-backdrop{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 18% 16%,rgba(255,214,160,.08),transparent 16%),radial-gradient(circle at 84% 18%,rgba(207,147,76,.08),transparent 14%),linear-gradient(180deg,#120712 0%,#09040a 65%,#050206 100%)}
.cups-backdrop::before{content:'';position:absolute;left:50%;top:10%;width:120%;height:110%;transform:translateX(-50%);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.12),transparent 30%);pointer-events:none}
.cups-backdrop .spotlights{position:absolute;inset:0;display:flex;justify-content:space-around;align-items:flex-start;pointer-events:none}
.cups-backdrop .spotlights span{width:140px;height:260px;display:block;background:linear-gradient(180deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,0) 82%);filter:blur(8px);transform:rotate(-10deg);opacity:.5;animation:spotlightGlide 8s ease-in-out infinite alternate;}
.cups-backdrop .spotlights span:nth-child(2){width:180px;transform:rotate(0deg);opacity:.45;animation-duration:9s;}
.cups-backdrop .spotlights span:nth-child(3){transform:rotate(12deg);opacity:.4;animation-duration:10s;}
.cups-backdrop .stage-clouds{position:absolute;inset:0;background-image:radial-gradient(circle at 18% 24%,rgba(255,255,255,.06) 0 1.5px,transparent 2px),radial-gradient(circle at 72% 60%,rgba(255,255,255,.05) 0 1.5px,transparent 2px);opacity:.35;pointer-events:none;animation:cloudDrift 14s linear infinite;}
.cups-backdrop .cups-orb{position:absolute;left:50%;top:10%;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,rgba(255,255,255,.92) 18%,rgba(255,203,84,.92) 42%,rgba(255,148,18,0) 76%);box-shadow:0 0 40px rgba(255,194,68,.26),0 0 80px rgba(255,129,19,.12);transform:translateX(-50%) scale(.9);opacity:.85;pointer-events:none;animation:orbFloat 4.2s ease-in-out infinite alternate;transition:transform .3s ease,opacity .3s ease;}
.cups-backdrop .cups-orb.active{transform:translateX(-50%) scale(1.08);opacity:1;}
.cups-stage{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:46px;padding:56px 10px 72px;min-height:min(56vh,420px);perspective:950px;z-index:1}
/* TELEFON: përmasa fikse për lojërat që dilnin të mëdha (Cups) */
@media(max-width:640px){ #gpBody .sh-stage{height:min(42vh,320px)} #gpBody .cups-stage{min-height:min(44vh,330px);padding:38px 8px 50px;gap:22px} }
.cups-stage-overlay{pointer-events:none;position:absolute;inset:0;z-index:2}
.cups-glow{position:absolute;left:50%;top:10%;width:180px;height:180px;transform:translateX(-50%) scale(.9);border-radius:50%;background:radial-gradient(circle at 50% 30%,rgba(255,236,108,.35),rgba(255,143,25,.08) 44%,transparent 70%);opacity:0;transition:transform .35s ease,opacity .35s ease,box-shadow .35s ease;}
.cups-glow.pulse{opacity:.88;transform:translateX(-50%) scale(1.06);box-shadow:0 0 46px rgba(255,205,63,.22),0 0 108px rgba(255,138,14,.14);}
.cups-glow.win{opacity:.96;transform:translateX(-50%) scale(1.12);box-shadow:0 0 96px rgba(255,231,112,.25),0 0 180px rgba(255,170,57,.15);}
.cups-glow.lose{opacity:.64;transform:translateX(-50%) scale(.92);background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.15),rgba(255,138,25,.08) 38%,transparent 72%);}
.cups-result{position:absolute;left:50%;top:10px;transform:translateX(-50%) translateY(-12px);padding:12px 20px;border-radius:28px;background:rgba(7,7,12,.88);border:1px solid rgba(255,199,71,.15);color:#fff;backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .32s ease,transform .32s ease,box-shadow .32s ease;z-index:4;}
.cups-result.show{opacity:1;transform:translateX(-50%) translateY(0);}
.cups-result.win{border-color:rgba(255,233,121,.4);box-shadow:0 18px 40px rgba(255,198,46,.16);}
.cups-result.lose{border-color:rgba(255,129,28,.3);box-shadow:0 14px 28px rgba(255,94,8,.12);}
.cp-result-text{font-size:.95rem;font-weight:700;letter-spacing:.01em;line-height:1.3;}

/* Cinematic mode: subtle camera zoom, tilt and vignette */
.cups-stage.cinematic{transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1);}
.cups-stage.cinematic .cup{transition:transform .6s cubic-bezier(.2,.9,.2,1), filter .4s}
.cups-stage.cinematic::before{box-shadow:inset 0 0 140px rgba(0,0,0,.6), inset 0 0 0 2px rgba(214,178,94,.2),0 36px 88px rgba(0,0,0,.75)}
.cups-stage.cinematic::after{content:'';position:absolute;inset:0;border-radius:20px;pointer-events:none;background:radial-gradient(ellipse at 50% 30%, rgba(255,255,255,0.02), rgba(0,0,0,0.36));mix-blend-mode:overlay}
.cups-stage.reveal{transform:translateZ(40px) scale(1.06) rotateX(6deg)}
.cups-stage.reveal .cup{filter:brightness(1.02) saturate(1.06)}
.cups-stage .cup-svg{filter:drop-shadow(0 18px 32px rgba(0,0,0,.6));transform-origin:50% 60%}
.cup-slot.has-ball .cup{z-index:4;transform:translateY(-8px) scale(1.06)}
.cups-stage::before{content:'';position:absolute;left:50%;bottom:32px;transform:translateX(-50%) perspective(520px) rotateX(53deg);transform-origin:50% 100%;width:95%;height:210px;border-radius:18px;z-index:0;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Ccircle cx='80' cy='80' r='52' fill='none' stroke='%23d6b25e' stroke-opacity='0.22' stroke-width='1.4'/%3E%3Ctext x='80' y='104' font-size='60' text-anchor='middle' fill='%23d6b25e' fill-opacity='0.13' font-family='Georgia,serif'%3E%E2%99%A0%3C/text%3E%3C/svg%3E") center/128px no-repeat,
    repeating-linear-gradient(46deg,rgba(0,0,0,.05) 0 2px,transparent 2px 7px),
    radial-gradient(ellipse at 50% 32%,#1f9d5c 0%,#0f5230 55%,#07301d 100%);
  box-shadow:inset 0 0 62px rgba(0,0,0,.62),inset 0 0 0 2px rgba(214,178,94,.42),0 26px 52px rgba(0,0,0,.62)}
.cups-stage::after{content:'';position:absolute;left:50%;bottom:66px;transform:translateX(-50%);width:74%;height:44px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.45),transparent 72%);z-index:0;pointer-events:none}
.cup-slot{position:relative;width:108px;height:156px;display:flex;align-items:flex-end;justify-content:center;z-index:1}
.cup-slot.winner .cup{transform:translateY(-4px) scale(1.03);}
.cup-slot.winner .cup::before{content:'';position:absolute;left:50%;top:-16px;transform:translateX(-50%) scale(.9);width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.98),rgba(255,255,255,0) 58%);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;}
.cups-stage.win .cup-slot.winner .cup::before{opacity:1;transform:translateX(-50%) scale(1.1);animation:winnerSpark .9s ease-in-out infinite alternate;}
.cup-slot.winner .cup::after{content:'';position:absolute;left:50%;top:0;width:120%;height:120%;transform:translateX(-50%) scale(.82);border-radius:50%;box-shadow:0 0 28px rgba(255,226,102,.24),0 0 82px rgba(255,172,35,.14);opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;}
.cups-stage.win .cup-slot.winner .cup::after{opacity:1;transform:translateX(-50%) scale(1);}
.cup-base{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:118px;height:18px;border-radius:999px;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.35),rgba(255,255,255,0) 36%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.24));box-shadow:0 10px 30px rgba(0,0,0,.32);z-index:0}
.cup-shadow{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:92px;height:14px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,rgba(0,0,0,.28),transparent 72%);filter:blur(1px);z-index:0}
.cup-ball{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#fff9d0,#ffcf48 42%,#da950f 82%);box-shadow:0 6px 18px rgba(0,0,0,.36),inset 0 -3px 5px rgba(255,255,255,.55);opacity:0;z-index:1;transition:transform .25s ease,box-shadow .25s ease;}
.cup-slot.has-ball .cup-ball{opacity:1;animation:cupBallPop .4s ease;box-shadow:0 0 0 14px rgba(255,226,102,.18),0 0 0 28px rgba(255,189,35,.09);transform:translateX(-50%) scale(1.05);}
@keyframes cupBallPop{0%{transform:translateX(-50%) scale(.4)}60%{transform:translateX(-50%) scale(1.2)}100%{transform:translateX(-50%) scale(1)}}
@keyframes winnerSpark{0%{transform:translateX(-50%) translateY(-16px) scale(1);opacity:.82}100%{transform:translateX(-50%) translateY(-24px) scale(1.18);opacity:.42}}
@keyframes spotlightGlide{0%{transform:translateX(-6px) rotate(-10deg);opacity:.48}100%{transform:translateX(6px) rotate(-8deg);opacity:.56}}
@keyframes cloudDrift{0%{background-position:0 0,0 0}100%{background-position:120px 0,-140px 0}}
@keyframes orbFloat{0%{transform:translateX(-50%) translateY(0) scale(.88)}100%{transform:translateX(-50%) translateY(-10px) scale(1.02)}}
.cups-stage.focused{transform:scale(1.02);transition:transform .45s ease;}
.cups-stage.win .cup{filter:drop-shadow(0 20px 32px rgba(255,227,106,.32));}
.cups-stage.win .cup:hover{transform:translateY(-8px) scale(1.06);}
.cups-stage.lose .cup{filter:grayscale(.3) brightness(.95);}
.cup-slot.winner .cup{animation:winnerPulse .9s ease both;}
@keyframes winnerPulse{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.05)}100%{transform:translateY(0) scale(1)}}
.cup-num{position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);font-size:.82rem;color:#ffd87c;font-weight:800;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.cup{width:100px;height:148px;cursor:pointer;transition:transform .35s cubic-bezier(.4,.08,.3,1);position:relative;z-index:2;will-change:transform}
.cup-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 14px 18px rgba(0,0,0,.55));transform-origin:50% 60%}
.cup-img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.55))}
.cup-style-select{display:inline-block;margin:0 12px 8px 0;color:var(--muted);font-size:.9rem}
/* Style-specific polish */
.cups-stage.cupstyle-metal .cup-img{filter:contrast(1.06) saturate(1.08) drop-shadow(0 18px 36px rgba(0,0,0,.7));}
.cups-stage.cupstyle-metal .cup{border-radius:10px}
.cups-stage.cupstyle-metal .cup::after{content:'';position:absolute;inset:6px;pointer-events:none;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0));mix-blend-mode:overlay}
.cups-stage.cupstyle-metal .cup-img{transition:filter .4s, transform .45s}
.cups-stage.cupstyle-metal .cup:hover .cup-img{transform:translateY(-6px) rotateX(2deg);filter:brightness(1.03) saturate(1.12)}

.cups-stage.cupstyle-wood{--wood-tone:#6b3f21}
.cups-stage.cupstyle-wood .cup-img{filter:sepia(.28) contrast(.98) saturate(.9) drop-shadow(0 14px 24px rgba(0,0,0,.56));}
.cups-stage.cupstyle-wood .cup::before{content:'';position:absolute;inset:0;border-radius:8px;background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(255,255,255,0.02)), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cdefs%3E%3Cpattern id='g' width='6' height='6' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0 0 L6 0' stroke='%23644' stroke-opacity='0.06' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='160' height='160' fill='url(%23g)'/%3E%3C/svg%3E");opacity:.28;mix-blend-mode:multiply}
.cups-stage.cupstyle-wood .cup:hover .cup-img{transform:translateY(-4px) scale(1.02)}

.cups-stage.cupstyle-glass .cup-img{filter:brightness(1.04) contrast(1.02) saturate(.9) drop-shadow(0 22px 40px rgba(0,0,0,.58));opacity:.98}
.cups-stage.cupstyle-glass .cup::after{content:'';position:absolute;left:8%;top:6%;width:84%;height:18%;background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(255,255,255,.12));transform:skewX(-12deg) rotate(-6deg);opacity:.6;border-radius:8px;mix-blend-mode:screen;pointer-events:none}
.cups-stage.cupstyle-glass .cup:hover .cup-img{transform:translateY(-6px) scale(1.02);filter:brightness(1.06) saturate(1.02)}
.cup:hover{transform:translateY(-6px)}
.cup-slot.lift .cup{transform:translateY(-88px)}
.cups-stage.shuffling .cup{animation:cupShake .25s ease infinite}
@keyframes cupShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-9px) rotate(-4deg)}75%{transform:translateX(9px) rotate(4deg)}}
/* ---------- ROCK PAPER SCISSORS ---------- */
.rps-arena{display:flex;align-items:center;justify-content:center;gap:24px;padding:18px}
.rps-side{display:flex;flex-direction:column;align-items:center;gap:8px}
.rps-lbl{font-size:.66rem;letter-spacing:2px;color:var(--muted)}
.rps-hand{font-size:3.2rem;width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#2e2e42,#16161f);border-radius:20px;border:1px solid var(--line);box-shadow:0 7px 0 #101017,0 11px 18px rgba(0,0,0,.55),inset 0 2px 4px rgba(255,255,255,.12);text-shadow:0 3px 5px rgba(0,0,0,.45)}
.rps-hand.shake{animation:rpsShake .3s ease infinite}
.rps-svg{width:72px;height:72px;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
.rps-btn .rps-svg{width:46px;height:46px;filter:none}
.dbl-coin{width:128px;height:128px;margin:2px auto;display:block;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.dbl-coin.spin{animation:dblSpin .16s linear infinite}
@keyframes dblSpin{0%{transform:scaleX(1)}50%{transform:scaleX(.12)}100%{transform:scaleX(1)}}
.balloon-svg{width:78px;height:auto;display:block}
.balloon{transform-origin:50% 92%;will-change:transform}
.rocket-svg{width:42px;height:auto;display:block}
.limbo-rocket .rocket-svg{filter:drop-shadow(0 0 9px rgba(255,170,70,.65))}
.sc-sym-svg{width:80%;height:80%;display:block}
.sc-cover-svg{width:24px;height:24px;opacity:.6}
.sc-iwin{display:inline-flex;vertical-align:middle}
.sc-iwin .sc-sym-svg{width:22px;height:22px}
@keyframes rpsShake{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
.rps-vs{font-weight:900;color:var(--gold);font-size:1.1rem}
.rps-picks{display:flex;justify-content:center;gap:12px;margin:8px 0 4px}
.rps-btn{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:1.9rem;padding:10px 18px;border-radius:14px;background:linear-gradient(160deg,#2a2a3c,#191922);border:1px solid var(--line);cursor:pointer;transition:.15s;color:#fff;box-shadow:0 5px 0 #0e0e15,0 8px 13px rgba(0,0,0,.5),inset 0 2px 3px rgba(255,255,255,.1)}
.rps-btn span{font-size:.6rem;letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.rps-btn:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 0 #0e0e15,0 13px 20px rgba(0,0,0,.55),0 0 16px rgba(232,179,57,.28),inset 0 2px 3px rgba(255,255,255,.14)}
.rps-btn:active{transform:translateY(2px);box-shadow:0 3px 0 #0e0e15,0 5px 9px rgba(0,0,0,.5),inset 0 2px 3px rgba(255,255,255,.1)}
/* ===== SCRATCH CARD — fletë e vetme me gërvishtje reale (canvas) ===== */
.scratch-frame{max-width:440px;width:min(92%,440px);margin:16px auto;padding:17px 16px;position:relative;border-radius:20px;
  background:linear-gradient(150deg,#2a2140,#1a1330 55%,#120c22);border:2px solid rgba(232,179,57,.5);
  box-shadow:0 20px 44px -14px rgba(0,0,0,.78),inset 0 0 0 1px rgba(255,255,255,.05),0 0 26px rgba(232,179,57,.12)}
.scratch-frame::before{content:'★ ROYAL ACE · LUCKY SCRATCH ★';position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;
  font-size:.62rem;font-weight:800;letter-spacing:2px;color:#1a1408;background:linear-gradient(180deg,var(--gold-bright,#f7d268),var(--gold-deep,#a8781e));padding:2px 13px;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.scratch-card{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;position:relative;border-radius:12px;overflow:hidden;background:#0e0a1c}
.sc-cell{aspect-ratio:1;border-radius:9px;display:flex;align-items:center;justify-content:center;position:relative;
  background:radial-gradient(circle at 50% 38%,#3d3556,#221b33 70%);border:1px solid rgba(255,255,255,.06);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.03)}
.sc-sym{width:66%;height:66%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.sc-sym .sc-sym-svg{width:100%;height:100%}
.sc-cell.revealed{animation:scReveal .35s cubic-bezier(.3,1.3,.5,1)}
.sc-cell.win{box-shadow:0 0 0 3px var(--gold),0 0 16px rgba(232,179,57,.6),inset 0 2px 4px rgba(0,0,0,.3);animation:scWin .5s ease;z-index:2}
@keyframes scReveal{0%{transform:scale(.62);opacity:.2}100%{transform:scale(1);opacity:1}}
@keyframes cardFlipIn{0%{transform:scaleY(.25) translateY(-18px);opacity:0}60%{transform:scaleY(1.05) translateY(2px);opacity:1}100%{transform:scaleY(1) translateY(0);opacity:1}}
@keyframes hlGlow{0%,100%{box-shadow:0 0 0 0 rgba(33,193,122,0)}50%{box-shadow:0 0 0 12px rgba(33,193,122,.18)}}
@keyframes hlBurn{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}100%{transform:scale(.96);opacity:0.3}}
@keyframes vpDeal{0%{transform:translateY(-16px) scale(.9);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes wheelGlow{0%,100%{filter:drop-shadow(0 0 32px rgba(232,179,57,.24))}50%{filter:drop-shadow(0 0 48px rgba(232,179,57,.42))}}
@keyframes plinkoDrop{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}
.sc-scratch{position:absolute;inset:0;width:100%;height:100%;z-index:4;cursor:grab;touch-action:none;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.sc-scratch:active{cursor:grabbing}
@keyframes scWin{0%{transform:scale(1)}50%{transform:scale(1.13)}100%{transform:scale(1)}}
.mines-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:min(400px,min(88vw,52vh));margin:6px auto;width:100%;perspective:700px}
/* Mines me asete reale (Lucky Mines): pllakë e mbyllur, yll (gem) & bombë */
.mn-tile{aspect-ratio:1;min-width:0;min-height:0;overflow:hidden;border-radius:12px;background:linear-gradient(#2c3a5a,#1b2338);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.35);cursor:pointer;transition:transform .13s ease,filter .15s;display:flex;align-items:center;justify-content:center;padding:5%;position:relative}
.mn-tile:hover:not(.open){transform:translateY(-4px);filter:brightness(1.12) drop-shadow(0 0 12px rgba(232,179,57,.45))}
.mn-tile:active:not(.open){transform:translateY(2px)}
.mn-tile .mn-svg{width:100%;height:100%;object-fit:contain}
.mn-tile.open{cursor:default;background:none;animation:tileFlip .45s cubic-bezier(.3,.8,.4,1)}
.mn-tile.gem .mn-svg{animation:gemShine 1.6s ease-in-out infinite}
.mn-tile.mine{animation:bombBoom .5s ease-out}
.mn-tile.mine .mn-svg{animation:shakeX .4s}
.mn-tile.gem-dim{opacity:.5}.mn-tile.mine-dim{opacity:.6}
/* sfondi real Lucky Mines */
#gpBody[data-game="mines"]{background:radial-gradient(circle at 50% 30%,#173056,#0a1220) !important}
#gpBody[data-game="mines"]::before{background:linear-gradient(rgba(12,20,42,.45),rgba(8,14,30,.72)) !important;box-shadow:inset 0 0 160px 30px rgba(0,0,0,.5)}
#gpBody[data-game="mines"]::after{display:none !important}
.mines-grid.boom{animation:shakeX .4s}

/* ===== Wallpaper-a specifikë loje ===== */
/* Road Rush — sfondi origjinal InOut */
#gpBody[data-game="chicken"]{background:#0d1826 url('gameart/chicken/Background/Chicken%20Road.png?v=1') center/cover no-repeat !important}
#gpBody[data-game="chicken"]::before{background:linear-gradient(rgba(8,14,26,.28),rgba(8,14,26,.55)) !important;box-shadow:inset 0 0 170px 30px rgba(0,0,0,.45)}
#gpBody[data-game="chicken"]::after{display:none !important}
/* Cups — cohë kazinoje jeshile */
#gpBody[data-game="cups"]{background:radial-gradient(ellipse 95% 72% at 50% 14%,#1f8a56,#0c4a2c 52%,#052015) !important}
#gpBody[data-game="cups"]::before{background:radial-gradient(ellipse 60% 45% at 50% 30%,rgba(255,255,255,.10),rgba(255,255,255,0) 60%),linear-gradient(rgba(4,24,14,.15),rgba(3,16,9,.5)) !important;box-shadow:inset 0 0 180px 40px rgba(0,0,0,.5)}
#gpBody[data-game="cups"]::after{display:none !important}
/* Rock Paper Scissors — arenë neon */
#gpBody[data-game="rps"]{background:radial-gradient(ellipse 92% 70% at 50% 16%,#343b74,#191d3e 52%,#0a0d1f) !important}
#gpBody[data-game="rps"]::before{background:radial-gradient(ellipse 55% 42% at 50% 26%,rgba(0,255,120,.12),rgba(0,255,120,0) 60%),linear-gradient(rgba(8,10,26,.15),rgba(6,8,20,.5)) !important;box-shadow:inset 0 0 180px 40px rgba(0,0,0,.5)}
#gpBody[data-game="rps"]::after{display:none !important}
/* Block Tower — sfond i ri (kulla nate/indigo, ndryshe nga Mine Climb) */
#gpBody[data-game="tower"]{background:linear-gradient(180deg,#2b1d52,#171236 52%,#0a0818) !important}
#gpBody[data-game="tower"]::before{background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px),linear-gradient(rgba(10,8,24,.1),rgba(8,6,20,.55)) !important;box-shadow:inset 0 0 180px 40px rgba(0,0,0,.5)}
#gpBody[data-game="tower"]::after{display:none !important}

/* Blackjack */
/* ===== Tavolinë 3D kazinoje (cohë jeshile me perspektivë) ===== */
.table3d-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 0;min-height:250px}
.h3-stage.dealing{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 22px rgba(255,247,184,.18);animation:h3DealPulse .9s ease-in-out 1;}
.h3-stage.win{animation:h3WinGlow 1.4s ease-in-out 1;}
.h3-stage.win .h3-table{box-shadow:0 0 30px rgba(255,223,97,.35),inset 0 0 28px rgba(255,255,255,.06);}
.h3-stage.lose{animation:h3LoseFade .95s ease-in-out 1;}
@keyframes h3DealPulse{0%{transform:scale(1)}50%{transform:scale(1.009)}100%{transform:scale(1)}}
@keyframes h3WinGlow{0%{box-shadow:0 0 16px rgba(255,223,97,0)}50%{box-shadow:0 0 30px rgba(255,223,97,.4)}100%{box-shadow:0 0 16px rgba(255,223,97,0)}}
@keyframes h3LoseFade{0%{filter:brightness(1)}50%{filter:brightness(.82)}100%{filter:brightness(1)}}
.table3d{position:relative;width:100%;max-width:520px;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:34px 26px 26px;border-radius:46% 46% 16px 16px / 30% 30% 16px 16px;
  box-shadow:0 30px 50px -18px rgba(0,0,0,.75),inset 0 0 0 2px rgba(232,179,57,.22),inset 0 6px 30px rgba(255,255,255,.07),inset 0 -10px 40px rgba(0,0,0,.5),0 0 0 9px #6b4420,0 0 0 11px #4a3016,0 0 0 13px #2a1b0c}
.table3d.felt{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Ctext x='65' y='105' font-size='120' text-anchor='middle' font-family='Georgia,serif' fill='%23ffffff' fill-opacity='0.05'%3E%E2%99%A0%3C/text%3E%3C/svg%3E") center 56%/118px auto no-repeat,
  radial-gradient(ellipse 120% 78% at 50% 14%,rgba(255,255,255,.12),rgba(255,255,255,0) 46%),
  repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 2px,transparent 2px 4px),
  radial-gradient(circle at 50% 62%,transparent 50%,rgba(0,0,0,.34) 100%),
  radial-gradient(ellipse at 50% 36%,#2bab6a,#136d3f 58%,#0a4127 88%,#06301c);}
.t3-arc{position:absolute;top:12%;left:9%;right:9%;height:30%;border:2px dashed rgba(255,255,255,.16);border-bottom:none;border-radius:50% 50% 0 0;pointer-events:none}
.t3-line{height:1px;background:rgba(255,255,255,.12);margin:0 12%;box-shadow:0 0 8px rgba(255,255,255,.1)}
.table3d .bj-label,.table3d .bacc-lbl,.table3d .dt-lbl{text-shadow:0 1px 3px rgba(0,0,0,.6)}
.table3d .bj-card,.table3d .dt-card .card-svg,.table3d .bacc-cards .card-svg{box-shadow:0 10px 18px -4px rgba(0,0,0,.6)}
/* ===== Tavolinat me letra në 3D të vërtetë (të pjerrëta + felt realist) ===== */
.dt-table,.bacc-table,.tc-table,.ab-table,.table3d{transform:perspective(1400px) rotateX(16deg);transform-origin:50% 64%}
.dt-table,.bacc-table,.tc-table,.ab-table{position:relative;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ctext x='60' y='97' font-size='112' text-anchor='middle' font-family='Georgia,serif' fill='%23ffffff' fill-opacity='0.05'%3E%E2%99%A0%3C/text%3E%3C/svg%3E") center 50%/104px auto no-repeat,
    radial-gradient(ellipse 120% 78% at 50% 12%,rgba(255,255,255,.12),rgba(255,255,255,0) 46%),
    radial-gradient(circle at 50% 60%,transparent 48%,rgba(0,0,0,.36) 100%),
    radial-gradient(ellipse at 50% 36%,#239360,#0e5733 70%,#093a22),
    repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 3px,transparent 3px 6px);
  box-shadow:inset 0 0 50px rgba(0,0,0,.45),0 0 0 8px #6b4420,0 0 0 10px #4a3016,0 0 0 12px #2a1b0c,0 30px 50px -16px rgba(0,0,0,.75)}
/* letra me thellësi/lustër 3D */
img.card-svg{box-shadow:0 9px 16px -3px rgba(0,0,0,.6),0 2px 5px rgba(0,0,0,.45)}
.tc-table,.ab-table{padding:22px 18px;border-radius:46% 46% 16px 16px / 28% 28% 16px 16px}
@media(max-width:560px){.table3d{transform:rotateX(18deg);padding:22px 14px}}

.bj-table{flex:1;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:8px 0}
.bj-row{display:flex;flex-direction:column;gap:8px}
.bj-label{font-size:.82rem;color:var(--muted);font-weight:600;text-align:center}
.bj-label span{color:var(--gold)}
.bj-cards{display:flex;gap:8px;justify-content:center;min-height:92px}
.bj-card{width:clamp(62px,7vw,92px);height:auto;aspect-ratio:5/7;border-radius:9px;background:#f4f1e8;color:#16161f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:1.4rem;box-shadow:0 6px 14px rgba(0,0,0,.4)}
.bj-card.red{color:#c0392b}
.bj-card.back{background:linear-gradient(135deg,var(--gold-deep),#5a4a12);color:var(--gold-bright);font-size:2rem}
.bj-actions{display:flex;gap:10px}
/* Casino Hold'em */
.ch-row{display:flex;flex-direction:column;gap:5px;align-items:center}
.ch-lbl{font-size:.8rem;color:var(--muted);font-weight:600}
.ch-lbl span{color:var(--gold);font-size:.72rem}
.ch-cards{display:flex;gap:5px;justify-content:center;min-height:60px}
.ch-card{width:clamp(42px,5vw,64px);height:auto;aspect-ratio:5/7;border-radius:7px;overflow:hidden;box-shadow:0 6px 12px rgba(0,0,0,.45);animation:cardIn .4s cubic-bezier(.2,.7,.2,1) backwards}
.ch-card:nth-child(2){animation-delay:.08s}.ch-card:nth-child(3){animation-delay:.16s}.ch-card:nth-child(4){animation-delay:.24s}.ch-card:nth-child(5){animation-delay:.32s}
.ch-card .card-svg{width:100%;height:100%;display:block}
.ch-comm-lbl{font-size:.6rem;letter-spacing:2px;color:var(--faint);text-align:center;margin:2px 0}
.ch-comm .ch-card{width:clamp(46px,5.4vw,70px);height:auto;aspect-ratio:5/7}
.ch-acts{display:flex;gap:8px}

/* Roulette */
.rl-top{display:flex;justify-content:center;perspective:900px;margin-bottom:6px}
/* Ruletë 3D reale (e anuar në perspektivë, top që orbiton) */
.roulette3d{position:relative;width:230px;height:230px;filter:drop-shadow(0 20px 24px rgba(0,0,0,.6));transform:rotateX(38deg);transform-style:preserve-3d}
.rl-wheel3d{position:absolute;inset:0;border-radius:50%;will-change:transform}
.rl-wheel3d canvas{width:100%;height:100%;display:block;border-radius:50%}
.rl-wheel3d img.rl-wheelimg{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}
/* Rrota 3D LIVE (WebGL) — modeli i shkarkuar */
/* Ruletë me rrotë të vizatuar (imazh) + top që kërcen, e pjerrët në 3D */
.roulette3d.imgwheel{transform:rotateX(46deg);transform-style:preserve-3d;width:300px;height:300px;filter:drop-shadow(0 24px 26px rgba(0,0,0,.55))}
.roulette3d.mini.imgwheel{width:240px;height:240px}
.roulette3d.imgwheel .rl-wheelimg{width:100%;height:100%;display:block;object-fit:contain;transition:transform 4.3s cubic-bezier(.15,.62,.2,1)}
.roulette3d.imgwheel .rl-ballarm{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;z-index:4}
.roulette3d.imgwheel .rl-ball{position:absolute;left:50%;top:50%;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d2d2d2 68%,#a6a6a6);box-shadow:0 2px 5px rgba(0,0,0,.6);opacity:0}
.roulette3d.imgwheel .rl-num-badge{transform:translate(-50%,-50%) rotateX(-46deg)}
.roulette3d.imgwheel .rl-pointer{transform:translateX(-50%) rotateX(-46deg);top:-16px}
/* Ruletë me plugin jQuery (MIT) — rrotë + shigjetë + buton qendror */
.rl-pluginwrap{position:relative;display:inline-flex;justify-content:center;margin:0 auto}
#rlPlugin{cursor:pointer;max-width:90vw;height:auto;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55))}
.rl-result-badge{position:absolute;top:6px;right:6px;min-width:38px;height:38px;border-radius:50%;background:rgba(7,7,12,.92);display:flex;align-items:center;justify-content:center;font-family:'Cinzel',Georgia,serif;font-weight:900;font-size:1.15rem;color:#fff;border:2px solid var(--gold-deep);box-shadow:0 4px 10px rgba(0,0,0,.5)}
.rl-result-badge.red{color:#ff6b6b}.rl-result-badge.black{color:#fff}.rl-result-badge.green{color:#3ce17a}
.rl-arrow{position:absolute;top:-6px;left:50%;transform:translateX(-50%);font-size:1.8rem;line-height:1;color:#ffd34d;z-index:3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));pointer-events:none}
/* ===== Ruletë standarde: rrota majtas + tavolina djathtas ===== */
.rl-wrap{max-width:840px}
.roul-layout{display:flex;gap:16px;align-items:flex-start;justify-content:center;flex-wrap:wrap;margin:8px 0}
.roul-left{display:flex;flex-direction:column;align-items:center;gap:14px;flex:0 0 auto}
.roul-wheel{position:relative;width:290px;height:290px;flex:0 0 auto}
.roul-wheel .rl-wheelimg{width:100%;height:100%;display:block;transition:transform 4.3s cubic-bezier(.15,.62,.2,1);filter:drop-shadow(0 12px 22px rgba(0,0,0,.5))}
.roul-wheel.spinning .rl-wheelimg{animation:wheelSpinPulse 4.2s ease-out forwards;}
.roul-wheel .rl-ballarm{position:absolute;inset:0;pointer-events:none;z-index:3}
.roul-wheel .rl-ball{position:absolute;left:50%;top:50%;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d2d2d2 68%,#a6a6a6);box-shadow:0 2px 5px rgba(0,0,0,.6);opacity:0;z-index:4;transition:opacity .35s ease}
.roul-wheel .rl-arrow{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:1.8rem;line-height:1;color:#ffd34d;z-index:5;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));pointer-events:none}
.roul-wheel .rl-result-badge{position:absolute;top:4px;right:4px;min-width:36px;height:36px;border-radius:50%;background:rgba(7,7,12,.92);display:flex;align-items:center;justify-content:center;font-family:'Cinzel',Georgia,serif;font-weight:900;font-size:1.1rem;color:#fff;border:2px solid var(--gold-deep);z-index:6}
@keyframes wheelSpinPulse{0%{transform:scale(1)}50%{transform:scale(1.01)}100%{transform:scale(1)}}
.roul-wheel .rl-result-badge.red{color:#ff6b6b}.roul-wheel .rl-result-badge.black{color:#fff}.roul-wheel .rl-result-badge.green{color:#3ce17a}
.roul-layout .roulette-table{flex:1 1 380px;max-width:520px;margin:0}
.chip-clear{width:50px;height:50px;border-radius:50%;border:2px dashed #c0504a;background:rgba(192,57,47,.2);color:#ff9182;font-weight:800;font-size:.74rem;cursor:pointer;transition:.14s}
.chip-clear:hover{background:rgba(192,57,47,.35);transform:translateY(-3px)}
.rl-result-box{border:2px solid var(--gold-deep);border-radius:8px;background:rgba(0,0,0,.4);min-height:40px;display:flex;align-items:center;justify-content:center;font-weight:700}
@media(max-width:720px){.roul-wheel{width:240px;height:240px}.roul-layout .roulette-table{flex-basis:100%}}
.rl-ballarm{position:absolute;inset:0;will-change:transform;z-index:3}
.rl-ball{position:absolute;top:5%;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c8c8c8);box-shadow:0 0 6px rgba(0,0,0,.5)}
.rl-pointer{position:absolute;top:-20px;left:50%;transform:translateX(-50%) rotateX(-38deg);color:var(--gold);font-size:1.3rem;z-index:4;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.rl-num-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(-38deg);min-width:44px;height:44px;border-radius:50%;background:rgba(7,7,12,.9);display:flex;align-items:center;justify-content:center;font-family:'Cinzel';font-weight:900;font-size:1.3rem;color:#fff;border:2px solid var(--gold-deep);z-index:5;box-shadow:0 6px 14px rgba(0,0,0,.5)}
.rl-num-badge.red{color:#ff6b6b}.rl-num-badge.black{color:#fff}.rl-num-badge.green{color:#3ce17a}
/* Mini Roulette variant */
.roulette3d.mini{width:184px;height:184px}
.roulette-table.mini{max-width:360px}
.roulette-table.mini .rt-bottom{margin:4px 4px 0 37px}
.rl-center.red{color:var(--crimson)}.rl-center.green{color:var(--emerald)}
/* ===== Tavolinë e plotë reale ruletë (cohë jeshile) ===== */
.roulette-table{max-width:480px;margin:0 auto;width:100%;
  background:
    radial-gradient(ellipse at 50% -10%, rgba(255,255,255,.07), transparent 55%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border-radius:18px;box-shadow:0 20px 40px -22px rgba(0,0,0,.7),inset 0 0 30px rgba(255,255,255,.03);}
.roulette-table.glow{box-shadow:0 0 30px rgba(255,216,87,.35),inset 0 0 35px rgba(255,235,170,.12);border-color:rgba(255,216,87,.28);animation:tableGlow 2.4s ease-in-out forwards;}
@keyframes tableGlow{0%{box-shadow:0 0 0 rgba(255,216,87,0),inset 0 0 0 rgba(255,235,170,0)}50%{box-shadow:0 0 24px rgba(255,216,87,.38),inset 0 0 40px rgba(255,235,170,.18)}100%{box-shadow:0 0 0 rgba(255,216,87,0),inset 0 0 0 rgba(255,235,170,0)}}

.rt-top{display:flex;gap:3px;align-items:stretch}
.rl-cell.zero{flex:0 0 34px;border-radius:6px;background:#1f9d4d;color:#fff;font-weight:800;font-size:1.05rem;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center}
.rl-nums{flex:1;display:grid;grid-template-rows:repeat(3,1fr);grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;position:relative}
/* zona klikueshme mes numrave (split/corner) */
.rl-zones{position:absolute;inset:0;pointer-events:none;z-index:3}
.rl-z{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;background:rgba(255,255,255,.06);border-radius:3px;transition:.12s}
.rl-z.v{width:13px;height:24px}
.rl-z.h{width:24px;height:13px}
.rl-z.c{width:15px;height:15px;border-radius:50%}
.rl-z:hover{background:rgba(232,179,57,.6);box-shadow:0 0 8px rgba(232,179,57,.7);z-index:5}
.rl-z .rl-chip{z-index:6}
.rl-countdown{font-weight:800;color:var(--gold);font-size:.92rem;min-width:150px;text-align:center;letter-spacing:.3px}
#rlLive.on{background:linear-gradient(120deg,#e63950,#a01828);color:#fff;box-shadow:0 0 14px rgba(230,57,80,.5)}
.rl-cell{position:relative;border:1px solid rgba(255,255,255,.18);border-radius:4px;font-size:.74rem;font-weight:700;color:#fff;cursor:pointer;transition:.12s;display:flex;align-items:center;justify-content:center;min-height:30px}
.rl-cell.red{background:#c0392b}.rl-cell.black{background:#16161c}
.rl-cell:hover{outline:2px solid var(--gold);z-index:2}
/* Ndriçim i numrave të mbuluar kur kalon miu mbi kolonë/duzinë/bast të jashtëm */
.rl-cell.rl-hl{outline:2px solid var(--gold);box-shadow:0 0 14px rgba(232,179,57,.75),inset 0 0 0 2px rgba(255,255,255,.35);z-index:2}
.lv-wrap .rl-cell.rl-hl{box-shadow:0 0 18px rgba(232,179,57,.9),inset 0 0 0 2px rgba(255,255,255,.45);z-index:3}
/* Klik feedback + hitbox më i qartë për bastet e jashtme/kolona */
.rl-out:active,.rl-cell:active{transform:scale(.95)}
.rt-cols .col2to1{min-height:34px;display:flex;align-items:center;justify-content:center}
.rt-cols{flex:0 0 40px;display:grid;grid-template-rows:repeat(3,1fr);gap:3px}
.rt-bottom{margin:4px 41px 0 37px;display:flex;flex-direction:column;gap:4px}
.rt-dozens{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.rt-even{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.rt-even4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.rt-highlow{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 41px 5px 37px}
.rt-highlow .rl-out{min-height:30px;font-size:.72rem;font-weight:800}
.rl-out{position:relative;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.18);color:#fff;border-radius:5px;font-size:.66rem;font-weight:700;cursor:pointer;transition:.12s;min-height:28px;padding:4px 2px}
.rl-out:hover{border-color:var(--gold);background:rgba(232,179,57,.16)}
.rl-out.rl-red{background:#c0392b;color:#fff}.rl-out.rl-black{background:#16161c;color:#fff}
.rl-out.col2to1{font-size:.6rem}
.rl-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:23px;height:23px;padding:0 3px;border-radius:50%;
  background:radial-gradient(circle,#e8b339 0 53%,#fff 53% 62%,transparent 62%),repeating-conic-gradient(#fff 0 20deg,#a9790f 20deg 40deg);
  color:#1a1408;font-size:.58rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 7px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.3)}
.chip-pick{display:flex;gap:10px}
.chip{--c:#c0392b;width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;position:relative;color:#fff;font-weight:900;font-size:.84rem;
  background:radial-gradient(circle,var(--c) 0 56%,#fff 56% 63%,transparent 63%),repeating-conic-gradient(#fff 0 12deg,var(--c) 12deg 24deg);
  box-shadow:0 5px 9px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,0,0,.25);display:inline-flex;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.55);transition:transform .14s,box-shadow .14s}
.chip-pick .chip:nth-child(1){--c:#2b6fb0}.chip-pick .chip:nth-child(2){--c:#c0392b}.chip-pick .chip:nth-child(3){--c:#2a8f4f}.chip-pick .chip:nth-child(4){--c:#6e3aa0}
.chip:hover{transform:translateY(-3px)}
.chip.active{transform:translateY(-5px) scale(1.08);box-shadow:0 9px 15px rgba(0,0,0,.55),0 0 16px rgba(232,179,57,.65),inset 0 0 0 1px rgba(0,0,0,.25)}

@media(max-width:560px){
  .reel{width:74px;height:74px;font-size:2.5rem}
  .bj-card{width:56px;height:80px;font-size:1.15rem}
  .rl-out{font-size:.58rem}
}

/* Video Poker */
.vp-pays{display:flex;flex-direction:column;gap:2px;background:var(--bg-2);border:1px solid var(--line-soft,rgba(255,255,255,.06));border-radius:10px;padding:10px 14px;font-size:.78rem;max-width:340px;margin:0 auto;width:100%}
.vp-pays .pr{display:flex;justify-content:space-between;color:var(--muted)}
.vp-pays .pr b{color:var(--faint)}
.vp-pays .pr.hit{color:var(--gold);font-weight:700}
.vp-pays .pr.hit b{color:var(--gold)}
.vp-hand{display:flex;gap:10px;justify-content:center;flex:1;align-items:center;flex-wrap:wrap;padding:18px 0 14px;transform:perspective(1200px) rotateX(13deg);transform-origin:50% 82%}
.vp-card{width:68px;height:96px;border-radius:9px;background:#f4f1e8;color:#16161f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;box-shadow:0 6px 14px rgba(0,0,0,.4);position:relative;cursor:pointer;transition:transform .18s,box-shadow .18s}
.vp-card.red{color:#c0392b}
.vp-card.back{background:linear-gradient(135deg,var(--gold-deep),#5a4a12);color:var(--gold-bright);font-size:2rem;cursor:default}
.vp-card:not(.back):hover{transform:translateY(-4px)}
.vp-card.held{transform:translateY(-10px);box-shadow:0 0 0 2px var(--gold),0 12px 22px rgba(0,0,0,.5)}
.vp-card .hold-tag{position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:var(--gold);color:#1a1408;font-size:.62rem;font-weight:800;padding:2px 9px;border-radius:20px}
@media(max-width:560px){ .vp-card{width:54px;height:78px;font-size:1.2rem} }

/* Grafika SVG — letra & simbole */
.bj-card,.vp-card{background:none!important;padding:0;overflow:hidden}
.card-svg{width:100%;height:100%;display:block}
.bj-card.back,.vp-card.back{box-shadow:0 6px 14px rgba(0,0,0,.4)}
.reel{overflow:hidden}
.reel svg{width:76%;height:76%;display:block}
.paytable{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 12px;align-items:center}
.paytable .pt{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-weight:600;font-size:.8rem}
.paytable .pt-ic{display:inline-flex;width:20px;height:20px}
.paytable .pt-ic svg{width:100%;height:100%}

/* ============================================================
   MOTOR SLLOTI 5×3 (Book of Royal / Hot 7s Deluxe)
   ============================================================ */
.rs-wrap{gap:10px}
.rs-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rs-title{font-family:'Cinzel';font-weight:800;font-size:1rem;color:var(--gold);text-shadow:0 1px 4px rgba(0,0,0,.6)}
.rs-fs{font-size:.82rem;font-weight:700;color:var(--emerald);background:rgba(33,193,122,.15);border:1px solid var(--emerald);padding:4px 10px;border-radius:8px}
.rs-welcome{text-align:center;font-size:.86rem;font-weight:700;color:var(--gold);background:rgba(232,179,57,.12);border:1px solid rgba(232,179,57,.4);padding:7px 12px;border-radius:10px;margin-bottom:8px;animation:winGlow 2s ease infinite}
.rs-welcome b{font-size:1.05rem}
.rs-machine{position:relative;display:flex;gap:6px;aspect-ratio:5/3.05;max-width:560px;width:100%;margin:0 auto;padding:8px;background:linear-gradient(160deg,#241a0e,#0e0c08);border:3px solid var(--gold);border-radius:14px;box-shadow:inset 0 0 36px rgba(0,0,0,.7),0 0 24px rgba(232,179,57,.2)}
.ah-machine{aspect-ratio:3/3.05;max-width:260px}
/* Compact tweaks specifically for Always Hot to make the UI smaller */
.ah-machine .rs-machine{padding:6px}
.ah-machine .rs-reel{border-radius:6px}
.ah-machine .rs-cell{padding:0.5px}
.ah-machine .rs-cell .rs-sym{width:94%;height:94%}
.ah-pt .pt{font-size:0.72rem}
.cg-wrap.sizzling{padding:12px 10px}

/* More aggressive compacting for small screens / embedded modal */
.ah-machine{max-width:180px}
.ah-machine .rs-machine{padding:4px;border-radius:10px}
.ah-machine .rs-reel{border-width:1px}
.ah-machine .rs-cell{padding:0;}
.ah-machine .rs-cell .rs-sym{width:70%;height:70%}
.ah-machine .rs-plcol{display:none}
.ah-machine .rs-title{font-size:0.92rem}
.ah-machine .ah-pt .pt{font-size:0.68rem}
.ah-machine .rs-machine-row{gap:6px}
.ah-machine .paytable.ah-pt{margin-top:6px}

/* Aggressive full-UI compact for embedded/large modals */
.ah-machine .rs-top{padding:4px 6px}
.ah-machine .rs-top, .ah-machine .cg-controls, .ah-machine .cg-msg, .ah-machine .ah-pt{font-size:0.78rem}
.ah-machine .cg-controls{gap:6px}
.ah-machine .cg-controls .cg-bet{font-size:0.72rem}
.ah-machine .cg-controls button, .ah-machine .cg-controls .cg-btn{padding:6px 8px;font-size:0.72rem}
.ah-machine .paytable.ah-pt{display:flex;flex-wrap:wrap;gap:6px}
.ah-machine .pt .pt-ic{width:18px;height:18px}
.ah-machine .rs-reel{border-radius:6px;min-width:44px}
.ah-machine .rs-cell{aspect-ratio:1;min-height:44px}
.ah-machine .rs-cell .rs-sym{width:64%;height:64%}
.cg-wrap.sizzling{padding:8px}
.cg-wrap.sizzling .rs-machine{max-width:100%}
/* AUTORITATIV: Always Hot — makina zvogëlohet sa lartësia e dritares → pa scroll */
.cg-wrap.sizzling .ah-machine{max-width:min(440px,62vh)!important;aspect-ratio:3/3.05}
.ah-machine .rs-cell{min-height:0!important}
.cg-wrap.sizzling{justify-content:center}
#gameModal.fullpage .cg-wrap.sizzling .ah-machine{max-width:min(520px,70vh)!important}

/* Compact slot paytable (smaller text, icons and spacing) */
.rs-wrap .paytable, .bp-pt-grid, .bp-pt-row, .bp-pt-head, .bp-pt-row .bp-pt-ic, .paytable .pt{ font-size:0.72rem; }
.paytable .pt{ padding:4px 6px; gap:6px }
.paytable .pt-ic{ width:16px; height:16px }
.paytable .pt-ic svg, .bp-pt-row .bp-pt-ic svg{ width:100%; height:100% }
.bp-pt-head{ font-size:0.84rem; padding:6px 8px }
.bp-pt-grid{ gap:6px; grid-template-columns: repeat(auto-fit,minmax(60px,1fr)) }
.ah-pt .pt{ font-size:0.68rem }
.bp-paytable{ max-width:360px }
.rs-machine.rs-r3{aspect-ratio:3/3.05;max-width:400px}
.ah-pt{margin-top:8px}
.rs-reel{flex:1;overflow:hidden;border-radius:8px;background:#07060c;border:1px solid rgba(232,179,57,.18)}
.rs-strip{display:flex;flex-direction:column;will-change:transform}
.rs-cell{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:1px}
.rs-cell .rs-sym{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.rs-cell .rs-img{object-fit:contain;padding:0}
.rs-symfb{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:clamp(18px,5vw,44px);font-weight:900;color:#ffd86a;text-shadow:0 2px 5px rgba(0,0,0,.65);line-height:1}
/* ===== Hot 7s — pamja Sizzling Hot (vjollcë + rrota blu-errët + badge linjash) ===== */
.rs-machine-row{display:flex;align-items:stretch;justify-content:center;gap:10px;width:100%}
.cg-wrap.sizzling{background:radial-gradient(ellipse at 50% 36%,#8e2db0,#5a1f72 52%,#37104a 100%);border-radius:16px;padding:20px 14px;box-shadow:0 0 0 3px #b8341f,inset 0 0 90px rgba(0,0,0,.4)}
.sizzling .rs-machine{background:linear-gradient(160deg,#16163a,#0a0a1e);border:3px solid #34346a;box-shadow:inset 0 0 40px rgba(0,0,0,.85),0 0 20px rgba(130,70,190,.45)}
.sizzling .rs-reel{background:linear-gradient(180deg,#17173c,#0c0c24);border:1px solid #3a3a72}
/* Royal Slots (3-rrotësh klasik) — rrota blu si Sizzling Hot */
.sizzling .reels{background:linear-gradient(160deg,#16163a,#0a0a1e);border:2px solid #34346a;box-shadow:inset 0 0 30px rgba(0,0,0,.85),0 0 18px rgba(130,70,190,.4)}
.sizzling .reel{background:linear-gradient(180deg,#17173c,#0c0c24);border:1px solid #3a3a72}
.sizzling .cg-msg{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6)}
.sizzling .rs-title{color:#ffe23a;text-shadow:0 2px 5px rgba(0,0,0,.7)}
.sizzling .rs-msg{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6)}
/* Treguesit e 5 linjave fituese (4,2,1,3,5) majtas e djathtas */
.rs-plcol{position:relative;width:34px;flex-shrink:0}
.rs-plbadge{position:absolute;left:50%;transform:translate(-50%,-50%);width:30px;height:25px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.02rem;color:#1a1208;border:1px solid rgba(0,0,0,.35);box-shadow:0 2px 4px rgba(0,0,0,.5),inset 0 1px 2px rgba(255,255,255,.45);opacity:.82;transition:opacity .2s,transform .2s}
.rs-plbadge.lit{opacity:1;transform:translate(-50%,-50%) scale(1.32);animation:plPulse .45s ease-in-out infinite alternate}
.rs-pl-y{background:linear-gradient(180deg,#ffe04d,#e8b800)}
.rs-pl-r{background:linear-gradient(180deg,#ff5a6a,#d61e30);color:#fff}
.rs-pl-b{background:linear-gradient(180deg,#5aa0ff,#1e5fd6);color:#fff}
.rs-pl-g{background:linear-gradient(180deg,#5ad67a,#1ea84a);color:#fff}
.rs-pl-p{background:linear-gradient(180deg,#ff7ac0,#e0359a);color:#fff}
.rs-pl-y.lit{box-shadow:0 0 15px 4px #ffe04d,0 2px 4px rgba(0,0,0,.5)}
.rs-pl-r.lit{box-shadow:0 0 15px 4px #ff5a6a,0 2px 4px rgba(0,0,0,.5)}
.rs-pl-b.lit{box-shadow:0 0 15px 4px #5aa0ff,0 2px 4px rgba(0,0,0,.5)}
.rs-pl-g.lit{box-shadow:0 0 15px 4px #5ad67a,0 2px 4px rgba(0,0,0,.5)}
.rs-pl-p.lit{box-shadow:0 0 15px 4px #ff7ac0,0 2px 4px rgba(0,0,0,.5)}
.rs-pl-gold{background:linear-gradient(180deg,#ffe49a,#c8902a);color:#3a280c}
.rs-pl-gold.lit{box-shadow:0 0 15px 4px #ffd24d,0 2px 4px rgba(0,0,0,.5)}
.rs-pl-o{background:linear-gradient(180deg,#ffb24d,#e0741a);color:#fff}
.rs-pl-cy{background:linear-gradient(180deg,#7fe4f2,#1ba8c8);color:#06343e}
.rs-pl-o.lit{box-shadow:0 0 14px 4px #ffb24d,0 2px 4px rgba(0,0,0,.5)}
.rs-pl-cy.lit{box-shadow:0 0 14px 4px #7fe4f2,0 2px 4px rgba(0,0,0,.5)}
@keyframes plPulse{from{filter:brightness(1)}to{filter:brightness(1.5)}}
/* Book of Royal — fiks si Book of Ra Deluxe: gur tempulli, rrota gjysmë-transparente, 10 numra/anë */
.cg-wrap.booktheme{padding:14px 8px;border-radius:0;box-shadow:inset 0 0 120px rgba(0,0,0,.5);
  background:
    radial-gradient(ellipse at 50% -8%, rgba(255,205,110,.32), transparent 52%),
    radial-gradient(ellipse at 50% 108%, rgba(120,80,30,.35), transparent 55%),
    repeating-linear-gradient(0deg, transparent 0 42px, rgba(18,11,3,.4) 42px 45px),
    repeating-linear-gradient(90deg, transparent 0 86px, rgba(18,11,3,.26) 86px 89px),
    linear-gradient(180deg, #846030 0%, #5e4622 36%, #3a2a14 70%, #211608 100%)} /* mur tempulli ranor (vetë-mjaftueshëm) */
/* Background GOLD gjatë goditjeve falas (si Book of Ra) */
.cg-wrap.booktheme.fs-active{
  background:
    radial-gradient(ellipse at 50% -6%, rgba(255,228,140,.55), transparent 55%),
    radial-gradient(ellipse at 50% 106%, rgba(224,168,56,.5), transparent 58%),
    repeating-linear-gradient(0deg, transparent 0 42px, rgba(70,46,10,.32) 42px 45px),
    linear-gradient(180deg, #cda545 0%, #aa7f2c 38%, #7c5c1e 72%, #4c3611 100%);
  box-shadow:inset 0 0 120px rgba(255,205,80,.42)}
.booktheme.fs-active .rs-machine{border-color:#ffd86a;box-shadow:0 0 34px rgba(255,205,80,.6),inset 0 0 30px rgba(0,0,0,.45)}
.booktheme.fs-active .rs-title{color:#fff3c0;text-shadow:0 0 18px rgba(255,210,70,.9),0 2px 5px #000}
.booktheme .rs-machine{background:rgba(10,7,3,.55);border:3px solid #b8862a;border-radius:8px;box-shadow:inset 0 0 44px rgba(0,0,0,.7),0 0 16px rgba(200,150,40,.35)}
.booktheme .rs-reel{background:rgba(8,6,3,.42);border:1px solid rgba(140,100,34,.4)}
.booktheme .rs-reel+.rs-reel{box-shadow:inset 2px 0 0 rgba(200,60,40,.35)} /* ndarëse e kuqe si origjinali */
.booktheme .rs-plcol{width:30px;background:linear-gradient(90deg,#6e4a14,#e0b24e 45%,#9c7020);border-radius:5px;box-shadow:inset 0 0 8px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.4)}
.booktheme .rs-plbadge{width:26px;height:16px;font-size:.76rem;border-radius:4px}
/* ── Librat ndriçojnë kur kapen 3+ ── */
.rs-cell.book-glow{position:relative;z-index:6;border-radius:8px;animation:bookGlowPulse .42s ease-in-out infinite}
@keyframes bookGlowPulse{0%,100%{box-shadow:0 0 14px 4px rgba(255,200,60,.7);filter:brightness(1)}50%{box-shadow:0 0 32px 11px rgba(255,225,95,1);filter:brightness(1.45)}}
/* ── Ceremonia e librit: libri hapet dhe zgjedh figurën speciale ── */
.book-ceremony{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,rgba(44,26,6,.93),rgba(8,5,2,.97));animation:bcFade .4s ease}
.book-ceremony.out{opacity:0;transition:opacity .5s}
@keyframes bcFade{from{opacity:0}to{opacity:1}}
.bc-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px}
.bc-title{font-family:'Cinzel',Georgia,serif;font-weight:900;font-size:1.6rem;color:#ffe23a;text-shadow:0 0 24px rgba(255,200,40,.8),0 2px 4px #000;letter-spacing:1px;animation:goldGlow 1.4s ease infinite}
.bc-book{width:118px;height:118px;animation:bcBook 1.9s ease;filter:drop-shadow(0 0 30px rgba(255,200,60,.9))}
.bc-book img,.bc-book svg{width:100%;height:100%}
@keyframes bcBook{0%{transform:scale(.3) rotateY(0);opacity:0}45%{transform:scale(1.18) rotateY(360deg);opacity:1}100%{transform:scale(1) rotateY(720deg)}}

/* Book open modifier (quicker open) */
.bc-book.open{animation:bcBookOpen .9s cubic-bezier(.2,.9,.2,1) forwards}
@keyframes bcBookOpen{0%{transform:scale(.3) rotateX(0) translateY(6px);opacity:0}50%{transform:scale(1.12) rotateX(70deg) translateY(0);opacity:1}100%{transform:scale(1) rotateX(0) translateY(0);opacity:1}}

/* Machine shake while books glow */
.rs-machine.book-shake{animation:bookShake .9s ease-in-out;}
@keyframes bookShake{0%{transform:translateY(0)}20%{transform:translateY(-6px)}40%{transform:translateY(3px)}60%{transform:translateY(-2px)}80%{transform:translateY(1px)}100%{transform:translateY(0)}}
.bc-sym{width:140px;height:140px;display:flex;align-items:center;justify-content:center;border:3px solid #c8902a;border-radius:14px;background:rgba(20,12,4,.6);box-shadow:inset 0 0 30px rgba(0,0,0,.6),0 0 24px rgba(255,200,60,.5)}
.bc-sym img,.bc-sym svg{width:100%;height:100%;padding:8px}
.bc-sym.chosen{animation:bcChosen .6s ease forwards;border-color:#ffe23a}
@keyframes bcChosen{0%{transform:scale(1)}45%{transform:scale(1.35)}100%{transform:scale(1.12);box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 42px 9px rgba(255,210,50,.95)}}
.bc-label{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:1rem;color:#fff;text-shadow:0 2px 4px #000}
/* Ekrani përmbledhës i goditjeve falas (si Book of Ra) */
.fs-summary .bc-inner{gap:18px}
.fs-sum-spins{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:1.15rem;color:#ffe08a;text-shadow:0 2px 4px #000;letter-spacing:1px}
.fs-sum-win{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:1.1rem;color:#fff;line-height:1.5;text-shadow:0 2px 4px #000}
.fs-sum-win b{display:inline-block;margin-top:6px;font-size:2.1rem;color:#ffe23a;text-shadow:0 0 26px rgba(255,200,40,.9),0 2px 4px #000;animation:goldGlow 1.4s ease infinite}
.fs-sum-btn{margin-top:8px;min-width:180px;font-size:1.1rem;padding:12px 28px;cursor:pointer}
.booktheme .rs-title{color:#ffe08a;text-shadow:0 2px 6px rgba(0,0,0,.9)}
.booktheme .cg-msg,.booktheme .rs-msg{color:#ffe23a;text-shadow:0 1px 3px rgba(0,0,0,.9);background:rgba(16,10,4,.5);border-radius:8px;padding:6px 10px}
.booktheme .cg-controls{background:linear-gradient(180deg,#e0852e,#9c5616);border-radius:12px;padding:10px 12px;box-shadow:inset 0 1px 4px rgba(255,225,160,.45),0 5px 14px rgba(0,0,0,.5)}
.booktheme .cg-bet{background:rgba(30,16,4,.5);border-color:#7a5216}
/* Përplasje kur rrota "godet tokën" — simbolet shtypen shkurt kur ulen */
@keyframes symHit{ 0%{transform:scaleY(1)} 28%{transform:scaleY(.82) translateY(7%)} 58%{transform:scaleY(1.06) translateY(-2%)} 100%{transform:scaleY(1)} }
.rs-hit .rs-sym{ animation:symHit .17s ease-out }
/* Zjarr CSS te qelizat fituese — flakë të animuara, i lehtë (pa GIF/video, pa mix-blend) */
.rs-cell.rs-fire{position:relative;z-index:4} /* pa box-shadow katrore — zjarri jep dritën */
.rs-cell.rs-fire::after{content:'';position:absolute;left:-3px;right:-3px;bottom:-4px;height:118%;border-radius:8px;pointer-events:none;z-index:5;
  background:
    radial-gradient(42% 60% at 28% 100%, rgba(255,220,70,.95), rgba(255,95,0,.55) 42%, transparent 68%),
    radial-gradient(38% 70% at 52% 100%, rgba(255,235,110,.92), rgba(255,75,0,.5) 46%, transparent 70%),
    radial-gradient(42% 62% at 76% 100%, rgba(255,200,50,.92), rgba(255,85,0,.55) 42%, transparent 68%);
  animation:fireFlick .22s steps(2,end) infinite}
@keyframes fireFlick{0%{transform:scaleY(1) translateY(0);opacity:.9}50%{transform:scaleY(1.1) translateY(-2px);opacity:1}100%{transform:scaleY(.95) translateY(0);opacity:.85}}
@keyframes fireGlow{from{box-shadow:0 0 16px 5px rgba(255,120,0,.8),0 0 32px 9px rgba(255,60,0,.35)}to{box-shadow:0 0 30px 9px rgba(255,165,0,1),0 0 52px 15px rgba(255,90,0,.55)}}
/* Imazh real zjarri — i vogël brenda katrorit, përshtatur me frutin, me fade rrethor (pa buzë katrore) */
.rs-fire-img{position:absolute;left:1%;top:-1%;width:98%;height:104%;object-fit:cover;mix-blend-mode:screen;pointer-events:none;z-index:6;
  -webkit-mask-image:radial-gradient(ellipse 62% 66% at 50% 56%,#000 36%,rgba(0,0,0,.5) 60%,transparent 76%);
          mask-image:radial-gradient(ellipse 62% 66% at 50% 56%,#000 36%,rgba(0,0,0,.5) 60%,transparent 76%);
  animation:firePulse .5s ease-in-out infinite}
@keyframes firePulse{0%,100%{opacity:.5;filter:brightness(.85) saturate(1.1) drop-shadow(0 0 6px rgba(255,120,0,.45))}50%{opacity:.78;filter:brightness(1.4) saturate(1.3) drop-shadow(0 0 14px rgba(255,160,0,.75))}}
/* kur ka imazh zjarri, fshih flakët CSS (që të mos dyfishohen) */
.rs-cell.rs-fire:has(.rs-fire-img)::after{display:none}
.rs-cell.rs-expand{background:radial-gradient(circle,rgba(232,179,57,.28),transparent 75%);animation:expandGlow .8s ease-out}
@keyframes expandGlow{from{background:rgba(232,179,57,.6)}to{background:radial-gradient(circle,rgba(232,179,57,.28),transparent 75%)}}
.rs-lines{position:absolute;inset:8px;pointer-events:none}
.rs-winmark{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#fff,#e8b339);transform:translate(-50%,-50%);box-shadow:0 0 12px 3px rgba(232,179,57,.8);animation:popIn .3s}
.rs-msg{text-align:center;min-height:20px}
.rs-ctrl{margin-top:2px}
.rs-gamble{background:rgba(10,8,16,.7);border:1px solid var(--gold-deep);border-radius:12px;padding:12px;text-align:center;backdrop-filter:blur(4px)}
.rs-gtitle{font-size:.86rem;color:var(--muted);margin-bottom:8px}
.rs-gtitle b{color:var(--gold)}
.rs-gbtns{display:flex;gap:8px;justify-content:center}
.rs-gbtn{padding:9px 16px;border-radius:10px;font-weight:700;font-size:.84rem;cursor:pointer;border:1px solid var(--line);transition:.2s}
.rs-gbtn.red{background:rgba(230,57,80,.2);border-color:var(--crimson);color:#ff6b6b}
.rs-gbtn.black{background:rgba(30,30,40,.9);color:#fff}
.rs-gbtn.take{background:rgba(33,193,122,.15);border-color:var(--emerald);color:var(--emerald)}
.rs-gbtn:hover:not(:disabled){transform:translateY(-2px)}
.rs-gbtn:disabled{opacity:.5;cursor:default}
/* Letra e gamble-it që kthehet 3D */
.gamble-card-stage{display:flex;justify-content:center;margin:6px 0 12px;perspective:800px}
.gamble-card{position:relative;width:78px;height:110px;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.3,.8,.4,1)}
.gamble-card.flipped{transform:rotateY(180deg)}
.gc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.gc-face svg{width:100%;height:100%;display:block}
.gc-front{transform:rotateY(180deg)}
@media(max-width:560px){.rs-machine{max-width:100%}}

/* ===== GAMBLE SCREEN — fiks stil Novomatic ===== */
.gamble-screen{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.82);opacity:0;visibility:hidden;transition:opacity .25s;padding:16px}
.gamble-screen.open{opacity:1;visibility:visible}
.gs-frame{position:relative;width:100%;max-width:920px;padding:26px 70px 22px;text-align:center;
  background:radial-gradient(ellipse at 50% 40%,#7a2d8a 0%,#5a1f6e 45%,#3a1248 100%);
  border:7px solid #0a0a0f;border-radius:16px;
  box-shadow:0 0 0 2px #b8341f,0 24px 60px rgba(0,0,0,.7),inset 0 0 80px rgba(0,0,0,.35)}
/* Temë portokalli/ari për gamble-n e Book of Royal */
.gamble-screen.gs-gold .gs-frame{background:radial-gradient(ellipse at 50% 38%,#e0852e 0%,#9c5616 46%,#4a2c0c 100%);box-shadow:0 0 0 2px #5a3e0c,0 24px 60px rgba(0,0,0,.7),inset 0 0 80px rgba(0,0,0,.4)}
.gs-gold .gs-amt-val{color:#ffe23a;text-shadow:0 0 14px rgba(255,210,40,.7),0 2px 4px rgba(0,0,0,.8)}
.gs-gold .gs-amt-val.gs-win{color:#fff2b0;text-shadow:0 0 16px rgba(255,230,120,.8),0 2px 4px rgba(0,0,0,.8)}
/* Shumat lart */
.gs-top{display:flex;justify-content:space-between;gap:30px;margin-bottom:4px}
.gs-amt-col{flex:1;border-radius:10px;padding:4px 8px}
.gs-amt-lbl{font-family:'Cinzel',Georgia,serif;font-weight:800;font-size:1.05rem;letter-spacing:2px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6)}
.gs-amt-val{font-family:'Cinzel',Georgia,serif;font-weight:900;font-size:1.7rem;color:#ffe23a;text-shadow:0 0 14px rgba(255,200,0,.6),0 2px 4px rgba(0,0,0,.7);margin-top:2px}
.gs-amt-val.gs-win{color:#ffb838;text-shadow:0 0 16px rgba(255,150,0,.7),0 2px 4px rgba(0,0,0,.7)}
.gs-amt-col.flash{animation:winGlow .6s}.gs-amt-col.flash-lose{animation:flashRed .9s}
/* Previous cards */
.gs-prev{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 6px}
.gs-prev-lbl{font-family:'Cinzel',Georgia,serif;font-weight:800;font-size:1rem;letter-spacing:1.5px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);white-space:nowrap}
.gs-history{display:flex;gap:8px}
.gs-hcard{width:42px;height:58px;border-radius:5px;overflow:hidden;box-shadow:0 3px 8px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.15)}
.gs-hcard.red{box-shadow:0 0 9px rgba(230,57,80,.7),0 3px 8px rgba(0,0,0,.5)}
.gs-hcard.black{box-shadow:0 0 9px rgba(220,220,235,.5),0 3px 8px rgba(0,0,0,.5)}
.gs-hcard svg{width:100%;height:100%;display:block}
/* Rreshti i lojës: Red oval | letra | Black oval */
.gs-play{display:flex;align-items:center;justify-content:center;gap:34px;margin:6px 0}
.gs-oval{width:178px;height:100px;border-radius:50%;border:none;cursor:pointer;padding:8px;position:relative;
  background:linear-gradient(180deg,#f0f0f4 0%,#b8b8c0 44%,#7c7c86 52%,#dadae0 100%);
  box-shadow:0 9px 18px rgba(0,0,0,.55),inset 0 2px 3px rgba(255,255,255,.7);transition:transform .12s,filter .2s}
.gs-oval span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;font-family:'Cinzel',Georgia,serif;font-weight:900;font-size:1.7rem;text-shadow:0 2px 3px rgba(0,0,0,.5)}
.gs-red span{background:radial-gradient(ellipse at 50% 32%,#ff6a6a,#c0182b 75%);color:#ffd7d7}
.gs-black span{background:radial-gradient(ellipse at 50% 32%,#4a4a55,#0a0a10 75%);color:#fff}
.gs-oval:hover:not(:disabled){filter:brightness(1.1)}
.gs-oval:active:not(:disabled){transform:translateY(3px);box-shadow:0 4px 10px rgba(0,0,0,.55)}
.gs-oval:disabled{opacity:.5;cursor:default}
.gs-card-wrap{display:flex;justify-content:center}
.gs-card{width:118px;height:166px;filter:drop-shadow(0 14px 24px rgba(0,0,0,.7))}
.gs-card svg{width:100%;height:100%;display:block}
@keyframes gsFlip{0%{transform:scaleX(1)}50%{transform:scaleX(.06)}100%{transform:scaleX(1)}}
/* Fundi */
.gs-foot{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:1.05rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);margin-top:8px}
.gs-collect-btn{margin-top:12px;padding:11px 30px;border:none;border-radius:11px;cursor:pointer;font-weight:800;font-size:.95rem;
  background:linear-gradient(160deg,var(--gold-bright),var(--gold-deep));color:#1a1408;box-shadow:0 6px 0 #6e4d1a;transition:transform .12s}
.gs-collect-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px 0 #6e4d1a}
.gs-collect-btn:disabled{opacity:.45;cursor:default}
@media(max-width:720px){
  .gs-frame{padding:18px 14px 16px;max-width:96vw}.gs-ladL{left:6px}.gs-ladR{right:6px}.gs-lad{width:26px;height:20px;font-size:.8rem}
  .gs-top{gap:14px}
  .gs-play{gap:9px;flex-wrap:nowrap}.gs-oval{width:86px;height:64px}.gs-oval span{font-size:1.05rem}
  .gs-card{width:74px;height:104px}.gs-amt-val{font-size:1.3rem}.gs-hcard{width:32px;height:44px}
  .gs-prev-lbl,.gs-amt-lbl{font-size:.78rem}
}

/* Animacione letrash + festë me konfeti */
@keyframes cardIn{0%{opacity:0;transform:translate(-42px,-64px) rotateZ(-13deg) scale(.82)}60%{opacity:1}100%{opacity:1;transform:none}}
/* zbulim letre me kthim 3D (turn/river/showdown/war) */
@keyframes cardFlip{0%{transform:perspective(640px) rotateY(86deg) scale(.93);opacity:.25;filter:brightness(1.5)}55%{opacity:1}100%{transform:perspective(640px) rotateY(0) scale(1);opacity:1;filter:none}}
.flip-in{animation:cardFlip .46s cubic-bezier(.2,.75,.2,1) backwards;transform-origin:50% 50%}
/* lustër xhami + cep më i pastër mbi letra (kualitet më i lartë) */
img.card-svg{border:1px solid rgba(0,0,0,.14);filter:saturate(1.05) contrast(1.03)}
.ch-card,.vp-card2{position:relative}
.ch-card::after,.vp-card2::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(125deg,rgba(255,255,255,.32) 0%,rgba(255,255,255,.06) 28%,rgba(255,255,255,0) 46%,rgba(255,255,255,0) 100%)}
.bj-card,.vp-card{position:relative;animation:cardIn .42s cubic-bezier(.2,.7,.2,1) backwards}
.bj-cards .bj-card:nth-child(2){animation-delay:.09s}
.bj-cards .bj-card:nth-child(3){animation-delay:.18s}
.bj-cards .bj-card:nth-child(4){animation-delay:.27s}
.bj-cards .bj-card:nth-child(5){animation-delay:.36s}
.vp-hand .vp-card:nth-child(2){animation-delay:.07s}
.vp-hand .vp-card:nth-child(3){animation-delay:.14s}
.vp-hand .vp-card:nth-child(4){animation-delay:.21s}
.vp-hand .vp-card:nth-child(5){animation-delay:.28s}
.bj-card::after,.vp-card::after{content:"";position:absolute;inset:0;border-radius:9px;background:linear-gradient(125deg,rgba(255,255,255,.4),rgba(255,255,255,0) 42%);pointer-events:none}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:300;overflow:hidden}
.confetti i{position:absolute;top:-24px;width:9px;height:14px;border-radius:2px;animation:confFall linear forwards}
@keyframes confFall{to{transform:translateY(106vh) rotate(720deg);opacity:.15}}

/* ============================================================
   THEMELI I ANIMACIONEVE (origjinale, stil modern crypto)
   ============================================================ */
@keyframes tileFlip{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
@keyframes gemShine{0%,100%{filter:drop-shadow(0 0 4px rgba(62,198,224,.5))}50%{filter:drop-shadow(0 0 16px rgba(124,224,240,.95))}}
@keyframes bombBoom{0%{transform:scale(.3) rotate(-12deg);opacity:0}45%{transform:scale(1.25) rotate(6deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@keyframes flashRed{0%{box-shadow:0 0 0 0 rgba(230,57,80,.7)}100%{box-shadow:0 0 0 40px rgba(230,57,80,0)}}
@keyframes shakeX{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@keyframes winGlow{0%,100%{box-shadow:0 0 0 0 rgba(33,193,122,0)}50%{box-shadow:0 0 26px 4px rgba(33,193,122,.55)}}
@keyframes goldGlow{0%,100%{text-shadow:0 0 12px rgba(232,179,57,.5)}50%{text-shadow:0 0 34px rgba(232,179,57,1),0 0 10px #fff}}
@keyframes floatUp{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-46px);opacity:0}}
@keyframes ripple{to{transform:scale(2.4);opacity:0}}
@keyframes ballDrop{0%{transform:scale(.6)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes counterPop{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.25)}100%{transform:scale(1);opacity:1}}
@keyframes slideUpFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes glowPulse{0%,100%{filter:drop-shadow(0 0 8px currentColor)}50%{filter:drop-shadow(0 0 22px currentColor)}}
@keyframes spark{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:0}}

/* Win float text (shfaqet kur fiton) */
.win-float{position:absolute;left:50%;top:40%;transform:translateX(-50%);font-family:'Cinzel';font-weight:900;font-size:1.8rem;color:#21c17a;text-shadow:0 2px 12px rgba(0,0,0,.6);pointer-events:none;z-index:30;animation:floatUp 1.1s ease-out forwards}

/* Buton me efekt shtypjeje */
.cg-btn,.rs-gbtn,.side-btn,.dt-pick,.sb-opt,.risk-btn,.goal-dir,.hilo-btn{position:relative;overflow:hidden}
.cg-btn:active{transform:scale(.96)}

/* Mesazhi i fitimit pulson */
.cg-msg.win{animation:slideUpFade .3s ease,goldGlow 1.4s ease infinite}

/* ============================================================
   TEMA EGJIPTIANE — panel komandash si Book of Ra (TË GJITHA lojërat)
   ============================================================ */
/* Mesazhi: panel i errët i gdhendur me tekst të verdhë */
.cg-msg{background:linear-gradient(180deg,#1a1208,#0c0804);border:2px solid #7a5216;border-radius:10px;color:#ffe23a;font-weight:700;padding:9px 16px;box-shadow:inset 0 2px 8px rgba(0,0,0,.65);text-shadow:0 1px 2px rgba(0,0,0,.9)}
.cg-msg.win{color:#6ef0a0}
/* Paneli i kontrolleve: dru portokalli i gdhendur */
.cg-controls{background:linear-gradient(180deg,#e0872e 0%,#bd6a1e 48%,#8a4c12 100%);border:2px solid #5a3408;border-radius:14px;padding:11px 14px;box-shadow:inset 0 2px 5px rgba(255,225,160,.5),inset 0 -4px 10px rgba(0,0,0,.4),0 6px 16px rgba(0,0,0,.5)}
/* Ekrani i bastit (inset i errët me ar) */
.cg-bet{background:linear-gradient(180deg,#120c04,#241608);border:2px solid #8a5e1a;border-radius:10px;color:#ffe08a;box-shadow:inset 0 2px 6px rgba(0,0,0,.65)}
.cg-bet b{color:#ffe23a}
.bet-step{background:linear-gradient(180deg,#ffd97a,#b8801e);border:1.5px solid #6a460c;color:#2a1c06;font-weight:900;box-shadow:inset 0 1px 2px rgba(255,255,255,.55),0 2px 3px rgba(0,0,0,.4)}
.bet-step:active{transform:translateY(2px)}
/* Butoni primar (Spin/Deal/Start) = jeshil 3D si origjinali */
.cg-btn{background:linear-gradient(180deg,#46d264,#1e8a36);color:#fff;border:2px solid #0f5e22;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 1px 3px rgba(255,255,255,.45),0 4px 0 #0f5e22,0 6px 12px rgba(0,0,0,.45);font-weight:800}
.cg-btn:hover{filter:brightness(1.08)}
.cg-btn:active{transform:translateY(3px);box-shadow:inset 0 1px 3px rgba(255,255,255,.45),0 1px 0 #0f5e22}
/* Butoni dytësor (Gamble/Hit/Stand) = ar i gdhendur */
.cg-btn.alt{background:linear-gradient(180deg,#e6b84e,#a8781e);color:#2a1c06;border:2px solid #6a460c;box-shadow:inset 0 1px 3px rgba(255,255,255,.55),0 4px 0 #6a460c,0 6px 12px rgba(0,0,0,.45);text-shadow:none}
.cg-btn.alt:active{transform:translateY(3px);box-shadow:inset 0 1px 3px rgba(255,255,255,.55),0 1px 0 #6a460c}
.cg-btn.chk{background:linear-gradient(180deg,#5a6472,#39414c);color:#fff;border:2px solid #262c34;box-shadow:inset 0 1px 3px rgba(255,255,255,.25),0 4px 0 #262c34,0 6px 12px rgba(0,0,0,.45);text-shadow:0 1px 2px rgba(0,0,0,.5)}
.cg-btn.chk:active{transform:translateY(3px);box-shadow:inset 0 1px 3px rgba(255,255,255,.25),0 1px 0 #262c34}
/* Hold'em: kohë e kufizuar (timer) + stake në lojë */
.ch-inplay{margin-left:14px;opacity:.85;font-size:.9rem}
.ch-inplay b{color:var(--gold-bright)}
.ch-timer{display:none;align-items:center;gap:10px;width:100%;max-width:360px;margin:2px auto 8px}
.ch-timer #chTimeNum{font-weight:800;font-size:.95rem;color:var(--gold-bright);min-width:22px;text-align:center}
.ch-timer-bar{flex:1;height:9px;border-radius:6px;background:rgba(0,0,0,.45);overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.ch-timer-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#46d264,#9be15a)}
.ch-timer-bar i.warn{background:linear-gradient(90deg,#ff8a3c,#e6483c);animation:chPulse .6s ease-in-out infinite}
@keyframes chPulse{50%{opacity:.55}}
/* Kontur ari në tabela, makina, borde lojërash */
.table3d,.dt-table,.bacc-table,.rs-machine,.slot-machine .reels,.roulette3d,.wheel-area,.plinko-box,.mines-grid,.keno-grid{outline:2px solid rgba(184,134,42,.45);outline-offset:3px}
/* ── Atmosferë egjiptiane: rërë e artë që noton + shkëlqim te Book of Royal ── */
.cg-wrap.booktheme>*{position:relative;z-index:1}
.cg-wrap.booktheme::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(2px 2px at 18% 30%,rgba(255,214,120,.55),transparent),radial-gradient(1.5px 1.5px at 68% 62%,rgba(255,224,150,.45),transparent),radial-gradient(2px 2px at 44% 82%,rgba(255,206,96,.5),transparent),radial-gradient(1.5px 1.5px at 86% 24%,rgba(255,232,160,.45),transparent),radial-gradient(1.5px 1.5px at 30% 70%,rgba(255,214,120,.4),transparent);
  background-size:190px 190px;animation:sandRise 16s linear infinite;opacity:.7}
@keyframes sandRise{from{background-position:0 0}to{background-position:0 -380px}}
.booktheme .rs-machine{animation:bookGlow 3.2s ease-in-out infinite}
@keyframes bookGlow{0%,100%{box-shadow:inset 0 0 44px rgba(0,0,0,.92),0 0 14px rgba(200,150,40,.3)}50%{box-shadow:inset 0 0 44px rgba(0,0,0,.92),0 0 32px rgba(255,200,60,.7)}}
.booktheme .rs-title{animation:goldGlow 2.6s ease infinite}
/* Badge linjash që pulsojnë lehtë gjithmonë (atmosferë) */
.booktheme .rs-plbadge{animation:badgeBreath 2.4s ease-in-out infinite}
@keyframes badgeBreath{0%,100%{filter:brightness(.92)}50%{filter:brightness(1.12)}}

/* ============================================================
   PANELI BOOK OF RA — identik me foton (MENU/Lines/Total Bet/MAX BET/AUTO/START)
   ============================================================ */
.cg-controls.bookpanel{background:linear-gradient(180deg,rgba(42,30,15,.96),rgba(18,12,5,.98));border:2px solid #8a5e1a;border-radius:12px;padding:8px 10px;gap:7px;flex-wrap:wrap;box-shadow:inset 0 1px 3px rgba(255,210,120,.22),0 6px 16px rgba(0,0,0,.6)}
.bp-btn{background:linear-gradient(180deg,#2c2010,#160e04);border:2px solid #c8902a;border-radius:9px;color:#ffd866;font-weight:800;font-size:.7rem;line-height:1.08;padding:7px 11px;min-width:52px;text-align:center;cursor:pointer;transition:.15s;box-shadow:inset 0 1px 2px rgba(255,210,120,.22)}
.bp-btn:hover{background:linear-gradient(180deg,#3c2c14,#1e1408);border-color:#ffd24d}
.bp-cell{background:linear-gradient(180deg,#160e04,#0a0602);border:2px solid #8a5e1a;border-radius:9px;padding:5px 12px;display:flex;flex-direction:column;align-items:center;gap:0;min-width:62px}
.bp-lbl{font-size:.6rem;color:#c89a4a;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.bp-val{font-size:1.08rem;color:#ffe23a;font-weight:900;font-family:'Cinzel',Georgia,serif;line-height:1.1}
.bp-cell.bp-bet{flex-direction:row;align-items:center;gap:8px;padding:4px 8px}
.bp-bet .bet-step{width:30px;height:30px;background:linear-gradient(180deg,#e0b24e,#8a5e1a);border:1px solid #5a3e0c;color:#1a1206;border-radius:7px;font-weight:900}
.bp-bet .bp-inner{display:flex;flex-direction:column;align-items:center}
.bp-msgbox{flex:1;background:linear-gradient(180deg,#0c0802,#040201);border:2px solid #6a4812;border-radius:9px;padding:6px 14px;text-align:center;min-width:150px;box-shadow:inset 0 2px 6px rgba(0,0,0,.7)}
.bp-msgbox .rs-msg{background:none;border:none;box-shadow:none;padding:0;color:#ffe23a;font-weight:800;font-size:.92rem;text-shadow:0 1px 2px rgba(0,0,0,.85)}
.bp-credits{font-size:.72rem;color:#e0c070;font-weight:700;margin-top:2px}
.bp-credits b{color:#fff}
.bp-auto{font-size:.72rem}
.bp-auto.on{background:linear-gradient(180deg,#46d264,#1e8a36);border-color:#0f5e22;color:#fff}
.bp-start{background:linear-gradient(180deg,#46d264,#1e8a36);border:2px solid #0f5e22;border-radius:11px;color:#fff;font-weight:900;font-size:.92rem;padding:7px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:0;min-width:72px;box-shadow:inset 0 1px 3px rgba(255,255,255,.4),0 4px 0 #0f5e22;transition:.12s;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.bp-start:hover{filter:brightness(1.08)}
.bp-start:active{transform:translateY(3px);box-shadow:inset 0 1px 3px rgba(255,255,255,.4),0 1px 0 #0f5e22}
.bp-arrow{font-size:1.35rem;line-height:1;display:inline-block;animation:spinArrow 3.2s linear infinite}
@keyframes spinArrow{to{transform:rotate(360deg)}}
.bookpanel .rs-gamblebtn{font-size:.74rem;padding:7px 12px}
/* Paytable popup (MENU) */
.bp-paytable{position:absolute;left:8%;right:8%;top:8%;background:linear-gradient(180deg,#241808,#120c04);border:3px solid #c8902a;border-radius:14px;padding:18px;z-index:20;box-shadow:0 20px 50px rgba(0,0,0,.75);max-height:80%;overflow:auto}
.bp-pt-head{color:#ffe23a;font-family:'Cinzel',Georgia,serif;font-weight:900;font-size:1.1rem;text-align:center;margin-bottom:12px}
.bp-pt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}
.bp-pt-row{display:flex;align-items:center;gap:10px;color:#ffe08a;font-weight:700;font-size:.9rem}
.bp-pt-ic{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.bp-pt-ic svg,.bp-pt-ic img{width:100%;height:100%}
@media(max-width:600px){.cg-controls.bookpanel{gap:5px;padding:6px}.bp-btn{min-width:44px;font-size:.62rem;padding:6px 7px}.bp-cell{min-width:52px;padding:4px 8px}.bp-val{font-size:.92rem}.bp-msgbox{min-width:100%;order:-1}.bp-start{min-width:64px;font-size:.82rem}}

/* ============================================================
   MOBILE / TELEFON — përshtatje e plotë e websitit dhe lojërave
   ============================================================ */
@media(max-width:600px){
  html{-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}
  .wrap{padding:0 13px}
  /* ── Header / topstrip ── */
  .topstrip .wrap{height:30px;font-size:.7rem}
  .topstrip .left{gap:11px}.topstrip .right{gap:9px}
  header .wrap{height:58px;gap:10px}
  .logo .name{font-size:1.08rem}.logo .mark{width:34px;height:34px}
  .header-actions{gap:7px}
  .bal-chip{height:34px;padding:0 9px;font-size:.8rem}
  .user-chip{height:34px;padding:4px 10px 4px 8px}
  /* ── Hero ── */
  .hero-carousel{min-height:215px;border-radius:15px}
  .slide{padding:22px 18px}
  .slide .content{max-width:100%}
  .slide h1{font-size:1.5rem;margin-bottom:10px}
  .slide p{font-size:.84rem;margin-bottom:14px}
  .slide .visual{display:block}
  .dots{bottom:12px}
  /* ── Tituj seksionesh & rrjeti i lojërave ── */
  .section-head{margin-bottom:14px}
  .section-head h2{font-size:1.25rem}
  .game-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .thumb{font-size:2.5rem}
  .thumb.ph .ph-name{font-size:.82rem;padding:14px 6px 8px}
  /* ── Modale (regjistrim/login/depozitë) ── */
  .modal-overlay{padding:10px}
  .reg-modal{max-width:100%;max-height:94vh;border-radius:18px}
  .reg-bonus{padding:22px 20px}.reg-bonus .big{font-size:2.2rem}.reg-bonus .gift{font-size:2.1rem}
  .reg-bonus h3{font-size:1.05rem}
  .reg-form{padding:24px 20px}.reg-form h2{font-size:1.35rem}
  /* ── Bonus / footer ── */
  .bonus-steps{grid-template-columns:1fr;gap:12px}
  .step{padding:20px 18px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:22px}

  /* ================= DRITARJA E LOJËS ================= */
  #gameModal{padding:6px}
  #gameModal .game-player{height:94vh;height:94dvh;max-width:100%;border-radius:13px}
  #gameModal.fullpage{padding:0}
  #gameModal.fullpage .game-player{height:100vh;height:100dvh;border-radius:0}
  #gameModal.fullpage .rs-machine{max-width:100%}
  #gameModal.fullpage .cg-wrap{max-width:100%;padding-bottom:max(14px,env(safe-area-inset-bottom))}
  .topstrip{padding-top:env(safe-area-inset-top)}
  .gp-head{padding:8px 11px}
  .gp-title .gp-icon{font-size:1.3rem}
  .gp-name{font-size:.92rem}.gp-prov{font-size:.7rem}
  .gp-actions{gap:6px}
  .gp-btn{width:34px;height:34px;font-size:1.05rem}
  .gp-newtab{bottom:8px;right:8px;font-size:.68rem;padding:4px 9px}
  .cg-wrap{padding:10px 9px 14px;gap:9px}
  /* Kontrolle — të prekshme, mbështillen mirë */
  .cg-controls{gap:8px;padding-top:4px}
  .cg-btn{height:46px;padding:0 16px;font-size:.92rem;min-width:80px}
  .cg-bet{padding:5px 9px;font-size:.82rem;gap:7px}
  .bet-step{width:30px;height:30px}
  .cg-bal{font-size:.8rem;flex-wrap:wrap;gap:6px}
  .cg-topup{font-size:.68rem;padding:4px 8px;margin-left:0}
  .cg-msg{font-size:.85rem}
  /* ── Slot-et (Hot 7s / Always Hot) ── */
  .cg-wrap.sizzling{padding:12px 6px}
  .rs-machine-row{gap:3px}
  .rs-plcol{width:21px}
  .rs-plbadge{width:21px;height:18px;font-size:.74rem;border-radius:4px}
  .rs-machine{padding:6px;border-width:2px;gap:4px}
  .rs-reel{border-radius:6px}
  .rs-title{font-size:1rem}
  .paytable{gap:5px;font-size:.66rem}.ah-pt .pt-ic{width:22px;height:22px}
  .rs-gamblebtn,.rs-ctrl .cg-btn{height:44px}
  /* ── Royal Slots (3-rrotësh) ── */
  .reels{padding:14px;gap:10px}
  .reel{width:72px;height:72px}
  /* ── Lojëra me letra/tavolina ── */
  .table3d{padding:24px 14px 20px;gap:14px;max-width:100%}
  .dt-table,.bacc-table{padding:18px 10px;gap:10px;flex-wrap:wrap}
  .bj-card{width:46px;height:66px}
  /* ── Ruleta ── */
  .roulette3d{width:200px;height:200px}
  .rl-num-badge{font-size:.62rem}
  /* ── Wheel / Plinko / Mines / Keno (përdorin width:100% — vetëm hapësira) ── */
  .keno-grid{gap:4px}
  .mines-grid{gap:6px}
}

/* Telefona shumë të vegjël */
@media(max-width:380px){
  .game-grid{gap:8px}
  .slide h1{font-size:1.32rem}
  .logo .name{font-size:.98rem}
  .cg-btn{padding:0 13px;font-size:.88rem;min-width:70px}
  .reel{width:62px;height:62px}
  .roulette3d{width:178px;height:178px}
  .rs-plcol{width:18px}
  .rs-plbadge{width:18px;height:16px;font-size:.66rem}
  .bj-card{width:42px;height:60px}
  .foot-grid{grid-template-columns:1fr}
}

/* ============================================================
   ROULETTE: trio zones (with 0), in-game tournament chat, LIVE tag
   ============================================================ */
.rl-z.t{width:14px;height:12px;background:rgba(255,255,255,.05)}
.rl-live-tag{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:#e63950;letter-spacing:.5px;font-size:.9rem}
.roul-chat{flex:0 0 250px;max-width:300px;align-self:stretch;display:flex;flex-direction:column;background:rgba(10,10,20,.55);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:14px;overflow:hidden;min-height:300px}
.roul-chat .rc-head{display:flex;align-items:center;gap:7px;padding:10px 12px;font-weight:700;font-size:.86rem;color:var(--gold);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.25)}
.rc-list{flex:1 1 0;min-height:0;max-height:340px;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:5px;font-size:.8rem;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22px);mask-image:linear-gradient(to bottom,transparent 0,#000 22px)}
.tour-empty{padding:26px 14px;text-align:center;color:var(--muted,#9aa0b4);font-size:.82rem;line-height:1.5}
.rc-win{color:#cfe9d4}.rc-win b{color:#23c17a}.rc-win b:last-child{color:var(--gold)}
.rc-chat{color:#cdd3e0}.rc-chat b{color:#9fb4ff}
.rc-form{display:flex;gap:6px;padding:8px;border-top:1px solid rgba(255,255,255,.08)}
.rc-form input{flex:1 1 auto;min-width:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:7px 9px;font-size:.8rem}
.rc-form button{flex:0 0 auto;background:var(--gold);color:#1a1407;border:none;border-radius:8px;font-weight:800;padding:0 12px;cursor:pointer;font-size:.8rem}
@media(max-width:720px){.roul-chat{flex-basis:100%;max-width:520px;width:100%}}

/* ============================================================
   GENERIC MODAL (VIP Club & Tournament)
   ============================================================ */
.ra-modal{position:fixed;inset:0;z-index:4000;background:rgba(4,4,10,.74);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px;animation:raFade .18s ease}
@keyframes raFade{from{opacity:0}to{opacity:1}}
.ra-modal-card{position:relative;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:linear-gradient(165deg,#181830,#0e0e1c);border:1px solid rgba(232,179,57,.28);border-radius:18px;padding:26px 24px;box-shadow:0 24px 70px rgba(0,0,0,.6)}
.ra-x{position:absolute;top:12px;right:14px;background:rgba(255,255,255,.08);border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;line-height:1}
.ra-x:hover{background:rgba(230,57,80,.6)}
.ra-h{font-family:'Cinzel',serif;font-size:1.5rem;margin:0 0 14px;color:var(--gold)}
.ra-btn{display:block;width:100%;margin:14px 0 4px;background:linear-gradient(120deg,var(--gold-bright,#f1c451),var(--gold-deep,#caa12f));color:#1a1407;border:none;border-radius:11px;font-weight:800;padding:13px;cursor:pointer;font-size:.95rem}
.ra-btn:hover{filter:brightness(1.07)}

/* VIP */
.vip-badge{display:inline-block;padding:7px 20px;border-radius:30px;font-weight:800;letter-spacing:.6px;color:#1a1407;margin-bottom:12px}
.vip-bronze{background:linear-gradient(120deg,#cd7f32,#e6a35c)}
.vip-silver{background:linear-gradient(120deg,#c0c6cf,#eef2f7)}
.vip-gold{background:linear-gradient(120deg,#f1c451,#e0a51e)}
.vip-platinum{background:linear-gradient(120deg,#d6e2ec,#a7bccd);color:#10131a}
.vip-diamond{background:linear-gradient(120deg,#7ee8f7,#5ab0ff);color:#0a1420}
.vip-pts{font-size:.95rem;color:#fff}.vip-pts b{color:var(--gold);font-size:1.1rem}.vip-pts span{color:var(--muted,#9aa0b4);font-size:.8rem}
.vip-bar{height:10px;border-radius:6px;background:rgba(255,255,255,.1);margin:12px 0 6px;overflow:hidden}
.vip-bar span{display:block;height:100%;background:linear-gradient(90deg,#f1c451,#23c17a);border-radius:6px;transition:width .4s}
.vip-next{font-size:.82rem;color:var(--muted,#9aa0b4)}.vip-next b{color:#fff}
.vip-perks{list-style:none;padding:0;margin:14px 0;display:grid;gap:7px}
.vip-perks li{position:relative;padding-left:22px;font-size:.88rem;color:#dfe3ee}
.vip-perks li::before{content:'✓';position:absolute;left:0;color:#23c17a;font-weight:800}
.ra-tiers{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.ra-tier{flex:1 1 0;min-width:78px;text-align:center;padding:9px 4px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.ra-tier b{display:block;font-size:.82rem}.ra-tier span{font-size:.68rem;color:var(--muted,#9aa0b4)}
.ra-tier.on{border-color:var(--gold);background:rgba(232,179,57,.14)}.ra-tier.on b{color:var(--gold)}

/* Tournament */
.tour-sub{font-size:.9rem;color:#dfe3ee;margin-bottom:14px}.tour-sub b{color:var(--gold)}
.tour-cols{display:flex;gap:14px;flex-wrap:wrap}
.tour-lb,.tour-feed-box{flex:1 1 220px;min-width:0;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}
.tour-lb-h{padding:9px 12px;font-weight:700;font-size:.82rem;color:var(--gold);border-bottom:1px solid rgba(255,255,255,.08)}
#tourBoardWrap{max-height:340px;overflow-y:auto}
.tour-row{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:.84rem;border-bottom:1px solid rgba(255,255,255,.05)}
.tour-row.me{background:rgba(232,179,57,.12)}
.tr-rank{flex:0 0 22px;font-weight:800;color:var(--muted,#9aa0b4);text-align:center}
.tour-row:nth-child(1) .tr-rank{color:#f1c451}.tour-row:nth-child(2) .tr-rank{color:#cfd6df}.tour-row:nth-child(3) .tr-rank{color:#e6a35c}
.tr-name{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.tr-score{flex:0 0 auto;font-weight:800;color:#23c17a}
.tour-feed{max-height:340px;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:5px;font-size:.8rem}
.tf-win{color:#cfe9d4}.tf-win b{color:#23c17a}.tf-win b:last-child{color:var(--gold)}
.tf-win.me{background:rgba(232,179,57,.1);border-radius:6px;padding:2px 5px}
.tf-chat{color:#cdd3e0}.tf-chat b{color:#9fb4ff}
.tour-foot{margin-top:16px;text-align:center}
.tour-in{color:#23c17a;font-weight:700;font-size:.9rem}
.rl-music{font-size:.78rem!important;padding:8px 12px!important}

/* ============================================================
   VIDEO POKER (Jacks or Better) — blue-felt look
   ============================================================ */
.vp-wrap{background:radial-gradient(120% 100% at 50% 0%,#1f5fb0,#0b2c5c 70%,#071d3f);border-radius:16px;padding:18px 16px 16px;max-width:940px;margin:0 auto}
.vp-pays{display:block;max-width:none;width:100%;margin:4px 0 16px;border:1px solid rgba(140,200,255,.45);border-radius:8px;overflow:hidden;background:rgba(7,30,70,.6);padding:0}
.vp-pays.hidden{display:none}
.vp-table{width:100%;border-collapse:collapse;font-size:.8rem;color:#dff0ff}
.vp-table td{padding:5px 8px;text-align:right;border-bottom:1px solid rgba(140,200,255,.16);white-space:nowrap}
.vp-table tr:last-child td{border-bottom:none}
.vp-table .vp-hn{text-align:left;font-weight:700;letter-spacing:.4px;color:#bfe0ff}
.vp-table td.col-on{background:rgba(120,220,255,.28);color:#fff;font-weight:800}
.vp-table tr.hit td{background:rgba(255,214,90,.30);color:#fff}
.vp-table tr.hit .vp-hn{color:#ffe27a}
.vp-hand{display:flex;gap:14px;justify-content:center;align-items:flex-end;margin:18px 0 8px;flex-wrap:wrap;transform:none;padding:0}
.vp-slot{display:flex;flex-direction:column;align-items:center;gap:8px}
.vp-held{font-weight:800;letter-spacing:1px;font-size:.78rem;color:#7fdcff;text-shadow:0 0 8px rgba(80,200,255,.6);min-height:15px;opacity:0}
.vp-held.on{opacity:1}
.vp-card2{width:92px;height:128px;border-radius:9px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.45);transition:transform .12s,box-shadow .12s;overflow:hidden}
.vp-card2 .card-svg{width:100%;height:100%;display:block;border-radius:9px}
.vp-card2:hover{transform:translateY(-4px)}
.vp-hand.dealing .vp-card2{animation:vpDeal .45s ease forwards;}
.vp-card2.held{box-shadow:0 0 0 3px #36c5f0,0 0 18px rgba(54,197,240,.85)}
.vp-card2.back{background:linear-gradient(135deg,#2a4f8f,#16294f)}
.vp-info{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0 12px}
.vp-tag{color:#bfe0ff;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-align:center;line-height:1.5;flex:0 0 auto}
.vp-tag b{color:#fff;font-size:1.05rem}
.vp-msg{flex:1;text-align:center;color:#eaf4ff;background:none}
.vp-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:4px}
.vp-b{background:linear-gradient(180deg,#2b62a8,#173f74);color:#dff0ff;border:1px solid rgba(150,205,255,.4);border-radius:9px;font-weight:800;letter-spacing:.4px;padding:11px 16px;cursor:pointer;font-size:.82rem;transition:.12s}
.vp-b:hover{filter:brightness(1.15)}
.vp-b:active{transform:translateY(1px)}
.vp-draw{background:linear-gradient(180deg,#f1c451,#caa12f);color:#1a1407;border-color:#f1c451}
@media(max-width:560px){.vp-hand{flex-wrap:nowrap;gap:5px}.vp-card2{width:56px;height:80px}.vp-table{font-size:.66rem}.vp-table td{padding:4px 5px}.vp-b{padding:9px 11px;font-size:.74rem}}
@media(max-width:560px){ .dt-card .card-svg,.bacc-cards .card-svg{width:clamp(38px,11vw,54px)} .dt-card,.bacc-cards{gap:3px;flex-wrap:nowrap} .tc-cards .card-svg{width:clamp(36px,9.5vw,50px)} .tc-cards{gap:3px} .ab-cards .card-svg{width:clamp(28px,7vw,40px)} .bj-card{width:50px!important;height:70px!important} .bj-cards{gap:5px;min-height:74px} }

/* ============================================================
   ROULETTE — robust flex layout: wheel + table on the left,
   chat pinned to the far-right empty space; easier-to-hit zones
   ============================================================ */
.roul-layout{flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:14px}
.roul-layout .roul-left{flex:0 0 auto}
.roul-layout .roulette-table{flex:0 1 470px;min-width:280px;margin:0}
.roul-chat{flex:0 0 290px;width:290px;max-width:290px;min-width:0;margin-left:auto;align-self:stretch;background:rgba(8,8,16,.82)}
/* bigger clickable zones, above the number cells */
.rl-zones{z-index:5}
.rl-z{z-index:5}
.rl-z.v{width:20px;height:38px}
.rl-z.h{width:38px;height:20px}
.rl-z.t{width:20px;height:18px}
.rl-z.c{width:24px;height:24px}
.rl-z:hover{z-index:7}
@media(max-width:1000px){
  .roul-layout{flex-wrap:wrap;justify-content:center}
  .roul-chat{flex:1 1 100%;width:100%;max-width:none;margin-left:0;height:300px}
}

/* ============================================================
   LIVE ROULETTE extras (stat bar, history strip, 8 chips, actions, badges)
   ============================================================ */
.lv-statbar{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;font-size:.82rem;color:#cdd3e0;margin:2px 0 8px}
.lv-statbar b{color:var(--gold)}
.lv-history{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-bottom:10px;min-height:24px}
.lv-hx{min-width:24px;height:24px;padding:0 4px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#fff}
.lv-hx.red{background:#c8362b}.lv-hx.black{background:#14141a}.lv-hx.green{background:#1f9d4d}
.lv-chips{flex-wrap:wrap;max-width:236px;justify-content:center;gap:8px}
.lv-chips .chip{width:42px;height:42px;font-size:.72rem}
.lv-chips .chip:nth-child(1){--c:#8b93a7;color:#10131a;text-shadow:none}
.lv-chips .chip:nth-child(2){--c:#2b6fb0}
.lv-chips .chip:nth-child(3){--c:#c0392b}
.lv-chips .chip:nth-child(4){--c:#2a8f4f}
.lv-chips .chip:nth-child(5){--c:#e0861c}
.lv-chips .chip:nth-child(6){--c:#6e3aa0}
.lv-chips .chip:nth-child(7){--c:#16a085}
.lv-chips .chip:nth-child(8){--c:#c8a020;color:#10131a;text-shadow:none}
.lv-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:2px}
.lv-actions button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#dfe3ee;border-radius:8px;padding:6px 13px;font-weight:700;font-size:.76rem;cursor:pointer;transition:.12s}
.lv-actions button:hover{background:rgba(232,179,57,.18);border-color:var(--gold)}
.lv-badge{font-size:.56rem;font-weight:800;padding:1px 5px;border-radius:4px;margin-right:5px;vertical-align:middle}
.lv-badge.admin{background:#e63950;color:#fff}.lv-badge.mod{background:#2a8f4f;color:#fff}
/* PixiJS wheel host */
.px-wheel-wrap{position:relative}
.px-wheel{width:100%;height:100%;border-radius:50%;overflow:hidden}
.px-wheel canvas{display:block;width:100%;height:100%}
.px-fallback{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted,#9aa0b4);font-size:.78rem;text-align:center;padding:14px}
/* Rrotë ruleti CSS universale (fallback kur PixiJS/WebGL dështon, p.sh. në telefon) */
#pxWheel:has(.cssw-wrap){overflow:visible !important;border-radius:0 !important}
.cssw-wrap{position:relative;width:100%;height:100%;min-height:230px;display:flex;align-items:center;justify-content:center}
.cssw-disc{width:min(94%,320px);aspect-ratio:1;border-radius:50%;position:relative;transform:rotate(0);box-shadow:0 0 0 7px #6b4d18,0 0 0 11px #caa23a,0 12px 30px rgba(0,0,0,.6),inset 0 0 40px rgba(0,0,0,.55)}
.cssw-hub{position:absolute;inset:33%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f6d67a,#8a6a24);box-shadow:0 0 0 4px rgba(0,0,0,.35),inset 0 0 10px rgba(0,0,0,.45)}
.cssw-ptr{position:absolute;top:1%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:22px solid #ffd23c;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));z-index:3}

/* ============================================================
   LIVE ROULETTE — premium betting field (felt + cells) to match the Pixi wheel
   (scoped to .lv-wrap; widths/margins unchanged so alignment stays intact)
   ============================================================ */
/* no chat → center the wheel + a bigger table, with roomier numbers */
.lv-wrap .roul-layout{justify-content:center; gap:24px; flex-wrap:wrap}
.lv-wrap .roul-wheel{width:340px; height:340px}
.lv-wrap .rl-nums{gap:4px}
.lv-wrap .roulette-table{
  flex:0 1 600px; max-width:600px; padding:16px 14px; border:none; border-radius:16px;
  background:
    radial-gradient(ellipse at 50% -6%, rgba(255,255,255,.12), transparent 58%),
    repeating-linear-gradient(45deg, rgba(0,0,0,.05) 0 2px, transparent 2px 5px),
    repeating-linear-gradient(-45deg, rgba(255,255,255,.022) 0 2px, transparent 2px 5px),
    linear-gradient(165deg,#117a48,#0a5230 70%,#073d24);
  box-shadow:0 24px 54px -16px rgba(0,0,0,.72), inset 0 0 80px rgba(0,0,0,.42),
    0 0 0 3px #5a3e18, 0 0 0 6px #9c7a36, 0 0 0 8px #5a3e18;
}
.lv-wrap .rl-cell{min-height:50px; font-size:1.05rem; font-weight:800; border:1px solid rgba(255,255,255,.55);
  text-shadow:0 1px 2px rgba(0,0,0,.65); box-shadow:inset 0 1px 0 rgba(255,255,255,.2), inset 0 -3px 5px rgba(0,0,0,.4)}
.lv-wrap .rl-cell.red{background:linear-gradient(180deg,#d4493b,#b0271b)}
.lv-wrap .rl-cell.black{background:linear-gradient(180deg,#23232c,#0d0d13)}
.lv-wrap .rl-cell.zero{font-size:1.35rem; background:linear-gradient(180deg,#28b85d,#168a41); border-radius:8px 4px 4px 8px}
.lv-wrap .rl-cell:hover{outline:2px solid var(--gold); box-shadow:0 0 12px rgba(232,179,57,.55), inset 0 0 0 1px rgba(255,255,255,.3)}
.lv-wrap .rl-out{min-height:36px; font-size:.72rem; font-weight:800; letter-spacing:.4px; color:#fff; white-space:nowrap;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.5); text-shadow:0 1px 2px rgba(0,0,0,.55); border-radius:4px}
.lv-wrap .rl-out:hover{background:rgba(232,179,57,.2); border-color:var(--gold)}
.lv-wrap .rl-out.rl-red{background:linear-gradient(180deg,#d4493b,#b0271b)}
.lv-wrap .rl-out.rl-black{background:linear-gradient(180deg,#23232c,#0d0d13)}
.lv-wrap .rt-highlow .rl-out{min-height:38px; font-size:.8rem}
.lv-wrap .rt-cols .col2to1{font-size:.62rem}
.lv-wrap .rl-chip{box-shadow:0 3px 8px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.35),0 0 0 3px rgba(255,255,255,.25)}

/* ============================================================
   RULETË — mbush ekranin: DESKTOP landscape (rrotë majtas · tavolinë djathtas),
   TELEFON portrait (rrotë lart · tavolinë poshtë)
   ============================================================ */
#gpBody .lv-wrap{max-width:100%;left:0;right:0;padding:12px 22px 16px}
/* Butoni X për të mbyllur ruletën (gjithmonë i dukshëm në cep) */
.lv-close{position:absolute;top:8px;right:10px;z-index:60;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(10,10,16,.72);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.lv-close:hover{background:rgba(200,45,45,.85);border-color:#ff6b6b}
#gpBody .lv-wrap .roul-layout{flex:1;width:100%;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(18px,3.4vw,54px)}
#gpBody .lv-wrap .roul-left{flex:0 0 auto;justify-content:center}
#gpBody .lv-wrap .roul-wheel{width:min(46vh,460px);height:min(46vh,460px)}
#gpBody .lv-wrap .roulette-table{flex:1 1 auto;max-width:min(62vw,900px);width:100%}
#gpBody .lv-wrap .rl-cell{min-height:clamp(44px,5.6vh,66px)}
#gpBody .lv-wrap .rl-out{min-height:clamp(34px,4vh,46px)}
@media(max-width:880px){
  #gpBody .lv-wrap{padding:10px 12px 14px}
  #gpBody .lv-wrap .roul-layout{flex-direction:column;flex-wrap:nowrap;align-items:center;gap:16px}
  #gpBody .lv-wrap .roul-wheel{width:min(84vw,360px);height:min(84vw,360px)}
  #gpBody .lv-wrap .roulette-table{max-width:100%;width:100%;flex:0 0 auto}
  #gpBody .lv-wrap .rl-cell{min-height:44px}
}

/* Ruletë — dritare EXTRA e gjerë (landscape) që tavolina klasike europiane të shtrihet plotësisht */
#gameModal.roulette-full .game-player{width:min(1120px,95vw)!important;max-width:95vw!important;height:min(88vh,780px)!important}
#gameModal.roulette-full .cg-wrap,#gameModal.roulette-full .lv-wrap{max-width:100%!important}
#gameModal.roulette-full #gpBody .lv-wrap .roul-layout{gap:clamp(16px,2.2vw,36px)}
#gameModal.roulette-full #gpBody .lv-wrap .roul-wheel{width:min(38vh,340px);height:min(38vh,340px)}
#gameModal.roulette-full #gpBody .lv-wrap .roulette-table{max-width:680px!important}
@media(max-width:880px){ #gameModal.roulette-full .game-player{width:100%!important;height:100vh!important;height:100dvh!important;border-radius:0!important} #gameModal.roulette-full #gpBody .lv-wrap .roul-wheel{width:min(82vw,360px)!important;height:min(82vw,360px)!important} #gameModal.roulette-full #gpBody .lv-wrap .roulette-table{max-width:100%!important} #gameModal.roulette-full #gpBody .lv-wrap{padding:8px 6px 12px!important} }

/* Ruletë klasike europiane — strukturë e detyruar: 0 e plotë majtas · 2:1 vertikale DJATHTAS (kurrë poshtë) */
.lv-wrap .rt-top{display:flex!important;flex-wrap:nowrap!important;gap:4px;align-items:stretch}
.lv-wrap .rt-top>.rl-cell.zero{flex:0 0 46px!important;font-size:1.4rem;border-radius:9px 4px 4px 9px}
.lv-wrap .rt-top>.rl-nums{flex:1 1 auto!important;min-width:0}
.lv-wrap .rt-top>.rt-cols{flex:0 0 72px!important;display:grid!important;grid-template-rows:repeat(3,1fr)!important;gap:4px;margin:0!important}
.lv-wrap .rt-cols .col2to1{font-size:.72rem!important;white-space:nowrap}
/* zonat e split/corner — vetëm në hover, jo kuti të errëta gjatë */
.lv-wrap .rl-z{background:rgba(255,255,255,.05)!important}
.lv-wrap .rl-z:hover,.lv-wrap .rl-z:active{background:rgba(232,179,57,.8)!important;box-shadow:0 0 9px rgba(232,179,57,.8)}
/* Wrapper transparent në desktop (nuk prek layout-in); në telefon rezervon hapësirën e tavolinës së rrotulluar */
.lv-wrap .rt-rotwrap{display:contents}
/* TELEFON: tavolina e ruletës RROTULLOHET 90° (landscape brenda portretit) → numrat dalin të mëdhenj, jo të ngjeshur */
@media(max-width:720px){
  #gameModal.roulette-full #gpBody .lv-wrap .rt-rotwrap{display:flex!important;align-items:center;justify-content:center;width:100%;height:calc(94vw * 1.5);max-height:74vh;overflow:hidden;margin:2px auto}
  #gameModal.roulette-full #gpBody .lv-wrap .rt-rotwrap>.roulette-table{flex:0 0 auto;width:calc(94vw * 1.5)!important;max-width:74vh!important;margin:0!important;transform:rotate(90deg);transform-origin:center center}
  .lv-wrap .rt-rotwrap .rl-cell{min-height:30px!important;font-size:.9rem!important}
  .lv-wrap .rt-rotwrap .rl-out{min-height:30px!important;font-size:.74rem!important}
}

/* phone: prevent sideways scroll on small screens */
@media(max-width:600px){ html,body{max-width:100%;overflow-x:hidden} }

/* ===== SKEDINA (kupon bastesh sportive) — stil "shtëpi lojrash" reale ===== */
.skedina-section{padding:56px 0}
.sk-hero{background:linear-gradient(120deg,#1a1408,#0e0c06 60%);border:1px solid rgba(232,179,57,.3);border-radius:16px;padding:22px 26px;margin-bottom:22px;position:relative;overflow:hidden}
.sk-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 120px at 15% 0%,rgba(232,179,57,.18),transparent 70%)}
.sk-hero-brand{font-family:'Cinzel',serif;font-weight:900;font-size:2rem;letter-spacing:3px;background:linear-gradient(120deg,var(--gold-bright,#f7d268),var(--gold-deep,#a87a16));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}
.sk-hero-sub{color:#c7c2b4;font-size:.92rem;margin-top:4px;position:relative}
.sk-league-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.sk-ltab{background:var(--panel,#151520);border:1px solid rgba(232,179,57,.18);color:#c7c2b4;border-radius:20px;padding:7px 16px;font-size:.8rem;font-weight:700;cursor:pointer;transition:.15s;white-space:nowrap}
.sk-ltab:hover{border-color:var(--gold,#e8b339)}
.sk-ltab.on{background:linear-gradient(120deg,var(--gold-bright,#f7d268),var(--gold-deep,#a87a16));color:#1a1408;border-color:transparent}
.sk-search{width:100%;max-width:340px;height:40px;border-radius:20px;background:var(--panel,#151520);border:1px solid rgba(232,179,57,.18);color:#f2efe7;padding:0 16px;font-size:.85rem;margin-bottom:16px}
.sk-search:focus{outline:none;border-color:var(--gold,#e8b339)}
.sk-search::placeholder{color:#6a6862}
.sk-live-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(230,57,80,.16);color:var(--crimson,#e63950);font-size:.66rem;font-weight:800;letter-spacing:.4px;padding:2px 7px;border-radius:10px;margin-right:6px;animation:skLivePulse 1.6s ease-in-out infinite}
@keyframes skLivePulse{0%,100%{opacity:1}50%{opacity:.55}}
.sk-td-time .sk-live-badge{margin-right:0}
.sk-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}
.sk-matches{display:flex;flex-direction:column;gap:8px;min-width:0}
.sk-league-head{font-family:'Cinzel',serif;font-weight:700;font-size:.82rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold,#e8b339);padding:14px 4px 4px;border-bottom:1px solid rgba(232,179,57,.16);margin-bottom:2px}
.sk-league-head:first-child{padding-top:0}
.sk-league-extra{font-family:inherit;font-weight:500;font-size:.68rem;letter-spacing:.4px;text-transform:none;color:#a8a498;opacity:.85}
.sk-match{background:var(--panel,#151520);border:1px solid rgba(232,179,57,.14);border-radius:12px;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between;transition:.15s}
.sk-match:hover{border-color:rgba(232,179,57,.35)}
.sk-match .teams{font-weight:700;flex:1 1 200px;min-width:0}
.sk-match .teams .vs{color:#6a6862;font-weight:400;margin:0 4px}
.sk-match .kickoff{font-size:.74rem;color:#9b988f;margin-top:2px}
.sk-markets{display:flex;gap:18px;flex-wrap:wrap;flex:0 0 auto}
.sk-mkt{display:flex;flex-direction:column;gap:5px;align-items:center}
.sk-mkt-h{font-size:.62rem;color:#7a776d;text-transform:uppercase;letter-spacing:.6px;font-weight:700}
.sk-picks{display:flex;gap:6px;flex:0 0 auto}
.sk-pick{background:var(--bg-2,#101019);border:1px solid rgba(232,179,57,.2);border-radius:8px;padding:7px 11px;text-align:center;cursor:pointer;min-width:52px;transition:.15s}
.sk-pick .k{font-size:.63rem;color:#9b988f;display:block}
.sk-pick .v{font-weight:800;color:var(--gold,#e8b339);font-size:.88rem}
.sk-pick:hover{border-color:var(--gold,#e8b339)}
.sk-pick.on{background:linear-gradient(120deg,var(--gold-bright,#f7d268),var(--gold-deep,#a87a16));border-color:transparent}
.sk-pick.on .k,.sk-pick.on .v{color:#1a1408}
.sk-pick-off{background:transparent;border:1px dashed rgba(255,255,255,.1);border-radius:8px;padding:7px 11px;text-align:center;min-width:52px;opacity:.35;cursor:default}
.sk-pick-off .k{font-size:.63rem;color:#7a776d;display:block}
.sk-pick-off .v{font-weight:800;color:#7a776d;font-size:.88rem}
.sk-slip{background:var(--panel,#151520);border:1px solid var(--gold,#e8b339);border-radius:14px;padding:18px;position:sticky;top:90px;box-shadow:0 8px 30px rgba(232,179,57,.08)}
.sk-slip h3{font-family:'Cinzel';margin-bottom:12px;display:flex;align-items:center;gap:8px}
.sk-mode-toggle{display:flex;gap:6px;margin-bottom:12px;background:var(--bg-2,#101019);border-radius:9px;padding:3px}
.sk-mode-toggle button{flex:1;background:transparent;border:none;color:#9b988f;font-size:.76rem;font-weight:700;padding:7px 4px;border-radius:7px;cursor:pointer;transition:.15s}
.sk-mode-toggle button.on{background:linear-gradient(120deg,var(--gold-bright,#f7d268),var(--gold-deep,#a87a16));color:#1a1408}
.sk-slip-count{background:var(--gold,#e8b339);color:#1a1408;border-radius:20px;font-size:.7rem;padding:1px 9px;font-family:'Manrope',sans-serif}
.sk-slip-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.84rem}
.sk-slip-item button{color:var(--crimson,#e63950);font-size:1.1rem;line-height:1}
.sk-slip-empty{color:#6a6862;font-size:.84rem;padding:10px 0}
.sk-slip-total{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.sk-slip-total input{width:100%;height:42px;border-radius:9px;background:var(--bg-2,#101019);border:1px solid rgba(232,179,57,.2);color:#f2efe7;padding:0 12px;font-size:.95rem}
.sk-slip-total .row{display:flex;justify-content:space-between;font-size:.86rem;color:#9b988f}
.sk-slip-total .row b{color:var(--gold,#e8b339)}
.sk-slip-msg{font-size:.8rem;min-height:18px;color:var(--crimson,#e63950)}
.sk-tickets{margin-top:30px}

/* ============================================================
   BET BUILDER
   ============================================================ */
.bb-open-btn{width:100%;margin-top:10px;padding:10px;border-radius:10px;border:1px dashed rgba(232,179,57,.4);background:rgba(232,179,57,.06);color:var(--gold,#e8b339);font-weight:800;font-size:.78rem;cursor:pointer;transition:background .15s}
.bb-open-btn:hover{background:rgba(232,179,57,.14)}
.bb-modal{width:min(560px,92vw);max-height:82vh;overflow-y:auto;padding:22px 20px}
.bb-modal h3{margin:0 0 4px;font-size:1.05rem;color:#f2efe7}
.bb-hint{font-size:.76rem;color:#9b988f;margin:0 0 14px;line-height:1.4}
.bb-group{margin-bottom:12px}
.bb-group-h{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#9b988f;margin-bottom:6px}
.bb-chips{display:flex;flex-wrap:wrap;gap:6px}
.bb-chip{padding:7px 11px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#cfd6cf;font-size:.76rem;cursor:pointer;transition:background .15s,border-color .15s}
.bb-chip b{color:var(--gold,#e8b339);margin-left:5px}
.bb-chip:hover{background:rgba(255,255,255,.07)}
.bb-chip.on{border-color:var(--gold,#e8b339);background:rgba(232,179,57,.14)}
.bb-chip.on b{color:#fff}
.bb-summary{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.bb-row{display:flex;justify-content:space-between;font-size:.84rem;color:#9b988f;padding:3px 0}
.bb-row b{color:#f2efe7}
.bb-modal .cg-bet{margin-top:10px;display:flex;align-items:center;gap:10px}
.bb-modal .cg-bet input{flex:1;height:38px;border-radius:9px;background:var(--bg-2,#101019);border:1px solid rgba(232,179,57,.2);color:#f2efe7;padding:0 12px}
.bb-modal .cg-btn{width:100%;margin-top:12px}
.sk-ticket{background:var(--panel,#151520);border:1px solid rgba(232,179,57,.14);border-radius:14px;padding:14px 16px;margin-bottom:10px}
.sk-ticket-head{display:flex;justify-content:space-between;align-items:center;font-size:.86rem;margin-bottom:8px}
.sk-ticket-leg{font-size:.78rem;color:#9b988f;display:flex;justify-content:space-between;padding:3px 0}
.sk-tag{padding:2px 9px;border-radius:20px;font-size:.68rem;font-weight:800}
.sk-tag.pending{background:rgba(245,166,35,.14);color:#f5a623}
.sk-tag.won{background:rgba(33,193,122,.14);color:var(--emerald,#21c17a)}
.sk-tag.lost{background:rgba(230,57,80,.14);color:var(--crimson,#e63950)}
.sk-tag.void{background:rgba(155,152,143,.16);color:#9b988f}
.sk-tag.cashedout{background:rgba(77,159,255,.14);color:#4d9fff}
.sk-cashout-btn{margin-top:10px;width:100%;padding:9px;border-radius:10px;border:1px solid rgba(77,159,255,.4);background:rgba(77,159,255,.1);color:#4d9fff;font-weight:800;font-size:.8rem;cursor:pointer;transition:background .15s}
.sk-cashout-btn:hover{background:rgba(77,159,255,.22)}
.sk-ticket-stats{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:12px}
.sk-stat{display:flex;flex-direction:column;gap:2px}
.sk-stat span{font-size:.68rem;color:#9b988f;text-transform:uppercase;letter-spacing:.4px}
.sk-stat b{font-size:1.05rem;font-weight:800;color:var(--gold,#e8b339)}
.sk-stat b.win{color:var(--emerald,#21c17a)}

/* ---- Tabelë e dendur (desktop) — stil sportsbook real ---- */
.sk-table-wrap{overflow-x:auto;border:1px solid rgba(232,179,57,.14);border-radius:12px;margin-bottom:16px}
.sk-table{width:100%;min-width:640px;border-collapse:collapse;background:var(--panel,#151520)}
.sk-thead-league th{text-align:left;background:linear-gradient(120deg,rgba(232,179,57,.14),rgba(232,179,57,.04));color:var(--gold,#e8b339);font-family:'Cinzel',serif;font-weight:700;font-size:.86rem;letter-spacing:.5px;padding:10px 14px;border-bottom:1px solid rgba(232,179,57,.16)}
.sk-thead-cols th{font-size:.64rem;color:#7a776d;text-transform:uppercase;letter-spacing:.5px;font-weight:700;text-align:center;padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}
.sk-th-match{width:34%}
.sk-date-row td{background:var(--bg-2,#101019);color:#9b988f;font-size:.72rem;font-weight:700;padding:6px 14px;text-transform:uppercase;letter-spacing:.5px}
.sk-mrow{border-bottom:1px solid rgba(255,255,255,.05);transition:.12s}
.sk-mrow:hover{background:rgba(232,179,57,.04)}
.sk-td-match{padding:9px 14px 9px 30px;display:flex;flex-direction:column;gap:1px;position:relative}
.sk-fav-btn{cursor:pointer;color:#4a4842;font-size:.92rem;transition:.15s;user-select:none}
.sk-td-match .sk-fav-btn{position:absolute;left:8px;top:50%;transform:translateY(-50%)}
.sk-fav-btn:hover{color:#c9c6bb}
.sk-fav-btn.on{color:var(--gold,#e8b339)}
.teams .sk-fav-btn{margin-right:6px}
.sk-ltab-fav.on{background:linear-gradient(120deg,var(--gold-bright,#f7d268),var(--gold-deep,#a87a16))}
.sk-td-time{font-size:.68rem;color:#7a776d;font-family:ui-monospace,Menlo,monospace}
.sk-td-teams{font-size:.86rem;font-weight:600;color:#f2efe7}
.sk-td-teams i{color:#6a6862;font-style:normal;font-weight:400;margin:0 3px}
.sk-td{text-align:center;padding:8px 4px;font-weight:800;color:var(--gold,#e8b339);cursor:pointer;font-size:.86rem;border-left:1px solid rgba(255,255,255,.04);transition:.12s;min-width:54px}
.sk-td:hover{background:rgba(232,179,57,.1)}
.sk-td.on{background:linear-gradient(120deg,var(--gold-bright,#f7d268),var(--gold-deep,#a87a16));color:#1a1408}
.sk-td-off{text-align:center;padding:8px 4px;color:#4a4842;font-size:.86rem;border-left:1px solid rgba(255,255,255,.04);cursor:default}
.sk-td-hcp{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.15}
.sk-td-hcpline{font-size:.66rem;font-weight:600;color:#c9c6bb;letter-spacing:.2px}
.sk-td.on .sk-td-hcpline{color:#3a2c08}
.sk-td-hcpodds{font-size:.86rem;font-weight:800}

/* ---- Stil bet365: kolonat kryesore ngushta (1X2 + O/U), pjesa tjetër hapet me klikim ---- */
.sk-td-more{text-align:center;padding:8px 10px;cursor:pointer;color:#9b988f;font-size:.72rem;border-left:1px solid rgba(255,255,255,.04);transition:.12s;user-select:none}
.sk-td-more:hover{background:rgba(232,179,57,.1);color:var(--gold,#e8b339)}
.sk-mrow-open{background:rgba(232,179,57,.03)}
.sk-expand-row td{padding:12px 16px;background:var(--bg-2,#101019);border-bottom:1px solid rgba(255,255,255,.05)}
.sk-extra-markets{display:flex;gap:22px;flex-wrap:wrap}
.sk-more-btn{flex:1 1 100%;background:transparent;border:1px solid rgba(232,179,57,.25);color:#9b988f;border-radius:8px;padding:6px 12px;font-size:.72rem;font-weight:700;cursor:pointer;transition:.15s;align-self:flex-start;margin-top:2px;max-width:fit-content}
.sk-more-btn:hover{border-color:var(--gold,#e8b339);color:var(--gold,#e8b339)}
.sk-match .sk-extra-markets{flex:1 1 100%;padding-top:8px;border-top:1px dashed rgba(255,255,255,.08)}

@media(max-width:860px){
  .sk-hero{padding:16px 18px}
  .sk-hero-brand{font-size:1.4rem}
  .sk-league-tabs{gap:6px}
  .sk-ltab{padding:6px 12px;font-size:.74rem}
  .sk-layout{grid-template-columns:1fr}
  .sk-slip{position:static}
  .sk-match{flex-direction:column;align-items:stretch;gap:10px;padding:12px}
  .sk-match .teams{flex:0 0 auto}
  .sk-markets{flex-direction:column;align-items:stretch;gap:10px}
  .sk-mkt{align-items:flex-start}
  .sk-picks{flex-wrap:wrap}
  .sk-pick,.sk-pick-off{min-width:44px;padding:6px 9px}
}
@media(max-width:420px){
  .sk-hero-brand{font-size:1.15rem}
  .sk-hero-sub{font-size:.8rem}
  .sk-match .teams{font-size:.92rem}
}

/* ===== Sportsbook receipt (kupon) shown right after a bet is placed ===== */
.sk-receipt{background:#f4ecd8;color:#2a2118;border-radius:6px;padding:22px 20px 18px;font-family:ui-monospace,Menlo,'Courier New',monospace;
  background-image:repeating-linear-gradient(90deg,transparent,transparent 7px,#e2d6ba 7px,#e2d6ba 8px);background-size:100% 1px;background-position:0 78px;background-repeat:no-repeat;
  box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px #d8c9a3}
.sk-receipt-head{text-align:center;padding-bottom:10px;border-bottom:1px dashed #b8a878}
.sk-receipt-brand{font-family:'Cinzel',serif;font-weight:800;font-size:1.15rem;letter-spacing:1px;color:#3a2e12}
.sk-receipt-brand span{color:#a87a16}
.sk-receipt-sub{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:#7a6a45;margin-top:2px}
.sk-receipt-meta{display:flex;justify-content:space-between;font-size:.72rem;color:#6b5d3f;padding:10px 0;border-bottom:1px dashed #b8a878}
.sk-receipt-legs{padding:10px 0;border-bottom:1px dashed #b8a878}
.sk-receipt-leg{display:flex;justify-content:space-between;gap:8px;font-size:.8rem;padding:5px 0}
.sk-receipt-leg .sk-receipt-pick{font-weight:800;color:#a87a16;flex:0 0 auto}
.sk-receipt-leg .sk-receipt-odds{flex:0 0 auto;color:#6b5d3f}
.sk-receipt-totals{padding:10px 0;border-bottom:1px dashed #b8a878}
.sk-receipt-totals .row{display:flex;justify-content:space-between;font-size:.82rem;padding:3px 0;color:#4a3d24}
.sk-receipt-totals .row.total{font-size:.95rem;font-weight:800;color:#1a1408;margin-top:4px}
.sk-receipt-status{text-align:center;font-weight:800;letter-spacing:3px;font-size:.8rem;color:#a87a16;padding:12px 0 4px}
.sk-receipt-barcode{height:34px;margin-top:6px;background:repeating-linear-gradient(90deg,#2a2118 0 2px,transparent 2px 4px,#2a2118 4px 5px,transparent 5px 9px,#2a2118 9px 12px,transparent 12px 14px)}
@media print{
  body *{visibility:hidden}
  #skReceiptPrint,#skReceiptPrint *{visibility:visible}
  #skReceiptPrint{position:fixed;top:0;left:0;width:100%;box-shadow:none}
}

/* ===== Siguri responsive (PC + mobile) — shtresë mbrojtëse, pa prishur desktop ===== */
#gpBody img,#gpBody canvas,#gpBody svg,#gpBody video{max-width:100%}
@media(max-width:600px){
  html,body{overflow-x:hidden}
  #gpBody .cg-wrap,#gpBody .cg-main{max-width:100vw;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
  /* tap-targets më të mëdha te kontrollet e lojës */
  #gpBody .cg-controls .cg-btn,#gpBody .cg-controls button,#gpBody .cg-controls .bet-step{min-height:38px}
  #gpBody .cg-controls{flex-wrap:wrap}
  /* tabelat/kanavacat/imazhet s'e kalojnë kurrë ekranin */
  #gpBody .plinko-box,#gpBody .roulette-table,#gpBody .sh-stage,#gpBody .goal-scene,#gpBody .tower-board,#gpBody .keno-grid,#gpBody .mines-grid,#gpBody .rs-machine,#gpBody canvas,#gpBody img{max-width:100%}
}

/* ===== Deposit window (any crypto) ===== */
.dep-field{margin:10px 0}
.dep-field label{display:block;font-size:.78rem;color:var(--muted,#9aa0b4);margin-bottom:5px}
.dep-field input,.dep-field select{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#fff;padding:10px;font-family:inherit;font-size:.95rem}
.dep-field select option{color:#111;background:#fff}
.dep-bonus{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;color:#cdd3e0;margin:8px 0 4px;cursor:pointer}
.dep-out{margin-top:12px;font-size:.9rem;color:#eaf4ff;text-align:center}
.dep-pay{background:#000;border:1px solid var(--gold-deep,#caa12f);border-radius:10px;padding:14px;line-height:1.7}
.dep-pay b{color:var(--gold,#e8c01f);font-size:1.05rem}
.dep-pay code{display:block;word-break:break-all;background:rgba(255,255,255,.06);border-radius:7px;padding:8px;margin:8px 0;font-size:.82rem;color:#fff}
.dep-note{font-size:.74rem;color:var(--muted,#9aa0b4);margin-top:6px}
.dep-note2{font-size:.8rem;color:var(--muted,#9aa0b4);line-height:1.5;margin:4px 0 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:9px 11px}
.dep-note2 b{color:var(--gold,#e8c01f)}
.dep-est{text-align:center;font-size:.86rem;color:#eaf4ff;background:rgba(232,192,31,.08);border:1px solid rgba(232,192,31,.25);border-radius:9px;padding:8px;margin:4px 0}
.dep-est:empty{display:none}
.dep-est b{color:var(--gold,#e8c01f)}

/* ===== CRASH 2.0 — Aviator/JetX premium ===== */
.crash2{gap:10px}
.cx-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cx-rtp{font-size:.72rem;color:var(--faint,#7a8296);letter-spacing:.5px;white-space:nowrap}
.cx-hist{display:flex;gap:6px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none;-ms-overflow-style:none}
.cx-hist::-webkit-scrollbar{display:none}
.cx-hist:empty{display:none}
.cx-pill{flex:0 0 auto;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.cx-pill.lo{color:#93a2ba}
.cx-pill.mid{color:#5ad19a;border-color:rgba(90,209,154,.35)}
.cx-pill.hi{color:#ffd24a;border-color:rgba(255,210,74,.42);background:rgba(255,210,74,.08)}
.cx-stage{position:relative;width:100%;flex:1;height:min(62vh,560px);min-height:230px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 60px rgba(0,0,0,.55),0 12px 34px -14px rgba(0,0,0,.8)}
.cx-stage canvas{position:absolute;inset:0;display:block}
.cx-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;text-shadow:0 3px 22px rgba(0,0,0,.75)}
.cx-mult{font-size:clamp(2.5rem,9vw,4.8rem);font-weight:900;letter-spacing:-1.5px;color:#eaf2ff;line-height:1;transition:color .12s}
.cx-mult.flying{color:#7bffb0}
.cx-mult.won{color:#ffe27a}
.cx-mult.crashed{color:#ff5a6b}
.cx-status{margin-top:10px;font-size:.9rem;color:#cdd6e6;font-weight:600;padding:0 12px}
.cx-status b{color:#ffd24a}
@keyframes cxShake{0%,100%{transform:translate(0,0)}20%{transform:translate(-7px,4px)}40%{transform:translate(7px,-3px)}60%{transform:translate(-5px,-5px)}80%{transform:translate(5px,3px)}}
.cx-shake{animation:cxShake .42s ease}
/* ===== Sky Flight — band side-bet ===== */
.fc-sidebet{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;flex-wrap:wrap}
.fc-sidebet.locked{opacity:.5;pointer-events:none}
.fc-side-l{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}
.fc-side-t{font-size:.62rem;letter-spacing:1px;color:#9aa7b8;font-weight:800}
.fc-side-amt{display:flex;align-items:center;gap:6px}
.fc-side-amt span{min-width:44px;text-align:center;font-weight:800;color:#fff;font-size:.9rem}
.fc-side-step{width:26px;height:26px;border:0;border-radius:7px;background:rgba(255,255,255,.12);color:#fff;font-size:1rem;cursor:pointer}
.fc-side-step:hover{background:rgba(255,255,255,.22)}
.fc-side-bands{display:flex;gap:8px;flex:1;min-width:180px}
.fc-band{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border:2px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.04);color:#e6edf3;cursor:pointer;transition:transform .08s,border-color .12s,background .12s}
.fc-band span{font-weight:800;font-size:.9rem}
.fc-band small{font-size:.72rem;color:#ffd24a;font-weight:700}
.fc-band:hover{background:rgba(255,255,255,.09)}
.fc-band.sel{border-color:#ffd24a;background:rgba(255,210,74,.16);box-shadow:0 0 12px rgba(255,210,74,.35)}
@media(max-width:560px){.fc-sidebet{gap:8px}.fc-side-bands{min-width:100%}.fc-band span{font-size:.82rem}}

/* ===== Aviator dual bet panels (2 baste të pavarura) ===== */
.av-crash .fc-panels{display:flex;gap:10px;margin-top:10px}
.fc-panel{flex:1 1 0;min-width:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px}
.fc-amtrow{display:flex;align-items:center;gap:6px}
.fc-step{width:32px;height:36px;flex:0 0 auto;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;line-height:1}
.fc-step:hover{background:rgba(255,255,255,.15)}
.fc-amtbox{flex:1;min-width:0;background:rgba(0,0,0,.35);border-radius:8px;padding:3px 9px;display:flex;flex-direction:column}
.fc-amtlbl{font-size:.54rem;color:#9aa3b2;letter-spacing:.6px}
.fc-amt{background:none;border:0;color:#fff;font-weight:800;font-size:1.02rem;width:100%;outline:none;font-family:inherit;padding:0}
.fc-chips{display:flex;gap:5px}
.fc-chip{flex:1;padding:5px 0;border-radius:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cdd6e6;font-size:.74rem;font-weight:700;cursor:pointer}
.fc-chip:hover{background:rgba(255,255,255,.13);color:#fff}
.fc-betbtn{border:0;border-radius:12px;padding:11px 6px;font-weight:900;font-size:1.02rem;line-height:1.05;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;transition:filter .12s,transform .08s,box-shadow .08s}
.fc-betbtn small{font-size:.68rem;font-weight:700;opacity:.92}
.fc-betbtn.bet{background:linear-gradient(180deg,#4de06a,#1fa544);color:#062012;box-shadow:0 4px 0 #127a30}
.fc-betbtn.cashout{background:linear-gradient(180deg,#ffc24a,#f0891e);color:#2a1600;box-shadow:0 4px 0 #b35d10}
.fc-betbtn.cancel{background:linear-gradient(180deg,#ff6b6b,#d33636);color:#fff;box-shadow:0 4px 0 #9c2020}
.fc-betbtn.won{background:linear-gradient(180deg,#5a6472,#39414c);color:#fff;box-shadow:0 4px 0 #262c34}
.fc-betbtn:hover{filter:brightness(1.06)}
.fc-betbtn:active{transform:translateY(3px);box-shadow:none}
.fc-autorow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.72rem;color:#cdd6e6}
.fc-toggle{display:flex;align-items:center;gap:4px;cursor:pointer}
.fc-toggle input{accent-color:#e8b339}
.fc-autocashval{width:56px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#fff;padding:3px 5px;font-size:.76rem;font-family:inherit}
@media(max-width:560px){.fc-panel{padding:8px;gap:6px}.fc-betbtn{font-size:.9rem;padding:9px 4px}.fc-autorow{font-size:.64rem;gap:5px}.fc-chip{font-size:.68rem}.fc-amt{font-size:.92rem}}
.cx-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.cx-auto{display:flex;flex-direction:column;gap:3px;justify-content:center;background:var(--surface,#161a26);border:1px solid var(--line,#2a2f3d);border-radius:11px;padding:6px 12px}
.cx-auto span{font-size:.64rem;color:var(--muted,#9aa0b4);text-transform:uppercase;letter-spacing:.6px}
.cx-auto input{width:86px;background:transparent;border:none;color:var(--text,#fff);font-weight:800;font-size:1rem;outline:none;font-family:inherit}
.cx-btns{display:flex;gap:10px;flex:1;min-width:220px}
.cx-place{flex:1 1 0;min-width:0}
.cx-place.placed{background:var(--surface-2,#20242f)!important;border:1px solid var(--line,#2a2f3d)!important;color:var(--muted,#9aa0b4)!important;box-shadow:none!important;text-shadow:none!important}
.cx-cashbtn{flex:1;border-radius:14px;font-weight:900;font-size:1.18rem;letter-spacing:.5px;color:#0b2a16;background:linear-gradient(180deg,#5be08a,#1fa85a);border:2px solid #0f7a3e;box-shadow:inset 0 1px 3px rgba(255,255,255,.5),0 6px 0 #0f7a3e,0 12px 22px rgba(31,168,90,.45);cursor:pointer;transition:filter .12s,transform .1s}
.cx-cashbtn:hover:not(:disabled){filter:brightness(1.06)}
.cx-cashbtn:disabled{opacity:.42;filter:grayscale(.5);cursor:not-allowed;box-shadow:none;transform:none}
.cx-cashbtn.on{animation:cxPulse 1s ease-in-out infinite}
.cx-cashbtn:not(:disabled):active{transform:translateY(4px);box-shadow:inset 0 1px 3px rgba(255,255,255,.5),0 2px 0 #0f7a3e}
@keyframes cxPulse{50%{box-shadow:inset 0 1px 3px rgba(255,255,255,.5),0 6px 0 #0f7a3e,0 0 28px rgba(91,224,138,.95)}}
@media(max-width:560px){ .cx-stage{height:38vh;min-height:200px} .cx-btns{min-width:100%} .cx-auto{flex:1} }