:root{--bg: #0b0f1a;--felt: #1f6b3a;--felt-dark: #154a28;--felt-rail: #5a2d0c;--panel: #1a1f33;--panel-light: #2a3150;--ink: #f4f1e8;--dim: #8a90ad;--gold: #ffd23f;--red: #ff4f5e;--green: #4ef58a;--blue: #4fb4ff;--shadow: #05070d;--px: 4px}html{font-size:14px}@media(max-width:900px){html{font-size:12px}}@media(max-width:360px){html{font-size:11px}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:16px 16px;color:var(--ink);font-family:"Press Start 2P",monospace;font-size:1rem;line-height:1.6;-webkit-font-smoothing:none;overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:100%}#root{min-height:100vh;min-height:100dvh}button,input{font-family:inherit;touch-action:manipulation}.screen{position:relative;min-height:100vh;min-height:100dvh}.scanlines{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 1px,transparent 2px,transparent 4px)}.center{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.column{flex-direction:column;gap:1.7rem;padding:1.2rem}.dim{color:var(--dim)}.gold{color:var(--gold)}.red{color:var(--red)}.blink{animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.panel{background:var(--panel);padding:1.2rem;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--panel-light),0 var(--px) 0 0 var(--shadow),calc(-1 * var(--px)) 0 0 0 var(--panel-light),var(--px) 0 0 0 var(--shadow),0 0 0 var(--px) var(--ink),0 calc(2 * var(--px)) 0 var(--px) var(--shadow);margin:var(--px)}.title{font-size:2rem;text-align:center;text-shadow:4px 4px 0 var(--shadow);line-height:1.8;margin:0}.title .suit{font-size:2.5rem}.title-sm{font-size:1rem;white-space:nowrap}.join-panel{display:flex;flex-direction:column;gap:1rem;width:min(100%,36rem);text-align:center}.row-info{font-size:.9rem;line-height:1.8}.seat-dots{display:flex;justify-content:center;gap:.8rem;margin:.4rem 0}.dot{width:1.3rem;height:1.3rem;background:var(--panel-light);box-shadow:0 0 0 3px var(--shadow)}.dot.on{background:var(--green)}.footer{font-size:.7rem;text-align:center}.btn{background:var(--panel-light);color:var(--ink);border:0;padding:.9rem 1.1rem;min-height:44px;font-size:.85rem;line-height:1.3;cursor:pointer;text-transform:uppercase;box-shadow:inset -3px -3px 0 var(--shadow),inset 3px 3px #ffffff2e,0 0 0 3px var(--shadow);transition:transform .05s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translate(2px,2px);box-shadow:inset 3px 3px 0 var(--shadow),0 0 0 3px var(--shadow)}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed}.btn.big{font-size:1.15rem;padding:1.3rem 2rem;background:var(--green);color:#052}.btn.primary{background:var(--blue);color:#023}.btn.danger{background:var(--red);color:#300}.btn.gold-btn{background:var(--gold);color:#430}.btn.small{padding:.6rem .7rem;font-size:.7rem;min-height:40px}.btn.mute,.btn.mic{min-height:36px;padding:.4rem .6rem;font-size:.65rem}.btn.mic.on{background:var(--green);color:#052}.btn.mic.on.speaking{animation:micpulse .5s steps(2) infinite}@keyframes micpulse{50%{filter:brightness(1.5)}}.topbar-actions{display:flex;gap:.5rem;align-items:center}.input{background:var(--shadow);color:var(--ink);border:0;padding:1rem;font-size:1rem;box-shadow:0 0 0 3px var(--ink);outline:none;width:100%;border-radius:0}.input:focus{box-shadow:0 0 0 3px var(--gold)}.input.num{width:8rem;padding:.7rem;font-size:.85rem}.label{font-size:.8rem;color:var(--dim)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:40;padding:1rem}.modal{display:flex;flex-direction:column;gap:1.2rem;width:min(100%,30rem)}.modal-title{font-size:1rem;text-align:center;line-height:2}.toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:60;background:var(--red);color:#200;padding:.8rem 1.3rem;font-size:.85rem;max-width:90vw;text-align:center;box-shadow:0 0 0 3px var(--shadow),0 4px 0 3px var(--shadow)}.table-screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:.6rem;gap:.6rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.5rem 1rem;font-size:.8rem;flex-wrap:wrap}.topbar .info{flex:1;text-align:center}.arena{position:relative;margin:8rem 8.5rem 9.5rem}.felt{position:relative;min-height:clamp(240px,34vh,380px);display:flex;align-items:center;justify-content:center;padding:5.5rem 6.5rem 9rem;background:var(--felt);background-image:radial-gradient(ellipse at center,rgba(255,255,255,.08),transparent 70%),repeating-linear-gradient(45deg,transparent 0 6px,rgba(0,0,0,.05) 6px 12px);border-radius:200px;box-shadow:0 0 0 6px var(--felt-dark),0 0 0 18px var(--felt-rail),0 0 0 22px var(--shadow),0 12px 0 22px #00000080}.felt-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;width:100%}.pot{font-size:1.05rem;text-shadow:2px 2px 0 var(--shadow)}.community{display:flex;gap:.5rem}.banner{font-size:.95rem;background:var(--shadow);padding:.6rem 1rem;color:var(--gold);box-shadow:0 0 0 3px var(--gold);max-width:100%;text-align:center;line-height:1.8}.slot-pos{position:absolute;z-index:2}.slot-0{bottom:-8.5rem;left:50%;transform:translate(-50%)}.slot-2{top:-7.5rem;left:50%;transform:translate(-50%)}.slot-1{left:-7.5rem;top:50%;transform:translateY(-50%)}.slot-3{right:-7.5rem;top:50%;transform:translateY(-50%)}.seat{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.seat-me .seat-bet{order:1}.seat-me .seat-cards{order:2}.seat-me .seat-box{order:3}.seat-cards{display:flex;gap:.35rem;min-height:3.6rem}.seat-box{position:relative;background:var(--panel);padding:.7rem 1rem;min-width:13rem;text-align:center;box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--shadow)}.seat.turn .seat-box{box-shadow:0 0 0 3px var(--gold),0 0 0 6px var(--shadow);animation:pulse .8s steps(2) infinite}@keyframes pulse{50%{box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--shadow)}}.seat.folded .seat-box{opacity:.55}.seat.offline .seat-box{opacity:.4}.seat.winner .seat-box{box-shadow:0 0 0 3px var(--green),0 0 0 6px var(--shadow)}.seat-name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:15rem}.seat-chips{font-size:.9rem;margin-top:.3rem}.seat-status{font-size:.65rem;color:var(--dim);margin-top:.3rem}.seat-hand{font-size:.6rem;color:var(--blue);margin-top:.3rem;line-height:1.5}.seat-win{font-size:1rem;color:var(--green);margin-top:.3rem}.dealer-btn{position:absolute;top:-.8rem;right:-.8rem;width:1.7rem;height:1.7rem;line-height:1.7rem;background:var(--ink);color:var(--shadow);font-size:.8rem;text-align:center;box-shadow:0 0 0 3px var(--shadow)}.mic-badge{position:absolute;top:-.8rem;left:-.8rem;height:1.7rem;line-height:1.7rem;padding:0 .4rem;background:var(--panel-light);color:var(--dim);font-size:.6rem;box-shadow:0 0 0 3px var(--shadow)}.mic-badge.speaking{background:var(--green);color:#052;animation:micpulse .5s steps(2) infinite}.mic-badge.connecting{opacity:.8}.mic-badge.failed{background:var(--red);color:#300}.seat.speaking .seat-box{outline:3px solid var(--green);outline-offset:7px}.seat-bet{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--gold);background:#00000073;padding:.3rem .6rem;box-shadow:0 0 0 2px var(--shadow)}.chip{width:.8rem;height:.8rem;background:var(--red);box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--red);display:inline-block}.timer{height:.5rem;background:var(--shadow);margin-top:.5rem}.timer-fill{height:100%;background:var(--gold);transition:width .2s linear}.card{position:relative;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;background:#fffdf5;color:#111;border-radius:2px;box-shadow:0 0 0 2px var(--shadow),3px 3px 0 2px var(--shadow);padding:.15rem .25rem;-webkit-user-select:none;user-select:none}.card.sm{width:2.6rem;height:3.6rem;font-size:.72rem}.card.md{width:4.4rem;height:6.1rem;font-size:1.15rem}.card.lg{width:5.3rem;height:7.3rem;font-size:1.3rem}.card.red{color:#d7263d}.card .rank{line-height:1}.card .rank.flip{transform:rotate(180deg);align-self:flex-end}.card .suit-big{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.6em}.card.sm .suit-big{font-size:1.4em}.card.dim{filter:grayscale(1) brightness(.6)}.card.hl{box-shadow:0 0 0 2px var(--shadow),0 0 0 5px var(--green),3px 3px 0 5px var(--shadow)}.card.back{background:#2c4fa3;background-image:linear-gradient(45deg,#1b3270 25%,transparent 25%,transparent 75%,#1b3270 75%),linear-gradient(45deg,#1b3270 25%,transparent 25%,transparent 75%,#1b3270 75%);background-size:8px 8px;background-position:0 0,4px 4px}.card.slot{background:#00000040;box-shadow:inset 0 0 0 2px #0006}.result{width:min(100%,36rem);background:var(--shadow);color:var(--ink);padding:.9rem 1.1rem;box-shadow:0 0 0 3px var(--gold),0 6px 0 3px #0009;display:flex;flex-direction:column;gap:.5rem;text-align:center}.result-title{font-size:1.05rem;color:var(--gold);line-height:1.7}.result-sub{font-size:.75rem;color:var(--green);line-height:1.6}.result-rows{display:flex;flex-direction:column;text-align:left;margin-top:.3rem}.result-row{display:grid;grid-template-columns:minmax(5rem,auto) auto 1fr auto;grid-template-areas:"name cards hand amt";gap:.5rem .8rem;align-items:center;padding:.5rem 0;border-top:2px dashed rgba(255,255,255,.15)}.result-row.won{color:var(--green)}.result-row.folded{color:var(--dim)}.result-name{grid-area:name;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-cards{grid-area:cards;display:flex;gap:.3rem}.result-amt{grid-area:amt;font-size:.85rem;white-space:nowrap}.result-hand{grid-area:hand;font-size:.65rem;color:var(--blue);line-height:1.5}.result-row.folded .result-hand{color:var(--dim)}.result-next{font-size:.7rem;margin-top:.2rem}.bottom{display:grid;grid-template-columns:1fr 2fr;gap:.9rem;align-items:stretch}.log{height:12rem;overflow-y:auto;font-size:.72rem;line-height:1.9;color:var(--dim);overscroll-behavior:contain}.log-line:last-child{color:var(--ink)}.controls{display:flex;flex-direction:column;gap:.8rem;justify-content:center}.controls.idle{align-items:center;color:var(--dim);font-size:.85rem;text-align:center;min-height:6rem}.ctrl-main{display:flex;gap:.6rem}.ctrl-main .btn{flex:1 1 0;min-width:0;white-space:normal}.ctrl-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.ctrl-slider{display:flex;gap:.7rem;align-items:center}.slider{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.7rem;background:var(--shadow);box-shadow:0 0 0 2px var(--ink);outline:none;margin:.6rem 0}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:1.6rem;height:2rem;background:var(--gold);box-shadow:0 0 0 3px var(--shadow);cursor:pointer}.slider::-moz-range-thumb{width:1.6rem;height:2rem;background:var(--gold);border:0;border-radius:0;box-shadow:0 0 0 3px var(--shadow);cursor:pointer}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--shadow)}::-webkit-scrollbar-thumb{background:var(--panel-light);box-shadow:inset 0 0 0 2px var(--shadow)}@media(max-width:900px){.table-screen{padding:.5rem;gap:.5rem;padding-bottom:env(safe-area-inset-bottom)}.topbar{padding:.3rem .4rem;font-size:.7rem;gap:.4rem}.btn.mute,.btn.mic{min-height:40px}.topbar .info{order:3;flex-basis:100%}.arena{margin:0;display:flex;flex-direction:column;gap:.6rem}.opponents{display:flex;justify-content:center;align-items:flex-end;gap:.5rem;padding:0 .2rem;min-height:3rem;margin-top:.6rem}.slot-pos{position:static;transform:none}.opponents .slot-pos{flex:1 1 0;min-width:0;max-width:12rem}.opponents .seat{width:100%;gap:.3rem}.opponents .seat-box{min-width:0;width:100%;padding:.5rem .4rem}.opponents .seat-name{font-size:.68rem;max-width:100%}.opponents .seat-chips{font-size:.75rem}.opponents .seat-status,.opponents .seat-hand{font-size:.55rem}.opponents .seat-win{font-size:.8rem}.opponents .seat-bet{font-size:.65rem;padding:.2rem .5rem}.opponents .dealer-btn{width:1.4rem;height:1.4rem;line-height:1.4rem;font-size:.65rem;top:-.6rem;right:-.5rem}.opponents .mic-badge{height:1.4rem;line-height:1.4rem;font-size:.5rem;top:-.6rem;left:-.5rem}.seat.speaking .seat-box{outline-offset:5px}.felt{margin:.4rem .6rem;min-height:13rem;padding:1rem .6rem;border-radius:3rem;box-shadow:0 0 0 4px var(--felt-dark),0 0 0 10px var(--felt-rail),0 0 0 13px var(--shadow),0 6px 0 13px #00000080}.felt-inner{gap:.6rem}.community{gap:.35rem}.card.md{width:4rem;height:5.6rem;font-size:1.05rem}.banner{font-size:.8rem;padding:.5rem .7rem}.result{padding:.7rem .6rem}.result-title{font-size:.9rem}.result-row{grid-template-columns:minmax(3.5rem,auto) 1fr auto;grid-template-areas:"name cards amt" "hand hand hand";gap:.6rem .5rem}.result-hand{padding-bottom:.2rem}.slot-0{align-self:center;margin:.4rem 0 .8rem}.seat-me .seat-box{min-width:14rem}.bottom{display:flex;flex-direction:column;gap:.5rem}.log{order:1;height:auto;min-height:7rem;max-height:10rem}.controls{order:2;position:sticky;bottom:0;z-index:5;padding:.9rem;padding-bottom:calc(.9rem + env(safe-area-inset-bottom))}.controls.idle{min-height:4rem}.ctrl-main{gap:.5rem}.ctrl-main .btn{padding:.9rem .5rem;font-size:.8rem}.ctrl-presets{gap:.4rem}.ctrl-presets .btn{padding:.6rem .3rem;font-size:.62rem}.input.num{width:6.5rem}.slider::-webkit-slider-thumb{width:2rem;height:2.4rem}.slider::-moz-range-thumb{width:2rem;height:2.4rem}}@media(max-width:400px){.opponents .seat-name{font-size:.6rem}.card.sm{width:2.3rem;height:3.2rem;font-size:.65rem}}