.felt{position:relative;display:grid;grid-template-rows:minmax(92px,1fr) auto minmax(112px,1.15fr);gap:4px;min-width:0;min-height:0;overflow:hidden;padding:10px 12px;border:1px solid #2f8b72;border-radius:8px;background-color:var(--felt);box-shadow:inset 0 0 0 1px #ffffff0f}.felt:before{position:absolute;top:8%;right:8%;bottom:5%;left:8%;border:2px solid rgb(240 199 94 / 42%);border-radius:50%;content:"";pointer-events:none}.hand-zone,.message-row{position:relative;z-index:1;min-width:0;min-height:0}.hand-zone{display:grid;grid-template-rows:24px minmax(0,1fr);align-items:center}.dealer-zone{grid-template-rows:24px minmax(0,1fr) auto}.zone-header{display:flex;align-items:center;justify-content:center;gap:12px}.zone-header h2{margin:0;color:#f3f2e8;font-size:.82rem;letter-spacing:0;text-transform:uppercase}.total{display:grid;min-width:42px;min-height:28px;padding:3px 8px;border:1px solid rgb(255 255 255 / 20%);border-radius:6px;color:var(--gold);background:#03221abf;font-weight:900;place-items:center}.hand{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:0}.card{position:relative;width:clamp(52px,6.8vw,76px);height:calc(clamp(52px,6.8vw,76px)*1.4);flex:0 0 auto;overflow:hidden;border:1px solid #c9c8bc;border-radius:7px;color:#121512;background:#f8f6eb;box-shadow:0 3px 7px #0000003d}.card.red{color:#cf3f47}.card.back{border:4px solid #f1e8cc;background-color:#163d76;background-image:linear-gradient(45deg,transparent 44%,#78d7df 45%,#78d7df 55%,transparent 56%),linear-gradient(-45deg,transparent 44%,#78d7df 45%,#78d7df 55%,transparent 56%);background-size:15px 15px}.rank,.corner{position:absolute;font-weight:900;line-height:1}.rank{top:7px;left:7px;font-size:1rem}.corner{right:7px;bottom:6px;font-size:1rem;transform:rotate(180deg)}.suit{position:absolute;top:50%;left:50%;font-size:1.8rem;transform:translate(-50%,-50%)}.message-row{display:grid;min-height:58px;padding:4px 0;place-items:center}.table-message-overlay{position:relative;display:flex;width:fit-content;max-width:min(720px,calc(100% - 20px));min-height:46px;align-items:center;justify-content:center;gap:12px;padding:8px 18px;border:1px solid rgb(240 199 94 / 38%);border-radius:7px;background:#03221ad6;box-shadow:0 8px 22px #0000002e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.table-rules{display:flex;width:fit-content;max-width:100%;margin:4px auto 0;padding:5px 12px;border-radius:5px;gap:10px;color:#e8dcaa;background:#033025ad;font-size:.68rem;font-weight:750;text-transform:uppercase}#message{margin:0;color:#f0f5f1;font-size:.78rem;font-weight:700;line-height:1.3;text-align:center}.table-bet-stack{position:relative;width:40px;height:28px}.stack-chip{position:absolute;right:0;bottom:calc(var(--stack-index) * 3px);display:grid;width:34px;height:18px;border:2px dashed #674b17;border-radius:50%;color:#16130b;background:#efc760;font-size:.58rem;font-weight:900;place-items:center}.player-hands{display:flex;align-items:stretch;justify-content:center;gap:8px;min-width:0;min-height:0}.empty-hand{display:grid;color:#c5d2cb;font-size:.76rem;place-items:center}.player-hand-panel{position:relative;display:grid;grid-template-rows:18px minmax(0,1fr) 18px;width:min(340px,100%);min-width:0;min-height:0;padding:3px 7px;border:1px solid transparent;border-radius:7px}.player-hand-panel.active{border-color:var(--accent);background:#03302594}.hand-meta,.hand-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e6eee9;font-size:.68rem}.hand-meta{justify-content:center}.hand-meta strong,.hand-footer strong{color:var(--gold)}.hand-chip-rail{position:absolute;right:7px;bottom:19px}.tutorial-overlay{position:relative;z-index:5;top:auto;right:auto;left:auto;grid-column:1;grid-row:1;width:100%;max-height:118px;overflow:auto;padding:8px 10px;border:1px solid #33dbe5;border-left-width:4px;border-radius:7px;color:#eef9f5;background:#041c16f5}.felt.tutorial-active{grid-template-rows:auto minmax(74px,.8fr) auto minmax(92px,1fr)}.felt.tutorial-active .dealer-zone{grid-row:2}.felt.tutorial-active .message-row{grid-row:3}.felt.tutorial-active .player-zone{grid-row:4}.felt.tutorial-active .table-rules{display:none}.tutorial-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--accent);font-size:.7rem;text-transform:uppercase}.tutorial-links{display:flex;align-items:center;gap:5px}.tutorial-links button,.tutorial-links a{display:inline-flex;align-items:center;gap:3px;min-height:26px;padding:3px 6px;color:#dcece5;font-size:.62rem;text-decoration:none}.tutorial-overlay p{margin:5px 0;font-size:.7rem;line-height:1.35;white-space:pre-line}.tutorial-next{color:var(--gold);font-size:.66rem;text-transform:uppercase}@media (max-width: 720px){.felt{grid-template-rows:minmax(82px,.9fr) auto minmax(104px,1.1fr);padding:7px}.card{width:clamp(44px,15vw,62px);height:calc(clamp(44px,15vw,62px)*1.4)}.suit{font-size:1.35rem}.hand{gap:5px}.message-row{min-height:42px;padding:2px 0}.table-rules{display:none}.table-message-overlay{width:100%;max-width:100%;min-height:40px;gap:7px;padding:6px 9px}#message{font-size:.68rem}.zone-header{justify-content:space-between;padding:0 4px}.player-hand-panel{padding:2px 4px}.player-hands{gap:3px}.felt.has-split-hands .card{width:clamp(37px,10.5vw,50px);height:calc(clamp(37px,10.5vw,50px)*1.4)}.felt.has-split-hands .hand{gap:2px}}@media (min-width: 900px) and (min-height: 850px){.felt{grid-template-rows:minmax(160px,.9fr) auto minmax(210px,1.08fr);gap:10px;padding:16px 22px}.felt:before{top:7%;right:6%;bottom:4%;left:6%}.hand-zone{grid-template-rows:32px minmax(0,1fr)}.dealer-zone{grid-template-rows:32px minmax(118px,1fr) auto}.zone-header h2{font-size:.96rem}.total{min-width:48px;min-height:34px;font-size:1.05rem}.hand{gap:12px}.card{width:clamp(82px,8.2vw,116px);height:calc(clamp(82px,8.2vw,116px)*1.4);border-radius:8px}.felt.has-split-hands .card{width:clamp(64px,5.6vw,84px);height:calc(clamp(64px,5.6vw,84px)*1.4)}.rank,.corner{font-size:1.3rem}.suit{font-size:2.55rem}.table-rules{gap:16px;padding:7px 16px;font-size:.78rem}.message-row{min-height:74px}.table-message-overlay{min-height:54px;padding:10px 22px}#message{font-size:.94rem}.empty-hand{font-size:.9rem}.player-hand-panel{width:min(440px,100%);padding:6px 10px}.hand-meta,.hand-footer{font-size:.78rem}}@media (max-height: 760px) and (max-width: 720px){.felt{grid-template-rows:minmax(72px,.85fr) 38px minmax(88px,1fr)}.card{width:clamp(40px,13vw,54px);height:calc(clamp(40px,13vw,54px)*1.4)}.tutorial-overlay{max-height:96px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}