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}.App{background-color:#f4f4f4;font-family:Arial,sans-serif;padding:20px;text-align:center}.logo{box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin-bottom:5px;margin-left:auto;margin-right:auto;max-width:30vw;padding:10px;width:300px}.desktop-message{color:#666;font-size:.8em;margin:0 0 20px;text-align:center}.tabs{display:flex;justify-content:center;margin:20px 0}.tab-button{background-color:#f4f4f4;border:1px solid #ccc;cursor:pointer;font-size:1em;padding:10px 20px}.tab-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.tab-button:hover{background-color:#e6f3ff}.bracket-container{display:flex;flex-direction:column;margin:10px auto 20px;max-width:1200px}.bracket-buttons,.seed-list-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.fill-random-button,.remove-all-button,.undo-remove-all-button{border:none;border-radius:4px;cursor:pointer;font-size:.9em;padding:8px;width:100px}.remove-all-button{background-color:#f44;color:#fff}.remove-all-button:hover{background-color:#c00}.undo-remove-all-button{background-color:#28a745;color:#fff}.undo-remove-all-button:hover{background-color:#218838}.fill-random-button{background-color:#007bff;color:#fff}.fill-random-button:hover{background-color:#0056b3}.play-in-config-row{align-items:flex-start;display:flex;gap:20px;justify-content:center;margin-bottom:20px;width:100%}.play-in-container{flex:1 1;max-width:300px;min-width:220px}.config-container,.play-in-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:10px;text-align:center}.config-container{max-width:500px}.regions-row{display:flex;flex-wrap:nowrap;justify-content:space-between;transition:all .3s ease;width:100%}.region-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;margin:0 5px;max-width:300px;min-width:220px;padding:10px;text-align:left;transition:transform .3s ease,opacity .3s ease}.region-container.dragging{opacity:.5;transform:scale(.95)}.region-container.drag-over{background-color:#e6f3ff;border:2px dashed #007bff}.config-container h2,.play-in-container h2,.region-container h2,.seed-list-container h2{color:#333;font-size:1.5em;margin-bottom:10px;text-align:center;text-transform:uppercase}.bracket{position:relative}.matchup-pair{margin-bottom:20px}.matchup{align-items:center;background-color:#fff;border:1px solid #666;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;display:flex;font-size:1em;font-weight:600;justify-content:space-between;margin:2px 0;overflow-wrap:break-word;padding:8px;transition:background-color .3s ease,opacity .3s ease;width:100%}.matchup:hover:not(.filled){background-color:#e6f3ff}.matchup.filled{animation:fadeIn .3s ease-in;background-color:#b0d8b0;cursor:default}.matchup:not(.filled){animation:fadeOut .3s ease-out}.matchup button.remove-button{background-color:#f44;border:none;border-radius:3px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.8em;padding:4px 8px}.matchup button.remove-button:hover{background-color:#c00}.matchup button.swap-button{background-color:#f90;border:none;border-radius:3px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.8em;padding:4px 8px}.matchup button.swap-button:hover{background-color:#cc7a00}.matchup button.swap-button.swap-active{background-color:#007bff}.matchup button.swap-button.swap-active:hover{background-color:#0056b3}.team-selector{align-items:center;display:flex;gap:10px;justify-content:center;margin:20px 0}.team-search-container{position:relative}.team-dropdown,.team-search-input{border:1px solid #ccc;border-radius:4px;font-size:.9em;padding:8px;width:200px}.team-suggestions{background-color:#fff;border:1px solid #ccc;border-radius:4px;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:100%;width:200px;z-index:1000}.team-suggestion-item{cursor:pointer;padding:8px;transition:background-color .2s}.team-suggestion-item:hover{background-color:#e6f3ff}.team-suggestion-item.no-results{color:#999;cursor:default;padding:8px}.auth-container{display:flex;gap:10px;justify-content:center;margin:20px 0}.auth-controls,.user-controls{align-items:center;display:flex;gap:10px}.user-controls{justify-content:center;margin:20px 0}.title-input{border:1px solid #ccc;border-radius:4px;font-size:.9em;padding:8px;width:150px}.auth-button,.clear-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:8px}.auth-button:hover,.clear-button:hover{background-color:#0056b3}.google-button{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:.9em;gap:8px;justify-content:center;padding:8px}.google-button:hover{background-color:#f1f1f1}.sign-in-message{color:#333;font-size:.9em;margin-bottom:10px;text-align:center}.config-row{align-items:center;display:flex;gap:10px;justify-content:center;margin:10px 0}.config-row select{border-radius:4px;font-size:.9em;padding:8px;width:100px}.config-region-text{color:#333;font-size:.9em;padding:8px;text-align:center;width:100px}.seed-list-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px auto 20px;max-width:1200px;padding:8px}.seed-list-grid{display:flex;flex-direction:column;gap:4px}.seed-list-row{align-items:center;display:flex;gap:4px}.seed-list-row-number{color:#333;flex-shrink:0;font-size:.85em;font-weight:700;padding-right:4px;text-align:right;width:60px}.seed-slot{align-items:center;background-color:#fff;border:1px solid #666;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;display:flex;flex:1 1;font-size:.85em;font-weight:600;justify-content:space-between;margin:2px 0;max-width:200px;min-height:30px;overflow-wrap:break-word;padding:5px 8px;transition:background-color .3s ease,opacity .3s ease}.seed-slot.filled{animation:fadeIn .3s ease-in;background-color:#b0d8b0;cursor:move}.seed-slot:not(.filled){animation:fadeOut .3s ease-out}.seed-slot.drag-over,.seed-slot:hover:not(.filled){background-color:#e6f3ff}.seed-slot.drag-over{border:2px dashed #007bff}.seed-slot.swap-selected{background-color:#d1e7ff;border:2px solid #007bff}.seed-slot[draggable=true]{opacity:.8}.seed-slot-buttons{align-items:center;display:flex;flex-shrink:0;gap:3px}.seed-slot button.remove-button{background-color:#f44;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.75em;padding:2px 5px}.seed-slot button.remove-button:hover{background-color:#c00}.seed-slot button.swap-button{background-color:#f90;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.75em;padding:2px 5px}.seed-slot button.swap-button:hover{background-color:#cc7a00}.seed-slot button.swap-button.swap-active{background-color:#007bff}.seed-slot button.swap-button.swap-active:hover{background-color:#0056b3}.seed-list-instructions{color:#666;font-size:.8em;margin:-10px 0 10px;text-align:center}.region-order-instructions{color:#666;font-size:.8em;margin:0 0 10px;text-align:center}.error-message{color:#f44;font-size:.9em;margin:10px 0;text-align:center}.export-header{color:#003087;font-size:1.8em;font-weight:700;margin-bottom:20px;text-align:center}.export-logo{box-shadow:0 4px 8px #0000001a;height:auto;margin-right:30px;max-width:60vw;padding:10px;width:600px}.export-play-in-wrapper{align-items:center;display:flex;gap:30px}.export-play-in-wrapper .play-in-container{margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.no-animations .matchup,.no-animations .seed-slot{animation:none!important;opacity:1!important;transition:none!important}.export-mode .matchup{color:#000;font-size:1.2em;font-weight:700}.force-desktop .play-in-config-row{align-items:flex-start!important;flex-direction:row!important}.force-desktop .regions-row{flex-direction:row!important;justify-content:space-between!important}.force-desktop .region-container{margin:0 5px!important;max-width:300px!important;width:auto!important}.force-desktop .export-logo{margin-right:30px!important;max-width:60vw!important;width:600px!important}.force-desktop .export-play-in-wrapper{align-items:center!important;flex-direction:row!important;gap:30px!important}.force-desktop .export-play-in-wrapper .play-in-container{margin-top:20px!important}.force-desktop .auth-container,.force-desktop .auth-controls,.force-desktop .team-selector,.force-desktop .user-controls{flex-direction:row!important;gap:10px!important}.force-desktop .google-button,.force-desktop .team-dropdown,.force-desktop .team-search-input{width:200px!important}@media (max-width:768px){.logo{max-width:50vw;width:200px}.desktop-message{font-size:.7em;margin-bottom:15px}.play-in-config-row,.tabs{flex-direction:column}.play-in-config-row{align-items:center}.config-container,.play-in-container{max-width:300px;width:100%}.config-container{max-width:500px}.regions-row{align-items:center;flex-direction:column}.region-container{margin:10px 0;max-width:300px;width:100%}.matchup{width:100%}.team-selector{flex-direction:column;gap:5px}.team-dropdown,.team-search-input,.team-suggestions{max-width:300px;width:100%}.auth-container,.auth-controls,.user-controls{flex-direction:column;gap:5px}.google-button{max-width:300px;width:100%}.title-input{max-width:200px;width:100%}.seed-list-container{max-width:300px;width:100%}.seed-list-grid,.seed-list-row{flex-direction:column}.seed-list-row{align-items:flex-start}.seed-list-row-number{font-size:.8em;padding:4px 0;text-align:left;width:100%}.seed-slot{font-size:.8em;max-width:none;min-height:40px;padding:4px 8px;width:100%}.seed-slot-buttons{flex-direction:row;gap:3px;justify-content:flex-end}.seed-slot button.remove-button,.seed-slot button.swap-button{font-size:.7em;padding:2px 4px;width:auto}.fill-random-button,.remove-all-button,.undo-remove-all-button{max-width:200px;width:100%}.export-logo{margin-right:20px;max-width:80vw;width:400px}.export-play-in-wrapper{align-items:center;flex-direction:column;gap:20px}.export-play-in-wrapper .play-in-container{margin-top:10px}.export-header{font-size:1.5em}.config-region-text{font-size:.8em;max-width:100px;width:100%}.region-order-instructions,.seed-list-instructions{font-size:.7em}}@media (min-width:769px){.seed-list-row{display:flex;flex-wrap:nowrap;gap:4px}.seed-slot{flex:1 1;max-width:none;min-width:150px}}.extra-slot{background-color:#f0f0f0;border-color:#ccc;cursor:default!important}.extra-slot:hover{background-color:#f0f0f0!important}@media print{.auth-container,.config-container,.desktop-message,.error-message,.fill-random-button,.logo,.matchup button,.region-order-instructions,.remove-all-button,.seed-list-container,.swap-button,.tabs,.team-selector,.undo-remove-all-button{display:none!important}.matchup{color:#000;font-size:1.2em;font-weight:700}}
/*# sourceMappingURL=main.9561c43f.css.map*/