/* Macs Rewards Program — tables v3: realistic riverboat-parlor Vegas tables (look only). Loaded last on blackjack/holdem/roulette/craps. */
:root{--v3-brass:#c9a24a;--v3-brass2:#f4dc96;--v3-brassdk:#6e5018;--v3-foil:#e2c36e;--v3-feltc:#11643a;
--v3-felt:radial-gradient(ellipse 75% 55% at 50% 38%,rgba(255,206,130,.22),rgba(255,190,100,.06) 55%,transparent 75%),radial-gradient(ellipse 120% 100% at 50% 45%,transparent 45%,rgba(0,0,0,.55) 100%),url(/textures/felt-grain.png?v=1793081810),linear-gradient(#14703f,#0c5530);
--v3-wood:linear-gradient(180deg,rgba(255,220,170,.28),rgba(255,220,170,0) 35%,rgba(0,0,0,.35)),url(/textures/wood.jpg?v=1793081810);
--v3-leather:linear-gradient(180deg,rgba(255,240,220,.20),rgba(255,240,220,.04) 30%,rgba(0,0,0,0) 60%,rgba(0,0,0,.45)),url(/textures/leather.jpg?v=1793081810),#1c110b}
html.rb body .wrap .v3rail,html.rb body .wrap .rail{position:relative;padding:16px!important;border:12px solid transparent!important;
background:linear-gradient(180deg,rgba(255,240,220,.20),rgba(255,240,220,.04) 30%,rgba(0,0,0,0) 60%,rgba(0,0,0,.45)) padding-box,url(/textures/leather.jpg?v=1793081810) 0 0/256px padding-box,
linear-gradient(180deg,rgba(255,220,170,.30),rgba(255,220,170,0) 35%,rgba(0,0,0,.40)) border-box,url(/textures/wood.jpg?v=1793081810) 0 0/520px 130px border-box!important;
box-shadow:inset 0 3px 3px rgba(255,225,190,.28),inset 0 10px 16px rgba(255,210,170,.08),inset 0 -6px 12px rgba(0,0,0,.85),0 0 0 1px #0a0402,0 1px 0 2px rgba(255,220,170,.12),0 22px 40px rgba(0,0,0,.85),0 0 70px 20px rgba(255,170,80,.10)!important;margin:8px 2px 12px}
html.rb body .wrap .v3rail:before,html.rb body .wrap .rail:before{content:"";position:absolute;inset:-2px!important;border-radius:inherit;border:2px solid var(--v3-brass)!important;box-shadow:0 0 0 1px var(--v3-brassdk),inset 0 0 0 1px rgba(0,0,0,.6);pointer-events:none;background:none!important}
/* brass stitch line on the leather */
html.rb body .wrap .v3rail:after,html.rb body .wrap .rail:after{content:"";position:absolute;inset:7px;border-radius:inherit;border:1px dashed rgba(232,200,130,.35);pointer-events:none}
/* the felt itself */
html.rb body .wrap .v3rail>.felt,html.rb body .wrap .rail>.felt.felt{background:var(--v3-felt)!important;background-size:auto,auto,256px,auto!important;border:0!important;border-image:none!important;margin:0!important;outline:0!important;
box-shadow:inset 0 0 0 2px rgba(201,162,74,.75),inset 0 0 0 3px rgba(0,0,0,.4),inset 0 12px 22px rgba(0,0,0,.55),inset 0 0 50px rgba(0,0,0,.45)!important}
html.rb body .wrap .v3rail>.felt:before,html.rb body .wrap .rail>.felt:after{display:none!important}
/* ---------- cards ---------- */
html.rb body .card{background:linear-gradient(160deg,#fffefa,#f4efe4 60%,#e9e2d2)!important;border:1px solid #cfc6b2!important;border-radius:5px!important;color:#1b1b1b;font-family:Georgia,'Times New Roman',serif!important;
box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 2px 2px rgba(0,0,0,.35),0 6px 10px rgba(0,0,0,.45)!important;overflow:hidden}
html.rb body .card.r{color:#b3101e}
html.rb body .card .ci{position:absolute;left:3px;top:2px;font:700 13px/0.95 Georgia,serif;font-style:normal;text-align:center;letter-spacing:-.5px}
html.rb body .card .ci em{display:block;font-style:normal;font-size:10px}
html.rb body .card .ci.cb{left:auto;top:auto;right:3px;bottom:2px;transform:rotate(180deg)}
html.rb body .card>s{font-size:24px!important}
html.rb body .card.big .ci{font-size:17px}html.rb body .card.big .ci em{font-size:12px}html.rb body .card.big>s{font-size:34px!important}
html.rb body .card.back{background:radial-gradient(circle at 50% 50%,transparent 0 30%,transparent 30%),repeating-linear-gradient(45deg,#8e1424 0 2px,#6d0d1b 2px 5px),repeating-linear-gradient(-45deg,#ffffff1c 0 1px,transparent 1px 5px),#7a1020!important;
border:3px solid #fbf8f0!important;box-shadow:inset 0 0 0 1px #6d0d1b,inset 0 0 0 3px #fbf8f0,inset 0 0 0 4px #9a2030,0 2px 2px rgba(0,0,0,.35),0 6px 10px rgba(0,0,0,.45)!important}
html.rb body .bot .card .ci{font-size:9px}html.rb body .bot .card .ci em{font-size:7px}html.rb body .bot .card>s{font-size:15px!important}
/* ---------- chips (top view): edge spots, inlay, sheen, thickness ---------- */
html.rb body .wrap #betbar button[data-b],html.rb body .wrap button.chipb.chipb,html.rb body .wrap .ch{
background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.38),rgba(255,255,255,0) 42%),radial-gradient(circle,#f5efdf 0 40%,rgba(0,0,0,.35) 40% 42%,var(--c) 42% 60%,rgba(255,255,255,.55) 60% 61.5%,transparent 62%),repeating-conic-gradient(from 11deg,var(--c) 0 30deg,#f6f1e4 30deg 45deg)!important;
border:0!important;color:#2a1a0c!important;text-shadow:none!important;font-family:Georgia,serif!important;font-weight:900!important;
box-shadow:0 0 0 1px rgba(0,0,0,.55),0 2px 0 color-mix(in srgb,var(--c) 55%,#000),0 3px 0 rgba(0,0,0,.6),0 6px 9px rgba(0,0,0,.6)!important}
html.rb body .wrap #betbar button[data-b]{width:56px!important;height:56px!important}
html.rb body .wrap #betbar button[data-b="10"]{--c:#1d4fb8}html.rb body .wrap #betbar button[data-b="25"]{--c:#167a3c}html.rb body .wrap #betbar button[data-b="50"]{--c:#b5121f}html.rb body .wrap #betbar button[data-b="100"]{--c:#1a1a1a}
html.rb body .wrap button.chipb.chipb.sel{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(0,0,0,.55),0 0 0 3px var(--v3-brass2),0 3px 0 rgba(0,0,0,.6),0 0 16px rgba(255,200,110,.7),0 10px 12px rgba(0,0,0,.6)!important}
html.rb body .wrap .ch{min-width:26px;height:26px;font:900 9px/26px Georgia,serif!important;padding:0 2px}
html.rb body .wrap .ch.ot{--c:#6a6a6a;opacity:.9}
/* stacked chips (side view) */
html.rb body .stk b,html.rb body .pstk b{height:8px!important;margin-top:-3px!important;border-radius:50%/50%!important;
background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 45%,rgba(0,0,0,.45)),repeating-linear-gradient(90deg,var(--sc) 0 6px,#f3eee0 6px 9px)!important;box-shadow:0 1px 0 rgba(0,0,0,.7),0 2px 3px rgba(0,0,0,.4)!important}
html.rb body .stk b{width:40px!important}
.stk b.k,.pstk b:nth-child(1){--sc:#1a1a1a}.stk b.r,.pstk b:nth-child(2){--sc:#b5121f}.stk b.g,.pstk b:nth-child(3){--sc:#167a3c}.stk b.u,.pstk b:nth-child(4){--sc:#1d4fb8}
/* gold-foil printing */
html.rb body .arcs text{fill:var(--v3-foil)!important;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}
html.rb body .arcs .t1{fill:#ecd07e!important}
/* ================= BLACKJACK ================= */
html.rb body .wrap .v3rail.bjrail{border-radius:16px 16px 50% 50%/16px 16px 38% 38%;padding:0 16px 18px!important;border-top-width:6px!important;margin-top:4px}
html.rb body .wrap .v3rail.bjrail:after{inset:-2px 7px 7px}
html.rb body .wrap .bjrail>.felt.bjt{border-radius:4px 4px 50% 50%/4px 4px 36% 36%!important;padding:52px 12px 30px!important}
html.rb body .bjt .tray{top:0!important;padding:3px 6px 5px!important;gap:1px!important;background:linear-gradient(180deg,#120a05,#2b1709)!important;border:2px solid var(--v3-brass)!important;border-top:0!important;border-radius:0 0 8px 8px!important;
box-shadow:inset 0 -3px 5px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.7)!important}
html.rb body .bjt .tray i{width:17px!important;height:30px!important;border-radius:2px!important;box-shadow:none!important;
background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 28%,rgba(255,255,255,.35) 45%,transparent 62%,rgba(0,0,0,.6)),repeating-linear-gradient(180deg,var(--sc) 0 2.4px,rgba(0,0,0,.55) 2.4px 3px),repeating-linear-gradient(90deg,transparent 0 5px,#f3eee0 5px 7px,transparent 7px 12px)!important}
html.rb body .bjt .tray .c1{--sc:#1a1a1a}.bjt .tray .c2{--sc:#5a2a8a}.bjt .tray .c3{--sc:#167a3c}.bjt .tray .c4{--sc:#b5121f}.bjt .tray .c5{--sc:#1d4fb8}.bjt .tray .c6{--sc:#e9e2cf}
html.rb body .bjt .shoe{background:linear-gradient(135deg,rgba(60,40,30,.85),rgba(10,6,4,.95))!important;border:1px solid var(--v3-brass)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 8px rgba(0,0,0,.7)!important}
html.rb body .bjt .disc{background:rgba(20,10,5,.55)!important;border:1px solid rgba(201,162,74,.7)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.4)!important}
html.rb body .bjt .ring{border:2px solid var(--v3-foil)!important;box-shadow:inset 0 0 0 4px rgba(0,0,0,.08),0 0 0 4px transparent,0 0 0 5px rgba(226,195,110,.55)!important;background:radial-gradient(circle,rgba(255,220,140,.08),transparent 70%)}
html.rb body .bjt .lbl,html.rb body .bjt .msg{color:var(--v3-foil)!important;text-shadow:0 1px 0 rgba(0,0,0,.6)!important}
html.rb body .bjt .brand{color:rgba(226,195,110,.55)!important}
/* ================= HOLD'EM ================= */
html.rb body .wrap .v3rail.pkrail{border-radius:46%/24%;padding:22px!important}
html.rb body .wrap .pkrail>.felt.ptable{border-radius:44%/22%!important;padding:26px 14px 34px!important}
html.rb body .ptable .pt-brand{position:static!important;margin:0 auto 8px!important;opacity:.6}
html.rb body .ptable .bot{background:linear-gradient(180deg,rgba(40,22,10,.92),rgba(18,9,4,.92))!important;border:1px solid var(--v3-brass)!important;box-shadow:inset 0 1px 0 rgba(255,220,160,.3),0 4px 8px rgba(0,0,0,.6)!important}
html.rb body .ptable .bot.on{box-shadow:0 0 0 2px var(--v3-brass2),0 0 14px rgba(255,200,110,.7)!important}
html.rb body .ptable .board .cards{padding:6px;border:1.5px solid rgba(226,195,110,.55);border-radius:8px;display:inline-flex!important;min-width:250px;min-height:76px}
html.rb body .ptable .pot{color:var(--v3-foil)!important;font-family:'Playfair Display',Georgia,serif!important}
html.rb body .ptable .me{background:rgba(10,5,2,.45)!important;border:1px solid rgba(201,162,74,.6)}
html.rb body .ptable .dbtn{background:radial-gradient(circle at 35% 30%,#fff,#e8e4da 60%,#bdb6a6)!important;color:#111!important;box-shadow:0 2px 0 #8a8476,0 3px 5px rgba(0,0,0,.6)!important;border:0!important}
html.rb body #setup.felt{background:var(--v3-felt)!important;background-size:auto,auto,256px,auto!important;border-radius:46%/30%!important;border:0!important;border-image:none!important;padding:40px 22px!important}
/* ================= ROULETTE ================= */
html.rb body .wheelbox{border-radius:50%;box-shadow:0 14px 28px rgba(0,0,0,.8),0 0 0 3px var(--v3-brassdk),0 0 60px rgba(255,180,90,.18)}
html.rb body #tbl .c{border-color:rgba(245,236,210,.85)!important;font-family:Georgia,serif}
html.rb body #tbl .c.n span{box-shadow:inset 0 1px 2px rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.6)}
html.rb body .rail .big{box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 0 0 3px var(--v3-brassdk),0 0 18px rgba(255,180,70,.4)!important}
/* ================= CRAPS ================= */
html.rb body .wrap .rail.crrail{border-radius:40px!important;padding:24px!important}
/* chip groove along the top rail */
html.rb body .wrap .rail.crrail>.groove{position:absolute;left:30px;right:30px;top:6px;height:11px;border-radius:6px;background:linear-gradient(180deg,#050302,#1d0f07 60%,#3a2414);box-shadow:inset 0 2px 3px #000,0 1px 0 rgba(255,220,170,.25);pointer-events:none}
html.rb body .wrap .rail.crrail>.groove.btm{top:auto;bottom:6px}
html.rb body #bd .b{border-color:rgba(248,242,226,.92)!important;border-width:2px}
html.rb body #bd .b.yel{color:#f3d34e}html.rb body #bd .prop{background:rgba(5,40,20,.55)!important}
html.rb body .die{border-radius:8px!important;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.45),transparent 40%),linear-gradient(145deg,#e3313c,#a3111b 60%,#6e070e)!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),inset -3px -4px 6px rgba(0,0,0,.35),0 3px 0 #4a0408,0 8px 12px rgba(0,0,0,.7)!important}
html.rb body .die i{background:radial-gradient(circle at 40% 35%,#fff,#e6e6e6 60%,#bbb)!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.35)}
html.rb body .puck.on{background:radial-gradient(circle at 35% 30%,#fff,#e8e4da 60%,#bdb6a6)!important;box-shadow:0 3px 0 #777,0 5px 8px rgba(0,0,0,.7)!important}
html.rb body .puck.off{background:radial-gradient(circle at 35% 30%,#555,#151515 60%,#000)!important;box-shadow:0 3px 0 #000,0 5px 8px rgba(0,0,0,.7)!important}
@media(max-width:480px){html.rb body .wrap .v3rail,html.rb body .wrap .rail{padding:18px!important;border-width:10px!important}html.rb body .wrap .v3rail.bjrail{padding:0 18px 20px!important;border-top-width:5px!important}html.rb body .wrap .rail.crrail{padding:18px 12px!important}}
