@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #211b20;--ink-soft: #5b4d57;--paper: #f7eedc;--paper-2: #efe0c4;--line: #d8c29c;--terracotta: #b5452e;--terracotta-deep: #8a2f1d;--marigold: #e9a441;--sun: #f2b92a;--indigo: #262b5c;--river: #2f78c4;--teal: #1f5f63;--magenta: #c23b6e;--focus: #1b62d6;--danger: #a4271c;--good: #2e7d3e;--warn: #b25e09;--radius: 14px;--shadow: 0 2px 5px rgba(20, 10, 20, .22), 0 10px 24px rgba(20, 10, 20, .18);--ease: cubic-bezier(.22, .68, .36, 1);--font-display: "Fraunces Variable", Georgia, "Times New Roman", serif;--font-body: "Figtree Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--cw: 64px;--mw: 40px;--hand-overlap: 20px;--anim: 1;--cloth-a: #9c3b25;--cloth-b: #7d2b19;--cloth-c: #c25a33;--cloth-ink: #fff4e3;--cloth-line: rgba(255, 228, 190, .22);--cloth-panel: rgba(38, 12, 8, .42);color-scheme:light}[data-table=noche]{--cloth-a: #262b5c;--cloth-b: #1a1e44;--cloth-c: #34407e;--cloth-ink: #f2f0ff;--cloth-line: rgba(220, 225, 255, .2);--cloth-panel: rgba(8, 10, 30, .45)}[data-table=patio]{--cloth-a: #1f5f63;--cloth-b: #174a4d;--cloth-c: #2b7a7c;--cloth-ink: #f3fbf7;--cloth-line: rgba(220, 255, 245, .2);--cloth-panel: rgba(4, 28, 28, .42)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--indigo);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.45;-webkit-text-size-adjust:100%;overflow:hidden}button,input,select{font:inherit;color:inherit}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}#app{position:fixed;inset:0}.screen{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.paper{background:linear-gradient(180deg,var(--terracotta) 0 6px,var(--marigold) 6px 10px,var(--river) 10px 13px,var(--paper) 13px 16px,var(--magenta) 16px 18px,transparent 18px),radial-gradient(ellipse at 15% 0%,rgba(255,255,255,.7),transparent 55%),var(--paper)}.page{max-width:760px;margin:0 auto;padding:calc(28px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom))}h1,h2,h3{font-family:var(--font-display);font-weight:650;line-height:1.1;margin:.5em 0 .3em;letter-spacing:-.01em}h1{font-size:2.2rem}h2{font-size:1.5rem}h3{font-size:1.15rem;margin-top:1.2em}p{margin:.5em 0}.muted{color:var(--ink-soft)}.small{font-size:.9rem}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.center{justify-content:center}.panel{background:#ffffff8c;border:1.5px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:16px 0}.panel.danger{border-color:var(--danger)}.block-note{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:48px;min-width:48px;padding:.5em 1.15em;border-radius:999px;border:2px solid var(--ink);background:#fffaf0;color:var(--ink);font-weight:700;font-size:1rem;letter-spacing:.01em;cursor:pointer;box-shadow:0 3px 0 var(--ink);transition:transform .11s var(--ease),box-shadow .11s var(--ease),background-color .11s var(--ease);touch-action:manipulation;user-select:none;-webkit-user-select:none}.btn:hover:not(:disabled){background:#fff}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.btn.primary{background:var(--terracotta);color:#fff8ee;border-color:var(--terracotta-deep);box-shadow:0 3px 0 var(--terracotta-deep)}.btn.primary:hover:not(:disabled){background:#c24f36}.btn.small{min-height:40px;padding:.35em .9em;font-size:.92rem}.btn.big{min-height:56px;font-size:1.15rem;padding:.6em 1.6em}.btn.block{display:flex;width:100%}.btn.danger{border-color:var(--danger);color:var(--danger);box-shadow:0 3px 0 var(--danger)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.icon-btn{min-width:44px;min-height:44px;border-radius:50%;border:2px solid var(--cloth-line);background:var(--cloth-panel);color:var(--cloth-ink);font-weight:800;font-size:1.1rem;cursor:pointer;display:grid;place-items:center}.burger{width:18px;height:12px;border-top:2.5px solid currentColor;border-bottom:2.5px solid currentColor;position:relative}.burger:after{content:"";position:absolute;left:0;right:0;top:2.5px;border-top:2.5px solid currentColor}.seg{display:inline-flex;border:2px solid var(--ink);border-radius:999px;overflow:hidden;margin:8px 0;background:#fffaf0}.seg-btn{border:0;background:transparent;padding:.5em 1em;min-height:44px;font-weight:700;cursor:pointer}.seg-btn.on{background:var(--ink);color:#fff8ee}.seg.small .seg-btn{min-height:38px;padding:.3em .8em;font-size:.9rem}.field{display:flex;flex-direction:column;gap:4px;margin:10px 0;font-weight:600}.field select,.field input[type=text]{min-height:44px;border:2px solid var(--line);border-radius:10px;padding:0 10px;background:#fffaf0;font-weight:500}.field input[type=range]{width:100%;accent-color:var(--terracotta);min-height:32px}.toggle{display:flex;gap:12px;align-items:flex-start;margin:10px 0;cursor:pointer;font-weight:600}.toggle input{width:22px;height:22px;margin-top:2px;accent-color:var(--terracotta);flex:none}.back-pick{display:flex;gap:10px;flex-wrap:wrap}.back-opt{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid transparent;border-radius:12px;background:none;padding:6px;cursor:pointer;font-size:.85rem;font-weight:600}.back-opt img{width:56px;border-radius:6px;box-shadow:var(--shadow)}.back-opt.on{border-color:var(--terracotta);background:#b5452e14}table.rt{border-collapse:collapse;width:100%;margin:12px 0}table.rt th,table.rt td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}.credits li{margin:.5em 0}.title-wrap{text-align:center;max-width:480px}.title-fan{position:relative;height:150px;margin:12px auto 26px;width:260px}.title-fan img{position:absolute;left:50%;bottom:0;width:76px;border-radius:7px;box-shadow:var(--shadow);transform-origin:50% 180%;transform:translate(-50%) rotate(calc((var(--i) - 3) * 11deg))}.wordmark{font-family:var(--font-display);font-size:3.6rem;font-style:italic;font-weight:800;color:var(--terracotta);margin:10px 0 0;letter-spacing:-.02em;text-shadow:0 2px 0 rgba(233,164,65,.45)}.subtitle{margin-top:2px;color:var(--ink-soft)}.menu{display:flex;flex-direction:column;gap:12px;margin:22px 0 12px}.version{margin-top:20px}.seats-list{display:flex;flex-direction:column;gap:10px;margin:12px 0}.seat-row{display:flex;gap:12px;align-items:flex-start;background:#fff9;border:1.5px solid var(--line);border-radius:var(--radius);padding:10px 12px}.seat-fields{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.seat-fields input[type=text]{min-height:44px;border:2px solid var(--line);border-radius:10px;padding:0 10px;background:#fffaf0;font-weight:700;max-width:260px}.seat-fields select{min-height:38px;border:2px solid var(--line);border-radius:10px;background:#fffaf0;padding:0 8px}.seat-fields .small{margin:0}.avatar{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:var(--indigo);position:relative;overflow:hidden;font-size:.95rem}.avatar:before{content:"";position:absolute;inset:0;opacity:.28}.pat-0:before{background:repeating-linear-gradient(45deg,#fff 0 3px,transparent 3px 8px)}.pat-1:before{background:repeating-linear-gradient(0deg,#fff 0 3px,transparent 3px 8px)}.pat-2:before{background:radial-gradient(#fff 2px,transparent 2.5px) 0 0 / 8px 8px}.pat-3:before{background:repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 8px)}.pat-4:before{background:repeating-linear-gradient(-45deg,#fff 0 3px,transparent 3px 8px)}.pat-5:before{background:repeating-conic-gradient(#fff 0 25%,transparent 0 50%) 0 0 / 10px 10px}.pat-6:before{background:radial-gradient(circle at 50% 50%,transparent 5px,#fff 5.5px 7px,transparent 7.5px) 0 0 / 14px 14px}.pat-7:before{background:linear-gradient(#fff 0 0) 50% 50% / 60% 3px no-repeat,linear-gradient(#fff 0 0) 50% 50% / 3px 60% no-repeat}.avatar>*,.avatar{z-index:0}.preview{display:flex;gap:16px;align-items:center;background:#fff9;border:1.5px dashed var(--line);border-radius:var(--radius);padding:12px}.preview p{margin:.2em 0}.mini-table{position:relative;flex:none;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,var(--cloth-c),var(--cloth-a))}.mini-seat{position:absolute;width:28px;height:28px;border-radius:50%;background:#fffaf0;border:2px solid var(--ink);display:grid;place-items:center;font-weight:800;font-size:.8rem}.mini-seat.team0{background:var(--marigold)}.mini-seat.team1{background:#b8d4f2;border-style:dashed}.p4 .s0{left:32px;bottom:-8px}.p4 .s1{left:-8px;top:32px}.p4 .s2{left:32px;top:-8px}.p4 .s3{right:-8px;top:32px}.p3 .s0{left:32px;bottom:-8px}.p3 .s1{left:0;top:4px}.p3 .s2{right:0;top:4px}.p2 .s0{left:32px;bottom:-8px}.p2 .s1{left:32px;top:-8px}.sticky-actions{position:sticky;bottom:0;padding:10px 0 calc(8px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--paper) 30%)}.slide{text-align:center;max-width:560px}.slide-cards{position:relative;height:140px;width:280px;margin:10px auto}.slide-cards img{position:absolute;left:50%;bottom:0;width:72px;border-radius:7px;box-shadow:var(--shadow);transform-origin:50% 170%;transform:translate(-50%) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 12deg))}.lead{font-size:1.1rem;text-align:left}.dots{display:flex;gap:8px;justify-content:center;margin:16px 0}.dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink)}.dot.on{background:var(--ink)}.rule-section{border-top:1.5px solid var(--line);padding-top:4px}.table-screen{overflow:hidden;color:var(--cloth-ink);background:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 2px,transparent 2px 6px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,transparent 2px 6px),radial-gradient(ellipse at 50% 40%,var(--cloth-c),var(--cloth-a) 55%,var(--cloth-b));touch-action:manipulation}[data-table=tejido].table-screen:before,.table-screen[data-table=tejido]:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;pointer-events:none;background:linear-gradient(90deg,var(--marigold) 0 20%,var(--river) 20% 30%,#fff4e3 30% 34%,var(--magenta) 34% 50%,var(--marigold) 50% 70%,var(--teal) 70% 80%,#fff4e3 80% 84%,var(--magenta) 84%);opacity:.85}.table-screen[data-table=patio]{background:radial-gradient(circle at 50% 50%,rgba(242,230,204,.09) 0 9px,transparent 10px) 0 0 / 44px 44px,radial-gradient(ellipse at 50% 40%,var(--cloth-c),var(--cloth-a) 55%,var(--cloth-b))}.table-screen[data-table=noche]{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.6) 0 1px,transparent 1.5px) 0 0 / 97px 83px,radial-gradient(circle at 70% 60%,rgba(255,255,255,.45) 0 1px,transparent 1.5px) 0 0 / 131px 109px,radial-gradient(ellipse at 50% 40%,var(--cloth-c),var(--cloth-a) 55%,var(--cloth-b))}.table-grid{max-width:1500px;margin:0 auto;position:absolute;inset:0;padding:calc(6px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;gap:6px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto minmax(0,1.25fr) auto auto auto auto;grid-template-areas:"top" "seats" "them" "centre" "us" "staging" "guide" "actions" "hand"}.topbar{grid-area:top;display:flex;align-items:center;gap:8px;min-width:0}.scores{display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.score-chip{display:flex;flex-direction:column;background:var(--cloth-panel);border:1.5px solid var(--cloth-line);border-radius:12px;padding:3px 10px;min-width:0;line-height:1.15}.score-chip.mine{border-color:var(--sun)}.score-chip .who{font-size:.72rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16ch}.score-chip .pts{font-family:var(--font-display);font-weight:800;font-size:1.15rem;font-variant-numeric:tabular-nums}.score-chip .need{font-size:.66rem;opacity:.75;white-space:nowrap}.target{font-size:.75rem;opacity:.8;white-space:nowrap}.seats{grid-area:seats;display:flex;gap:6px;justify-content:center;flex-wrap:nowrap;min-width:0}.seat-chip{display:flex;align-items:center;gap:5px;background:var(--cloth-panel);border:2px solid transparent;border-radius:999px;padding:2px 8px 2px 2px;font-size:.8rem;min-height:36px;min-width:0;flex:0 1 auto}.seat-chip .tag:not(.dealer){display:none}.seat-chip .avatar{width:30px;height:30px;font-size:.72rem;background:var(--seat, var(--indigo))}.seat-chip.active{border-color:var(--sun);box-shadow:0 0 0 3px #f2b92a40}.seat-chip.partner .seat-name{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.seat-text{display:flex;flex-direction:column;min-width:0;line-height:1.1}.seat-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12ch;min-width:0;font-size:.78rem}.seat-reds{font-weight:600;opacity:.9}.seat-cards{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums;font-weight:700;font-size:.74rem;white-space:nowrap}.ico{display:inline-block;width:1em;height:1em;vertical-align:-.15em;background:currentColor}.ico.cards{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1' y='3' width='9' height='12' rx='1.5' fill='black'/%3E%3Crect x='6' y='1' width='9' height='12' rx='1.5' fill='black' opacity='.6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1' y='3' width='9' height='12' rx='1.5' fill='black'/%3E%3Crect x='6' y='1' width='9' height='12' rx='1.5' fill='black' opacity='.6'/%3E%3C/svg%3E") center / contain no-repeat}.ico.lock{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 7V5a4 4 0 0 1 8 0v2h1v8H3V7zm2 0h4V5a2 2 0 0 0-4 0z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 7V5a4 4 0 0 1 8 0v2h1v8H3V7zm2 0h4V5a2 2 0 0 0-4 0z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat}.ico.stop{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 1h6l4 4v6l-4 4H5l-4-4V5z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 1h6l4 4v6l-4 4H5l-4-4V5z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat}.ico.sun{border-radius:50%;box-shadow:0 0 0 2px currentColor inset;background:radial-gradient(currentColor 40%,transparent 42%)}.ico.half{border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%);box-shadow:0 0 0 2px currentColor inset}.tag{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border:1.5px solid currentColor;border-radius:6px;padding:0 5px;opacity:.9}.tag.dealer{border-radius:50%;width:20px;height:20px;padding:0;display:grid;place-items:center}.thinking{display:inline-flex;gap:3px}.thinking i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:think calc(1s * var(--anim)) infinite ease-in-out}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes think{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.zone{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;display:flex;flex-direction:column;gap:6px}.zone.them{grid-area:them}.zone.us{grid-area:us}.side{background:#00000021;border:1.5px solid var(--cloth-line);border-radius:var(--radius);padding:4px 8px 6px}.side.mine{background:#ffffff12;border-color:#f2b92a80}.side-head{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:.8rem;min-height:22px}.side-name{font-weight:800}.canasta-count{font-weight:700;opacity:.85}.canasta-count.ready{color:var(--sun);opacity:1}.canasta-count.ready:before{content:"✓ "}.unopened{opacity:.8;font-style:italic}.reds{display:inline-flex;gap:2px}.melds{display:flex;flex-wrap:wrap;gap:6px 8px;padding-top:4px;align-items:flex-end}.melds .empty{font-size:.8rem;opacity:.6;padding:6px 0}.meld{position:relative;border:0;background:none;padding:0 0 14px;cursor:pointer;color:inherit;border-radius:8px}.meld .fan{display:flex}.meld .meld-card{width:var(--mw);margin-left:calc(var(--mw) * -.64)}.meld .meld-card:first-child{margin-left:0}.meld.canasta .meld-card{margin-left:calc(var(--mw) * -.86)}.meld.canasta .meld-card:first-child{margin-left:0}.meld .progress,.meld .ribbon{position:absolute;left:50%;bottom:0;transform:translate(-50%);font-size:.66rem;font-weight:800;white-space:nowrap;background:var(--cloth-panel);border-radius:999px;padding:0 6px;line-height:14px}.meld.canasta.natural .ribbon{background:var(--terracotta);color:#fff}.meld.canasta.mixed .ribbon{background:#231c27;color:#fff}.meld.canasta{filter:drop-shadow(0 0 0 transparent)}.meld.canasta .fan{padding:3px;border-radius:8px;background:repeating-linear-gradient(45deg,#e9a4418c 0 4px,#8a2f1d8c 4px 8px)}.melds.targetable .meld.target{outline:2px dashed var(--sun);outline-offset:2px}.centre{grid-area:centre;display:flex;gap:12px;align-items:center;justify-content:center}.stock,.pile{position:relative;border:0;background:none;padding:0;cursor:pointer;color:inherit;border-radius:10px}.stock:disabled,.pile:disabled{cursor:default}.stock .card,.pile .card{width:calc(var(--cw) * .95)}.stock .stock-card{box-shadow:1px 1px #d8c9a8,2px 2px #cdbd9a,3px 3px #bfae88,var(--shadow)}.stock.live .card,.pile.live .pile-top{box-shadow:0 0 0 3px var(--sun),var(--shadow)}.pile .crosswise{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);opacity:.95}.pile .pile-top{position:relative}.pile.taking .pile-top{transform:translateY(-6px);box-shadow:0 0 0 3px var(--sun),var(--shadow)}.count{position:absolute;right:-6px;top:-6px;min-width:24px;height:24px;border-radius:12px;background:var(--ink);color:#fff;font-size:.75rem;font-weight:800;display:grid;place-items:center;padding:0 5px;border:2px solid var(--cloth-ink);font-variant-numeric:tabular-nums}.pile-state{display:flex;gap:4px;flex-wrap:wrap}.chip{display:inline-flex;gap:4px;align-items:center;font-size:.72rem;font-weight:800;border-radius:999px;padding:1px 8px;white-space:nowrap}.frozen-chip{background:#eaf3ff;color:#173b6b}.stop-chip{background:#2b2230;color:#fff;box-shadow:0 0 0 1.5px #fff inset}.status{display:flex;flex-direction:column;gap:2px;max-width:12em}.turn-line{font-family:var(--font-display);font-weight:750;font-size:1.15rem;line-height:1.15}.status .sub{font-size:.72rem;opacity:.8}.empty-slot{width:calc(var(--cw) * .95);aspect-ratio:5 / 7;border:2px dashed var(--cloth-line);border-radius:8px}.staging{grid-area:staging;display:flex;gap:8px;overflow-x:auto;padding:4px 2px}.staged{display:flex;align-items:center;gap:6px;background:#fff4e3f2;color:var(--ink);border-radius:12px;padding:4px 4px 4px 8px;border:2px solid var(--sun);flex:none}.staged-cards{display:flex}.staged-cards .card{width:calc(var(--mw) * .9);margin-left:calc(var(--mw) * -.55)}.staged-cards .card:first-child{margin-left:0}.staged-cards .from-pile{outline:2px solid var(--river);outline-offset:-2px;border-radius:6px}.staged-label{font-size:.78rem;font-weight:700;max-width:14em}.x-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--ink);background:#fff;font-weight:800;cursor:pointer;flex:none}.guide{grid-area:guide;font-size:.9rem;line-height:1.3;background:var(--cloth-panel);border-radius:12px;padding:6px 10px;min-height:2.6em;border-left:5px solid var(--cloth-line);display:flex;gap:8px;align-items:center}.guide:empty{display:none}.guide.tone-good{border-left-color:#7fd18c}.guide.tone-warn{border-left-color:#ffb257}.guide.tone-warn:before{content:"!";flex:none;width:20px;height:20px;border-radius:50%;background:#ffb257;color:#3a1d00;font-weight:900;display:grid;place-items:center;font-size:.8rem}.guide.tone-coach{border-left-color:var(--sun);background:#fff4e3f5;color:var(--ink)}.coach-tag{flex:none;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:var(--sun);color:var(--ink);border-radius:6px;padding:1px 6px}.coach-target{animation:coach calc(1.4s * var(--anim)) infinite ease-in-out;border-radius:12px}@keyframes coach{0%,to{box-shadow:0 0 #f2b92a00}50%{box-shadow:0 0 0 5px #f2b92acc}}.actions{grid-area:actions;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;min-height:48px}.actions .btn{min-height:46px;padding:.4em 1em}.card{position:relative;width:var(--cw);aspect-ratio:5 / 7;border-radius:7%;flex:none}.card img{display:block;width:100%;height:100%;border-radius:inherit;box-shadow:0 1px 2px #00000059;pointer-events:none}.card.wild:after{content:"★";position:absolute;left:4%;top:44%;width:26%;aspect-ratio:1;border-radius:50%;background:var(--sun);color:#5a2b00;font-size:calc(var(--cw) * .15);display:grid;place-items:center;line-height:1;box-shadow:0 0 0 1.5px #fff8ee}.meld-card.wild:after,.mini-hand.wild:after{font-size:calc(var(--mw) * .2)}.card.mini{width:calc(var(--mw) * .56)}.card.mini.wild:after{display:none}.hand{grid-area:hand;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:16px 4px 2px;min-height:calc(var(--cw) * 1.4 + 18px)}.hand-row{display:flex;justify-content:center}.hand-row+.hand-row{margin-top:calc(var(--cw) * -.8)}.hand .card{margin-left:calc(var(--hand-overlap) * -1);cursor:pointer;transition:transform calc(.14s * var(--anim)) var(--ease);border-radius:8px}.hand .card:first-child{margin-left:0}.hand .card.selected{transform:translateY(-16px)}.hand .card.coach-card:not(.selected) img{box-shadow:0 0 0 3px var(--river),0 0 12px #2f78c4cc}.hand .card.selected img{box-shadow:0 0 0 3px var(--sun),0 6px 14px #00000059}.hand .card.selected:before{content:"✓";position:absolute;right:4%;top:-14px;width:20px;height:20px;border-radius:50%;background:var(--sun);color:var(--ink);font-weight:900;font-size:13px;display:grid;place-items:center;z-index:2}.hand .card:focus-visible{outline-offset:3px;z-index:3}.hand:not(.live) .card{cursor:default}.hidden-hand{align-items:center}.hidden-note{opacity:.85;font-size:.9rem;text-align:center}.fly{position:fixed;z-index:50;pointer-events:none}.fly img{width:100%;height:100%;border-radius:7%}.flourish{position:absolute;left:50%;top:42%;z-index:40;pointer-events:none;text-align:center;transform:translate(-50%,-50%);opacity:0;background:#fff4e3f5;color:var(--terracotta-deep);border:3px solid var(--sun);border-radius:18px;padding:10px 22px;box-shadow:var(--shadow)}.flourish strong{display:block;font-family:var(--font-display);font-style:italic;font-size:2rem;font-weight:850}.flourish span{font-weight:700;color:var(--ink)}.overlay{position:fixed;inset:0;z-index:60;background:#140c188c;display:grid;place-items:center;padding:16px;overflow-y:auto}.sheet{background:var(--paper);color:var(--ink);border-radius:20px;padding:18px 20px;max-width:520px;width:100%;box-shadow:var(--shadow);border-top:8px solid var(--terracotta);max-height:calc(100dvh - 32px);overflow-y:auto}.menu-sheet{display:flex;flex-direction:column;gap:10px;max-width:360px}.handoff{background:linear-gradient(160deg,var(--indigo),#120f24)}.handoff-sheet{text-align:center}.handoff-avatar{width:72px;height:72px;border-radius:50%;background:var(--terracotta);color:#fff;font-family:var(--font-display);font-weight:800;font-size:2rem;display:grid;place-items:center;margin:4px auto}.score-sheet{max-width:640px}.table-wrap{overflow-x:auto}.score-table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}.score-table th,.score-table td{padding:6px 8px;text-align:right;border-bottom:1px solid var(--line)}.score-table th[scope=row]{text-align:left;font-weight:600}.score-table thead th{font-size:.85rem}.score-table .detail td{font-size:.72rem;color:var(--ink-soft)}.score-table .total td,.score-table .total th{font-weight:800;border-top:2px solid var(--ink)}.score-table .neg{color:var(--danger)}.score-total td{font-family:var(--font-display);font-size:1.25rem;font-weight:800}.score-total td.winner{color:var(--terracotta)}.score-total td.winner:after{content:" ★"}.score-why{font-size:.92rem}.match-over{border-top-color:var(--sun)}.toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;z-index:90;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s var(--ease);max-width:calc(100vw - 32px);font-size:.95rem}.toast.on{opacity:1;transform:translate(-50%)}.caption{position:fixed;left:50%;top:calc(8px + env(safe-area-inset-top));transform:translate(-50%);background:#000c;color:#fff;padding:4px 12px;border-radius:8px;z-index:95;opacity:0;font-size:.9rem;pointer-events:none;transition:opacity .15s}.caption.on{opacity:1}.update-btn{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 10px);z-index:98}@media(min-aspect-ratio:5/4)and (max-height:760px),(min-width:1000px)and (min-aspect-ratio:5/4){.table-grid{grid-template-columns:minmax(0,1fr) minmax(260px,36%);grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto;grid-template-areas:"top top" "them seats" "them centre" "us centre" "us staging" "us guide" "us actions" "hand hand"}.table-grid{grid-template-rows:auto auto minmax(0,1fr) minmax(0,1fr) auto auto auto auto}.centre{flex-wrap:wrap;align-content:center}}@media(max-height:460px){.seats .seat-name{max-width:7ch}.guide{font-size:.8rem;min-height:2em;padding:3px 8px}.hand{padding-top:12px}.score-chip .need{display:none}}@media(max-width:360px){.score-chip{padding:2px 6px}.seat-chip{padding-right:6px}.actions .btn{padding:.3em .7em;font-size:.92rem}}.reduced *,.reduced *:before,.reduced *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}@media(prefers-reduced-motion:reduce){.thinking i,.coach-target{animation:none}}.table3d{position:absolute;inset:0;z-index:0;display:block}.table-screen.three{background:#2a0f0a}.table-screen.three:before{z-index:1}.table-screen.three .table-grid{z-index:1}.table-screen.three .pile .card img,.table-screen.three .meld .card img,.table-screen.three .stock .card img{opacity:0}.table-screen.three .card.wild.meld-card:after,.table-screen.three .pile .card:after{opacity:.9}.table-screen.three .meld.canasta .fan{background:none}.table-screen.three .stock .stock-card{box-shadow:none}.table-screen.three .side{background:#00000014}:root{--paper: #f6f0e3;--paper-2: #e9decb;--line: #cdbb9e;--terracotta: #af4b36;--terracotta-deep: #7f3429;--marigold: #dca75a;--sun: #f3c477;--indigo: #18272c;--teal: #194e4a;--radius: 16px;--shadow: 0 4px 10px rgba(14, 18, 18, .16), 0 18px 38px rgba(14, 18, 18, .15);--cloth-a: #19504a;--cloth-b: #123a38;--cloth-c: #25675c;--cloth-ink: #fbf4e4;--cloth-line: rgba(238, 220, 179, .25);--cloth-panel: rgba(8, 37, 35, .67)}[data-table=noche]{--cloth-a: #273b55;--cloth-b: #17283d;--cloth-c: #354d69;--cloth-panel: rgba(12, 24, 45, .7)}[data-table=patio]{--cloth-a: #246653;--cloth-b: #184739;--cloth-c: #377f63;--cloth-panel: rgba(10, 48, 35, .7)}.table-screen{background:radial-gradient(circle at 50% 40%,rgba(218,169,94,.18),transparent 55%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px),#142c2d}.table-screen[data-table=patio],.table-screen[data-table=noche]{background:radial-gradient(circle at 50% 40%,rgba(218,169,94,.13),transparent 55%),#142c2d}.table-screen:before,.table-screen[data-table=tejido]:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;height:auto;background:repeating-linear-gradient(180deg,#dcad68 0 22px,#254e65 22px 32px,#f3e2b7 32px 36px,#a84c3e 36px 50px);opacity:.8}.table-grid{width:min(calc(100% - 32px),1800px);max-width:1800px;height:min(100dvh - 32px,1220px);inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:14px 18px 12px;gap:8px;border:2px solid rgba(238,220,179,.36);border-radius:30px;box-shadow:0 0 0 7px #071a1b47,0 26px 70px #00000052,inset 0 0 0 1px #ffffff12;background:radial-gradient(ellipse at 50% 39%,rgba(255,255,255,.065),transparent 60%),repeating-linear-gradient(90deg,rgba(0,0,0,.025) 0 1px,transparent 1px 5px),linear-gradient(145deg,var(--cloth-c),var(--cloth-a) 55%,var(--cloth-b));grid-template-columns:minmax(0,1fr) minmax(190px,270px);grid-template-rows:auto auto minmax(95px,1fr) auto minmax(95px,1fr) auto auto auto;grid-template-areas:"top top" "seats seats" "them them" "centre centre" "us us" "staging staging" "guide actions" "hand hand"}.table-grid:after{content:"";position:absolute;inset:9px;border:1px solid rgba(244,226,185,.17);border-radius:22px;pointer-events:none}.topbar{min-height:55px;gap:12px;padding-bottom:5px;border-bottom:1px solid var(--cloth-line)}.scores{justify-content:center;gap:9px}.score-chip{min-width:150px;padding:6px 12px 7px;gap:1px;border-radius:11px;background:#0a1f1fb3}.score-chip.mine{background:#f6e7c321;border-color:#e7c187}.score-chip .who{font-size:.74rem;font-weight:700;letter-spacing:.025em;max-width:22ch}.score-chip .pts{font-size:1.5rem;line-height:1}.score-chip .need{opacity:.9;font-size:.7rem}.target{border:1px solid var(--cloth-line);border-radius:999px;padding:5px 9px}.icon-btn{background:#0a1f1fa6;border-color:#eedcb366}.icon-btn:hover{background:#f4e2b929}.seats{justify-content:space-around;gap:9px;padding:2px 4px 5px}.seat-chip{min-height:42px;padding:3px 12px 3px 3px;background:#08252394;border:1.5px solid var(--cloth-line)}.seat-chip.active{border-color:#f3c477;background:#f4cc8133;box-shadow:0 0 0 3px #f4cc8121}.seat-chip .avatar{width:32px;height:32px}.seat-name{font-size:.84rem;max-width:18ch}.seat-cards{opacity:.86}.zone{gap:8px}.zone.them{flex-direction:row;align-items:stretch}.zone.them>.side{flex:1}.zone.us>.side{flex:1}.side{min-height:0;background:#092a2678;border:1px solid rgba(238,220,179,.29);border-radius:18px;padding:9px 13px 11px}.side.mine{background:#efd39717;border-color:#f3c47794}.side-head{min-height:28px;border-bottom:1px solid rgba(243,230,200,.16);padding-bottom:4px;font-size:.84rem}.side-name{font-family:var(--font-display);font-weight:750;font-size:1rem}.canasta-count{margin-left:auto;padding:2px 8px;border:1px solid var(--cloth-line);border-radius:999px;font-size:.75rem}.canasta-count.ready{border-color:var(--sun);background:#f3c47726}.unopened{font-style:normal;font-size:.73rem;opacity:.8}.melds{padding-top:10px;gap:10px 15px;align-items:flex-start}.melds .empty{display:grid;place-items:center;min-height:58px;width:100%;border:1px dashed rgba(241,225,188,.28);border-radius:10px;color:#fff9ecb8;opacity:1;letter-spacing:.02em}.meld .fan{filter:drop-shadow(0 4px 5px rgba(0,0,0,.25))}.meld.canasta .fan{filter:drop-shadow(0 0 8px rgba(247,202,121,.24))}.meld.target{outline:2px solid var(--sun);outline-offset:4px}.centre{min-height:170px;padding:12px 20px;gap:24px;border-block:1px solid rgba(244,226,185,.21);background:radial-gradient(ellipse at center,rgba(7,35,31,.32),transparent 75%)}.stock,.pile{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:calc(var(--cw) + 10px)}.stock .card,.pile .card{width:calc(var(--cw) * .92)}.stock.live:hover .card,.pile.live:hover .pile-top{transform:translateY(-4px)}.stack-name{font-size:.72rem;line-height:1;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#f7e8c8}.stock:disabled .stack-name,.pile:disabled .stack-name{opacity:.7}.count{top:-5px;right:-7px;background:#f6e8c7;border-color:#1e4543;color:#193c3a}.status{min-width:175px;max-width:230px;gap:6px}.turn-line{font-size:clamp(1.3rem,2vw,1.8rem)}.status .sub{font-size:.78rem;opacity:.85}.guide{min-height:50px;background:#082523b3;border:1px solid rgba(238,220,179,.2);border-left:5px solid #e4ba75;padding:8px 12px}.actions{align-items:center;justify-content:flex-end;min-height:50px}.actions .btn{min-height:45px;padding:.38em .85em;font-size:.94rem}.actions .btn.primary{background:#f4d79e;color:#243a37;border-color:#c68d4f;box-shadow:0 3px #8d623d}.actions .btn.primary:hover:not(:disabled){background:#ffe4ad}.staging{background:#07221f73;border-radius:11px}.hand{position:relative;min-height:calc(var(--cw) * 1.4 + 32px);padding:23px 10px 8px;border-radius:16px 16px 22px 22px;background:linear-gradient(180deg,#041c1a47,#041c1a91);border:1px solid rgba(239,221,179,.18)}.hand[data-label]:before{content:attr(data-label);position:absolute;top:5px;left:14px;font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff5e1bf}.hand .card:hover:not(.selected){transform:translateY(-5px)}.hand .card.selected{transform:translateY(-19px)}.hand .card.selected img{box-shadow:0 0 0 3px #f5c576,0 12px 20px #0000006b}.flourish{box-shadow:0 10px 50px #0000004d,0 0 0 8px #f3c4772e}@media(max-width:850px),(max-height:620px){.table-grid{inset:0;transform:none;width:100%;height:100%;max-width:none;border:0;border-radius:0;box-shadow:none;padding:calc(7px + env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));gap:5px;grid-template-columns:minmax(0,1fr);align-content:space-between;grid-template-rows:auto auto auto auto auto auto auto auto auto;grid-template-areas:"top" "seats" "them" "centre" "us" "staging" "guide" "actions" "hand"}.table-grid:after{display:none}.topbar{min-height:42px;gap:5px}.score-chip{min-width:0;padding:3px 7px}.score-chip .who{max-width:13ch;font-size:.67rem}.score-chip .pts{font-size:1.15rem}.target{display:none}.seats{justify-content:center;padding:0}.seat-chip{min-height:34px;padding:2px 6px 2px 2px}.seat-chip .avatar{width:27px;height:27px}.seat-name{max-width:9ch;font-size:.7rem}.zone.them{flex-direction:column}.zone.them,.zone.us{max-height:min(22dvh,170px);overflow-y:auto}.side{padding:4px 7px 6px;border-radius:11px}.side-name{font-size:.84rem}.side-head{min-height:21px;font-size:.72rem}.canasta-count{font-size:.68rem;padding:1px 5px}.melds{padding-top:4px;gap:6px 8px}.melds .empty{min-height:26px}.centre{min-height:112px;padding:5px;gap:12px}.status{min-width:0;max-width:10em}.turn-line{font-size:1.1rem}.status .sub{font-size:.67rem}.stack-name{font-size:.62rem}.guide{min-height:0;font-size:.78rem;padding:5px 8px}.actions{justify-content:center;min-height:40px}.actions .btn{min-height:40px;padding:.3em .7em;font-size:.85rem}.hand{min-height:calc(var(--cw) * 1.4 + 15px);padding:15px 4px 3px;border-radius:10px}.hand[data-label]:before{top:2px;left:8px;font-size:.56rem}}@media(max-width:420px){.centre{gap:8px}.status{max-width:8em}.status .sub,.score-chip .need{display:none}}@media(prefers-reduced-motion:reduce){.hand .card:hover:not(.selected),.stock.live:hover .card,.pile.live:hover .pile-top{transform:none}}.table-screen.three .table-grid{background:transparent}.table-screen.three .side{background:#08232057}.table-screen.three .side.mine{background:#efd39712}.title-screen.paper{background:radial-gradient(circle at 50% 35%,rgba(243,196,119,.28),transparent 30%),radial-gradient(circle at 15% 90%,rgba(36,101,91,.12),transparent 34%),radial-gradient(circle at 90% 8%,rgba(175,75,54,.13),transparent 29%),linear-gradient(180deg,var(--terracotta) 0 5px,var(--marigold) 5px 10px,var(--teal) 10px 14px,var(--paper) 14px)}.title-wrap{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-top:28px;padding-bottom:28px}.title-fan{filter:drop-shadow(0 18px 18px rgba(51,40,26,.17))}.wordmark{color:#8f3d2e;text-shadow:0 2px 0 #f7e4bc,0 9px 22px rgba(120,67,43,.13)}.subtitle{font-size:.98rem;letter-spacing:.02em}.menu{padding:16px;border:1px solid rgba(155,114,77,.19);border-radius:20px;background:#ffffff54;box-shadow:0 20px 48px #3e291a14}.menu .btn{box-shadow:0 2px #423831}.menu .btn.primary{box-shadow:0 3px 0 var(--terracotta-deep)}.lobby-inner>.row:first-child{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.seat-row{background:#fffdf7c7;box-shadow:0 6px 16px #3f2a1c0f}.preview{background:#e8e4d4;border:1px solid #c6b69a}.sheet{box-shadow:0 18px 70px #0717165c}@media(max-width:620px){.title-wrap{justify-content:flex-start;padding-top:max(55px,9dvh)}.menu{padding:10px}}