@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque.woff2) format("woff2");font-weight:500 800;font-stretch:75% 100%;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--room: #0b1814;--room-2: #10221c;--panel: rgba(255, 255, 255, .05);--panel-line: rgba(255, 255, 255, .1);--text: #e9f0ec;--muted: #9db3a8;--felt: #11533f;--felt-hi: #1b6c50;--felt-lo: #0b3f30;--rail: #0a2219;--brass: #c99a2e;--brass-hi: #e3b84f;--red-suit: #c2382e;--black-suit: #17201c;--card-face: #fbfaf6;--danger: #d0584a;--display: "Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;--ui: "Figtree", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse 90% 70% at 50% 35%,var(--room-2),var(--room) 70%) fixed;color:var(--text);font-family:var(--ui);font-size:15px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px}a{color:inherit}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app:has(.table-screen){height:100vh;height:100dvh;overflow:hidden}.top{display:flex;align-items:center;gap:18px;padding:12px clamp(14px,3vw,28px);border-bottom:1px solid var(--panel-line)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:760;font-stretch:85%;font-size:1.25rem;text-decoration:none}.mark{display:inline-block;width:26px;height:16px;border-radius:50%;background:var(--felt);box-shadow:0 0 0 3px var(--brass)}.mark.big{width:54px;height:34px;box-shadow:0 0 0 5px var(--brass);margin-bottom:14px}.back{color:var(--muted);text-decoration:none;font-weight:600}.back:hover{color:var(--text)}.spacer{flex:1}.status{color:var(--brass-hi);font-weight:600;font-size:.9rem}.me{display:flex;align-items:center;gap:12px}.me-name{font-weight:650}.me-bal{font-family:var(--display);font-weight:700;padding:4px 12px;border-radius:999px;background:#c99a2e24;color:var(--brass-hi);font-variant-numeric:tabular-nums}.loading{flex:1;display:grid;place-items:center;color:var(--muted)}.ghost{background:transparent;border:1px solid var(--panel-line);border-radius:999px;padding:7px 14px;font-weight:600;font-size:.92rem}.ghost:hover:not(:disabled){border-color:#ffffff4d}.ghost:disabled{opacity:.4;cursor:default}.ghost.icon{display:inline-grid;place-items:center;padding:6px 9px}.log-btn{display:inline-flex;align-items:center;gap:6px}.log-btn svg{display:none}.top .ghost.icon{margin-left:4px}.ghost.small{padding:4px 10px;font-size:.85rem}.primary{background:var(--brass);color:#1d1606;border:none;border-radius:999px;padding:11px 22px;font-weight:750}.primary:hover:not(:disabled){background:var(--brass-hi)}.primary:disabled{opacity:.45;cursor:default}.primary.wide{width:100%}.link{background:none;border:none;padding:0;color:var(--brass-hi);font-weight:700;text-decoration:underline}.muted{color:var(--muted)}.lobby{width:min(1040px,100%);margin:0 auto;padding:clamp(24px,5vw,56px) clamp(14px,3vw,28px)}.lobby-head h1{font-family:var(--display);font-size:clamp(2rem,4vw,2.8rem);font-stretch:85%;margin:0 0 6px}.lobby-head p{color:var(--muted);margin:0 0 28px}.table-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.table-row{width:100%;display:grid;grid-template-columns:1.6fr 1fr 1.1fr 1fr .8fr auto;align-items:center;gap:16px;text-align:left;padding:16px 20px;border-radius:14px;background:var(--panel);border:1px solid var(--panel-line);transition:border-color .15s,background .15s}.table-row:hover{border-color:#c99a2e8c;background:#ffffff12}.table-row strong{display:block;font-family:var(--display);font-size:1.12rem;font-variant-numeric:tabular-nums}.table-row small{color:var(--muted);font-size:.8rem}.tr-name{font-family:var(--display);font-weight:720;font-size:1.2rem;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tag{font-family:var(--ui);font-size:.74rem;font-weight:700;padding:3px 9px;border-radius:999px;background:#c99a2e29;color:var(--brass-hi)}.seat-dots{display:flex;gap:4px;margin-bottom:4px}.seat-dots i{width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28)}.seat-dots i.on{background:var(--brass);border-color:var(--brass)}.tr-go{font-weight:700;color:var(--brass-hi)}.table-screen{flex:1;display:flex;flex-direction:column;position:relative;min-height:0;overflow:hidden}.table-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding:12px clamp(14px,3vw,28px) 0}.tb-title h1{font-family:var(--display);font-stretch:85%;font-size:1.4rem;margin:0}.tb-title span{color:var(--muted);font-size:.88rem}.tb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.toggle{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;color:var(--muted);margin-right:6px}.toggle-short{display:none}.toggle input{accent-color:var(--brass)}.felt-wrap{--pad-x: clamp(58px, 7vw, 92px);--pad-y: clamp(56px, 8vh, 80px);flex:1;min-height:0;display:grid;place-items:center;container-type:size}.table{--ratio: 2;position:relative;container-type:size;width:min(100cqw - 2 * var(--pad-x),(100cqh - 2 * var(--pad-y)) * var(--ratio),1060px);aspect-ratio:var(--ratio)}.rail{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:linear-gradient(180deg,#123629,var(--rail) 60%,#061611);box-shadow:0 40px 90px #0009,inset 0 2px #ffffff0f,inset 0 0 0 1px #00000080}.felt{position:absolute;top:7%;right:5.5%;bottom:7%;left:5.5%;border-radius:9999px;background:radial-gradient(ellipse 70% 65% at 50% 42%,var(--felt-hi),var(--felt) 55%,var(--felt-lo));box-shadow:0 0 0 2px #c99a2e8c,0 0 0 7px #00000059,inset 0 0 70px #00000073;display:grid;place-items:center}.felt-mark{position:absolute;bottom:14%;font-family:var(--display);font-weight:800;font-stretch:78%;font-size:clamp(1.4rem,3.4vw,2.6rem);letter-spacing:.02em;color:#ffffff0f;pointer-events:none;-webkit-user-select:none;user-select:none}.center{display:flex;flex-direction:column;align-items:center;gap:12px;transform:translateY(-6%)}.board{display:flex;gap:clamp(4px,.7vw,8px)}.pot{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pot-chip{padding:5px 14px;border-radius:999px;background:#00000059;font-family:var(--display);font-weight:700;font-variant-numeric:tabular-nums}.pot-chip small{font-family:var(--ui);font-weight:500;color:var(--muted)}.card{--w: clamp(30px, 3.4vw, 44px);width:var(--w);height:calc(var(--w) * 1.4);border-radius:calc(var(--w) * .12);background:var(--card-face);position:relative;box-shadow:0 2px 6px #00000059;flex:none;animation:deal .22s ease-out}.card.lg{--w: clamp(36px, 4.6vw, 60px)}.card.sm{--w: 26px}.card .rank{position:absolute;top:6%;left:10%;font-family:var(--display);font-weight:760;font-stretch:80%;font-size:calc(var(--w) * .46);line-height:1;letter-spacing:-.03em}.card .suit{position:absolute;right:9%;bottom:4%;font-size:calc(var(--w) * .52);line-height:1}.card.red{color:var(--red-suit)}.card.black{color:var(--black-suit)}.card.back{background:radial-gradient(ellipse 34% 22% at 50% 50%,transparent 60%,rgba(201,154,46,.7) 62%,transparent 68%),repeating-linear-gradient(45deg,#0f4a38 0,#0f4a38 4px,#0c3e2f 4px,#0c3e2f 8px);border:2px solid #f1ede2}.card.slot{background:#0000001f;box-shadow:inset 0 0 0 1px #ffffff14;animation:none}.card.dim{filter:brightness(.55)}.card.glow{box-shadow:0 0 0 2px var(--brass-hi),0 0 18px #e3b84f99}@keyframes deal{0%{opacity:0;transform:translateY(-6px) scale(.96)}}.card.dealt{animation:deal-fly .42s cubic-bezier(.2,.7,.3,1) backwards}@keyframes deal-fly{0%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(-14deg) scale(.55)}25%{opacity:1}}.card.flip{animation:flip .4s ease-out backwards}@keyframes flip{0%{transform:perspective(500px) rotateY(88deg) translateY(-6px);filter:brightness(.5)}}.seat{position:absolute;transform:translate(-50%,-50%);width:clamp(104px,12.5vw,156px);display:flex;flex-direction:column;align-items:center;z-index:2}.seat.empty{width:auto}.sit-btn{background:#00000059;border:1.5px dashed rgba(201,154,46,.6);color:var(--brass-hi);border-radius:999px;padding:9px 16px;font-weight:700;font-size:.88rem}.sit-btn:hover{background:#c99a2e24}.empty-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(255,255,255,.16)}.hole{display:flex;gap:3px;margin-bottom:-14px;min-height:0;z-index:1}.seat.you .hole .card{--w: clamp(38px, 4.4vw, 56px)}.seat.you .hole{margin-bottom:-6px}.plate{position:relative;z-index:2;width:100%;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:linear-gradient(180deg,#1a2c25,#0f1c17);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 20px #00000073;transition:border-color .2s,box-shadow .2s}.seat.acting .plate{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass),0 8px 26px #c99a2e40}.seat.won .plate{border-color:var(--brass-hi);box-shadow:0 0 0 2px var(--brass-hi),0 0 30px #e3b84f73}.seat.folded .plate,.seat.away .plate{opacity:.5}.avatar{flex:none;width:38px;height:38px;border-radius:50%;padding:3px;background:#ffffff14}.avatar span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:760;font-size:.82rem;color:#f6f1e4}.who{min-width:0;display:flex;flex-direction:column;line-height:1.15}.name{font-weight:650;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot{font-style:normal;font-size:.66rem;font-weight:800;margin-left:5px;padding:1px 5px;border-radius:4px;background:#ffffff1f;color:var(--muted);vertical-align:1px}.stack{font-family:var(--display);font-weight:700;font-size:1rem;color:var(--brass-hi);font-variant-numeric:tabular-nums}.bubble{margin-top:6px;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;background:#00000080;color:var(--text);white-space:nowrap;animation:pop .2s ease-out}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.bubble.fold,.bubble.quiet{color:var(--muted)}.bubble.raise,.bubble.bet,.bubble.allin{background:#c99a2e33;color:var(--brass-hi)}.bubble.win{background:var(--brass);color:#1d1606;display:flex;flex-direction:column;align-items:center;font-size:.92rem;font-family:var(--display);padding:4px 12px;border-radius:12px}.bubble.win small{font-family:var(--ui);font-size:.7rem;font-weight:650}.dealer{position:absolute;right:-10px;top:50%;width:24px;height:24px;border-radius:50%;background:#f4efe1;color:#1d1606;font-family:var(--display);font-weight:800;font-size:.78rem;display:grid;place-items:center;box-shadow:0 0 0 2px var(--brass),0 3px 8px #00000080;z-index:3}.bet{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:999px;background:#0000006b;font-family:var(--display);font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums;z-index:1;animation:bet-in .28s ease-out backwards}@keyframes bet-in{0%{opacity:0;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(.8)}}.fx-chips{position:absolute;z-index:4;display:flex;transform:translate(-50%,-50%);pointer-events:none;animation:fx-move .48s cubic-bezier(.5,0,.3,1) both}.fx-chips .chip+.chip{margin-left:-12px}.fx-chips.big{animation-duration:.65s}.fx-chips.big .chip{width:22px;height:22px}@keyframes fx-move{85%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(var(--mx),var(--my))}}.talk{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:6;padding:4px 11px;border-radius:12px;background:#f4efe1;color:#1d1606;font-size:.8rem;font-weight:700;white-space:nowrap;box-shadow:0 6px 16px #00000073;animation:talk-in .22s cubic-bezier(.2,.9,.3,1.3)}.talk:after{content:"";position:absolute;left:50%;top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:#f4efe1}.talk.emoji{font-size:1.7rem;line-height:1.1;padding:2px 8px}@keyframes talk-in{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.8)}}.seat.bank .plate{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger),0 8px 26px #d0584a4d}.chip{width:18px;height:18px;border-radius:50%;background:var(--brass);box-shadow:inset 0 0 0 3px #f4efe1,inset 0 0 0 5px var(--brass)}.chat-panel{position:absolute;top:58px;right:clamp(14px,3vw,28px);z-index:20;width:300px;display:grid;gap:12px;padding:12px;border-radius:14px;background:#11201a;border:1px solid var(--panel-line);box-shadow:0 20px 50px #0000008c;animation:pop .15s ease-out}.emojis{display:grid;grid-template-columns:repeat(8,1fr)}.emojis button{font-size:1.35rem;padding:4px 0;border-radius:8px;background:none;border:0}.emojis button:hover{background:#ffffff14}.phrases{display:grid;grid-template-columns:1fr 1fr;gap:6px}.phrases button{padding:8px 10px;border-radius:8px;background:#ffffff0d;border:1px solid var(--panel-line);font-weight:600;font-size:.86rem;text-align:left}.phrases button:hover{border-color:#c99a2e99}.dock{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px clamp(14px,3vw,28px) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(5,12,9,.6));z-index:5}.dock.seated .dock-main{min-height:var(--decide-h, 166px);gap:10px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%}.dock-main{width:100%;display:flex;justify-content:center}.dock-meta{display:flex;gap:10px;align-items:center;font-size:.82rem}.hand-label{padding:3px 12px;border-radius:999px;background:#c99a2e24;color:var(--brass-hi);font-weight:700}.bank-label{color:var(--danger);font-weight:700;font-variant-numeric:tabular-nums}.pre-actions{width:min(680px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pre{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 8px;border-radius:12px;background:#ffffff0a;border:1px solid var(--panel-line);color:var(--muted);font-weight:650;font-size:.95rem}.pre:hover{border-color:#c99a2e80;color:var(--text)}.pre .box{flex:none;width:16px;height:16px;border-radius:4px;border:1.5px solid currentColor;display:grid;place-items:center}.pre.on{border-color:var(--brass);background:#c99a2e21;color:var(--text)}.pre.on .box{background:var(--brass);border-color:var(--brass)}.pre.on .box:after{content:"";width:4px;height:8px;border:solid #1d1606;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}.dock-note{min-height:46px;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 8px;align-items:center;color:var(--muted);text-align:center}.fair{font-size:.75rem;color:#9db3a8b3;font-family:ui-monospace,Menlo,monospace}.controls{width:min(680px,100%);display:flex;flex-direction:column;gap:10px}.raise-row{display:flex;flex-direction:column;gap:8px}.presets{display:flex;gap:6px;justify-content:flex-end}.presets button{background:#ffffff0f;border:1px solid var(--panel-line);border-radius:8px;padding:5px 10px;font-size:.82rem;font-weight:650}.presets button.on{border-color:var(--brass);color:var(--brass-hi)}.presets button:hover{border-color:#c99a2e99}.slider{display:flex;gap:10px;align-items:center}.slider input[type=range]{flex:1;accent-color:var(--brass)}.amount{width:110px;background:#00000059;border:1px solid var(--panel-line);border-radius:8px;color:var(--text);padding:7px 10px;font-family:var(--display);font-weight:700;font-size:1rem;text-align:right}.action-row{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:10px}.act{border:none;border-radius:12px;padding:15px 10px;font-family:var(--display);font-weight:760;font-size:1.08rem;font-stretch:90%;display:flex;justify-content:center;align-items:center;gap:8px}.act kbd{font-family:var(--ui);font-size:.66rem;font-weight:700;padding:1px 5px;border-radius:4px;border:1px solid currentColor;opacity:.45}.act.fold{background:#ffffff14;border:1px solid var(--panel-line)}.act.fold:hover{background:#d0584a33}.act.call{background:#e9f0ec;color:#0e1a15}.act.call:hover{background:#fff}.act.raise{background:var(--brass);color:#1d1606}.act.raise:hover{background:var(--brass-hi)}.log{position:fixed;top:0;right:0;bottom:0;width:min(360px,92vw);background:#0d1a15;border-left:1px solid var(--panel-line);z-index:20;display:flex;flex-direction:column;box-shadow:-20px 0 50px #00000080}.log header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--panel-line)}.log h2{margin:0;font-family:var(--display);font-size:1.15rem}.log ol{list-style:none;margin:0;padding:10px 18px 24px;overflow-y:auto;font-size:.88rem;line-height:1.5}.log li{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.log li:first-child{color:var(--text)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#030806b3;display:grid;place-items:center;z-index:30;padding:16px}.modal{width:min(400px,100%);background:#13241d;border:1px solid var(--panel-line);border-radius:18px;padding:26px;box-shadow:0 30px 80px #0009}.modal.intro{display:flex;flex-direction:column;align-items:center;text-align:center}.modal h2{margin:0 0 8px;font-family:var(--display);font-size:1.5rem;font-stretch:88%}.field{width:100%;display:flex;flex-direction:column;gap:6px;text-align:left;margin:18px 0;font-size:.88rem;color:var(--muted);font-weight:600}.field input{background:#00000059;border:1px solid var(--panel-line);border-radius:10px;padding:12px 14px;color:var(--text);font:inherit;font-size:1rem}.buyin-amount{font-family:var(--display);font-weight:760;font-size:2.4rem;color:var(--brass-hi);margin:10px 0;font-variant-numeric:tabular-nums}.modal input[type=range]{width:100%;accent-color:var(--brass)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toast{position:fixed;top:70px;left:50%;transform:translate(-50%);background:#2a1512;border:1px solid rgba(208,88,74,.6);color:#ffd9d3;padding:10px 18px;border-radius:12px;font-weight:600;z-index:40;box-shadow:0 10px 30px #00000080}@media(max-width:760px){.table-row{grid-template-columns:1fr auto;grid-template-areas:"name stakes" "seats buyin"}.tr-name{grid-area:name}.tr-stakes{grid-area:stakes;text-align:right}.tr-seats{grid-area:seats}.tr-buyin{grid-area:buyin;text-align:right}.tr-pot,.tr-go,.me-name{display:none}.table-bar{padding-top:8px;gap:6px 12px}.tb-title h1{font-size:1.1rem}.tb-title span{font-size:.78rem}.tb-actions{gap:6px}.tb-actions .ghost{padding:4px 9px;font-size:.78rem}.toggle{font-size:.78rem;margin-right:0}.dock{padding-top:6px;gap:4px}.controls{gap:6px}.fair{display:none}.dock{--decide-h: 148px}.dock.seated .dock-main{gap:6px}.log-btn .lbl{display:none}.log-btn svg{display:block}.pre{padding:12px 4px;font-size:.86rem;gap:6px}.pre-actions{gap:6px}.chat-panel{top:86px;left:10px;right:10px;width:auto}.toggle-label{display:none}.toggle-short{display:inline}}@media(max-aspect-ratio:1/1)and (max-width:760px){.felt-wrap{--pad-x: 40px;--pad-y: 46px}.table{--ratio: .62}.felt{top:5%;right:8%;bottom:5%;left:8%}.felt-mark{bottom:22%}.seat{width:92px}.plate{padding:3px 8px 3px 3px;gap:5px}.avatar{width:28px;height:28px;padding:2px}.avatar span{font-size:.66rem}.name{font-size:.74rem}.stack{font-size:.84rem}.card{--w: 26px}.card.lg{--w: clamp(30px, 9vw, 40px)}.seat.you .hole .card{--w: 40px}.bet{font-size:.78rem}.act{padding:13px 6px;font-size:.98rem}.act kbd{display:none}.presets{justify-content:space-between}}@media(prefers-reduced-motion:reduce){.fx-chips{display:none}*,*:before,*:after{animation:none!important;transition:none!important}}