.containerLogi{display:flex;justify-content:center;align-items:center;min-height:70vh;border:1px solid #ddd;border-radius:10px;box-shadow:0 0 10px #0000001a;text-align:center}.containerLogi .input-box{position:relative;height:20px;margin:10px auto;border-radius:5px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:Segoe UI,sans-serif;background-image:url(../floresta.jpeg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}.container{padding-top:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;padding-top:80px;position:relative;background-color:#fff6;max-width:600px;margin:auto;border-radius:10px;box-shadow:0 0 20px #0003}h1{font-size:2.5rem;color:#0f0f0f;margin-bottom:1rem}h2{font-size:1.8rem;color:#0f0f0f;margin-bottom:.5rem}p{margin-bottom:1.5rem;font-size:1rem;color:#0f0f0f}.form{display:flex;gap:10px;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}input{padding:.5rem;font-size:1rem;width:140px;border:1px solid #ccc;border-radius:5px}button{padding:.5rem 1rem;font-size:1rem;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .2s}button:hover{background-color:#2980b9}.mensagem{font-weight:700;margin:1rem 0;color:#0f0f0f}.historico{list-style:none;padding:0;text-align:left;max-height:200px;overflow-y:auto;width:100%}.historico li{background:#f9f9f9;padding:.5rem;margin-bottom:5px;border-radius:4px;font-size:.95rem}.grupos{list-style:none;padding:0;margin-top:1rem;text-align:left;max-height:200px;overflow-y:auto;border-top:1px solid #ddd;margin-top:2rem;padding-top:1rem;font-size:.95rem;color:#0f0f0f}.grupos li{padding:4px 0;border-bottom:1px solid #eee}.logo-canto{position:absolute;bottom:20px;left:83%;transform:translate(-50%);width:200px;height:200px;opacity:.9}.grupo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0;min-height:60px}.grupo-box{height:60px;background-color:#f2f2f2;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border-radius:10px;cursor:pointer;transition:.3s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box;color:#0f0f0f}.grupo-box.selecionado{background-color:#4caf50;color:#0c0b0b}.grupo-box.desabilitado{background-color:#dcdcdc;color:#888;opacity:.6;pointer-events:none;cursor:not-allowed}.grupo-box:hover{background-color:#e0e0e0}.grupo-box.selecionado{background-color:#007bff;color:#0e0b0b;border-color:#0056b3}.cercamento-container{margin-top:20px;width:100%;display:flex;flex-direction:column;align-items:center}.cercas-grid{display:grid;grid-template-columns:repeat(4,80px);gap:15px;justify-content:center;margin-top:15px}.numeros-grid{display:grid;grid-template-columns:repeat(8,40px);gap:10px;justify-content:center;margin-top:10px}.cerca-box,.numero-box{height:40px;background-color:#eee;border:2px solid #ccc;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;width:80px;box-sizing:border-box;font-size:14px;color:#0f0f0f}.numero-box{width:40px;font-size:13px}.cerca-box:hover,.numero-box:hover{background-color:#ddd}.numero-box.selecionado,.cerca-box.selecionado{background-color:#007bff;color:#fff;border-color:#0056b3}.topo-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.titulo-jogo{text-align:center;font-size:2.5rem;color:#0f0f0f;margin:0}.saldo-box{position:fixed;top:10px;right:540px;background-color:#ffffffd9;border:2px solid #ccc;border-radius:10px;padding:8px 23px;font-size:1rem;font-weight:700;color:#0f0f0f;box-shadow:0 2px 6px #0003;z-index:1000}.credito-box{position:fixed;top:60px;right:540px;background-color:#ffffffd9;border:2px solid #ccc;border-radius:10px;padding:8px 16px;font-size:1rem;font-weight:700;color:#0f0f0f;box-shadow:0 2px 6px #0003;z-index:1000}.titulo-fixo{font-size:2.5rem;font-weight:700;color:#0f0f0f;margin:-50px 0 0;padding:0;line-height:1.2}.cercamento-reservado{min-height:280px;transition:all .3s ease}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:10px;width:80%;max-width:400px;text-align:center}.quadro-resultados{position:fixed;left:16px;top:16px;width:220px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:12px;box-shadow:0 4px 14px #00000014;display:flex;flex-direction:column;gap:10px;z-index:10;max-height:85vh;overflow:auto}.qr-titulo{margin:0 0 4px;font-size:1.1rem;font-weight:700;text-align:left}.qr-status,.qr-erro{font-size:.9rem;color:#555}.qr-erro{color:#c62828}.qr-card{background:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;padding:8px}.qr-header{display:flex;justify-content:space-between;margin-bottom:6px;font-weight:600;font-size:.95rem}.qr-data{color:#333}.qr-hora{color:#555}.qr-lista{display:flex;flex-direction:column;gap:4px}.qr-item{display:flex;gap:8px;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.qr-pos{width:28px;text-align:right;color:#777}.qr-num{flex:1;color:#111}.qr-vazio{color:#888;font-size:.9rem}