/* furtos -- a masodik jatek lapja. Csak ez a lap hasznalja, a jatek.css-t
   nem irja at. A paletta ugyanaz a keszlet, mint a css/jatek.css :root-jaban,
   hogy a ket jatek egy csaladba tartozzon. */

:root{
  --arany:      #f6c33c;
  --arany-vil:  #ffeaa0;
  --arany-sot:  #8a5a06;
  --piros:      #d61423;
  --bordo:      #4a0510;
  --hatter:     #1a0308;
  --panel:      #2c0710;
  --keret:      #0d0205;
  --szoveg:     #f6e6c8;
  --halvany:    #b79a76;
  --zold:       #2fbf5a;
  --sz-mega:    #ff4fd8;  /* ugyanaz az ertek, mint jatek.css :root-ja -- mega-elem tint/keret */

  --tier-also:    #4fb6ff;
  --tier-felso:   #c48bff;
  --tier-premium: #ffd45a;

  /* a racs geometriajat a kliens allitja (konfig.racs), itt csak tartalek all */
  --oszlopok: 6;
  --cella-max: 110px;

  /* A blackjack.css sajat lap-szinei -- a duplazas-latvany (kartya
     <duplazas-nem-akaszt-0901>) a blackjack lap-rajzolot hasznalja ujra,
     lasd js/lap-rajzolo.js. */
  --piros-lap: #c81c2b;
  --fekete-lap: #14201a;
}

*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none !important}

html,body{min-height:100%}
body{
  background:
    radial-gradient(120% 78% at 50% -12%, #5c0a18 0%, #2a0409 48%, #120206 100%),
    var(--hatter);
  color:var(--szoveg);
  font-family:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
  display:flex;align-items:flex-start;justify-content:center;
  padding:16px;overflow-x:hidden;min-height:100vh;
}
body::before{                                   /* halvany szonyeg-minta */
  content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255,190,90,.12) 0 2px, transparent 2px 22px),
    repeating-linear-gradient(-45deg, rgba(255,190,90,.10) 0 2px, transparent 2px 22px);
}
body::after{                                    /* halvany fenykor a szinpad mogott */
  content:'';position:fixed;left:50%;top:-18vh;width:min(1100px,150vw);aspect-ratio:1;
  transform:translateX(-50%);pointer-events:none;z-index:0;opacity:.5;
  background:radial-gradient(circle, rgba(246,195,60,.14) 0%, transparent 62%);
}

.szinpad{
  position:relative;z-index:1;width:100%;max-width:760px;
  display:flex;flex-direction:column;gap:14px;
}

/* HANG kapcsoló (11. pont, 2026-08-30) -- UGYANAZ a stílus, mint js/jatek.css
   .jobb-felso/.hang-kapcsolo, hogy a jelölő mindhárom lapon egyformán nézzen ki. */
.jobb-felso{position:fixed;right:12px;top:12px;z-index:40;display:flex;
  flex-direction:column;align-items:flex-end;gap:6px}
.hang-kapcsolo{font-size:11px;
  font-family:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
  color:rgba(246,195,60,.55);padding:4px 9px;border-radius:6px;
  background:rgba(20,4,8,.7);border:1px solid rgba(246,195,60,.25)}
.hang-kapcsolo:hover{color:#f6c33c;border-color:rgba(246,195,60,.5)}
.hang-kapcsolo[aria-pressed="false"]{color:rgba(255,217,217,.55);border-color:rgba(255,80,80,.3);
  text-decoration:line-through}

/* Vissza a fooldalra (2026-09-01, Zoltan TG 31610, majd ujra 2026-09-01
   reggel, kartyak 852f4e2d/228e0b1e -- lasd css/jatek.css ugyanezen
   szabalyanak jegyzetet: a gyoker nem a gomb merete volt, hanem hogy a
   `.furtos-jackpot-sav` nem tartott fenn helyet a sarok-savnak). Legalabb
   44x44 erintheto felulet, lathato "Főoldal" felirattal. */
.link-gomb{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:44px;padding:0 14px;border-radius:22px;cursor:pointer;
  color:rgba(246,195,60,.7);background:rgba(20,4,8,.82);
  border:1px solid rgba(246,195,60,.35);text-decoration:none}
.link-gomb:hover{color:#f6c33c;border-color:rgba(246,195,60,.5)}
.link-gomb svg{display:block;flex:none}
.link-gomb-felirat{font-size:11px;font-family:inherit;letter-spacing:.08em;text-transform:uppercase}

/* --------------------------------------------------- jackpot-sav */
/* NEM ragad (2026-09-02, kártya 856a276f, Zoltán TG 32141: "tovabbra is
   eltakarja a jatekmezot a jackpot, hanyszor kell szolnom?"). A korábbi
   `position:sticky;top:93px` (bevezetve ec52644a, "javítva" a6a81d04-gyel
   margin-top:93px-szel) MÉGIS takart -- élőben, Playwrighttal, öt görgetési
   állásnál MINDEN `.furtos-mezo` pozícióját mérve (390px ÉS 1440px), a
   metszet 185px görgetésnél már 6 cellán 450px², a lap alján 12-18 cellán
   is pozitív. GYÖKÉR: a `margin-top:93px` csak a SÁV saját natúr helyét
   korrigálja, a köztes, NEM-sticky tartalom (`.fejlec` cím, jelvények -- a
   `.racs-keret` a dokumentumban csak kb. 352px-nél kezdődik) viszont RÖVIDEBB,
   mint a sáv "ragadási zónája" (93px-től a sáv aljáig), tehát a görgetés
   egy ponton túl a rács tetejét MÁR a sáv vizuális sávjába tolja -- ez
   FÜGGETLEN a törésponttól (1440px-en ugyanúgy bukott), tehát nem
   méretezési, hanem szerkezeti hiba: egy sticky elem UTÁNI, nála rövidebb,
   NEM-sticky tartalom szükségszerűen elfogy előbb, mint a sticky "árnyéka".
   Az egyetlen javítás, ami ÚJABB kézzel számolt képpont-érték NÉLKÜL, MINDEN
   törésponton strukturálisan kizárja a hibaosztályt: a sáv marad a normál
   dokumentum-folyásban (nincs "ragadási zóna", ami elszakadhatna a flow-tól,
   tehát a rács SOSEM kerülhet mögé, függetlenül a jackpot-szám hosszától
   vagy a fejléc tartalmától). A `[hidden]` a doboz-szinten dont, a
   `.furtos-jackpot-sav` kereten pedig akkor all `hidden`, ha EGYIK szint sem
   jogosult -- furtos.js furtosJackpotSavFrissit() vezerli, sosem CSS-allapot
   egymagaban. */
.furtos-jackpot-sav{
  /* flex, nem grid: ha csak az egyik szint jogosult, a masik doboz [hidden]
     (nem csak dimmelt), tehat NEM foglal ratcsot -- flex-1 1 0 miatt a
     megmaradt doboz magatol kitolti a teljes szelesseget, nem marad ures
     felduplan latszo hezag. */
  display:flex;gap:10px;
  /* margin-top:93px (2026-09-01, kártya 852f4e2d): a `.jobb-felso` fixed
     sarok-doboz (Főoldal-gomb + HANG, 390-en mérve 85px magas) nem foglal
     helyet a flow-ban, ezért a sáv natúr helyét kézzel kell 93px-re tolni
     (8px tartalékkal), különben a lap TETEJÉN a sarok-doboz alá csúszna.
     Ez az érték MARAD -- ez a lap tetején álló, egyszeri elhelyezésről szól,
     nem a görgetésről, ahol a fenti (2026-09-02-i) hiba volt. */
  padding:8px 6px;margin:-8px -6px 0;margin-top:93px;border-radius:14px;
  background:linear-gradient(180deg, rgba(15,2,5,.96) 0%, rgba(15,2,5,.90) 75%, rgba(15,2,5,.78) 100%);
  box-shadow:0 10px 18px -10px rgba(0,0,0,.65);
}
.fjp{
  flex:1 1 0;min-width:0;
  position:relative;border-radius:12px;padding:9px 12px 8px;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;gap:2px;
  background:linear-gradient(180deg,#3a0812 0%,#1b0308 100%);
  border:2px solid var(--arany-sot);
  box-shadow:inset 0 1px 0 rgba(255,225,160,.30), 0 6px 18px rgba(0,0,0,.55);
}
.fjp::before{
  content:'';position:absolute;inset:0;opacity:.30;
  background:radial-gradient(85% 120% at 50% 0%, var(--fjpszin) 0%, transparent 62%);
}
/* szinek a css/jatek.css --sz-grand/--sz-major ertekeivel egyeznek, hogy a
   ket jatek jackpot-latvanya egy csaladba tartozzon. */
.fjp-grand{--fjpszin:#ff2f3d}
.fjp-major{--fjpszin:#b45cff}
.fjp-nev{
  position:relative;font-family:'Cinzel',Georgia,serif;font-weight:800;
  letter-spacing:.16em;font-size:14px;color:var(--fjpszin);
  text-shadow:0 0 12px color-mix(in srgb, var(--fjpszin) 70%, transparent);
}
.fjp-grand .fjp-nev{font-size:17px}
.fjp-ertek{
  position:relative;font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:26px;line-height:1.05;
  background:linear-gradient(180deg,#fff6d2 0%,#f6c33c 55%,#c98a08 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-variant-numeric:tabular-nums;
}
.fjp-grand .fjp-ertek{font-size:32px}
.fjp-hint{
  position:relative;font-size:10px;letter-spacing:.02em;
  color:rgba(255,230,200,.62);text-align:center;line-height:1.15;
}
/* ------------------------------------------------------------- fejlec */
/* A KOZEPRE igazitott `.jatek-nev` cim a jobb felso sarok-savval utkozik
   480px alatt (Playwright, kartya 852f4e2d: 390px-en 491px2 fedes, 430px-en
   172px2, 500px-en mar 0). A cim NEM sticky, tehat eleg egy sima margin-top
   a `.jobb-felso` magassaganak (85px ezen a lapon) plusz 8px tartalek
   erejeig.
   Allapot-fuggo szelektor, NEM feltetlen margin (kartya
   furtos-mobil-ures-fejresz-0906, Zoltan meres 390px-en): ha a
   `.furtos-jackpot-sav` LATSZIK, a sav sajat margin-top:93px-je (fentebb)
   mar lehuzta a tartalmat a `.jobb-felso` sarok-doboz alol, tehat a fejlec
   kulon 93px-je egy MASODIK, felesleges helytartas lenne pont a
   jackpot-dobozok plusz a cim koze. A sav lathatosagat a furtos.js
   furtosJackpotSavFrissit() a `[hidden]` attributummal vezerli, ezert a CSS
   ezt koveti ahelyett, hogy uj, kezzel szamolt keppont-erteket vezetne be. */
@media (max-width:480px){
  .furtos-jackpot-sav[hidden] + .fejlec{margin-top:93px}
  .furtos-jackpot-sav:not([hidden]) + .fejlec{margin-top:0}
}
.fejlec{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.jatek-nev{
  font-family:'Cinzel',Georgia,serif;font-weight:800;letter-spacing:.22em;
  font-size:clamp(23px,5.6vw,40px);line-height:1.1;
  background:linear-gradient(180deg,#fff6d2 0%,#f6c33c 52%,#a86f04 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 34px rgba(246,195,60,.22);
  min-height:1.1em;
}
.jelvenyek{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.jelveny{
  display:inline-flex;align-items:baseline;gap:7px;padding:5px 12px;border-radius:20px;
  background:linear-gradient(180deg,rgba(74,10,22,.92),rgba(26,3,8,.92));
  border:1px solid rgba(246,195,60,.34);
  box-shadow:inset 0 1px 0 rgba(255,225,160,.16), 0 4px 14px rgba(0,0,0,.45);
}
.jelveny-cimke{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--halvany)}
.jelveny-ertek{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;
  color:var(--arany-vil);letter-spacing:.04em;font-variant-numeric:tabular-nums;
}

/* ------------------------------------------------------------ hiba-sav */
.hiba-sav{
  border-radius:10px;padding:9px 13px;font-size:13px;line-height:1.45;
  background:rgba(102,10,18,.75);border:1px solid rgba(255,110,110,.5);
  color:#ffd9d4;box-shadow:0 6px 18px rgba(0,0,0,.45);
}
.hiba-sav.megjegyzes{
  background:rgba(74,44,4,.7);border-color:rgba(246,195,60,.5);color:#ffeec2;
}

/* ---------------------------------------------------------------- gep */
.gep{
  position:relative;border-radius:20px;padding:14px 16px 13px;
  background:linear-gradient(180deg,#4a0a16 0%,#2a0509 55%,#1c0307 100%);
  border:3px solid transparent;background-origin:border-box;
  box-shadow:0 20px 46px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,220,160,.18);
}
.gep::before{                                   /* arany keret-szalag */
  content:'';position:absolute;inset:-3px;border-radius:20px;padding:3px;z-index:0;
  background:linear-gradient(160deg,#ffeaa0,#c98a08 32%,#7a4d05 55%,#ffd76a 78%,#8a5a06);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.szabaly-mondat{font-size:11.5px;color:var(--halvany);line-height:1.35;text-align:right;flex:1 1 180px}

/* -------------------------------------------------------------- a racs */
.racs-keret{
  position:relative;border-radius:14px;padding:9px;
  background:linear-gradient(180deg,#080103 0%,#160208 100%);
  border:2px solid var(--arany-sot);
  box-shadow:inset 0 0 44px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,214,120,.16);
  overflow:hidden;
}
.racs{
  display:grid;grid-template-columns:repeat(var(--oszlopok),minmax(0,1fr));
  gap:5px;position:relative;z-index:1;
  max-width:calc(var(--oszlopok) * var(--cella-max));margin:0 auto;
}
.furtos-mezo{
  position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;
  background:linear-gradient(180deg,#25060e 0%,#0f0206 62%,#1c040a 100%);
  box-shadow:inset 0 0 0 1px rgba(246,195,60,.12), inset 0 8px 16px rgba(0,0,0,.7);
  display:flex;align-items:center;justify-content:center;
}
.furtos-mezo .jel{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;
}
.furtos-mezo .jel svg{
  width:78%;height:78%;filter:drop-shadow(0 3px 5px rgba(0,0,0,.7));
  animation:jel-erkezik 260ms cubic-bezier(.2,1.5,.5,1);
}
.furtos-mezo.erkezik .jel svg{animation:jel-esik 300ms cubic-bezier(.25,.9,.3,1)}
@keyframes jel-erkezik{from{transform:scale(.72);opacity:0}to{transform:none;opacity:1}}
@keyframes jel-esik{from{transform:translateY(-160%)}to{transform:none}}

.furtos-mezo.talalat{
  box-shadow:inset 0 0 0 2px var(--arany), 0 0 20px rgba(246,195,60,.55);
  background:linear-gradient(180deg,#5a2004 0%,#2a0a06 70%);
  animation:mezo-lukt 460ms ease-in-out 2;
}
@keyframes mezo-lukt{0%,100%{filter:brightness(1)}50%{filter:brightness(1.55)}}
.furtos-mezo.tunik .jel{animation:jel-tunik 240ms ease-in forwards}
@keyframes jel-tunik{to{transform:scale(.25) rotate(16deg);opacity:0}}

/* mega-elem (4x4/5x5+ blokk) -- kartya f8072f7c a motorban, Lead brief
   msg_id 31576, 2026-09-01. A jatek.css `.cella.mega-blokk .tile` szabalya
   a Furtos racsan SOHA nem talalna celba (itt a cella maga a `.furtos-mezo`,
   nincs kulon `.tile` gyerek) -- Kai lelete, latvanyterv masodik kor
   (store/furtos-mega-latvany-0901/jelentes-0901-r2-egyjelu.md), ezert sajat,
   IDE portolt szabaly, UGYANAZOKKAL az rgba ertekekkel, mint jatek.css
   `.cella.mega-blokk .tile`-ja. */
.furtos-mezo.mega-blokk{
  background:linear-gradient(180deg,rgba(255,79,216,.30),rgba(120,10,90,.28));
  box-shadow:inset 0 0 0 1px rgba(255,79,216,.35), 0 0 16px rgba(255,79,216,.35);
}
/* Zoltán 2026-09-02 (brief-kaszi-bell-link-ot-hiba-0902.md, 1. tétel, ELSŐ
   kör bukott, Lead lelete): "a jel nem tölti ki a blokk területét... a
   cellahatárok végig látszanak a kereten belül". Az első verzió csak a
   kis ikonokat rejtette el (`.jel{visibility:hidden}`), a cellák SAJÁT
   háttere/box-shadow-ja meg a köztük lévő `.racs{gap:5px}` rés így is
   látszott -- 25 elkülönülő csempe maradt, üres kerettel a közepén egy
   apró ikonnal. JAVÍTÁS: a `.mega-keret` mostantól TELJESEN OPAK hátteret
   kap (a tint-osztály felesleges alá kerül, nem törölve, mert a
   `.mega-blokk` osztály a kis ikon elrejtéséhez továbbra is kell) -- a
   keret pontosan a mega-mezők külső határáig ér (furtos.js
   `megaBlokkJelol()` getBoundingClientRect-számítása), tehát az opak
   háttér PONTOSAN eltakarja az alatta lévő cellahatárokat/réseket, a
   blokk EGYETLEN összefüggő felületnek látszik. A jel mérete 52%-ról
   90%-ra nőtt (a MÉRCE: a keret belső méretének legalább 85%-a). */
.furtos-mezo.mega-blokk .jel{visibility:hidden}
.mega-keret{
  position:absolute;pointer-events:none;z-index:2;border-radius:12px;
  background:linear-gradient(180deg,#3a0a2c 0%,#1c0416 100%);
  box-shadow:inset 0 0 0 3px var(--sz-mega), 0 0 34px rgba(255,79,216,.65);
  animation:mega-keret-lukt 900ms ease-in-out infinite;
  display:flex;align-items:center;justify-content:center;
}
.mega-keret .mega-jel{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;
}
.mega-keret .mega-jel svg{
  width:90%;height:90%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.75));
  animation:jel-erkezik 260ms cubic-bezier(.2,1.5,.5,1);
}
@keyframes mega-keret-lukt{
  0%,100%{box-shadow:inset 0 0 0 3px var(--sz-mega), 0 0 34px rgba(255,79,216,.55)}
  50%{box-shadow:inset 0 0 0 4px var(--sz-mega), 0 0 54px rgba(255,79,216,.85)}
}
.mega-keret::before{
  content:'MEGA';position:absolute;left:50%;top:-14px;transform:translateX(-50%);
  font-family:'Cinzel',serif;font-weight:800;font-size:15px;letter-spacing:.18em;
  color:#fff0fb;text-shadow:0 1px 0 #000,0 0 10px rgba(255,79,216,.9);
  background:rgba(20,2,16,.85);padding:2px 12px;border-radius:8px;
  box-shadow:inset 0 0 0 1px var(--sz-mega);white-space:nowrap;
}

/* alvo mezo: az elso porgetes elotti dekoracio, nem jatek-allapot */
.furtos-mezo.alvo{background:linear-gradient(180deg,#1d050b 0%,#0b0205 62%,#160309 100%)}
.furtos-mezo.alvo .jel svg{
  opacity:.34;filter:grayscale(.35) drop-shadow(0 2px 4px rgba(0,0,0,.6));
  animation:alvo-leleg 4.2s ease-in-out infinite;
}
@keyframes alvo-leleg{0%,100%{opacity:.24}50%{opacity:.44}}

/* mezonkenti szorzo-szint: a szint a MEZON marad, nem a jelen */
.furtos-mezo .szorzo-jelzo{
  position:absolute;right:3px;top:3px;z-index:3;min-width:20px;padding:1px 4px;
  border-radius:7px;font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:12px;line-height:1.25;text-align:center;color:#1a0308;
  background:linear-gradient(180deg,#fff6d2,#f6c33c 55%,#c98a08);
  box-shadow:0 2px 6px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.6);
  font-variant-numeric:tabular-nums;
}
.furtos-mezo.szorzos{box-shadow:inset 0 0 0 1px rgba(246,195,60,.45), inset 0 8px 16px rgba(0,0,0,.7)}
.furtos-mezo .szorzo-jelzo.no{animation:szorzo-no 380ms cubic-bezier(.2,1.7,.4,1)}
@keyframes szorzo-no{0%{transform:scale(.4)}55%{transform:scale(1.45)}100%{transform:none}}

/* lebego kaszkad-visszajelzes a racs felett */
.lebego-reteg{
  position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;
  pointer-events:none;
}
.lebego-cimke{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:clamp(28px,7vw,52px);line-height:1;letter-spacing:.02em;
  padding:6px 22px;border-radius:16px;
  background-color:rgba(8,1,3,.82);
  box-shadow:0 0 0 1px rgba(246,195,60,.4), 0 10px 30px rgba(0,0,0,.7);
  background-image:linear-gradient(180deg,#fff6d2,#f6c33c 55%,#c98a08);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:lebeg 780ms ease-out forwards;
}
/* a szorzo, HA egyaltalan kiirjuk: a kiirt osszeg ALATT, jelentosen kisebb
   betuvel -- Zoltan: "az osszeg menjen ki, a szorzo legfeljebb melle,
   kisebben". Sajat halvany hatterrel, hogy ne olvadjon a fo cimke ala. */
.lebego-cimke-masodlagos{
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:clamp(13px,2.6vw,18px);color:rgba(255,214,120,.78);letter-spacing:.03em;
  padding:1px 12px;border-radius:9px;background-color:rgba(8,1,3,.7);
  animation:lebeg 780ms ease-out forwards;
}
@keyframes lebeg{
  0%{transform:translateY(16px) scale(.7);opacity:0}
  22%{transform:none;opacity:1}
  70%{transform:translateY(-10px);opacity:1}
  100%{transform:translateY(-30px);opacity:0}
}

/* Nagy/hatalmas nyeremeny -- kulon banner plusz keret-razas (Lead brief,
   2026-09-02, kartya 3832bc76: "Furtos, nagy nyeremenynel animacio plusz
   hanghatas", ugyanaz a kuszob mint a Bell Linken). A `.racs-keret`
   overflow:hidden-je vagja le a szeleit, a `.lebego-reteg`-gel azonos
   mintaju kozepre-igazitas, csak MAGASABB z-index (a lebego felett all,
   mert a nagy nyeremeny fontosabb kozles). */
.furtos-nagy-nyeremeny{
  position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:6px;text-align:center;
  pointer-events:none;background:rgba(10,1,4,.55);
  animation:fnny-be 260ms cubic-bezier(.2,1.6,.4,1);
}
.furtos-nagy-nyeremeny.fnny-hatalmas{background:rgba(15,1,6,.7)}
.fnny-cim{
  font-family:'Cinzel',Georgia,serif;font-weight:800;letter-spacing:.14em;
  font-size:22px;color:#fff0d2;text-shadow:0 0 18px rgba(246,195,60,.85),0 2px 2px #000;
}
.furtos-nagy-nyeremeny.fnny-hatalmas .fnny-cim{font-size:28px;color:#ffe27a}
.fnny-osszeg{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:34px;
  background:linear-gradient(180deg,#fff6d2 0%,#f6c33c 55%,#c98a08 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-variant-numeric:tabular-nums;
}
@keyframes fnny-be{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.racs-keret.fnny-razas{animation:fnny-razas 420ms ease-in-out}
@keyframes fnny-razas{
  0%,100%{transform:translate(0,0)}
  20%{transform:translate(-4px,2px)}
  40%{transform:translate(4px,-2px)}
  60%{transform:translate(-3px,1px)}
  80%{transform:translate(3px,-1px)}
}
@media (prefers-reduced-motion:reduce){
  .furtos-nagy-nyeremeny{animation:none}
  .racs-keret.fnny-razas{animation:none}
}

/* Felix, 2. tetel M4: a feltetelezett vegkifizetes a Szorzo doboz alatt,
   kisebb betuvel -- az elotag ("Ha itt megall:") a szovegben magaban van,
   ld. js/furtos.js hamegallKiir(). */
.doboz-szorzo-hamegall{
  display:block;font-size:10.5px;color:var(--halvany);margin-top:2px;
  line-height:1.3;font-variant-numeric:tabular-nums;
}

/* ------------------------------------------------- eredmeny, allapotsor */
.eredmeny-sor{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px}
.allapotsor{display:grid;grid-template-columns:1fr 1.5fr auto;gap:9px;align-items:stretch;margin-top:9px}
.doboz{
  border-radius:11px;padding:7px 11px 8px;min-width:0;
  background:linear-gradient(180deg,rgba(12,2,5,.85),rgba(30,5,12,.85));
  border:1px solid rgba(246,195,60,.24);
  box-shadow:inset 0 1px 0 rgba(255,225,160,.12);
  display:flex;flex-direction:column;gap:1px;
}
.cimke{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--halvany)}
.ertek{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:23px;
  color:#fff2cf;font-variant-numeric:tabular-nums;line-height:1.15;
  overflow-wrap:anywhere;
}
.doboz-szorzo .ertek{color:var(--arany-vil)}
.doboz-nyeremeny .ertek.nyert{color:var(--arany);text-shadow:0 0 16px rgba(246,195,60,.6)}
.doboz-nyeremeny.nyert{border-color:rgba(246,195,60,.7);box-shadow:0 0 22px rgba(246,195,60,.28)}
/* Legutóbbi valódi nyeremény, kártya jatek-kijelzo-ket-teteal-0906, 1. tétel
   -- ugyanaz a minta, mint a .doboz-szorzo-hamegall (apró, halvány sor a fő
   érték alatt, a doboz saját flex-column-ján belül). */
.doboz-nyeremeny-utolso{
  display:block;font-size:9.5px;color:var(--halvany);opacity:.75;margin-top:2px;
  line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}

/* --------------------------------------------------------- tét-csúszka */
/* Port a Bell Link (css/jatek.css .tet-csuszka*) mintájából -- a furtos.html
   NEM tölti be a jatek.css-t, ezért a stílus ide is kell, nem elég a
   máshol már létező szabály. A hét-zseton-gomb (.tet-gomb, 2026-08-30) ezt
   torlodott mobilon két sorba, ami feltolta a szimbólum-rácsot a képből
   (Zoltán, 2026-09-01) -- innen a csere. */
.tet-csuszka-sor{display:flex;align-items:center;gap:9px;min-width:0;margin-top:5px}
.tet-csuszka{
  -webkit-appearance:none;appearance:none;flex:1;min-width:64px;height:26px;
  background:transparent;cursor:pointer;touch-action:pan-x;
}
.tet-csuszka::-webkit-slider-runnable-track{
  height:6px;border-radius:999px;
  background:linear-gradient(90deg,#8a5a06,#f6c33c);
  border:1px solid rgba(246,195,60,.35);
}
.tet-csuszka::-moz-range-track{
  height:6px;border-radius:999px;
  background:linear-gradient(90deg,#8a5a06,#f6c33c);
  border:1px solid rgba(246,195,60,.35);
}
.tet-csuszka::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;
  border-radius:50%;cursor:grab;
  background:linear-gradient(180deg,#ffe28a,#e0a316);
  border:2px solid #fff0bd;box-shadow:0 0 10px rgba(246,195,60,.6), 0 2px 4px rgba(0,0,0,.5);
}
.tet-csuszka::-moz-range-thumb{
  width:24px;height:24px;border-radius:50%;cursor:grab;border:none;
  background:linear-gradient(180deg,#ffe28a,#e0a316);
  border:2px solid #fff0bd;box-shadow:0 0 10px rgba(246,195,60,.6), 0 2px 4px rgba(0,0,0,.5);
}
.tet-csuszka:active::-webkit-slider-thumb{cursor:grabbing}
.tet-csuszka:focus-visible::-webkit-slider-thumb{outline:2px solid #fff2cf;outline-offset:2px}
.tet-csuszka:disabled{filter:saturate(.35) brightness(.72);cursor:default}
.tet-csuszka:disabled::-webkit-slider-thumb{cursor:default}
.tet-csuszka:disabled::-moz-range-thumb{cursor:default}
.tet-csuszka-ertek{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;
  color:#ffe28a;white-space:nowrap;min-width:2.5em;text-align:right;
  font-variant-numeric:tabular-nums;
}

.porget{
  cursor:pointer;border:none;border-radius:13px;padding:10px 22px;min-width:132px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  color:#2a1200;background:linear-gradient(180deg,#ffeaa0 0%,#f6c33c 46%,#c98a08 100%);
  box-shadow:0 5px 0 #6d4402, 0 12px 22px rgba(0,0,0,.5);
  transition:transform 90ms, box-shadow 90ms;
  /* Nyomva tartott pörgetés (furtos.js, furtosPorgetHoldBekot) -- lásd jatek.css ugyanezt. */
  touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
}
.porget:active{transform:translateY(4px);box-shadow:0 2px 0 #6d4402,0 6px 14px rgba(0,0,0,.5)}
.porget:disabled{filter:saturate(.35) brightness(.72);cursor:default}
.porget-felirat{font-family:'Cinzel',serif;font-weight:800;letter-spacing:.10em;font-size:16px}
.porget-tet{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;opacity:.8;font-variant-numeric:tabular-nums}

/* -------------------------------------------------------- fizetesi tabla */
/* 2026-09-01: a .tabla-panel plusz .panel-cim (a lap tetejen allo nyitott
   szakasz kerete/cime) torolve -- a tabla a #furtosSzabalyzatLap
   .info-doboz-ba koltozott, sajat keret nelkul, a Kaszi Bell mintaja
   szerint (index.html #infoLap .kkp-root ugyanigy keret nelkul all). */
.tabla{display:flex;flex-direction:column;gap:10px}
.tabla-tier{
  display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;
  padding:9px 10px;border-radius:11px;
  background:linear-gradient(180deg,rgba(10,2,5,.7),rgba(28,5,11,.7));
  border-left:3px solid var(--tsz);
}
.tabla-tier[data-tier="also"]{--tsz:var(--tier-also)}
.tabla-tier[data-tier="felso"]{--tsz:var(--tier-felso)}
.tabla-tier[data-tier="premium"]{--tsz:var(--tier-premium)}
.tt-jelek{display:flex;gap:4px;align-items:center}
.tt-jelek svg{width:30px;height:30px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}
.tt-sorok{display:flex;flex-wrap:wrap;gap:5px}
.tt-sor{
  display:inline-flex;align-items:baseline;gap:6px;padding:3px 8px;border-radius:7px;
  background:rgba(0,0,0,.42);box-shadow:inset 0 0 0 1px rgba(246,195,60,.14);
  font-variant-numeric:tabular-nums;
}
.tt-meret{font-size:11px;color:var(--halvany);letter-spacing:.04em}
.tt-szorzo{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;color:#fff2cf}
.labjegyzet{margin-top:10px;font-size:11.5px;color:var(--halvany);line-height:1.5}
.furtos-tabla-tet-szoveg{margin-top:6px;margin-bottom:0}

/* ---------------------------------------------------- asztali magassag
   (Zoltan TG 32800, kartya af62d1b1: "legyen kisebb asztalin a jatekter,
   hogy lassam a jackpotot es a kreditemet is"). A 6x6-os racs onmagaban
   660px (6 * 110px cella-max), a korulotte allo jackpot-sav plusz egyenleg-
   sor MERT osszmagassaga 1280x720-on kb. 467px -- lasd JELENTES-asztali-
   layout-af62d1b1-0903.md. A --cella-max innentol a lathato ablakmagassaghoz
   igazodik, also hatara a 110px-es eredeti meret (1920x1080+ kepernyon nem
   zsugorodik). */
@media (min-width:641px){
  :root{--cella-max:min(110px, calc((100vh - 480px) / 6))}
}

/* --------------------------------------------------------------- mobil */
@media (max-width:640px){
  body{padding:9px}
  :root{--cella-max:70px}
  .furtos-jackpot-sav{gap:7px}
  .fjp{padding:7px 8px 6px}
  .fjp-nev{font-size:11px}
  .fjp-grand .fjp-nev{font-size:13px}
  .fjp-ertek{font-size:20px}
  .fjp-grand .fjp-ertek{font-size:24px}
  .fjp-hint{font-size:9px}
  .gep{padding:10px 10px 10px;border-radius:16px}
  .racs{gap:4px}
  .racs-keret{padding:6px;border-radius:11px}
  .furtos-mezo{border-radius:7px}
  .furtos-mezo .szorzo-jelzo{right:2px;top:2px;font-size:10px;min-width:16px;padding:0 3px;border-radius:5px}
  .szabaly-mondat{text-align:left;flex-basis:100%;font-size:11px}
  .eredmeny-sor{gap:6px}
  .doboz{padding:6px 8px 7px;border-radius:9px}
  .ertek{font-size:18px}
  .eredmeny-sor .cimke{font-size:9px;letter-spacing:.1em}
  .allapotsor{grid-template-columns:1fr 1fr;gap:7px}
  .doboz-tet{grid-column:1 / -1;order:3}
  .porget{grid-column:1 / -1;order:4;width:100%;min-height:54px;flex-direction:row;gap:10px;align-items:baseline}
  .tabla-tier{grid-template-columns:1fr;gap:7px}
  .tt-jelek svg{width:26px;height:26px}
  .jelvenyek{gap:6px}
  .jelveny{padding:4px 10px}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important}
}

/* kepernyokep-mod: minden animacio megall a csucsponton */
html.fagyasztva *,html.fagyasztva *::before,html.fagyasztva *::after{
  animation-play-state:paused !important;transition:none !important;
}

/* ============================================================
   2026-08-30: menusor (szabalyzat / automata / napi kuldetes),
   plusz az info-lap altalanos alakja -- ATVETVE a css/jatek.css
   azonos-nevu (a --halvany, --arany stb. valtozok itt is leteznek)
   szabalyaibol, hogy a ket jatek felulete egy csaladba tartozzon.
   ============================================================ */
.bonusz-vasarlas-sor{margin-top:10px;display:flex;justify-content:center}
.bonusz-vasarlas-gomb{
  border:1px solid var(--arany-sot);border-radius:10px;cursor:pointer;padding:8px 18px;
  display:flex;align-items:center;gap:10px;background:rgba(246,195,60,.08);
  color:var(--arany-vil);font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:14px;transition:background 120ms ease;
}
.bonusz-vasarlas-gomb:hover{background:rgba(246,195,60,.16)}
.bonusz-vasarlas-gomb:disabled{filter:saturate(.4) brightness(.7);cursor:default}
.bv-ar{font-weight:700;color:var(--arany);font-variant-numeric:tabular-nums}

/* MEGA-BONUSZ vasarlas gomb (2026-09-02, Lead brief 3. pontja): a `--sz-mega`
   (#ff4fd8) ugyanaz a szin, mint a mega-blokk kerete a tekercsen (lasd fent
   `.mega-keret`) -- a gomb igy vizualisan is a mega-elemhez kotodik, nem
   tevesztheto ossze a sima szorzo-mezo-vasarlassal. */
.mega-vasarlas-sor{margin-top:8px}
.mega-vasarlas-gomb{
  border-color:var(--sz-mega);background:rgba(255,79,216,.10);color:#ffd9f4;
}
.mega-vasarlas-gomb:hover{background:rgba(255,79,216,.20)}
.mega-vasarlas-gomb .bv-ar{color:var(--sz-mega)}

.furtos-menusor{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:4px}

/* Volatilitas-valaszto (kartya e0062e5e, 2026-09-01) -- a jatekkepernyon,
   "nem baj ha gorgetni kell hozza". */
.volatilitas-valaszto{margin-top:14px;text-align:center}
.volatilitas-cimke{display:block;font-size:11px;letter-spacing:.06em;color:var(--halvany);
  text-transform:uppercase;margin-bottom:6px}
.volatilitas-gombsor{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.volatilitas-gomb{
  flex:1 1 110px;max-width:150px;display:flex;flex-direction:column;gap:2px;
  padding:8px 10px;border-radius:10px;border:1px solid rgba(246,195,60,.28);
  background:rgba(38,6,12,.55);color:var(--halvany);cursor:pointer;font:inherit;
}
.volatilitas-gomb:hover{border-color:rgba(246,195,60,.55)}
.volatilitas-gomb.aktiv{border-color:var(--arany);background:rgba(246,195,60,.14);color:#fff}
.volatilitas-gomb .vol-nev{font-weight:700;font-size:12.5px}
.volatilitas-gomb .vol-alcim{font-size:10px;opacity:.75}
.volatilitas-gomb[disabled]{opacity:.5;cursor:default}

/* RTP-jelzés, alul, kicsiben -- UGYANAZ a stílus, mint js/jatek.css .rtp-jelzes
   (10. pont, 2026-08-30): egységes hely mindhárom játék-lapon. */
.rtp-jelzes{
  margin-top:8px;text-align:center;font-size:10px;letter-spacing:.04em;
  color:var(--halvany);opacity:.62;
}

.info-nyit{background:none;border:none;cursor:pointer;font:inherit;text-decoration:underline;
  text-underline-offset:2px;padding:2px;color:var(--halvany)}
.info-nyit:hover{color:var(--arany)}

.info-lap{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;
  background:rgba(6,2,4,.72);padding:16px}
.info-doboz{width:min(420px,100%);max-height:80vh;overflow:auto;border-radius:14px;
  background:linear-gradient(180deg,#26060c,#170308);border:1px solid rgba(246,195,60,.35);
  box-shadow:0 20px 60px rgba(0,0,0,.6);padding:16px 18px}
.info-fej{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.info-fej strong{font-family:'Cinzel',serif;letter-spacing:.06em;color:var(--arany);font-size:16px}
.info-zar{background:none;border:none;color:#ffe9b8;font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}
.info-zar:hover{color:var(--arany)}
.info-szabaly-sor{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid rgba(246,195,60,.14);
  font-size:13px;line-height:1.5;color:#fff2cf}
.info-szabaly-sor:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.info-szabaly-sor b{color:var(--arany)}
.info-szabaly-sor.aktiv{color:#fff2cf;background:rgba(246,195,60,.08);border-radius:8px;
  padding:8px 10px;margin:0 -10px 12px;border-bottom:none}

/* --------------------------------------------------------- napi kuldetes */
.kifizetes-ures{color:var(--halvany);font-size:13px;text-align:center;margin:6px 0}
.kifizetes-info{font-size:12px;color:var(--halvany);line-height:1.5;margin:0}
.kifizetes-lista{display:flex;flex-direction:column;gap:8px}

/* ------------------------------------------------------------ ranglista
   (12. pont, 2026-08-30) -- UGYANAZ a stílus, mint js/jatek.css. */
.rl-sor{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;
  border-bottom:1px solid rgba(246,195,60,.14);font-size:13px}
.rl-sor:last-child{border-bottom:none}
.rl-hely{color:var(--halvany);font-size:11px;min-width:20px}
.rl-nev{font-weight:700;color:#fff2cf;flex:1}
.rl-szorzo{font-weight:700;color:#ffe07a;font-variant-numeric:tabular-nums}

/* -------------------------------------------------- jackpot-nyertesek
   (kártya 1f60731b, 2026-09-02; KÖZÖS lista 2026-09-04) -- UGYANAZ a stílus,
   mint js/jatek.css, a `.jn-kod`/`.jn-jatszd` (visszajátszás-gomb) NÉLKÜL:
   a Fürtösnek nincs pörgetés-visszajátszó felülete, ott a szerver mindig
   `kod:null`-t ad, a kliens nem rajzol gombot. A `.jn-szint.mini/.minor`
   ide is kell, mert a közös listán Bell-sor is megjelenhet. */
.info-doboz-szeles{width:min(900px,100%)}
.jn-sor{display:flex;align-items:center;gap:10px;font-size:13px;padding:9px 0;flex-wrap:wrap;
  border-bottom:1px solid rgba(246,195,60,.10)}
.jn-sor:last-child{border-bottom:none}
.jn-datum{color:var(--halvany);font-size:11px;min-width:118px}
.jn-nev{font-weight:700;color:#fff2cf}
.jn-jatek{font-size:10px;color:var(--halvany);text-transform:uppercase;letter-spacing:.04em;
  padding:1px 7px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}
.jn-szintek{display:inline-flex;gap:4px;flex-wrap:wrap}
.jn-szint{padding:1px 7px;border-radius:20px;font-size:10px;letter-spacing:.06em;font-weight:700}
.jn-szint.mini{color:#cdeeff;background:rgba(56,182,255,.16);border:1px solid rgba(56,182,255,.45)}
.jn-szint.minor{color:#b6f5cf;background:rgba(52,217,122,.16);border:1px solid rgba(52,217,122,.45)}
.jn-szint.major{color:#e7d1ff;background:rgba(196,136,255,.16);border:1px solid rgba(196,136,255,.45)}
.jn-szint.grand{color:#ffd0d4;background:rgba(255,47,61,.16);border:1px solid rgba(255,47,61,.45)}
.jn-osszeg-oszlop{flex:1;display:flex;flex-direction:column;align-items:flex-end;min-width:90px}
.jn-osszeg{font-weight:700;color:#ffe07a;font-variant-numeric:tabular-nums}
.jn-osszeg-cimke{font-size:10px;color:var(--halvany)}

/* --------------------------------------------------- napi szerencsekerék
   (kártya 874d1b8a, 2026-09-01) -- UGYANAZ a szabály, mint js/jatek.css:
   a .kerek-korlap egyetlen elem, amit a Web Animations API forgat, lásd
   js/furtos.js kerekForgat(). A --kerek-meret 390px-en is elfér (min(420px,
   100%) info-doboz, 12-14px padding). */
.kerek-keret{position:relative;width:clamp(150px,42vw,210px);aspect-ratio:1;margin:14px auto 6px}
.kerek-korlap{position:absolute;inset:0;border-radius:50%;transform:rotate(0deg);
  border:4px solid rgba(246,195,60,.55);
  box-shadow:0 8px 26px rgba(0,0,0,.55), inset 0 0 0 2px rgba(0,0,0,.35)}
.kerek-cimke{position:absolute;font-family:'Barlow Condensed',sans-serif;font-weight:800;
  font-size:clamp(10px,3.4vw,13px);color:#fff6d2;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap}
.kerek-mutato{position:absolute;left:50%;top:-13px;transform:translateX(-50%);width:0;height:0;
  border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:16px solid var(--arany);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));z-index:3}
.kerek-kozep{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22%;height:22%;
  border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe6a0,#c98a08 65%,#7a4d02);
  border:2px solid rgba(0,0,0,.4);box-shadow:0 3px 8px rgba(0,0,0,.5);z-index:2}
/* A gomb 44x44px alatti erintheto terulete a fooldalon szamitott hiba lett
   volna (kártya 874d1b8a MERCE 6. pont) -- min-height:44px zarja ki, ugyanaz
   a fix, mint a jatek.css sajat kerek-porget masolatan. */
.kerek-porget{display:block;margin:12px auto 0;font-family:'Cinzel',serif;font-weight:800;letter-spacing:.06em;
  font-size:14px;padding:12px 26px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,.25);
  background:linear-gradient(180deg,#f6c33c,#c98a08);color:#2c0710;min-height:44px}
.kerek-porget:disabled{filter:saturate(.35) brightness(.72);cursor:default}
.kerek-eredmeny{margin-top:14px;text-align:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:22px;color:#fff6d2;text-shadow:0 0 14px rgba(246,195,60,.7)}

.k-sor{display:flex;flex-direction:column;gap:5px;padding:9px 0;border-bottom:1px solid rgba(246,195,60,.14)}
.k-sor:last-child{border-bottom:none}
.k-fej{display:flex;align-items:center;justify-content:space-between;gap:10px}
.k-cim{font-weight:700;color:#fff2cf;font-size:13px}
.k-jutalom{font-size:11px;color:var(--halvany);white-space:nowrap}
.k-track{height:8px;border-radius:5px;background:rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px rgba(246,195,60,.2);overflow:hidden}
.k-toltes{height:100%;border-radius:5px;background:linear-gradient(90deg,#f6c33c,#c98a08);transition:width 240ms ease-out}
.k-toltes.k-kesz{background:linear-gradient(90deg,#3ee08a,#1f9c5a)}
.k-lab{font-size:11px;color:var(--halvany);display:flex;justify-content:space-between}
.k-felvesz{align-self:flex-start;border:1px solid rgba(62,224,138,.5);background:rgba(20,58,36,.6);
  color:#b6f5cf;border-radius:6px;padding:5px 12px;font:inherit;font-size:12px;cursor:pointer;font-weight:700}
.k-felvesz:hover{background:rgba(20,58,36,.9);color:#fff}
.k-felvesz:disabled{filter:saturate(.35) brightness(.72);cursor:default}

/* ------------------------------------------------------ automata porgetes */
.automata-urlap{display:flex;flex-direction:column;gap:10px}
.automata-sor{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff2cf}
.automata-sor span{flex:1}
.automata-sor input[type="checkbox"]{width:17px;height:17px;accent-color:#e0a316;flex:none}
.automata-sor input[type="number"]{width:84px;border-radius:8px;border:1px solid rgba(246,195,60,.35);
  background:#0e0206;color:#fff2cf;padding:6px 8px;font:inherit;font-size:14px}
.automata-sor input[type="number"]:disabled{opacity:.4}
.automata-gombsor{display:flex;gap:8px;margin-top:4px}
.automata-allapot{font-size:12px;color:var(--halvany);margin:6px 0 0;min-height:16px}
.kifizetes-gomb{border:none;border-radius:8px;cursor:pointer;padding:8px 16px;font:inherit;
  font-weight:700;letter-spacing:.04em;color:#2a1200;
  background:linear-gradient(180deg,#ffe07a 0%,#e8a516 40%,#a76c04 100%)}
.kifizetes-gomb:disabled{filter:saturate(.35) brightness(.72);cursor:default}
.kifizetes-visszavon{border:1px solid rgba(255,80,80,.45);background:rgba(58,8,18,.6);
  color:#ffb4b4;border-radius:6px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer}
.kifizetes-visszavon:hover{background:rgba(58,8,18,.9);color:#fff}

.automata-futas{position:fixed;left:12px;bottom:12px;z-index:40;display:flex;
  align-items:center;gap:8px;padding:8px 10px;border-radius:10px;
  background:rgba(20,4,8,.85);border:1px solid rgba(246,195,60,.35);
  font-size:12px;color:#fff2cf}
.automata-futas span{white-space:nowrap}
.automata-futas button{cursor:pointer;padding:5px 10px;border-radius:6px;
  font-size:12px;font-weight:600;background:#7a1620;color:#ffe6b0;
  border:1px solid rgba(255,120,120,.4)}
.automata-futas button:hover{background:#931a26}

/* --------------------------------------------------- nyeremény-duplázás
   (2026-09-01, kártya konyvhirdetes-15-vs-3-attribucio-0823 brief), a Kaszi
   Bell css/jatek.css `.duplazas-*` szabályainak pontos másolata -- a Fürtös
   SAJÁT css-fájlt tölt be (nem a jatek.css-t), ezért ide is kell. */
.duplazas-kassza{font-size:13px;color:var(--halvany);margin:0 0 4px}
.duplazas-kassza b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:32px;color:#fff2cf;font-variant-numeric:tabular-nums;margin-top:2px}
.duplazas-kor{font-size:12px;color:var(--halvany);margin:0 0 14px}
/* A valasztas MAGAN A LEFORDITOTT LAPON tortenik (Zoltan TG 31926, kartya
   5470d5d2): a #furtosDuplazasPiros/#furtosDuplazasFekete <button>
   (furtos.js furtosDuplazasPopoverFuttat) ket nagy, felig-attetszo zonakent
   fedi a lap ket felet -- nem kulon gombsor alatta. A kartya-hat minta
   ugyanaz, mint a .bj-lap-rejtett. */
.duplazas-valaszto{position:relative;width:180px;height:118px;margin:2px auto 12px;
  border-radius:8px;overflow:hidden;
  background:repeating-linear-gradient(45deg,#8a5a06 0 6px,#6d4402 6px 12px);
  box-shadow:0 3px 9px rgba(0,0,0,.55), inset 0 0 0 2px rgba(246,195,60,.5)}
.duplazas-zona{position:absolute;top:0;bottom:0;width:50%;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font:inherit;
  font-family:'Cinzel',serif;font-weight:800;letter-spacing:.08em;font-size:14px;
  color:#fff2cf;text-shadow:0 1px 3px rgba(0,0,0,.7);transition:transform 90ms,filter 90ms}
.duplazas-zona:active{transform:scale(.97)}
.duplazas-zona:focus-visible{outline:3px solid #f6c33c;outline-offset:-3px;z-index:1}
.duplazas-zona-piros{left:0;background:linear-gradient(180deg,rgba(255,92,92,.82) 0%,rgba(200,27,27,.82) 55%,rgba(122,13,13,.82) 100%)}
.duplazas-zona-fekete{right:0;background:linear-gradient(180deg,rgba(90,90,90,.82) 0%,rgba(40,40,40,.82) 55%,rgba(10,10,10,.82) 100%)}
.duplazas-zona-piros:hover{filter:brightness(1.1)}
.duplazas-zona-fekete:hover{filter:brightness(1.25)}
.duplazas-eredmeny{font-size:13px;color:#fff2cf;line-height:1.5;margin:0 0 12px;
  padding:10px 12px;border-radius:8px;background:rgba(246,195,60,.08)}
.duplazas-veg-gombsor{display:flex;gap:8px;flex-wrap:wrap}

/* --------------------------------------------- Nyeremény-doboz 2x gomb
   PLUSZ kártyapakli-látvány (kártya <duplazas-nem-akaszt-0901>) -- a Kaszi
   Bell css/jatek.css pontos másolata (lásd ott a Zoltán-idézetet), mert a
   Fürtös saját css-fájlt tölt be. */
.nyeremeny-2x-gomb{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;margin-left:8px;border:none;border-radius:50%;cursor:pointer;
  font-family:'Cinzel',serif;font-weight:800;letter-spacing:.02em;font-size:14px;
  color:#fff2cf;background:linear-gradient(180deg,#ff5c5c 0%,#c81b1b 55%,#7a0d0d 100%);
  box-shadow:0 4px 10px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.12) inset;
  animation:nyeremeny-2x-lelegzik 1600ms ease-in-out infinite;
}
.nyeremeny-2x-gomb:hover{filter:brightness(1.08)}
@keyframes nyeremeny-2x-lelegzik{
  0%,100%{box-shadow:0 4px 10px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.12) inset, 0 0 0 0 rgba(200,27,27,.5)}
  50%{box-shadow:0 4px 10px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.12) inset, 0 0 0 6px rgba(200,27,27,0)}
}

.bj-lap{
  position:relative;width:52px;height:74px;border-radius:6px;
  background:linear-gradient(180deg,#fbf7ec,#eee5cf);
  box-shadow:0 3px 7px rgba(0,0,0,.55), inset 0 0 0 1px rgba(0,0,0,.12);
  display:flex;flex-direction:column;justify-content:space-between;padding:3px 4px;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
}
.bj-lap.bj-piros{color:var(--piros-lap)}
.bj-lap.bj-fekete{color:var(--fekete-lap)}
.bj-lap-rang{font-size:14px;line-height:1}
.bj-lap-szin-nagy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;line-height:1}
.bj-lap-rang.bj-lent{align-self:flex-end;transform:rotate(180deg)}
.bj-lap.bj-lap-kiraly{background:linear-gradient(180deg,#fff6d2,#f6c33c 42%,#eee5cf)}
.bj-lap-portre{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:36px;height:36px;border-radius:50%;object-fit:cover;
  border:2px solid var(--arany-sot);
  box-shadow:0 0 6px rgba(246,195,60,.55), inset 0 0 0 1px rgba(0,0,0,.4);
}
.bj-lap-rejtett{
  background:repeating-linear-gradient(45deg, #8a5a06 0 6px, #6d4402 6px 12px);
  box-shadow:0 3px 7px rgba(0,0,0,.55), inset 0 0 0 2px rgba(246,195,60,.5);
}

.duplazas-lap-terulet{display:flex;align-items:center;justify-content:center;
  min-height:118px;margin:2px 0 12px;perspective:600px}
.duplazas-pakli{display:flex}
.duplazas-pakli .bj-lap{margin-left:-38px}
.duplazas-pakli .bj-lap:first-child{margin-left:0}
.duplazas-pakli.keveredik .bj-lap{animation:duplazas-pakli-kever 700ms ease-in-out}
.duplazas-pakli.keveredik .bj-lap:nth-child(2){animation-delay:60ms}
.duplazas-pakli.keveredik .bj-lap:nth-child(3){animation-delay:120ms}
@keyframes duplazas-pakli-kever{
  0%{transform:translateX(0) rotate(0)}
  25%{transform:translateX(-7px) rotate(-5deg)}
  50%{transform:translateX(6px) rotate(4deg)}
  75%{transform:translateX(-4px) rotate(-2deg)}
  100%{transform:translateX(0) rotate(0)}
}
.duplazas-huzott-hely{margin-left:10px;min-width:52px;min-height:74px}
.duplazas-huzott-hely .bj-lap{animation:duplazas-lap-fordul 460ms ease}
@keyframes duplazas-lap-fordul{
  0%{transform:rotateY(85deg) scale(.88);opacity:.15}
  55%{transform:rotateY(0deg) scale(1.05);opacity:1}
  100%{transform:rotateY(0deg) scale(1)}
}
/* A sor MINDIG kint van, elso korben is (Zoltan TG 31926, kartya 5470d5d2:
   "legyen kint a korabbi utolso lapok sora") -- ures allapotban a
   duplazasElozmenyKiir() (furtos.js) egy halvany hely-jelolot rajzol bele
   helyette a `.duplazas-elozmeny:empty{display:none}` regi szabaly helyett,
   AZONOS foglalt magassaggal, hogy az elso lap megjelenesekor ne ugorjon a
   felulet. */
.duplazas-elozmeny{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;
  min-height:62px;margin:0 0 12px;padding-top:10px;border-top:1px solid rgba(246,195,60,.14)}
.duplazas-elozmeny .bj-lap{width:34px;height:48px;padding:2px 3px}
.duplazas-elozmeny .bj-lap-rang{font-size:9.5px}
.duplazas-elozmeny .bj-lap-szin-nagy{font-size:14px}
.duplazas-elozmeny .bj-lap-portre{width:20px;height:20px;border-width:1px}
.duplazas-elozmeny-helyjelolo{font-size:11px;color:var(--halvany);font-style:italic}
/* Elválasztó két duplázás-MENET lapjai között (Zoltán TG 32144, kártya
   7d6de538) -- a lánc most a lap-újratöltésig megmarad, ez teszi láthatóvá,
   melyik lapok tartoztak egy lánchoz. */
.duplazas-elozmeny-hatarolo{width:1px;height:38px;align-self:center;flex:none;
  background:repeating-linear-gradient(to bottom,rgba(246,195,60,.5) 0 4px,transparent 4px 8px);
  margin:0 2px}

@media (max-width:520px){
  .info-doboz{padding:12px 14px}
  .duplazas-kassza b{font-size:26px}
  /* MERCE 4. pont: 390px-en a ket kattintasi zona is 44px fole -- a
     kartya kisebb, de a fele meg mindig ~72x92px, bovel a minimum folott. */
  .duplazas-valaszto{width:150px;height:96px}
  .duplazas-zona{font-size:12px}
  .nyeremeny-2x-gomb{margin-left:6px}
  .duplazas-pakli .bj-lap,.duplazas-huzott-hely .bj-lap{width:46px;height:64px;border-radius:6px;padding:3px}
  .duplazas-elozmeny .bj-lap{width:30px;height:42px}
}
