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}.position-team-cell-container{background-color:#37474f;border:1px solid #546e7a;border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:140px;padding:12px}.position-slot{align-items:center;background-color:#455a64;border-radius:6px;display:flex;flex-direction:row;gap:10px;padding:6px 8px;transition:background-color .2s ease,border-color .2s ease}.position-slot.empty{border:2px dashed #78909c}.position-slot.filled{border:2px solid #607d8b}.position-slot.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;flex:1 1;justify-content:flex-start;min-height:54px}.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{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.analysis-header h1{color:#eceff1;font-size:28px;font-weight:700;margin:0}.analysis-content{display:flex;flex-direction:column;gap:16px}.metrics-header{align-items:center;display:flex;margin-bottom:8px;padding:0 12px}.team-header-spacer{flex-shrink:0;width:180px}.metrics-labels{display:flex;gap:8px;padding-left:20px}.metric-label{color:#78909c;cursor:help;font-size:12px;font-weight:600;text-align:center;text-transform:uppercase;width:50px}.metric-label.total{color:#b0bec5;width:60px}.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{border-bottom:1px solid #455a64;font-size:20px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.team-section.ally .team-title{color:#81c784}.team-section.enemy .team-title{color:#e57373}.team-content{align-items:flex-start;display:flex;flex-direction:row;gap:16px}.team-metrics{display:flex;flex:1 1;flex-direction:column;gap:8px}.position-metrics{height:66px}.metrics-row,.position-metrics{align-items:center;display:flex}.metrics-row{background-color:#455a64;border-radius:6px;gap:8px;min-width:200px;padding:8px 12px}.metrics-row.empty{opacity:.5}.metrics-row.total-row{background-color:#546e7a;border-top:2px solid #607d8b;font-weight:600;margin-top:8px}.metric-value{font-family:Roboto Mono,monospace;font-size:14px;font-weight:500;text-align:center;width:50px}.metric-value.total{border-left:1px solid #607d8b;font-weight:700;padding-left:8px;width:60px}.metric-value.positive{color:#81c784}.metric-value.negative{color:#e57373}.metric-value.neutral{color:#90a4ae}.team-total-row{border-top:2px dashed #546e7a;margin-top:8px;padding-top:8px}.team-total-row .metrics-row{background-color:#263238}@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{transition:color .2s ease}.metrics-row:hover{background-color:#546e7a}.metrics-row.total-row:hover{background-color:#607d8b}
/*# sourceMappingURL=main.c5d939da.css.map*/