:root{color-scheme:dark;--ouro: #f3d28a;--texto: #f4f1ea;--fundo: rgba(12, 14, 20, .86);--linha: rgba(255, 255, 255, .14);--verde: #4ade80;--vermelho: #f87171}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0b0d12;color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#app,.palco{position:fixed;inset:0}canvas{display:block}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}input,select{font:inherit;color:var(--texto);background:#ffffff14;border:1px solid var(--linha);border-radius:8px;padding:9px 10px;min-width:0}select option{color:#111}.btn{padding:10px 16px;border-radius:10px;border:1px solid var(--linha);background:#ffffff14;font-weight:600;white-space:nowrap}.btn:hover:not(:disabled){background:#ffffff29}.btn.forte{background:var(--ouro);border-color:var(--ouro);color:#2a1a05}.btn.forte:hover:not(:disabled){background:#ffe2a3}.btn.leve{background:transparent}.btn.grande{width:100%;padding:13px;font-size:1.05rem}.mini{margin-left:6px;padding:2px 8px;border-radius:999px;border:1px solid var(--linha);background:#0006;font-size:.72rem}.icone{width:36px;height:36px;border-radius:50%;border:1px solid var(--linha);background:var(--fundo);font-size:.95rem}.topo{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:10px 12px;pointer-events:none}.topo>*{pointer-events:auto}.marca{color:var(--ouro);font-family:Georgia,serif;font-size:1.15rem;text-shadow:0 2px 8px #000}.sala{padding:6px 12px;border-radius:999px;border:1px solid var(--ouro);background:var(--fundo);font-size:.82rem}.espaco{flex:1}.rotulos{position:fixed;inset:0;pointer-events:none}.rotulo{position:absolute;top:0;left:0;min-width:120px;max-width:200px;padding:6px 10px;border-radius:10px;border:1px solid var(--linha);background:var(--fundo);font-size:.8rem;text-align:center;pointer-events:auto}.rotulo.banca{transform-origin:top center}.rotulo.vez{border-color:var(--ouro);box-shadow:0 0 0 2px #f3d28a59}.rotulo.meu .nome strong{color:var(--ouro)}.rotulo .saldo{color:#ffffffb3;font-size:.74rem}.rotulo .vazio{color:#ffffff8c}.rotulo .total{display:inline-block;margin-left:6px;font-weight:700}.rotulo .mao{margin-top:3px;padding-top:3px;border-top:1px solid var(--linha)}.rotulo .mao.atual .total{color:var(--ouro)}.res{display:block;font-weight:700}.res.ganho{color:var(--verde)}.res.perda{color:var(--vermelho)}.res.empate{color:#cbd5e1}.painel{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(760px,calc(100% - 20px));display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--linha);background:var(--fundo);backdrop-filter:blur(6px)}.painel:empty{display:none}.painel.animando .acoes button{pointer-events:none}.linha{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.linha .quem{min-width:90px}.linha .valor{min-width:70px;font-weight:700;color:var(--ouro)}.fichas{display:flex;gap:6px}.ficha{width:44px;height:44px;border-radius:50%;border:4px dashed rgba(255,255,255,.85);background:var(--cor);box-shadow:0 0 0 2px var(--cor),0 3px 6px #00000080;font-size:.8rem;font-weight:800;text-shadow:0 1px 2px #000}.status{color:#fffc;font-size:.9rem}.status.forte{color:var(--ouro);font-weight:700;font-size:1rem}.dica{padding:8px 10px;border-radius:8px;background:#f3d28a1f;font-size:.9rem}.aviso{position:fixed;top:58px;left:50%;transform:translate(-50%,-10px);padding:8px 16px;border-radius:999px;background:var(--ouro);color:#2a1a05;font-weight:700;font-size:.9rem;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;max-width:calc(100% - 24px);text-align:center}.aviso.visivel{opacity:1;transform:translate(-50%)}.menu,.fundo{position:fixed;inset:0;display:grid;place-items:center;padding:16px;overflow-y:auto;background:radial-gradient(ellipse at center,#0d4a2f8c,#05060aeb)}.menu[hidden]{display:none}.caixa{width:min(520px,100%);display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:16px;border:1px solid rgba(243,210,138,.4);background:#0c0e14f0}.caixa h1{color:var(--ouro);font-family:Georgia,serif;font-size:2rem}.caixa h2{font-size:1rem;color:var(--ouro)}.caixa section{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--linha)}.sub{color:#ffffffbf}.lugar{display:flex;align-items:center;gap:8px}.lugar>span{min-width:56px;font-size:.85rem;color:#ffffffb3}.lugar input{flex:1}.nota{font-size:.8rem;color:#fff9}.erro{padding:8px 10px;border-radius:8px;background:#f3d28a24;color:var(--ouro)}.regras ul{display:flex;flex-direction:column;gap:6px;padding-left:18px;font-size:.92rem}@media (max-width: 640px){.marca{font-size:.95rem}.rotulo{min-width:0;max-width:120px;padding:4px 6px;font-size:.68rem}.rotulo .saldo{font-size:.62rem}.ficha{width:38px;height:38px;font-size:.72rem}.btn{padding:9px 12px}.linha.acoes .btn{flex:1 1 40%}}.icone.ligado{border-color:var(--ouro);background:#f3d28a38}.gestos{position:fixed;top:58px;right:12px;width:200px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;border:1px solid var(--linha);background:var(--fundo);z-index:6}.gestos canvas{width:100%;aspect-ratio:4 / 3;border-radius:8px;background:#000}.gestos-anel{position:absolute;top:14px;left:14px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;font-size:1.5rem;background:radial-gradient(circle,rgba(12,14,20,.85) 58%,transparent 60%),conic-gradient(var(--ouro) calc(var(--p, 0) * 360deg),rgba(255,255,255,.15) 0)}.gestos-estado{min-height:2.4em;font-size:.8rem;font-weight:600}.gestos-legenda{display:flex;flex-wrap:wrap;gap:4px}.gestos-legenda span{padding:2px 6px;border-radius:999px;border:1px solid var(--linha);font-size:.7rem;opacity:.4}.gestos-legenda span.ativo{opacity:1;border-color:var(--ouro);color:var(--ouro)}.cursor-mao{position:fixed;top:-23px;left:-23px;width:46px;height:46px;pointer-events:none;z-index:50}.cursor-mao:before,.cursor-mao:after{content:"";position:absolute;border-radius:50%}.cursor-mao:before{inset:0;background:conic-gradient(var(--ouro) calc(var(--p, 0) * 360deg),rgba(255,255,255,.35) 0);-webkit-mask:radial-gradient(circle,transparent 60%,#000 62%);mask:radial-gradient(circle,transparent 60%,#000 62%)}.cursor-mao:after{inset:17px;background:var(--ouro);box-shadow:0 0 8px var(--ouro)}button.mira{outline:3px solid var(--ouro);outline-offset:3px}.destaque-gestos{border:1px solid rgba(243,210,138,.45)!important;border-radius:12px;padding:12px!important;background:#f3d28a0f}.lugares-mesa{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.lugar-btn{padding:10px 6px;border-radius:10px;border:1px solid var(--linha);background:#ffffff0d;font-weight:600}.lugar-btn.ativo{border-color:var(--ouro);background:#f3d28a33;color:var(--ouro)}.marcar{font-size:.88rem}@media (max-width: 640px){.gestos{width:130px;top:52px;right:8px}.gestos-legenda{display:none}.gestos-anel{width:40px;height:40px;font-size:1.1rem}}