:root{--wood-deep:#2a1a10;--wood:#5b3923;--wood-light:#75492c;--paper:#f3e8cf;--paper-shade:#e6d6b2;--ink:#2a1a10;--ink-soft:#6b5440;--red:#b8312f;--gold:#e2a72e;--us:#e8b23a;--them:#8cb4da;--green:#3f7d3a;--display:"Alfa Slab One", "Rockwell", "Georgia", serif;--body:"Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;--cw:60px;--hand-cw:clamp(58px, min(19vw, 11.5vh), 100px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--wood-deep);color:var(--paper);font:500 17px/1.4 var(--body);-webkit-tap-highlight-color:transparent;overflow-x:hidden}#app{height:100%;min-height:100%}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.home,.lobby,.connecting,.game{background:repeating-linear-gradient(92deg, #ffffff06 0 2px, transparent 2px 9px), repeating-linear-gradient(88deg, #00000014 0 1px, transparent 1px 23px), radial-gradient(ellipse at 50% 40%, var(--wood-light), var(--wood) 55%, var(--wood-deep) 120%);min-height:100%}.paper{background:var(--paper);color:var(--ink);border-radius:6px;box-shadow:inset 0 1px #fff6,0 10px 24px -12px #000000b3}.btn{border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:.55em 1.2em;font-size:1rem;font-weight:700;line-height:1.1;transition:transform 80ms,box-shadow 80ms}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.btn:disabled{opacity:.55}.btn-primary{background:var(--red);color:var(--paper)}.btn-quiet{box-shadow:none;text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.btn-small{padding:.4em 1em;font-size:.9rem}.link-btn{text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:.4em .2em;font-weight:600;text-decoration:underline}.chip,.icon-btn{position:relative}.chip:after{content:"";position:absolute;inset:-8px -3px}.icon-btn{background:#f3e8cf1f;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.15rem;line-height:1;display:inline-grid}#announcer{top:0;left:0;position:fixed!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}[hidden]{display:none!important}.chip{border:1.5px solid var(--ink-soft);color:var(--ink);background:0 0;border-radius:999px;min-height:32px;padding:.3em .8em;font-size:.88rem;font-weight:600}.chip-warn{border-color:var(--red);color:var(--red)}.card{--w:var(--cw);width:var(--w);height:calc(var(--w) * 1.5);border-radius:calc(var(--w) * .09);background:linear-gradient(160deg, #fbf4e2, var(--paper) 60%, var(--paper-shade));color:var(--ink);border:1px solid #b9a37a;flex:none;position:relative;box-shadow:0 2px 4px #00000059}.card:after{content:"";inset:calc(var(--w) * .06);border-radius:calc(var(--w) * .05);opacity:.35;border:1.5px solid;position:absolute}.suit-oro{color:#9a6410}.suit-copa{color:#a12a1f}.suit-espada{color:#1f3f6e}.suit-basto{color:#2d5e23}.card-n{top:calc(var(--w) * .08);left:calc(var(--w) * .12);font:calc(var(--w) * .28) / 1 var(--display);position:absolute}.card-n-b{top:auto;left:auto;bottom:calc(var(--w) * .08);right:calc(var(--w) * .12);transform:rotate(180deg)}.card-emblem{width:62%;height:62%;position:absolute;top:19%;left:19%}.card-back{border:2px solid var(--paper);background:repeating-linear-gradient(45deg,#f3e8cf2e 0 2px,#0000 2px 7px),repeating-linear-gradient(-45deg,#f3e8cf2e 0 2px,#0000 2px 7px),#7b1e2a}.card-back:after{border-color:var(--paper);opacity:.6}.card.mini{--w:22px;border-width:1px;box-shadow:0 1px 2px #00000080}.card.mini:after{border-width:1px;inset:2px}.card.tiny{--w:34px}.home{min-height:100%}.home-inner{flex-direction:column;align-items:center;gap:18px;min-height:100%;padding:8px 16px 40px;display:flex}.home-top{justify-content:flex-end;align-self:stretch;gap:14px;display:flex}.hero{text-align:center;margin-top:1vh}.fan{width:220px;height:150px;margin:0 auto 6px;position:relative}.fan .card{--w:84px;transform-origin:50% 120%;position:absolute;top:10px;left:68px}.fan .fan-0{transform:rotate(-16deg)}.fan .fan-1{transform:rotate(0)translateY(-8px)}.fan .fan-2{transform:rotate(16deg)}@media (prefers-reduced-motion:no-preference){.fan .card{animation:.7s cubic-bezier(.2,.9,.3,1.2) both deal}.fan .fan-1{animation-delay:80ms}.fan .fan-2{animation-delay:.16s}}@keyframes deal{0%{opacity:0;transform:translateY(40px)rotate(0)}}.logo{font:clamp(2.6rem, 11vw, 4.4rem) / .95 var(--display);color:var(--paper);letter-spacing:-.01em;text-shadow:0 3px 0 var(--wood-deep), 0 6px 18px #00000080;margin:0}.logo span,.brand span{color:var(--gold)}.tagline{color:#e9d9b8;max-width:30ch;margin:10px auto 0;font-size:1.1rem}.home-panel{flex-direction:column;gap:14px;width:min(100%,380px);padding:22px 20px;display:flex}.home-panel .btn{min-height:46px}.field{flex-direction:column;gap:4px;font-weight:600;display:flex}.field input,.join-row input,.invite-field{font:600 1.15rem var(--body);border:2px solid var(--ink);color:var(--ink);background:#fffaf0;border-radius:6px;min-width:0;min-height:46px;padding:.45em .6em}.join-row{gap:8px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:.25em;font-family:var(--display);flex:1;font-weight:400}.join-row input[aria-invalid=true]{border-color:var(--red);box-shadow:0 0 0 2px #b8312f4d}.error{color:var(--red);margin:0;font-weight:700}.connecting{min-height:100%}.connecting-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100%;padding:16px;display:flex}.spinner{border:5px solid #f3e8cf40;border-top-color:var(--gold);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin}.spinner.small{vertical-align:-3px;border-width:3px;border-color:#2a1a1033;border-top-color:var(--red);width:18px;height:18px;margin-right:8px;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s;animation-timing-function:steps(8,end)}}.recover-hint{color:#e9d9b8;max-width:34ch;margin:0}.recover-card{flex-direction:column;align-items:center;gap:10px;width:min(100%,400px);padding:22px 20px;display:flex}.recover-card h1{font:1.4rem / 1.15 var(--display);margin:0}.recover-card p{margin:0}.recover-card .recover-hint{color:var(--ink-soft)}.recover-card .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.recover-card .btn{min-height:46px}.lobby{flex-direction:column;min-height:100%;display:flex}.topbar{justify-content:space-between;align-items:center;gap:8px;padding:4px 16px;display:flex}.topbar .link-btn{white-space:nowrap}.topbar-right{gap:12px;display:flex}@media (width<=420px){.topbar{padding:4px 10px}.topbar .brand{display:none}}.brand{font:1.3rem var(--display)}.lobby-body{grid-template-columns:1fr;gap:14px;width:min(100%,760px);margin:0 auto;padding:8px 16px 16px;display:grid}.code-card{flex-direction:column;align-self:start;align-items:center;gap:8px;padding:16px;display:flex}.code-label{color:var(--ink-soft);font-weight:600}.code-title{font:1.6rem var(--display);margin:0}.code-card p{text-align:center;color:var(--ink-soft);margin:0;font-weight:600}.code{gap:6px;display:flex}.code span{font:clamp(1.8rem, 9vw, 2.6rem) / 1 var(--display);text-align:center;border-bottom:3px solid var(--red);width:1.25em;padding:.12em 0}.code-card .btn-small{min-height:40px}.invite{flex-direction:column;gap:4px;width:100%;font-size:.9rem;font-weight:600;display:flex}.invite-field{width:100%;font-size:.95rem}.settings{align-content:start;gap:12px;padding:12px 16px;display:grid}.setting{grid-template-columns:6.5em 1fr;align-items:center;gap:4px 10px;font-weight:700;display:grid}.setting-desc{color:var(--ink-soft);grid-column:2;margin:0;font-size:.88rem;font-weight:500;line-height:1.3}.setting-note{color:var(--ink);background:var(--paper-shade);border-left:4px solid var(--gold);border-radius:6px;margin:0;padding:6px 10px;font-size:.9rem;font-weight:600}.seg{border:2px solid var(--ink);border-radius:8px;width:fit-content;max-width:100%;display:flex;overflow:hidden}.seg button{min-height:44px;color:var(--ink);background:0 0;border:0;padding:.4em .85em;font-weight:600;line-height:1.15}.seg button+button{border-left:2px solid var(--ink)}.seg button[aria-checked=true]{background:var(--ink);color:var(--paper)}.seg button[aria-disabled=true]{cursor:default}.seg button[aria-disabled=true][aria-checked=false]{color:var(--ink-soft)}.seg button:focus-visible{outline-offset:-4px}.teams{grid-template-columns:1fr;gap:14px;display:grid}.team h2{font:1.15rem var(--display);align-items:center;gap:8px;margin:0 0 6px;display:flex}.team h2 small{font:600 .9rem var(--body);color:#e9d9b8}.team h2:before{content:"";background:var(--us);border-radius:50%;width:12px;height:12px}.team-1 h2:before{background:var(--them)}.team ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.seat-row{background:var(--paper);min-height:52px;color:var(--ink);border-left:6px solid var(--us);border-radius:6px;align-items:center;gap:8px;padding:6px 10px 6px 14px;display:flex}.team-1 .seat-row{border-left-color:var(--them)}.seat-row.empty{color:var(--paper);background:#f3e8cf1f;border:2px dashed #f3e8cf59;border-left-width:6px}.seat-row.empty .chip{color:var(--paper);border-color:#f3e8cf99}.seat-row.me{box-shadow:0 0 0 3px var(--gold)}.seat-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.08rem;font-weight:700;overflow:hidden}.seat-tags{flex:1;gap:4px;display:flex}.seat-tags em{background:var(--paper-shade);color:var(--ink-soft);border-radius:4px;padding:0 6px;font-size:.8rem;font-style:normal;font-weight:600}.seat-tools{gap:8px;margin-left:auto;display:flex}.lobby-note{color:#e9d9b8;margin:0;font-size:.92rem}.watchers{color:#e9d9b8;margin:0}.lobby-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#2a1a10f2 35%);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:auto;display:flex;position:sticky;bottom:0}.lobby-foot .btn{min-height:46px}.waiting{color:#e9d9b8;margin:0;font-weight:600}@media (width>=640px){.lobby-body{grid-template-columns:1fr 1.4fr}.teams{grid-column:1/-1;grid-template-columns:1fr 1fr}.lobby-note,.watchers{grid-column:1/-1}}@media (width<=520px){.setting{grid-template-columns:1fr}.setting-desc{grid-column:1}.seg{width:100%}.seg button{white-space:normal;flex:1 1 0;padding:.4em;line-height:1.15}}.game{flex-direction:column;height:100%;display:flex;overflow:hidden}.scorebar{z-index:20;background:#140c078c;border-bottom:1px solid #f3e8cf1f;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:6px 10px;padding:4px 6px 4px 12px;display:grid;position:relative}.score{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:0;display:grid}.score-them{grid-template-columns:1fr auto;justify-items:end}.score-them .score-name{text-align:right;grid-column:1}.score-them .score-num{grid-area:1/2/3}.score-them .tally{grid-column:1;justify-content:flex-end}.score-us .score-num{grid-row:1/3}.score-name{font-size:.92rem;font-weight:700}.score-us .score-name{color:var(--us)}.score-them .score-name{color:var(--them)}.score-num{font:1.9rem / 1 var(--display)}.tally{flex-wrap:wrap;gap:3px;display:flex}.tally-box{width:20px;height:20px}.tally-buenas{margin-left:6px}.stick{stroke:var(--paper);stroke-width:2.6px;stroke-linecap:round}.head{fill:var(--red)}.score-mid{color:#e9d9b8;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 6px;max-width:13.5em;font-size:.82rem;font-weight:600;display:flex}.mid-hand{opacity:.85;white-space:nowrap;flex-basis:100%}.stake-chip{color:var(--paper);white-space:nowrap;background:#f3e8cf1f;border-radius:999px;padding:0 8px;font-weight:700}.stake-chip.raised{background:var(--red);font-family:var(--display);letter-spacing:.02em;font-weight:400}.tricks{gap:4px;margin:0;padding:0;list-style:none;display:flex}.trick{width:20px;height:20px;font:700 .8rem / 1 var(--body);color:var(--paper);border:1.5px solid #f3e8cf59;border-radius:5px;place-items:center;display:grid}.trick.open{border-color:var(--gold);color:var(--gold)}.trick.won,.trick.team0{background:var(--us);border-color:var(--us);color:var(--ink)}.trick.lost,.trick.team1{background:var(--them);border-color:var(--them);color:var(--ink)}.trick.tie{background:var(--paper-shade);border-color:var(--paper-shade);color:var(--ink)}.menu-wrap{position:relative}.menu{z-index:30;flex-direction:column;min-width:15em;max-height:calc(100vh - 70px);padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.menu-item{min-height:44px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-weight:600;display:flex}.menu-item:hover{background:var(--paper-shade)}.menu-leave{color:var(--red);border-top:1px solid var(--paper-shade);border-radius:0 0 6px 6px}.switch{background:var(--paper-shade);border:2px solid var(--ink-soft);border-radius:999px;flex:none;width:34px;height:20px;position:relative}.switch:after{content:"";background:var(--ink-soft);border-radius:50%;width:12px;height:12px;transition:left .15s;position:absolute;top:2px;left:2px}[aria-pressed=true]>.switch{background:var(--green);border-color:var(--green)}[aria-pressed=true]>.switch:after{background:var(--paper);left:16px}.table{flex:1;min-height:0;position:relative}.felt{position:absolute;inset:6px max(6px,50% - 500px)}.felt:before{content:"";background:radial-gradient(at 50% 45%,#ffe6be1a,#0000 70%);border:1px solid #f3e8cf14;border-radius:48%/44%;position:absolute;inset:4% 2%}.n2{--cw:clamp(42px, 8.5vmin, 70px);--sw:9em}.n4{--cw:clamp(36px, 8vmin, 64px);--sw:8em;--pfx:.43}.n6{--cw:clamp(30px, 6.6vmin, 54px);--sw:7.2em;--pfx:.41;--po:-.6}.seat,.pile{--sh:42px;--cx:clamp(calc(var(--sw) / 2), var(--x), calc(100% - var(--sw) / 2));--cy:clamp(var(--sh), var(--y), calc(100% - var(--sh)))}.seat-me{--sh:24px}.seat{left:var(--cx);top:var(--cy);width:var(--sw);z-index:3;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;transform:translate(-50%,-50%)}.backs{gap:2px;height:33px;display:flex}.plate{border:2px solid var(--us);background:#140c07c7;border-radius:8px;flex-direction:column;align-items:center;width:100%;min-width:0;padding:2px 8px;transition:box-shadow .2s,background .2s;display:flex}.team-them .plate{border-color:var(--them);border-style:dashed}.pname{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:700;line-height:1.25;overflow:hidden}.ptag{color:#e9d9b8;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.72rem;line-height:1.2;overflow:hidden}.dropped .ptag{color:#f3a28f}.acting .plate{background:var(--paper);color:var(--ink);box-shadow:0 0 0 4px #e2a72e73,0 0 22px #e2a72e99}.acting .ptag{color:var(--ink-soft)}@media (prefers-reduced-motion:no-preference){.acting .plate{animation:1.4s ease-in-out infinite pulse}}@keyframes pulse{50%{box-shadow:0 0 0 7px #e2a72e33,0 0 26px #e2a72e66}}.pile{left:calc(50% + (var(--cx) - 50%) * var(--pfx,.5));top:calc(50% + (var(--cy) - 50%) * var(--pfy,.45));z-index:2;display:flex;position:absolute;transform:translate(-50%,-50%)}.pile-h .card+.card{margin-left:calc(var(--cw) * var(--po,-.45))}.pile-v{flex-direction:column}.pile-v .card+.card{margin-top:calc(var(--cw) * -1.05)}.played.done{filter:brightness(.72)saturate(.7)}.played.t0{z-index:1}.played.t1{z-index:2}.played.t2{z-index:3}.played.won{box-shadow:0 0 0 3px var(--gold), 0 4px 10px #00000080}.played.won:before{content:"★";z-index:2;color:var(--ink);background:var(--gold);border-radius:50%;place-items:center;width:17px;height:17px;font-size:13px;line-height:1;display:grid;position:absolute;top:-9px;right:-6px}.played.parda{box-shadow:0 0 0 3px var(--paper-shade);filter:none}.played.parda:before{content:"=";z-index:2;font:700 13px/1 var(--body);color:var(--ink);background:var(--paper-shade);border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:-9px;right:-6px}.pile-h .played:before{left:-6px;right:auto}@media (prefers-reduced-motion:no-preference){.played.enter{animation:.32s cubic-bezier(.2,.8,.3,1.1) land}}@keyframes land{0%{opacity:0;transform:translateY(18px)scale(1.25)rotate(-6deg)}}.bubble{white-space:nowrap;z-index:10;background:var(--paper);color:var(--ink);border-radius:6px;padding:.25em .7em;font-weight:700;position:absolute;bottom:calc(100% + 4px);box-shadow:0 6px 14px #00000073}.side-c .bubble{left:50%;translate:-50%}.side-l .bubble{left:0}.side-r .bubble{right:0}.at-top .bubble{top:calc(100% + 4px);bottom:auto}.seat-me .bubble{bottom:calc(100% + 8px)}.bubble.call{font:1.15rem var(--display);border:2px solid var(--ink);transform:rotate(-4deg)}.bubble.call-truco,.bubble.call-retruco,.bubble.call-vale4{background:var(--red);color:var(--paper);border-color:var(--paper);font-size:1.3rem}.bubble.call-envido,.bubble.call-real,.bubble.call-falta,.bubble.call-flor{background:var(--gold)}.bubble.call-noquiero,.bubble.call-mazo{color:var(--paper);border-color:var(--paper-shade);background:#3a2a1f}.bubble.say{border-radius:14px 14px 14px 2px;font-size:.95rem}@media (prefers-reduced-motion:no-preference){.bubble{animation:.28s cubic-bezier(.2,.9,.3,1.4) stamp}}@keyframes stamp{0%{opacity:0;transform:scale(1.8)rotate(-12deg)}}.banner{z-index:12;background:var(--gold);color:var(--ink);border:2px solid var(--ink);text-align:center;border-radius:8px;flex-direction:column;align-items:center;max-width:88%;padding:8px 16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 24px #00000080}.banner strong{font:1.2rem var(--display)}.banner .plus{font:1.05rem var(--display);color:var(--red)}.result{z-index:15;text-align:center;width:min(94%,440px);max-height:calc(100% - 8px);padding:12px 16px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.result h2{font:1.25rem var(--display);margin:0}.result h2 b{color:var(--red);font-weight:400}.why{color:var(--ink-soft);margin:2px 0 0;font-weight:600}.summary{flex-wrap:wrap;justify-content:center;gap:4px 8px;margin:6px 0 0;padding:0;font-size:.92rem;font-weight:700;list-style:none;display:flex}.summary li{background:var(--paper-shade);border-radius:4px;padding:1px 8px}.reveal{text-align:left;gap:4px;margin:8px 0 4px;display:grid}.reveal-row{border-left:4px solid var(--us);align-items:center;gap:10px;padding-left:8px;display:flex}.reveal-row.team-them{border-left-color:var(--them);border-left-style:dashed}.reveal-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.reveal-row div{gap:3px;display:flex}.next{color:var(--ink-soft);margin:6px 0 0;font-size:.9rem;font-weight:600}.paused-note{z-index:14;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paused-note strong{font:1.2rem var(--display)}@media (prefers-reduced-motion:no-preference){.result,.banner{animation:.3s cubic-bezier(.2,.9,.3,1.2) pop}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-40%)scale(.9)}}.dock{z-index:5;padding:4px 12px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(#140c0733,#140c07bf);border-top:1px solid #f3e8cf1a;flex-direction:column;align-items:center;gap:5px;display:flex;position:relative}.status-row{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"status hint chat""coach coach chat";align-items:center;column-gap:8px;width:min(100%,720px);min-height:44px;display:grid}.status{grid-area:status;min-width:0;margin:0;font-size:1.02rem;font-weight:700;line-height:1.2}.status-row .hint{grid-area:hint}.status-row .chat{grid-area:chat;align-self:center}.status:focus{outline:none}.status:focus-visible{outline:3px solid var(--gold)}.status-sub{color:#e9d9b8;font-size:.8rem;font-weight:600;display:block}.my-turn .status,.must-answer .status{color:var(--gold)}.hint{white-space:nowrap;background:#f3e8cf1f;border-radius:6px;padding:2px 8px;font-size:.88rem}.coach:empty{border-left-color:#0000}.coach{color:#e9d9b8;border-left:3px solid var(--gold);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:coach;height:2.5em;margin:2px 0 0;padding-left:8px;font-size:.84rem;line-height:1.25;display:-webkit-box;overflow:hidden}.hand-row{justify-content:center;align-items:flex-start;gap:10px;display:flex}.hand{min-height:calc(var(--hand-cw) * 1.5);justify-content:center;gap:10px;display:flex}.hand.tagged{min-height:calc(var(--hand-cw) * 1.5 + 15px)}.hand-slot{flex-direction:column;align-items:center;gap:2px;display:flex}.hand-card{background:0 0;border:0;border-radius:9px;padding:0;transition:transform .15s}.hand-card .card{--w:var(--hand-cw)}.hand-card[aria-disabled=true]{cursor:default}.my-turn .hand-card:not([aria-disabled=true]):hover,.my-turn .hand-card:not([aria-disabled=true]):focus-visible{transform:translateY(-8px)}.my-turn .hand-card:not([aria-disabled=true]) .card{box-shadow:0 0 0 3px var(--gold), 0 6px 14px #00000080}.hand-card.selected{transform:translateY(-12px)}.hand-card.selected .card{box-shadow:0 0 0 4px var(--paper), 0 0 0 7px var(--red), 0 8px 16px #00000080!important}.hand-slot{gap:1px}.card-tags{gap:3px;height:14px;display:flex}.card-tags em{font:normal 700 .68rem / 14px var(--body);color:var(--paper);background:#f3e8cf24;border-radius:4px;padding:0 4px}.card-tags .tag-pieza{background:var(--gold);color:var(--ink)}.tag-str.s-top{background:var(--red)}.tag-str.s-high{background:#b8312f8c}.muestra-btn{color:var(--gold);background:#e2a72e1f;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:2px 4px 6px;font-size:.75rem;font-weight:700;display:flex}.muestra-btn .card{--w:calc(var(--hand-cw) * .62);box-shadow:0 0 0 3px var(--gold), 0 4px 8px #00000080;transform:rotate(-6deg)}.actions{width:min(100%,720px);container-type:inline-size}.act-row{flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:6px;min-height:48px;display:flex}.act-row.expanded{flex-wrap:wrap}.actions .btn{flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:48px;padding:.25em .8em;font-size:.95rem;line-height:1.1;display:inline-flex}.b-sub{font:600 .7rem / 1.1 var(--body);opacity:.9;white-space:nowrap}.btn-call{background:var(--red);color:var(--paper)}.btn-call .b-main{font-family:var(--display);letter-spacing:.02em;font-weight:400}.btn-envido,.btn-more{background:var(--gold)}.btn-yes{background:var(--green);color:var(--paper);flex:1 1 0;max-width:200px}.btn-no{color:var(--paper);background:#3a2a1f;flex:1 1 0;max-width:200px}.btn-fold{color:var(--paper);box-shadow:none;background:0 0;border-color:#f3e8cf80;margin-left:auto}.act-row>.btn-fold:first-child{margin-left:auto}.more-group{display:contents}.more-opts{display:none}.more-group.open .more-opts{display:contents}.more-group.open .more-toggle,.act-row.expanded>:not(.more-group){display:none}.more-back{color:var(--paper);min-width:44px;font-size:1.3rem;text-decoration:none;padding:0!important}@container (width>=720px){.more-toggle,.more-back{display:none!important}.more-opts{display:contents!important}.act-row.expanded>:not(.more-group){display:inline-flex}.act-row.expanded{flex-wrap:nowrap}}.chat{position:relative}.chat-menu{z-index:40;grid-template-columns:1fr 1fr;gap:4px;width:15em;padding:8px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0}.chat-menu button{border:1.5px solid var(--paper-shade);min-height:44px;color:var(--ink);background:0 0;border-radius:6px;padding:6px;font-weight:600}.overlay{z-index:50;background:#140c07b3;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.gameover{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(100%,400px);max-height:100%;padding:22px 20px;display:flex;overflow:auto}.gameover h2{font:2.2rem / 1 var(--display);margin:0}.gameover.won h2{color:var(--red)}.final{margin:0;font-size:1.15rem;font-weight:700}.gameover .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gameover .btn{min-height:46px}.gameover .waiting{color:var(--ink-soft)}.gameover .link-btn{color:var(--ink)}.dialog{flex-direction:column;width:min(100%,560px);max-height:100%;display:flex}.dialog-head{border-bottom:1px solid var(--paper-shade);justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 18px;display:flex}.dialog-head h2{font:1.3rem / 1.15 var(--display);margin:0}.dialog-head .icon-btn{background:var(--paper-shade);color:var(--ink)}.dialog-body{padding:10px 18px 16px;overflow-y:auto}.dialog-body h3{font:1.05rem var(--display);margin:14px 0 6px}.dialog-body p,.dialog-body li{line-height:1.4}.dialog-body p{margin:6px 0}.dialog-body ul{margin:6px 0;padding-left:1.2em}.dialog-foot{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:10px 18px 16px;display:flex}.dialog-foot .btn{min-height:46px}.dialog-lead{font-size:1.08rem;font-weight:600}.dialog .link-btn{color:var(--ink)}.note{color:var(--ink-soft);font-size:.92rem}.help-sec+.help-sec{border-top:1px dashed var(--paper-shade)}.rank-chart{gap:4px;margin:6px 0;padding:0;list-style:none;display:grid}.tier{grid-template-columns:1.6em auto 1fr;align-items:center;gap:8px;display:grid}.tier-pieza{background:#e2a72e33;border-radius:6px;grid-template-columns:auto 1fr;padding:4px}.tier-n{font:.9rem var(--display);color:var(--ink-soft);text-align:right}.tier-cards{gap:3px;display:flex}.tier .card.tiny,.pieza-list .card.tiny,.muestra-line .card.tiny{--w:28px}.pieza-list{gap:4px;margin:6px 0;padding:0;list-style:none;display:grid}.pieza-list li,.muestra-line{align-items:center;gap:10px;font-weight:600;display:flex}.pieza-list em{color:var(--ink-soft);margin-left:auto;font-style:normal}.calls{border-collapse:collapse;width:100%;font-size:.92rem}.calls th,.calls td{text-align:left;border-bottom:1px solid var(--paper-shade);vertical-align:top;padding:4px 6px}.calls thead th{color:var(--ink-soft);font-size:.8rem}.hist-hand h3{margin-top:10px}.hist-hand ol{margin:0;padding-left:1.4em}@media (width<=520px) and (orientation:portrait){.scorebar{grid-template-columns:1fr 1fr auto;grid-template-areas:"us them menu""mid mid mid";row-gap:0}.score-us{grid-area:us}.score-them{grid-area:them}.menu-wrap{grid-area:menu}.score-mid{flex-wrap:nowrap;grid-area:mid;max-width:none;padding-bottom:2px}.mid-hand{flex-basis:auto}.tally{flex-wrap:nowrap}}@media (width<=420px){.scorebar{gap:4px 6px;padding-left:8px}.tally-box{width:14px;height:14px}.score-num{font-size:1.5rem}.score-name{font-size:.85rem}.plate{padding:1px 4px;font-size:.88rem}.n4{--sw:5.4em;--pfx:.41;--po:-.62}.n6{--sw:5.4em}.n6 .plate{font-size:.8rem}.backs{height:27px}.card.mini{--w:18px}.hint{font-size:.78rem}.actions .btn{padding:.3em .6em}}@media (width<=340px){.score-mid{font-size:.75rem}.mid-hand{display:none}}@media (orientation:landscape) and (height<=540px){:root{--hand-cw:clamp(52px, 17vh, 76px)}.game{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(250px,40vw,380px);display:grid}.scorebar{grid-column:1/-1;padding-top:2px;padding-bottom:2px}.score{grid-template-rows:auto;grid-auto-flow:column}.score-us .score-num,.score-them .score-num{grid-row:auto}.score-us{grid-template-columns:auto auto 1fr}.score-them{grid-template-columns:1fr auto auto}.score-them .score-name{grid-column:2}.score-them .score-num{grid-column:3}.score-them .tally{grid-area:1/1}.score-num{font-size:1.4rem}.tally-box{width:14px;height:14px}.score-mid{flex-direction:row;gap:8px}.table{grid-area:2/1}.dock{padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:linear-gradient(90deg,#140c074d,#140c07b3);border-top:0;border-left:1px solid #f3e8cf1a;grid-area:2/2;justify-content:center;overflow-y:auto}.status{font-size:.95rem}.hand,.hand-row{gap:6px}.actions .btn{padding:.25em .6em;font-size:.9rem}.n2{--cw:clamp(40px, 12vh, 62px)}.n4{--cw:clamp(36px, 11vh, 56px);--sw:6em;--pfx:.4}.n6{--cw:clamp(30px, 9.5vh, 48px);--sw:6em}.n6 .plate{font-size:.82rem}.backs{height:24px}.card.mini{--w:16px}.seat{--sh:34px}.seat-me{--sh:20px}}@media (width>=1100px){.scorebar{padding-left:max(12px,50% - 520px);padding-right:max(6px,50% - 520px)}}@media (height<=620px) and (orientation:portrait){:root{--hand-cw:clamp(54px, 14vh, 84px)}}