:root{color-scheme:dark;--madeira: #7a5232;--madeira-escura: #4e331f;--madeira-funda: #3a2516;--papel: #fffdf8;--tinta: #1d1714;--vermelho: #b42318;--palito: #e9c98b;--cabeca: #c8371d;--destaque: #f4c542;--texto: #f6eedf;--texto-suave: rgba(246, 238, 223, .72);--carta: clamp(44px, min(13vw, 9dvh), 76px);--carta-mao: clamp(64px, min(21vw, 14dvh), 104px);--raio-carta: 7px;--letreiro: "Alfa Slab One", Georgia, serif;--texto-ui: "Bricolage Grotesque", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{color:var(--texto);font-family:var(--texto-ui);font-size:16px;line-height:1.45;background-color:var(--madeira);background-image:repeating-linear-gradient(92deg,rgba(0,0,0,.06) 0 2px,transparent 2px 9px,rgba(0,0,0,.035) 9px 10px,transparent 10px 23px),radial-gradient(ellipse at 50% 45%,rgba(255,220,170,.12),transparent 70%)}#app{max-width:760px;margin:0 auto;min-height:100%;padding-block:10px 16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:10px}.carregando{margin:auto;font-family:var(--letreiro);font-size:1.6rem}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--destaque);outline-offset:3px}.topo{display:flex;align-items:center;gap:12px}.placar{display:grid;gap:2px}.dupla{display:grid;grid-template-columns:2.6em 1.6em auto;align-items:center;font-weight:600}.dupla b{font-family:var(--letreiro);font-weight:400;font-size:1.15rem;text-align:right;padding-right:8px}.palito{display:inline-block;width:3px;height:17px;margin-right:3px;border-radius:2px;background:var(--madeira-funda);vertical-align:middle}.palito:nth-child(3n){margin-right:8px}.palito.aceso{background:linear-gradient(to bottom,var(--cabeca) 0 5px,var(--palito) 5px)}.mao-info{margin-left:auto;display:grid;justify-items:end;gap:4px}.valendo{font-family:var(--letreiro);font-size:1.05rem}.marcas{display:flex;gap:6px}.marca{width:12px;height:12px;border-radius:50%;border:2px solid var(--texto-suave)}.marca.nossa{background:var(--destaque);border-color:var(--destaque)}.marca.deles{background:var(--vermelho);border-color:var(--vermelho)}.marca.empate{background:linear-gradient(90deg,var(--destaque) 50%,var(--vermelho) 50%);border-color:var(--texto-suave)}.botao{border:2px solid var(--texto-suave);background:transparent;border-radius:10px;padding:9px 16px;font-weight:600;cursor:pointer}.botao:hover{border-color:var(--texto)}.botao.principal{background:var(--destaque);border-color:var(--destaque);color:var(--tinta)}.botao.ligado{background:var(--texto);color:var(--tinta);border-color:var(--texto)}.botao.discreto{border-color:transparent;text-decoration:underline;text-underline-offset:3px;padding:6px 4px}.botao.grito{font-family:var(--letreiro);font-weight:400;font-size:1.15rem;background:var(--vermelho);border-color:var(--vermelho);color:var(--papel);padding:8px 18px}.mesa{display:grid;grid-template-columns:minmax(54px,1fr) minmax(0,3.2fr) minmax(54px,1fr);grid-template-areas:".        parceiro ." "esquerda centro   direita" "eu       eu       eu";grid-template-rows:auto 1fr auto;align-items:center;gap:6px}.lugar{position:relative;display:grid;justify-items:center;gap:4px}.lugar.parceiro{grid-area:parceiro}.lugar.esquerda{grid-area:esquerda}.lugar.direita{grid-area:direita}.lugar.eu{grid-area:eu}.nome{font-size:.85rem;font-weight:600;color:var(--texto-suave);padding-bottom:1px;border-bottom:2px solid transparent}.da-vez .nome{color:var(--texto);border-bottom-color:var(--destaque)}.leque{display:flex}.leque .carta+.carta{margin-left:calc(var(--carta) * -.32)}.esquerda .leque,.direita .leque{flex-direction:column}.esquerda .leque .carta+.carta,.direita .leque .carta+.carta{margin-left:0;margin-top:calc(var(--carta) * -.95)}.centro{grid-area:centro;position:relative;height:min(38dvh,70vw);aspect-ratio:1 / .92;max-width:100%;justify-self:center;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"vira     parceiro ." "esquerda .        direita" ".        eu       .";place-items:center;border-radius:46%/40%;background:radial-gradient(ellipse at center,rgba(58,37,22,.42),rgba(58,37,22,.18) 70%,transparent 72%)}.pano.parceiro{grid-area:parceiro}.pano.esquerda{grid-area:esquerda}.pano.direita{grid-area:direita}.pano.eu{grid-area:eu}.vira{grid-area:vira;display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;line-height:1.15}.vira small{font-weight:400;color:var(--texto-suave)}.vira .carta{rotate:-8deg}.selo{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;margin:auto;width:max-content;height:max-content;padding:3px 12px;border-radius:999px;background:var(--madeira-funda);font-weight:600;font-size:.9rem}.carta{position:relative;display:block;width:var(--carta);aspect-ratio:5 / 7;border-radius:var(--raio-carta);background:var(--papel);color:var(--tinta);box-shadow:0 1px #00000040,0 4px 10px #1e100659;-webkit-user-select:none;user-select:none}.carta.jogada{rotate:var(--giro, 0deg)}.carta.vermelha{color:var(--vermelho)}.carta.pequena{--carta: clamp(30px, 8vw, 44px);--raio-carta: 4px}.canto{position:absolute;top:5%;left:9%;font-family:var(--letreiro);font-size:calc(var(--carta) * .24);line-height:.95;text-align:center}.meio{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:calc(var(--carta) * .5);padding-top:12%}.pequena .canto{font-size:calc(var(--carta) * .3)}.pequena .meio{display:none}.carta.verso{background:repeating-linear-gradient(45deg,transparent 0 4px,rgba(255,253,248,.22) 4px 5px),repeating-linear-gradient(-45deg,transparent 0 4px,rgba(255,253,248,.22) 4px 5px),var(--vermelho);border:3px solid var(--papel)}.carta.manilha{box-shadow:0 0 0 3px var(--destaque),0 4px 10px #1e100659}.minha-mao{display:flex;justify-content:center;gap:10px;padding-top:4px}.carta-botao{padding:0;border:0;background:none;border-radius:var(--raio-carta);cursor:pointer;transition:transform .14s ease-out}.carta-botao .carta{--carta: var(--carta-mao)}.carta-botao:not(:disabled):hover{transform:translateY(-8px)}.carta-botao:disabled{cursor:default}.carta-botao.cobrindo .carta{outline:3px dashed var(--papel);outline-offset:3px}.fala{position:absolute;z-index:2;top:-8px;left:50%;transform:translate(-50%,-100%);padding:4px 12px;border-radius:12px;background:var(--papel);color:var(--tinta);font-weight:600;width:max-content;max-width:min(62vw,16rem);text-align:center;line-height:1.25;box-shadow:0 6px 16px #1e100659}.fala small{display:block;margin-top:6px;font-family:var(--texto-ui);font-size:.92rem;font-weight:800;line-height:1.2;color:var(--tinta)}.lugar.parceiro .fala{top:auto;bottom:-8px;transform:translate(-50%,100%)}.lugar.esquerda .fala,.lugar.direita .fala{top:50%}.lugar.esquerda .fala{left:100%;transform:translate(8px,-50%)}.lugar.direita .fala{left:auto;right:100%;transform:translate(-8px,-50%)}.fala.forte{font-family:var(--letreiro);font-weight:400;font-size:1.7rem;line-height:1;padding:8px 16px 10px;background:var(--destaque);color:var(--vermelho);border:3px solid var(--vermelho);rotate:-3deg}.acoes{min-height:96px;display:grid;align-content:center}.linha-botoes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.linha-botoes .vez{flex-basis:100%}.vez{margin:0;text-align:center;color:var(--texto-suave)}.aviso{display:grid;justify-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:#3a2516e0;text-align:center}.aviso p{margin:0;max-width:46ch}.titulo-fim{font-family:var(--letreiro);font-weight:400;font-size:1.5rem}.dica{flex-basis:100%;justify-self:center;max-width:52ch;margin:0 auto;padding:6px 14px;border-radius:10px;background:var(--papel);color:var(--tinta);font-size:.92rem;text-align:center}.dica p{margin:0;font-weight:600}.dica small{display:block;color:var(--madeira)}.carta-botao{display:grid;justify-items:center;gap:4px}.legenda{font-size:.8rem;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--madeira-funda);white-space:nowrap}.registro{font-size:.9rem;color:var(--texto-suave)}.registro summary{cursor:pointer}.registro ol{margin:6px 0 0;padding-left:20px;max-height:9.5em;overflow:auto}.ajuda{position:fixed;z-index:10;inset:0 0 0 auto;width:min(420px,100%);overflow:auto;padding:max(22px,env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) max(32px,env(safe-area-inset-bottom,0px)) 22px;background:var(--papel);color:var(--tinta);box-shadow:-10px 0 30px #00000059}.ajuda h2{font-family:var(--letreiro);font-weight:400;font-size:1.6rem;margin:0 0 8px}.ajuda h3{font-size:1rem;margin:18px 0 4px}.ajuda p{margin:0 0 8px}.ajuda .ordem{font-family:var(--letreiro);letter-spacing:.02em}.ajuda .fechar{position:absolute;top:10px;right:12px;border:0;background:none;font-size:1.8rem;line-height:1;cursor:pointer}@media(min-width:700px){.mesa{grid-template-columns:1fr 3fr 1fr}}.inicio,.sala{margin:auto;width:min(100%,30rem);display:grid;gap:14px;text-align:center}.inicio h1,.sala h1{margin:0;font-family:var(--letreiro);font-weight:400;font-size:clamp(2.2rem,9vw,3.4rem);line-height:1;text-wrap:balance}.inicio .sub,.sala>p{margin:0;color:var(--texto-suave);text-wrap:pretty}.escolhas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.escolhas .botao{min-width:11rem;text-decoration:none;text-align:center}.aviso-privacidade{margin:0;font-size:.85rem;color:var(--texto-suave)}.campo{display:grid;gap:6px;font-weight:600;text-align:left}.campo input,.link input{font:inherit;padding:10px 12px;border-radius:10px;border:2px solid var(--texto-suave);background:var(--madeira-funda);color:var(--texto);min-width:0}.link{display:flex;gap:8px}.link input{flex:1}.duplas{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.dupla-sala{list-style:none;margin:0;padding:10px 12px;border-radius:12px;background:#3a251699;display:grid;gap:10px}.dupla-sala .titulo{font-family:var(--letreiro);font-size:1.05rem}.dupla-sala li{display:grid;gap:4px;justify-items:start}.dupla-sala .rotulo{font-size:.8rem;color:var(--texto-suave)}.dupla-sala li.meu b{color:var(--destaque)}.dupla-sala .botao{padding:5px 12px;font-size:.9rem}@media(max-width:420px){.duplas{grid-template-columns:1fr}}.quem{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.lugar.parceiro{grid-auto-flow:column;justify-content:center;align-items:center;gap:10px}.rosto{display:block;width:38px;height:38px;border-radius:50%;box-shadow:0 2px 6px #1e100666;transition:box-shadow .2s ease-out}.rosto.inicial{display:grid;place-items:center;background:var(--madeira-funda);border:2px solid var(--texto-suave);font-family:var(--letreiro);font-size:1.1rem;line-height:1}.da-vez .rosto{box-shadow:0 0 0 3px var(--destaque),0 2px 6px #1e100666}.pensando{position:absolute;top:24px;left:calc(50% + 10px);display:flex;gap:3px;padding:4px 6px;border-radius:999px;background:var(--papel)}.pensando i{width:4px;height:4px;border-radius:50%;background:var(--tinta);animation:pontinho .9s ease-in-out infinite}.pensando i:nth-child(2){animation-delay:.15s}.pensando i:nth-child(3){animation-delay:.3s}@keyframes pontinho{0%,60%,to{translate:0 0;opacity:.4}30%{translate:0 -3px;opacity:1}}.cantinho{display:flex;align-items:center;gap:2px}.botao.icone{display:grid;place-items:center;width:40px;height:40px;padding:0;border-color:transparent}.botao.icone svg{width:24px;height:24px}.valendo.subiu{color:var(--destaque)}*{--passou: 0ms;--atraso: 0ms}.carta.chegando{animation:chegar .46s cubic-bezier(.2,.8,.25,1.12) calc(0ms - var(--passou)) both}@keyframes chegar{0%{translate:var(--de-x) var(--de-y);rotate:calc(var(--giro) * 4 + 28deg);scale:1.3;opacity:.3}to{translate:0 0;rotate:var(--giro);scale:1;opacity:1}}.carta.recolhe{animation:recolher .38s cubic-bezier(.5,0,.9,.5) calc(.95s - var(--passou)) forwards}.carta.recolhe.vencedora{z-index:1;animation:brilhar .52s ease-out calc(0ms - var(--passou)) both,recolher .38s cubic-bezier(.5,0,.9,.5) calc(.95s - var(--passou)) forwards}@keyframes brilhar{0%{scale:1}40%{scale:1.2;box-shadow:0 0 0 4px var(--destaque),0 0 28px 10px #f4c542bf}to{scale:1.1;box-shadow:0 0 0 3px var(--destaque),0 0 18px 4px #f4c54280}}@keyframes recolher{to{translate:var(--para-x) var(--para-y);scale:.5;opacity:0}}.selo.aparecendo{animation:selo .38s cubic-bezier(.2,1.5,.4,1) calc(.25s - var(--passou)) both}@keyframes selo{0%{scale:.3;opacity:0}to{scale:1;opacity:1}}.carta.dando{animation:dar .44s cubic-bezier(.2,.8,.3,1) calc(var(--atraso) - var(--passou)) both}.minha-mao .carta.dando{--vem: 0 -42vh}.lugar.parceiro .carta.dando{--vem: 0 22vh}.lugar.esquerda .carta.dando{--vem: 32vw 0}.lugar.direita .carta.dando{--vem: -32vw 0}@keyframes dar{0%{translate:var(--vem, 0 -30vh);rotate:-35deg;scale:.6;opacity:0}40%{opacity:1}to{translate:0 0;rotate:0deg;scale:1;opacity:1}}.carta.virando{animation:virar .56s ease-out calc(var(--atraso) - var(--passou)) both}@keyframes virar{0%,49%{transform:perspective(240px) rotateY(180deg);background:var(--vermelho);color:transparent}50%{transform:perspective(240px) rotateY(90deg);background:var(--papel)}to{transform:perspective(240px) rotateY(0)}}.palito{position:relative}.palito.acendendo{animation:acender .9s ease-out calc(var(--atraso) - var(--passou)) both}.palito.acendendo:after{content:"";position:absolute;left:50%;bottom:70%;width:9px;height:14px;translate:-50% 0;border-radius:50%/65% 65% 35% 35%;background:radial-gradient(circle at 50% 72%,#fff6c8,#ffb02e 45%,#ff501400 72%);animation:chama .9s ease-out calc(var(--atraso) - var(--passou)) both;pointer-events:none}@keyframes acender{0%{background:var(--madeira-funda)}12%{background:linear-gradient(to bottom,#fff3b0 0 6px,var(--palito) 6px);box-shadow:0 -4px 12px 3px #ffbe3cf2}50%{background:linear-gradient(to bottom,#ff8a2a 0 5px,var(--palito) 5px);box-shadow:0 -5px 12px 3px #ff822899}to{background:linear-gradient(to bottom,var(--cabeca) 0 5px,var(--palito) 5px);box-shadow:none}}@keyframes chama{0%{opacity:0;scale:.2}12%{opacity:1;scale:1.4}28%{scale:.9}44%{scale:1.15}70%{opacity:.85;scale:.9}to{opacity:0;scale:.3}}.mesa.tremendo{animation:tremer .42s linear calc(0ms - var(--passou)) both}@keyframes tremer{0%,to{translate:0 0}15%{translate:-7px 2px}30%{translate:6px -3px}45%{translate:-4px 2px}60%{translate:3px 1px}80%{translate:-1px -1px}}.fala.nova{animation:balao .3s cubic-bezier(.2,1.5,.4,1) calc(0ms - var(--passou)) both}.fala.forte.nova{animation:grito .52s cubic-bezier(.2,1.6,.4,1) calc(0ms - var(--passou)) both}@keyframes balao{0%{scale:.5;opacity:0}to{scale:1;opacity:1}}@keyframes grito{0%{scale:.3;rotate:-14deg}60%{scale:1.12;rotate:4deg}to{scale:1;rotate:-3deg}}.quem.falando{animation:falar .6s ease-out calc(0ms - var(--passou)) both}@keyframes falar{20%{rotate:-9deg;scale:1.1}45%{rotate:7deg}70%{rotate:-3deg}to{rotate:0deg;scale:1}}.valendo.pulando{animation:pulo .7s cubic-bezier(.2,1.6,.4,1) calc(0ms - var(--passou)) both}@keyframes pulo{0%{scale:1}30%{scale:1.7;color:var(--papel)}to{scale:1}}.minha-mao.acordando{animation:acordar .6s ease-out calc(0ms - var(--passou)) both}@keyframes acordar{35%{translate:0 -10px}to{translate:0 0}}.faixa{position:absolute;z-index:3;left:0;right:0;top:50%;translate:0 -50%;rotate:-6deg;padding:6px 0 8px;text-align:center;font-family:var(--letreiro);font-size:clamp(1.5rem,7vw,2.4rem);color:var(--papel);background:var(--vermelho);box-shadow:0 8px 20px #1e100673;pointer-events:none}.faixa.passando{animation:faixa 2s cubic-bezier(.2,.9,.3,1) calc(0ms - var(--passou)) both}@keyframes faixa{0%{clip-path:inset(0 100% 0 0)}18%{clip-path:inset(0 0 0 0)}80%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 100%);opacity:0}}.aviso.ganhou .titulo-fim{color:var(--destaque)}.titulo-fim.carimbo{animation:carimbo .7s cubic-bezier(.2,1.4,.4,1) calc(0ms - var(--passou)) both}@keyframes carimbo{0%{scale:3;opacity:0;rotate:-12deg}60%{scale:.92;opacity:1;rotate:2deg}to{scale:1;rotate:-2deg}}.titulo-fim.tombo{animation:tombo .9s ease-in calc(0ms - var(--passou)) both}@keyframes tombo{0%{translate:0 -40px;opacity:0}50%{translate:0 0;opacity:1}65%{translate:0 -8px}80%,to{translate:0 0}}.seguidas{font-weight:800;color:var(--destaque)}.festa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;pointer-events:none}.pedaco{position:absolute;top:-40px;display:block;font-style:normal;animation:cair var(--dur) cubic-bezier(.3,.1,.6,1) calc(var(--atraso) - var(--passou)) both}.pedaco.naipe{font-size:1.7rem;color:var(--papel)}.pedaco.naipe.vermelho{color:var(--destaque)}.pedaco.cartinha{width:15px;height:21px;border-radius:3px;background:var(--papel)}.pedaco.cartinha.vermelho{background:var(--vermelho);border:2px solid var(--papel)}.pedaco.palitinho{width:4px;height:24px;border-radius:2px;background:linear-gradient(to bottom,var(--cabeca) 0 6px,var(--palito) 6px)}@keyframes cair{0%{translate:0 0;rotate:0deg;opacity:1}85%{opacity:1}to{translate:var(--deriva) 112vh;rotate:var(--giro);opacity:0}}@media(prefers-reduced-motion:reduce){.carta-botao{transition:none}.chegando,.recolhe,.dando,.virando,.tremendo,.falando,.pulando,.acordando,.passando,.carimbo,.tombo,.fala.nova,.selo.aparecendo,.palito.acendendo:after{animation:none!important}.recolhe.vencedora{box-shadow:0 0 0 3px var(--destaque)}.festa{display:none}}.carta.chegando.recolhe{animation:chegar .46s cubic-bezier(.2,.8,.25,1.12) calc(0ms - var(--passou)) both,recolher .38s cubic-bezier(.5,0,.9,.5) calc(.95s - var(--passou)) forwards}.carta.chegando.recolhe.vencedora{animation:chegar .46s cubic-bezier(.2,.8,.25,1.12) calc(0ms - var(--passou)) both,brilhar .52s ease-out calc(.38s - var(--passou)) forwards,recolher .38s cubic-bezier(.5,0,.9,.5) calc(.95s - var(--passou)) forwards}.valendo,.cantinho .botao{white-space:nowrap}@media(max-width:420px){.topo{gap:6px}.botao.icone{width:32px;height:32px}.cantinho .botao.discreto{font-size:.9rem;padding-inline:2px}}