: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;padding:32px 16px 48px;background:radial-gradient(120% 90% at 50% 0%,var(--surface-2) 0%,var(--bg) 55%)}.home-head{text-align:center;margin-bottom:24px}.brand-mark{font-size:44px;color:var(--felt);line-height:1}.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}.home-sub{color:var(--ink-2);margin:0;max-width:34ch}.lobby-head{text-align:center;margin-bottom:20px}.lobby-code span{display:block;color:var(--ink-2);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.lobby-code strong{font-size:34px;letter-spacing:.3em;color:var(--gold)}.lobby-sub{color:var(--ink-2);max-width:36ch;margin:8px auto 0}.lobby-wait{color:var(--ink-2);text-align:center}.sheet{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 32px #0a190f14}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:13px;color:var(--ink-2)}.field input{border:1px solid var(--line);background:var(--bg);color:var(--ink);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 var(--line);background:var(--bg);color:var(--ink)}.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 var(--line);background:var(--bg);color:var(--ink);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:var(--ink);border:1px solid var(--line);border-radius:12px;padding:11px 16px}.plain-link{background:none;border:none;color:var(--ink-2);text-decoration:underline;padding:4px}.divider{display:flex;align-items:center;gap:10px;color:var(--ink-2);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.form-error{color:var(--red);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:var(--surface-2);color:var(--ink-2);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 78px;position:relative}.gpile{position:relative;display:block;flex:none;width:204px;max-width:204px;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:96px;height:136px;padding:10px 11px;border-radius:12px;color:#23272b;display:flex;flex-direction:column;justify-content:space-between;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 .r{font-size:1.7rem;line-height:1;letter-spacing:-.01em}.playcard .s{font-size:1.75rem;line-height:1}.playcard .who{font-size:.62rem;font-weight:700;color:#8a8172;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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:110px;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:118px;padding:0;background:none;border:none;cursor:pointer;font:inherit;color:inherit}.trick-stack{position:relative;width:104px;height:102px;flex:none}.stack-card{position:absolute;left:6px;top:6px;width:58px;height:82px;color:#23272b;border-radius:8px;box-shadow:0 1px 2px #0003,0 6px 14px #00000042;display:flex;flex-direction:column;justify-content:space-between;padding:6px 7px;font-family:Bricolage Grotesque,Public Sans,sans-serif;font-weight:800}.stack-card .r{font-size:1.05rem;line-height:1}.stack-card .s{font-size:1.1rem;line-height:1}.stack-card .who{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{border:1.5px solid rgba(255,255,255,.18);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;background:#00000038;color:#eef5ea}.remaining-box .rb{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}.remaining-box .rb-name{font-weight:700;font-size:.86rem;line-height:1.3}.remaining-box .rb-sub{font-size:.76rem;color:#cfe3b8}@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:106px;height:150px;flex:0 1 106px;padding:10px 11px;border-radius:13px;color:#23272b;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;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 .r{font-size:1.9rem;line-height:1;letter-spacing:-.01em}.hand button.cardbtn .s{font-size:1.95rem;line-height:1}.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}.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}@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:54px}.gpile{width:158px;max-width:158px;height:142px;min-height:142px}.playcard{width:72px;height:104px;flex:0 0 72px;padding:8px;border-radius:10px}.playcard .r{font-size:1.45rem}.playcard .s{font-size:1.5rem}.playcard .who{font-size:.52rem}.gcentre .table-history{min-height:62px;height:auto}.history-trick{width:66px}.history-trick .trick-stack{transform:scale(.62);transform-origin:top left;margin:0 -40px -38px 0}.history-trick .ht-caption{display:none}.gcentre .centre-row{bottom:6px}.remaining-box{padding:5px 7px;gap:6px;border-radius:8px}.remaining-box .rb{width:17px;height:25px;border-width:1.5px}.remaining-box .rb-name{display:none}.remaining-box .rb-sub{font-size:.62rem;line-height:1.2}.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:88px;height:122px;padding:7px 8px}.hand button.cardbtn .r{font-size:1.5rem}.hand button.cardbtn .s{font-size:1.55rem}.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:66px;height:96px;flex-basis:66px}.gpile{width:146px;max-width:146px;height:132px;min-height:132px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}