@font-face{font-family:Pixelify Sans;src:url(./PixelifySans-lrcDQVzA.ttf)format("truetype");font-weight:400 700;font-display:swap}:root{--ink:#1b1420;--paper:#f2e3c2;--paper-hi:#fff7e3;--gold:#e9b23b;--gold-dk:#a86f1d;--red:#c43a2c;--red-dk:#76201c;--blue:#2f62ad;--blue-dk:#1b3566;--felt:#3f8b4b;--felt-dk:#1f4d2b;--wood:#8b5a31;--wood-dk:#4b2e1e;--font:"Pixelify Sans", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--px:2px;--s:2;--s-small:1;--trick-cols:2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--paper);background:var(--wood-dk)}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 35%, #ffd28c1f, transparent 65%), repeating-linear-gradient(90deg, var(--wood-dk) 0 6px, #563521 6px 12px);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);container:app/size}.btn{font:inherit;color:var(--ink);background:var(--paper);cursor:pointer;box-shadow:0 0 0 var(--px) var(--ink), 0 calc(var(--px) * 2) 0 var(--px) var(--ink);border:0;padding:.6em 1.1em;font-weight:700;translate:0}.btn:hover{background:var(--paper-hi)}.btn:active{translate:0 var(--px);box-shadow:0 0 0 var(--px) var(--ink)}.btn--primary{background:var(--gold)}.btn--primary:hover{background:#f5c654}.btn--small{padding:.35em .7em;font-size:.85rem}:focus-visible{outline:var(--px) solid var(--gold);outline-offset:calc(var(--px) * 2)}.menu{place-items:center;height:100%;padding:16px;display:grid;overflow:auto}.menu__panel{background:var(--felt-dk);width:min(28rem,100%);box-shadow:0 0 0 4px var(--ink), 0 0 0 8px var(--wood), 0 0 0 12px var(--ink), 0 16px 0 12px #0006;padding:24px}.logo{letter-spacing:.08em;color:var(--gold);text-shadow:4px 4px 0 var(--red-dk), -2px -2px 0 var(--ink);text-align:center;margin:0;font-size:clamp(2.5rem,12cqi,3.5rem)}.tagline{text-align:center;color:var(--paper);margin:.5rem 0 1.5rem}.menu__form{gap:1rem;display:grid}fieldset{border:var(--px) solid var(--felt);margin:0;padding:.75rem}legend{color:var(--gold);padding:0 .4rem;font-weight:700}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip input,.check input{opacity:0;width:1px;height:1px;position:absolute}.chip span{background:var(--felt);cursor:pointer;box-shadow:0 0 0 var(--px) var(--ink);padding:.45em .8em;display:inline-block}.chip input:checked+span{background:var(--gold);color:var(--ink);font-weight:700}.chip input:disabled+span{opacity:.4;cursor:not-allowed;text-decoration:line-through}.chip input:focus-visible+span,.check input:focus-visible+span{outline:var(--px) solid var(--gold);outline-offset:3px}.check{cursor:pointer;align-items:start;gap:.6rem;padding:.3rem 0;display:flex}.check span{gap:.15rem;display:grid}.check span:before{content:"";background:var(--felt);width:14px;height:14px;box-shadow:0 0 0 var(--px) var(--ink);margin-top:2px;margin-left:-22px;position:absolute}.check{padding-left:22px}.check input:checked+span:before{background:var(--gold);box-shadow:0 0 0 var(--px) var(--ink), inset 0 0 0 3px var(--felt-dk)}.check small{color:#cfe3c8}.table{--cs:var(--s);background-color:var(--felt);background-image:radial-gradient(ellipse at 50% 45%, #ffe6a029, transparent 70%), conic-gradient(from 90deg at 2px 2px, #00000012 25%, transparent 0);height:100%;box-shadow:inset 0 0 0 4px var(--ink), inset 0 0 0 10px var(--wood), inset 0 0 0 14px var(--ink), inset 0 0 60px #00000073;-webkit-user-select:none;user-select:none;touch-action:manipulation;background-size:100% 100%,4px 4px;grid-template:"hud hud hud""left top right""center center center"1fr"bottom bottom bottom""status status status"/1fr auto 1fr;gap:8px;padding:8px 12px 12px;display:grid;position:relative;overflow:hidden}@container app (width<=899px){.table[data-players="4"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.hud{flex-wrap:wrap;grid-area:hud;align-items:center;gap:12px;padding:10px 10px 0;display:flex}.trump{background:var(--ink);color:var(--gold);margin:0;padding:.25em .6em;font-weight:700}.scores{gap:12px;margin:0 auto 0 0;padding:0;list-style:none;display:flex}.scores li{gap:6px;display:flex}.scores strong{color:var(--gold)}.seat{align-content:start;justify-items:center;gap:4px;min-width:0;display:grid}.seat--top{grid-area:top}.seat--left{grid-area:left}.seat--right{grid-area:right}.seat--bottom{grid-area:bottom;align-content:end}.seat__name{text-overflow:ellipsis;white-space:nowrap;background:#00000059;max-width:100%;margin:0;padding:.15em .5em;font-size:.8rem;font-weight:700;overflow:hidden}.seat--turn .seat__name{background:var(--gold);color:var(--ink)}.seat__tricks{color:#d8ecd2;margin:0;font-size:.75rem}.actions:has(.btn:not([hidden])){order:-1}.hand{min-height:calc(72px * var(--cs));justify-content:center;display:flex}.hand--mine{gap:calc(4px * var(--cs));width:100%;padding-top:calc(10px * var(--cs));container-type:inline-size}.hand--mine .card{--overlap:min(0px, calc((100cqi - var(--n,3) * 48px * var(--cs) - 18px * var(--cs)) / max(1, var(--n,3) - 1) - 4px * var(--cs)))}.hand--mine .card+.card{margin-left:var(--overlap)}.hand--mine .card+.card--group-start{margin-left:calc(var(--overlap) + 6px * var(--cs))}.card--mini{--cs:1;display:inline-block}.closed{text-align:left;gap:12px;margin:0 0 1rem;padding:0;list-style:none;display:grid}.closed__who{justify-content:space-between;gap:1rem;margin:0 0 4px;display:flex}.closed__cards{flex-wrap:wrap;gap:6px;display:flex}.meld{display:inline-flex}.meld .card+.card{margin-left:-26px}.meld--loose{opacity:.85;outline:var(--px) dashed var(--red);outline-offset:2px}.out{color:var(--red)}.hand--hidden{--cs:var(--s-small)}.hand--hidden .card+.card{margin-left:calc(-30px * var(--cs))}.center{justify-content:center;align-items:center;gap:calc(12px * var(--s));grid-area:center;min-height:0;display:flex}.stock{align-items:center;gap:calc(4px * var(--s));--cs:var(--s-small);flex-direction:column;display:flex}.pile-wrap{position:relative}.pile{min-width:calc(48px * var(--cs));min-height:calc(72px * var(--cs));box-shadow:calc(2px * var(--cs)) calc(2px * var(--cs)) 0 var(--ink), calc(4px * var(--cs)) calc(4px * var(--cs)) 0 var(--blue-dk)}.pile:empty{box-shadow:inset 0 0 0 var(--px) #00000040}.pile__count{background:var(--ink);min-width:2ch;color:var(--gold);text-align:center;padding:0 4px;font-size:.75rem;font-weight:700;position:absolute;bottom:-6px;right:-6px}.muestra,.discard{min-width:calc(48px * var(--cs));min-height:calc(72px * var(--cs))}.table:has(.discard:not([hidden])) .stock{--cs:var(--s);gap:calc(10px * var(--s));flex-direction:row}.pile .card--capturable,.discard .card--capturable{cursor:pointer}[hidden]{display:none!important}.trick{grid-template-columns:repeat(var(--trick-cols), auto);gap:calc(6px * var(--s));min-width:calc(48px * var(--s) * var(--trick-cols));min-height:calc(72px * var(--s));place-content:center;display:grid}.status{text-align:center;min-height:2.6em;color:var(--paper-hi);text-shadow:1px 1px 0 var(--ink);grid-area:status;margin:0;font-size:.85rem}.card{width:calc(48px * var(--cs));height:calc(72px * var(--cs));background-color:#0000;background-image:var(--sheet);background-repeat:no-repeat;background-size:calc(var(--sheet-w) * var(--cs)) calc(var(--sheet-h) * var(--cs));background-position:calc(var(--col) * -48px * var(--cs)) calc(var(--row) * -72px * var(--cs));image-rendering:pixelated;filter:drop-shadow(0 calc(2px * var(--cs)) 0 #00000059);border:0;flex:none;padding:0;transition:translate .12s steps(3,end);display:block;translate:0}button.card{cursor:default;font:inherit}[data-zone^=hand] button.card[aria-disabled=true]{filter:drop-shadow(0 calc(2px * var(--cs)) 0 #00000059) brightness(.8)}.card--playable{cursor:pointer}.card--playable:hover{translate:0 calc(-3px * var(--cs))}.card--selected,.card--selected:hover{translate:0 calc(-10px * var(--cs));filter:drop-shadow(0 0 0 var(--gold)) drop-shadow(0 calc(4px * var(--cs)) 0 #00000059);outline:var(--px) solid var(--gold)}.card--dragging{z-index:10;cursor:grabbing;transition:none;position:relative}.trick--pool{min-width:0;max-width:calc((48px * var(--s) + 6px * var(--s)) * 4);flex-wrap:wrap;flex:0 auto;place-content:center;display:flex}@container app (width<=899px){.trick--pool[data-count="5"],.trick--pool[data-count="6"]{--cs:var(--s-small)}}.trick--pool[data-count="7"],.trick--pool[data-count="8"],.trick--pool[data-count="9"],.trick--pool[data-count="10"],.trick--pool[data-count="11"],.trick--pool[data-count="12"]{--cs:var(--s-small);max-width:calc((48px * var(--s-small) + 6px * var(--s)) * 6)}.card--capturable{cursor:pointer;outline:var(--px) dashed var(--gold);outline-offset:2px}.trick--pool .card--selected{translate:0 calc(-4px * var(--cs))}.table--escoba .trick{animation:.6s steps(4,end) escoba}@keyframes escoba{50%{filter:brightness(1.6) drop-shadow(0 0 0 var(--gold))}}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.result{min-width:min(22rem,100vw - 32px);color:var(--paper);background:var(--felt-dk);box-shadow:0 0 0 4px var(--ink), 0 0 0 8px var(--gold-dk), 0 0 0 12px var(--ink);text-align:center;border:0;padding:24px}.result::backdrop{background:#1b142099}.result h2{color:var(--gold);text-shadow:3px 3px 0 var(--red-dk);margin:0 0 1rem;font-size:1.8rem}.scores--final{gap:6px;margin:0 0 1.25rem;display:grid}.scores--final li{justify-content:space-between}.result__actions{justify-content:center;gap:12px;display:flex}.tally-wrap{margin:0 0 .75rem;overflow-x:auto}.tally{border-collapse:collapse;margin:0 auto;font-size:.85rem}.tally th,.tally td{text-align:center;white-space:nowrap;padding:.3em .5em}.tally thead th{color:var(--gold);font-weight:400}.tally tbody th{text-align:left;color:var(--gold);font-weight:400}.tally tbody tr+tr{border-top:var(--px) solid var(--felt)}.tally__note{color:#cfe3c8;margin:0 0 1rem;font-size:.75rem}.game-tagline{color:#cfe3c8;margin:.5rem 0 0;font-size:.8rem}.choice__label{margin:.25rem 0 .4rem}.choice__label small{color:#cfe3c8}@container app (width>=900px){.table{grid-template:"hud hud hud"".top.""left center right"1fr"bottom bottom bottom""status status status"/minmax(0,1fr) auto minmax(0,1fr);padding:12px 24px 16px}.seat--left,.seat--right{align-content:center}.status{font-size:1rem}}@media (prefers-reduced-motion:reduce){.card,.btn{transition:none}}.toast{inset:auto 16px calc(16px + env(safe-area-inset-bottom)) 16px;z-index:20;background:var(--ink);max-width:28rem;color:var(--paper);box-shadow:0 0 0 var(--px) var(--gold), 0 6px 0 #0006;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:10px 12px;display:flex;position:fixed}.btn--resume{width:100%;margin:0 0 1rem}.btn--install{margin:1rem auto 0;display:block}.btn--online{width:100%;margin-top:1rem}.logo--small{font-size:2rem}.lobby__status{text-align:center;color:#cfe3c8;margin:.25rem 0 .75rem;font-size:.8rem}.lobby__error{background:var(--ink);color:var(--gold);margin:0 0 .75rem;padding:.4em .6em}.field{gap:.3rem;margin-bottom:1rem;display:grid}.field input,.join-row input{font:inherit;color:var(--ink);background:var(--paper-hi);box-shadow:0 0 0 var(--px) var(--ink);border:0;min-width:0;padding:.5em .6em}.join-row{gap:8px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:.2em;flex:1}.lobby__join{margin-bottom:1rem}.lobby__exit{margin:1rem auto 0;display:block}.room-code{background:var(--ink);justify-items:center;gap:6px;margin:0 0 1rem;padding:12px;display:grid}.room-code__value{letter-spacing:.25em;color:var(--gold);font-size:2.4rem}.room-code__actions{gap:8px;display:flex}.seat-list{gap:6px;margin:0 0 1rem;padding:0;list-style:none;display:grid}.seat-row{background:var(--felt);box-shadow:0 0 0 var(--px) var(--ink);justify-content:space-between;gap:1rem;padding:.45em .7em;display:flex}.seat-row small{color:#d8ecd2}.seat-row--empty{opacity:.7}.lobby__start{width:100%}.replay{grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.replay .table{height:auto;min-height:0}.replay__controls{padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.replay__controls input[type=range]{accent-color:var(--gold);flex:10rem}.replay__position{min-width:9ch;color:var(--paper);font-size:.8rem}.result__share{gap:8px;margin:0 0 1rem;display:grid}.result__share a{color:var(--gold)}.btn--ranking{margin:.75rem auto 0;display:block}.ranking__games{margin-bottom:1rem}.ranking__table{width:100%;margin-bottom:1rem}.ranking__you{background:#e9b23b33}.center:has(.melds:not([hidden])){flex-wrap:wrap;align-content:center}.melds{--cs:var(--s-small);flex-wrap:wrap;justify-content:center;gap:6px 10px;max-width:min(100%,40rem);display:flex}.meld-zone{cursor:default;font:inherit;background:#0000002e;border:0;padding:3px;display:flex}.meld-zone .card+.card{margin-left:calc(-32px * var(--cs))}.meld-zone--target{cursor:pointer;outline:var(--px) dashed var(--gold);outline-offset:2px;background:#e9b23b2e}.seat__say{color:var(--ink);background:var(--paper-hi);border:var(--px) solid var(--ink);box-shadow:var(--px) var(--px) 0 #00000059;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;padding:.1em .5em;font-size:.75rem;font-weight:700;overflow:hidden}.seat__say[hidden]{display:none}