.table-game{position:relative;isolation:isolate;overflow:hidden;padding:18px 24px 24px;background:#061e1a url('/static/table-art/lounge.8a5c5b35e1ca.webp') center top/cover;border:1px solid #a282474f;box-shadow:0 24px 70px #0008}
.table-game:before{content:'';position:absolute;inset:0;background:linear-gradient(#02110b22,#02171070 60%,#071210f2);z-index:-1;pointer-events:none}
.table-game h2{text-align:center;font:700 clamp(24px,4vw,38px) Georgia,serif;color:#eed3a0;margin:14px 0 6px}.table-game>#gamehint{text-align:center;color:#dfd0aa;font-size:11px;letter-spacing:.5px}
.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:1.3px;color:#dbc595}.table-toolbar button{padding:9px 12px;border:1px solid #ba9a5a55;border-radius:6px;background:#07120cbf;color:#f1dfbb;cursor:pointer}
.table-game .controls{padding:15px;background:#06120de0;border:1px solid #bda46644;border-radius:12px;position:relative}.table-game .controls button.primary{background:linear-gradient(#f4dea1,#b68b47);color:#251a0b}.table-game .controls select,.table-game .controls input{background:#102c25;border-color:#7a805e;color:#f1e7cf}.table-game .result{color:#f6e0b0;line-height:1.6}.table-rules{font-size:12px;line-height:1.7;margin-top:20px;color:#cfceb9}.table-rules summary{cursor:pointer;color:#ead4a2}.table-game .table-rules p{font-size:12px;line-height:1.7;margin-top:12px;color:#d0d0ba}
body.playing-table main>.banner,body.playing-table main>.sectiontitle,body.playing-table .lobby-toolbar,body.playing-table #catalog,body.playing-table main>.panel:not(#gamepanel),body.playing-table footer{display:none}body.playing-table .shell{max-width:1180px}
.table-score,.wheel-score{font-size:16px;text-align:center;letter-spacing:2px;color:#f4dfaa;background:#07130eaa;border:1px solid #c6a66655;border-radius:8px;padding:12px;min-height:47px;margin:15px auto 0;max-width:400px}.wheel-score small{display:block;font:11px sans-serif;letter-spacing:0;margin-top:4px;color:#c2bcaa}
.roulette-scene{padding:0 10px 12px}.wheel-perspective{perspective:900px;width:min(90%,440px);aspect-ratio:1;margin:auto;display:grid;place-items:center}.wheel-bowl{position:relative;width:100%;aspect-ratio:1;border-radius:50%;transform:rotateX(28deg);transform-style:preserve-3d;background:radial-gradient(circle,#130e09 55%,#8e4d27 57%,#301c12 61%,#d9b16b 63%,#4c2a19 65%,#4a2111 72%);box-shadow:0 28px 0 #2f160d,0 32px 0 #0b0806,0 45px 35px #000b,inset 0 0 0 5px #a87742,inset 0 0 0 10px #361d10,inset 0 0 30px #edc78866}
.roulette-rotor{position:absolute;inset:9%;border:5px solid #c8a86a;border-radius:50%;box-shadow:0 0 0 4px #1a130b,inset 0 0 0 15px #0003;will-change:transform}.pocket-number{position:absolute;font:bold clamp(8px,1.5vw,13px) Georgia,serif;color:#fff4dc;transform:translate(-50%,-50%) rotate(var(--angle));text-shadow:0 1px #000}
.wheel-cone{position:absolute;inset:22%;border-radius:50%;border:3px solid #d4b16c;background:radial-gradient(ellipse at 35% 25%,#c99e56,#573019 32%,#28190e 60%,#b17b3b 90%);box-shadow:0 0 15px #000,inset 0 0 0 8px #1c160e,inset 0 0 0 11px #b88d4d}.wheel-spindle{position:absolute;inset:31%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff4bf,#b99147 32%,#71501d 59%,#e0c986 65%,#62421d 80%);box-shadow:0 8px 6px #0009;transform:translateZ(18px)}.wheel-spindle:after,.wheel-spindle:before{content:'';position:absolute;top:45%;left:-30%;width:160%;height:10%;border-radius:5px;background:linear-gradient(#f9e6ae,#5d3e18);box-shadow:0 2px 3px #0008}.wheel-spindle:after{transform:rotate(90deg)}
.ball-orbit{position:absolute;inset:17.5%;pointer-events:none;will-change:transform;transform:rotate(0deg)}.ball-orbit i{position:absolute;top:0;left:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#eee9dd 30%,#9d9e91 70%,#4e594e);box-shadow:1px 2px 3px #000b}.wheel-glass{position:absolute;inset:1%;border-radius:50%;background:linear-gradient(130deg,#fff1,transparent 45%);pointer-events:none}.wheel-score[data-color='red']{border-color:#c64e58}.wheel-score[data-color='green']{border-color:#63aa85}
.dice-tray{height:300px;display:flex;align-items:center;justify-content:center;gap:25px;perspective:800px;position:relative;padding-top:35px}.dice-tray:before{content:'';position:absolute;inset:35% 5% 2%;border:3px solid #ae8b4d5a;border-radius:50%;background:radial-gradient(ellipse,#073a2c88,transparent 70%);transform:rotateX(40deg)}.die-space{--die-size:100px;--die-half:50px;position:relative;width:var(--die-size);height:var(--die-size);perspective:700px}.solid-die{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.die-face{position:absolute;inset:0;background:linear-gradient(135deg,#fffef5,#ece5d0 70%,#b8b29d);border:2px solid #e4ddc8;border-radius:16%;box-shadow:inset 0 0 11px #98886855;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:8%;padding:17%;backface-visibility:hidden}.die-face i{border-radius:50%;background:radial-gradient(circle at 55% 70%,#44413a,#060807 65%);box-shadow:inset 1px 2px 2px #000,0 1px #fff7}.die-face.face-1 i{background:radial-gradient(circle at 50% 70%,#a63f37,#641c17)}.face-1{transform:translateZ(var(--die-half))}.face-2{transform:rotateY(90deg) translateZ(var(--die-half))}.face-3{transform:rotateX(90deg) translateZ(var(--die-half))}.face-4{transform:rotateX(-90deg) translateZ(var(--die-half))}.face-5{transform:rotateY(-90deg) translateZ(var(--die-half))}.face-6{transform:rotateY(180deg) translateZ(var(--die-half))}
.five-dice{gap:20px;flex-wrap:wrap}.five-dice .die-space{--die-size:64px;--die-half:32px;transform:scale(.85)}.dice-shadows{position:absolute;bottom:65px;width:65%;height:30px;background:radial-gradient(ellipse,#0008,transparent 70%);filter:blur(8px)}
.coin-scene{height:335px;perspective:800px;position:relative;display:grid;place-items:center;padding-top:80px}.coin-flight{width:155px;height:155px;perspective:800px}.gold-coin{width:100%;height:100%;position:relative;transform-style:preserve-3d}.coin-face,.coin-edge{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden}.coin-face{background-image:url('/static/table-art/coin.1456b4a99244.webp');background-size:200% 200%;background-position:0 50%;z-index:2;box-shadow:inset 0 0 0 2px #f2c15d;transform:translateZ(5px)}.coin-tail{background-position:100% 50%;transform:rotateY(180deg) translateZ(5px)}.coin-edge{background:repeating-conic-gradient(#f2cd73 0 2deg,#936521 2deg 4deg);backface-visibility:visible;box-shadow:inset 0 0 0 2px #bd8d35}.coin-shadow{position:absolute;top:78%;left:36%;width:28%;height:22px;border-radius:50%;background:#0007;filter:blur(10px)}
.table-card{--card-width:70px;position:relative;flex:0 0 var(--card-width);width:var(--card-width);height:calc(var(--card-width)*1.43);border-radius:7px;border:1px solid #d4cdbb;color:#19202a;background:linear-gradient(125deg,#fffef9,#e8e5d9);box-shadow:1px 2px 0 #a6a08e,3px 7px 11px #0008,inset 0 0 0 3px #fff9;animation:cardArrive .45s both;animation-delay:var(--deal-delay,0ms);overflow:hidden;transform-origin:center}.card-red{color:#b52d38}.card-corner{position:absolute;left:5px;top:4px;display:grid;justify-items:center;font:700 17px/.95 Georgia,serif}.card-corner small{font-size:15px}.card-corner.bottom{top:auto;left:auto;right:5px;bottom:4px;transform:rotate(180deg)}.card-pips{position:absolute;inset:20% 23%;display:grid;grid-template-columns:1fr 1fr;align-content:space-evenly;justify-items:center;font:20px/1 Georgia,serif}.card-pips i{font-style:normal}.pips-1{display:grid;place-items:center;font-size:42px}.pips-3 i:last-child,.pips-5 i:last-child,.pips-7 i:last-child,.pips-9 i:last-child{grid-column:span 2}.pips-0{inset:19% 19%;background:linear-gradient(45deg,#e2bd6f55,#f5e4b522);border:1px solid #c4a360;display:flex;flex-direction:column;justify-content:center;gap:4px}.court-rank{font:700 29px Georgia,serif}.court-suit{font-size:24px}.card-back{background:repeating-linear-gradient(45deg,#193d6c 0 3px,#1e507e 3px 5px);border:3px solid #f3ebd4;box-shadow:1px 2px 0 #a6a08e,3px 7px 11px #0008,inset 0 0 0 2px #b0a16b}.card-back:after{content:'✦';position:absolute;inset:14%;display:grid;place-items:center;border:1px solid #c4ad6c;border-radius:50%;font-size:28px;color:#cfb576}.table-hand{display:flex;justify-content:center;gap:7px;min-height:105px;align-items:center;flex-wrap:wrap}.table-game .hand-title{color:#d3c7a6;font-size:10px;letter-spacing:2px}.table-game .hand-title b{display:inline-block;margin-left:6px;color:#fff2ce;border:1px solid #e3c38c66;border-radius:50%;min-width:25px;padding:4px}
.dealer-room{position:relative;padding-top:260px;margin:0 -24px}.dealer-portrait{position:absolute;inset:0 0 auto;height:430px;background:url('/static/table-art/dealer.2b8609571221.webp') center top/100% auto no-repeat;mask-image:linear-gradient(#000 80%,transparent)}.dealer-caption{position:absolute;top:14px;right:20px;font-size:8px;letter-spacing:2px;color:#f7e5b6;background:#080e0a8c;padding:7px;border:1px solid #c5a46e44;border-radius:4px}.blackjack-felt{position:relative;background:radial-gradient(ellipse at top,#1b6c4cbb,#063628ee 75%);border:1px solid #c5ab6a66;border-radius:50% 50% 18px 18px/15% 15% 18px 18px;padding:18px 15px 25px;margin:0 18px;box-shadow:0 -5px 0 #493019,0 -7px 0 #b08a4d55}.table-inscription{position:relative;text-align:center;letter-spacing:7px;font:600 19px/1.4 Georgia,serif;color:#d1bd7e99;padding:14px}.table-inscription small{display:block;font:8px/1.5 sans-serif;letter-spacing:4px;color:#dccb9c88}
.duel-table{padding:45px 10px 30px;min-height:360px}.duel-hands{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.duel-side{border:1px solid #d0b67455;border-radius:14px;padding:15px 4px;background:#0b3527aa;text-align:center}.duel-side>span{display:block;color:#e7d2a0;font-size:12px;letter-spacing:2px;margin-bottom:20px}.duel-side:last-child{background:#1d3147aa}.duel-side b{color:#fff;margin-left:5px}.duel-side .table-card{--card-width:58px}.highlow-stage{min-height:330px;display:grid;place-items:center;padding:20px}.highlow-card{perspective:700px}.highlow-card .table-card{--card-width:110px}.rank-rail{display:flex;justify-content:space-around;width:100%;gap:15px;color:#f0d49a;font:20px Georgia,serif}.rank-rail span{text-align:center}.rank-rail small{display:block;font:8px sans-serif;letter-spacing:2px;margin-top:5px;color:#cac3a9}.rank-rail span:nth-child(2){color:#b75c61}
.game.table-card-cover{padding:0 0 15px;background:#0b211b;border-color:#aa8f4b55}.table-cover{height:240px;position:relative;overflow:hidden;background:linear-gradient(#042b1b33,#04180bc9),url('/static/table-art/lounge.8a5c5b35e1ca.webp') center/cover}.table-cover>span{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:2px;color:#ead6a2}.table-cover>strong{position:absolute;bottom:17px;left:10px;right:10px;z-index:2;color:#f7db9e;font:700 25px/.95 Georgia,serif;text-shadow:0 3px 6px #000}.table-cover:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#06150a);pointer-events:none}.table-cover>img{height:100%;width:100%;object-fit:cover;object-position:50% 0;transform:scale(1.5);transform-origin:top center}.table-card-cover>b{padding:12px 6px 0;font-size:13px;color:#e3d7bc}.table-card-cover>small{font-size:8px}.cover-cards{position:absolute;inset:45px 0 0;display:flex;justify-content:center;gap:5px;transform:rotate(-8deg)}.cover-cards .table-card:last-child{transform:rotate(18deg) translateY(20px)}.cover-coin{position:absolute;width:130px;height:130px;border-radius:50%;left:calc(50% - 65px);top:45px;background:url('/static/table-art/coin.1456b4a99244.webp') 0 50%/200% 200%;filter:drop-shadow(0 12px 6px #0008);transform:rotate(-18deg)}.cover-wheel{position:absolute;width:150px;height:150px;left:calc(50% - 75px);top:35px;border:12px solid #986431;border-radius:50%;background:radial-gradient(circle,#d6b563 6%,#54351a 8% 39%,transparent 40%),repeating-conic-gradient(#a63a3c 0deg 9.73deg,#171719 9.73deg 19.46deg);box-shadow:0 12px 0 #402411,inset 0 0 0 6px #dfc182;transform:rotateX(25deg)}.cover-die{position:absolute;inset:60px 0 0;display:grid;place-items:start center}.cover-die .solid-die{transform:rotateX(-20deg) rotateY(30deg)!important}
@keyframes cardArrive{from{opacity:0;translate:70px -40px;rotate:14deg}to{opacity:1;translate:0 0;rotate:0deg}}
@media(max-width:600px){.table-game{padding:14px 12px 20px}.table-toolbar span{font-size:7px;letter-spacing:.5px}.dealer-room{margin:0 -12px;padding-top:210px}.dealer-portrait{height:340px;background-size:auto 350px}.blackjack-felt{margin:0 7px}.table-card{--card-width:57px}.table-hand{gap:5px;min-height:85px}.table-inscription{font-size:15px;padding:10px}.duel-hands{gap:8px}.duel-side .table-card{--card-width:43px}.duel-side .card-corner{font-size:12px;left:3px;top:3px}.duel-side .card-corner small{font-size:10px}.duel-side .card-corner.bottom{left:auto;top:auto;bottom:3px;right:3px}.duel-side .card-pips{font-size:12px}.duel-side .pips-1{font-size:27px}.table-game .controls select{max-width:100%;flex:1;min-width:140px}.table-game .controls #go{min-width:130px}.five-dice{gap:12px}.five-dice .die-space{--die-size:48px;--die-half:24px;transform:scale(.8)}.table-cover{height:215px}.table-cover>strong{font-size:22px}.coin-scene{height:310px}}
@media(prefers-reduced-motion:reduce){.table-card{animation:none}}

/* Opaque felt prevents the dealer artwork bleeding through the table. */
.blackjack-felt{background:radial-gradient(ellipse at top,#1b6047,#063628 75%)}
.die-space{transform:rotateX(-18deg) rotateY(-24deg);transform-style:preserve-3d}.five-dice .die-space{transform:scale(.85) rotateX(-18deg) rotateY(-24deg)}
.court-portrait{position:absolute;inset:0;background:url(/static/table-art/courts.df434fc76f4b.webp) 0 50%/300% 100%;display:block}.court-Q{background-position:50% 50%}.court-J{background-position:100% 50%}
@media(min-width:800px){.blackjack-felt .table-card{--card-width:88px}.blackjack-felt .table-hand{min-height:135px}.table-inscription{padding:18px}}
@media(max-width:600px){.five-dice .die-space{transform:scale(.8) rotateX(-18deg) rotateY(-24deg)}}

.coin-head{background-position:0 44%}.coin-tail{background-position:100% 44%}.cover-coin{background-position:0 44%}

.baccarat-host{position:relative;height:300px;margin:10px -24px 0;background:url('/static/table-art/baccarat.509a53d0fe2a.webp') center top/100% auto no-repeat;mask-image:linear-gradient(#000 88%,transparent)}.baccarat-host small{position:absolute;right:20px;top:15px;font-size:8px;letter-spacing:2px;background:#071c20b0;border:1px solid #ac9a6455;padding:7px;border-radius:4px;color:#e6d3a1}.table-game[data-table='baccarat'] .duel-table{padding-top:0}.table-game[data-table='baccarat'] .duel-side{background:#073437}.cover-dragon_tiger{background:linear-gradient(110deg,#7a263155,#083c5f66),url('/static/table-art/lounge.8a5c5b35e1ca.webp') center/cover}.cover-dice_poker .cover-die{display:flex;justify-content:center;gap:8px;top:80px;left:10px;right:10px}.cover-dice_poker .die-space{--die-size:32px;--die-half:16px}
@media(max-width:600px){.baccarat-host{height:210px;margin:10px -12px 0;background-size:auto 350px}}

.table-game .hand-title b:empty{display:none}.card-back .card-pips,.card-back .card-corner{display:none}

#gamepanel{scroll-margin-top:85px}.table-game[data-table='baccarat'] .duel-table{min-height:310px}
