*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button,input,textarea{font:inherit}.app-screen,.clone-scroll,.clone-screen{background:#000}.clone-scroll{-webkit-overflow-scrolling:touch;width:100%;height:100dvh;overflow:hidden}.clone-screen{color:#fff;width:100%;min-height:100dvh;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;container-type:inline-size}.source-page{--source-unit:calc(100cqw / 375);background:#523821;flex-direction:column;width:100%;height:100dvh;min-height:100dvh;display:flex;position:relative;overflow:hidden}.game-header{flex:0 0 calc(var(--source-unit) * 50);height:calc(var(--source-unit) * 50);padding:0 calc(var(--source-unit) * 5);color:#cdb170;font-size:calc(var(--source-unit) * 10);background:#171722 url(/assets/clone/header.png) 50%/100% 100% no-repeat;align-items:center;font-weight:700;display:flex}.table-name{color:#ffdc7b;font-size:calc(var(--source-unit) * 18);line-height:1}.timer-label{width:calc(var(--source-unit) * 64);height:calc(var(--source-unit) * 38);margin-left:auto;margin-right:calc(var(--source-unit) * 10);color:#ff3030;opacity:1;font-size:calc(var(--source-unit) * 18);white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:flex}.fullscreen-button{width:calc(var(--source-unit) * 28);height:calc(var(--source-unit) * 28);margin-right:calc(var(--source-unit) * 10);padding:calc(var(--source-unit) * 5);border-radius:calc(var(--source-unit) * 6);background:#cdb1701a;border:1px solid #cdb1704d;place-items:center;display:grid}.fullscreen-button img,.round-control img{width:100%;height:100%;display:block}.video-and-brand{flex-direction:column;flex:auto;min-height:0;display:flex}.video-area{aspect-ratio:375/210;background:#000;flex:none;width:100%;position:relative;overflow:hidden}.video-area canvas{width:100%;height:100%;display:block}.video-loader{width:calc(var(--source-unit) * 12);height:calc(var(--source-unit) * 12);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.round-control{right:calc(var(--source-unit) * 10);width:calc(var(--source-unit) * 32);height:calc(var(--source-unit) * 32);padding:calc(var(--source-unit) * 6);border:calc(var(--source-unit) * 2) solid #ffffff59;box-sizing:border-box;background:#0000007a;border-radius:50%;position:absolute}.video-button{top:calc(var(--source-unit) * 10)}.network-indicator{top:calc(var(--source-unit) * 50)}.brand-area{background:#523821;flex:auto;min-height:0;position:relative;overflow:hidden}.brand-pages-scroll{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:auto;width:100%;height:100%;position:relative;overflow:auto hidden}.brand-pages-scroll::-webkit-scrollbar{display:none}.brand-pages-track{width:200%;min-width:200%;height:100%;display:flex}.brand-page{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 50%;width:50%;min-width:0;height:100%;position:relative;overflow:hidden}.brand-ad-page{flex-direction:column;justify-content:center;align-items:center;display:flex}.brand-data-page{background:linear-gradient(160deg,#1b2636,#101824 68%,#2d2118)}.brand-card{width:min(50%, calc(var(--source-unit) * 220));aspect-ratio:195/125;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:100%;flex:0 auto}.brand-card.default-brand{padding:calc(var(--source-unit) * 10);border-radius:calc(var(--source-unit) * 4);color:#522f00;font-size:clamp(18px, calc(var(--source-unit) * 22), 34px);letter-spacing:.08em;text-align:center;text-shadow:0 1px #ffffffbf;background:linear-gradient(145deg,#fff7cf,#dca72b 46%,#7f4c07);border:1px solid #ffda7099;place-items:center;font-weight:900;text-decoration:none;display:grid}.brand-caption{width:min(50%, calc(var(--source-unit) * 220));padding:calc(var(--source-unit) * 3) 0;box-shadow:calc(var(--source-unit) * 2) calc(var(--source-unit) * 2) calc(var(--source-unit) * 5) #0000004d;color:#fff;font-size:calc(var(--source-unit) * 15);text-align:center;white-space:pre-line;background:#00000040;line-height:1.15}.brand-swipe-tip{right:calc(var(--source-unit) * 50);bottom:calc(var(--source-unit) * 5);color:#ffecbecc;font-size:max(9px, calc(var(--source-unit) * 9));text-align:center;pointer-events:none;line-height:1;position:absolute;left:0}.brand-page-button{z-index:8;right:calc(var(--source-unit) * 7);bottom:calc(var(--source-unit) * 5);min-width:calc(var(--source-unit) * 38);height:calc(var(--source-unit) * 22);padding:0 calc(var(--source-unit) * 8);border-radius:calc(var(--source-unit) * 11);color:#ffe18a;font-size:max(10px, calc(var(--source-unit) * 10));background:#121823db;border:1px solid #ffe29db3;line-height:1;position:absolute;box-shadow:0 2px 6px #0000004d}.brand-page-button:active{background:#334156f5;transform:scale(.96)}.card-stats-panel,.card-stats-pending{color:#fff;width:100%;height:100%}.card-stats-pending{color:#dce8f8;font-size:max(12px, calc(var(--source-unit) * 13));text-align:center;place-items:center;padding:12%;display:grid}.card-stats-panel{box-sizing:border-box;padding:calc(var(--source-unit) * 8) calc(var(--source-unit) * 7) calc(var(--source-unit) * 20);gap:calc(var(--source-unit) * 5);grid-template-rows:auto auto minmax(112px,1fr) auto auto;display:grid}.card-stats-heading,.card-stats-footer,.card-stats-legend{justify-content:space-between;align-items:center;display:flex}.card-stats-heading strong{color:#ffe18a;font-size:max(15px, calc(var(--source-unit) * 17))}.card-stats-heading span,.card-stats-legend,.card-stats-footer{color:#b9c8dd;font-size:max(9px, calc(var(--source-unit) * 9))}.shoe-summary-grid{gap:calc(var(--source-unit) * 4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.shoe-summary-grid article{min-width:0;padding:calc(var(--source-unit) * 5);border-radius:calc(var(--source-unit) * 5);background:#ffffff12;border:1px solid #ffde8f3d;grid-template-columns:1fr auto;align-items:end;display:grid}.shoe-summary-grid span,.shoe-summary-grid em{font-size:max(8px, calc(var(--source-unit) * 8));font-style:normal}.shoe-summary-grid strong{color:#ffe18a;font-size:max(19px, calc(var(--source-unit) * 23));grid-row:span 2;line-height:1}.shoe-summary-grid em{color:#aebed3}.exact-card-grid{background:#ffffff1f;border:1px solid #ffffff29;grid-template-rows:minmax(16px,.55fr) repeat(4,minmax(22px,1fr));grid-template-columns:minmax(19px,.8fr) repeat(13,minmax(16px,1fr));gap:1px;min-height:0;display:grid;overflow:hidden}.card-grid-corner,.card-grid-rank,.card-grid-suit,.exact-card-cell{background:#070d17d6;place-items:center;min-width:0;line-height:1;display:grid}.card-grid-corner,.card-grid-rank{color:#dce5f2;font-size:max(7px, calc(var(--source-unit) * 8))}.card-grid-suit{font-size:max(13px, calc(var(--source-unit) * 15))}.exact-card-cell{color:#ffe18a;font-size:max(9px, calc(var(--source-unit) * 11));font-weight:600}.suit-2,.suit-4{color:#ff6f6f}.suit-1,.suit-3{color:#dce7ff}.card-stats-legend{justify-content:flex-start;gap:calc(var(--source-unit) * 12)}.card-stats-footer{gap:calc(var(--source-unit) * 6);padding-right:calc(var(--source-unit) * 44);white-space:nowrap}.card-stats-footer em{color:#ffe18a;margin-left:auto;font-style:normal}.prediction-bar{flex:0 0 clamp(24px, calc(var(--source-unit) * 25), 34px);min-height:24px;padding:1px calc(var(--source-unit) * 4);justify-content:space-between;align-items:center;gap:calc(var(--source-unit) * 4);color:#666;background:#f7f7f7;border-bottom:1px solid #bbb;display:flex;overflow:hidden}.stat-strip,.prediction-actions{white-space:nowrap;align-items:center;min-width:0;display:flex}.stat-strip{gap:clamp(3px, calc(var(--source-unit) * 6), 11px);flex:auto;justify-content:space-between;overflow:hidden}.stat-item{align-items:center;gap:calc(var(--source-unit) * 2);font-size:clamp(8px, calc(var(--source-unit) * 9), 14px);flex:none;line-height:1;display:inline-flex}.stat-label{min-width:0;min-height:0;padding:calc(var(--source-unit) * 1.5) calc(var(--source-unit) * 3);border-radius:calc(var(--source-unit) * 5);color:#fff;place-items:center;display:inline-grid}.stat-label.plain{padding:calc(var(--source-unit) * 1.5) calc(var(--source-unit) * 3);border-radius:calc(var(--source-unit) * 5);background:#535353}.stat-value{color:#777;font-weight:400}.prediction-actions{gap:calc(var(--source-unit) * 3);flex:none}.prediction{height:clamp(18px, calc(var(--source-unit) * 20), 28px);min-width:clamp(54px, calc(var(--source-unit) * 61), 92px);padding:0 calc(var(--source-unit) * 3);border-radius:calc(var(--source-unit) * 4);justify-content:space-around;align-items:center;gap:calc(var(--source-unit) * 2);font-size:clamp(8px, calc(var(--source-unit) * 9), 14px);background:#fff;border:1px solid;line-height:1;display:inline-flex}.prediction.banker{color:#a74728}.prediction.player{color:#2027b8}.prediction[data-predicting=true]{background:#eee;box-shadow:inset 0 0 0 1px}.prediction i{width:clamp(6px, calc(var(--source-unit) * 7), 10px);height:clamp(6px, calc(var(--source-unit) * 7), 10px);flex:none;display:inline-block;position:relative}.prediction-ring{border:1.5px solid;border-radius:50%}.prediction-dot:after{content:"";background:currentColor;border-radius:50%;position:absolute;inset:20%}.prediction-slash:after{content:"";background:currentColor;width:94%;height:1.5px;position:absolute;top:47%;left:4%;transform:rotate(-55deg)}.prediction .blue{color:#2027b8}.prediction .red{color:#a74728}.prediction .neutral{color:#999}.road-section{flex:0 0 clamp(144px, calc(var(--source-unit) * 150), 190px);background:#fff;min-height:144px;display:flex}.road-grid{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.road-grid:active{cursor:grabbing}.game-footer{flex:0 0 clamp(16px, calc(var(--source-unit) * 24), 32px);background:#523821;min-height:16px}.access-overlay{z-index:50;color:#fff;text-align:center;background:#000000e8;place-items:center;padding:24px;font-size:clamp(18px,4cqw,28px);display:grid;position:absolute;inset:0}.access-message{gap:14px;display:grid}.access-message strong{color:#ffdc7b;font-size:1.35em}.access-message span{font-size:.72em;font-weight:400}.card-result-overlay{z-index:20;top:auto;right:0;bottom:clamp(16px, calc(var(--source-unit) * 24), 32px);height:clamp(144px, calc(var(--source-unit) * 150), 190px);pointer-events:none;isolation:isolate;display:flex;position:absolute;left:0;overflow:hidden}.result-hand-side{color:#fff;justify-content:center;align-items:center;gap:clamp(8px,3cqw,24px);width:50%;height:100%;display:flex;position:relative}.result-hand-side:after{z-index:-1;content:"";background:0 0;position:absolute;inset:0}.result-hand-side.winner:after{animation:.6s ease-in-out infinite alternate winner-flash}.player-hand{clip-path:polygon(0 0,100% 0,90% 100%,0 100%);background:linear-gradient(100deg,#00a5ff 0%,#1d9df0 78%,#009cffb3 100%);flex-direction:row-reverse;animation:6s ease-out forwards player-result-life}.banker-hand{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);background:linear-gradient(80deg,#ff3e3eb8 0%,#ff3434 22%,#f3252d 100%);animation:6s ease-out forwards banker-result-life}.hand-point{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:clamp(8px,2cqw,18px);font-size:clamp(34px,10cqw,60px);line-height:1;display:flex}.hand-point strong{background:#fff;border-radius:50%;place-items:center;width:clamp(40px,11cqw,66px);height:clamp(40px,11cqw,66px);font-size:clamp(26px,7cqw,40px);font-weight:700;display:grid}.player-hand .hand-point strong{color:#1a1686}.banker-hand .hand-point strong{color:#b73627}.hand-cards{justify-content:center;align-items:center;gap:clamp(6px,2cqw,16px);min-width:0;display:flex}.player-hand .hand-point,.player-hand .hand-cards{position:relative;left:calc(-1*clamp(16px,5cqw,30px))}.banker-hand .hand-point,.banker-hand .hand-cards{position:relative;left:clamp(16px,5cqw,30px)}.playing-card{aspect-ratio:60/86;color:#171717;background:linear-gradient(145deg,#fff 0%,#f4f4f4 100%);border:1px solid #00000042;border-radius:clamp(3px,1cqw,7px);flex:none;width:clamp(46px,16cqw,76px);font-family:Georgia,Times New Roman,serif;position:relative;overflow:hidden;box-shadow:0 2px 5px #00000047}.playing-card.red-suit{color:#cf1e1e}.playing-card.sideways{margin-inline:clamp(8px,3cqw,20px);transform:rotate(90deg)}.card-rank{font-size:clamp(22px,6.5cqw,35px);font-weight:700;line-height:1;position:absolute;top:5%;left:10%}.card-suit{font-size:clamp(27px,8cqw,44px);line-height:1;position:absolute;bottom:4%;right:8%}.hand-result{z-index:3;color:#fff;text-align:center;white-space:nowrap;border-radius:clamp(4px,1.2cqw,8px);min-width:clamp(100px,27cqw,154px);padding:clamp(9px,2.4cqw,14px) clamp(14px,3.5cqw,22px);font-size:clamp(25px,7cqw,42px);line-height:1;animation:6s ease-out forwards hand-result-life;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:3px 3px 5px 1px #00000073}.hand-result.banker{background:#a93724}.hand-result.player{background:#171a8e}.hand-result.tie{background:#24822d}@keyframes player-result-life{0%,to{transform:translate(-100%)}9%,91%{transform:translate(0)}}@keyframes banker-result-life{0%,to{transform:translate(100%)}9%,91%{transform:translate(0)}}@keyframes hand-result-life{0%,to{transform:translate(-50%,-50%)scale(0)}12%,88%{transform:translate(-50%,-50%)scale(1)}}@keyframes winner-flash{0%{background:#fff0}to{background:#ffffff38}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=374px){.game-header{flex-basis:44px;height:44px}.prediction-bar{padding-inline:3px}.brand-caption{font-size:max(12px, calc(var(--source-unit) * 15))}}@media (width<=767px) and (orientation:portrait){.player-hand .hand-point{left:-20px}.player-hand .hand-cards{left:-2px}.banker-hand .hand-point{left:20px}.banker-hand .hand-cards{left:2px}.result-hand-side{gap:2px}.hand-point{gap:7px;font-size:40px}.hand-point strong{width:48px;height:48px;font-size:31px}.hand-cards{gap:4px}.playing-card{width:clamp(44px,13cqw,52px)}.playing-card.sideways{margin-inline:9px}.hand-cards.has-three{gap:0}.hand-cards.has-three .playing-card+.playing-card{margin-left:-8px}.hand-cards.has-three .playing-card.sideways{margin-left:-13px;margin-right:7px}.card-rank{font-size:clamp(22px,6.2cqw,26px)}.card-suit{font-size:clamp(27px,7.5cqw,31px)}.hand-result{min-width:120px;padding:12px 18px;font-size:30px}}.mode-h5 .result-hand-side{padding-bottom:50px}.mode-h5 .player-hand .hand-point,.mode-h5 .banker-hand .hand-point{z-index:4;gap:1px;font-size:21px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.mode-h5 .hand-point strong{width:30px;height:30px;font-size:20px}.mode-h5 .player-hand .hand-cards,.mode-h5 .banker-hand .hand-cards{left:0;transform:translateY(-20px)}@media (width>=768px),(orientation:landscape) and (height<=560px){.clone-screen{--source-unit:clamp(1px, calc(100cqw / 980), 1.55px)}.source-page{--source-unit:clamp(1px, calc(100cqw / 980), 1.55px);min-height:100dvh}.game-header{flex-basis:clamp(48px,7.5vh,66px);height:auto;padding-inline:clamp(12px,1.4vw,24px);font-size:clamp(12px,1.05vw,16px)}.table-name{font-size:clamp(24px,2vw,32px)}.timer-label{width:clamp(100px,10vw,150px);height:42px;margin-right:16px;font-size:clamp(24px,2vw,32px)}.fullscreen-button{border-radius:8px;width:38px;height:38px;margin-right:0;padding:8px}.video-and-brand{flex-direction:row}.video-area{aspect-ratio:auto;flex:auto;width:auto;min-width:0}.video-area canvas{aspect-ratio:16/9;width:auto;max-width:100%;height:100%;margin-inline:auto}.brand-area{flex:0 0 clamp(260px,28vw,430px)}.brand-card,.brand-caption{width:min(72%,280px)}.brand-caption{padding:5px 0;font-size:clamp(14px,1.25vw,20px)}.round-control{border-width:2px;width:40px;height:40px;padding:8px;right:16px}.video-button{top:16px}.network-indicator{top:64px}.prediction-bar{flex-basis:clamp(28px,4vh,36px);gap:clamp(8px,2vw,28px);min-height:28px;margin-right:clamp(260px,28vw,430px);padding:2px clamp(8px,1vw,16px)}.prediction{border-radius:5px;min-width:78px;height:24px;padding-inline:5px;font-size:12px}.road-section{flex-basis:clamp(180px,26vh,230px);min-height:180px}.game-footer{flex-basis:clamp(14px,2.5vh,24px);min-height:14px}.card-result-overlay{height:clamp(236px,36vh,320px);top:auto;bottom:0}.result-hand-side{gap:clamp(20px,4vw,64px)}.player-hand .hand-point,.player-hand .hand-cards{left:calc(-1*clamp(42px,5vw,72px))}.banker-hand .hand-point,.banker-hand .hand-cards{left:clamp(42px,5vw,72px)}.hand-point{gap:clamp(8px,1.4vh,14px);font-size:clamp(48px,5.4vw,78px)}.hand-point strong{width:clamp(62px,5.4vw,82px);height:clamp(62px,5.4vw,82px);font-size:clamp(38px,3.7vw,52px)}.playing-card{width:clamp(76px,7.6vw,116px)}.card-rank{font-size:clamp(32px,3.5vw,50px)}.card-suit{font-size:clamp(40px,4.3vw,60px)}.hand-result{min-width:clamp(148px,15vw,210px);padding:clamp(13px,1.6vw,20px) clamp(20px,2.4vw,34px);font-size:clamp(36px,4vw,56px)}}@media (orientation:landscape) and (height<=560px){.game-header{flex-basis:44px}.brand-area{flex-basis:clamp(210px,28vw,260px)}.prediction-bar{flex-basis:28px;min-height:28px;padding-block:2px}.prediction{height:22px}.road-section{flex-basis:150px;min-height:150px}.game-footer{flex-basis:8px;min-height:8px}.card-result-overlay{height:202px}.result-hand-side{gap:16px}.player-hand .hand-point,.player-hand .hand-cards{left:-42px}.banker-hand .hand-point,.banker-hand .hand-cards{left:42px}.hand-point{gap:5px;font-size:48px}.hand-point strong{width:56px;height:56px;font-size:36px}.playing-card{width:74px}.hand-result{min-width:144px;padding:13px 20px;font-size:35px}}@media (width>=1px){.mode-web .game-header{flex:0 0 clamp(48px,6.2dvh,62px)}.mode-web .video-and-brand{flex:auto;grid-template-columns:minmax(0,72fr) minmax(96px,28fr);min-height:0;display:grid}.mode-web .video-area{width:100%;min-width:0;height:100%;min-height:0}.mode-web .video-area canvas{aspect-ratio:auto;width:100%;max-width:none;height:100%;margin:0}.mode-web .brand-area{width:100%;min-width:0;height:100%;padding:0}.mode-web .brand-ad-page{gap:clamp(8px,1.4vh,16px);padding:clamp(8px,3vh,34px) clamp(8px,2vw,32px) clamp(22px,4vh,42px)}.mode-web .brand-card,.mode-web .brand-caption{width:min(86%,320px)}.mode-web .brand-caption{padding:clamp(6px,.9vh,10px) 8px;font-size:clamp(14px,1.25vw,20px)}.mode-web .prediction-bar{flex:0 0 clamp(30px,4.2dvh,40px);margin-right:0;padding-inline:clamp(10px,1.2vw,20px)}.mode-web .road-section{flex:0 0 clamp(160px,30dvh,300px);min-height:160px}.mode-web .game-footer{flex:0 0 clamp(10px,1.8dvh,20px);min-height:10px}}@media (width<=767px){.mode-h5 .road-section{flex:0 0 calc(var(--source-unit) * 120);min-height:0}.mode-h5 .card-result-overlay{bottom:calc(var(--source-unit) * 12);height:calc(var(--source-unit) * 120)}.mode-h5 .player-hand .hand-cards{left:calc(var(--source-unit) * -34);transform:translateY(0)}.mode-h5 .banker-hand .hand-cards{left:calc(var(--source-unit) * 34);transform:translateY(0)}.mode-h5 .playing-card{width:calc(var(--source-unit) * 42)}.mode-h5 .game-footer{flex:0 0 calc(var(--source-unit) * 12);min-height:calc(var(--source-unit) * 12)}}@media (width>=768px) and (orientation:portrait){.mode-h5 .source-page{--source-unit:calc(100cqw / 375)}.mode-h5 .game-header{flex:0 0 calc(var(--source-unit) * 50);height:calc(var(--source-unit) * 50);padding-inline:calc(var(--source-unit) * 5)}.mode-h5 .video-and-brand{flex-direction:column;display:flex}.mode-h5 .video-area{aspect-ratio:375/210;flex:none;width:100%}.mode-h5 .video-area canvas{aspect-ratio:auto;width:100%;max-width:none;height:100%;margin:0}.mode-h5 .brand-area{flex:auto;width:100%}.mode-h5 .prediction-bar{margin-right:0}}@media (width>=1440px){.source-page{width:min(100%,1600px);margin-inline:auto;box-shadow:0 0 48px #0000008c}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.player-hand,.banker-hand{animation:none;transform:translate(0)}.hand-result{animation:none;transform:translate(-50%,-50%)scale(1)}}