:root{color-scheme:dark;--ui-k: 1;--fan-k: 1;--card-k: 1;--cw: calc(116px * var(--ui-k) * var(--card-k));--ch: calc(162px * var(--ui-k) * var(--card-k))}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:36px 16px;display:flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif;background:#0c141d;color:#e7eef5}.baccarat{width:100%;max-width:1020px}.table{background:#16202c;border:2px solid #243140;border-radius:20px;overflow:hidden}.scorebar{position:relative;z-index:5;min-height:48px;padding:15px 28px;background:#121b25;border-bottom:1px solid #1f2b38}.history{display:flex;gap:6px;flex-wrap:wrap}.bead{width:18px;height:18px;border-radius:50%;color:#fff;font:700 11px system-ui;display:flex;align-items:center;justify-content:center}.bead.P{background:#2f86d8}.bead.B{background:#e0414c}.bead.T{background:#3ec46d}.body{padding:0 34px 80px}.deckwrap{display:flex;justify-content:center;margin-top:calc(-78px * var(--ui-k));margin-bottom:calc(24px * var(--ui-k))}.deck{position:relative;width:var(--cw);height:var(--ch)}.deck .deck-card{position:absolute;top:0;right:0;bottom:0;left:0}.deck .deck-card:nth-child(2){transform:translate(3px,-3px)}.deck .deck-card:nth-child(3){transform:translate(6px,-6px)}.deck .deck-card:nth-child(4){transform:translate(9px,-9px)}.fan{position:absolute;top:0;right:0;bottom:0;left:0}.card-container{position:absolute;left:50%;bottom:calc(-26px * var(--ui-k));margin-left:calc(var(--cw) / -2);width:var(--cw);height:var(--ch);transform-origin:50% 100%;transition:transform .24s cubic-bezier(.25,.7,.3,1);z-index:var(--fan-z, 1)}.card-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1}@keyframes dealIn{0%{transform:translate(var(--from-x, 0),var(--from-y, -200px));opacity:1}to{transform:translate(0);opacity:1}}.card-slide.slide-in{animation:dealIn .32s cubic-bezier(.25,.7,.3,1) both}@keyframes dealOut{0%{transform:translate(0) rotate(0);opacity:1}65%{opacity:0}to{transform:translate(-60px,140px) rotate(-9deg);opacity:0}}.card-slide.exit{animation:dealOut .15s ease-in both}.card-flipper,.card.face-side{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(13px * var(--ui-k))}.card.front-side{opacity:0}.card{width:100%;height:100%;background:#fff;border-radius:calc(13px * var(--ui-k));box-shadow:-4px 8px 20px #00000080;color:#1b2733;position:relative}.card.red{color:#e0414c}.card.back{background:repeating-linear-gradient(45deg,#1f3a5f,#1f3a5f 6px,#27497a 6px,#27497a 13px);border:3px solid #fff}.card .idx{position:absolute;top:calc(10px * var(--ui-k) * var(--card-k));left:calc(13px * var(--ui-k) * var(--card-k));display:flex;flex-direction:column;align-items:center;line-height:1;color:inherit}.card .idx .rank{font:800 calc(29px * var(--ui-k) * var(--card-k))/1 system-ui}.card .idx .suit{font-size:calc(20px * var(--ui-k) * var(--card-k));margin-top:calc(3px * var(--ui-k) * var(--card-k))}.card .big{position:absolute;bottom:calc(8px * var(--ui-k) * var(--card-k));right:calc(13px * var(--ui-k) * var(--card-k));font-size:calc(43px * var(--ui-k) * var(--card-k));line-height:1;color:inherit}.col.win .card.face{box-shadow:-4px 8px 20px #00000080,0 0 0 4px #3ec46d}.cols{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:168px}.col{display:flex;flex-direction:column;align-items:center;gap:12px}.label{font:800 15px system-ui;letter-spacing:.14em;text-transform:uppercase;color:#8aa0b4}.col.player .label{color:#5b9be0}.col.banker .label{color:#e0707a}.hand{position:relative;width:calc(224px * var(--ui-k));height:calc(166px * var(--ui-k))}.hand:before{content:"";position:absolute;top:-6px;right:-54px;bottom:-64px;left:-54px;border-radius:22px;background:var(--hand-tint);border:1px solid var(--hand-line);z-index:0}.col.player{--hand-tint: rgba(91,155,224,.12);--hand-line: rgba(91,155,224,.07)}.col.banker{--hand-tint: rgba(224,112,122,.12);--hand-line: rgba(224,112,122,.07)}.tot-anchor{position:absolute;left:50%;bottom:calc(-26px * var(--ui-k));margin-left:calc(var(--cw) / -2);width:var(--cw);height:var(--ch);transform-origin:50% 100%;transform:translate(0) translateY(0) rotate(0);z-index:40;transition:transform .24s cubic-bezier(.25,.7,.3,1);pointer-events:none}.tot{position:absolute;top:calc(-17px * var(--ui-k));right:calc(-19px * var(--ui-k));min-width:calc(44px * var(--ui-k));height:calc(42px * var(--ui-k));padding:0 calc(13px * var(--ui-k));border-radius:999px;background:#1d2b3a;color:#fff;font:800 calc(20px * var(--ui-k)) system-ui;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000080;transition:opacity .25s ease}.tot:empty{display:none}.tot.win{background:#3ec46d;color:#0c2417}.winbox{position:fixed;left:50%;top:50%;z-index:120;pointer-events:none;min-width:188px;padding:22px 34px 24px;text-align:center;background:#15212d;border:2px solid #3ec46d;border-radius:18px;opacity:0;transform:translate(-50%,-50%) scale(.8);box-shadow:0 0 0 1px #3ec46d4d,0 0 36px #3ec46d80,0 18px 42px #0009;transition:opacity .22s ease,transform .36s cubic-bezier(.2,1.55,.4,1)}.winbox.show{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 1px #3ec46d4d,0 0 36px #3ec46d80,0 18px 42px #0009,0 0 0 100vmax #060a0f8c}.win-row{display:flex;flex-direction:column;align-items:center;gap:1px}.win-row+.win-row{margin-top:12px}.win-name{font:700 14px system-ui;letter-spacing:.03em;color:#9fb3c4}.win-mult{font:800 34px/1 system-ui;color:#4fe084}.win-div{height:1px;background:#ffffff21;margin:15px 0}.win-amt{display:flex;align-items:center;justify-content:center;gap:8px;font:800 21px system-ui;color:#eef4fa}.win-coin{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#f0a32a;color:#4a2f00;font:800 13px/1 system-ui}.betting{margin-top:168px;display:flex;flex-direction:column;gap:34px}.spots{display:flex;justify-content:center;align-items:flex-end;gap:24px}.spot{position:relative;width:164px;min-height:90px;background:#243240;border:1px solid #2e3e4e;border-radius:14px;padding:13px 10px 12px;text-align:center;cursor:pointer;color:#e7eef5;box-shadow:0 8px 20px #0000004d}.spot:hover{border-color:#3ec46d}.spot-name{display:block;font:700 18px system-ui}.spot-pay{display:block;font:600 13px system-ui;color:#7d8c9b}.spot-panda8{border-color:#3a6a90}.spot-panda8 .spot-name{color:#5fb0e8}.spot-dragon7{border-color:#8a3f44}.spot-dragon7 .spot-name{color:#e0707a}.spot.win-glow{border-color:#3ec46d;box-shadow:0 0 0 1px #3ec46d66,0 0 26px #3ec46d8c,0 8px 20px #0000004d}.spot-amt{position:absolute;left:50%;bottom:-13px;transform:translate(-50%);min-width:22px;padding:2px 9px;border-radius:999px;background:#f0c33b;color:#2a2207;font:800 14px/1.4 system-ui;box-shadow:0 2px 6px #00000073}.spot-amt:empty{display:none}.chip-stack{position:absolute;left:50%;margin-left:calc(-20px * var(--ui-k));bottom:calc(8px * var(--ui-k));width:calc(40px * var(--ui-k));height:calc(40px * var(--ui-k));pointer-events:none}.chip-col{position:absolute;left:0;bottom:0;width:calc(40px * var(--ui-k));height:calc(40px * var(--ui-k));transform-origin:50% 100%}.chip-disc{position:absolute;left:0;bottom:0;width:calc(40px * var(--ui-k));height:calc(40px * var(--ui-k));border-radius:50%;background:var(--body);box-shadow:0 2px 0 var(--shadow),0 3px 6px #00000073;display:grid;place-items:center}.chip-disc:before{content:"";position:absolute;inset:calc(5px * var(--ui-k));border-radius:50%;border:2px solid var(--ring)}.chip-disc-num{position:relative;color:#fff;line-height:1;font:800 calc(15px * var(--ui-k)) system-ui}.spot-panda8{transform:translateY(-34px) rotate(9deg)}.spot-player{transform:translateY(-12px) rotate(4deg)}.spot-tie{transform:translateY(0) rotate(0)}.spot-banker{transform:translateY(-12px) rotate(-4deg)}.spot-dragon7{transform:translateY(-34px) rotate(-9deg)}.controls{display:flex;justify-content:center;align-items:center;gap:14px}.chips{display:flex;gap:14px}.chip{position:relative;width:54px;height:54px;border-radius:50%;border:none;padding:0;cursor:pointer;color:#fff;font:800 18px system-ui;background:var(--body);box-shadow:0 4px 10px #0006;display:grid;place-items:center;transition:transform .12s}.chip:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:2px solid var(--ring)}.chip>span{position:relative;z-index:1}.chip.selected{transform:translateY(-5px);outline:3px solid #f0c33b;outline-offset:3px}[data-chip="1"]{--body: #62707e;--ring: rgba(255,255,255,.5);--shadow: #3c4754}[data-chip="5"]{--body: #d23b46;--ring: rgba(255,255,255,.55);--shadow: #97282f}[data-chip="10"]{--body: #2f6fd0;--ring: rgba(255,255,255,.55);--shadow: #214f8f}[data-chip="25"]{--body: #2aa75c;--ring: rgba(255,255,255,.55);--shadow: #1d7541}.clear,.deal{border:none;border-radius:11px;padding:12px 24px;cursor:pointer;font:700 17px system-ui}.clear{background:#243240;color:#e7eef5}.deal{background:#3ec46d;color:#0c2417}@media (max-width: 640px){:root{--ui-k: .76;--fan-k: 1.1;--card-k: 1.12}html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}body{padding:0;background:#16202c;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center}.baccarat{width:100%;max-width:none}.table{border:0;border-radius:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative}.scorebar{padding:0;min-height:0;flex-shrink:0;border-bottom:0}.history{flex-wrap:nowrap;overflow:hidden;gap:5px;padding:7px 9px;min-height:29px}.bead{width:15px;height:15px;font-size:9px}.body{padding:8px 14px 40px;flex:1;display:flex;flex-direction:column}.deckwrap{position:absolute;top:-18px;right:10px;margin:0}.cols{flex-direction:column-reverse;align-items:center;gap:34px;margin-top:44px;margin-bottom:14px}.col{gap:32px}.hand:before{display:none}.card-container,.tot-anchor{bottom:0}.label{font-size:14px}.winbox{min-width:200px}.betting{margin-top:auto;gap:14px}.spots{display:grid;grid-template-columns:repeat(6,1fr);gap:14px 10px;align-items:stretch}.spot{width:auto;min-height:50px;padding:8px;transform:none;box-shadow:0 5px 14px #0000004d}.spot-name{font-size:16px}.spot-pay{font-size:12px}.spot-panda8{grid-area:1 / 1 / 2 / 4}.spot-dragon7{grid-area:1 / 4 / 2 / 7}.spot-player{grid-area:2 / 1 / 3 / 3}.spot-tie{grid-area:2 / 3 / 3 / 5}.spot-banker{grid-area:2 / 5 / 3 / 7}.spot-amt{left:50%;right:auto;top:auto;bottom:-15px;transform:translate(-50%);font-size:13px}.chip-col{transform:none!important}.spot-player,.spot-tie,.spot-banker{z-index:20}.spot-panda8,.spot-dragon7{z-index:12}.controls{flex-wrap:wrap;gap:14px}.chips{order:1;width:100%;justify-content:center;gap:16px;margin-top:10px}.chip{width:58px;height:58px;font-size:19px}.clear,.deal{flex:1;padding:15px 18px;font-size:17px}}