:root{--bg: #f4f2ec;--surface: #fffdf8;--surface-2: #eae7da;--ink: #1c2420;--ink-2: #4c5a52;--line: #d6d2c2;--felt: #14532d;--felt-deep: #0c3a1f;--gold: #a8741a;--red: #b3372f;--suit: #23272b;--card-bg: #fffef9;--room: #060f09}:root[data-theme=dark]{--bg: #0d1410;--surface: #16211b;--surface-2: #1e2d24;--ink: #edf2ec;--ink-2: #a9bcb0;--line: #2d4235;--felt: #1e6b3d;--felt-deep: #0a2c18;--gold: #d9a441;--red: #e0655c;--suit: #23272b;--card-bg: #f7f4ea}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Public Sans,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}input{font:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}.home,.lobby{min-height:100dvh;display:flex;flex-direction:column;align-items:center;overflow-x:clip;padding:32px 16px 48px;color:#f5f1e3;background:radial-gradient(120% 90% at 50% 0%,#fff1d621,#fff1d600 55%),radial-gradient(64% 36% at 50% 92px,#2b060370,#2b060300),radial-gradient(110% 100% at 50% 42%,#0000 58%,#0000004d),url(/cardback-aces.png) 0 0 / 300px 300px repeat,#85231c}.home-head{text-align:center;margin-bottom:24px}.brand-mark{font-size:44px;color:#f5f1e3;line-height:1;text-shadow:0 1px 3px rgba(43,6,3,.6),0 0 18px rgba(43,6,3,.4)}.home-head h1,.lobby-head h1{font-family:Bricolage Grotesque,Public Sans,sans-serif;font-size:40px;font-weight:800;margin:6px 0 4px;letter-spacing:.01em;color:#f5f1e3;text-shadow:0 1px 3px rgba(43,6,3,.6),0 0 18px rgba(43,6,3,.4)}.home-sub{color:#f5f1e3;margin:0;max-width:34ch;text-shadow:0 1px 3px rgba(43,6,3,.65),0 0 14px rgba(43,6,3,.45)}.lobby-head{text-align:center;margin-bottom:20px}.lobby-code{text-align:center}.lobby-code span{display:block;color:#4c5a52;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.lobby-code strong{font-size:34px;letter-spacing:.3em;color:#a8741a}.lobby-sub{color:#f5f1e3;max-width:36ch;margin:8px auto 0;text-shadow:0 1px 3px rgba(43,6,3,.65),0 0 14px rgba(43,6,3,.45)}.lobby-wait{color:#4c5a52;text-align:center}.home-head .form-error,.lobby-head .form-error{color:#ffc9c2}.sheet-stack{position:relative;width:100%;max-width:420px;margin:12px 8px 20px;border-radius:14px;box-shadow:13px 16px 0 -3px #e7dfc9}.sheet-stack:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform:rotate(-3deg) translate(-6px,-16px);border-radius:14px;border:4px solid #fdfaf1;background:repeating-linear-gradient(45deg,#7c1f1a 0,#7c1f1a 5px,#932a23 5px,#932a23 10px);box-shadow:0 10px 24px #0000004d}.sheet-stack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform:rotate(2.5deg) translate(7px,9px);border-radius:14px;border:1px solid rgba(60,50,28,.22);background:linear-gradient(168deg,#fffefa,#fdfaf1 55%,#f6f0df);box-shadow:0 12px 26px #00000047}.sheet{position:relative;z-index:1;width:100%;max-width:420px;background:linear-gradient(168deg,#fffefa,#fdfaf1 55%,#f6f0df);color:#1c2420;border:1px solid rgba(60,50,28,.22);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 3px #00000040,0 24px 48px #00000061}.card-index{position:absolute;font-family:Bricolage Grotesque,Public Sans,sans-serif;font-weight:800;font-size:100px;line-height:1;color:#85231c;opacity:.72;pointer-events:none}.card-index.tl{top:7px;left:9px}.card-index.br{bottom:7px;right:9px;transform:rotate(180deg)}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:13px;color:#4c5a52}.field input{border:1px solid #d6d2c2;background:#f4f2ec;color:#1c2420;border-radius:10px;padding:11px 12px}.code-input{letter-spacing:.35em;text-transform:uppercase;font-weight:700}.seg{display:flex;gap:6px}.seg button{flex:1;padding:9px 0;border-radius:10px;border:1px solid #d6d2c2;background:#f4f2ec;color:#1c2420}.seg button.seg-on{background:var(--felt);border-color:var(--felt);color:#f2f6ef}.ai-row{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid #d6d2c2;background:#f4f2ec;color:#1c2420;border-radius:999px;padding:6px 12px;font-size:14px}.chip-on{background:var(--felt);border-color:var(--felt);color:#f2f6ef}.primary{background:var(--felt);color:#f4f8f1;border:none;border-radius:12px;padding:13px 16px;font-weight:600}.ghost{background:transparent;color:#1c2420;border:1px solid #d6d2c2;border-radius:12px;padding:11px 16px}.plain-link{background:none;border:none;color:#4c5a52;text-decoration:underline;padding:4px}.divider{display:flex;align-items:center;gap:10px;color:#4c5a52;font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#d6d2c2}.form-error{color:#b3372f;margin:0}.seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.seat-row{display:flex;align-items:center;gap:10px}.seat-avatar{width:34px;height:34px;border-radius:50%;background:#eae7da;color:#4c5a52;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.seat-name{flex:1}.game-room{position:relative;background:#040805;color:#eef5ea;min-height:100dvh}.game-head{display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;color:#f2f6ef;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:8}.game-head .gt{font-family:Bricolage Grotesque,Public Sans,sans-serif;font-size:.94rem;font-weight:700;letter-spacing:.01em;color:#eef5ead1}.head-btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.minbtn{border:1px solid rgba(255,255,255,.16);background:transparent;color:#eef5eabf;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:600;min-height:32px;transition:background .25s ease,color .25s ease,border-color .25s ease}.minbtn:hover{background:#ffffff12;color:#fff;border-color:#ffffff47}.howto{background:#07130c;color:#eef5ea;padding:16px 18px 18px;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:8}.howto-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.howto-head h3{color:#fff;font-size:1.05rem;margin:0;font-family:Bricolage Grotesque,Public Sans,sans-serif}.howto ul{margin:0;padding-left:20px}.howto li{margin-bottom:8px;font-size:.95rem;line-height:1.55;color:#eef5eae0}.howto li:last-child{margin-bottom:0}.howto-foot{margin:12px 0 0;font-size:.8rem}.howto-foot a{color:#eef5ea8c}.stage{position:relative;background:radial-gradient(ellipse 78% 58% at 50% 30%,#1d3524,#0b1a10 55%,#040805);padding:16px 16px 14px;display:grid;grid-template-columns:minmax(0,1fr) 188px;grid-template-rows:minmax(760px,auto) auto;gap:14px;align-items:start}.felt-wrap{position:relative;min-width:0;width:100%}.corners{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9}.corner{position:absolute;width:118px;border-radius:12px;overflow:hidden;background:#0a1510;border:1.5px solid rgba(255,255,255,.22);box-shadow:0 8px 20px #00000061;color:#eef5ea}.corner.has-bubble{overflow:visible}.corner.tl{top:8px;left:8px}.corner.tr{top:8px;right:8px}.corner.bl{bottom:8px;left:8px}.corner.br{bottom:8px;right:8px}.corner .cstream{height:46px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#33523f,#101f16 75%);border-radius:11px 11px 0 0}.corner .chead{width:40px;height:40px;border-radius:50%;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-family:Bricolage Grotesque,Public Sans,sans-serif;font-weight:800;font-size:.86rem;color:#fff}.corner .clabel{display:block;text-align:center;font-size:.68rem;font-weight:600;letter-spacing:.01em;line-height:1.25;padding:5px 7px 2px;color:#eef5eae6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.corner .csub{display:block;font-size:.6rem;color:#a9bcb0;line-height:1.25;padding:0 7px 6px}.corner.audio .cstream{background:#182420}.corner.audio .chead{width:46px;height:46px;font-size:1rem;background:var(--gold);color:#221a05;border-color:#f3ead8}.corner.empty{background:#060f0959;border:1.5px dashed rgba(255,255,255,.28);box-shadow:none}.corner.empty .cstream{height:44px;background:transparent}.corner.empty .clabel{color:#eef5ea8c;font-weight:600;text-align:center;padding-bottom:6px}.corner.turn{outline:3px solid var(--gold);animation:cornerBlink .72s ease-in-out 1 both}@keyframes cornerBlink{0%,to{opacity:1}16%{opacity:.22}34%{opacity:1}52%{opacity:.22}70%{opacity:1}}.corner .bubble{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);background:#f5f1e3;color:#1c2420;border-radius:12px;padding:5px 10px;font-size:13px;font-weight:600;box-shadow:0 4px 14px #00000059;white-space:nowrap;z-index:12;animation:bubbleIn .2s ease-out}@keyframes bubbleIn{0%{opacity:0}to{opacity:1}}.felt-oval{position:relative;height:600px;min-height:600px;overflow:hidden;margin:76px 60px 10px;border:10px solid #241a10;outline:none;border-radius:50%/42%;padding:20px 26px 30px;display:grid;grid-template-areas:"centre";grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);background:radial-gradient(ellipse 62% 52% at 50% 38%,#fff6d624,#fff6d600 62%),radial-gradient(ellipse at 50% 42%,#256f40 0%,#185c31 46%,var(--felt) 68%,var(--felt-deep) 92%,#082512 100%);box-shadow:inset 0 0 0 2px #00000059,inset 0 24px 60px #fffae10f,inset 0 -30px 70px #0000006b,inset 0 0 110px #00000061,0 30px 55px #00000080}.felt-oval:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.28) 100%)}.gcentre{grid-area:centre;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;align-self:stretch;height:100%;min-height:0;overflow:hidden;justify-content:center;padding:4px 0 84px;position:relative}.gpile{position:relative;display:block;flex:none;width:280px;max-width:280px;height:178px;min-height:178px;padding:0;background:transparent}.gpile .playcard{position:absolute;left:50%;top:50%;flex:none}.playcard,.stack-card,.hand button.cardbtn{background:linear-gradient(168deg,#fffefa,#fdfaf1 55%,#f6f0df);border:1px solid rgba(60,50,28,.14)}.playcard{width:99px;height:149px;border-radius:12px;color:#23272b;position:relative;overflow:hidden;font-family:Bricolage Grotesque,Public Sans,sans-serif;font-weight:800;box-shadow:0 1px 2px #00000038,0 10px 22px #00000047;transition:transform .26s ease,scale .3s cubic-bezier(.22,1.3,.36,1),box-shadow .3s ease,filter .3s ease}.playcard .who{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:3px 6px 4px;text-align:center;background:linear-gradient(180deg,#fdfaf1,#f2ead6);border-top:1px solid rgba(60,50,28,.12);font-size:.62rem;font-weight:700;color:#8a8172;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.face-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-image:url(/faces/sprite.webp);background-size:900% 400%;background-repeat:no-repeat;-webkit-user-select:none;user-select:none}.face-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:block;font-family:Bricolage Grotesque,Public Sans,sans-serif;font-weight:800}.ff-idx{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.98}.ff-idx b{letter-spacing:-.04em}.ff-idx i{font-style:normal}.ff-idx.tl{top:5%;left:6.5%}.ff-idx.br{bottom:5%;right:6.5%;transform:rotate(180deg)}.ff-pip{position:absolute;left:50%;top:50%;line-height:1;transform:translate(-50%,-54%)}.cardbtn .ff-idx b{font-size:1.02rem}.cardbtn .ff-idx i{font-size:.76rem}.cardbtn .ff-pip{font-size:2.3rem}.playcard .ff-idx b{font-size:.92rem}.playcard .ff-idx i{font-size:.68rem}.playcard .ff-pip{font-size:2rem}.playcard .ff-idx.br{display:none}.stack-card .ff-idx b{font-size:.66rem}.stack-card .ff-idx i{font-size:.5rem}.stack-card .ff-pip{font-size:1.1rem}.stack-card .ff-idx.br{display:none}.playcard.red{color:var(--red)}.playcard.leader{outline:3.5px solid var(--gold);scale:1.045;filter:brightness(1.045);box-shadow:0 2px 3px #0000003d,0 18px 34px #0000006b,0 0 0 5px #d9a44129}.playcard.foul{outline:3.5px solid #e0655c}@keyframes cardTravel{0%{translate:var(--fx, 0px) var(--fy, 26px);scale:1.06;opacity:.6}55%{opacity:1}to{translate:0 0;scale:1;opacity:1}}.gpile .playcard.just-played{animation:cardTravel .34s cubic-bezier(.25,1,.35,1) both}@keyframes trickPress{0%{scale:1;translate:0 0}45%{scale:.972;translate:0 2px}to{scale:1;translate:0 0}}.gpile.press .playcard{animation:trickPress .26s ease-out .34s both}.gcentre .table-history{flex:none;height:auto;min-height:124px;margin:0;width:100%}.gcentre .table-history[hidden]{display:block;visibility:hidden}.history-tricks{display:flex;flex-wrap:wrap;gap:20px 22px;align-items:flex-start;justify-content:center}.history-trick{display:flex;flex-direction:column;align-items:center;gap:7px;width:132px;padding:0;background:none;border:none;cursor:pointer;font:inherit;color:inherit}.trick-stack{position:relative;width:118px;height:116px;flex:none}.stack-card{position:absolute;left:6px;top:6px;width:64px;height:96px;color:#23272b;border-radius:8px;box-shadow:0 1px 2px #0003,0 6px 14px #00000042;overflow:hidden;font-family:Bricolage Grotesque,Public Sans,sans-serif;font-weight:800}.stack-card .who{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:2px 3px 3px;text-align:center;background:linear-gradient(180deg,#fdfaf1,#f2ead6);border-top:1px solid rgba(60,50,28,.12);font-size:.52rem;font-weight:700;color:#7a7263;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stack-card.red{color:var(--red)}.stack-card.is-win{outline:2.5px solid var(--gold)}.history-trick .ht-caption{text-align:center}.history-trick .ht-num{display:block;font-size:.78rem;font-weight:700;color:#cfe3b8}.history-trick .ht-win{display:block;font-size:.8rem;color:#dcead2}@keyframes stackSettle{0%{scale:1.045;translate:0 -3px;opacity:.65}to{scale:1;translate:0 0;opacity:1}}.history-trick.trick-settle .trick-stack{animation:stackSettle .3s ease-out both}.gcentre .centre-row{position:absolute;left:50%;transform:translate(-50%);bottom:10px;display:flex;justify-content:center;margin:0}.remaining-box{padding:0 8px 8px 0}.remaining-box .rb{position:relative;width:26px;height:38px;border-radius:4px;flex:none;display:block;background:repeating-linear-gradient(45deg,#7c1f1a 0,#7c1f1a 5px,#932a23 5px,#932a23 10px);border:2px solid #f3ead8;box-shadow:3px 3px 0 -1px #e9e1cb,6px 6px 0 -2px #cfc5a9}@keyframes deckRiffle{0%{transform:rotate(0) translate(0)}14%{transform:rotate(-4deg) translate(-2px,1px)}30%{transform:rotate(3.5deg) translate(2px,-1px)}46%{transform:rotate(-3deg) translate(-2px)}62%{transform:rotate(2deg) translate(1px,1px)}78%{transform:rotate(-1deg) translate(0)}to{transform:rotate(0) translate(0)}}.remaining-box.is-shuffling .rb{animation:deckRiffle 1.45s cubic-bezier(.3,.7,.3,1) both}@keyframes deckSetDown{0%{transform:translateY(0) scale(1)}40%{transform:translateY(2px) scale(.965)}to{transform:translateY(0) scale(1)}}.remaining-box.deck-setdown .rb{animation:deckSetDown .26s ease-out both}@keyframes deckPulse{0%{transform:translateY(0)}45%{transform:translateY(-2.5px)}to{transform:translateY(0)}}.remaining-box.deal-pulse .rb{animation:deckPulse .17s ease-out both}.gpanel{position:relative;z-index:7;background:#070f0aeb;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;color:#eef5ea;box-shadow:none;align-self:start}.gpanel h3{font-size:.86rem;font-weight:700;letter-spacing:.02em;color:#eef5ead9;margin:0;font-family:Bricolage Grotesque,Public Sans,sans-serif}.gpanel .lab{font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#a9bcb0bf}.gpanel .seg{display:flex;gap:6px;flex-wrap:wrap}.gpanel .seg button{flex:1;border:1.5px solid rgba(255,255,255,.16);background:#ffffff0d;color:#fff;border-radius:999px;padding:6px 7px;font-weight:700;min-height:36px;transition:background .25s ease,color .25s ease,border-color .25s ease}.gpanel .seg button[aria-pressed=true]{background:#eef2e8;color:#17251b;border-color:#eef2e8}.gpanel .btn,.your-hand-wrap .btn,.spread .btn{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.16);color:#fff;border-radius:999px;min-height:40px;padding:7px 10px;font-weight:600;transition:background .25s ease,border-color .25s ease}.gpanel .btn{width:100%}.gpanel .btn:hover,.your-hand-wrap .btn:hover,.spread .btn:hover{background:#ffffff1c}.gpanel .btn.primary,.your-hand-wrap .btn.primary{background:#eef2e8;border-color:#eef2e8;color:#17251b;font-weight:700}.gpanel .btn.primary:hover,.your-hand-wrap .btn.primary:hover{background:#fff}.reactions{display:flex;gap:6px;flex-wrap:wrap}.reactions button{border:1.5px solid rgba(255,255,255,.14);background:transparent;color:#fff;border-radius:999px;padding:5px 9px;font-weight:500;font-size:.82rem;min-height:34px;transition:background .25s ease}.reactions button:hover{background:#ffffff14}.panel-note{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;font-size:.82rem;color:#eef5ea;overflow-wrap:anywhere}.pcollapse{display:contents}.panel-more-btn{display:none}.panel-players{font-size:.86rem;font-weight:600;color:#eef5ead9}.panel-wait{margin:0;font-size:.82rem;color:#eef5eab3;line-height:1.4}.minimised-strip{margin:26px auto;max-width:420px;padding:22px;background:#070f0aeb;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#eef5ea;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.minimised-strip p{margin:0}.minimised-line{color:#eef5eab3;font-size:.88rem}.minimised-btn{width:auto}.minimised-strip .btn{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.16);color:#fff;border-radius:999px;min-height:40px;padding:7px 14px;font-weight:600}.minimised-strip .btn.primary{background:#eef2e8;border-color:#eef2e8;color:#17251b;font-weight:700}.plain-link.light{color:#eef5eabf}.stage-foreground{grid-column:1 / -1;position:relative;z-index:6;display:flex;gap:18px;align-items:flex-end;margin-top:-64px;padding:0 6px}.chalk-overlay{flex:0 0 318px;max-width:318px}.chalkboard{background:#0d130ff5;border:2px solid rgba(243,234,216,.34);border-radius:10px;padding:11px 13px 10px;color:#f5f1e3;font-family:Bricolage Grotesque,Public Sans,sans-serif;box-shadow:0 10px 24px #00000052}.chalk-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1.5px dashed rgba(245,241,227,.4);padding-bottom:6px;margin-bottom:7px}.chalk-title{font-weight:800;font-size:.92rem;letter-spacing:.02em}.chalkboard .chalk-sub{display:none}.chalk-cols{display:grid;gap:0}.chalk-col{padding:0 14px}.chalk-col:first-child{padding-left:0}.chalk-name{font-weight:800;font-size:.92rem;text-transform:uppercase;letter-spacing:.07em;color:#f5f1e3d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chalk-entries{margin:4px 0 5px;font-size:.88rem;line-height:1.5}.chalk-entry{display:block;transform:rotate(-.4deg)}.chalk-entry:nth-child(2n){transform:rotate(.35deg)}.chalk-entry .handno{color:#f5f1e39e;font-size:.82rem;margin-right:7px}.chalk-none{color:#f5f1e380;font-size:.92rem;font-style:italic}.chalk-total{border-top:1.5px solid rgba(245,241,227,.55);padding-top:7px;font-weight:800;font-size:1.08rem;color:#f3e5bd}.chalk-total.rise{animation:chalkWrite .42s ease-out both}.chalk-total .lbl{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#f5f1e3ad}@keyframes chalkWrite{0%{opacity:0;transform:translateY(-2px) rotate(-1.2deg);clip-path:inset(0 88% 0 0)}60%{opacity:1;transform:translateY(0) rotate(.3deg);clip-path:inset(0 18% 0 0)}to{opacity:1;transform:rotate(0);clip-path:inset(0 0 0 0)}}.your-hand-wrap{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}.hand-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#dcead2c7;background:#00000052;border-radius:999px;padding:3px 12px}.hand{display:flex;flex-wrap:nowrap;gap:10px;margin-top:6px;width:100%;justify-content:center}.hand button.cardbtn{width:100px;height:150px;flex:0 1 100px;border-radius:13px;color:#23272b;position:relative;overflow:hidden;font-family:Bricolage Grotesque,Public Sans,sans-serif;font-weight:800;box-shadow:0 2px 3px #0000003d,0 14px 26px #0000005c;transition:transform .38s cubic-bezier(.25,1.1,.35,1),scale .3s cubic-bezier(.22,1.3,.36,1),box-shadow .3s ease}.hand button.cardbtn.red{color:var(--red)}.hand button.cardbtn:not(:disabled):hover{transform:translateY(-10px)}.hand button.cardbtn:disabled{opacity:.45}.hand button.cardbtn.suggested{outline:3.5px solid var(--gold);outline-offset:2px;transform:translateY(-10px)}@keyframes cardDealIn{0%{transform:translate(-30px,-16px) rotate(-2.4deg);scale:.93;opacity:0}55%{opacity:1}to{transform:translate(0) rotate(0);scale:1;opacity:1}}.hand button.cardbtn.dealt-in{animation:cardDealIn .32s cubic-bezier(.25,1,.35,1) both}.hand .empty-hand{color:#cfe3b8;font-size:.88rem;padding:12px 8px;text-align:center}.rail-spacer{flex:0 0 188px}@media (min-width: 761px){.game-room{height:100dvh;display:flex;flex-direction:column}.stage{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr) auto}.felt-wrap{align-self:start;height:calc(100% - 50px)}.felt-oval{height:calc(100% - 86px);min-height:0}.gpanel{align-self:stretch;max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}}@media (min-width: 761px) and (max-height: 860px){.felt-oval{height:calc(100% - 64px);margin-top:56px;margin-bottom:8px;padding-bottom:22px}.gcentre{padding-bottom:84px}.gpile{height:166px;min-height:166px}.history-trick .ht-caption{display:none}.gcentre .table-history{min-height:102px}}@media (min-width: 761px) and (max-height: 740px){.felt-oval{height:calc(100% - 46px);margin-top:40px;margin-bottom:6px;padding-top:12px;padding-bottom:16px}.gcentre{gap:6px;padding-bottom:84px}.gpile{height:158px;min-height:158px}}.match-banner{max-width:560px;width:100%;text-align:center;font-size:.95rem;font-weight:700;line-height:1.45;color:#fff;background:#6b1d16;border:1.5px solid #e0655c;border-radius:12px;padding:10px 14px;margin-bottom:8px}.match-banner.win{background:#14532d;border-color:var(--gold)}.your-hand-wrap .banner-btn{width:auto;margin-bottom:8px}.banner-note{color:#eef5eabf;font-size:.85rem;margin:0 0 8px}.spread{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#030604a8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px}.spread-cards{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.spread .stack-card{position:relative;left:auto;top:auto}.licences{min-height:100dvh;display:flex;justify-content:center;padding:40px 16px 56px;background:var(--bg)}.licences-inner{width:100%;max-width:560px}.licences h1{font-size:26px;margin:0 0 6px}.licences .lic-intro{color:var(--ink-2);margin:0 0 24px}.lic-entry{border-top:1px solid var(--line);padding:16px 0}.lic-entry h2{font-size:17px;margin:0 0 8px}.lic-entry p{margin:0 0 8px;color:var(--ink-2);font-size:15px;line-height:1.55}.lic-entry a{color:var(--gold)}.lic-source{font-size:13px}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:11px 16px;box-shadow:0 14px 36px #050f084d;z-index:60;max-width:min(92vw,440px);text-align:center}.offline-note{position:fixed;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#6b1d16;color:#fff;border-radius:999px;padding:6px 14px;font-size:14px;z-index:60}.table-notice{position:fixed;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;white-space:nowrap;z-index:55;animation:noticeFade 3.8s ease forwards}.table-notice:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);flex:none}@keyframes noticeFade{0%{opacity:0}8%{opacity:1}82%{opacity:1}to{opacity:0}}.seat-offer{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(92vw,440px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;padding:13px 16px;box-shadow:0 14px 36px #050f084d;z-index:60;animation:offerIn .25s ease-out}.seat-offer p{margin:0 0 10px;text-align:left}.seat-offer-btns{display:flex;gap:10px}.seat-offer-btns .primary,.seat-offer-btns .ghost{flex:1}@keyframes offerIn{0%{opacity:0}to{opacity:1}}@media (max-width: 760px){.game-head{flex-wrap:nowrap;padding:10px 12px}.game-head .gt{font-size:.88rem;line-height:1.15}.minbtn{padding:4px 9px;font-size:.72rem;white-space:nowrap}.howto{padding:13px 14px 14px}.howto li{font-size:.88rem}.stage{display:flex;flex-direction:column;padding:8px;gap:8px;align-items:stretch}.felt-wrap{order:1}.felt-oval{height:378px;min-height:378px;margin:48px 14px 4px;border-width:7px;border-radius:47%/36%;padding:10px 4px 12px}.corner{width:58px;border-radius:8px;border-width:1px}.corner.tl{top:4px;left:4px}.corner.tr{top:4px;right:4px}.corner.bl{bottom:4px;left:4px}.corner.br{bottom:4px;right:4px}.corner .cstream{height:30px}.corner .chead{width:24px;height:24px;font-size:.6rem;border-width:1px}.corner.audio .chead{width:30px;height:30px;font-size:.72rem}.corner .clabel{display:block;font-size:.52rem;padding:2px 3px 3px;line-height:1.15}.corner .csub,.corner.empty{display:none}.gcentre{gap:6px;padding-bottom:66px;justify-content:flex-start;padding-top:12px}.gpile{width:224px;max-width:224px;height:156px;min-height:156px}.playcard{width:80px;height:120px;flex:0 0 80px;border-radius:10px}.playcard .who{font-size:.52rem}.gcentre .table-history{min-height:92px;height:auto}.history-tricks{gap:8px 22px}.history-trick{width:96px}.history-trick .trick-stack{transform:scale(.8);transform-origin:top left;margin:0 -24px -30px 0}.gpile.idle{height:0;min-height:0}.history-trick .ht-caption{display:none}.gcentre .centre-row{bottom:6px}.remaining-box{padding:0 6px 6px 0}.remaining-box .rb{width:19px;height:28px;border-width:1.5px}.stage-foreground{order:2;flex-direction:column;align-items:stretch;gap:6px;margin-top:2px;padding:0}.rail-spacer{display:none}.your-hand-wrap{order:1}.hand-label{font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hand{gap:7px}.hand button.cardbtn{flex:1 1 0;width:auto;max-width:81px;height:122px}.chalk-overlay{order:2;flex:none;max-width:none;width:100%}.chalkboard{padding:7px 11px}.chalk-head,.chalk-entries{display:none}.chalk-col{display:flex;align-items:center;gap:7px;padding:0 8px}.chalk-name{font-size:.7rem}.chalk-total{font-size:1rem;padding-top:0;border-top:none}.chalk-total .lbl{display:none}.gpanel{order:3;align-self:stretch;flex-direction:row;flex-wrap:wrap;align-items:center;padding:7px;gap:5px;border-radius:12px;background:#070f0af0}.gpanel h3,.gpanel .lab{display:none}.gpanel .seg{gap:4px;flex-wrap:nowrap}.gpanel .seg button{min-height:29px;padding:2px 8px;font-size:.82rem}.gpanel .btn{width:auto;min-height:29px;padding:3px 7px;font-size:.78rem;flex:1 1 28%}.reactions button{min-height:29px;padding:2px 7px;font-size:.78rem}.panel-note{flex:1 1 100%;font-size:.76rem;padding:5px 8px}.panel-more-btn{display:block;order:6;flex:1 1 100%;background:none;border:none;color:#fff;font-size:.78rem;font-weight:600;padding:5px 7px;min-height:29px}.gpanel:not(.expanded) .pcollapse{display:none}.gpanel.expanded .pcollapse,.gpanel.expanded .reactions{display:contents}.match-banner{font-size:.84rem;padding:8px 10px}.hand .empty-hand{font-size:.8rem;padding:8px 6px}}@media (max-width: 380px){.playcard{width:74px;height:111px;flex-basis:74px}.gpile{width:210px;max-width:210px;height:146px;min-height:146px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
