*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#000;color:#e5e6e8;font-family:Saira Ultra Condensed,sans-serif;font-weight:800}.App,body{min-height:100vh}.App{display:flex;flex-direction:column;width:100%}.App-header{align-items:center;background:#000;border-bottom:3px solid #d21f3c;display:flex;justify-content:space-between;padding:28px 48px}.App-header h1{color:#fff;font-size:3em;letter-spacing:.06em;line-height:1;text-transform:uppercase}.container{flex:1 1;margin:0 auto;max-width:1400px;padding:40px 48px 40px 0}.grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:360px 1fr}.grid.with-results{grid-template-columns:360px 1fr}@media (max-width:900px){.grid,.grid.with-results{grid-template-columns:1fr}.App-header{flex-direction:column;gap:4px;padding:20px 24px}.container{padding:24px 20px}}.extractor-section,.upload-section{min-width:0}.uploader{background:#2c2b2e;border-radius:2px 2px 0 0;padding:24px}.uploader h2{color:#fff;font-size:.95em;letter-spacing:.14em;margin-bottom:16px;opacity:.6;text-transform:uppercase}.preview{align-items:center;background:#000;border:1px solid #3e3d41;border-radius:2px;cursor:pointer;display:flex;height:220px;justify-content:center;margin-bottom:14px;overflow:hidden;transition:border-color .15s;width:100%}.preview:hover{border-color:#d21f3c}.preview img{height:100%;object-fit:contain;width:100%}.placeholder{color:#e5e6e8;font-size:.9em;letter-spacing:.1em;opacity:.3;text-transform:uppercase}.placeholder,.upload-buttons{text-align:center}.hint{color:#e5e6e8;font-size:.85em;letter-spacing:.08em;margin-top:8px;opacity:.3;text-transform:uppercase}.single-lookup{background:#2c2b2e;border-radius:0 0 2px 2px;border-top:1px solid #3e3d41;padding:16px 24px 20px}.single-lookup-label{color:#e5e6e8;display:block;font-size:.85em;letter-spacing:.12em;margin-bottom:10px;opacity:.4;text-transform:uppercase}.single-lookup-row{display:flex;flex-direction:column;gap:8px}.single-lookup-input{background:#000;border:1px solid #3e3d41;border-radius:2px;color:#fff;flex:1 1;font-family:Saira Ultra Condensed,sans-serif;font-size:1em;font-weight:800;letter-spacing:.06em;padding:10px 12px;transition:border-color .15s}.single-lookup-input::placeholder{color:#e5e6e8;opacity:.2}.single-lookup-input:focus{border-color:#d21f3c;outline:none}.single-lookup-btn{font-size:.85em;padding:10px 14px;width:100%}.extractor{background:#2c2b2e;border-radius:2px;overflow:hidden}.extractor h2{border-bottom:1px solid #3e3d41;color:#fff;font-size:.95em;letter-spacing:.14em;opacity:.6;padding:20px 24px 16px;text-transform:uppercase}.ranks-table{overflow-x:auto}.ranks-table table{border-collapse:collapse;width:100%}.ranks-table thead{background:#000}.ranks-table th{font-size:.78em;letter-spacing:.14em;opacity:.4;padding:10px 20px;text-align:left;text-transform:uppercase}.ranks-table td,.ranks-table th{color:#e5e6e8;white-space:nowrap}.ranks-table td{background:#2c2b2e;border-bottom:1px solid #000;font-size:1.05em;letter-spacing:.04em;padding:13px 20px}.ranks-table tr:last-child td{border-bottom:none}.ranks-table tbody tr:hover td{background:#323136}.ranks-table tr.not-found{opacity:.2}.ranks-table tr.team-row td{background:#000;border-bottom:1px solid #3e3d41;color:#d21f3c;letter-spacing:.14em;padding:10px 20px}.ranks-table tr.team-row td,.team-cell{font-size:.8em;text-transform:uppercase}.team-cell{color:#fff;letter-spacing:.1em;opacity:.8}.rank-value{color:#d21f3c;font-size:1.1em}.league-cell{align-items:center;display:flex;gap:8px}.league-icon{height:26px;object-fit:contain;width:26px}.btn{border:none;border-radius:2px;cursor:pointer;font-family:Saira Ultra Condensed,sans-serif;font-size:.95em;font-weight:800;letter-spacing:.1em;padding:10px 18px;text-transform:uppercase;transition:background .15s}.btn:disabled{cursor:not-allowed;opacity:.25}.btn-primary{background:#d21f3c;color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:#e8223f}.btn-secondary{background:#3e3d41;color:#e5e6e8}.btn-secondary:hover:not(:disabled){background:#4e4d52}.how-to-btn{background:#0000;border:1px solid #3e3d41;border-radius:2px;color:#e5e6e8;cursor:pointer;font-family:Saira Ultra Condensed,sans-serif;font-size:.85em;font-weight:800;letter-spacing:.1em;margin-left:auto;padding:8px 18px;text-transform:uppercase;transition:border-color .15s,color .15s}.how-to-btn:hover{border-color:#d21f3c;color:#fff}.modal-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#2c2b2e;border-radius:2px;border-top:3px solid #d21f3c;max-width:90vw;padding:36px 40px;position:relative;width:520px}.modal-close{background:#0000;border:none;color:#e5e6e8;cursor:pointer;font-size:1.2em;line-height:1;opacity:.4;position:absolute;right:16px;top:16px;transition:opacity .15s}.modal-close:hover{opacity:1}.modal-title{color:#fff;font-size:1.4em;letter-spacing:.1em;margin-bottom:28px;text-transform:uppercase}.modal-steps{display:flex;flex-direction:column;gap:24px}.modal-step{align-items:flex-start;display:flex;gap:18px}.step-number{align-items:center;background:#d21f3c;border-radius:2px;color:#fff;display:flex;flex-shrink:0;font-size:1em;height:32px;justify-content:center;width:32px}.step-content{flex:1 1}.step-text{color:#e5e6e8;font-size:1.05em;letter-spacing:.04em;margin-bottom:12px}.step-example-img{border:1px solid #3e3d41;border-radius:2px;display:block;width:100%}.step-image-placeholder{background:#000;border:1px dashed #3e3d41;border-radius:2px;color:#e5e6e8;font-size:.85em;letter-spacing:.06em;line-height:1.6;opacity:.4;padding:20px;text-align:center}.step-image-placeholder code{color:#d21f3c;font-family:monospace;opacity:1}.error-message{background:#2c2b2e;border-left:3px solid #d21f3c;border-radius:2px;color:#d21f3c;font-size:.9em;letter-spacing:.08em;margin-top:20px;padding:14px 20px;text-transform:uppercase}.App-footer{background:#000;border-top:1px solid #3e3d41;padding:20px 48px;text-align:center}.App-footer p{color:#8e8d91;font-size:.6em;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.App-footer a{color:#d21f3c;text-decoration:none;transition:opacity .2s}.App-footer a:hover{opacity:.8;text-decoration:underline}
/*# sourceMappingURL=main.bd95c896.css.map*/