:root{--felt-hi:#22573f;--felt:#173b2c;--felt2:#0f2a20;--wood:#3a2618;--cream:#f8f1df;--cream2:#efe2c3;--ink:#1f2629;--red:#b5372a;--gold:#e3b04b;--gold2:#ffd98a;--text:#f4ecda;--muted:#c3baa2;--dim:#8e8a78;--good:#9ad68f;--bad:#ff8b73;--glass:#0a1a14e0;--line:#ffe4b429;--serif:Georgia, "Times New Roman", serif;--ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--felt2);height:100%;color:var(--text);font-family:var(--ui);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;margin:0;font-weight:600}#app{position:fixed;inset:0;overflow:hidden}.table-root{position:absolute;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}.table-screen{padding:calc(var(--sat) + 4px) calc(var(--sar) + 8px) calc(var(--sab) + 8px) calc(var(--sal) + 8px);background:radial-gradient(120% 80% at 50% 45%, var(--felt-hi) 0%, var(--felt) 45%, var(--felt2) 100%);grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr);max-width:600px;margin:0 auto;display:grid;position:absolute;inset:0}.topbar{align-items:center;gap:8px;height:40px;display:flex}.title{text-align:center;font:700 16px var(--serif);letter-spacing:.02em;color:var(--gold2);flex:1}.icon-btn{width:40px;height:40px;color:var(--cream);border-radius:12px;font-size:20px}.pill-btn{border:1px solid var(--line);background:#ffffff14;border-radius:16px;height:32px;padding:0 14px;font-size:13px}.status{text-align:center;min-height:36px;color:var(--muted);background:#00000038;border-radius:12px;padding:6px 10px;font-size:13px;line-height:1.35}.status b{color:var(--gold2)}.felt{flex-direction:column;min-height:0;display:flex}.opponents{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:6px;display:grid}.trick-area{flex:1;min-height:0;position:relative}.seat{background:var(--glass);border:1px solid var(--line);border-radius:14px;min-width:0;padding:6px 6px 5px;font-size:12px;transition:box-shadow .2s,border-color .2s;position:relative}.seat.turn{border-color:var(--gold);box-shadow:0 0 0 2px #e3b04b59,0 0 18px #e3b04b59}.seat.won{border-color:var(--good);box-shadow:0 0 18px #9ad68f73}.seat-0{flex-wrap:wrap;align-items:center;gap:8px;width:auto;margin-bottom:6px;padding:5px 10px;display:flex;position:relative}.seat-0 .seat-head{flex:none}.seat-head{align-items:center;gap:6px;display:flex}.avatar{background:var(--cream2);width:24px;height:24px;color:var(--ink);font:700 13px var(--serif);border-radius:50%;flex:0 0 24px;place-items:center;display:grid}.seat-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.score{font-variant-numeric:tabular-nums;color:var(--muted)}.score.up,.up{color:var(--good)}.score.down,.down{color:var(--bad)}.tags{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.seat-0 .tags,.seat-0 .taken{margin-top:0}.tag{text-transform:uppercase;letter-spacing:.04em;background:#ffffff1f;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:800}.tag.dealer{background:var(--cream2);color:var(--ink)}.tag.picker{background:var(--gold);color:var(--ink)}.tag.partner{color:var(--ink);background:#7fb6d9}.tag.partner.secret{color:#a9d3ee;background:0 0;border:1px dashed #7fb6d9}.taken{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:10.5px}.seat-foot{justify-content:space-between;align-items:baseline;margin-top:3px;display:flex}.seat-foot .score{font-weight:800}.backs{color:var(--dim);font-size:11px}.bubble{background:var(--cream);color:var(--ink);white-space:nowrap;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:800;animation:.25s ease-out pop;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.bubble.pick{background:var(--gold)}.seat-0 .bubble{display:none}.trick{width:var(--tw,220px);height:var(--th,250px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slot{position:absolute}.slot.p0{bottom:0;left:50%;transform:translate(-50%)}.slot.p1{top:58%;left:0;transform:translateY(-50%)}.slot.p2{top:0;left:28%;transform:translate(-50%)}.slot.p3{top:0;left:72%;transform:translate(-50%)}.slot.p4{top:58%;right:0;transform:translateY(-50%)}.slot-tag{color:var(--gold2);white-space:nowrap;font-size:10px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.blind{gap:6px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blind-label{text-align:center;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;position:absolute;top:calc(50% + 46px);left:0;right:0}.trick-pts{color:var(--gold2);white-space:nowrap;background:#0000008c;border-radius:12px;padding:4px 12px;font-size:14px;font-weight:800;animation:.3s ease-out pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card.played.enter.from-0{animation:.28s ease-out in-0}.card.played.enter.from-1{animation:.28s ease-out in-1}.card.played.enter.from-2{animation:.28s ease-out in-2}.card.played.enter.from-3{animation:.28s ease-out in-3}.card.played.enter.from-4{animation:.28s ease-out in-4}.card.winning{box-shadow:0 0 0 2px var(--good), 0 4px 16px #00000080}@keyframes in-0{0%{opacity:0;transform:translateY(80px)scale(1.15)}}@keyframes in-1{0%{opacity:0;transform:translate(-70px)}}@keyframes in-2{0%{opacity:0;transform:translate(-30px,-60px)}}@keyframes in-3{0%{opacity:0;transform:translate(30px,-60px)}}@keyframes in-4{0%{opacity:0;transform:translate(70px)}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.85)}}.bottom{flex-direction:column;min-width:0;display:flex}.controls{flex-direction:column;align-items:center;gap:8px;min-height:52px;padding:0 4px 10px;display:flex}.prompt{color:var(--muted);text-align:center;max-width:420px;font-size:13px;line-height:1.35}.row{justify-content:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.btn{border:1px solid var(--line);background:#ffffff1a;border-radius:22px;min-width:96px;height:44px;padding:0 18px;font-size:15px;font-weight:700}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--ink)}.btn:disabled{opacity:.4;cursor:default}.link{color:var(--gold2);font-size:12px;text-decoration:underline}.hand{min-height:calc(var(--cw,60px) * 1.4 + 16px);justify-content:center;align-items:flex-end;padding-top:14px;display:flex}.card{width:var(--cw,60px);height:calc(var(--cw,60px) * 1.4);font-size:calc(var(--cw,60px) / 10);background:linear-gradient(170deg, #fffaf0 0%, var(--cream) 60%, var(--cream2) 100%);color:var(--ink);border-radius:.9em;flex:none;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000073}.card.red{color:var(--red)}.card .pip{fill:currentColor;display:block}.card .idx{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute;top:.45em;left:.55em}.card .rk{font:800 2.7em var(--serif);letter-spacing:-.04em}.card .ix{width:1.9em;height:1.9em;margin-top:.2em}.card .mid{position:absolute;bottom:1.5em;right:.8em}.card .mid-pip{width:4.6em;height:4.6em}.card .court{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:1.3em;right:.7em}.card .court-letter{font:italic 800 4.4em var(--serif);line-height:1}.card .court-suit{width:2.4em;height:2.4em}.card .trump-band{background:linear-gradient(90deg, #c99430, var(--gold2), #c99430);height:.9em;position:absolute;bottom:0;left:0;right:0}.card.down{background:var(--back-img,none) center / cover no-repeat, repeating-linear-gradient(45deg, #24553f 0 .6em, #1b4532 .6em 1.2em);border:.2em solid var(--cream)}.card.mini{vertical-align:middle;margin-right:4px;display:inline-block}.card.in-hand{cursor:pointer;transition:transform .15s,filter .15s}.card.in-hand.legal{transform:translateY(-8px);box-shadow:0 0 0 2px #ffd98acc,0 4px 10px #00000073}.card.in-hand.illegal{filter:brightness(.55)saturate(.6)}.card.in-hand.selected{box-shadow:0 0 0 3px var(--gold), 0 6px 14px #00000080;transform:translateY(-16px)}.card.in-hand.buried{filter:brightness(.6);transform:translateY(-16px)}.card.in-hand.chosen{transform:translateY(-16px);box-shadow:0 0 0 3px #7fb6d9,0 6px 14px #00000080}.card-tag{text-align:center;text-transform:uppercase;color:var(--ink);background:#e3b04bd9;font-size:1.6em;font-weight:800;position:absolute;top:52%;left:0;right:0}.card-tag.unk{background:#7fb6d9e6}.notice{top:calc(var(--sat) + 48px);width:max-content;max-width:min(92%,420px);color:var(--ink);opacity:0;pointer-events:none;z-index:600;text-align:center;cursor:pointer;background:#f8f1dff7;border-radius:14px;padding:10px 16px;font-size:14px;line-height:1.35;transition:transform .3s,opacity .3s;position:absolute;left:50%;transform:translate(-50%,-16px);box-shadow:0 10px 30px #00000080}.notice.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.notice b{color:var(--red)}.notice-sub{color:#4a4a40;margin-top:2px;font-size:12.5px;font-weight:600}.scrim{z-index:500;background:#00000073;animation:.2s ease-out fade;position:absolute;inset:0}.sheet{border:1px solid var(--line);z-index:550;width:min(100%,600px);max-height:82%;padding-bottom:var(--sab);background:#13261e;border-bottom:0;border-radius:20px 20px 0 0;flex-direction:column;animation:.25s ease-out rise;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 40px #00000080}.sheet-head{align-items:center;padding:12px 8px 4px 18px;display:flex}.sheet-head h2{font:700 20px var(--serif);color:var(--gold2);flex:1;margin:0}.sheet-body{-webkit-overflow-scrolling:touch;-webkit-user-select:text;user-select:text;padding:4px 18px 12px;overflow-y:auto}.sheet-actions{border-top:1px solid var(--line);justify-content:center;gap:10px;padding:10px 16px 14px;display:flex}.result-sub{color:var(--muted);margin-bottom:10px;font-size:15px}.result.good .result-sub{color:var(--good)}.result.bad .result-sub{color:var(--bad)}.cards-row{align-items:center;gap:6px;margin:6px 0;display:flex}.label{color:var(--muted);margin-right:6px;font-size:13px}.note{color:var(--muted);margin:4px 0 8px;font-size:13px}.tally{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:10px;font-size:13px}.tally th{color:var(--dim);text-align:right;padding:4px;font-size:11px;font-weight:700}.tally td{border-top:1px solid var(--line);text-align:right;padding:7px 4px}.tally td:first-child{text-align:left}.tally tr.me td{color:var(--cream)}.role{text-transform:uppercase;background:#ffffff1a;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:10px}.totals{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px;display:grid}.total{text-align:center;background:#ffffff0f;border-radius:12px;padding:8px 4px}.total-name{color:var(--muted);font-size:12px}.total-n{font:700 18px var(--serif)}.hist-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.hist-no{width:32px;color:var(--dim)}.hist-text{flex:1}.hist-sub{color:var(--dim);font-size:12px}.hist-me{font:700 16px var(--serif);text-align:right;min-width:32px}.rules h3{font:700 16px var(--serif);color:var(--gold2);margin:14px 0 6px}.rules p{color:var(--text);margin:0 0 8px;font-size:14px;font-weight:500;line-height:1.45}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translate(-50%,40px)}}@media (prefers-reduced-motion:reduce){.card.played.enter,.bubble,.trick-pts,.sheet,.scrim{animation:none!important}}body[data-felt=navy]{--felt-hi:#24426b;--felt:#182f4f;--felt2:#0f1f36}body[data-felt=burgundy]{--felt-hi:#6a2a33;--felt:#4d1c24;--felt2:#331218}body[data-felt=walnut]{--felt-hi:#6a4a2c;--felt:#4a321d;--felt2:#2f2012}body{background:var(--felt2)}.stage{position:absolute;inset:0}.title-screen{padding:calc(var(--sat) + 28px) calc(var(--sar) + 18px) calc(var(--sab) + 18px) calc(var(--sal) + 18px);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0;overflow:hidden}.title-art,.title-art img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.title-screen:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#08120e59 0%,#08120e00 30% 45%,#08120ecc 75%,#08120ef0 100%);position:absolute;inset:0}.title-logo,.title-bottom{z-index:2;width:100%;max-width:440px;margin:0 auto;position:relative}.title-logo{text-align:center}.title-logo h1{font-family:var(--serif);color:var(--gold2);letter-spacing:.01em;text-shadow:0 2px #00000059,0 6px 22px #0000008c;margin:0;font-size:clamp(40px,12vw,60px);font-weight:700}.title-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--cream2);text-shadow:0 1px 8px #000c;margin-top:4px;font-size:13px}.title-btns{flex-direction:column;gap:10px;display:flex}.title-btn{-webkit-backdrop-filter:blur(6px);background:#10221ac7;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;min-height:56px;padding:8px 18px;display:flex}.title-btn.primary{background:var(--gold)}.tb-label{font-size:17px}.tb-sub{opacity:.8;margin-top:2px;font-size:12px;font-weight:600}.daily-row{gap:8px;display:flex}.daily-row .title-btn{flex:1}.share-btn{background:#10221ac7;border-radius:16px;min-width:0;height:auto;padding:0 14px}.title-links{justify-content:center;gap:22px;margin-top:16px;display:flex}.title-link{color:var(--cream);padding:8px 4px;font-size:15px;text-decoration:none}.choice-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.choice{border:1px solid var(--line);background:#ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:10px 6px;font-size:14px;display:flex;position:relative}.choice span{color:var(--muted);font-size:12px}.choice.on{border-color:var(--gold);background:#e3b04b2e}.lock{font-size:11px;position:absolute;top:4px;right:6px}.toggles{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.toggle{text-align:left;border:1px solid var(--line);background:#ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 12px;display:flex;position:relative}.toggle .lock{font-size:14px;position:static}.tg-text{flex-direction:column;gap:2px;display:flex}.tg-text span{color:var(--muted);font-size:12px;font-weight:600}.tg-knob{background:#ffffff2e;border-radius:13px;flex:none;width:42px;height:26px;transition:background .15s;position:relative}.tg-knob:after{content:"";background:var(--cream);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle.on .tg-knob{background:var(--gold)}.toggle.on .tg-knob:after{transform:translate(16px)}.swatches{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.swatch{background-position:50%;background-size:cover;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:flex-end;height:64px;padding-bottom:4px;display:flex;position:relative}.swatch.on{border-color:var(--gold)}.sw-name{background:#0000008c;border-radius:6px;padding:1px 6px;font-size:11px}.felt-green{background:radial-gradient(circle at 50% 40%,#22573f,#0f2a20)}.felt-navy{background:radial-gradient(circle at 50% 40%,#24426b,#0f1f36)}.felt-burgundy{background:radial-gradient(circle at 50% 40%,#6a2a33,#331218)}.felt-walnut{background:radial-gradient(circle at 50% 40%,#6a4a2c,#2f2012)}.back-classic{background-image:url(/art/backs/classic.webp)}.back-plaid{background-image:url(/art/backs/plaid.webp)}.back-pinecone{background-image:url(/art/backs/pinecone.webp)}.back-lake{background-image:url(/art/backs/lake.webp)}.swatch[class*=back-]{height:84px}.menu-list{flex-direction:column;gap:8px;display:flex}.menu-list .btn,.btn.wide{width:100%}.btn.big{height:52px;font-size:17px}.btn.ghost{background:0 0;border-color:#0000;min-width:0}.rec{margin-bottom:16px}.rec h3{font-family:var(--serif);color:var(--gold2);margin:0 0 6px;font-size:17px}.rec-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:6px 0;font-size:14px;display:flex}.rec-row span{color:var(--muted)}.rec .btn{margin:4px 0}.link.danger{color:var(--bad);margin:6px auto 0;padding:10px;display:block}.link.upsell{margin:12px auto 0;padding:8px;font-size:13px;display:block}.final{flex-direction:column;gap:6px;margin-top:10px;display:flex}.final-row{background:#ffffff0d;border-radius:10px;grid-template-columns:44px 1fr auto;align-items:center;padding:8px 12px;display:grid}.final-row.me{outline:1px solid var(--gold)}.final-row.win .final-place{color:var(--gold2)}.final-n{font-size:18px}.about{color:var(--dim);text-align:center;margin-top:10px;font-size:12px;line-height:1.8}.about a{color:var(--muted)}.card.in-hand.hint{box-shadow:0 0 0 3px #8fe0ff,0 0 18px #8fe0ffb3}.btn.hinted{box-shadow:0 0 0 3px #8fe0ff,0 0 14px #8fe0ff99}img.avatar.pic{object-fit:cover;background:0 0;padding:0}.paywall{flex-direction:column;align-items:stretch;gap:10px;display:flex}.pw-hero{background:url(/art/title-wide.webp) 50% 70%/cover;border-radius:14px;padding:12px 8px}.pw-faces{justify-content:center;gap:6px;display:flex}.pw-faces img{filter:drop-shadow(0 3px 6px #0009);border-radius:50%;width:58px;height:58px}.pw-lede{text-align:center;margin:2px 0;font-size:15px;line-height:1.35}.pw-perks{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pw-perks li{border-left:3px solid var(--gold);background:#ffffff0d;border-radius:6px;flex-direction:column;padding:6px 10px;display:flex}.pw-perks span{color:var(--muted);font-size:12px}.pw-price{text-align:center}.pw-price b{color:var(--gold2);margin-right:6px;font-size:22px}.pw-price span{color:var(--muted);font-size:12px}.pw-status{min-height:1em;color:var(--bad);text-align:center;font-size:13px}.pw-fine{color:var(--muted);text-align:center;font-size:12px}.recovery{padding:calc(var(--sat) + 24px) calc(var(--sar) + 24px) calc(var(--sab) + 24px) calc(var(--sal) + 24px);text-align:center;flex-direction:column;justify-content:center;gap:14px;max-width:440px;margin:0 auto;display:flex;position:absolute;inset:0}.recovery h1{font-family:var(--serif);color:var(--gold2);font-size:24px}img.avatar.pic{flex:0 0 30px;width:30px;height:30px}