:root{--cw: 100px;--ch: 140px;--hw: 93px;--hh: 130px;--mw: 56px;--mh: 78px;--felt-1: #1f8a45;--felt-2: #0f5a2c;--felt-3: #083b1d;--us: #4aa3ff;--them: #ff7a6b;--gold: #f4d03f;--ink: #12171c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;background:#04170c;overflow:hidden}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff;user-select:none;-webkit-user-select:none;touch-action:manipulation;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:0;padding:0;background:none}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.stage{position:absolute;left:0;top:0;transform-origin:top left;background:linear-gradient(135deg,#7a4a24,#5b3516 40%,#6f4220 70%,#4a2b12);border-radius:46px;box-shadow:0 10px 40px #0009}.felt{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(14px round 34px);background:radial-gradient(ellipse at 50% 42%,var(--felt-1) 0%,var(--felt-2) 55%,var(--felt-3) 100%)}.felt:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:34px;pointer-events:none;box-shadow:inset 0 0 0 3px #00000059,inset 0 0 60px #00000073}.felt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.1) 0 1px,transparent 1px 4px)}.felt>*{position:absolute}.cardsvg{width:100%;height:100%;display:block}.seat{display:flex;align-items:center;gap:8px}.seat-h{top:18px;left:50%;transform:translate(-50%);flex-direction:column}.seat-slot{top:160px}.seat-slot.left{left:10px}.seat-slot.right{right:10px}.seat-slot .seat{position:static;flex-direction:column}.seat-id{display:flex;align-items:center;gap:10px}.seat-v .seat-id{flex-direction:column;gap:4px}.avatar-ring{width:70px;height:70px;border-radius:50%;padding:3px;background:#ffffff2e;display:grid;place-items:center;transition:box-shadow .2s,background .2s}.avatar-ring svg{border-radius:50%}.seat.active .avatar-ring,.me .avatar-ring.active{background:var(--gold);box-shadow:0 0 0 4px #f4d03f59,0 0 22px 6px #f4d03f8c}.seat-name{font-weight:700;font-size:17px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.count-badge{min-width:26px;height:26px;padding:0 7px;border-radius:13px;display:grid;place-items:center;font-size:14px;font-weight:700;background:#00000073;border:1px solid rgba(255,255,255,.25)}.backfan{display:flex}.backfan-h{height:52px;margin-top:2px}.backfan-h .mini-back{margin-left:-18px}.backfan-h .mini-back:first-child{margin-left:0}.backfan-v{flex-direction:column;align-items:center}.backfan-v .mini-back{margin-top:-32px}.backfan-v .mini-back:first-child{margin-top:0}.mini-back{width:36px;height:50px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.me{left:22px;top:656px;display:flex;flex-direction:column;align-items:center;gap:3px}.me .count-badge{position:absolute;top:0;right:-6px}.scorepanel{right:24px;top:20px;width:220px;padding:8px 14px;border-radius:14px;background:#0000006b;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sp-title{font-size:12px;opacity:.8;margin-bottom:2px;letter-spacing:.3px}.sp-row{display:flex;justify-content:space-between;align-items:baseline;font-size:16px;padding:0}.sp-row b{font-size:22px;font-variant-numeric:tabular-nums}.sp-row.us{color:#bfe0ff}.sp-row.them{color:#ffd0ca}.sp-note{margin-top:3px;font-size:12px;opacity:.85;border-top:1px solid rgba(255,255,255,.15);padding-top:3px}.menu-btn{left:30px;top:26px;width:52px;height:52px;border-radius:14px;font-size:26px;background:#0000006b;border:1px solid rgba(255,255,255,.2)}.lane-pos{left:156px;width:968px}.lane-pos.them{top:152px;height:108px}.lane-pos.us{top:430px;height:112px}.lane{position:relative;height:100%;border-radius:16px;padding:6px 12px}.lane-us{background:linear-gradient(180deg,#4aa3ff24,#4aa3ff0d);border:1px solid rgba(74,163,255,.35)}.lane-them{background:linear-gradient(180deg,#ff7a6b24,#ff7a6b0d);border:1px solid rgba(255,122,107,.35)}.lane-label{position:absolute;left:14px;top:-11px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:1px 9px;border-radius:8px}.lane-us .lane-label{background:#1b5f9c}.lane-them .lane-label{background:#a8402f}.lane-melds{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px 20px;zoom:var(--ls, 1);height:100%;padding-top:4px;padding-right:100px}.lane-empty{opacity:.55;font-style:italic;padding:26px 8px}.reds{position:absolute;right:14px;top:14px;display:flex;align-items:center}.reds:before{content:"Red 3s";font-size:11px;font-weight:700;opacity:.8;margin-right:8px}.mini-red{width:34px;height:48px;margin-left:-16px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.mini-red:first-of-type{margin-left:0}.meld{display:flex;flex-direction:column;align-items:flex-start}.meld-cards{position:relative;height:var(--mh)}.mc{position:absolute;top:0;width:var(--mw);height:var(--mh);filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.mc.wildc{outline:2px solid #ffb703;outline-offset:-1px;border-radius:6px}.meld-tag{font-size:12px;margin-top:3px;opacity:.9;font-weight:600}.meld.tappable{cursor:pointer}.meld.tappable:active .meld-cards{transform:scale(1.04)}.meld.pending .meld-cards{outline:2px dashed var(--gold);outline-offset:4px;border-radius:6px}.meld.pending .meld-tag{color:var(--gold)}.meld.canasta{align-items:center;width:calc(var(--mw) + 14px)}.canasta-stack{position:relative;width:var(--mw);height:calc(var(--mh) + 12px)}.canasta-stack .layer{position:absolute;width:var(--mw);height:var(--mh);border-radius:6px;background:#fff;border:1px solid #aaa}.canasta-stack .l3{top:10px;left:6px}.canasta-stack .l2{top:5px;left:3px}.canasta-stack .mc.top{top:0;left:0}.meld.canasta.natural .canasta-stack .mc{outline:3px solid #e53935;outline-offset:-1px;border-radius:6px}.meld.canasta.mixed .canasta-stack .mc{outline:3px solid #222;outline-offset:-1px;border-radius:6px}.meld.canasta.natural .meld-tag{color:#ff9b95}.meld.canasta.mixed .meld-tag{color:#d8d8d8}.center{left:160px;width:960px;top:264px;height:160px;display:flex;justify-content:center;align-items:flex-start;gap:70px}.stock-wrap,.pile-wrap{display:flex;flex-direction:column;align-items:center}.area-label{margin-top:6px;font-size:13px;opacity:.9;display:flex;gap:8px;align-items:center;font-weight:600}.stock{position:relative;width:var(--cw);height:var(--ch)}.stack-layer{position:absolute;width:var(--cw);height:var(--ch);filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.stack-layer.s3{top:4px;left:4px}.stack-layer.s2{top:2px;left:2px}.stack-layer.s1{top:0;left:0}.stock-count{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:3px 11px;border-radius:14px;background:#000000b8;font-weight:800;font-size:20px;border:1px solid rgba(255,255,255,.3)}.pile{position:relative;min-width:var(--cw);height:var(--ch);border-radius:12px}.pile .pc{position:absolute;top:0;width:var(--cw);height:var(--ch);filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.pile-empty{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--cw);border:2px dashed rgba(255,255,255,.4);border-radius:12px;display:grid;place-items:center;opacity:.7}.pile.frozen:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:16px;background:#96d7ff29;border:2px solid rgba(170,225,255,.7);pointer-events:none}.glow{animation:pulse 1.4s ease-in-out infinite;border-radius:12px}@keyframes pulse{0%,to{box-shadow:0 0 #f4d03f00,0 0 14px 2px #f4d03f8c}50%{box-shadow:0 0 0 5px #f4d03f59,0 0 26px 8px #f4d03fd9}}.chip{display:inline-block;padding:2px 9px;border-radius:10px;font-size:12px;font-weight:700;background:#00000073;border:1px solid rgba(255,255,255,.3)}.chip.ice{background:#6ebef059;border-color:#aae1ffcc}.chip.block{background:#c8323273;border-color:#ff8282cc}.banner{left:160px;width:960px;top:548px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 16px;font-size:17px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f0e85a;color:#25251a;box-shadow:0 2px 6px #00000059}.banner-info{background:#bfe0ff;color:#0d2b46}.banner-error{background:#ffb4a8;color:#5a0f05}.toolbar{left:160px;width:960px;top:586px;height:38px;display:flex;gap:10px;align-items:center;justify-content:center}.btn{height:38px;padding:0 16px;border-radius:10px;font-size:16px;font-weight:700;background:#00000073;border:1px solid rgba(255,255,255,.3);transition:transform .08s,background .15s}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:linear-gradient(180deg,#2fa4ff,#1573c9);border-color:#8fd0ff}.btn.danger{background:linear-gradient(180deg,#ff7a5c,#d6401f);border-color:#ffb8a8}.btn.big{height:54px;font-size:20px;padding:0 22px}.actions{right:24px;top:652px;width:116px;display:flex;flex-direction:column;gap:14px}.actions .btn{width:100%}.hand{left:150px;top:628px;height:152px}.hc{position:absolute;top:22px;width:var(--hw);height:var(--hh);padding:0;border-radius:10px;transition:transform .14s ease;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.hc.sel{transform:translateY(-22px);filter:drop-shadow(0 0 8px rgba(244,208,63,.95)) drop-shadow(0 3px 4px rgba(0,0,0,.5))}.hc.sel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;border:3px solid var(--gold);pointer-events:none}.hc.wild:before{content:"";position:absolute;left:6px;right:6px;bottom:5px;height:4px;border-radius:2px;background:#ffb703;z-index:1;pointer-events:none}.overlay{top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50;position:absolute}.result{width:560px;padding:24px 28px;border-radius:20px;background:#12301f;border:2px solid rgba(255,255,255,.25);box-shadow:0 20px 60px #0009}.result h2{margin:0 0 4px;font-size:30px}.result-sub{margin:0 0 14px;opacity:.85;font-size:17px}.result table{width:100%;border-collapse:collapse;font-size:18px;font-variant-numeric:tabular-nums}.result th{text-align:right;padding:4px 8px;font-size:14px;opacity:.85}.result th:first-child,.result td:first-child{text-align:left}.result td{text-align:right;padding:5px 8px;border-top:1px solid rgba(255,255,255,.12)}.result tr.total td{font-weight:800;font-size:20px;border-top:2px solid rgba(255,255,255,.35)}.result tr.running td{color:var(--gold);font-weight:800}.result-buttons{display:flex;justify-content:center;margin-top:20px;gap:12px}.result-buttons.col{flex-direction:column}.result.menu{width:420px}.menu-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.menu-screen>*{position:static}.menu-screen h1{font-size:84px;margin:0;letter-spacing:2px;text-shadow:0 4px 0 rgba(0,0,0,.35)}.menu-screen .tag{margin:0 0 14px;font-size:20px;opacity:.9}.menu-buttons{display:flex;flex-direction:column;gap:12px;width:440px}.menu-buttons .btn{width:100%}.howto{margin-top:22px;max-width:700px;background:#0000004d;border-radius:14px;padding:12px 22px}.howto h3{margin:0 0 4px}.howto ul{margin:0;padding-left:20px;font-size:16px;line-height:1.5}.rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;text-align:center;padding:30px;background:#04170c;font-size:26px;font-weight:700}.hc.fresh{transform:translateY(-14px);filter:drop-shadow(0 0 7px rgba(80,220,255,.95)) drop-shadow(0 3px 4px rgba(0,0,0,.5))}.hc.fresh.sel{transform:translateY(-22px)}.hc.fresh:before{content:"NEW";position:absolute;top:-17px;left:50%;transform:translate(-50%);font-size:11px;font-weight:800;letter-spacing:.5px;color:#04222b;background:#5fe0ff;border-radius:8px;padding:1px 6px;z-index:3;pointer-events:none}.mc.added{outline:3px solid var(--gold);outline-offset:-1px;border-radius:6px;filter:drop-shadow(0 0 6px rgba(244,208,63,.9))}.meld.has-extra .meld-tag{color:var(--gold)}.meld.target .meld-cards{outline:2px dashed #5fe0ff;outline-offset:4px;border-radius:6px;animation:tgt 1s ease-in-out infinite alternate}.meld.target .meld-tag{color:#5fe0ff}@keyframes tgt{0%{outline-color:#5fe0ff59}to{outline-color:#5fe0ff}}.seat-id{position:relative}.seat.offline .avatar-ring{opacity:.45;filter:grayscale(.8)}.offline-tag{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);font-size:11px;font-weight:800;background:#b3261e;color:#fff;border-radius:8px;padding:1px 7px}.bubble{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;background:#fff;color:#17301f;font-weight:700;font-size:16px;padding:7px 12px;border-radius:16px;box-shadow:0 3px 10px #0006;z-index:12;animation:pop .25s ease-out}.bubble:before{content:"";position:absolute;left:-7px;top:50%;margin-top:-7px;border:7px solid transparent;border-right-color:#fff;border-left:0}.me .bubble{left:100%;top:14px;transform:none;margin-left:12px}@keyframes pop{0%{opacity:0;transform:translateY(-50%) scale(.85)}to{opacity:1;transform:translateY(-50%) scale(1)}}.me .bubble{animation:none}.linkpill{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:30;background:#b3261e;color:#fff;font-weight:700;padding:5px 16px;border-radius:14px;box-shadow:0 2px 8px #0006}.sigtray{position:absolute;left:280px;bottom:150px;z-index:25;width:520px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:#0a2414f5;border:2px solid var(--gold);border-radius:16px;box-shadow:0 8px 24px #0000008c}.sigtray-title{grid-column:1 / -1;font-weight:800;color:var(--gold)}.sig{display:flex;align-items:center;gap:10px;text-align:left;font-size:18px;font-weight:600;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;cursor:pointer}.sig:active{background:#f4d03f4d}.sig-e{font-size:28px}.lobby{display:flex;flex-direction:column;gap:14px;align-items:center}.lobby input{font-size:22px;padding:12px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#00000059;color:#fff;text-align:center;width:300px}.lobby input.code{letter-spacing:8px;text-transform:uppercase;width:200px;font-weight:800}.lobby .row{display:flex;gap:12px;align-items:center}.bigcode{font-size:84px;font-weight:900;letter-spacing:18px;padding-left:18px;color:var(--gold);text-shadow:0 3px 8px rgba(0,0,0,.6)}.lobby .note{opacity:.85;font-size:18px;max-width:640px;text-align:center}.lobby .warn{color:#ffb4ab;font-weight:700;font-size:18px}