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{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;margin:10px auto 20px;max-width:1200px;padding:30px}.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:#6c757d;color:#fff}.remove-all-button:hover{background-color:#5a6268}.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;flex-wrap:wrap;gap:30px;justify-content:center;margin:30px 0;width:100%}.play-in-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;max-width:320px;min-width:280px;padding:15px;text-align:center}.play-in-container h2{color:#333;font-size:1.4em;margin:0 0 15px}.config-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;max-width:400px;min-width:300px;padding:15px;text-align:center}.config-container h2{color:#333;font-size:1.4em;margin:0 0 15px}.config-row{align-items:center;display:flex;font-size:1em;gap:12px;justify-content:center;margin:12px 0}.config-row span{color:#333;font-weight:600}.config-row select{border:1px solid #ccc;border-radius:4px;font-size:1em;padding:6px;width:80px}.config-region-text{color:#007bff;font-weight:700}.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}.region-container h2{color:#333;font-size:1.5em;margin-bottom:10px;text-align:center;text-transform:uppercase}.bracket,.matchup-pair{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;width:100%}.matchup:hover:not(.filled){background-color:#e6f3ff}.matchup.filled{background-color:#b0d8b0;cursor:default}.seed-slot-buttons{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:8px}.seed-slot-buttons button{background-color:#f8f9fa;border:1px solid #aaa;border-radius:3px;color:#212529;cursor:pointer;font-size:.75em;font-weight:700;min-width:46px;padding:3px 6px;white-space:nowrap}.seed-slot-buttons button:hover{background-color:#e2e6ea}.seed-slot-buttons button.swap-button.swap-active{background-color:#007bff;border-color:#007bff;color:#fff}.seed-slot-buttons button.swap-button.swap-active:hover{background-color:#0056b3}.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:1em;font-weight:600;justify-content:space-between;margin:2px 0;max-width:200px;min-height:30px;overflow:hidden;padding:6px 8px;transition:background-color .3s ease}.seed-slot.filled{background-color:#b0d8b0;cursor:default}.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-list-row:nth-child(n+10) .seed-slot{font-size:.88em!important;padding:5px 8px!important}.seed-list-row:nth-child(n+10) .seed-slot-buttons button{font-size:.7em!important;min-width:42px!important;padding:2px 5px!important}.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}@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}@media (max-width:768px){.logo{max-width:50vw;width:200px}.tabs{flex-direction:column}.play-in-config-row{gap:20px}.play-in-config-row,.regions-row{align-items:center;flex-direction:column}.region-container{margin:10px 0;max-width:250px;width:100%}.matchup{width:100%}.team-selector{flex-direction:column;gap:5px}.team-dropdown,.team-search-input,.team-suggestions{max-width:250px;width:100%}.auth-container,.auth-controls,.user-controls{flex-direction:column;gap:5px}.google-button{max-width:250px;width:100%}.title-input{max-width:200px;width:100%}.seed-list-container{max-width:250px;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:24px;padding:4px 6px;width:100%}.seed-slot-buttons{flex-direction:row;gap:3px;justify-content:flex-end}.seed-slot button{font-size:.7em;padding:2px 4px}.fill-random-button,.remove-all-button,.undo-remove-all-button{max-width:200px;width:100%}}@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}}@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}}
/*# sourceMappingURL=main.8bdf4907.css.map*/