*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-width:320px;margin:0}.playing-card{width:var(--card-w);height:var(--card-h);box-sizing:border-box;border-radius:calc(var(--card-w) * .09);cursor:pointer;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d5d2cb;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000024}.playing-card:hover:not(.disabled){transform:translateY(-6px);box-shadow:0 8px 16px #0003}@media (hover:none){.playing-card:hover:not(.disabled):not(.selected):not(.suggested){transform:none;box-shadow:0 2px 6px #00000024}}.playing-card.selected{border:2px solid var(--primary);transform:translateY(calc(var(--card-h) * -.16));box-shadow:0 10px 22px #17694f59}.playing-card.suggested{transform:translateY(calc(var(--card-h) * -.14));box-shadow:0 0 0 2px var(--gold), 0 10px 20px #b07d004d}.playing-card.suggested:hover:not(.disabled){transform:translateY(calc(var(--card-h) * -.18))}.playing-card.disabled{cursor:default}.hand-section.user .playing-card.disabled:not(.hidden){filter:saturate(.85)}.playing-card.hidden{padding:calc(var(--card-w) * .06);background:#fff;border-color:#c9c5bd}.card-back{border-radius:calc(var(--card-w) * .05);background-color:#233a63;background-image:repeating-linear-gradient(45deg,#ffffff21 0 2px,#0000 2px 7px),repeating-linear-gradient(-45deg,#ffffff21 0 2px,#0000 2px 7px);width:100%;height:100%}.card-pips-container{padding:calc(var(--card-h) * .15) calc(var(--card-w) * .25) calc(var(--card-h) * .16);font-size:calc(var(--card-w) * .22);box-sizing:border-box;z-index:1;pointer-events:none;grid-template-rows:repeat(13,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;line-height:1;display:grid;position:absolute;inset:0}.court-card{padding:calc(var(--card-h) * .06) calc(var(--card-w) * .24);box-sizing:border-box}.court-svg{width:100%;height:100%;display:block}.pip.top-left{grid-area:1/1}.pip.top-right{grid-area:1/3}.pip.top-mid{grid-area:1/2}.pip.center-top{grid-area:3/2}.pip.center-mid-top{grid-area:4/2}.pip.center-inner-top{grid-area:5/2}.pip.mid-top-left{grid-area:4/1}.pip.mid-top-right{grid-area:4/3}.pip.inner-top-left{grid-area:5/1}.pip.inner-top-right{grid-area:5/3}.pip.mid-left{grid-area:7/1}.pip.mid-right{grid-area:7/3}.pip.center{grid-area:7/2}.pip.center-inner-bottom{grid-area:9/2}.pip.center-mid-bottom{grid-area:10/2}.pip.center-bottom{grid-area:11/2}.pip.inner-bottom-left{grid-area:9/1}.pip.inner-bottom-right{grid-area:9/3}.pip.mid-bottom-left{grid-area:10/1}.pip.mid-bottom-right{grid-area:10/3}.pip.bottom-left{grid-area:13/1}.pip.bottom-right{grid-area:13/3}.pip.bottom-mid{grid-area:13/2}.pip.rotated{transform:rotate(180deg)}.card-center{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.card-center .suit-large{font-size:calc(var(--card-w) * .42);line-height:1}.face-card .face-rank{font-family:var(--font-card);font-size:calc(var(--card-w) * .78);opacity:.1;z-index:-1;font-weight:700;position:absolute}.card-top-left,.card-bottom-right{z-index:2;pointer-events:none;flex-direction:column;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute}.card-top-left{top:calc(var(--card-w) * .05);left:calc(var(--card-w) * .06)}.card-bottom-right{bottom:calc(var(--card-w) * .05);right:calc(var(--card-w) * .06);transform:rotate(180deg)}.card-top-left .rank,.card-bottom-right .rank{font-family:var(--font-card);font-size:calc(var(--card-w) * .19);letter-spacing:-.04em}.card-top-left .suit,.card-bottom-right .suit{font-size:calc(var(--card-w) * .15)}.joker-svg{width:62%;height:auto;display:block}.joker-word{font-family:var(--font-card);font-weight:700;font-size:calc(var(--card-w) * .12);writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.12em;pointer-events:none;line-height:1;position:absolute}.joker-word.top{top:calc(var(--card-w) * .06);left:calc(var(--card-w) * .05)}.joker-word.bottom{bottom:calc(var(--card-w) * .06);right:calc(var(--card-w) * .05);transform:rotate(180deg)}:root{--ink:#1d2433;--ink-2:#4a5263;--ink-3:#7a8191;--line:#e4e1da;--paper:#fff;--paper-2:#f7f5f0;--primary:#17694f;--primary-hover:#12563f;--primary-soft:#e3f1ea;--primary-dark:#0f4634;--primary-light:#4f9a7f;--gold:#e0a526;--gold-soft:#fff6dc;--red-player:#d64545;--blue-player:#2f7fd1;--danger:#c63b3b;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #1d243314;--shadow:0 4px 16px #1d24331a;--shadow-lg:0 18px 50px #1d243338;--line-strong:#d6d2c8;--hover:#fbfdfc;--panel:#fffffff2;--pill:#ffffffe6;--on-felt:#e8f3ec;--chip-gold-ink:#7a5600;--chip-gold-line:#f1d58b;--chip-green-line:#c4e2d4;--wood-1:#e6c895;--wood-2:#b98a53;--board-ink:#4a2f1a;--felt-1:#23825b;--felt-2:#0f4b34;--felt-edge:#28160873;--chart-bar:#1a8a5f;--card-w:76px;--card-h:106px;--overlap:-26px;--pile-step:-30px;--footer-h:72px;--play-h:calc(var(--card-h) + 60px);--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-card:Georgia, "Times New Roman", serif}@media (height<=860px),(width<=1100px){:root{--card-w:66px;--card-h:92px;--overlap:-24px;--pile-step:-28px}}@media (width>=1440px) and (height>=860px){:root{--card-w:90px;--card-h:126px;--overlap:-30px}}@media (width>=1800px) and (height>=1000px){:root{--card-w:104px;--card-h:146px;--overlap:-34px}}@media (width<=600px){:root{--card-w:58px;--card-h:81px;--overlap:-22px;--pile-step:-34px}}@media (width<=600px) and (height>=760px){:root{--card-w:64px;--card-h:90px;--overlap:-26px}}@media (width<=360px){:root{--card-w:52px;--card-h:73px;--overlap:-20px;--pile-step:-31px}}@media (width<=600px){:root{--footer-h:116px}}@media (height<=520px){:root{--card-w:44px;--card-h:62px;--overlap:-14px;--pile-step:-22px;--footer-h:56px;--play-h:calc(var(--card-h) * 1.25)}}@media (prefers-color-scheme:dark){:root{--ink:#e9ecf2;--ink-2:#b9c0cc;--ink-3:#8a93a3;--line:#2e3646;--line-strong:#3b4558;--paper:#171c26;--paper-2:#1f2633;--hover:#1c2a26;--primary:#24966c;--primary-hover:#1d7f5b;--primary-soft:#16362b;--primary-dark:#9fe3c6;--primary-light:#3fb487;--gold-soft:#3a2f12;--chip-gold-ink:#f3d27a;--chip-gold-line:#6b5520;--chip-green-line:#24513f;--danger:#e05252;--panel:#171c26f0;--pill:#171c26d9;--shadow-sm:0 1px 2px #0006;--shadow:0 4px 16px #00000073;--shadow-lg:0 18px 50px #0009;--wood-1:#6e4b2c;--wood-2:#352315;--board-ink:#f0d9b5;--felt-1:#185c42;--felt-2:#08281c;--felt-edge:#0009;--chart-bar:#2a9e72}.playing-card{filter:brightness(.94)}}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper);width:36px;height:36px;color:var(--ink-2);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.icon-btn:hover{background:var(--paper-2);color:var(--ink);border-color:var(--line-strong)}.btn-primary,.btn-secondary{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 18px;font-size:.92rem;font-weight:650;transition:background .15s,border-color .15s,box-shadow .15s,transform 50ms;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 1px 2px #0f46344d}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary.danger{background:var(--danger);border-color:var(--danger)}.btn-primary.danger:hover{background:#a82f2f;border-color:#a82f2f}.btn-secondary{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong)}.btn-secondary:hover:not(:disabled){background:var(--paper-2);border-color:var(--ink-3)}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-primary.large{min-width:200px;min-height:46px;padding:0 28px;font-size:1rem}.btn-secondary.icon-only{width:46px;min-height:46px;padding:0}button:focus-visible,input:focus-visible,.setup-card:focus-visible{outline-offset:2px;outline:3px solid #17694f73}.overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1d243373;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.dialog{box-sizing:border-box;background:var(--paper);width:100%;max-width:440px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);border-radius:16px;padding:28px;animation:.22s cubic-bezier(.2,.9,.3,1.2) popIn;overflow-y:auto}.dialog h2{margin:0;font-size:1.25rem;font-weight:750}.dialog p{color:var(--ink-2);margin:0;line-height:1.5}.dialog .button-group{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--felt-2);-webkit-font-smoothing:antialiased;margin:0}button{font-family:inherit}.app{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.topbar{background:var(--paper);border-bottom:1px solid var(--line);min-height:56px;box-shadow:var(--shadow-sm);z-index:20;align-items:center;gap:10px;padding:8px 16px;display:flex}.brand{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.brand-name{font-family:var(--font-card);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.chip{background:var(--gold-soft);color:var(--chip-gold-ink);border:1px solid var(--chip-gold-line);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:650}.topbar .btn-secondary{min-height:36px;padding:0 12px}.felt{background:radial-gradient(ellipse at 50% 40%, var(--felt-1), var(--felt-2) 75%);min-height:0;box-shadow:inset 0 0 60px var(--felt-edge);color:var(--on-felt);flex-direction:column;justify-content:space-between;gap:12px;padding:14px 16px 18px;display:flex;overflow:auto}.opponents{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.seat{--card-w:42px;--card-h:59px;--overlap:-30px;border-radius:var(--radius);background:#00000024;border:1px solid #ffffff14;flex-direction:column;align-items:center;gap:8px;min-width:150px;padding:10px 12px 12px;transition:box-shadow .2s,background .2s;display:flex}.seat.turn{box-shadow:0 0 0 2px var(--gold);background:#0003}.seat.out{opacity:.55}.seat.loser{box-shadow:0 0 0 2px var(--red-player);opacity:1}.seat-head{align-items:center;gap:6px;width:100%;font-size:.85rem;display:flex}.seat-icon{opacity:.8;display:inline-flex}.seat-name{font-weight:700}.seat-status{opacity:.85;white-space:nowrap;margin-left:auto;font-size:.75rem}.seat.turn .seat-status{color:var(--gold);font-weight:650}.seat-hand{min-height:var(--card-h);align-items:center;display:flex}.seat-hand .playing-card+.playing-card{margin-left:var(--overlap)}.seat-hand .playing-card{cursor:default}.seat-hand .playing-card:hover{transform:none}.seat-hand .more{margin-left:6px;font-size:.8rem;font-weight:650}.table-cards{gap:calc(var(--card-w) * .22);min-height:calc(var(--card-h) * 1.08);display:flex}.slot{width:calc(var(--card-w) * 1.06);height:calc(var(--card-h) * 1.08);position:relative}.slot-down,.slot-up{position:absolute}.slot-down{top:0;left:0}.slot-up{left:calc(var(--card-w) * .06);top:calc(var(--card-h) * .08)}.slot-down .playing-card{cursor:default}.slot-down:not(.flippable) .playing-card:hover{transform:none}.slot-down.flippable .playing-card{box-shadow:0 0 0 2px var(--gold), 0 4px 12px #0000004d}.slot-down.flippable .playing-card:hover{box-shadow:0 0 0 2px var(--gold), 0 8px 16px #00000059}.slot-down.flippable,.slot-down.flippable .playing-card{cursor:pointer}.middle{flex-direction:column;align-items:center;gap:10px;display:flex}.centre{justify-content:center;align-items:flex-start;gap:clamp(16px,5vw,48px);display:flex}.heap{flex-direction:column;align-items:center;gap:6px;display:flex}.heap-cards{width:var(--card-w);height:var(--card-h);position:relative}.heap-cards .playing-card{cursor:default}.heap-cards .playing-card:hover{transform:none}.heap-label{opacity:.85;white-space:nowrap;font-size:.78rem;font-weight:600}.card-space{width:var(--card-w);height:var(--card-h);border-radius:calc(var(--card-w) * .09);opacity:.8;border:2px dashed #ffffff38;justify-content:center;align-items:center;font-size:.75rem;display:flex}.pile .heap-cards{width:calc(var(--card-w) + 42px)}.pile-card{left:calc(42px + var(--i) * 14px);transform:rotate(calc(var(--i) * -3deg));transition:left .2s;position:absolute;top:0}.burned{opacity:.6;transform:rotate(8deg)}.event{background:var(--pill);min-height:1.4em;color:var(--ink);box-shadow:var(--shadow-sm);text-align:center;border-radius:999px;margin:0;padding:4px 14px;font-size:.9rem;font-weight:600;animation:.25s ease-out fadeIn}.event.burn{background:var(--gold-soft);color:var(--chip-gold-ink)}.event.pickup,.event.flip-fail{color:var(--danger)}.event.loser{background:var(--red-player);color:#fff}.me{flex-direction:column;align-items:center;gap:14px;display:flex}.me .table-cards{border-radius:var(--radius);padding:6px 10px}.me.turn .table-cards{background:#0000001a}.hand{padding:18px 0 0 calc(-1 * var(--overlap));min-height:var(--card-h);flex-wrap:wrap;justify-content:center;row-gap:10px;display:flex}.hand .playing-card{margin-left:var(--overlap)}.hand .playing-card.disabled{filter:brightness(.72)saturate(.7)}.me .slot-up .playing-card.disabled{filter:brightness(.82)saturate(.8)}.hand-empty{opacity:.8;margin-left:var(--overlap);align-self:center;font-size:.9rem}.actions{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);align-items:center;gap:12px;display:flex}.prompt{color:var(--ink-2);flex:1;margin:0;font-size:.92rem;font-weight:600}.action-buttons{gap:10px;display:flex}.actions .btn-primary{min-width:110px}.actions .btn-primary.large{min-width:160px}@media (width<=600px){.actions{flex-direction:column;align-items:stretch;gap:8px}.prompt{text-align:center}.action-buttons>*{flex:1}.opponents{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));gap:6px;display:grid}.opponents.n1{--cols:1;justify-items:center}.opponents.n3,.opponents.n5{--cols:3}.topbar .chip{display:none}.seat{--card-w:30px;--card-h:42px;--overlap:-22px;gap:5px;min-width:0;padding:6px 4px 8px}.opponents.n3 .seat{--card-w:27px;--card-h:38px;--overlap:-20px}.opponents.n5 .seat{--card-w:24px;--card-h:34px;--overlap:-18px}.opponents.n4 .seat{--card-w:27px;--card-h:38px;--overlap:-20px;flex-flow:wrap;justify-content:center}.seat-head{flex-wrap:wrap;justify-content:center;gap:2px 6px;font-size:.8rem}.seat-status{text-align:center;width:100%;margin-left:0;font-size:.7rem}.felt{gap:6px;padding:8px 8px 10px}.me{gap:8px}.hand{padding-top:12px}.middle{gap:6px}}.dialog-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rules-dialog{max-width:520px}.rules-dialog ul{color:var(--ink-2);gap:6px;margin:12px 0;padding-left:20px;line-height:1.5;display:grid}.rules-dialog .source{font-size:.85rem}.rules-dialog a{color:var(--primary)}.setup-dialog{max-width:420px}.setup-head{text-align:center;margin-bottom:20px}.setup-head h1{font-family:var(--font-card);margin:8px 0 4px;font-size:1.75rem}.field{border:0;margin:0 0 16px;padding:0}.field legend{margin-bottom:8px;font-size:.92rem;font-weight:650}.segmented{border:1px solid var(--line-strong);border-radius:var(--radius-sm);display:flex;overflow:hidden}.segmented button{background:var(--paper);min-height:40px;color:var(--ink);cursor:pointer;border:0;flex:1;font-size:.95rem;font-weight:650}.segmented button+button{border-left:1px solid var(--line-strong)}.segmented button.on{background:var(--primary);color:#fff}.toggle{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;padding:6px 0;font-size:.9rem;display:flex}.toggle input{accent-color:var(--primary);width:16px;height:16px;margin-top:3px}.toggle strong{color:var(--ink)}.over-dialog h2{font-family:var(--font-card);margin-bottom:6px;font-size:1.5rem}.finish-order{gap:4px;margin:16px 0 0;padding-left:0;list-style:none;display:grid}.finish-order li{border-radius:var(--radius-sm);background:var(--paper-2);padding:6px 10px}.finish-order li.you{box-shadow:inset 0 0 0 1px var(--primary-light);font-weight:700}.slot-up{translate:calc(var(--j,0) * var(--card-w) * .1) calc(var(--j,0) * var(--card-h) * .07);z-index:calc(2 + var(--j,0))}.chip{cursor:pointer;font-family:inherit}.chip:hover{border-color:var(--gold)}.pile-hint{background:var(--gold-soft);color:var(--chip-gold-ink);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}.direction{opacity:.85;font-size:.78rem;font-weight:600}.direction.reversed{color:var(--gold);opacity:1}.rules-dialog h3{margin:16px 0 0;font-size:1rem}.segmented button:disabled{color:var(--ink-3);cursor:not-allowed;background:var(--paper-2)}.variations{border:1px solid var(--line);border-radius:var(--radius-sm);margin:0 0 12px;padding:4px 12px}.variations[open]{padding-bottom:10px}.variations summary{cursor:pointer;padding:8px 0;font-size:.92rem;font-weight:650}.role{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:.9rem;display:flex}.role span{color:var(--ink);flex-direction:column;display:flex}.role small{color:var(--ink-2);font-size:.8rem}.role select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);min-width:72px;min-height:34px;color:var(--ink);font:inherit;padding:0 8px;font-weight:650}.field-label{margin:4px 0 2px;font-size:.92rem;font-weight:650}.tabs{margin-bottom:16px}.tabs button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.text-field{flex-direction:column;flex:1;gap:6px;margin-bottom:12px;font-size:.92rem;font-weight:650;display:flex}.text-field input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);min-height:42px;color:var(--ink);font:inherit;padding:0 12px;font-weight:500}.text-field input:focus{outline:2px solid var(--primary-light);outline-offset:0}.code-input{letter-spacing:.25em;text-transform:uppercase;font-family:ui-monospace,Menlo,Consolas,monospace!important;font-size:1.1rem!important}.join-row{align-items:flex-end;gap:10px;display:flex}.join-row .btn-primary{min-height:42px;margin-bottom:12px}.or{color:var(--ink-3);align-items:center;gap:10px;margin:2px 0 12px;font-size:.82rem;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line);flex:1}.form-error{font-size:.9rem;font-weight:600;color:var(--danger)!important;margin:0 0 8px!important}.muted{font-size:.9rem;color:var(--ink-3)!important}.waiting{align-self:center}.lobby-dialog{max-width:460px}.lobby-dialog h2{margin-bottom:6px}.lobby-dialog h3{margin:18px 0 8px;font-size:.95rem}.code-box{border-radius:var(--radius);background:var(--primary-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.code{letter-spacing:.18em;color:var(--primary-dark);-webkit-user-select:all;user-select:all;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:2rem;font-weight:800}.link-text{word-break:break-all;-webkit-user-select:all;user-select:all;color:var(--ink-3)!important;margin-top:6px!important;font-size:.8rem!important}.seat-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.seat-list li{border-radius:var(--radius-sm);background:var(--paper-2);align-items:center;gap:10px;padding:8px 10px;display:flex}.seat-list li.offline{opacity:.6}.seat-list .seat-icon{color:var(--ink-2);display:inline-flex}.seat-list .seat-name{flex:1;font-weight:650}.seat-tag{color:var(--ink-3);font-size:.78rem;font-weight:600}.icon-btn.small{width:28px;height:28px}.add-cpu{width:100%;margin-top:10px}.lobby-dialog .variations{margin-top:14px}.variation-list ul{color:var(--ink-2);gap:4px;margin:0;padding-left:20px;font-size:.9rem;display:grid}.room-chip{letter-spacing:.1em;cursor:default;background:var(--primary-soft);color:var(--primary-dark);border-color:var(--chip-green-line);font-family:ui-monospace,Menlo,Consolas,monospace}.offline-chip{background:var(--paper-2);color:var(--danger);border-color:var(--line)}.seat.offline{opacity:.75}.takeover{font:inherit;color:var(--on-felt);cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:650}@media (width<=600px){.topbar .room-chip{display:inline-block}.code{font-size:1.6rem}.code-box{text-align:center;flex-direction:column;align-items:stretch}}.landing{background:radial-gradient(ellipse at 70% 20%, var(--felt-1), var(--felt-2) 70%);height:100%;min-height:100dvh;color:var(--on-felt);overflow-y:auto}.landing-head{align-items:center;gap:10px;padding:16px clamp(16px,5vw,48px);display:flex}.landing-head .brand-name{color:#fff;font-size:1.3rem}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:32px;max-width:1100px;margin:0 auto;padding:clamp(16px,5vh,56px) clamp(16px,5vw,48px) 40px;display:grid}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:0 0 10px;font-size:.85rem;font-weight:700}.hero h1{font-family:var(--font-card);color:#fff;letter-spacing:-.02em;margin:0;font-size:clamp(2.4rem,6vw,4rem);line-height:1.05}.hero h1 span{color:var(--gold)}.lede{max-width:36em;color:var(--on-felt);margin:18px 0 26px;font-size:1.08rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions .btn-primary{background:var(--gold);border-color:var(--gold);color:#2a1d00}.hero-actions .btn-primary:hover:not(:disabled){background:#f0b53a;border-color:#f0b53a}.btn-secondary.large{min-height:46px;padding:0 24px;font-size:1rem}.hero-cards{justify-content:center;align-items:center;height:230px;display:flex;position:relative}.mini-card{width:120px;height:168px;transform:translateX(var(--x)) rotate(var(--r));font-family:var(--font-card);background:#fffdf7;border-radius:11px;flex-direction:column;justify-content:space-between;padding:10px 12px;display:flex;position:absolute;box-shadow:0 14px 34px #00000059}.mini-card.red{color:#c0392b}.mini-card.black{color:#1d2433}.mini-card b{font-size:2rem;line-height:1}.mini-card i{align-self:center;margin-bottom:24px;font-size:3.2rem;font-style:normal}.how{max-width:1100px;margin:0 auto;padding:8px clamp(16px,5vw,48px) 56px}.how h2{color:#fff;font-family:var(--font-card);margin:0 0 16px;font-size:1.6rem}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{border-radius:var(--radius);background:#0000002e;border:1px solid #ffffff14;padding:16px}.step-n{background:var(--gold);color:#2a1d00;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:inline-flex}.steps h3{color:#fff;margin:10px 0 6px;font-size:1rem}.steps p{margin:0;font-size:.92rem;line-height:1.5}.how-more{opacity:.85;margin:18px 0 0}@media (width<=860px){.hero{grid-template-columns:1fr}.hero-cards{order:-1;height:170px}.mini-card{width:88px;height:124px}.mini-card b{font-size:1.5rem}.mini-card i{margin-bottom:14px;font-size:2.4rem}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.steps{grid-template-columns:1fr}.hero-actions>*{flex:100%}}.dialog h2 svg{vertical-align:-3px;margin-right:4px}.tally{border-collapse:collapse;width:100%;margin-top:12px;font-size:.92rem}.tally th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);padding:4px 8px;font-size:.75rem}.tally td{border-top:1px solid var(--line);padding:7px 8px}.tally th:not(:first-child),.tally td:not(:first-child){text-align:center}.tally tr.you td{background:var(--primary-soft);font-weight:700}.tally-title{margin:18px 0 0;font-size:.95rem}.history-dialog{max-width:420px}.history{max-height:60vh;color:var(--ink-2);gap:4px;margin:0;padding-left:28px;font-size:.92rem;display:grid;overflow-y:auto}.history li.burn{color:var(--chip-gold-ink);font-weight:650}.history li.pickup,.history li.flip-fail{color:var(--danger)}.history li.out,.history li.loser{color:var(--ink);font-weight:700}.field-help{color:var(--ink-2);margin-top:6px;font-size:.82rem;display:block}.variations>.field{margin-top:4px}.event-row{align-items:center;gap:6px;display:flex}.history-btn,.scores-btn{flex-shrink:0}.history-btn{background:var(--pill);border-radius:50%;width:30px;height:30px}.seat,.me{position:relative}.bubble{z-index:30;filter:drop-shadow(0 4px 8px #00000059);pointer-events:none;font-size:2rem;line-height:1;animation:3s ease-out forwards pop;position:absolute;top:-6px;right:6px}.me .bubble{top:-10px;left:calc(50% + 110px);right:auto}@keyframes pop{0%{opacity:0;transform:scale(.3)translateY(10px)}12%{opacity:1;transform:scale(1.15)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.react-wrap{position:relative}.react-btn{border-radius:50%;width:40px;height:40px}.reaction-tray{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:40;border-radius:999px;gap:2px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}.reaction-tray button{cursor:pointer;background:0 0;border:0;border-radius:50%;width:42px;height:42px;font-size:1.5rem}.reaction-tray button:hover{background:var(--paper-2)}.burned.flare{animation:.7s ease-out flare}@keyframes flare{0%{filter:drop-shadow(0 0 #e0a52600);transform:rotate(8deg)scale(1)}30%{filter:drop-shadow(0 0 18px #ff8c1ef2);transform:rotate(8deg)scale(1.12)}to{filter:drop-shadow(0 0 #e0a52600);transform:rotate(8deg)scale(1)}}@media (prefers-reduced-motion:reduce){.bubble{animation-duration:10ms;animation-delay:0s}}@media (width<=600px){.actions{flex-flow:wrap}.actions .prompt{flex:calc(100% - 52px)}.actions .action-buttons{flex:100%}.me .bubble{left:auto;right:12px}}.lobby-dialog>.field{margin-top:16px}.sound-btn,.topbar .brand>svg{flex-shrink:0}.topbar .brand-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=420px){.topbar{gap:6px;padding:8px 10px}.topbar .brand-name{display:none}}.turn-clock{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;margin-left:8px;font-weight:700;display:inline-flex}.turn-clock-bar{background:#7f7f7f4d;border-radius:3px;width:36px;height:5px;display:inline-block;overflow:hidden}.turn-clock-bar>span{background:var(--primary-light);height:100%;transition:width .25s linear;display:block}.turn-clock.low{color:var(--danger)}.turn-clock.low .turn-clock-bar>span{background:var(--danger)}.seat .turn-clock{margin-left:6px}.seat .turn-clock.low{color:#ff8a80}.seat .turn-clock-bar{width:24px}