.tournament-options[data-v-ea168759]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.option[data-v-ea168759]{background:#fff;padding:1rem;border-radius:6px;border:2px solid #ddd;text-align:center;transition:all .2s ease}.option[data-v-ea168759]:hover{border-color:var(--secondary);background-color:#f8f9fa}.option.selected[data-v-ea168759]{border-color:var(--secondary);background-color:#e3f2fd;box-shadow:0 2px 4px #3498db1a}@media (max-width: 768px){.tournament-options[data-v-ea168759]{grid-template-columns:1fr}}.spinner[data-v-ea168759]{width:20px;height:20px;border:2px solid #2196f3;border-top:2px solid transparent;border-radius:50%;animation:spin-ea168759 1s linear infinite}@keyframes spin-ea168759{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.task-field-url[data-v-ad0ae403]{color:#3498db;text-decoration:underline}.task-field-url[data-v-ad0ae403]:hover{color:#2980b9;text-decoration:underline}.task-field-url[data-v-ad0ae403]:visited{color:#8e44ad}.container[data-v-fcee5a02]{margin:0 auto;padding:20px}.results-table-container[data-v-fcee5a02]{overflow-x:auto;margin:20px 0}.results-table[data-v-fcee5a02]{width:100%;border-collapse:collapse;margin:20px 0}.results-table th[data-v-fcee5a02],.results-table td[data-v-fcee5a02]{border:1px solid #ddd;padding:12px;text-align:left}.results-table th[data-v-fcee5a02]{background-color:#f2f2f2;font-weight:700}.results-table tr[data-v-fcee5a02]:nth-child(2n){background-color:#f9f9f9}button.accent[data-v-fcee5a02]{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}button.accent[data-v-fcee5a02]:hover{background-color:#0056b3}.clickable-row[data-v-fcee5a02]{cursor:pointer;transition:background-color .2s ease}.clickable-row[data-v-fcee5a02]:hover{background-color:#f0f8ff}.clickable-row.expanded[data-v-fcee5a02]{background-color:#e3f2fd}.expand-indicator[data-v-fcee5a02]{margin-left:8px;font-size:12px;color:#666;transition:transform .2s ease}.expand-indicator.expanded[data-v-fcee5a02]{transform:rotate(0)}.history-row[data-v-fcee5a02]{background-color:#f8f9fa!important}button.success[data-v-fcee5a02]{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}button.success[data-v-fcee5a02]:hover{background-color:#218838}.about-page[data-v-6adba4a9]{margin:0 auto;line-height:1.7}.back-button[data-v-6adba4a9]{background:none;border:1px solid var(--border);padding:8px 16px;border-radius:6px;cursor:pointer;color:var(--primary);margin-bottom:2rem;transition:all .2s}.back-button[data-v-6adba4a9]:hover{background-color:var(--light);border-color:var(--secondary)}.about-page h1[data-v-6adba4a9]{color:var(--primary);margin-bottom:1rem}.intro-section .lead[data-v-6adba4a9]{font-size:1.125rem;color:var(--primary);margin-bottom:2rem;padding:1.5rem;background:var(--light);border-radius:8px;border-left:4px solid var(--secondary)}.how-it-works[data-v-6adba4a9]{margin:3rem 0}.step[data-v-6adba4a9]{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #eee}.step h3[data-v-6adba4a9]{color:var(--secondary);margin-bottom:1rem}.visual-guide[data-v-6adba4a9]{margin:1.5rem 0;padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.mock-upload .upload-box[data-v-6adba4a9]{background:#fff;border:2px dashed var(--border);padding:2rem;text-align:center;border-radius:8px;margin-bottom:1rem}.csv-preview[data-v-6adba4a9]{font-size:.875rem;color:#666}.tournament-options[data-v-6adba4a9]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.option[data-v-6adba4a9]{background:#fff;padding:1rem;border-radius:6px;border:1px solid #ddd;text-align:center}.mock-matchup[data-v-6adba4a9]{display:flex;align-items:center;gap:1rem;justify-content:center}.task-option[data-v-6adba4a9]{background:#fff;padding:1rem;border-radius:6px;border:2px solid var(--secondary);flex:1;text-align:center;cursor:pointer}.vs[data-v-6adba4a9]{font-size:1.5rem;font-weight:700;color:var(--accent)}.mock-results[data-v-6adba4a9]{background:#fff;border-radius:6px;overflow:hidden}.rank-item[data-v-6adba4a9]{padding:.75rem 1rem;border-bottom:1px solid #eee}.rank-item[data-v-6adba4a9]:last-child{border-bottom:none}.features-section[data-v-6adba4a9]{margin:3rem 0}.features-grid[data-v-6adba4a9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.feature[data-v-6adba4a9]{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e9ecef}.feature h4[data-v-6adba4a9]{margin-bottom:.5rem;color:var(--primary)}.getting-started[data-v-6adba4a9]{margin:3rem 0;padding:2rem;background:var(--light);border-radius:8px;text-align:center}.getting-started ul[data-v-6adba4a9]{text-align:left;max-width:400px;margin:1.5rem auto}.cta-button[data-v-6adba4a9]{background:var(--secondary);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1.125rem;cursor:pointer;margin-top:1rem;transition:all .2s}.cta-button[data-v-6adba4a9]:hover{background:#2980b9;transform:translateY(-1px)}.footer-info[data-v-6adba4a9]{margin-top:3rem;padding-top:2rem;border-top:1px solid #eee;text-align:center;color:#666}.footer-info a[data-v-6adba4a9]{color:var(--secondary);text-decoration:none}.footer-info a[data-v-6adba4a9]:hover{text-decoration:underline}.cycle-diagram[data-v-6adba4a9]{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.cycle-step[data-v-6adba4a9]{background:#fff;padding:.75rem 1rem;border-radius:6px;border:2px solid var(--secondary);font-size:.875rem;font-weight:500;text-align:center;min-width:120px}.cycle-arrow[data-v-6adba4a9]{font-size:1.25rem;color:var(--secondary);font-weight:700}@media (max-width: 768px){.mock-matchup[data-v-6adba4a9]{flex-direction:column}.tournament-options[data-v-6adba4a9],.features-grid[data-v-6adba4a9]{grid-template-columns:1fr}.cycle-diagram[data-v-6adba4a9]{flex-direction:column;gap:.75rem}.cycle-arrow[data-v-6adba4a9]{transform:rotate(90deg)}}:root{--primary: #2c3e50;--secondary: #3498db;--accent: #e74c3c;--success: #27ae60;--warning: #f39c12;--light: #ecf0f1;--dark: #2c3e50;--border: #bdc3c7}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--dark);background-color:var(--light);margin:0;padding:15px 20px 20px}h1{font-size:2.5rem;font-weight:700;color:var(--primary);margin:0;letter-spacing:-.02em}h2{font-size:1.75rem;font-weight:600;color:var(--primary);margin:0 0 1.5rem;letter-spacing:-.01em}h3{font-size:1.25rem;font-weight:600;color:var(--primary);margin:0 0 1rem}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:0;padding-bottom:15px}.header-left{display:flex;align-items:flex-start;gap:15px}.header-nav{display:flex;align-items:center;gap:20px;margin-top:8px}.nav-link{color:var(--primary);text-decoration:none;font-weight:500;font-size:.9rem;padding:8px 12px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.nav-link:hover{color:var(--secondary);background-color:#3498db1a}.github-link svg{transition:transform .2s ease}.github-link:hover svg{transform:scale(1.1)}.clickable-header{cursor:pointer;transition:opacity .2s ease;border-radius:6px}.clickable-header:hover{opacity:.8}.header-text{display:flex;flex-direction:column;align-items:flex-start}.subtitle{font-size:.875rem;color:#6b7280;margin:-.5rem 0 0;font-weight:400;font-style:italic}.app-header .logo{height:56px;width:56px;background:transparent;border-radius:8px;padding:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));margin-top:8px}.app-header h1{margin:0;text-align:left;border-bottom:none;padding-bottom:0;font-size:2.25rem;font-weight:700}.container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:25px;margin-bottom:20px;max-width:1200px;margin-left:auto;margin-right:auto}.file-upload-area{border:2px dashed var(--border);border-radius:8px;padding:40px;text-align:center;margin-bottom:20px;transition:border-color .3s;cursor:pointer}.file-upload-area strong{font-size:1.125rem;font-weight:600;color:var(--secondary)}.file-upload-area p{font-size:.875rem;color:#6b7280;margin:.5rem 0 0}.file-upload-area:hover{border-color:var(--secondary)}.file-upload-area.dragover{border-color:var(--secondary);background-color:#f8f9fa}input[type=file]{display:none}button{background-color:var(--secondary);color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:16px;transition:all .3s;margin:5px}button:hover{background-color:#2980b9;transform:translateY(-1px)}button.accent{background-color:var(--accent)}button.accent:hover{background-color:#c0392b}button.success{background-color:var(--success)}button.success:hover{background-color:#229954}.task-choice{display:flex;justify-content:space-between;margin:40px 0;gap:20px;outline:none}.upload-demo-container{display:flex;align-items:stretch;gap:20px;margin-bottom:20px}.upload-section{flex:3}.demo-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.or-separator{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:40px}.or-line{width:1px;height:50px;background-color:#ddd}.or-text{color:#666;font-size:14px;padding:10px 0;font-weight:500}.demo-button{padding:12px 20px;background:var(--success);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s;margin-bottom:8px;white-space:nowrap}.demo-button:hover{background-color:#229954;transform:translateY(-1px)}.demo-description{color:#666;font-size:11px;line-height:1.3}.task-button{flex:1;padding:25px;font-size:16px;background-color:#fff;color:var(--dark);border:2px solid var(--secondary);border-radius:8px;cursor:pointer;text-align:left;transition:all .3s;min-height:120px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.task-button:hover{background-color:#fff;color:var(--dark);transform:none}.task-button:active{transform:translateY(-1px);border-color:var(--accent)}.task-title{font-weight:700;font-size:18px;margin-bottom:8px;color:var(--primary)}.task-details{font-size:13px;color:#7f8c8d;line-height:1.4;margin-top:8px}.task-field{margin-bottom:4px;display:flex;gap:8px}.task-field-label{font-weight:600;color:#5a6c7d;min-width:fit-content}.task-field-value{color:#2c3e50}.progress{margin:20px 0;background-color:#ddd;border-radius:6px;height:12px;overflow:hidden}.progress-bar{height:100%;background-color:var(--secondary);transition:width .3s}.vs{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--accent);min-width:60px}.results-table{width:100%;border-collapse:collapse;margin-top:20px}.results-table th,.results-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.results-table th{background-color:var(--secondary);color:#fff;font-weight:600}.results-table tr:nth-child(2n){background-color:#f9f9fa}.results-table tr:hover{background-color:#e8f4f8}.results-table tr.history-row,.results-table tr.history-row:hover{background-color:transparent}.results-table tr.history-row td{border-top:none}.results-table tr.clickable-row{cursor:pointer;transition:background-color .2s ease}.results-table tr.clickable-row:hover{background-color:#e8f4f8!important}.results-table tr.clickable-row.expanded{background-color:#ddeef7}.expand-indicator{margin-left:8px;color:#3498db;font-weight:700;font-size:12px;transition:transform .2s ease;display:inline-block;width:12px;height:12px;text-align:center;line-height:12px}.expand-indicator.expanded{transform:rotate(0)}.expand-indicator:not(.expanded){transform:rotate(0)}.data-preview{max-height:200px;overflow-y:auto;background-color:#f8f9fa;padding:15px;border-radius:6px;margin:15px 0;font-family:Monaco,Consolas,monospace;font-size:12px}.data-preview table{width:100%;border-collapse:collapse}.data-preview th,.data-preview td{padding:5px;border:1px solid #ddd;font-size:11px}.data-preview th{background-color:#e9ecef;font-weight:600}.debug-info{background:#f0f0f0;padding:10px;margin:10px 0;font-size:12px;border-radius:4px;font-family:Monaco,Consolas,monospace}@media (max-width: 768px){body{padding:10px}.app-header{margin-bottom:0;padding-bottom:20px}.app-header h1{font-size:1.875rem}.subtitle{font-size:.875rem}h2{font-size:1.5rem;margin-bottom:1rem}.container{padding:20px;margin-bottom:15px}.task-choice{flex-direction:column}.vs{margin:15px 0}.data-preview{padding:10px;margin:10px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-preview table{min-width:100%;font-size:10px}.data-preview th,.data-preview td{padding:3px;font-size:9px;min-width:60px;word-break:break-word}.data-preview td{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-table{font-size:14px}.results-table th,.results-table td{padding:8px}select,input[type=text]{font-size:16px}button{font-size:14px;padding:10px 16px}.task-button{padding:20px;min-height:100px;font-size:15px}.debug-info{font-size:10px;padding:8px}.saved-brackets .bracket-card{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.saved-brackets .bracket-info{margin-bottom:8px!important}.saved-brackets .bracket-actions{align-self:stretch!important;justify-content:space-between!important}.saved-brackets .bracket-actions button{flex:1!important;margin:0 2px!important}.app-header{flex-direction:column;align-items:flex-start;gap:15px}.header-nav{margin-top:0;gap:15px;align-self:stretch;justify-content:space-around}.nav-link{font-size:.85rem;padding:6px 8px}.upload-demo-container{flex-direction:column;gap:15px}.or-separator{flex-direction:row;justify-content:center;min-width:auto;margin:10px 0}.or-line{width:50px;height:1px}.or-text{padding:0 10px}.demo-section{padding:15px}.demo-button{font-size:14px;padding:12px 16px;white-space:normal}}.app-container{max-width:1200px;margin:0 auto;line-height:1.7}