/* blackjack -- a harmadik jatek lapja. A furtos.css palettajanak zold
   valtozata (kaszino-asztal erzet), hogy a harom jatek egy csaladba
   tartozzon, de a blackjack megis megkulonboztetheto legyen elsore. */

:root{
  --arany:      #f6c33c;
  --arany-vil:  #ffeaa0;
  --arany-sot:  #8a5a06;
  --zold-melyi: #06180f;
  --zold-panel: #0e2c1c;
  --zold-asztal:#0b3a22;
  --keret:      #041008;
  --szoveg:     #eef6ee;
  --halvany:    #a8c4b2;
  --piros-lap:  #c81c2b;
  --fekete-lap: #14201a;
  --zold:       #2fbf5a;
}

*{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%, #144a2c 0%, #0b2818 48%, #06140c 100%),
    var(--zold-melyi);
  color:var(--szoveg);
  font-family:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
  display:flex;align-items:stretch;justify-content:center;
  padding:16px;overflow:hidden;height:100vh;height:100dvh;
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:0;
  background-image:
    repeating-linear-gradient(45deg, rgba(120,255,180,.10) 0 2px, transparent 2px 22px),
    repeating-linear-gradient(-45deg, rgba(120,255,180,.08) 0 2px, transparent 2px 22px);
}

.bj-szinpad{position:relative;z-index:1;width:100%;max-width:960px;height:100%;min-height:0;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}

/* Az Osztó-jelvény (fix, bal felül) 2026-09-04 este HÁROM kört élt: sticky
   -> fixed mini badge -> befordulás-animációval bővített mini badge --
   Zoltán ekkor döntött (TG 33284: "Miniket nem teszunk ki!"): a mini
   jelvény TELJESEN kikerült a lapról, HTML+CSS+JS egyszerre. A SÁV
   (`.bj-oszto-sav`, lejjebb) önmagában a megoldás -- lásd az "asztal"
   szakasz jegyzetét arról, miért látszik állandóan görgetés közben is. */

/* 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 Black Jack lapon nincs jackpot-letra a jobb
   felso sarok alatt (`.bj-oszto-sav` lejjebb kezdodik, meresek szerint nem
   utkozik), az egysegesseg miatt viszont itt is a feliratos valtozat all,
   ugyanazzal a merettel es helyzettel, mint a masik ket lapon. 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}

/* A `.bj-jatek-nev` cim eredeti merese (Playwright, kartya 852f4e2d):
   390px-en 311px2 fedes a `.jobb-felso`-val, 430px-en mar 0 -- a cim
   NEM sticky, tehat egy sima margin-top eleg a `.jobb-felso` magassaganak
   (85px ezen a lapon: Fooldal-gomb + HANG) plusz 8px tartalek erejeig.
   A szabaly maga ETTOL A TORESPONTTOL FUGGETLENUL a 640px-es mobil-blokkba
   koltozott 2026-09-02-en -- lasd ott a jegyzetet, miert. */

/* --------------------------------------------------------------- fejlec */
.bj-fejlec{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.bj-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;
}
.bj-jelvenyek{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.bj-jelveny{
  display:inline-flex;align-items:baseline;gap:7px;padding:5px 12px;border-radius:20px;
  background:linear-gradient(180deg,rgba(14,44,28,.92),rgba(6,20,12,.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);
}
.bj-jelveny-cimke{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--halvany)}
.bj-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;
}

.bj-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);
}

/* --------------------------------------------------------------- asztal */
/* 2026-09-04 este, MÁSODIK kör (Lead visszaadta az elsőt): a `.bj-asztal`
   MOST MÁR csak a díszkeret (a `::before` arany szegély, a háttér-gradiens,
   a padding) -- flex oszlop, ami a MARADÉK magasságot adja tovább a benne
   ülő `.bj-asztal-gorgo`-nak. A tényleges görgetés a `.bj-asztal-gorgo`-n
   történik (lásd ott), NEM ezen az elemen -- ez azért fontos, mert a
   `::before` `inset:-3px`-es dísz-keret KIVUL lóg a doboz-modellen: ha
   EZEN az elemen lenne `overflow-y:auto`, a keret levágódna a görgetősáv
   megjelenésekor. */
.bj-asztal{
  position:relative;border-radius:22px;padding:18px 16px 16px;
  background:
    radial-gradient(120% 90% at 50% 0%, #145530 0%, #0d3d22 55%, #082815 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,.14);
  display:flex;flex-direction:column;flex:1 1 auto;min-height:0;
}
.bj-asztal::before{
  content:'';position:absolute;inset:-3px;border-radius:22px;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;
}
/* A TÉNYLEGES görgethető tartalom (dobozok, kör-összesítő, új-kör gombok,
   tétezés) -- `flex:1;min-height:0;overflow-y:auto`, a `.bj-asztal` díszkeretén
   BELÜL. Út 3 (Lead brief, 2026-09-04 este, második kör): mivel a
   `.bj-oszto-sav` ezen a görgő dobozon KÍVÜL áll (`.bj-szinpad` közvetlen
   gyermekeként, lásd HTML), a sáv és a görgő tartalom SOHA nem ülhet
   ugyanazon a képernyő-területen -- nincs mit strukturálisan kizárni,
   mert a két elem geometriailag más sávban él, függetlenül attól, meddig
   görgetsz. Ez nem ugyanaz a javítás, mint a 2026-09-02-i "nem ragad
   többé" -- azt a mai méréssel MEGCÁFOLTAM (lásd a jelentést): egy
   `position:sticky` elem NEM kerül ki a dokumentum-folyásból (ellentétben
   azzal, amit ott írtunk), a takarás valódi oka egy egyszerűbb, geometriai
   tény, ami a z-index-től IS független (mérve: `.bj-dobozok` z-index:auto,
   a metszet mégis 713px² volt) -- a sticky elem képernyő-pozíciója rögzül,
   miközben a MÖGÖTTE lévő, még folyásban lévő tartalom átfut alatta,
   pontosan annyi görgetési távon át, amennyi a következő tartalom saját
   magassága. Út 3 ezt nem küszöböli, hanem STRUKTURÁLISAN kikerüli: a sáv
   nincs is ugyanabban a görgő kontextusban, mint a tartalom, ami alatta
   átfutna. */
.bj-asztal-gorgo{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1}

/* Az OSZTÓ-SÁV -- a `.bj-szinpad` közvetlen (nem görgethető) gyermeke,
   lásd HTML. Statikus, nincs `position` tulajdonsága -- nem kell neki,
   mert nem kerül vele egy görgő kontextusba semmi. A `margin-bottom`
   szándékosan HIÁNYZIK: a `.bj-szinpad` saját `gap:14px`-je adja a
   térközt a rákövetkező `.bj-asztal` felé (a sáv most már közvetlen
   testvére, nem gyermeke). */
.bj-oszto-sav{
  display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;flex:none;
  padding:9px 10px;border-radius:14px;
  background:linear-gradient(180deg,#123d24 0%,#0c2c1a 100%);
  box-shadow:0 10px 18px -8px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,220,160,.12);
}
/* .bj-oszto-cimke ("Osztó" felirat) 2026-09-05-én kikerült a HTML-ből
   (Zoltán kérésére), a szabály innen is törölve, mert az osztály sehol
   nem használt. */
.bj-oszto-ertek{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;color:#fff2cf;
  font-variant-numeric:tabular-nums;min-width:24px;text-align:center}
/* Lapfordítás közbeni kihagyás (5. pont) -- csak animáció alatt látszik. */
.bj-animacio-kihagy{
  min-height:32px;padding:5px 12px;border-radius:20px;cursor:pointer;
  font:inherit;font-size:11.5px;letter-spacing:.04em;
  color:var(--halvany);background:rgba(10,40,24,.75);border:1px solid rgba(246,195,60,.3);
}
.bj-animacio-kihagy:hover{color:var(--arany-vil);border-color:var(--arany)}

.bj-dobozok{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}

.bj-doboz{
  border-radius:14px;padding:10px 8px 9px;min-width:0;
  background:linear-gradient(180deg,rgba(4,16,8,.72),rgba(10,30,18,.72));
  border:1px solid rgba(246,195,60,.22);
  box-shadow:inset 0 1px 0 rgba(255,225,160,.10);
  display:flex;flex-direction:column;align-items:center;gap:7px;transition:box-shadow 160ms;
}
.bj-doboz.bj-aktiv{box-shadow:inset 0 0 0 2px var(--arany), 0 0 18px rgba(246,195,60,.35)}
.bj-doboz-cimke{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--halvany)}
.bj-doboz-tet{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12.5px;color:var(--arany-vil);
  font-variant-numeric:tabular-nums}

.bj-kez{display:flex;justify-content:center;gap:-6px;min-height:64px;align-items:center;flex-wrap:wrap}
.bj-kez .bj-lap{margin-left:-14px}
.bj-kez .bj-lap:first-child{margin-left:0}

.bj-doboz-ertek{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;color:#fff2cf;
  font-variant-numeric:tabular-nums;min-height:1.1em}
.bj-doboz-eredmeny{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12.5px;
  border-radius:7px;padding:2px 8px;min-height:1.4em}
.bj-doboz-eredmeny.nyer,.bj-doboz-eredmeny.blackjack{background:rgba(47,191,90,.22);color:#9df5b8}
.bj-doboz-eredmeny.veszt{background:rgba(200,28,43,.22);color:#ffb0b6}
.bj-doboz-eredmeny.pass,.bj-doboz-eredmeny.feladas{background:rgba(246,195,60,.18);color:#ffe6a8}

.bj-dontesek{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-height:26px}
.bj-dontes-gomb{
  font:inherit;cursor:pointer;border-radius:7px;padding:4px 7px;white-space:nowrap;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11.5px;
  color:#0c2a17;background:linear-gradient(180deg,#ffeaa0,#f6c33c 55%,#c98a08);
  border:1px solid #ffeaa0;transition:transform 90ms;
}
.bj-dontes-gomb:hover{transform:translateY(-1px)}
.bj-dontes-gomb:disabled{filter:saturate(.3) brightness(.65);cursor:default;transform:none}
.bj-dontes-gomb.bj-feladas{background:linear-gradient(180deg,#3a0810,#7a1620 55%,#3a0810);color:#ffdada;border-color:rgba(255,120,120,.5)}

/* --------------------------------------------------------------- lap-kep */
/* A "helykitolto" lap-abrazolas -- ADDIG all, amig Kai le nem szallitja a
   rajzolt lap-keszletet (store/kasziyes-marka-0829/). Nem sima szoveg: SVG,
   sarkitott lapkeret, saroksarok-rang, kozepen szin-jel. */
.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;
  animation:bj-lap-erkezik 220ms cubic-bezier(.2,1.4,.5,1);
}
@keyframes bj-lap-erkezik{from{transform:translateY(-18px) scale(.85);opacity:0}to{transform:none;opacity:1}}
.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)}

/* Kor kiraly, Captain Copy arcaval (Zoltan 2026-08-30, TG 31122) -- a sarok
   rang+szin-jel MARAD (jatek kozben igy is olvashato marad a lap erteke),
   csak a kozepso nagy szin-jel helyere kerul a portre, kor-medalionban a
   tobbi arany diszitessel osszhangban. A tobbi 51 lap valtozatlan. */
.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);
}

/* ------------------------------------------------------------- tetezes */
.bj-tetezes{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:10px}
.bj-tetezes-cim{font-size:12px;color:var(--halvany);letter-spacing:.06em}
.bj-tet-sorok{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%}
.bj-tet-oszlop{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.bj-tet-oszlop-cimke{font-size:9.5px;color:var(--halvany);letter-spacing:.1em;text-transform:uppercase}

/* Csúszka PLUSZ beírható mező (2. pont, Zoltán 2026-08-30: "Csúszka itt is
   a tét, lehessen akár beírni is, de ne ilyen mini gombok" -- a korábbi
   dobozonkénti mini-gombsor cseréje. A slot mintáját követi
   (js/jatek.js `tetCsuszka`), de MOBILON az öt szűk oszlop miatt a csúszka
   és a mező EGYMÁS ALATT áll, nem egymás mellett, hogy mindkettő elérje a
   44 képpontos érintő-méretet a keskeny oszlopban is. */
.bj-tet-csuszka-sor{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%}
.bj-tet-csuszka{
  -webkit-appearance:none;appearance:none;width:100%;height:44px;
  background:transparent;cursor:pointer;touch-action:pan-y;padding:0;
}
.bj-tet-csuszka::-webkit-slider-runnable-track{
  height:7px;border-radius:999px;
  background:linear-gradient(90deg,#0b3a22,var(--arany));
  border:1px solid rgba(246,195,60,.35);
}
.bj-tet-csuszka::-moz-range-track{
  height:7px;border-radius:999px;
  background:linear-gradient(90deg,#0b3a22,var(--arany));
  border:1px solid rgba(246,195,60,.35);
}
/* A hüvelykujjnyi (44x44) fogantyú -- MÉRCE 3. pont, `getBoundingClientRect`-tel mérve. */
.bj-tet-csuszka::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:44px;height:44px;margin-top:-19px;
  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);
}
.bj-tet-csuszka::-moz-range-thumb{
  width:44px;height:44px;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);
}
.bj-tet-csuszka:active::-webkit-slider-thumb{cursor:grabbing}
.bj-tet-csuszka:focus-visible::-webkit-slider-thumb{outline:2px solid #fff2cf;outline-offset:2px}

.bj-tet-mezo{
  width:100%;min-height:44px;border-radius:8px;text-align:center;
  font:inherit;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;
  color:#ffe28a;background:rgba(10,40,24,.75);border:1px solid rgba(246,195,60,.4);
  font-variant-numeric:tabular-nums;-moz-appearance:textfield;
}
.bj-tet-mezo::-webkit-outer-spin-button,.bj-tet-mezo::-webkit-inner-spin-button{
  -webkit-appearance:none;margin:0;
}
.bj-tet-mezo:focus{outline:2px solid var(--arany);outline-offset:1px}

.bj-tet-igazitas-uzenet{font-size:9.5px;color:#ffd0a8;line-height:1.3;text-align:center;min-height:0}
.bj-tet-igazitas-uzenet[hidden]{display:none}

/* Mellékfogadás-megőrzés kihagyás-üzenete (Zoltán 2026-09-05) -- lásd a
   JS `mellektetMegorzesUzenetFrissit` fejléc-kommentjét. */
.bj-mellek-megorzes-uzenet{font-size:10px;color:#ffd0a8;line-height:1.35;text-align:center;
  margin:0 0 6px;padding:0 4px}
.bj-mellek-megorzes-uzenet[hidden]{display:none}

/* ---------------------------------- mellékfogadások (kártya 04ed5174) --
   Párok plusz 21+3, dobozonként. SAJÁT, kisebb zseton-létra a fő tét
   csúszkája ALATT, elválasztó vonallal -- így a mellékfogadás kattintható
   zsetonja SOSE takarhatja se a lapot (a fogadás az osztás ELŐTT, üres
   dobozon történik), se a fő tétet (külön blokk, a slider/mező UTÁN). */
.bj-mellek-blokk{
  margin-top:8px;padding-top:8px;width:100%;
  display:flex;flex-direction:column;gap:8px;
  border-top:1px dashed rgba(246,195,60,.25);
}
.bj-mellek-sor{display:flex;flex-direction:column;align-items:stretch;gap:4px}
.bj-mellek-fejlec{display:flex;align-items:center;gap:4px}
.bj-mellek-cimke{
  font-size:9px;color:var(--halvany);letter-spacing:.08em;text-transform:uppercase;
}
.bj-mellek-ertek{
  margin-left:auto;font-size:11px;font-weight:700;color:var(--arany-vil);
  font-variant-numeric:tabular-nums;
}
.bj-mellek-torol{
  background:none;border:none;color:var(--halvany);font-size:14px;line-height:1;
  cursor:pointer;padding:0 2px;min-width:20px;min-height:20px;
}
.bj-mellek-torol:disabled{opacity:.3;cursor:default}
/* Kifizetési arányok röviden a fogadás mellett -- lásd a JS
   `MELLEK_ARANY_SZOVEG` fejléc-kommentjét (kártya bdf585f8). Mostantól gomb,
   koppintásra kinyílik a `MELLEK_MAGYARAZAT_SZOVEG` (Zoltán 2026-09-02,
   brief-kaszi-bell-link-ot-hiba-0902.md, 3.b tétel). */
.bj-mellek-arany{font-size:8.5px;color:var(--halvany);opacity:.75;letter-spacing:.02em;
  font-variant-numeric:tabular-nums;text-align:center;
  background:none;border:none;padding:2px 0;width:100%;cursor:pointer;font-family:inherit}
.bj-mellek-arany:hover,.bj-mellek-arany[aria-expanded="true"]{opacity:1;color:var(--arany-vil)}
.bj-mellek-magyarazat{
  font-size:9px;line-height:1.4;color:var(--halvany);text-align:left;
  background:rgba(0,0,0,.25);border-radius:6px;padding:6px 8px;
}
.bj-mellek-magyarazat[hidden]{display:none}
/* "Előbb kell tétet tenni" -- Zoltán 2026-09-02, 3.a tétel: a mellékfogadás
   zsetonjai a doboz saját fő tétjéig rakhatók, ez nem derült ki sehol. */
.bj-mellek-sapka-uzenet{
  display:block;font-size:9px;line-height:1.35;color:#ffd0a8;text-align:center;
}
.bj-mellek-sapka-uzenet[hidden]{display:none}
.bj-mellek-zsetonok{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
.bj-mellek-zseton{
  border-radius:50%;width:26px;height:26px;border:1.5px solid var(--arany-sot);
  background:radial-gradient(circle at 38% 32%, #2a5c3a 0%, #0e2c1c 70%);
  color:var(--arany-vil);font-weight:800;font-size:8px;cursor:pointer;padding:0;
  display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;
}
.bj-mellek-zseton:disabled{opacity:.28;cursor:not-allowed}
.bj-mellek-zseton:not(:disabled):active{transform:scale(.92)}

/* ---------------------------------- mellékfogadás-eredmény (kártya bdf585f8) --
   AZONNAL az osztás után látszik, dobozonként -- a mellékfogadás az osztás
   pillanatában eldől, nem a kör végén. Vesztésnél is MARAD egy sor (piros
   jelvény), ne csak eltűnjön a zseton nyomtalanul (Zoltán TG 32161). */
.bj-mellek-eredmeny{display:flex;flex-direction:column;gap:3px;width:100%}
.bj-mellek-eredmeny-sor{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10.5px;
  border-radius:6px;padding:2px 7px;text-align:center;line-height:1.35}
.bj-mellek-eredmeny-sor.nyer{background:rgba(47,191,90,.22);color:#9df5b8}
.bj-mellek-eredmeny-sor.veszt{background:rgba(200,28,43,.18);color:#ffb0b6}

/* ------------------------------------------------ kör-összesítő (3. pont) */
.bj-kor-osszesito{
  text-align:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:20px;letter-spacing:.02em;padding:8px 14px;border-radius:10px;
  background:rgba(10,40,24,.65);border:1px solid rgba(246,195,60,.28);
}
.bj-kor-osszesito.nyer{color:#9df5b8}
.bj-kor-osszesito.veszt{color:#ffb0b6}
.bj-kor-osszesito.nullan{color:var(--halvany)}

/* --------------------------------------- új kör / duplázó kör (4. pont) */
.bj-ujra-gombok{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.bj-ujra-gomb{
  min-height:44px;min-width:150px;cursor:pointer;border-radius:11px;padding:7px 16px;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;line-height:1.35;
  color:#dff5e6;background:rgba(10,40,24,.85);border:1px solid rgba(246,195,60,.4);
}
.bj-ujra-gomb small{display:block;font-size:10px;font-weight:500;color:var(--halvany);letter-spacing:.02em}
.bj-ujra-gomb:not(:disabled):hover{border-color:var(--arany);color:#fff2cf}
.bj-ujra-gomb.bj-duplazo{
  color:#0c2a17;background:linear-gradient(180deg,#ffeaa0,#f6c33c 55%,#c98a08);border-color:#ffeaa0;
}
.bj-ujra-gomb.bj-duplazo small{color:#3a2a04}
.bj-ujra-gomb:disabled{filter:saturate(.3) brightness(.65);cursor:default}
.bj-ujra-gomb-ok{flex-basis:100%;text-align:center;font-size:11px;color:#ffb0b6}

.bj-oszt-gomb{
  cursor:pointer;border:none;border-radius:13px;padding:11px 34px;min-width:160px;
  font-family:'Cinzel',serif;font-weight:800;letter-spacing:.10em;font-size:16px;
  color:#0c2a17;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;
}
.bj-oszt-gomb:active{transform:translateY(4px);box-shadow:0 2px 0 #6d4402,0 6px 14px rgba(0,0,0,.5)}
.bj-oszt-gomb:disabled{filter:saturate(.35) brightness(.72);cursor:default}

/* --------------------------------------------------------------- mobil */
@media (max-width:640px){
  body{padding:9px}
  .bj-asztal{padding:12px 8px 10px;border-radius:16px}
  /* 2026-08-30 (Zoltan, TG 31121: "a black jack dontesi gombjai tul kicsik
     mobilon"). Az ot doboz EGYMAS ALATT all mobilon (nem repeat(5,1fr)),
     mert 5 oszlopban egy 390px-es nezeten kb. 70px jutna dobozankent -- abba
     vizszintesen semmilyen 44x44-es gombsor nem fer be. Egyoszlopos
     elrendezesben a teljes szelesseg egyetlen dobozon all, a dontesi
     gombsor `flex:1 1 0`-val innen mar bovel 44px-nel szelesebb/magasabb
     gombokat kap -- mert getBoundingClientRect-tel, ne a betumeretbol
     kovetkeztetve. */
  .bj-dobozok{grid-template-columns:1fr;gap:10px}
  .bj-doboz{padding:9px 10px 10px;border-radius:12px;gap:6px}
  .bj-doboz-cimke{font-size:11px}
  .bj-doboz-tet{font-size:12.5px}
  .bj-lap{width:46px;height:64px;border-radius:6px;padding:3px}
  .bj-lap-rang{font-size:12px}
  .bj-lap-szin-nagy{font-size:18px}
  .bj-lap-portre{width:30px;height:30px}
  .bj-kez .bj-lap{margin-left:-13px}
  .bj-doboz-ertek{font-size:14px}
  .bj-doboz-eredmeny{font-size:11px;padding:2px 7px}
  .bj-mellek-eredmeny-sor{font-size:11px;padding:2px 7px}
  /* 2026-08-30, 2. kor (Lead/Felix-lelet, TG 29546): a Duplazas/Feladas
     felirat forintosodott ("Duplazas +100 ₡" / "Feladas -50 ₡"), ez
     hosszabb, mint az eredeti egy szo. EGYENLO otodolesnel (flex:1 1 0)
     ez ket sorba torne -- MEGERSITO KATTINTAS TILOS (Zoltan, TG 30963),
     tehat a gomb-felirat az EGYETLEN hely, ahol a jatekos szembesul az
     osszeggel, nem torhet. Megoldas: a gomb a SAJAT tartalmahoz meretezik
     (flex:0 0 auto + white-space:nowrap), a sor pedig flex-wrap:wrap-pel
     annyi sorba tordelodik, amennyibe a gombok tenylegesen befernek --
     tehat SOSEM a gomb SZOVEGE, csak a SOR torik tobb sorba. */
  .bj-dontesek{gap:6px;min-height:44px}
  .bj-dontes-gomb{
    flex:0 0 auto;min-width:44px;min-height:44px;white-space:nowrap;
    display:flex;align-items:center;justify-content:center;text-align:center;
    font-size:11px;line-height:1.15;padding:6px 10px;border-radius:9px;
  }
  /* 2026-08-30 (Zoltán 13:47: "túl pici mobilon" -- a tétméretező
     újratervezése, 3. brief). A csúszka MAGASSÁGA már 44px volt (2. pont,
     korábbi kör), a valódi hiba az OSZLOP-SZÉLESSÉG: 390 képponton az öt
     egyenlő (repeat(5,1fr)) oszlop mindegyike ~67px, a csúszka track-je
     ebből is csak a fogantyú (44px) körüli pár képpont marad -- öt
     diszkrét szint (100/200/500/1000/2000 kredit) között gyakorlatilag
     nincs húzási távolság, mérve: getBoundingClientRect, lásd a jelentést.
     A javítás 2 oszlopra bontja az öt dobozt (3+2), így az oszlop-szélesség
     kb. 2,8-szorosára nő, ÉRDEMI húzási távolsággal, elfogadható
     függőleges hellyel (nem 5 egymás alatti teljes sor). */
  .bj-tet-sorok{grid-template-columns:repeat(2,1fr);gap:8px 4px}
  .bj-tet-oszlop-cimke{font-size:7.5px}
  .bj-tet-mezo{font-size:12px}
  .bj-jelvenyek{gap:6px}
  .bj-jelveny{padding:4px 9px}
  .bj-kor-osszesito{font-size:16px}
  .bj-ujra-gombok{gap:6px}
  .bj-ujra-gomb{min-width:0;flex:1 1 130px;font-size:12px;padding:6px 10px}

  /* MELLÉKFOGADÁS-ZSETONOK, 390 KÉPPONTON (Lead 2026-09-02: a hat zseton
     flex-wrap-pal 5+1-re tördelődött -- a `.bj-tet-oszlop` a fenti 2
     oszlopos rács miatt kb. 172px széles, hat 26px-es zseton 4px réssel
     kb. 176px-et kérne, tehát ÉPPEN csak az ötödik után tört, aszimmetrikusan.
     A flex-wrap a RENDELKEZÉSRE ÁLLÓ SZÉLESSÉGTŐL függ, nem a zsetonok
     számától -- egy jövőbeli címlet-változásnál megint kiszámíthatatlan
     törést adna. A `grid-template-columns:repeat(3,1fr)` ehelyett
     DETERMINISZTIKUSAN mindig két, három-három zsetonos sort ad, a
     rendelkezésre álló szélességtől függetlenül -- ez a választott irány
     a két lehetőség közül (kisebb zseton-átmérő lett volna a másik), mert
     nem érint más elemet (a zseton mérete, betűmérete változatlan marad),
     plusz a jövőbeli címlet-számtól sem függ (3 osztója mindig 6-nak,
     amíg a létra páros marad -- ha páratlanra bővülne, azt akkor kell
     újramérni). */
  .bj-mellek-zsetonok{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:4px}

  /* FOOLDAL-GOMB ÁTFEDÉSE A FEJLÉCCEL -- ÚJ MEGOLDÁS (Kai, 2026-09-05,
     kártya bf452824, Zoltán saját képernyőképe: "CSAK AZ OSZTO RESZE
     LEGYEN FIX, A NEV NEM KELL!"). Az alábbi két sor ELŐZŐLEG itt állt:

       .bj-fejlec{margin-top:93px}
       .bj-oszto-sav{margin-top:93px}

     Ez a 2026-09-02-i "top+margin-top" mintát követte (lásd `css/jatek.css`
     `.letra` jegyzetét), ÁM az a minta egy MÁR NEM IGAZ előfeltevésre épült:
     akkor a `.bj-oszto-sav` position:sticky volt, tehát ÖNMAGÁBAN is
     ütközhetett a fix gombbal görgetés közben. A 2026-09-04 esti "Út 3"
     szerkezeti átalakítás (lásd a HTML jegyzetét) óta a sáv MÁR NEM sticky,
     hanem a `.bj-szinpad` statikus, nem-görgethető gyermeke -- tehát a saját
     93px-es margója FELESLEGESSÉ vált, a `.bj-fejlec` margója alatt a flex
     `gap`-en át amúgy is örökli a fejléc lejjebb tolt helyét. A két margó
     EGYMÁSRA halmozódott (186px), ez nyitotta a 09-05-i üres rést -- ezt
     LEMÉRTE a brief (getBoundingClientRect, `.bj-oszto-sav` teteje 550px
     körül 390 képponton).

     A puszta törlés (csak az egyik 93px-et hagyva) NEM lett volna elég: a
     megmaradó 93px-es fejléc-margóval az osztó-sáv teteje kb. 127px-re
     jönne ki, a MÉRCE viszont 120px-et enged. A VALÓDI ok, amiért a fejlécnek
     egyáltalán margó kellett: a "Black Jack" cím 390 képponton VÍZSZINTESEN
     belelóg a jobb felső sarokban álló `.jobb-felso` doboz alá (mérve:
     11,8×22,3 képpont valódi betű-fedés margó nélkül) -- a 93px-es tolás
     ezt FÜGGŐLEGESEN kerülte ki, jóval nagyobb áldozattal, mint amennyi a
     tényleges átfedéshez kellett volna.

     Az új irány (Zoltán saját felajánlott lehetőségei közül a "kisebb gomb"):
     a FŐOLDAL-gomb felirata 640px alatt eltűnik, ikonra zsugorodik, DE a
     44×44 érintési célterület megmarad (`width:44px` a meglévő
     `min-height:44px` mellé) -- az `aria-label`/`title` a linken változatlan,
     tehát képernyőolvasóval ugyanúgy "Vissza a főoldalra" marad. Ettől a
     `.jobb-felso` doboz szélessége a HANG-kapcsoló szélességére zsugorodik
     (kb. 52px, szemben a korábbi kb. 102px-szel), a bal széle a cím jobb
     szélétől (288px) messze jobbra kerül (kb. 326px) -- MÉRVE, nulla átfedés,
     margin-top MÁR NEM KELL egyik elemre sem. Playwright-tal igazolva
     (getBoundingClientRect, 390×844): `.bj-oszto-sav` teteje ~84px,
     jóval a 120px-es MÉRCE alatt, ÉS 1440 képponton a szabály a média-
     lekérdezésen kívül esik, tehát ott nem változik semmi.

     A 8px-es `.bj-oszto-sav` margó (lejjebb) NEM a régi hiba maradéka --
     azt méréssel: a `.jobb-felso` alja 85px-en áll, a sáv teteje margó
     nélkül 84,3px-en jönne ki, tehát a két doboz 0,7 képpontnyira
     ÉRINTKEZNE. Ez a biztonsági távolság, nem a levágott bővítés. */
  .link-gomb-felirat{display:none}
  .link-gomb{padding:0;width:44px}
  .bj-oszto-sav{margin-top:8px}
}

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

/* ------------------------------------------------------------- info-lap */
/* A furtos.css altalanos info-lap mintaja, zold-arany valtozatban. */
.bj-menusor{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:4px}

/* 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;
}
.bj-info-nyit{background:none;border:none;cursor:pointer;font:inherit;text-decoration:underline;
  text-underline-offset:2px;padding:2px;color:var(--halvany)}
.bj-info-nyit:hover{color:var(--arany)}
.bj-info-lap{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;
  background:rgba(2,8,4,.72);padding:16px}
.bj-info-doboz{width:min(440px,100%);max-height:80vh;overflow:auto;border-radius:14px;
  background:linear-gradient(180deg,#0e2c1c,#082013);border:1px solid rgba(246,195,60,.35);
  box-shadow:0 20px 60px rgba(0,0,0,.6);padding:16px 18px}
.bj-info-fej{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.bj-info-fej strong{font-family:'Cinzel',serif;letter-spacing:.06em;color:var(--arany);font-size:16px}
.bj-info-zar{background:none;border:none;color:#ffe9b8;font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}
.bj-info-zar:hover{color:var(--arany)}
.bj-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}
.bj-info-szabaly-sor:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.bj-info-szabaly-sor b{color:var(--arany)}
.bj-naplo-lista{display:flex;flex-direction:column;gap:8px}
.bj-naplo-sor{display:flex;justify-content:space-between;gap:8px;padding:7px 0;
  border-bottom:1px solid rgba(246,195,60,.14);font-size:12.5px;color:#fff2cf}
.bj-naplo-ures{color:var(--halvany);font-size:13px;text-align:center;margin:6px 0}