: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{position:relative}.btn .key{position:absolute;top:3px;right:4px;font-family:inherit;font-size:.45rem;line-height:1;padding:2px 3px;color:inherit;opacity:.55;border:1px solid currentColor;border-radius:2px}@media(hover:none)and (pointer:coarse){.btn .key{display:none}}.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:.5rem .6rem;gap:.5rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.3rem 1rem;font-size:.8rem;flex-wrap:wrap}.topbar .info{flex:1;text-align:center}.arena{position:relative;margin:8rem 8rem 9rem}.felt{position:relative;min-height:clamp(240px,34vh,380px);display:flex;align-items:center;justify-content:center;padding:6rem 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-slot{height:4.4rem;display:flex;align-items:center;justify-content:center;width:100%}.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}.banner.win{padding:.45rem 1.2rem}.banner-title{font-size:.95rem;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-sub{font-size:.7rem;line-height:1.6;color:var(--green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-pos{position:absolute;z-index:2}.slot-0{bottom:-8.5rem;left:50%;transform:translate(-50%)}.slot-1{left:-7rem;top:58%;transform:translateY(-50%)}.slot-2{top:-7.5rem;left:13%}.slot-3{top:-7.5rem;left:50%;transform:translate(-50%)}.slot-4{top:-7.5rem;right:13%}.slot-5{right:-7rem;top:58%;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-me .seat-cards{min-height:7.3rem}.seat-box{position:relative;background:var(--panel);padding:.6rem 1rem .9rem;min-width:13rem;max-width:15rem;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-net{height:1.1rem;line-height:1.1rem;margin-top:.15rem;font-size:.55rem;color:var(--dim);white-space:nowrap}.seat-net.pos{color:var(--green)}.seat-net.neg{color:var(--red)}.seat-info{height:1.3rem;line-height:1.3rem;margin-top:.2rem;font-size:.65rem;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-info.hand{font-size:.6rem;color:var(--blue)}.seat-info.win{font-size:1rem;color:var(--green);animation:pop .4s ease-out both}.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)}.seat-bet.none{visibility:hidden;animation:none}.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{position:absolute;left:0;right:0;bottom:0;height:.5rem;background:var(--shadow)}.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-rank{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}.deck{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}@keyframes fly-in{0%{transform:translate(var(--fx, 0px),var(--fy, 0px)) rotate(-35deg) scale(.55);opacity:0}40%{opacity:1}to{transform:none;opacity:1}}.card.fly{animation:fly-in .45s cubic-bezier(.2,.8,.25,1) both}@keyframes flip-in{0%{transform:rotateY(90deg) scale(1.15)}to{transform:none}}.card.flip{animation:flip-in .35s ease-out both}@keyframes muck{to{transform:translate(var(--fx, 0px),var(--fy, 0px)) rotate(30deg) scale(.4);opacity:0}}.card.mucked{animation:muck .5s ease-in forwards}@keyframes pop{0%{transform:scale(.3)}60%{transform:scale(1.18)}to{transform:none}}.seat-bet{animation:pop .25s ease-out both}.pot .pop{display:inline-block;animation:pop .3s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.5rem)}}.seat.winner .seat-box{animation:bounce .45s steps(3) 4}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45;overflow:hidden}.fx-chip{position:absolute;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--red);animation:fx-fly .6s cubic-bezier(.3,.6,.3,1) both}.fx-chip.gold{background:var(--gold);box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--gold)}@keyframes fx-fly{0%{transform:translate(0) scale(1);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.5);opacity:0}}@media(prefers-reduced-motion:reduce){.card.fly,.card.flip,.card.mucked,.seat-bet,.pot .pop,.seat-info.win,.seat.winner .seat-box,.fx-chip,.seat.turn .seat-box,.btn.mic.on.speaking,.mic-badge.speaking{animation:none!important}}.result{display:flex;flex-direction:column;gap:.3rem;padding:.8rem 1rem;min-height:0;overflow-y:auto}.result-head{display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;line-height:1.6;flex-wrap:wrap}.result-rows{display:grid;grid-template-columns:1fr 1fr;column-gap:1.4rem;text-align:left}.result-row{display:grid;grid-template-columns:minmax(4rem,auto) auto 1fr auto;grid-template-areas:"name cards hand amt";gap:.3rem .7rem;align-items:center;padding:.4rem 0;border-top:2px dashed rgba(255,255,255,.15);min-width:0}.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)}.bottom{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:13rem;gap:.9rem;align-items:stretch}.bottom>*{min-height:0}.log{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:.6rem;justify-content:center;overflow:hidden}.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-raise{flex:1.35 1 0;min-width:0;display:flex;gap:.4rem}.ctrl-raise .btn.step{flex:none;width:2.8rem;padding:0;font-size:1.1rem;line-height:1}.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;flex-wrap:wrap;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 28%;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-info{font-size:.55rem;height:1.2rem;line-height:1.2rem}.opponents .seat-net{font-size:.5rem;height:.9rem;line-height:.9rem}.opponents .seat-info.win{font-size:.8rem}.opponents .seat-box{max-width:none}.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}.banner-slot{height:4.2rem}.banner-title{font-size:.8rem}.banner-sub{font-size:.6rem}.result{padding:.7rem .6rem;order:0;overflow:visible}.result-rows{grid-template-columns:1fr}.result-row{grid-template-columns:minmax(3.5rem,auto) 1fr auto;grid-template-areas:"name cards amt" "hand hand hand";gap:.8rem .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:9rem;flex:none}.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}.ctrl-main{flex-wrap:wrap}.ctrl-raise{flex-basis:100%}.ctrl-raise .btn.step{width:3.4rem}.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}}