:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--ink:#fff;--ink-75:#ffffffbf;--ink-50:#ffffff80;--ink-25:#ffffff40;--spade:#000;--heart:#d9202e;--diamond:#1d6fe0;--club:#1b8a40;--mono:ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font:15px/22px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}::selection{background:var(--ink-25)}header.top,main{max-width:960px;margin:0 auto;padding:0 16px}header.top{border-bottom:1px solid var(--ink-25);padding-top:12px;padding-bottom:10px}main{padding-top:20px;padding-bottom:60px}main>*{animation:.35s ease-out both fade}.bar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.brand{letter-spacing:.04em;white-space:nowrap;color:var(--ink);font-size:18px;font-weight:700;text-decoration:none}.tools{align-items:center;gap:16px;min-width:0;display:flex}.nav{color:var(--ink-75);padding:11px 0;text-decoration:none;transition:color .2s}.nav.here,.nav:hover{color:var(--ink)}.me{min-width:0;color:var(--ink-75);align-items:baseline;gap:8px;text-decoration:none;display:inline-flex}.me b{font-family:var(--mono);color:var(--ink);font-weight:600}.me span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}h1,h2{font-size:inherit;margin:0;font-weight:600}h1{font-size:24px;line-height:30px}h2{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-50);font-size:12px;line-height:18px}p{margin:0}a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--ink-50);text-decoration-color:var(--ink-50);text-underline-offset:3px;transition:text-decoration-color .2s}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.muted{color:var(--ink-50)}.soft{color:var(--ink-75)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.error{border-left:2px solid var(--ink);padding-left:10px;animation:.3s ease-out both fade}.ok{color:var(--ink-75)}.stack{gap:28px;display:grid}.row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}button,.button{appearance:none;border:1px solid var(--ink-50);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:500;line-height:20px;text-decoration:none;transition:border-color .2s,background .2s,color .2s,opacity .2s,transform .15s;display:inline-flex}button:hover,.button:hover{border-color:var(--ink)}button:active,.button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:default;border-color:var(--ink-25);transform:none}button.primary,.button.primary{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}button.primary:hover,.button.primary:hover{background:var(--ink-75);border-color:#0000}button.primary:disabled{background:var(--ink-50);opacity:1;color:var(--bg);border-color:#0000}button.small{min-height:36px;padding:0 12px;font-size:13px}button.link{min-height:0;text-decoration:underline;-webkit-text-decoration-color:var(--ink-50);text-decoration-color:var(--ink-50);text-underline-offset:3px;border:0;padding:0}button:focus-visible,.button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}input{border:1px solid var(--ink-50);background:var(--bg);width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:6px;outline:none;padding:0 14px;transition:border-color .2s}input::placeholder{color:var(--ink-50)}input:focus{border-color:var(--ink)}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.landing{text-align:center;align-content:center;justify-items:center;gap:20px;min-height:calc(100svh - 160px);display:grid}.landing h1{font-size:40px;line-height:46px}.landing p{color:var(--ink-75)}.lobby{gap:32px;display:grid}.clock{border:1px solid var(--ink-25);text-align:center;border-radius:12px;justify-items:center;gap:8px;padding:28px 16px;display:grid}.clock .big{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:56px;font-weight:600;line-height:60px}.clock .facts{color:var(--ink-75);flex-wrap:wrap;justify-content:center;gap:4px 18px;display:flex}.clock .cta{min-width:180px;margin-top:10px}.clock .note{color:var(--ink-75)}.how{color:var(--ink-75);gap:2px;display:grid}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--ink-25);color:var(--ink-75);grid-template-columns:36px 1fr auto auto;align-items:baseline;gap:12px;padding:9px 0;display:grid}.list li.mine{color:var(--ink)}.list li .num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}.list li .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list.history li{grid-template-columns:1fr auto auto}.table-page{gap:20px;display:grid}.game{gap:12px;min-width:0;display:grid}.status{color:var(--ink-75);flex-wrap:wrap;gap:2px 16px;font-size:14px;display:flex}.banner{border:1px solid var(--ink-50);border-radius:10px;justify-items:start;gap:10px;padding:14px 16px;animation:.35s ease-out both rise;display:grid}.felt-wrap{padding:56px 52px 140px}.felt{aspect-ratio:3/4;background:var(--ink-25);border:1px solid var(--ink-50);border-radius:50%;position:relative}.centre{text-align:center;justify-items:center;gap:6px;width:100%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board{gap:4px;min-height:42px;display:flex}.pot{font-family:var(--mono);font-variant-numeric:tabular-nums;animation:.4s ease-out both fade}.pot small{color:var(--ink-75);font-size:12px;line-height:16px;display:block}.wait{color:var(--ink-75);font-size:13px;animation:.4s ease-out both fade}.seat{align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%,-50%)}.seat.p0{flex-direction:column;top:100%;left:50%;transform:translate(-50%,-30%)}.seat.p1{flex-direction:row-reverse;top:80%;left:10%}.seat.p2{flex-direction:row-reverse;top:20%;left:10%}.seat.p3{flex-direction:column-reverse;top:0;left:50%}.seat.p4{flex-direction:row;top:20%;left:90%}.seat.p5{flex-direction:row;top:80%;left:90%}.who{border:1px solid var(--ink-25);background:var(--bg);text-align:center;border-radius:8px;justify-items:center;gap:1px;min-width:72px;max-width:100px;padding:6px 8px;font-size:12px;line-height:16px;transition:border-color .3s,box-shadow .3s,opacity .4s;display:grid;position:relative}.who .name{text-overflow:ellipsis;white-space:nowrap;align-items:center;max-width:100%;display:inline-flex;overflow:hidden}.who .name .bot{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:12px;height:12px;color:var(--ink-75);flex:none;margin-right:4px}.who .chips{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-75)}.who .cards{gap:3px;margin-bottom:3px;display:flex}.who .tag{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-75);font-size:10px;line-height:14px}.who .won{max-width:100%;color:var(--ink);overflow-wrap:anywhere;font-size:11px;line-height:15px;animation:.5s ease-out both rise}.seat.folded .who{opacity:.5}.seat.actor .who{border-color:var(--ink)}.seat.winner .who{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.seat.empty .who{border-style:dashed;min-width:48px;min-height:32px}.seat.hero .who{min-width:96px;max-width:150px}.dealer{background:var(--ink);width:20px;height:20px;color:var(--bg);text-align:center;border-radius:50%;font-size:11px;font-weight:700;line-height:20px;animation:.3s ease-out both fade;position:absolute;top:-8px;right:-8px}.timer{background:var(--ink-25);border-radius:2px;width:100%;height:3px;margin-top:4px;overflow:hidden}.timer span{background:var(--ink);height:100%;transition:width .1s linear;display:block}.bet{border:1px solid var(--ink-50);background:var(--bg);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:10px;padding:1px 7px;font-size:12px;line-height:16px;transition:opacity .3s,transform .3s}.bet.off{opacity:0;transform:scale(.8)}.card{--w:30px;--h:42px;width:var(--w);height:var(--h);background:var(--ink);color:var(--spade);-webkit-user-select:none;user-select:none;border-radius:4px;flex:none;align-content:center;place-items:center;line-height:1;animation:.5s ease-out both reveal;display:inline-grid}.card b{font-size:calc(var(--h) * .4);font-weight:800}.card i{font-style:normal;font-size:calc(var(--h) * .3)}.card.suit-h{color:var(--heart)}.card.suit-d{color:var(--diamond)}.card.suit-c{color:var(--club)}.card.back{background:var(--bg);border:1px solid var(--ink-50);animation-name:deal}.card.mini{--w:24px;--h:34px}.card.big{--w:56px;--h:78px}.ticker{text-align:center;min-height:22px;color:var(--ink-75);animation:.4s ease-out both fade}.actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--ink-25);background:var(--bg);gap:8px;margin:0;animation:.3s ease-out both rise;display:grid}.actions .quick{gap:6px;display:flex}.actions .quick button{flex:1;padding:0 4px;font-size:13px}.actions .main{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.actions .main button{min-width:0;padding:0 6px;font-size:14px}.actions .error{font-size:14px}.chat{border:1px solid var(--ink-25);border-radius:12px;gap:8px;min-width:0;padding:12px;display:grid}.chat .log{flex-direction:column;justify-content:flex-end;gap:2px;height:220px;font-size:14px;line-height:20px;display:flex;overflow-y:auto}.chat .log .scroll{gap:2px;display:grid}.chat .log p{color:var(--ink-75);overflow-wrap:anywhere;animation:.3s ease-out both fade}.chat .log p.mine{color:var(--ink)}.chat .log p b{font-weight:600}.chat form{grid-template-columns:1fr auto;gap:8px;display:grid}.chat .emojis{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.chat .emojis::-webkit-scrollbar{display:none}.chat .emojis button{border:0;min-width:44px;padding:0;font-size:20px}.account{gap:28px;max-width:560px;display:grid}.account section{gap:10px;display:grid}.account form{grid-template-columns:1fr auto;gap:8px;display:grid}.facts{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 16px;display:grid}.facts .num{font-family:var(--mono);font-variant-numeric:tabular-nums}.address{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.address code{font-family:var(--mono);color:var(--ink-75);overflow-wrap:anywhere;font-size:13px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes deal{0%{opacity:0;transform:translateY(-10px)scale(.9)}}@keyframes reveal{0%{opacity:0;transform:scaleX(.15)}60%{opacity:1}}@keyframes pulse{50%{box-shadow:0 0 0 4px var(--ink-25)}}.seat.hero.actor .who{animation:1.2s ease-in-out infinite pulse}@media (width<=640px){.actions{z-index:5;position:fixed;bottom:0;left:0;right:0}.table-page.acting{padding-bottom:210px}}@media (width>=641px){header.top{padding-top:16px;padding-bottom:14px}.felt-wrap{width:100%;max-width:780px;margin:0 auto;padding:66px 76px 150px}.felt{aspect-ratio:2}.seat.p1{top:77%;left:8%}.seat.p2{top:23%;left:8%}.seat.p4{top:23%;left:92%}.seat.p5{top:77%;left:92%}.who{min-width:96px;max-width:150px;padding:8px 10px;font-size:13px;line-height:18px}.seat.hero .who{min-width:130px;max-width:190px}.card{--w:44px;--h:62px;border-radius:5px}.card.mini{--w:32px;--h:46px}.card.big{--w:68px;--h:96px;border-radius:7px}.board{gap:6px;min-height:62px}.actions{border:1px solid var(--ink-25);border-radius:12px;padding:14px 16px}.actions .main button{padding:0 8px;font-size:15px}}@media (width>=900px){.table-page{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.chat .log{height:380px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
