body.mock-v3 .game-table--mat{--mat-pad:clamp(10px,1.65vw,22px);--mat-gap:clamp(2px,0.52vw,8px);--card-w:clamp(26px,calc((100vw - 220px) / 14),108px);--card-h:calc(var(--card-w) * 1.42);display:block;min-height:auto;overflow:visible;padding:var(--mat-pad)}@media (min-width:1200px){body.mock-v3 .mock-v3-first-screen .mock-v3-shell{width:min(1720px,calc(100vw - 64px));max-width:none}body.mock-v3 .game-table--mat{--mat-pad:0px;--card-w:min(113px,calc((min(1720px,calc(100vw - 64px)) - (var(--mat-gap) * 13)) / 14))}}body.mock-v3 .game-table--mat .mat-board{display:grid;grid-template-columns:repeat(14,var(--card-w));grid-template-rows:repeat(4,var(--card-h));gap:var(--mat-gap);justify-content:center;align-content:start;width:100%;max-width:100%}@media (max-width:1199px){body.mock-v3 .game-table--mat{--mat-gap:clamp(4px,0.72vw,7px);--card-w:clamp(54px,calc((100vw - 86px) / 14),82px);width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}body.mock-v3 .game-table--mat .mat-board{width:max-content;min-width:max-content;max-width:none;justify-content:start}}body.mock-v3 .game-table--mat .pile--mat-cell{width:var(--card-w);min-height:var(--card-h);height:var(--card-h);border-radius:clamp(5px,calc(var(--card-w) * 0.11),12px);border-color:rgba(211,235,224,0.48);background:transparent}body.mock-v3 .game-table--mat .pile--mat-start{border-color:rgba(211,235,224,0.52);background:transparent}body.mock-v3 .game-table--mat .pile--mat-locked{border-color:rgba(211,235,224,0.56);box-shadow:none}body.mock-v3 .game-table--mat .card-placeholder--mat{inset:0;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;display:grid;grid-auto-rows:max-content;place-items:center;align-content:center;justify-content:center;gap:clamp(1px,calc(var(--card-w) * 0.012),2px);color:rgba(255,255,255,0.58);font-weight:800;letter-spacing:0;line-height:1}body.mock-v3 .game-table--mat .card-placeholder--mat-start{color:rgba(211,235,224,0.72);font-family:var(--font-display);font-size:clamp(0.72rem,calc(var(--card-w) * 0.22),1.22rem);text-shadow:none}body.mock-v3 .game-table--mat .playing-card{width:var(--card-w);height:var(--card-h)}body.mock-v3 .game-table--mat .playing-card.is-locked{cursor:default;box-shadow:0 0 0 2px rgba(255,224,155,0.28),var(--shadow-card)}body.mock-v3 .game-table--mat .playing-card.is-locked::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,224,155,0.55);pointer-events:none}body.mock-v3 .game-table--mat .playing-card__corner{top:clamp(5px,calc(var(--card-w) * 0.075),9px);left:clamp(5px,calc(var(--card-w) * 0.075),9px);width:clamp(15px,calc(var(--card-w) * 0.18),22px);min-width:0;align-content:start;gap:clamp(0px,calc(var(--card-w) * 0.006),1px)}body.mock-v3 .game-table--mat .playing-card__corner--bottom{top:auto;left:auto;right:clamp(5px,calc(var(--card-w) * 0.075),9px);bottom:clamp(5px,calc(var(--card-w) * 0.075),9px);height:auto;transform:none}body.mock-v3 .game-table--mat .playing-card__corner--bottom .playing-card__suit{order:1;margin-top:0}body.mock-v3 .game-table--mat .playing-card__corner--bottom .playing-card__rank{order:2}body.mock-v3 .game-table--mat .playing-card__corner--bottom .playing-card__rank,body.mock-v3 .game-table--mat .playing-card__corner--bottom .playing-card__suit{transform:rotate(180deg)}body.mock-v3 .game-table--mat .playing-card__rank{font-size:clamp(0.78rem,calc(var(--card-w) * 0.15),1.08rem);line-height:0.95}body.mock-v3 .game-table--mat .playing-card__suit{font-size:clamp(0.72rem,calc(var(--card-w) * 0.13),1rem);line-height:1}body.mock-v3 .game-table--mat .suit-icon{display:block;flex:0 0 auto;fill:currentColor;overflow:visible}body.mock-v3 .game-table--mat .playing-card__suit.suit-icon{width:clamp(0.64rem,calc(var(--card-w) * 0.12),0.92rem);height:clamp(0.64rem,calc(var(--card-w) * 0.12),0.92rem);margin-top:clamp(0px,calc(var(--card-w) * 0.012),1px)}body.mock-v3 .game-table--mat .playing-card__center{inset:16% 12% 14%;font-size:clamp(1.32rem,calc(var(--card-w) * 0.29),2.45rem)}body.mock-v3 .game-table--mat .playing-card__pips{--pip-size:clamp(1rem,calc(var(--card-w) * 0.205),1.48rem)}body.mock-v3 .game-table--mat .playing-card__pips--1 .playing-card__pip{font-size:clamp(2rem,calc(var(--card-w) * 0.36),2.75rem)}body.mock-v3 .game-table--mat .playing-card__pip.suit-icon{width:calc(var(--pip-size) * 0.7);height:calc(var(--pip-size) * 0.7);font-size:0}body.mock-v3 .game-table--mat .playing-card__pips--1 .playing-card__pip.suit-icon,body.mock-v3 .game-table--mat .playing-card__pip--ace.suit-icon{width:clamp(2rem,calc(var(--card-w) * 0.38),2.85rem);height:clamp(2rem,calc(var(--card-w) * 0.38),2.85rem)}body.mock-v3 .game-table--mat .playing-card__pips--4,body.mock-v3 .game-table--mat .playing-card__pips--5{--pip-size:clamp(0.92rem,calc(var(--card-w) * 0.18),1.34rem)}body.mock-v3 .game-table--mat .playing-card__pips--6{--pip-size:clamp(0.86rem,calc(var(--card-w) * 0.165),1.22rem)}body.mock-v3 .game-table--mat .playing-card__pips--7,body.mock-v3 .game-table--mat .playing-card__pips--8{--pip-size:clamp(0.78rem,calc(var(--card-w) * 0.15),1.12rem)}body.mock-v3 .game-table--mat .playing-card__pips--9,body.mock-v3 .game-table--mat .playing-card__pips--10{--pip-size:clamp(0.68rem,calc(var(--card-w) * 0.135),1rem)}body.mock-v3 .game-table--mat .playing-card__face-art{inset:15% 10% 12%}body.mock-v3 .game-table--mat .playing-card__face-image{max-width:92%;max-height:100%;object-position:center}body.mock-v3 .game-table--mat .playing-card__pip{font-size:var(--pip-size)}body.mock-v3 .game-table--mat .card-placeholder__foundation-rank{display:block;font-size:clamp(0.48rem,calc(var(--card-w) * 0.16),0.92rem);line-height:0.9}body.mock-v3 .game-table--mat .card-placeholder__foundation-suit{display:block;font-size:clamp(0.5rem,calc(var(--card-w) * 0.18),1rem);line-height:0.9}@media (max-width:1199px){body.mock-v3 .game-table--mat .playing-card__corner{top:clamp(4px,calc(var(--card-w) * 0.075),7px);left:clamp(4px,calc(var(--card-w) * 0.075),7px);width:clamp(11px,calc(var(--card-w) * 0.19),15px);height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;line-height:0.92;overflow:visible}body.mock-v3 .game-table--mat .playing-card__corner--bottom{top:auto;left:auto;right:clamp(4px,calc(var(--card-w) * 0.075),7px);bottom:clamp(4px,calc(var(--card-w) * 0.075),7px);height:auto}body.mock-v3 .game-table--mat .playing-card__rank{font-size:clamp(0.56rem,calc(var(--card-w) * 0.16),0.78rem);line-height:0.92}body.mock-v3 .game-table--mat .playing-card__suit.suit-icon{width:clamp(0.42rem,calc(var(--card-w) * 0.12),0.58rem);height:clamp(0.42rem,calc(var(--card-w) * 0.12),0.58rem);margin-top:0}body.mock-v3 .game-table--mat .playing-card__center{inset:23% 16% 20%}body.mock-v3 .game-table--mat .playing-card__face-art{inset:23% 12% 18%}body.mock-v3 .game-table--mat .playing-card__face-image{max-width:80%;max-height:86%}body.mock-v3 .game-table--mat .playing-card__pips:not(.playing-card__pips--1) .playing-card__pip{display:none}body.mock-v3 .game-table--mat .playing-card__pips:not(.playing-card__pips--1) .playing-card__pip:first-child{display:block;left:50%;top:50%;width:clamp(0.64rem,calc(var(--card-w) * 0.21),0.92rem);height:clamp(0.64rem,calc(var(--card-w) * 0.21),0.92rem);transform:translate(-50%,-50%)}body.mock-v3 .game-table--mat .playing-card__pips:not(.playing-card__pips--1)::before{content:none}body.mock-v3 .game-table--mat .playing-card__pips--1 .playing-card__pip.suit-icon,body.mock-v3 .game-table--mat .playing-card__pip--ace.suit-icon{width:clamp(1.28rem,calc(var(--card-w) * 0.48),1.95rem);height:clamp(1.28rem,calc(var(--card-w) * 0.48),1.95rem)}}@media (max-width:760px){body.mock-v3 .game-table--mat{--mat-pad:8px 6px 12px;--mat-gap:clamp(3px,0.95vw,5px);--card-w:clamp(56px,14.5vw,66px);padding:var(--mat-pad)}body.mock-v3 .game-table--mat .playing-card__corner{top:clamp(4px,calc(var(--card-w) * 0.08),6px);left:clamp(4px,calc(var(--card-w) * 0.08),6px);width:clamp(10px,calc(var(--card-w) * 0.19),13px);height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;line-height:0.9;overflow:visible}body.mock-v3 .game-table--mat .playing-card__corner--bottom{top:auto;left:auto;right:clamp(4px,calc(var(--card-w) * 0.08),6px);bottom:clamp(4px,calc(var(--card-w) * 0.08),6px);height:auto}body.mock-v3 .game-table--mat .playing-card__rank{font-size:clamp(0.5rem,calc(var(--card-w) * 0.17),0.62rem);line-height:0.9}body.mock-v3 .game-table--mat .playing-card__suit.suit-icon{width:clamp(0.36rem,calc(var(--card-w) * 0.12),0.48rem);height:clamp(0.36rem,calc(var(--card-w) * 0.12),0.48rem);margin-top:0}body.mock-v3 .game-table--mat .playing-card__center{inset:25% 18% 22%}body.mock-v3 .game-table--mat .playing-card__face-art{inset:25% 12% 19%}body.mock-v3 .game-table--mat .playing-card__face-image{max-width:76%;max-height:82%}body.mock-v3 .game-table--mat .playing-card__pips:not(.playing-card__pips--1) .playing-card__pip{display:none}body.mock-v3 .game-table--mat .playing-card__pips:not(.playing-card__pips--1) .playing-card__pip:first-child{display:block;left:50%;top:50%;width:clamp(0.58rem,calc(var(--card-w) * 0.2),0.76rem);height:clamp(0.58rem,calc(var(--card-w) * 0.2),0.76rem);transform:translate(-50%,-50%)}body.mock-v3 .game-table--mat .playing-card__pips--1 .playing-card__pip.suit-icon,body.mock-v3 .game-table--mat .playing-card__pip--ace.suit-icon{width:clamp(1.16rem,calc(var(--card-w) * 0.48),1.62rem);height:clamp(1.16rem,calc(var(--card-w) * 0.48),1.62rem)}body.mock-v3 .game-table--mat .playing-card__pips:not(.playing-card__pips--1)::before{content:none}body.mock-v3 .game-table--mat .playing-card__face-image{object-fit:contain}}@media (max-width:420px){body.mock-v3 .mock-v3-table-wrap{padding-inline:0}body.mock-v3 .game-table--mat{--mat-pad:8px 6px 12px;--mat-gap:3px;--card-w:clamp(56px,14.4vw,60px)}body.mock-v3 .game-table--mat .playing-card__corner{gap:0}body.mock-v3 .game-table--mat .playing-card__rank{font-size:clamp(0.48rem,calc(var(--card-w) * 0.16),0.58rem)}body.mock-v3 .game-table--mat .playing-card__suit.suit-icon{width:clamp(0.34rem,calc(var(--card-w) * 0.11),0.44rem);height:clamp(0.34rem,calc(var(--card-w) * 0.11),0.44rem)}body.mock-v3 .game-table--mat .playing-card__face-art{inset:27% 13% 20%}body.mock-v3 .game-table--mat .playing-card__face-image{max-width:72%;max-height:78%}}body.mock-v3 .game-table--mat .playing-card__suit,body.mock-v3 .game-table--mat .playing-card__pip,body.mock-v3 .game-table--mat .card-placeholder__foundation-suit{font-variant-emoji:normal;line-height:1}body.mock-v3 .game-table--mat .suit-icon{display:block;flex:0 0 auto;fill:currentColor;overflow:visible}body.mock-v3 .game-table--mat .playing-card__face-fallback-icon{width:clamp(1.3rem,calc(var(--card-w) * 0.38),2.7rem);height:clamp(1.3rem,calc(var(--card-w) * 0.38),2.7rem)}body.mock-v3 .game-table--mat .card-placeholder__foundation-suit{display:grid;place-items:center}body.mock-v3 .game-table--mat .card-placeholder__foundation-suit-icon{width:clamp(0.5rem,calc(var(--card-w) * 0.18),1rem);height:clamp(0.5rem,calc(var(--card-w) * 0.18),1rem)}body.mock-v3 .game-table--mat .playing-card__pips::before{content:none}
