*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{min-height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.pages{flex:1 1}.home,.pages{align-items:center;display:flex;justify-content:center}.home{flex-direction:column;width:100%}.logo-container{animation:slideDown .5s ease;margin-bottom:3rem}.logo-container h1{font-size:2.5rem;margin:0}.logo-container p{color:#666;font-size:1.2rem}.signIn{animation:slideDown .5s ease .5s backwards;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;max-width:350px;padding:2rem 3rem;transition:all .2s ease;width:100%}.signIn:hover{border-color:#007bff;box-shadow:0 8px 24px #0070f31f}.signIn label{color:#333;display:block;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:.6rem;text-align:left;text-transform:uppercase}.signIn input{background-color:#fff;border:2px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;margin-bottom:.5rem;padding:.85rem;transition:all .2s ease}.signIn input::placeholder{color:#999}.signIn input:hover{border-color:#bbb;box-shadow:0 2px 6px #0000000d}.signIn input:focus{background-color:#f0f7ff;border-color:#007bff;outline:none}.signIn input.error{animation:shake .4s ease-in-out;background-color:#fff5f5;border-color:#dc3545}.signIn button{background:linear-gradient(135deg,#0070f3,#0051cc);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-top:.5rem;overflow:hidden;padding:.9rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.signIn button:before{background-color:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.signIn button:hover{background:linear-gradient(135deg,#0051cc,#003d99);box-shadow:0 6px 20px #0070f359;transform:translateY(-2px)}.signIn button:hover:before{height:400px;width:400px}.signIn button:active{box-shadow:0 2px 8px #0070f333;transform:translateY(0)}.signIn button:disabled{cursor:not-allowed;opacity:.6;transform:none}.signIn .error{animation:slideDown .3s ease;background-color:#fff5f5;border-radius:5px;color:#dc3545;font-size:.9rem;font-weight:500;line-height:1.4;margin-bottom:0;padding:.9rem}.signIn input.error+.error{margin-bottom:0;margin-top:0}.signIn>label+input{display:block;width:100%}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.6rem}.form-group input{box-sizing:border-box;margin-bottom:.5rem;width:100%}.match-container{padding:.5rem}.match-details{background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.match-details:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%}.match-details:hover{background-color:#fff;border-color:#007bff;box-shadow:0 8px 16px #0070f333;transform:translateY(-4px)}.match-details:hover:before{left:100%}.match-details:active{box-shadow:0 4px 8px #0070f326;transform:translateY(-2px)}.match-details h4{color:#333;margin-bottom:1rem;margin-top:0}.match-details>div{transition:opacity .3s ease}.match-details:hover>div{opacity:1}.match-details p{margin:.5rem 0;transition:color .3s ease}.match-details:hover p{color:#0056b3}.match-date{color:#666;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.match-details button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .2s ease}.match-details button:before{background-color:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.match-details button:hover{background-color:#0056b3;box-shadow:0 4px 8px #0056b34d;transform:scale(1.05)}.match-details button:hover:before{height:300px;width:300px}.match-details button:active{transform:scale(.98)}.match-analysis{margin:0 auto;max-width:1000px;padding:2rem}.match-analysis h2{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.analysis-container{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.analysis-section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.analysis-section h3{border-bottom:2px solid #007bff;color:#333;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background-color:#fff;border-left:4px solid #007bff;border-radius:6px;display:flex;flex-direction:column;padding:1rem}.stat-label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#333;font-size:1.3rem;font-weight:700}.stat-value.win{color:#28a745}.stat-value.loss{color:#dc3545}.challenges-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.challenge-item{background-color:#fff;border-left:4px solid #17a2b8;border-radius:6px;display:flex;flex-direction:column;padding:.75rem}.challenge-label{color:#666;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.3rem;text-transform:uppercase}.challenge-value{color:#333;font-size:1.1rem;font-weight:700}.back-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:2rem auto 0;padding:.75rem 1.5rem;transition:background-color .2s}.back-button:hover{background-color:#5a6268}.analysis-text{color:#333;font-size:1rem;line-height:1.6}.analysis-text p{word-wrap:break-word;margin:.5rem 0;white-space:pre-wrap}.analysis-text p:first-child{color:#007bff;font-size:1.1rem;font-weight:700}@media (max-width:768px){.logo-container h1{font-size:2rem}.logo-container p{font-size:1rem}.signIn{max-width:90%;padding:1.5rem}.match-analysis{padding:1rem}.match-analysis h2{font-size:1.5rem;margin-bottom:1.5rem}.analysis-container{gap:1.5rem}.analysis-section{padding:1rem}.analysis-section h3{font-size:1.2rem;margin-bottom:1rem}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{padding:.75rem}.stat-label{font-size:.75rem}.stat-value{font-size:1.1rem}.challenges-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.challenge-item{padding:.5rem}.challenge-label{font-size:.7rem}.challenge-value{font-size:1rem}.match-container{padding:.25rem}.match-details{padding:.75rem}.match-details button{font-size:.95rem;padding:.75rem;width:100%}.back-button{margin:1.5rem auto 0;padding:.75rem;width:90%}.analysis-text,.back-button{font-size:.95rem}.analysis-text p{margin:.35rem 0}}@media (max-width:480px){.App{font-size:14px}.pages{padding:1rem}.logo-container{margin-bottom:1.5rem}.logo-container h1{font-size:1.5rem;margin-bottom:.5rem}.logo-container p{font-size:.9rem}.signIn{border-radius:6px;max-width:100%;padding:1rem}.signIn h3{font-size:1.1rem;margin-bottom:1rem}.signIn label{font-size:.9rem;margin-bottom:.35rem}.signIn input{border-radius:4px;font-size:16px;margin-bottom:.75rem;padding:.6rem}.signIn button{font-size:.95rem;padding:.6rem}.signIn .error{font-size:.8rem;margin-top:.35rem}.match-analysis{padding:.75rem}.match-analysis h2{font-size:1.3rem;margin-bottom:1rem}.analysis-container{gap:1rem;margin-bottom:1rem}.analysis-section{border-radius:6px;padding:.75rem}.analysis-section h3{font-size:1rem;margin-bottom:.75rem}.stats-grid{gap:.75rem;grid-template-columns:1fr}.stat-item{border-radius:4px;padding:.6rem}.stat-label{font-size:.7rem;margin-bottom:.35rem}.stat-value{font-size:1rem}.challenges-grid{gap:.5rem;grid-template-columns:1fr}.challenge-item{padding:.5rem}.challenge-label{font-size:.65rem;margin-bottom:.2rem}.challenge-value{font-size:.9rem}.match-container{margin-bottom:.5rem;padding:0}.match-details{display:flex;flex-direction:column;padding:.6rem}.match-details>div{flex:1 1}.match-details h4{font-size:.95rem;margin-bottom:.5rem}.match-date{font-size:.75rem;margin-bottom:.35rem}.match-details button{margin-top:.75rem}.back-button,.match-details button{font-size:.9rem;padding:.6rem;width:100%}.back-button{margin:1rem auto 0}.analysis-text{font-size:.9rem}.analysis-text p{margin:.25rem 0}.analysis-text p:first-child{font-size:1rem}}@media (max-width:320px){.logo-container h1{font-size:1.3rem}.logo-container p{font-size:.8rem}.signIn h3{font-size:1rem}.match-analysis h2{font-size:1.2rem}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:.9rem}}.footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;font-size:.9rem;margin-top:auto;padding:1.5rem 2rem;text-align:center}.footer p{margin:0}
/*# sourceMappingURL=main.9c9539a9.css.map*/