@font-face{font-family:"Jersey 10";font-style:normal;font-display:swap;font-weight:400;src:url(/shuffleclub/play/assets/jersey-10-latin-400-normal-DrL73VYW.woff2) format("woff2"),url(/shuffleclub/play/assets/jersey-10-latin-400-normal-B8YT2i2g.woff) format("woff")}:root{--u: 2;--aw: 400;--ah: 700;--paper: #fffbf0;--cream: #f2e6c9;--creamDeep: #e3d3ab;--edge: #d9c7a0;--edgeDeep: #b89b6e;--ink: #2a1f1a;--inkSoft: #5a4a44;--inkMute: #7a6a62;--terracotta: #a44a22;--terracottaHi: #c8643c;--terracottaDeep: #7a3318;--sage: #3f6b50;--sageHi: #62a67f;--sageDeep: #2a4d38;--sageSoft: #dde8d4;--blue: #3e6285;--blueHi: #5b7c99;--blueDeep: #2b4663;--blueSoft: #dce6f0;--butter: #f6d87a;--butterSoft: #fbebb5;--butterDeep: #b07a12;--clay: #f3d9cc;--danger: #a3261e;--dangerHi: #e06a60;--night: #3a2e26;--nightEdge: #6b5646;--felt0: #3f7a5a;--felt1: #4e8f6b;--bg: var(--cream);--panel: var(--paper);--text: var(--ink);--text2: var(--inkSoft);--font: "Jersey 10", "Courier New", monospace}@media (prefers-color-scheme: dark){:root{--bg: #2b211b;--panel: #3a2e26;--text: #fff6dc;--text2: #d9c7a0;--edge: #6b5646;--edgeDeep: #8a7058}}:root[data-theme=light]{--bg: var(--cream);--panel: var(--paper);--text: var(--ink);--text2: var(--inkSoft);--edge: #d9c7a0;--edgeDeep: #b89b6e}:root[data-theme=dark]{--bg: #2b211b;--panel: #3a2e26;--text: #fff6dc;--text2: #d9c7a0;--edge: #6b5646;--edgeDeep: #8a7058}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:calc(var(--u) * 11px);line-height:1.15;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none}img{image-rendering:pixelated}#app{position:fixed;inset:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:calc(var(--u) * 2px) solid var(--butterDeep);outline-offset:calc(var(--u) * 1px)}.hidden{display:none!important}.panel{background:var(--panel);border:calc(var(--u) * 2px) solid var(--edgeDeep);box-shadow:calc(var(--u) * 2px) calc(var(--u) * 2px) 0 var(--edge);padding:calc(var(--u) * 6px)}.btn{background:var(--terracotta);color:#fff6dc;border:calc(var(--u) * 2px) solid var(--terracottaDeep);box-shadow:0 calc(var(--u) * 2px) 0 var(--terracottaDeep);padding:calc(var(--u) * 4px) calc(var(--u) * 10px);min-height:calc(var(--u) * 22px);font-size:calc(var(--u) * 12px)}.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:active:not(:disabled){transform:translateY(calc(var(--u) * 2px));box-shadow:none}.btn.alt{background:var(--panel);color:var(--text);border-color:var(--edgeDeep);box-shadow:0 calc(var(--u) * 2px) 0 var(--edgeDeep)}.btn.good{background:var(--sage);border-color:var(--sageDeep);box-shadow:0 calc(var(--u) * 2px) 0 var(--sageDeep)}.btn.small{min-height:calc(var(--u) * 16px);padding:calc(var(--u) * 2px) calc(var(--u) * 6px);font-size:calc(var(--u) * 10px)}.btn:disabled{opacity:1;background:var(--edge);color:var(--inkMute);border-color:var(--edgeDeep);box-shadow:none;cursor:default}.row{display:flex;gap:calc(var(--u) * 6px);align-items:center}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--text2)}.center{text-align:center}.title{font-size:calc(var(--u) * 20px)}.h2{font-size:calc(var(--u) * 14px)}.bar{display:flex;align-items:center;gap:calc(var(--u) * 6px);padding:calc(var(--u) * 4px) calc(var(--u) * 6px);border-bottom:calc(var(--u) * 2px) solid var(--edgeDeep);background:var(--panel);min-height:calc(var(--u) * 26px)}.bar .name{flex:1;font-size:calc(var(--u) * 14px)}.bar .btn{min-height:calc(var(--u) * 18px)}.home{flex:1;overflow-y:auto;padding:calc(var(--u) * 8px);display:flex;flex-direction:column;gap:calc(var(--u) * 8px)}.hero{display:flex;gap:calc(var(--u) * 8px);align-items:center}.hero img{width:calc(var(--u) * 40px);height:calc(var(--u) * 40px)}.hero .t{font-size:calc(var(--u) * 22px);line-height:1}.club-card{display:flex;flex-direction:column;gap:calc(var(--u) * 4px)}.chips{display:flex;gap:calc(var(--u) * 4px);flex-wrap:wrap}.chip{background:var(--butterSoft);color:var(--ink);border:calc(var(--u) * 1px) solid var(--butterDeep);padding:calc(var(--u) * 1px) calc(var(--u) * 4px);font-size:calc(var(--u) * 10px)}.sect{font-size:calc(var(--u) * 13px);color:var(--text2);margin-top:calc(var(--u) * 2px)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 150px),1fr));gap:calc(var(--u) * 6px)}.tile{text-align:left;display:flex;flex-direction:column;gap:calc(var(--u) * 2px);background:var(--panel);border:calc(var(--u) * 2px) solid var(--edgeDeep);box-shadow:calc(var(--u) * 2px) calc(var(--u) * 2px) 0 var(--edge);padding:calc(var(--u) * 6px);min-height:calc(var(--u) * 56px)}.tile:active{transform:translate(calc(var(--u) * 1px),calc(var(--u) * 1px));box-shadow:none}.tile .tn{font-size:calc(var(--u) * 14px);display:flex;justify-content:space-between;gap:calc(var(--u) * 4px)}.tile .tb{font-size:calc(var(--u) * 10px);color:var(--text2)}.tile .lock{background:var(--butter);color:var(--ink);border:calc(var(--u) * 1px) solid var(--butterDeep);padding:0 calc(var(--u) * 3px);font-size:calc(var(--u) * 9px);align-self:flex-start}.tile .free{background:var(--sageSoft);color:var(--sageDeep);border:calc(var(--u) * 1px) solid var(--sage);padding:0 calc(var(--u) * 3px);font-size:calc(var(--u) * 9px);align-self:flex-start}.tile.locked{background:var(--panel)}.scrim{position:fixed;inset:0;background:#2a1f1a8c;display:flex;align-items:flex-end;justify-content:center;z-index:50}@media (min-width: 640px){.scrim{align-items:center}}.sheet{width:min(calc(var(--u) * 340px),100%);max-height:92%;display:flex;flex-direction:column;background:var(--panel);border:calc(var(--u) * 2px) solid var(--edgeDeep);box-shadow:calc(var(--u) * 3px) calc(var(--u) * 3px) 0 var(--edge);margin:calc(var(--u) * 4px)}.sheet.wide{width:min(calc(var(--u) * 420px),100%)}.sheet-head{display:flex;align-items:center;padding:calc(var(--u) * 4px) calc(var(--u) * 6px);border-bottom:calc(var(--u) * 2px) solid var(--edge)}.sheet-title{flex:1;font-size:calc(var(--u) * 16px)}.sheet-x{background:none;border:calc(var(--u) * 2px) solid var(--edgeDeep);width:calc(var(--u) * 20px);height:calc(var(--u) * 20px);font-size:calc(var(--u) * 14px);line-height:1;padding:0}.sheet-body{overflow-y:auto;padding:calc(var(--u) * 6px);display:flex;flex-direction:column;gap:calc(var(--u) * 6px);user-select:text;-webkit-user-select:text}.sheet-body p{margin:0}.sheet-actions{display:flex;gap:calc(var(--u) * 6px);padding:calc(var(--u) * 6px);border-top:calc(var(--u) * 2px) solid var(--edge);flex-wrap:wrap;justify-content:flex-end}.field{display:flex;flex-direction:column;gap:calc(var(--u) * 2px)}.field label,.field .lab{color:var(--text2);font-size:calc(var(--u) * 10px)}.field input[type=text]{font:inherit;padding:calc(var(--u) * 4px);background:var(--bg);color:var(--text);border:calc(var(--u) * 2px) solid var(--edgeDeep);width:100%}.seg{display:flex;gap:calc(var(--u) * 3px);flex-wrap:wrap}.seg button{background:var(--bg);border:calc(var(--u) * 2px) solid var(--edgeDeep);padding:calc(var(--u) * 3px) calc(var(--u) * 7px);min-height:calc(var(--u) * 20px)}.seg button[aria-pressed=true]{background:var(--sage);color:#fff6dc;border-color:var(--sageDeep)}.seg button:disabled{opacity:.55}.avatars{display:grid;grid-template-columns:repeat(8,1fr);gap:calc(var(--u) * 3px)}.avatars button{background:var(--bg);border:calc(var(--u) * 2px) solid var(--edge);padding:0;aspect-ratio:1}.avatars button[aria-pressed=true]{border-color:var(--terracotta);background:var(--butterSoft)}.avatars img{width:100%;height:100%;display:block}.toggle{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 6px)}.toggle button{width:calc(var(--u) * 34px);height:calc(var(--u) * 18px);background:var(--edge);border:calc(var(--u) * 2px) solid var(--edgeDeep);position:relative;padding:0}.toggle button:after{content:"";position:absolute;top:calc(var(--u) * 1px);left:calc(var(--u) * 1px);width:calc(var(--u) * 12px);height:calc(var(--u) * 12px);background:var(--paper);border:calc(var(--u) * 1px) solid var(--edgeDeep)}.toggle button[aria-pressed=true]{background:var(--sage);border-color:var(--sageDeep)}.toggle button[aria-pressed=true]:after{left:auto;right:calc(var(--u) * 1px)}.seatrow{display:flex;align-items:center;gap:calc(var(--u) * 6px)}.seatrow img{width:calc(var(--u) * 24px);height:calc(var(--u) * 24px)}.price{font-size:calc(var(--u) * 20px)}.keybox{display:flex;gap:calc(var(--u) * 4px)}.keybox input{flex:1;font:inherit;padding:calc(var(--u) * 4px);background:var(--bg);color:var(--text);border:calc(var(--u) * 2px) solid var(--edgeDeep);min-width:0;-webkit-user-select:text;user-select:text}.err{color:var(--danger)}.ok{color:var(--sage)}.game{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;background:var(--felt0);color:#fff6dc}.game .gbar{display:flex;align-items:center;gap:calc(var(--u) * 6px);padding:calc(var(--u) * 3px) calc(var(--u) * 6px);background:var(--night);border-bottom:calc(var(--u) * 2px) solid var(--nightEdge);color:#fff6dc;min-height:calc(var(--u) * 24px)}.game .gbar .gt{flex:1;font-size:calc(var(--u) * 13px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.game .gbar .btn{min-height:calc(var(--u) * 17px);padding:calc(var(--u) * 1px) calc(var(--u) * 6px);font-size:calc(var(--u) * 10px)}.felt{flex:1;position:relative;min-height:0;background:var(--felt0)}.felt:before{content:"";position:absolute;inset:calc(var(--u) * 8px);background:var(--felt1);border:calc(var(--u) * 2px) solid var(--sageDeep);pointer-events:none}.prompt{background:var(--night);color:#fff6dc;border-top:calc(var(--u) * 2px) solid var(--nightEdge);padding:calc(var(--u) * 4px) calc(var(--u) * 6px);min-height:calc(var(--u) * 24px);display:flex;align-items:center;gap:calc(var(--u) * 6px);flex-wrap:wrap}.prompt .ptxt{flex:1;min-width:calc(var(--u) * 100px)}.toast{position:absolute;top:calc(var(--u) * 30px);left:50%;transform:translate(-50%);background:var(--butter);color:var(--ink);border:calc(var(--u) * 2px) solid var(--butterDeep);box-shadow:calc(var(--u) * 2px) calc(var(--u) * 2px) 0 var(--butterDeep);padding:calc(var(--u) * 3px) calc(var(--u) * 8px);z-index:20;max-width:90%;text-align:center;pointer-events:none}.plate{display:flex;align-items:center;gap:calc(var(--u) * 4px);background:var(--panel);color:var(--text);border:calc(var(--u) * 2px) solid var(--edgeDeep);padding:calc(var(--u) * 2px) calc(var(--u) * 5px) calc(var(--u) * 2px) calc(var(--u) * 2px);position:relative;min-width:0}.plate .avatar{width:calc(var(--u) * 22px);height:calc(var(--u) * 22px);flex:none}.plate .pl-name{font-size:calc(var(--u) * 11px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate .pl-score,.plate .pl-sub{font-size:calc(var(--u) * 9px);color:var(--text2);white-space:nowrap}.plate.active{border-color:var(--butterDeep);background:var(--butterSoft);color:var(--ink)}.plate.active .pl-score,.plate.active .pl-sub{color:var(--inkSoft)}.plate .badge{position:absolute;top:calc(var(--u) * -6px);right:calc(var(--u) * -2px);background:var(--terracotta);color:#fff6dc;border:calc(var(--u) * 1px) solid var(--terracottaDeep);font-size:calc(var(--u) * 9px);padding:0 calc(var(--u) * 3px)}.card{position:relative;background:none;border:0;padding:0;width:calc(var(--u) * var(--cw) * 1px);height:calc(var(--u) * var(--ch) * 1px);display:block;flex:none}.card img{width:100%;height:100%;display:block}.card.small{width:calc(var(--u) * var(--cw) * .75px);height:calc(var(--u) * var(--ch) * .75px)}.card.dim img{filter:grayscale(.4) brightness(.72)}.card.legal:hover,.card.legal:focus-visible{transform:translateY(calc(var(--u) * -6px))}.card.sel{transform:translateY(calc(var(--u) * -10px))}.card.ring:after,.card.sel:after{content:"";position:absolute;inset:calc(var(--u) * -2px);border:calc(var(--u) * 2px) solid var(--butter);pointer-events:none}.card:disabled{cursor:default}.hand{position:relative;height:calc(var(--u) * 52px);margin:0 auto}.hand .card{position:absolute;bottom:0;transition:transform .08s steps(2)}.backs{position:relative;display:flex;height:calc(var(--u) * 33px)}.backs .card{position:absolute;left:calc(var(--u) * var(--i) * 1px);top:0}.backs.v{flex-direction:column}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.lb-code{letter-spacing:calc(var(--u) * 2px);color:var(--terracotta)}.lb-status{min-height:calc(var(--u) * 10px);font-size:calc(var(--u) * 10px);color:var(--text2);text-align:center}.lb-top{display:flex;flex-direction:column;gap:calc(var(--u) * 6px)}.lb-warn{background:var(--butter);color:var(--ink);border:calc(var(--u) * 2px) solid var(--butterDeep);padding:calc(var(--u) * 3px) calc(var(--u) * 6px);text-align:center}.lb-members{display:flex;flex-direction:column;gap:calc(var(--u) * 4px)}.lb-member{min-height:calc(var(--u) * 26px);flex-wrap:wrap}.lb-member.away{opacity:.6}.lb-noav{width:calc(var(--u) * 24px);height:calc(var(--u) * 24px);background:var(--edge);display:inline-block}.lb-dot{width:calc(var(--u) * 7px);height:calc(var(--u) * 7px);background:var(--sageHi);border:calc(var(--u) * 1px) solid var(--sageDeep);border-radius:50%;flex:none}.lb-dot.off{background:var(--edge);border-color:var(--edgeDeep)}.lb-mini{background:var(--bg);color:var(--text);border:calc(var(--u) * 2px) solid var(--edgeDeep);padding:calc(var(--u) * 1px) calc(var(--u) * 5px);min-height:calc(var(--u) * 18px);font-size:calc(var(--u) * 10px)}.lb-mini[aria-pressed=true]{background:var(--butterSoft);color:var(--ink)}.lb-mini.danger{border-color:var(--danger);color:var(--danger)}.lb-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 96px),1fr));gap:calc(var(--u) * 4px)}.lb-gtile{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u) * 2px);text-align:left;background:var(--panel);color:var(--text);border:calc(var(--u) * 2px) solid var(--edgeDeep);padding:calc(var(--u) * 4px) calc(var(--u) * 5px);min-height:calc(var(--u) * 34px);font-size:calc(var(--u) * 11px)}.lb-gtile[aria-pressed=true]{background:var(--sage);color:#fff6dc;border-color:var(--sageDeep)}.lb-gtile.locked{opacity:.85}.lb-gtile .lock{background:var(--butter);color:var(--ink);border:calc(var(--u) * 1px) solid var(--butterDeep);padding:0 calc(var(--u) * 3px);font-size:calc(var(--u) * 9px)}.lb-gtile .free{background:var(--sageSoft);color:var(--sageDeep);border:calc(var(--u) * 1px) solid var(--sage);padding:0 calc(var(--u) * 3px);font-size:calc(var(--u) * 9px)}.lb-seats{display:flex;flex-direction:column;gap:calc(var(--u) * 3px)}.lb-seat{width:100%;text-align:left;background:var(--panel);color:var(--text);border:calc(var(--u) * 2px) solid var(--edge);padding:calc(var(--u) * 3px) calc(var(--u) * 5px);min-height:calc(var(--u) * 30px)}button.lb-seat{border-color:var(--edgeDeep)}.lb-seat.me{border-color:var(--terracotta);background:var(--butterSoft);color:var(--ink)}.lb-seatn{width:calc(var(--u) * 12px);color:var(--text2);text-align:center;flex:none}.lb-rule{display:flex;justify-content:space-between;gap:calc(var(--u) * 6px);border-bottom:calc(var(--u) * 1px) dashed var(--edge);padding:calc(var(--u) * 2px) 0}.lb-go{justify-content:space-between}.lb-problem{text-align:center}.lb-choose{display:flex;flex-direction:column;gap:calc(var(--u) * 4px)}.lb-pick{width:100%;text-align:left;background:var(--bg);color:var(--text);border:calc(var(--u) * 2px) solid var(--edgeDeep);padding:calc(var(--u) * 3px) calc(var(--u) * 5px);min-height:calc(var(--u) * 30px)}.lb-pick[aria-pressed=true]{background:var(--sage);color:#fff6dc;border-color:var(--sageDeep)}.chat{display:flex;flex-direction:column;gap:calc(var(--u) * 4px);min-width:0}.chat-list{display:flex;flex-direction:column;gap:calc(var(--u) * 4px);background:var(--panel);border:calc(var(--u) * 2px) solid var(--edge);padding:calc(var(--u) * 4px);height:calc(var(--u) * 110px);overflow-y:auto;user-select:text;-webkit-user-select:text}.chat-empty{color:var(--text2);text-align:center;margin:auto}.chat-msg{display:flex;gap:calc(var(--u) * 5px);align-items:flex-start}.chat-msg img{width:calc(var(--u) * 20px);height:calc(var(--u) * 20px);flex:none}.chat-body{min-width:0}.chat-name{font-size:calc(var(--u) * 9px);color:var(--text2)}.chat-msg.mine .chat-name{color:var(--terracotta)}.chat-text{overflow-wrap:anywhere;font-size:calc(var(--u) * 11px)}.chat-quick{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 3px)}.chat-quick button{background:var(--bg);color:var(--text);border:calc(var(--u) * 2px) solid var(--edgeDeep);padding:calc(var(--u) * 2px) calc(var(--u) * 6px);min-height:calc(var(--u) * 18px);font-size:calc(var(--u) * 10px)}.chat-send{display:flex;gap:calc(var(--u) * 4px)}.chat-send input{flex:1;min-width:0;font:inherit;padding:calc(var(--u) * 4px);background:var(--bg);color:var(--text);border:calc(var(--u) * 2px) solid var(--edgeDeep);-webkit-user-select:text;user-select:text}.chat-bubble{position:relative;background:var(--panel);color:var(--text);border:calc(var(--u) * 2px) solid var(--edgeDeep);min-height:calc(var(--u) * 17px);min-width:calc(var(--u) * 22px);padding:0 calc(var(--u) * 4px);font-size:calc(var(--u) * 11px)}.chat-dot{display:none;position:absolute;top:calc(var(--u) * -3px);right:calc(var(--u) * -3px);width:calc(var(--u) * 7px);height:calc(var(--u) * 7px);background:var(--danger);border:calc(var(--u) * 1px) solid var(--paper);border-radius:50%}.chat-mutes{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 3px)}.chat-mute{background:var(--bg);color:var(--text);border:calc(var(--u) * 2px) solid var(--edgeDeep);padding:calc(var(--u) * 1px) calc(var(--u) * 5px);min-height:calc(var(--u) * 18px);font-size:calc(var(--u) * 10px)}.chat-mute[aria-pressed=true]{background:var(--butterSoft);color:var(--ink)}