/* shared chips + labels */
.rl-lab{font-size:.64rem;letter-spacing:.16em;color:var(--mut);text-transform:uppercase;font-weight:700}
.rl-chips{display:flex;gap:12px}
.rl-chip{width:54px;height:54px;border-radius:50%;border:none;cursor:pointer;color:#fff;font-weight:700;font-size:.9rem;
  font-family:"Playfair Display",serif;display:grid;place-items:center;box-shadow:0 4px 10px rgba(0,0,0,.4);
  outline:3px dashed rgba(255,255,255,.5);outline-offset:-7px;transition:transform .12s,box-shadow .12s}
.rl-chip:hover{transform:translateY(-2px)}
.rl-chip[data-on="1"]{box-shadow:0 0 0 3px var(--ink),0 0 20px rgba(255,255,255,.5);transform:translateY(-3px)}
.rl-chip.c10{background:var(--chip10)}.rl-chip.c25{background:var(--chip25)}.rl-chip.c50{background:var(--chip50)}
.rl-chip.c100{background:var(--chip100)}.rl-chip.c250{background:var(--chip250)}.rl-chip.c500{background:var(--chip500)}
.rl-note{margin-top:18px;color:var(--mut2);font-size:.82rem;text-align:center}
.rl-note b{color:var(--mut)}

/* ROULETTE */
.rl{display:grid;grid-template-columns:360px 1fr;gap:26px;align-items:start}
.rl-left{background:rgba(0,0,0,.14);border:1px solid var(--line);border-radius:16px;padding:20px}
.rl-wheelwrap{position:relative;width:min(310px,72vw);margin:0 auto 6px;aspect-ratio:1}
.rl-disc{display:block;width:100%;height:100%}
#rlGrp{will-change:transform}
.rl-ptr{position:absolute;top:-3px;left:50%;width:22px;height:20px;transform:translateX(-50%);z-index:3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.rl-ball{position:absolute;top:15px;left:50%;width:12px;height:12px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 35% 30%,#fff,#cfd6e0);box-shadow:0 1px 4px rgba(0,0,0,.6);z-index:3}
.rl-res{text-align:center;margin-top:6px}
.rl-num{font-weight:800;font-size:2rem;line-height:1.1}
.rl-msg{color:var(--mut);font-size:.9rem;min-height:20px}
.rl-win{color:var(--gold);font-weight:700}
.rl-hist{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.rl-h{font-size:.6rem;letter-spacing:.16em;color:var(--mut);text-transform:uppercase;margin-bottom:8px}
.rl-histrow{display:flex;gap:6px;flex-wrap:wrap;min-height:30px}
.rl-empty{color:var(--mut2);font-size:.85rem}
.rl-peb{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.8rem;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.rl-peb.r{background:var(--red)}.rl-peb.b{background:var(--black)}.rl-peb.g{background:var(--green)}
.rl-chiprow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.rl-tot{margin-left:auto;color:var(--mut);font-size:1rem}
.rl-tot b{font-family:"Playfair Display",serif;color:var(--gold);font-size:1.25rem;margin-left:6px}
.rl-board{display:grid;grid-template-columns:repeat(13,1fr);gap:5px}
.rl-cell{position:relative;border-radius:7px;min-height:46px;display:grid;place-items:center;cursor:pointer;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.07);user-select:none;transition:filter .12s,transform .12s}
.rl-cell:hover{filter:brightness(1.18);transform:translateY(-1px)}
.rl-num.r{background:var(--red)}.rl-num.b{background:var(--black)}
.rl-zero{grid-row:1 / span 3;background:var(--green);font-size:1.05rem}
.rl-outside{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:5px}
.rl-out{background:rgba(255,255,255,.04);color:var(--ink);font-weight:600;min-height:44px;font-size:.9rem;border-color:var(--line)}
.rl-out.red{background:var(--red);color:#fff}.rl-out.black{background:var(--black);color:#fff}
.rl-dot{position:absolute;top:-7px;right:-6px;background:linear-gradient(180deg,var(--goldL),var(--gold2));color:#241a04;font-size:.64rem;font-weight:800;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;box-shadow:0 2px 5px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.4)}
.rl-actions{display:flex;gap:14px;margin-top:18px}
.rl-actions .btn-gold{flex:1;font-size:1.05rem;padding:16px}

/* BLACKJACK */
.bj{display:flex;flex-direction:column;gap:20px}
.bj-felt{background:radial-gradient(600px 300px at 50% 0,#2a1f12,var(--felt2));border:1px solid var(--line);border-radius:16px;padding:26px 22px;min-height:420px;display:flex;flex-direction:column;justify-content:space-between}
.bj-side{text-align:center}
.bj-cap{letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--mut);font-weight:700}
.bj-divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:8px 0}
.bj-cards{display:flex;gap:10px;justify-content:center;min-height:124px;align-items:center;flex-wrap:wrap}
.bj-hands{display:flex;gap:26px;justify-content:center;flex-wrap:wrap}
.bj-hand{padding:8px 12px;border-radius:12px;border:1px solid transparent}
.bj-hand.active{border-color:var(--gold);background:rgba(var(--accent-rgb),.06)}
.bj-tot{font-weight:800;font-size:1.15rem;margin-top:8px;color:var(--ink)}
.bj-card{position:relative;width:80px;height:112px;background:#fff;border-radius:9px;box-shadow:0 6px 14px rgba(0,0,0,.4);color:#16181f;display:flex;align-items:center;justify-content:center}
.bj-card.red{color:#b3261e}
.bj-card .c-mid{font-size:34px}
.bj-card .c-tl,.bj-card .c-br{position:absolute;font-size:.8rem;font-weight:700;line-height:1;display:flex;flex-direction:column;align-items:center}
.bj-card .c-tl{top:7px;left:8px}.bj-card .c-br{bottom:7px;right:8px;transform:rotate(180deg)}
.bj-card .c-tl i,.bj-card .c-br i{font-style:normal;font-size:.8rem}
.bj-card.back{background:linear-gradient(160deg,#2a1f12,#140d07);color:var(--gold);box-shadow:inset 0 0 0 4px rgba(var(--accent-rgb),.4),0 6px 14px rgba(0,0,0,.4)}
.bj-card.back .crown{font-size:30px}
.bj-tag{font-size:.7rem;font-weight:800;border-radius:999px;padding:2px 9px;margin-left:6px;vertical-align:middle}
.bj-tag.win{background:rgba(70,176,106,.2);color:#7fdca0}.bj-tag.lose{background:rgba(207,91,91,.2);color:#f0a0a0}.bj-tag.push{background:rgba(var(--accent-rgb),.2);color:var(--goldL)}
.bj-win{color:var(--goldL);font-weight:700}
.bj-ctrlbar{display:flex;flex-direction:column;gap:16px}
.bj-chiprow{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.bj-betbox{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:12px;padding:6px 18px;background:rgba(0,0,0,.18)}
.bj-betbox b{color:var(--gold);font-size:1.2rem}
.bj-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.bj-actions .btn{padding:15px 10px}
.bj-hit{background:#2f6fd6;color:#fff}.bj-hit:hover{filter:brightness(1.08)}
.bj-stand{background:#b23b3b;color:#fff}.bj-stand:hover{filter:brightness(1.08)}
.bj-dbl{background:#3d8a52;color:#fff}.bj-dbl:hover{filter:brightness(1.08)}
.bj-split{background:rgba(var(--accent-rgb),.18);color:var(--goldL);border:1px solid var(--line)}
.bj-actions .btn:disabled{filter:grayscale(.55) brightness(.7);cursor:not-allowed;opacity:.6}

/* SLOTS */
.sl{display:grid;grid-template-columns:minmax(0,400px) 290px;gap:30px;align-items:start;justify-content:center;max-width:760px;margin:0 auto}
.sl-frame{position:relative;background:radial-gradient(500px 300px at 50% 0,#2a1f12,var(--felt2));border:2px solid var(--gold);border-radius:18px;padding:18px}
.sl-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:10px}
.sl-cell{aspect-ratio:1;background:linear-gradient(180deg,#181009,#0d0905);border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;overflow:hidden}
.sl-cell.win{box-shadow:0 0 0 2px var(--gold),0 0 22px rgba(var(--accent-rgb),.5) inset;background:linear-gradient(180deg,#2a1d0e,#181009)}
.sl-sym{width:68%;height:68%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));pointer-events:none}
.sl-lines{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);pointer-events:none}
.sl-side{display:flex;flex-direction:column;gap:16px}
.sl-msg{font-size:1.3rem;text-align:center;min-height:32px;font-weight:800}
.sl-win{color:var(--goldL)}
.sl-betbox{border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:rgba(0,0,0,.18);text-align:center}
.sl-betrow{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:6px}
.sl-betrow b{font-size:1.5rem;color:var(--gold);min-width:60px}
.sl-step{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--ink);font-size:1.3rem;cursor:pointer}
.sl-step:hover{background:rgba(255,255,255,.1)}
.sl-spin{font-size:1.2rem;padding:18px;letter-spacing:.05em}
.sl-paytable{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:7px}
.sl-prow{display:flex;justify-content:space-between;align-items:center;font-size:1rem}
.sl-pset{display:flex;gap:3px}
.sl-pset img{width:30px;height:30px;object-fit:contain}
.sl-prow b{color:var(--gold);font-family:"Playfair Display",serif}

@media (max-width:980px){
  .rl{grid-template-columns:1fr}
  .sl{grid-template-columns:1fr;max-width:420px}
  .rl-wheelwrap{width:min(300px,68vw)}
}
@media (max-width:560px){
  .rl-cell{min-height:38px;font-size:.82rem}
  .rl-chip{width:48px;height:48px}
  .bj-card{width:64px;height:90px}.bj-card .c-mid{font-size:26px}
  .bj-actions{grid-template-columns:repeat(2,1fr)}
}

/* ===== ЛЕНД4 originals: Crash / Plinko / Mines (themeable via vars) ===== */
.cr,.pl,.mn{display:grid;grid-template-columns:1fr 270px;gap:18px;align-items:stretch}
@media(max-width:760px){.cr,.pl,.mn{grid-template-columns:1fr}}

/* Crash */
.cr-plot{position:relative;min-height:260px;border-radius:16px;border:1px solid var(--line);
  background:radial-gradient(120% 90% at 50% 100%,rgba(var(--accent-rgb),.12),transparent 70%),var(--felt2);overflow:hidden;transition:background .25s}
.cr-plot svg{position:absolute;inset:0;width:100%;height:100%}
.cr-mult{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:54px;font-weight:800;color:var(--gold);text-shadow:0 0 24px rgba(var(--accent-rgb),.5);letter-spacing:-1px}
.cr-status{position:absolute;left:0;right:0;bottom:12px;text-align:center;color:var(--mut);font-size:13px}
.cr-plot.crashed{background:radial-gradient(120% 90% at 50% 100%,rgba(224,72,72,.2),transparent 70%),var(--felt2)}
.cr-plot.crashed .cr-mult{color:#ff6a6a;text-shadow:0 0 24px rgba(224,72,72,.6)}
.cr-plot.won{background:radial-gradient(120% 90% at 50% 100%,rgba(70,200,120,.18),transparent 70%),var(--felt2)}
.cr-side{display:flex;flex-direction:column;gap:12px;justify-content:center}
.cr-btn,.pl-drop,.mn-btn{width:100%;padding:15px;font-size:16px}
.cr-btn.cash{background:linear-gradient(180deg,#46c878,#33a763);color:#04140a;box-shadow:0 8px 22px rgba(70,200,120,.4)}
.cr-hist .rl-lab{display:block;margin-bottom:6px}
.cr-histrow{display:flex;flex-wrap:wrap;gap:6px}
.cr-peb{font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid var(--line)}
.cr-peb.lo{color:var(--mut)}.cr-peb.mid{color:var(--goldL)}.cr-peb.hi{color:#46c878;border-color:rgba(70,200,120,.4)}

/* Plinko */
.pl-board{display:flex;flex-direction:column;gap:8px}
.pl-board svg{width:100%;height:auto;background:radial-gradient(100% 80% at 50% 0%,rgba(var(--accent-rgb),.08),transparent 70%),var(--felt2);border:1px solid var(--line);border-radius:16px}
.pl-buckets{display:flex;gap:3px}
.pl-bk{flex:1;text-align:center;font-size:11px;font-weight:800;padding:7px 2px;border-radius:8px;color:var(--mut);background:rgba(var(--accent-rgb),.06);border:1px solid var(--line);transition:transform .15s,background .15s}
.pl-bk.mid{color:var(--goldL)}.pl-bk.hi{color:var(--gold);background:rgba(var(--accent-rgb),.14)}
.pl-bk.on{transform:translateY(-4px) scale(1.06);background:var(--gold);color:#0c0a06;box-shadow:0 8px 18px rgba(var(--accent-rgb),.5)}
.pl-side{display:flex;flex-direction:column;gap:12px;justify-content:center}
.pl-msg{font-size:18px;text-align:center;color:var(--gold);min-height:24px}

/* Mines */
.mn-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:340px;margin:0 auto}
.mn-tile{aspect-ratio:1;border-radius:12px;border:1px solid var(--line);background:rgba(var(--accent-rgb),.05);
  font-size:20px;color:var(--gold);cursor:pointer;transition:transform .12s,background .12s,box-shadow .12s;display:flex;align-items:center;justify-content:center}
.mn-tile:hover:not(:disabled){transform:translateY(-2px);background:rgba(var(--accent-rgb),.12)}
.mn-tile.safe{background:rgba(70,200,120,.18);border-color:rgba(70,200,120,.5);color:#46c878;box-shadow:inset 0 0 0 1px rgba(70,200,120,.3)}
.mn-tile.mine{background:rgba(224,72,72,.22);border-color:rgba(224,72,72,.55);color:#ff6a6a}
.mn-tile.dim{opacity:.5}
.mn-side{display:flex;flex-direction:column;gap:11px;justify-content:center}
.mn-mult{font-size:18px;text-align:center;color:var(--gold)}
.mn-msg{font-size:13px;text-align:center;color:var(--mut);min-height:18px}
.mn-minebox .sl-betrow{justify-content:space-between}