.app{min-height:100vh;background:linear-gradient(135deg,var(--color-primary-start) 0%,var(--color-primary-end) 100%);padding:15px}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 40px #0000001a}h1{text-align:center;color:#2d3748;font-size:2.5rem;margin-bottom:40px;font-weight:700}.step{margin-bottom:40px;padding:15px;background:#f8fafc;border-radius:15px;border:2px solid #e2e8f0}.step h2{color:#4a5568;margin-bottom:20px;padding-left:2px;font-size:1.5rem;display:flex;align-items:center;gap:10px;cursor:pointer}.step.collapsed>*:not(.step-header){display:none}.step.collapsed{display:flex;align-items:center;padding:8px 15px;margin:0 0 20px;cursor:pointer;transition:background-color .2s ease}.step.collapsed:hover{background-color:#f7fafc}.step.collapsed h2{margin-bottom:0;cursor:pointer}.upload-area{border:3px dashed #cbd5e0;border-radius:15px;padding:40px;text-align:center;background:#fff;transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:var(--color-primary);background:#f7fafc}.upload-area.dragover{border-color:var(--color-primary);background:#ebf8ff}.upload-content h3{margin-bottom:10px;color:#2d3748}.upload-content p{color:#718096;margin-bottom:20px}.file-input{display:none}.upload-button{background:var(--color-primary);color:#fff;border:2px solid transparent;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .3s ease,border-color .3s ease}.upload-button:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.processing{margin-top:20px;padding:15px;background:#bee3f8;border-radius:8px;text-align:center;color:#2b6cb0}.progress-container{width:100%;height:8px;background:#cbd5e0;border-radius:4px;overflow:hidden;margin:10px 0}.progress-bar{height:100%;background:var(--color-primary);width:0%;transition:width .2s ease}.player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:20px}.player-item{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.player-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.player-item.absent{opacity:.6;background:#f7fafc}.player-toggle-section{display:flex;align-items:center;gap:12px;flex:1}.player-checkbox{width:18px;height:18px;cursor:pointer}.toggle-label{font-size:.85em;color:#718096;font-weight:500;-webkit-user-select:none;user-select:none}.player-name{flex:1;font-weight:500;color:#2d3748}.remove-button{background:#fc8181;color:#fff;border:none;padding:8px;border-radius:5px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.remove-button:hover{background:#f56565}.add-player-form{display:flex;gap:10px;margin-top:20px}.add-player-input{flex:1;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px}.add-player-input:focus{outline:none;border-color:var(--color-primary)}.add-button{background:var(--color-primary);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600}.add-button:hover{background:var(--color-primary-hover)}.add-players-options{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:start}.add-option{background:#fff;border-radius:15px;padding:25px;border:2px solid #e2e8f0}.add-option h3{margin-bottom:20px;text-align:center;color:#4a5568;font-size:1.2rem}.add-option-divider{display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:#718096;padding:20px 0}.manual-entry-container{display:flex;flex-direction:column;gap:25px}.manual-entry-section{background:#f8fafc;border-radius:10px;padding:20px;border:1px solid #e2e8f0}.manual-entry-section h3{margin-bottom:15px;color:#2d3748;font-size:1.1rem}.instruction-text{color:#718096;font-size:.9rem;margin-bottom:15px}.single-player-form{display:flex;gap:10px}.single-player-input{flex:1;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px}.single-player-input:focus{outline:none;border-color:var(--color-primary)}.add-single-button{background:var(--color-primary);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;white-space:nowrap}.add-single-button:hover{background:var(--color-primary-hover)}.bulk-add-form{display:flex;flex-direction:column;gap:15px}.bulk-input{width:100%;padding:15px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;min-height:120px}.bulk-input:focus{outline:none;border-color:var(--color-primary)}.add-bulk-button{background:var(--color-primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .3s ease}.add-bulk-button:hover{background:var(--color-primary-hover)}.court-settings{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.court-input-group{display:flex;align-items:center;gap:10px}.court-input{width:80px;padding:10px;border:2px solid #e2e8f0;border-radius:8px;text-align:center;font-size:16px}.court-input:focus{outline:none;border-color:var(--color-primary)}.generate-button{background:var(--color-primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .3s ease}.generate-button:hover{background:var(--color-primary-hover)}.generate-button:disabled{background:#cbd5e0;cursor:not-allowed}.courts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.court-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 12px #0000001a;border:2px solid #e2e8f0}.court-header{text-align:center;margin-bottom:15px;color:#2d3748;font-size:1.2rem;font-weight:600}.court-header h3{margin:0;color:#2d3748;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:8px}.manual-court-icon{font-size:.9rem;opacity:.8;animation:subtle-pulse 2s ease-in-out infinite}.teams{display:flex;justify-content:space-between;align-items:center;gap:15px}.team{flex:1;text-align:center}.team-label{font-weight:600;color:#4a5568;margin-bottom:8px;font-size:.9rem}.team-players{display:flex;flex-direction:column;gap:5px}.team-player{background:#edf2f7;padding:8px 12px;border-radius:8px;font-size:.9rem;color:#2d3748}.vs-divider{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.singles-match{text-align:center}.singles-players{display:flex;justify-content:center;align-items:center;gap:20px}.singles-player{background:#bee3f8;padding:12px 16px;border-radius:10px;font-weight:500;color:#2b6cb0}.bench-section{background:#fff5f5;border:2px solid #fed7d7;border-radius:15px;padding:20px}.bench-header{color:#c53030;margin-bottom:15px;font-size:1.1rem;font-weight:600;text-align:center}.bench-players{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.bench-player{background:#fed7d7;color:#c53030;padding:8px 16px;border-radius:8px;font-weight:500}.player-stats{text-align:center;margin-bottom:20px;padding:15px;background:#f0fff4;border-radius:10px;border:2px solid #9ae6b4}.stats-item{display:inline-block;margin:0 15px;color:#22543d;font-weight:600}.stats-number{font-size:1.5rem;color:#38a169}.winner-instructions{background-color:#e6fffa;border:1px solid #81e6d9;border-radius:8px;padding:12px 16px;margin-top:20px;margin-bottom:32px;color:#234e52;font-size:.9rem}.team-clickable{cursor:pointer;transition:background-color .2s ease,transform .1s ease;border-radius:8px;padding:8px;margin:2px}.team-clickable:hover{background-color:#f7fafc;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.team-winner{background-color:#fef5e7;border:2px solid #f6ad55;border-radius:8px;padding:8px;margin:2px}.crown{margin-left:5px;font-size:1.1em;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px #ffd700}to{text-shadow:0 0 10px #ffd700,0 0 15px #ffd700}}.singles-player-clickable{cursor:pointer;transition:background-color .2s ease,transform .1s ease;padding:8px 12px;border-radius:8px;margin:2px}.singles-player-clickable:hover{background-color:#f7fafc;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.singles-player-winner{background-color:#fef5e7;border:2px solid #f6ad55;font-weight:600;border-radius:8px;padding:8px 12px;margin:2px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:15px;min-width:400px;max-width:500px;width:90%;box-shadow:0 25px 50px #00000040;animation:modalAppear .2s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px 0}.modal-header h3{margin:0;color:#2d3748;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;color:#718096;transition:all .2s}.modal-close:hover{background:#f7fafc;color:#4a5568}.modal-body{padding:20px 25px}.modal-body p{margin:0;color:#4a5568;line-height:1.5}.modal-footer{display:flex;gap:10px;padding:0 25px 25px;justify-content:flex-end}.button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;min-width:80px}.button-primary{background:var(--color-primary);color:#fff}.button-primary:hover{background:var(--color-primary-hover)}.button-secondary{background:#e2e8f0;color:#4a5568}.button-secondary:hover{background:#cbd5e0}.button-danger{background:#f56565;color:#fff}.button-danger:hover{background:#e53e3e}.clear-all-button{background:#f56565;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;margin-top:20px;display:flex;align-items:center;gap:8px}.clear-all-button:hover{background:#e53e3e}.clear-all-button:disabled{background:#cbd5e0;color:#a0aec0;cursor:not-allowed}.player-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.reset-algorithm-button{background:#3182ce;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px}.reset-algorithm-button:hover{background:#2c5aa0}.reset-algorithm-button:disabled{background:#cbd5e0;color:#a0aec0;cursor:not-allowed}.clear-all-button{margin-top:0}@media (max-width: 768px){.container{padding:10px;margin:0;width:100%}.app{padding:15px}.modal-content{min-width:280px;max-width:400px;width:85%;margin:0 20px}.single-player-input,.bulk-input{font-size:16px;-webkit-appearance:none;-webkit-border-radius:8px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:text;-webkit-user-select:text}.add-single-button,.add-bulk-button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;-webkit-appearance:none}.add-single-button,.add-bulk-button{width:100%;padding:15px;border:none;background:var(--color-primary);color:#fff;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.add-single-button:hover,.add-bulk-button:hover{background:var(--color-primary-hover)}.add-single-button:active,.add-bulk-button:active{background:var(--color-primary-hover);transform:translateY(1px)}.single-player-input{min-height:44px;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;width:100%;box-sizing:border-box}.single-player-input:focus{outline:none;border-color:var(--color-primary)}.bulk-input{min-height:120px;padding:15px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;width:100%;box-sizing:border-box;font-family:inherit;resize:vertical}.bulk-input:focus{outline:none;border-color:var(--color-primary)}.step{padding:15px}.upload-area{padding:20px}.player-list,.courts-grid{grid-template-columns:1fr}.court-settings{flex-direction:column;align-items:stretch}.teams{flex-direction:column;gap:10px}.vs-divider{transform:rotate(90deg)}.add-players-options{grid-template-columns:1fr;gap:20px}.add-option-divider{padding:10px 0}.single-player-form{flex-direction:column;gap:15px}.manual-entry-container{gap:20px}.manual-entry-section{padding:15px}.add-option h3,.add-option-divider{display:none}.add-option{display:block;padding:0;border:none;background:none}.upload-area,.manual-entry-section{background:#fff;border:1px solid #d2d6dc}}@media (max-width: 450px){.app{padding:5px}.step{padding:10px}}.manual-court-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.manual-court-toggle{color:var(--color-primary);font-size:1.2rem;font-weight:700}.selected-player-tag{background:var(--color-primary);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;display:flex;align-items:center;gap:6px}.clear-manual-selection{background:#e53e3e;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;margin-top:10px;transition:background-color .2s}.clear-manual-selection:hover{background:#c53030}.player-selection-button{display:flex;align-items:center;gap:10px;padding:12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.player-selection-button:hover:not(.disabled){border-color:var(--color-primary);background:#f7fafc}.player-selection-button.selected{border-color:var(--color-primary);background:var(--color-primary-light, #ebf8ff)}.player-selection-button.disabled{opacity:.5;cursor:not-allowed}.player-selection-checkbox{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--color-primary);font-weight:700}.manual-court-info{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #e2e8f0}.match-preview{font-size:.85rem;color:var(--color-primary);font-weight:600;font-style:italic}@media (max-width: 768px){.player-selection-grid{grid-template-columns:1fr}.manual-court-info{flex-direction:column;align-items:flex-start;gap:8px}.selected-player-list{justify-content:flex-start}}.manual-court-selection{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:20px}.manual-court-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.manual-court-header:hover{color:var(--color-primary)}.manual-court-header h3{margin:0;color:#2d3748;font-size:1.1rem}.manual-court-toggle{color:var(--color-primary);font-size:1.2rem;font-weight:700;transition:transform .2s ease}.manual-court-content{margin-top:15px}.manual-court-description{color:#718096;font-size:.9rem;margin:0 0 15px;line-height:1.4}.manual-court-selected{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px;margin-bottom:15px}.selected-players strong{color:#2d3748;font-size:.9rem}.selected-player-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.selected-player-tag{background:var(--color-primary);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;display:flex;align-items:center;gap:6px;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes subtle-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.remove-selected-player{background:none;border:none;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.remove-selected-player:hover{background:#fff3}.clear-manual-selection{background:#e53e3e;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;margin-top:10px;transition:all .2s}.clear-manual-selection:hover{background:#c53030;transform:translateY(-1px)}.player-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:15px}.player-selection-button{display:flex;align-items:center;gap:10px;padding:12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit}.player-selection-button:hover:not(.disabled){border-color:var(--color-primary);background:#f7fafc;transform:translateY(-1px)}.player-selection-button.selected{border-color:var(--color-primary);background:var(--color-primary-light, #ebf8ff);box-shadow:0 2px 4px #3b82f61a}.player-selection-button.disabled{opacity:.5;cursor:not-allowed;transform:none}.player-selection-checkbox{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--color-primary);font-weight:700;transition:all .2s}.player-selection-button.selected .player-selection-checkbox{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.player-selection-name{flex:1;font-weight:500;color:#2d3748}.manual-court-info{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #e2e8f0;margin-top:10px}.selection-count{font-size:.85rem;color:#718096;font-weight:500}.match-preview{font-size:.85rem;color:var(--color-primary);font-weight:600;font-style:italic;animation:fadeIn .3s ease-in}@media (max-width: 768px){.player-selection-grid{grid-template-columns:1fr}.manual-court-info{flex-direction:column;align-items:flex-start;gap:8px}.selected-player-list{justify-content:flex-start}.manual-court-selection{padding:15px}.player-selection-button{padding:15px 12px;min-height:44px}}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:10px}.leaderboard-table th,.leaderboard-table td{padding:10px 14px;border-bottom:1px solid #e2e8f0}.leaderboard-table th{background:var(--color-primary);color:#fff;text-align:left}.leaderboard-table tbody tr:nth-child(2n){background:#f7fafc}.app-footer{max-width:1200px;margin:20px auto 0;padding:20px;text-align:center;color:#fff;font-size:.95rem}.app-footer p{margin:0}.app-footer a{color:#fff;text-decoration:underline;font-weight:500;transition:opacity .2s ease}.app-footer a:hover{opacity:.8}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--color-primary-start: #ffb84d;--color-primary-end: #ff5f7e;--color-primary: #ffb84d;--color-primary-hover: #ff5f7e}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto}button{font-family:inherit;font-size:.9em;font-weight:500;cursor:pointer;transition:all .25s;border:none;outline:none}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input{font-family:inherit}input:focus{outline:2px solid var(--color-primary);outline-offset:2px}