.canastra-page{background-color:var(--canastra-page-bg);color:var(--canastra-text);flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}.canastra-header{background:var(--canastra-header-bg);border-bottom:1px solid var(--canastra-header-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.canastra-back{color:var(--canastra-text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;font-size:1rem;transition:background-color .2s}.canastra-back:hover{background-color:#0000001a}.canastra-header-center{text-align:center;flex:1}.canastra-header-title{letter-spacing:.5px;font-size:1.25rem;font-weight:700}.canastra-header-tools{align-items:center;gap:1rem;display:flex}.canastra-config-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;font-size:1.5rem;transition:background-color .2s}.canastra-config-btn:hover{background-color:#0000001a}.canastra-main{flex:1;display:flex;overflow:hidden}.canastra-team{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.canastra-team-1{border-right:2px solid var(--canastra-divider)}.canastra-team-2{border-left:2px solid var(--canastra-divider)}.canastra-team-header{border-bottom:2px solid var(--canastra-divider);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.75rem;display:flex}.canastra-team-name{margin:0;font-size:1.25rem;font-weight:700}.canastra-team-total{background:linear-gradient(135deg, var(--canastra-button-primary), var(--canastra-button-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.canastra-historico{flex-direction:column;flex:1;gap:.5rem;padding-right:.25rem;display:flex;overflow-y:auto}.canastra-historico::-webkit-scrollbar{width:6px}.canastra-historico::-webkit-scrollbar-track{background:0 0}.canastra-historico::-webkit-scrollbar-thumb{background:var(--canastra-input-border);border-radius:3px}.canastra-historico::-webkit-scrollbar-thumb:hover{background:var(--canastra-button-primary)}.canastra-empty{text-align:center;color:var(--canastra-text-secondary);margin:auto;font-style:italic}.canastra-score-item{background-color:var(--canastra-input-bg);border:1px solid var(--canastra-input-border);border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;transition:all .2s;display:flex}.canastra-score-item:hover{border-color:var(--canastra-button-primary);background-color:#0000000d}.canastra-score-value{cursor:pointer;border-radius:4px;padding:.25rem .5rem;font-size:1.125rem;font-weight:600;transition:background-color .2s}.canastra-score-value:hover{background-color:#0000001a}.canastra-score-edit{flex:1}.canastra-score-edit input{border:2px solid var(--canastra-button-primary);background-color:var(--canastra-input-bg);width:100%;color:var(--canastra-text);border-radius:4px;padding:.5rem;font-size:1rem}.canastra-score-edit input:focus{border-color:var(--canastra-button-hover);outline:none}.canastra-delete-btn{background:var(--canastra-danger-bg);border:1px solid var(--canastra-danger-border);color:var(--canastra-danger-border);cursor:pointer;border-radius:4px;min-width:28px;padding:.25rem .5rem;font-size:.875rem;transition:all .2s}.canastra-delete-btn:hover{background-color:var(--canastra-danger-border);color:#fff}.canastra-input-section{border-top:2px solid var(--canastra-divider);gap:.5rem;padding-top:.75rem;display:flex}.canastra-input{border:1px solid var(--canastra-input-border);background-color:var(--canastra-input-bg);color:var(--canastra-text);border-radius:6px;flex:1;padding:.75rem;font-size:1rem;transition:border-color .2s}.canastra-input:focus{border-color:var(--canastra-button-primary);outline:none}.canastra-input::placeholder{color:var(--canastra-text-secondary)}.canastra-add-btn{background-color:var(--canastra-button-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.75rem 1rem;font-weight:600;transition:background-color .2s}.canastra-add-btn:hover{background-color:var(--canastra-button-hover)}.canastra-add-btn:active{transform:scale(.98)}.canastra-divider{display:none}.canastra-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.canastra-modal{background-color:var(--canastra-page-bg);border:1px solid var(--canastra-input-border);border-radius:12px;width:400px;max-width:90%;padding:2rem;animation:.3s ease-out slideIn;box-shadow:0 10px 40px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.canastra-modal-title{text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.canastra-config-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.canastra-config-group label{color:var(--canastra-text-secondary);font-size:.875rem;font-weight:600}.canastra-config-group input{border:1px solid var(--canastra-input-border);background-color:var(--canastra-input-bg);color:var(--canastra-text);border-radius:6px;padding:.75rem;font-size:1rem}.canastra-config-group input:focus{border-color:var(--canastra-button-primary);outline:none}.canastra-modal-actions{justify-content:flex-end;gap:1rem;display:flex}.canastra-btn-primary,.canastra-btn-secondary{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.canastra-btn-primary{background-color:var(--canastra-button-primary);color:#fff}.canastra-btn-primary:hover{background-color:var(--canastra-button-hover)}.canastra-btn-secondary{color:var(--canastra-text);border:1px solid var(--canastra-input-border);background-color:#0000}.canastra-btn-secondary:hover{background-color:var(--canastra-input-bg);border-color:var(--canastra-button-primary)}.canastra-modal-finish{text-align:center}.canastra-finish-winner{margin:2rem 0}.canastra-finish-label{color:var(--canastra-text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.875rem}.canastra-finish-name{background:linear-gradient(135deg, var(--canastra-button-primary), var(--canastra-button-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.5rem 0 0;font-size:2rem;font-weight:700}.canastra-finish-scores{justify-content:center;gap:2rem;margin:2rem 0;display:flex}.canastra-finish-score{flex-direction:column;gap:.5rem;display:flex}.canastra-finish-team{color:var(--canastra-text-secondary);text-transform:uppercase;font-size:.875rem}.canastra-finish-points{font-size:2.5rem;font-weight:700}@media (width<=900px){.canastra-team-1{border-right:none}.canastra-team-2{border-left:none}.canastra-main{flex-direction:column}.canastra-team{border-bottom:2px solid var(--canastra-divider)}.canastra-team-name{font-size:1.125rem}.canastra-team-total{font-size:1.75rem}.canastra-header{padding:.75rem 1rem}.canastra-header-title{font-size:1.125rem}.canastra-modal{width:85%;max-width:500px}}@media (width<=600px){.canastra-page{height:100vh}.canastra-header{gap:.5rem;padding:.5rem}.canastra-back{font-size:.875rem}.canastra-header-title{font-size:1rem}.canastra-team{gap:.75rem;padding:1rem}.canastra-team-header{margin-bottom:.25rem}.canastra-team-name{font-size:1rem}.canastra-team-total{font-size:1.5rem}.canastra-input-section{flex-direction:column}.canastra-add-btn{width:100%}.canastra-modal{width:90%;max-width:100%;padding:1.5rem}.canastra-modal-title{margin-bottom:1rem;font-size:1.25rem}.canastra-modal-actions{flex-direction:column}.canastra-btn-primary,.canastra-btn-secondary{width:100%}.canastra-finish-scores{gap:1rem}.canastra-finish-name{font-size:1.5rem}.canastra-finish-points{font-size:2rem}}