.poker-table{--rim:96 56 30;width:calc(100% - 1rem);max-width:48rem;box-shadow:0 0 0 clamp(5px, 1.4vw, 10px) rgb(var(--rim)), 0 0 0 calc(clamp(5px, 1.4vw, 10px) + 1px) #00000059, 0 14px 30px -12px #0000008c, inset 0 0 0 1px #0000002e, inset 0 2px 40px #0000004d;touch-action:manipulation;border-radius:40%/12%;margin:.5rem auto;padding:clamp(.6rem,3cqw,1.5rem) clamp(.4rem,3cqw,2.5rem);overflow:clip}.dark .poker-table{--rim:70 40 22}@media (width>=40rem){.poker-table{border-radius:50%/34%}}.poker-layout{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"s1 s2 s3""board board board""you you you";align-items:center;gap:clamp(.3rem,2cqw,.9rem) clamp(.2rem,1.5cqw,1rem);display:grid}.poker-seat[data-seat="1"]{grid-area:s1}.poker-seat[data-seat="2"]{grid-area:s2}.poker-seat[data-seat="3"]{grid-area:s3}.poker-seat--you{grid-area:you}.poker-centre{grid-area:board}.poker-seat[data-seat="1"],.poker-seat[data-seat="3"]{margin-top:clamp(.5rem,5cqw,1.5rem)}@container (width>=34rem){.poker-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);grid-template-areas:".s2.""s1 board s3""you you you"}.poker-seat[data-seat="1"],.poker-seat[data-seat="3"]{margin-top:0}}.poker-seat{border-radius:var(--radius);justify-items:center;gap:.25rem;min-width:0;padding:1.4rem .1rem .5rem;transition:opacity .25s,background-color .25s;display:grid;position:relative}.poker-id{text-align:left;-moz-column-gap:.35rem;grid-template-columns:auto minmax(0,auto);align-items:center;column-gap:.35rem;min-width:0;display:grid}.poker-avatar{background:#00000038;border-radius:999px;grid-row:span 2;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.2rem;line-height:1;transition:box-shadow .2s;display:inline-flex;position:relative;box-shadow:inset 0 0 0 2px #fff3}.poker-seat--you{-moz-column-gap:.5rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"id cards talk";align-items:center;column-gap:.5rem;padding:.35rem .25rem}.poker-seat--you .poker-id{grid-area:id;justify-self:end}.poker-seat--you .poker-hole{grid-area:cards}.poker-talk{grid-area:talk;justify-self:start;justify-items:start;gap:.3rem;min-width:0;display:grid}.poker-button{color:#181820;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;font-size:.65rem;font-weight:800;display:flex;position:absolute;bottom:-.25rem;left:-.45rem;box-shadow:0 1px 3px #00000073}.poker-button[hidden]{display:none}.poker-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;flex-direction:column;align-items:flex-start;max-width:100%;margin:0;font-size:.875rem;font-weight:600;line-height:1.15;display:flex;overflow:hidden}.poker-style{text-transform:uppercase;letter-spacing:.08em;color:#ffffffc7;font-size:.5625rem;font-weight:500}.poker-stack{font-variant-numeric:tabular-nums;color:#fde68a;grid-column:2;margin:0;font-size:.8125rem;font-weight:700}.poker-hole{--hole-w:min(12.5cqw, 3.6rem, 10dvh);min-height:calc(var(--hole-w) * 1.4)}.poker-hole .pcard{--card-w:var(--hole-w)}.poker-hole>.pcard+.pcard{margin-left:calc(var(--hole-w) * -.3)}.poker-seat--you .poker-hole{--hole-w:min(17cqw, 5.5rem, 15dvh)}.poker-seat--you .poker-hole>.pcard+.pcard{margin-left:calc(var(--hole-w) * -.12)}.poker-seat--you .poker-hole>.pcard:first-child{transform:rotate(-4deg)}.poker-seat--you .poker-hole>.pcard+.pcard{transform:rotate(4deg)}.poker-seat--you .poker-hole>.pcard.is-win{transform:translateY(calc(var(--card-w) * -.1))}.poker-bet{z-index:1;white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff;background:#00000059;border-radius:9999px;align-items:center;gap:.3rem;margin:0;padding:.1rem .5rem .1rem .2rem;font-size:.75rem;font-weight:700;animation:.25s ease-out both poker-chip;display:inline-flex}.poker-bet[hidden]{display:none}.poker-seat:not(.poker-seat--you) .poker-bet{background:#000000b8;width:max-content;margin-left:auto;margin-right:auto;position:absolute;bottom:0;left:0;right:0;box-shadow:0 2px 6px -1px #00000080}.poker-bet:before{content:"";background:radial-gradient(circle, #b91c1c 0 45%, transparent 46%), repeating-conic-gradient(#fff 0 20deg, #b91c1c 20deg 60deg);border-radius:999px;width:.8rem;height:.8rem;box-shadow:0 1px 1px #0006}@keyframes poker-chip{0%{opacity:0;transform:translateY(-.4rem)scale(.8)}}.poker-bubble{pointer-events:none;z-index:2;text-overflow:ellipsis;white-space:nowrap;color:#181820;background:#fff;border-radius:9999px;max-width:calc(100% + .5rem);margin:0;padding:.15rem .55rem;font-size:.75rem;font-weight:700;line-height:1.3;animation:.22s cubic-bezier(.2,1.4,.4,1) both poker-bubble;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 3px 8px -2px #00000073}.poker-bubble:after{content:"";border:.3rem solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-.3rem;left:50%;transform:translate(-50%)}.poker-bubble[hidden]{display:none}.poker-seat--you .poker-bubble{max-width:100%;position:static;transform:none}.poker-seat--you .poker-bubble:after{display:none}@keyframes poker-bubble{0%{opacity:0;transform:translate(-50%)translateY(.3rem)scale(.7)}}.poker-seat--you .poker-bubble{animation-name:poker-bubble-you}@keyframes poker-bubble-you{0%{opacity:0;transform:scale(.7)}}.poker-dots{align-items:center;gap:.2rem;height:1em;display:inline-flex}.poker-dots i{background:currentColor;border-radius:999px;width:.3rem;height:.3rem;animation:.9s ease-in-out infinite poker-dot}.poker-dots i:nth-child(2){animation-delay:.15s}.poker-dots i:nth-child(3){animation-delay:.3s}@keyframes poker-dot{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-.15rem)}}.poker-seat.is-turn .poker-avatar{box-shadow:inset 0 0 0 2px #fff3, 0 0 0 3px rgb(var(--color-mark));animation:1.1s ease-in-out infinite poker-turn}@keyframes poker-turn{50%{box-shadow:inset 0 0 0 2px #fff3, 0 0 0 6px rgb(var(--color-mark) / .45)}}.poker-seat.is-folded .poker-id,.poker-seat.is-folded .poker-hole{opacity:.5}.poker-seat.is-out{opacity:.4}.poker-seat.is-out .poker-stack{color:#fff}.poker-seat.is-winner{background:#fde68a24;animation:.9s ease-in-out 2 poker-win;box-shadow:inset 0 0 0 2px #fde68ab3}.poker-seat.is-winner .poker-bubble{background:linear-gradient(135deg,#facc15,#f59e0b)}.poker-seat.is-winner .poker-bubble:after{border-top-color:#f59e0b}@keyframes poker-win{50%{transform:scale(1.04)}}.poker-centre{justify-items:center;gap:.35rem;display:grid}.poker-board{--board-w:min(16cqw, 5.25rem, 13dvh);min-height:calc(var(--board-w) * 1.4);justify-content:center;align-items:flex-end;gap:clamp(.2rem,1.2cqw,.5rem);display:flex}.poker-board .pcard{--card-w:var(--board-w)}@container (width>=34rem){.poker-board{--board-w:min(9.5cqw, 5.25rem, 13dvh)}.poker-hole{--hole-w:min(6.5cqw, 3.4rem, 9dvh)}.poker-seat--you .poker-hole{--hole-w:min(10cqw, 5.5rem, 14dvh)}}.poker-pot{text-transform:uppercase;letter-spacing:.06em;color:#ffffffd9;background:#0000004d;border-radius:9999px;align-items:center;gap:.375rem;margin:0;padding:.2rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.poker-pot strong{text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums;color:#fde68a;font-size:1rem}.poker-table .pcard.is-win{transform:translateY(calc(var(--card-w) * -.1));box-shadow:0 0 0 3px #facc15,0 8px 18px -6px #0000008c}.poker-table.is-champion{animation:1.2s ease-in-out 2 poker-champion}@keyframes poker-champion{50%{box-shadow:0 0 0 clamp(5px,1.4vw,10px) #facc15,0 0 40px 8px #facc1580,inset 0 2px 40px #0000004d}}.poker-controls{opacity:.6;gap:.6rem;transition:opacity .2s;display:grid}.poker-controls.is-live{opacity:1}.poker-sizing{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.4rem .75rem;display:grid}.poker-amount-label{white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--color-muted) / var(--tw-text-opacity,1));font-size:.875rem}.poker-amount-label output{--tw-text-opacity:1;color:rgb(var(--color-fg) / var(--tw-text-opacity,1));font-variant-numeric:tabular-nums;font-weight:700}.poker-amount{width:100%;min-height:2.75rem;accent-color:rgb(var(--color-accent));touch-action:pan-y;cursor:pointer}.poker-amount:disabled{cursor:default}.poker-amount:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--color-accent) / 1)}.poker-quick{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.poker-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.poker-controls .btn,.poker-deal .btn{touch-action:manipulation;min-height:2.75rem}.poker-controls .btn{text-align:center;justify-content:center;min-width:0;padding-left:.5rem;padding-right:.5rem}.poker-controls .btn:focus-visible,.poker-deal .btn:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--color-accent) / 1)}.poker-controls .btn:disabled,.poker-deal .btn:disabled{cursor:not-allowed;opacity:.4}.poker-controls kbd,.poker-deal kbd{font:inherit;text-underline-offset:.18em;text-decoration:underline}.poker-deal{justify-content:center;margin-top:0}.game-panel.is-fullscreen.poker-panel{gap:.4rem}.game-panel.is-fullscreen.poker-panel .poker-stats{display:none}.game-panel.is-fullscreen.poker-panel .game-status{min-height:0}.game-panel.is-fullscreen.poker-panel .poker-table{flex:1 0 auto;align-content:center;display:grid}.game-panel.is-fullscreen.poker-panel .poker-layout{align-content:space-evenly;height:100%}@media (orientation:landscape){.game-panel.is-fullscreen.poker-panel{-moz-column-gap:var(--space-md);align-content:safe center;column-gap:var(--space-md);grid-template-columns:minmax(0,1.6fr) minmax(12rem,1fr);grid-auto-rows:min-content;row-gap:0;display:grid}.game-panel.is-fullscreen.poker-panel>*{grid-column:2;margin-bottom:.5rem}.game-panel.is-fullscreen.poker-panel>.poker-table{grid-area:1/1/span 12;align-self:center;width:calc(100% - 1rem);margin:.5rem}}@media (orientation:portrait){.game-panel.is-fullscreen.poker-panel .poker-table{margin-block:.25rem;padding-block:.4rem}.game-panel.is-fullscreen.poker-panel .poker-layout{row-gap:.2rem}.game-panel.is-fullscreen.poker-panel .poker-seat:not(.poker-seat--you){padding-top:1.15rem}.game-panel.is-fullscreen.poker-panel .poker-board{--board-w:min(14cqw, 5.25rem, 9dvh)}.game-panel.is-fullscreen.poker-panel .poker-hole{--hole-w:min(12cqw, 3.6rem, 7dvh)}.game-panel.is-fullscreen.poker-panel .poker-seat--you .poker-hole{--hole-w:min(14cqw, 5.5rem, 9.5dvh)}.game-panel.is-fullscreen.poker-panel .poker-quick .btn,.game-panel.is-fullscreen.poker-panel .poker-amount{min-height:2.25rem}}@media (orientation:landscape) and (height<=32rem){.game-panel.is-fullscreen.poker-panel{-moz-column-gap:var(--space-sm);column-gap:var(--space-sm)}.game-panel.is-fullscreen.poker-panel>*{margin-bottom:.4rem}.game-panel.is-fullscreen.poker-panel>.poker-table{border-radius:30%/16%;padding-block:.3rem}.game-panel.is-fullscreen.poker-panel .poker-layout{row-gap:.1rem}.game-panel.is-fullscreen.poker-panel .poker-seat:not(.poker-seat--you){padding:1.15rem 0 .3rem}.game-panel.is-fullscreen.poker-panel .poker-seat--you{padding-block:.1rem}.game-panel.is-fullscreen.poker-panel .poker-board{--board-w:min(11cqw, 12dvh)}.game-panel.is-fullscreen.poker-panel .poker-hole{--hole-w:min(9cqw, 9dvh)}.game-panel.is-fullscreen.poker-panel .poker-seat--you .poker-hole{--hole-w:min(12cqw, 12dvh)}.game-panel.is-fullscreen.poker-panel .game-status{min-height:0;font-size:.8125rem}.game-panel.is-fullscreen.poker-panel .poker-controls .btn,.game-panel.is-fullscreen.poker-panel .poker-deal .btn{min-height:2.5rem}}@media (prefers-reduced-motion:reduce){.poker-bet,.poker-bubble,.poker-seat.is-turn .poker-avatar,.poker-seat.is-winner,.poker-table.is-champion,.poker-dots i{animation:none}.poker-seat,.poker-controls{transition:none}}