body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.AppLayout{height:100vh;width:100vw}.AppLayout,.Sidebar{display:flex;overflow:hidden}.Sidebar{background-color:#f5f5f5;border-right:1px solid #ccc;flex-direction:column;width:250px}.FilterInput,.Sidebar{box-sizing:border-box;padding:8px}.FilterInput{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:8px;width:100%}.HeroList{-ms-overflow-style:none;align-content:flex-start;display:flex;flex-grow:1;flex-wrap:wrap;gap:8px;justify-content:flex-start;overflow-y:auto;scrollbar-width:none}.HeroList::-webkit-scrollbar{display:none}.MainContent{box-sizing:border-box;flex-grow:1;height:100%;overflow-x:hidden;overflow-y:auto;padding:16px;position:relative;width:100%}.DualSelectScrollable{-ms-overflow-style:none;max-height:100%;max-width:100%;overflow:auto;scrollbar-width:none}.DualSelectScrollable::-webkit-scrollbar{display:none}.hero-cell{align-items:center;aspect-ratio:16/9;background-color:#f0f0f0;border:2px solid #0000;border-radius:4px;box-sizing:border-box;cursor:grab;display:inline-flex;justify-content:center;padding:2px;position:relative;transition:border-color .2s ease-in-out;width:calc(50% - 4px)}.hero-cell:hover{border-color:#007bff}.hero-cell:active{border-color:#0056b3;cursor:grabbing}.hero-cell img{aspect-ratio:16/9;border-radius:2px;display:block;max-height:100%;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%}.hero-cell-error{background-color:#f9f9f9;border:1px dashed #ccc;border-radius:4px;color:#888;cursor:not-allowed;font-size:24px;font-weight:700;justify-content:center;width:54px}.hero-cell-error,.hero-cell-small{align-items:center;box-sizing:border-box;display:inline-flex;height:54px}.hero-cell-small{background-color:#f0f0f0;border:2px solid #0000;border-radius:4px;cursor:grab;justify-content:flex-start;padding:2px;position:relative;transition:border-color .2s ease-in-out;width:auto}.hero-cell-small:hover{border-color:#007bff}.hero-cell-small:active{border-color:#0056b3;cursor:grabbing}.hero-cell-small img{border-radius:2px;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%}.hero-cell-small .remove-hero-button{background-color:#c80000cc;border:1px solid #fff;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:22px;line-height:20px;opacity:0;padding:0;position:absolute;right:-8px;text-align:center;top:-8px;transition:opacity .2s ease-in-out,background-color .2s ease-in-out;width:22px;z-index:10}.hero-cell-small:hover .remove-hero-button{opacity:1}.hero-cell-small .remove-hero-button:hover{background-color:red}.hero-cell-small-error{align-items:center;background-color:#f9f9f9;border:1px dashed #ccc;border-radius:4px;box-sizing:border-box;color:#888;cursor:not-allowed;display:inline-flex;font-size:20px;font-weight:700;height:54px;justify-content:center;width:96px}.team-cell-container{background-color:#78909c;border:1px solid #b0bec5;border-radius:6px;flex-direction:row;flex-wrap:nowrap;gap:6px;justify-content:flex-start;margin-left:auto;margin-right:auto;min-height:62px;padding:6px;width:fit-content}.team-cell-container,.team-slot{align-items:center;box-sizing:border-box;display:flex}.team-slot{border:2px dashed #90a4ae;border-radius:4px;flex-shrink:0;height:54px;justify-content:center;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;width:96px}.team-slot.empty{background-color:#f5f5f5}.team-slot.empty.drag-over{background-color:#e0e0e0;border-color:#007bff}.team-slot.filled{border-color:#0000;border-style:solid;padding:0}.empty-slot-placeholder{color:#78909c;font-size:12px;font-weight:500;height:100%;justify-content:center;line-height:1.3;padding:4px;text-align:center;-webkit-user-select:none;user-select:none;white-space:normal}.comfort-zone-container,.empty-slot-placeholder{align-items:center;box-sizing:border-box;display:flex;width:100%}.comfort-zone-container{-ms-overflow-style:none;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:6px;flex-direction:row;gap:6px;max-height:70px;max-width:100%;min-height:70px;overflow-x:auto;overflow-y:hidden;padding:8px;scrollbar-width:none;white-space:nowrap}.comfort-zone-container::-webkit-scrollbar{display:none;height:0;width:0}.comfort-zone-container.drag-over{background-color:#e9ecef;border-color:#007bff}.comfort-zone-container.empty-zone{border-style:dashed;justify-content:center}.empty-zone-placeholder{color:#6c757d;font-size:.9em;padding:10px;text-align:center;-webkit-user-select:none;user-select:none;white-space:normal}.comfort-zone-container .hero-cell-small{flex-shrink:0}.rdt_TableCell .hero-cell-small{flex-shrink:0;height:40px!important;margin:auto!important;width:72px!important}.rdt_TableCell .hero-cell-small img{height:100%!important;object-fit:contain!important;width:100%!important}.bracket-selector-container{align-items:center;background-color:#37474f;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.bracket-label{color:#eceff1;font-size:16px;font-weight:600;white-space:nowrap}.bracket-select{background-color:#263238;border:2px solid #546e7a;border-radius:6px;color:#eceff1;cursor:pointer;font-size:16px;font-weight:500;min-width:150px;padding:10px 16px;transition:border-color .2s ease,background-color .2s ease}.bracket-select:hover{background-color:#2e3d44;border-color:#78909c}.bracket-select:focus{border-color:#42a5f5;box-shadow:0 0 0 3px #42a5f54d;outline:none}.bracket-select option{background-color:#263238;color:#eceff1;padding:8px}.pick-rate-filter-container{align-items:center;display:flex;gap:20px}.pick-rate-filter-item{align-items:center;display:flex;gap:8px}.filter-label{color:#b0bec5;white-space:nowrap}.filter-label,.filter-select{font-size:13px;font-weight:500}.filter-select{background-color:#37474f;border:1px solid #546e7a;border-radius:6px;color:#eceff1;cursor:pointer;min-width:70px;padding:6px 12px;transition:all .2s ease}.filter-select:hover{background-color:#455a64;border-color:#607d8b}.filter-select:focus{border-color:#42a5f5;box-shadow:0 0 0 2px #42a5f533;outline:none}.filter-select option{background-color:#37474f;color:#eceff1}.position-team-cell-container{background-color:#37474f;border:1px solid #546e7a;border-radius:8px;display:flex;flex-direction:row;gap:8px;padding:12px}.position-column{align-items:center;background-color:#455a64;border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:100px;padding:6px 8px;transition:background-color .2s ease,border-color .2s ease}.position-column.empty{border:2px dashed #78909c}.position-column.filled{border:2px solid #607d8b}.position-column.drag-over{background-color:#546e7a;border-color:#42a5f5}.position-label{color:#b0bec5;font-size:13px;font-weight:600;min-width:42px;text-align:center;-webkit-user-select:none;user-select:none}.position-hero-area{align-items:center;display:flex;justify-content:center;width:100%}.empty-position-placeholder{color:#90a4ae;font-size:12px;font-weight:500;padding:8px 16px;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.position-team-cell-container.ally{border-color:#4caf50}.position-team-cell-container.ally .position-label{color:#81c784}.position-team-cell-container.enemy{border-color:#f44336}.position-team-cell-container.enemy .position-label{color:#e57373}.stratz-analysis{background-color:#263238;color:#eceff1;min-height:100%;padding:20px}.stratz-analysis.error,.stratz-analysis.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{color:#90a4ae;font-size:18px}.error-message{color:#ef5350;text-align:center}.error-message h2{margin-bottom:12px}.error-message p{color:#90a4ae;margin:8px 0}.analysis-header{align-items:flex-start;display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin-bottom:24px}.header-left{display:flex;flex-direction:column;gap:16px}.header-right{align-items:center;display:flex;padding-top:8px}.analysis-header h1{color:#eceff1;font-size:28px;font-weight:700;margin:0}.analysis-content{display:flex;flex-direction:column;gap:16px}.teams-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px}.team-section{background-color:#37474f;border-radius:12px;flex:1 1;min-width:350px;padding:16px}.team-section.ally{border-left:4px solid #4caf50}.team-section.enemy{border-left:4px solid #f44336}.team-title-container{align-items:center;border-bottom:1px solid #455a64;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.team-section.enemy .team-title-container{flex-direction:row-reverse}.team-title{font-size:20px;font-weight:600;margin:0}.team-section.ally .team-title{color:#81c784}.team-section.enemy .team-title{color:#e57373}.team-total-display{align-items:center;display:flex;font-family:Roboto Mono,monospace;gap:8px}.team-total-value{font-size:24px;font-weight:700}.team-total-value.positive{color:#81c784}.team-total-value.negative{color:#e57373}.team-total-value.neutral{color:#90a4ae}.team-differential{background-color:#81c78426;border-radius:4px;font-size:16px;font-weight:600;padding:2px 6px}.team-differential.positive{color:#81c784}.team-content{display:flex;flex-direction:column;gap:16px}.position-recommendations-container{display:flex;flex-direction:row;gap:8px;margin:12px 0}.position-recommendation-column{background-color:#2c393f;border:1px solid #455a64;border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto;padding:6px}.position-filter-input{background-color:#37474f;border:1px solid #546e7a;border-radius:4px;box-sizing:border-box;color:#eceff1;font-size:11px;margin-bottom:4px;outline:none;padding:4px 6px;width:100%}.position-filter-input:focus{background-color:#455a64;border-color:#81c784}.position-filter-input::placeholder{color:#78909c;font-style:italic}.position-recommendation-column::-webkit-scrollbar{width:6px}.position-recommendation-column::-webkit-scrollbar-track{background:#37474f;border-radius:3px}.position-recommendation-column::-webkit-scrollbar-thumb{background:#546e7a;border-radius:3px}.position-recommendation-column::-webkit-scrollbar-thumb:hover{background:#607d8b}.recommendation-item{align-items:center;background-color:#37474f;border-radius:4px;cursor:grab;display:flex;justify-content:space-between;min-height:24px;padding:4px 6px;transition:background-color .2s ease}.recommendation-item:hover{background-color:#455a64}.recommendation-item:active{cursor:grabbing}.recommendation-hero-img{border-radius:2px;height:18px;object-fit:cover;width:32px}.recommendation-value{font-family:Roboto Mono,monospace;font-size:12px;font-weight:600;margin-left:6px}.recommendation-value.positive{color:#81c784}.recommendation-value.negative{color:#e57373}.recommendation-value.neutral{color:#90a4ae}.recommendation-item.below-threshold .recommendation-hero-img{filter:grayscale(100%) brightness(.6);opacity:.5}.no-recommendations{color:#78909c;font-size:11px;font-style:italic;padding:8px 4px;text-align:center}.team-metrics{display:flex;flex-direction:column;gap:6px}.metric-row{grid-gap:6px;align-items:center;background-color:#455a64;border-radius:6px;display:grid;gap:6px;grid-template-columns:60px repeat(5,1fr) 80px;padding:8px}.metric-row:last-child{background-color:#546e7a;border-top:2px solid #607d8b;font-weight:600;margin-top:4px}.metric-label-cell{color:#78909c;font-size:12px;font-weight:600;padding:4px;text-align:center;text-transform:uppercase}.metric-value-cell{font-family:Roboto Mono,monospace;font-size:14px;font-weight:500;padding:4px;text-align:center}.metric-value-cell.team-total{border-left:2px solid #607d8b;font-size:15px;font-weight:700}.metric-value-cell.positive{color:#81c784}.metric-value-cell.negative{color:#e57373}.metric-value-cell.neutral{color:#90a4ae}@media (max-width:900px){.teams-container{flex-direction:column}.team-section{min-width:100%}.team-content{flex-direction:column}.team-metrics{width:100%}}.metric-value-cell{transition:color .2s ease}.metric-row:hover{background-color:#546e7a}.metric-row:last-child:hover{background-color:#607d8b}
/*# sourceMappingURL=main.b3a61aa4.css.map*/