body{background-image:url(/root.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}#root{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.app-container{flex-direction:column;min-width:0;min-height:100vh;display:flex}.navbar{background-color:#2196f3;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:15px;padding:15px 20px;display:flex;box-shadow:0 2px 4px #0000001a}.nav-button{color:#fff;cursor:pointer;background-color:#fff3;border:2px solid #0000;border-radius:5px;padding:10px 20px;font-size:1rem;font-weight:500;transition:all .3s}.nav-button:hover{background-color:#ffffff4d;transform:scale(1.05)}.nav-button.active{color:#2196f3;background-color:#fff;border-color:#fff}main{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.cartao-criar-mesa{color:#fff;text-align:center;background-color:#2b4522;border-radius:12px;max-width:500px;margin:50px auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 10px 30px #0009}.cartao-criar-mesa h1{color:#e8f5e9;margin-top:0;margin-bottom:10px;font-size:28px}.cartao-criar-mesa>p{text-align:center;color:#c8e6c9;margin-bottom:30px}.formulario-grupo{text-align:left;flex-direction:column;margin-bottom:20px;display:flex}.formulario-grupo label{color:#c8e6c9;margin-bottom:5px;font-weight:700}.formulario-grupo input,.formulario-grupo select{color:#333;box-sizing:border-box;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px}.formulario-grupo input:focus,.formulario-grupo select:focus{border-color:#4a7c59;outline:none;box-shadow:0 0 5px #4a7c5980}.formulario-grupo select{cursor:pointer}.btn-continuar{color:#fff;cursor:pointer;background:#4a7c59;border:none;border-radius:6px;width:100%;margin-top:10px;padding:12px;font-size:16px;font-weight:700;transition:background .3s}.btn-continuar:hover{background:#386044}.btn-continuar:active{transform:scale(.98)}.resumo-mesa{background-color:#1b2e15;border-left:4px solid #4a7c59;border-radius:6px;margin:30px 0;padding:20px}.resumo-item{border-bottom:1px solid #4a7c59;justify-content:space-between;align-items:center;padding:15px 0;font-size:16px;display:flex}.resumo-item:last-child{border-bottom:none}.resumo-label{color:#c8e6c9;font-weight:700}.resumo-valor{color:#e8f5e9;font-weight:600}.botoes-resumo{gap:10px;margin-top:20px;display:flex}.btn-voltar-resumo{color:#fff;cursor:pointer;background:#4a7c59;border:none;border-radius:6px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:background .3s}.btn-voltar-resumo:hover{background:#386044}.btn-confirmar-resumo{color:#fff;cursor:pointer;background:#d35400;border:none;border-radius:6px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:background .3s;box-shadow:0 4px 6px #d354004d}.btn-confirmar-resumo:hover{background:#a84300}.tela-fundo{box-sizing:border-box;background:linear-gradient(135deg,#2b4522 0%,#4a3b2c 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.cartao-setup{color:#fff;box-sizing:border-box;text-align:center;background-color:#2b4522;border-radius:12px;width:100%;max-width:500px;padding:30px;box-shadow:0 10px 30px #0009}.cartao-setup h2{color:#e8f5e9;margin-top:0;margin-bottom:5px;font-size:28px}.cartao-setup p{color:#c8e6c9;margin-bottom:25px}.formulario-linha{justify-content:center;align-items:stretch;gap:10px;margin-bottom:25px;display:flex}.input-container{flex:1;position:relative}.input-nome{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:16px;transition:border-color .3s}.input-nome:focus{border-color:#4a7c59}.lista-sugestoes{z-index:10;background-color:#fff;border:1px solid #ccc;border-radius:6px;max-height:180px;margin:4px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #00000026}.item-sugestao{cursor:pointer;text-align:left;color:#333;border-bottom:1px solid #eee;padding:10px 12px;transition:background-color .2s}.item-sugestao:last-child{border-bottom:none}.btn-adicionar{color:#fff;cursor:pointer;background-color:#4a7c59;border:none;border-radius:6px;padding:0 20px;font-size:16px;font-weight:700;transition:background-color .3s,opacity .3s}.btn-adicionar:hover:not(:disabled){background-color:#386044}.btn-adicionar:disabled{cursor:not-allowed;background-color:#ccc}.btn-confirmar{color:#fff;border:none;border-radius:8px;width:100%;margin-top:25px;padding:14px 24px;font-size:16px;font-weight:700;transition:all .3s}.btn-confirmar.ativo{cursor:pointer;background-color:#d35400;box-shadow:0 4px 6px #d354004d}.btn-confirmar.ativo:hover{background-color:#a84300}.btn-confirmar.inativo{cursor:not-allowed;background-color:#ccc}.painel-totais{background-color:#1b2e15;border-radius:6px;margin:20px 0 10px;padding:12px}.painel-totais h4{color:#fff;margin:0}.lista-jogadores{margin:0;padding:0;list-style:none}.item-jogador{color:#fff;border-bottom:1px solid #4a7c59;justify-content:space-between;align-items:center;padding:12px 10px;font-size:16px;display:flex}.btn-remover{color:#ff8a80;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-weight:700;transition:background-color .2s}.btn-remover:hover{background-color:#ff8a8026}.btn-voltar{color:#fff;cursor:pointer;background-color:#4a7c59;border:none;border-radius:6px;margin-bottom:20px;margin-left:0;margin-right:auto;padding:8px 16px;font-size:14px;font-weight:700;transition:background-color .3s;display:block}.btn-voltar:hover{background-color:#386044}.info-mesa{background-color:#1b2e15;border-left:4px solid #4a7c59;border-radius:6px;margin-bottom:20px;padding:15px}.info-mesa p{color:#c8e6c9;margin:0;font-size:14px}.faccoes-container{color:#fff;box-sizing:border-box;background-color:#2b4522;border-radius:12px;width:100%;min-width:0;max-width:900px;margin:50px auto;padding:30px;box-shadow:0 10px 30px #0009}.faccoes-container h1{text-align:center;color:#e8f5e9;margin-top:0;margin-bottom:30px;font-size:2.5rem}.faccoes-container h2{color:#e8f5e9;margin:30px 0 15px;font-size:1.4rem}.botao-voltar{color:#c8e6c9;cursor:pointer;background:0 0;border:none;margin-bottom:15px;padding:0;font-size:1rem}.botao-voltar:hover{color:#f0a35e}.tabela-faccoes{border-radius:8px;overflow-x:auto;box-shadow:0 2px 8px #0000004d}.tabela-faccoes .numero{text-align:center;font-weight:500}.link-faccao{font:inherit;color:#2b4522;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.link-faccao:hover{color:#4a7c59}.cards-faccao{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;display:grid}@media (width<=600px){.faccoes-container{margin:20px auto;padding:15px}.faccoes-container h1{margin-bottom:20px;font-size:1.8rem}}.seletor-periodo{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:25px;display:flex}.seletor-periodo label{color:#c8e6c9;font-weight:600}.seletor-periodo select,.seletor-periodo input{border:1px solid #ccc;border-radius:5px;padding:8px 12px;font-size:1rem}.datas-periodo{flex-wrap:wrap;gap:10px;display:flex}.datas-periodo label{align-items:center;gap:6px;display:flex}.aviso-periodo{text-align:center;color:#f0a35e;flex-basis:100%;font-size:.95rem}.linha-seletor{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.periodo-escolhido{text-align:center;color:#e8f5e9;flex-basis:100%;margin:0;font-weight:600}.campo-seletor{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.campo-seletor .aviso-periodo{flex-basis:100%}.seletor-periodo select:disabled{opacity:.7;cursor:not-allowed}@media (width<=600px){.linha-seletor{flex-direction:column;align-items:stretch}.campo-seletor{justify-content:space-between}}.ranking-container{color:#fff;box-sizing:border-box;background-color:#2b4522;border-radius:12px;width:100%;min-width:0;max-width:900px;margin:50px auto;padding:30px;box-shadow:0 10px 30px #0009}.ranking-container h1{text-align:center;color:#e8f5e9;margin-top:0;margin-bottom:30px;font-size:2.5rem}.tabela-ranking{border-radius:8px;overflow-x:auto;box-shadow:0 2px 8px #0000004d}table{border-collapse:collapse;background-color:#fff;width:100%}thead{color:#fff;background-color:#4a7c59}th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:15px;font-size:.9rem;font-weight:600}tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}tbody tr:hover{background-color:#e8f5e9}td{color:#333;padding:12px 15px}.posicao{text-align:center;width:80px;font-size:1.2rem;font-weight:700}.nome{min-width:150px;font-weight:500}.pontos,.partidas,.vitorias{text-align:center;min-width:100px;font-weight:500}.seletor-tipo-ranking{justify-content:center;margin-bottom:25px;display:flex}.seletor-tipo-ranking button{color:#c8e6c9;cursor:pointer;background-color:#0000;border:2px solid #4a7c59;padding:10px 20px;font-size:1rem;font-weight:600}.seletor-tipo-ranking button:first-child{border-radius:5px 0 0 5px}.seletor-tipo-ranking button:last-child{border-radius:0 5px 5px 0}.seletor-tipo-ranking button.ativo{color:#fff;background-color:#4a7c59}.link-jogador{font:inherit;color:#2b4522;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.link-jogador:hover{color:#4a7c59}.link-jogador:focus-visible,.link-faccao:focus-visible{outline-offset:2px;outline:2px solid #f0a35e}@media (width<=600px){.ranking-container{margin:20px auto;padding:15px}.ranking-container h1{margin-bottom:20px;font-size:1.8rem}th,td{padding:8px 10px;font-size:.85rem}.nome{min-width:100px}.posicao{width:60px;font-size:1rem}}.dashboard-container{color:#fff;box-sizing:border-box;background-color:#2b4522;border-radius:12px;width:100%;max-width:900px;margin:50px auto;padding:30px;box-shadow:0 10px 30px #0009}.dashboard-container h1{text-align:center;color:#e8f5e9;margin-top:0;margin-bottom:30px;font-size:2.5rem}.erro-mensagem{color:#c62828;background-color:#ffebee;border-left:4px solid #c62828;border-radius:5px;margin-bottom:20px;padding:15px}.seletor-jogador{justify-content:center;align-items:center;gap:10px;margin-bottom:30px;display:flex}.seletor-jogador label{color:#c8e6c9;font-weight:600}.seletor-jogador select{border:1px solid #ccc;border-radius:5px;min-width:200px;padding:10px 15px;font-size:1rem}.cards-estatisticas{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card-estatistica{background-color:#1b2e15;border-left:4px solid #4a7c59;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:30px 15px;display:flex}.card-icone{margin-bottom:10px;font-size:2rem}.card-valor{color:#f0a35e;font-size:2.2rem;font-weight:700}.card-rotulo{color:#c8e6c9;text-align:center;margin-top:8px;font-size:.95rem}.faccoes-jogador{margin-top:30px}.faccoes-jogador h2{color:#e8f5e9;margin:0 0 15px;font-size:1.4rem}.resumo-vitorias{color:#f0a35e;margin:0 0 15px;font-weight:600}.faccao-vencedora td{background-color:#fff6e5}.mensagem-vazia{text-align:center;color:#c8e6c9;background-color:#1b2e15;border-radius:8px;padding:40px;font-size:1.1rem}@media (width<=600px){.dashboard-container{margin:20px auto;padding:15px}.dashboard-container h1{margin-bottom:20px;font-size:1.8rem}.cards-estatisticas{grid-template-columns:1fr}.seletor-jogador select{min-width:150px}}.cartao-partida{color:#fff;box-sizing:border-box;background-color:#2b4522;border-radius:12px;width:100%;max-width:600px;margin:50px auto;padding:30px;box-shadow:0 10px 30px #0009}.cartao-partida h2{text-align:center;color:#e8f5e9;margin-top:0;font-size:28px}.campo-data{color:#c8e6c9;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;font-weight:700;display:flex}.resultado-jogador{background-color:#1b2e15;border-left:4px solid #4a7c59;border-radius:6px;margin-bottom:15px;padding:15px 20px}.resultado-jogador h3{color:#c8e6c9;margin:0 0 12px}.linha-selects{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.linha-selects select{flex:1;min-width:0}.cartao-partida select,.cartao-partida input[type=number],.cartao-partida input[type=date]{color:#333;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:14px}.cartao-partida input[type=number]{width:70px;margin-left:6px}.cartao-partida select:focus,.cartao-partida input:focus{border-color:#4a7c59;outline:none;box-shadow:0 0 5px #4a7c5980}.linha-pontuacao{color:#c8e6c9;flex-wrap:wrap;align-items:center;gap:15px;font-weight:700;display:flex}.campo-vencedor{cursor:pointer;align-items:center;gap:6px;display:flex}.campo-vencedor input{accent-color:#d35400;width:18px;height:18px}.acoes-partida{gap:10px;margin-top:20px;display:flex}.btn-adicionar,.btn-salvar,.btn-remover{color:#fff;cursor:pointer;border:none;border-radius:6px;font-family:inherit;font-weight:700;transition:background .3s}.btn-adicionar,.btn-salvar{flex:1;padding:12px;font-size:15px}.btn-adicionar{background:#4a7c59}.btn-adicionar:hover{background:#386044}.btn-salvar{background:#d35400;box-shadow:0 4px 6px #d354004d}.btn-salvar:hover{background:#a84300}.btn-adicionar:active,.btn-salvar:active{transform:scale(.98)}.btn-remover{background:#c62828;margin-left:auto;padding:6px 12px;font-size:13px}.btn-remover:hover{background:#8e1c1c}.btn-adicionar:focus-visible,.btn-salvar:focus-visible,.btn-remover:focus-visible{outline-offset:2px;outline:2px solid #e8f5e9}.temporadas-container{color:#fff;box-sizing:border-box;background-color:#2b4522;border-radius:12px;width:100%;min-width:0;max-width:900px;margin:50px auto;padding:30px;box-shadow:0 10px 30px #0009}.temporadas-container h1{text-align:center;color:#e8f5e9;margin-top:0;margin-bottom:10px;font-size:2.5rem}.temporadas-container h2{color:#e8f5e9;margin:30px 0 15px;font-size:1.4rem}.explicacao-temporadas,.dica-temporada{color:#c8e6c9}.explicacao-temporadas{text-align:center;margin:0 0 10px}.formulario-temporada{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.formulario-temporada label{color:#c8e6c9;flex-direction:column;gap:4px;font-weight:600;display:flex}.formulario-temporada input[type=text],.formulario-temporada input[type=date]{border:1px solid #ccc;border-radius:5px;padding:8px 12px;font-size:1rem}.dica-temporada{flex-basis:100%;margin:0;font-size:.9rem}.formulario-temporada .opcao-encerrar{flex-direction:row;flex-basis:100%;align-items:center;gap:8px}.formulario-temporada .erro-mensagem{flex-basis:100%;margin-bottom:0}.temporadas-container button{color:#c8e6c9;cursor:pointer;background-color:#1b2e15;border:1px solid #4a7c59;border-radius:5px;padding:8px 14px;font-size:.95rem}.temporadas-container button:hover,.temporadas-container .botao-principal{color:#fff;background-color:#4a7c59}.temporadas-container button:focus-visible{outline-offset:2px;outline:2px solid #f0a35e}.temporadas-container button:disabled{opacity:.6;cursor:wait}.sucesso-temporada{background-color:#1b2e15;border-left:4px solid #f0a35e;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:15px;padding:12px 15px;display:flex}.lista-temporadas{margin:0;padding:0;list-style:none}.lista-temporadas li{background-color:#1b2e15;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:12px 15px;display:flex}.selo-andamento{color:#f0a35e;font-size:.9rem}.datas-temporada{color:#c8e6c9;font-size:.95rem}.acoes-temporada{flex-wrap:wrap;gap:8px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.temporadas-container{margin:20px auto;padding:15px}.temporadas-container h1{font-size:1.8rem}}