*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.btn-primary:hover{background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 8px 25px #ffd7004d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#8e44ad,#3498db);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#3498db,#8e44ad);box-shadow:0 8px 25px #8e44ad4d;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #fff;color:#fff}.btn-outline:hover{background:#fff;color:#333}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:24px;transition:all .3s ease}.card:hover{border-color:#ffffff4d;box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .8s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.btn{font-size:14px;padding:10px 20px}.card{padding:16px}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f23f2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;height:80px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-logo{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:2px;text-decoration:none;text-shadow:0 0 10px #ffffff4d;transition:all .3s ease}.navbar-logo:hover{text-shadow:0 0 20px #ffffff80;transform:scale(1.05)}.logo-image{border:2px solid #667eea4d;border-radius:10px;box-shadow:0 4px 12px #667eea33;height:35px;margin-right:.875rem;object-fit:contain;transition:all .3s ease;width:auto}.logo-image:hover{border-color:#667eea80;box-shadow:0 6px 20px #667eea4d;filter:brightness(1.1);transform:scale(1)}.navbar-menu{align-items:center;display:flex;gap:2rem}.navbar-link{border-radius:8px;color:#fff;font-size:1rem;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.navbar-link:hover{background:#ffffff1a;transform:translateY(-2px)}.navbar-link.active{background:linear-gradient(135deg,#8e44ad,#3498db);box-shadow:0 4px 15px #8e44ad4d;color:#fff}.navbar-actions{align-items:center;display:flex;gap:1rem}.connection-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;display:flex;gap:.5rem;padding:8px 12px;transition:all .3s ease}.connection-status.connected{background:#2ecc7133;border:1px solid #2ecc714d}.connection-status.disconnected{background:#e74c3c33;border:1px solid #e74c3c4d}.connection-status.connected .status-dot{background:#2ecc71}.connection-status.disconnected .status-dot{background:#e74c3c}.status-text{color:#fff;font-size:.8rem;font-weight:600}.admin-btn{background:linear-gradient(135deg,#8e44ad,#3498db);border-radius:25px;box-shadow:0 4px 15px #8e44ad4d;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.admin-btn:hover{background:linear-gradient(135deg,#3498db,#8e44ad);box-shadow:0 8px 25px #8e44ad66;transform:translateY(-2px)}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-around;padding:0;width:30px}.hamburger-line{background:#fff;border-radius:2px;height:3px;transition:all .3s ease;width:100%}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:768px){.navbar-container{height:70px;padding:0 15px}.navbar-logo{font-size:1.2rem;letter-spacing:1px}.logo-image{height:40px}.navbar-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8e44ad,#2c3e50);border-bottom:1px solid #ffffff1a;flex-direction:column;gap:1rem;left:0;opacity:0;padding:20px;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.navbar-menu.active{opacity:1;transform:translateY(0);visibility:visible}.navbar-link{font-size:1.1rem;padding:12px 20px;text-align:center;width:100%}.navbar-actions{gap:.5rem}.connection-status{padding:6px 10px}.status-text{font-size:.7rem}.admin-btn{font-size:.8rem;padding:8px 16px}.mobile-menu-toggle{display:flex}}@media (max-width:480px){.navbar-container{height:60px;padding:0 10px}.navbar-logo{font-size:1rem}.logo-image{height:35px}.navbar-menu{top:60px}.connection-status{display:none}.admin-btn{font-size:.7rem;padding:6px 12px}}.auth-buttons{align-items:center;display:flex;gap:.5rem}.register-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.register-btn:hover{background:linear-gradient(135deg,#2ecc71,#27ae60);transform:translateY(-1px)}.user-info{align-items:center;display:flex;gap:1rem;margin-left:1rem}.user-name{color:#ecf0f1;font-size:.9rem;font-weight:600}.user-role{border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.user-role.admin{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.user-role.scorer{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.user-role.user{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.logout-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);transform:translateY(-1px)}.login-btn{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:6px;font-size:.8rem;padding:8px 16px;text-decoration:none}.login-btn:hover{background:linear-gradient(135deg,#2980b9,#1f5f8b);transform:translateY(-1px)}@media (max-width:768px){.user-info{flex-direction:column;gap:.5rem;margin-left:0;margin-top:1rem}.user-name{font-size:.8rem}.user-role{font-size:.6rem;padding:3px 6px}}.footer{background:#0f0f23f2;border-top:1px solid #8e44ad4d;bottom:0;box-shadow:0 -4px 12px #0003;color:#fff;margin-bottom:0;padding:2rem 1rem;position:relative}.footer-top{margin-bottom:2rem;text-align:center}.footer-issue-text{color:#ffffffe6;font-size:.9rem;margin:0}.developer-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.developer-link:hover{color:#9b59b6}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1200px}.footer-section{background:#0003;border:1px solid #8e44ad33;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative}.footer-section:before{background:linear-gradient(45deg,#0000 40%,#ffffff08 50%,#0000 60%),linear-gradient(-45deg,#0000 40%,#ffffff05 50%,#0000 60%);background-size:20px 20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.about-section,.developer-section{background:#0000004d;border:1px solid #8e44ad4d}.section-title{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 1rem;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.section-description{color:#ffffffe6;font-size:.9rem;line-height:1.5;margin:0;position:relative;z-index:1}.footer-links{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.footer-link{color:#fff;display:block;font-size:.9rem;padding:.2rem 0;text-decoration:none;transition:color .3s ease,transform .2s ease}.footer-link:hover{color:#9b59b6;transform:translateX(5px)}.developer-info{align-items:center;display:flex;gap:2rem;position:relative;z-index:1}.developer-image{align-items:center;background:#667eea4d;border:3px solid #667eea66;border-radius:50%;box-shadow:0 4px 12px #0000004d;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.developer-photo{border-radius:50%;height:100%;object-fit:contain;object-position:center;width:100%}.developer-details{flex:1 1}.developer-title{color:#fffc;font-size:1.1rem;font-weight:500;margin:0 0 .5rem}.developer-name{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 .4rem}.developer-batch{color:#ffffffb3;font-size:1rem;margin:0}@media (max-width:768px){.footer-content{gap:1.5rem;grid-template-columns:1fr}.footer-section{padding:1rem}}@media (max-width:480px){.footer{padding:1.5rem .8rem}.developer-info{flex-direction:column;gap:1rem;text-align:center}.developer-image{height:70px;width:70px}}.home{min-height:100vh;padding:2rem 0 0;position:relative}.home-container{margin:0 auto;max-width:1200px;padding:0 20px}.home-hero{margin-bottom:4rem;padding:2rem 0;text-align:center}.hero-title{margin-bottom:1.5rem}.hero-welcome{color:#fff;display:block;font-size:2.5rem;font-weight:300;margin-bottom:.5rem;text-shadow:0 2px 10px #0000004d}.hero-brand{color:#fff;display:block;font-size:4rem;font-weight:800;margin-bottom:1rem;text-shadow:0 4px 20px #ffffff80}.hero-description{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.sports-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.scrolling-section{margin:4rem 0;overflow:hidden;position:relative}.scrolling-container{background:#2c3e504d;border:1px solid #8e44ad33;border-radius:15px;overflow:hidden;padding:20px 0;width:100%}.scrolling-content{align-items:center;animation:scroll 20s linear infinite;display:flex;gap:2rem}.scrolling-icon{border-radius:15px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));flex-shrink:0;height:180px;object-fit:cover;width:180px}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.features-section{margin-bottom:6rem;margin-top:4rem;text-align:center}.why-choose-image{filter:drop-shadow(0 4px 20px rgba(255,255,255,.3));height:auto;margin-bottom:3rem;max-width:55%;transition:all .3s ease}.why-choose-image:hover{filter:drop-shadow(0 6px 25px rgba(255,255,255,.4));transform:scale(1.02)}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#ffffff4d;box-shadow:0 15px 30px #0003;transform:translateY(-4px)}.feature-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:2.5rem;margin-bottom:1rem}.feature-title{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.feature-description{color:#fffc;font-size:.95rem;line-height:1.5}@media (max-width:768px){.home{padding:1rem 0}.home-container{padding:0 15px}.hero-welcome{font-size:2rem}.hero-brand{font-size:3rem}.hero-description{font-size:1rem}.hero-actions{align-items:center;flex-direction:column;gap:1rem}.sports-grid{gap:1.5rem;grid-template-columns:1fr}.sport-card-content{padding:1.5rem}.scrolling-section{margin:3rem 0}.scrolling-container{padding:15px 0}.scrolling-icon{border-radius:12px;height:150px;width:150px}.scrolling-content{gap:1.5rem}.why-choose-image{margin-bottom:2rem;max-width:65%}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}}@media (max-width:480px){.hero-welcome{font-size:1.5rem}.hero-brand{font-size:2.5rem}.hero-description{font-size:.9rem}.scrolling-section{margin:2rem 0}.scrolling-container{padding:10px 0}.scrolling-icon{border-radius:10px;height:120px;width:120px}.scrolling-content{gap:1rem}.sport-card-content{padding:1rem}.sport-name{font-size:1.3rem}.sport-description{font-size:.9rem}.why-choose-image{margin-bottom:1.5rem;max-width:60%}.feature-card{padding:1rem}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#7f8c8d;font-size:1.1rem}.login-form{margin-bottom:2rem}.form-group input::placeholder{color:#000!important}.demo-section{border-top:1px solid #e1e8ed;padding-top:2rem}.demo-section h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;text-align:center}.demo-buttons{display:flex;flex-direction:column;gap:.75rem}.demo-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.demo-btn.admin{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.demo-btn.scorer{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.demo-btn.user{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.demo-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.login-footer{margin-top:1rem;text-align:center}.login-footer p{color:#2c3e50;font-size:.9rem}.login-footer a{color:#667eea;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:768px){.login-container{padding:1rem}.login-card{padding:2rem}.login-header h1{font-size:2rem}}.register-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.register-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;width:100%}.register-header{margin-bottom:2rem;text-align:center}.register-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.register-header p{color:#7f8c8d;font-size:1.1rem}.register-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#000!important;display:block;margin-bottom:.5rem}.form-group input{background:#fff;border:2px solid #d3d3d3!important;border-radius:10px;color:#000!important;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.error-message{background:#e74c3c1a;border-left:3px solid #e74c3c;border-radius:5px;color:#e74c3c;font-size:.9rem;margin-bottom:1rem;padding:.5rem}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.register-footer{margin-top:1rem;text-align:center}.register-footer p{color:#2c3e50;font-size:.9rem}.register-footer a{color:#667eea;font-weight:600;text-decoration:none}.register-footer a:hover{text-decoration:underline}@media (max-width:768px){.register-container{padding:1rem}.register-card{padding:2rem}.register-header h1{font-size:2rem}}.sports{min-height:100vh;padding:2rem 0;position:relative}.sports-container{margin:0 auto;max-width:1200px;padding:0 20px}.sports-header{margin-bottom:4rem;text-align:center}.choose-sport-image{filter:drop-shadow(0 4px 20px rgba(255,255,255,.3));height:auto;margin-bottom:3rem;max-width:55%;transition:all .3s ease}.choose-sport-image:hover{filter:drop-shadow(0 6px 25px rgba(255,255,255,.4));transform:scale(1.02)}.sports-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.sport-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#2c3e50f2;border:1px solid #8e44ad4d;border-radius:20px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #8e44ad1a;cursor:pointer;min-height:280px;overflow:hidden;position:relative;transition:all .3s ease}.sport-card:hover{border-color:#667eea66;box-shadow:0 25px 50px #667eea4d,0 0 30px #667eea66,0 0 60px #667eea33;transform:translateY(-12px)}.sport-card-header{align-items:center;background:linear-gradient(135deg,#8e44ad33,#2c3e504d);display:flex;height:120px;justify-content:center;overflow:hidden;position:relative}.sport-card-header:before{background:linear-gradient(45deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sport-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:60px;object-fit:contain;position:relative;transition:all .3s ease;width:60px;z-index:1}.sport-card:hover .sport-icon{filter:drop-shadow(0 6px 12px rgba(102,126,234,.4));transform:scale(1.1)}.sport-card-content{padding:2rem;text-align:center}.sport-name{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.sport-description{color:#fffc;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.sport-enter-btn{background:#8e44ad33;border:1px solid #8e44ad66;border-radius:25px;box-shadow:0 4px 15px #0000004d;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.sport-enter-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sport-enter-btn:hover:before{left:100%}.sport-enter-btn:hover{background:#8e44ad4d;border-color:#8e44ad99;box-shadow:0 8px 25px #0006;transform:translateY(-2px)}@media (max-width:768px){.sports{padding:1rem 0}.sports-container{padding:0 15px}.choose-sport-image{margin-bottom:2rem;max-width:50%}.sports-description{font-size:1rem}.sports-grid{gap:1.5rem;grid-template-columns:1fr}.sport-card-content{padding:1.5rem}}@media (max-width:480px){.choose-sport-image{margin-bottom:1.5rem;max-width:45%}.sports-description{font-size:.9rem}.sport-card-content{padding:1rem}.sport-name{font-size:1.3rem}.sport-description{font-size:.9rem}}.live-scoreboard{min-height:100vh;padding:2rem 0;position:relative}.live-scoreboard-container{margin:0 auto;max-width:1200px;padding:0 20px}.live-scoreboard-header{margin-bottom:3rem;text-align:center}.live-scoreboard-image{filter:drop-shadow(0 4px 20px rgba(255,255,255,.3));height:auto;margin-bottom:2rem;max-width:40%;transition:all .3s ease}.live-scoreboard-image:hover{filter:drop-shadow(0 6px 25px rgba(255,255,255,.4));transform:scale(1.02)}.connection-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin:0 auto;padding:8px 16px;text-align:center}.connection-indicator.connected{background:#8e44ad33;border-color:#8e44ad4d}.connection-indicator.disconnected{background:#2c3e5033;border-color:#2c3e504d}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.connection-indicator.connected .status-dot{background:#8e44ad}.connection-indicator.disconnected .status-dot{background:#2c3e50}.no-matches h2{text-shadow:0 2px 10px #ffffff4d}.matches-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.match-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c3e50cc;border:1px solid #8e44ad4d;border-radius:20px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.match-card:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#e74c3c,#f39c12,#2ecc71,#3498db);content:"";height:4px;left:0;position:absolute;right:0;top:0}.match-card:hover{border-color:#8e44ad80;box-shadow:0 20px 40px #0003;transform:translateY(-4px)}.match-header{margin-bottom:1.5rem}.sport-name{text-shadow:0 2px 4px #ffffff4d}.match-content{margin-bottom:1.5rem}.teams{justify-content:space-between;margin-bottom:1rem}.team{flex:1 1}.team-name{text-shadow:0 2px 4px #ffffff4d}.team-score{color:#fff;font-size:2rem;font-weight:800;text-shadow:0 4px 8px #ffffff80}.vs{font-size:1.2rem;margin:0 1rem;text-shadow:0 2px 4px #0000004d}.basketball-details,.cricket-details,.football-details{background:#ffffff0d;border-radius:8px;color:#fffc;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem}.match-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:1rem}.match-time{color:#ffffffb3;font-size:.8rem}.live-indicator{align-items:center;color:#e74c3c;display:flex;font-size:.8rem;font-weight:700;gap:.5rem;letter-spacing:1px;text-transform:uppercase}.pulse-dot{animation:pulse 1.5s infinite;background:#e74c3c;border-radius:50%;height:8px;width:8px}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:768px){.live-scoreboard{padding:1rem 0}.live-scoreboard-container{padding:0 15px}.live-scoreboard-image{margin-bottom:1.5rem;max-width:50%}.matches-grid{gap:1.5rem;grid-template-columns:1fr}.match-card{padding:1rem}.team-score{font-size:1.5rem}.vs{font-size:1rem;margin:0 .5rem}}@media (max-width:480px){.live-scoreboard-image{margin-bottom:1.2rem;max-width:45%}.no-matches h2{font-size:1.5rem}.no-matches p{font-size:1rem}.match-card{padding:.75rem}.team-name{font-size:1rem}.team-score{font-size:1.3rem}}.match-timer{background:#0003;border:1px solid #8e44ad4d;border-radius:8px;margin:.5rem 0;padding:.8rem}.timer-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.timer-label{color:#fffc;font-size:.9rem;font-weight:600}.timer-value{color:gold;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.period-info{align-items:center;display:flex;justify-content:space-between}.period-label{color:#ffffffb3;font-size:.8rem;font-weight:600}.period-value{font-size:.9rem;text-shadow:0 2px 4px #0000004d}@media (max-width:768px){.match-timer{padding:.6rem}.timer-value{font-size:1rem}.period-value{font-size:.8rem}}.history{min-height:100vh;padding:2rem 0;position:relative}.history-container{margin:0 auto;max-width:1200px;padding:0 20px}.history-header{margin-bottom:3rem;text-align:center}.history-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#8e44ad,#3498db);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 4px 20px #0000004d}.history-description{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.filter-section{margin-bottom:3rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{background:#0000;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.filter-btn:hover{background:#ffffff1a;border-color:#ffffff80}.filter-btn.active{background:linear-gradient(135deg,#8e44ad,#3498db);border-color:#0000;color:#fff}.no-matches{color:#fff;padding:4rem 2rem;text-align:center}.no-matches-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.no-matches h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px #0000004d}.no-matches p{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:400px;opacity:.8}.matches-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.match-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.match-item:hover{border-color:#ffffff4d;box-shadow:0 15px 30px #0003;transform:translateY(-4px)}.match-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.match-date{color:#ffffffb3;font-size:.9rem}.match-content{align-items:center;display:flex;justify-content:space-between}.teams{flex:1 1}.team{text-align:center}.team-name{font-size:1.1rem;margin-bottom:.5rem}.team-score{background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;color:#667eea;font-size:1.3rem;font-weight:700;min-width:80px;padding:.5rem 1rem;text-align:center;text-shadow:0 2px 4px #0000004d}.match-result{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.result-info{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.status-badge.live{animation:pulse 2s infinite;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.status-badge.scheduled{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.winner{color:#fffc;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.winning-reason{color:#667eeacc;font-size:.8rem;font-style:italic;font-weight:500}.delete-btn{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 2px 8px #e74c3c4d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;min-width:40px;padding:.5rem;transition:all .3s ease}.delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c66;transform:translateY(-2px)}.delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.history{padding:1rem 0}.history-container{padding:0 15px}.history-title{font-size:2.5rem}.history-description{font-size:1rem}.filter-buttons{gap:.5rem}.filter-btn{font-size:.8rem;padding:8px 16px}.match-content{align-items:stretch;flex-direction:column;gap:1rem}.teams{justify-content:center}.match-result{align-items:center}}@media (max-width:480px){.history-title{font-size:2rem}.history-description{font-size:.9rem}.filter-buttons{align-items:center;flex-direction:column}.match-item{padding:1rem}.team-name{font-size:1rem}.team-score{font-size:1.1rem;min-width:60px;padding:.4rem .8rem}.vs{font-size:.9rem}.delete-btn{font-size:1rem;height:35px;min-width:35px}.match-result{flex-direction:column;gap:.5rem}.match-result,.result-info{align-items:center}}.detailed-scores{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:.75rem;padding:.75rem}.scores-label{color:#a0a0a0;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.scores-details{color:#e0e0e0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.4}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(135deg,#2c3e50,#34495e);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:2rem;width:90%}.modal-content h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.name-inputs{gap:1rem;margin-bottom:1.5rem}.input-group,.name-inputs{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-group label{color:#ecf0f1;font-size:.9rem;font-weight:600}.input-group input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease}.input-group input:focus{background:#ffffff1a;border-color:#3498db;outline:none}.input-group input::placeholder{color:#bdc3c7}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-confirm{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel{background:#95a5a6;color:#fff}.btn-cancel:hover{background:#7f8c8d;transform:translateY(-2px)}.btn-confirm{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.btn-confirm:hover{background:linear-gradient(135deg,#229954,#27ae60);box-shadow:0 5px 15px #2ecc714d;transform:translateY(-2px)}.cricket-arena{min-height:100vh;padding:2rem 0;position:relative}.cricket-arena-container{margin:0 auto;max-width:1000px;padding:0 20px}.arena-title{background:linear-gradient(45deg,#e74c3c,#c0392b)}.cricket-scoreboard{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.main-score{gap:1rem;margin-bottom:1rem}.runs{color:gold}.runs,.wickets{font-size:4rem;font-weight:800;text-shadow:0 4px 8px #0000004d}.wickets{color:#e74c3c}.overs{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.extras{color:#fffc;font-size:1.1rem}.extras-section,.runs-section,.wickets-section{margin-bottom:2rem}.extras-buttons,.runs-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.score-btn{font-size:1rem}.score-btn.boundary{background:linear-gradient(135deg,#e74c3c,#c0392b)}.score-btn.boundary:hover{box-shadow:0 8px 15px #e74c3c4d}.score-btn.wicket{background:linear-gradient(135deg,#2c3e50,#34495e);width:100%}.score-btn.wicket:hover{box-shadow:0 8px 15px #2c3e504d}.score-btn.extra{background:linear-gradient(135deg,#f39c12,#e67e22)}.score-btn.extra:hover{box-shadow:0 8px 15px #f39c124d}.action-btn.undo{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.action-btn.undo:hover{box-shadow:0 8px 15px #95a5a64d;transform:translateY(-2px)}@media (max-width:768px){.cricket-arena{padding:1rem 0}.cricket-arena-container{padding:0 15px}.arena-title{font-size:2.5rem}.match-info{flex-direction:column;gap:1rem;padding:1rem}.cricket-scoreboard{gap:2rem;grid-template-columns:1fr}.runs,.wickets{font-size:3rem}.extras-buttons,.runs-buttons{grid-template-columns:repeat(2,1fr)}.actions-section{flex-direction:column}}@media (max-width:480px){.arena-title{font-size:2rem}.runs,.wickets{font-size:2.5rem}.score-btn{font-size:.9rem;padding:10px 12px}.action-btn{font-size:.9rem;padding:10px 20px}}@media (max-width:768px){.match-completion-banner{margin:1.5rem 0;padding:1.5rem}.completion-title{font-size:1.5rem}.winner-info{flex-direction:column;gap:.5rem}.winner-name{font-size:1.3rem}}.timer-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #8e44ad4d;border-radius:15px;box-shadow:0 8px 32px #0003;padding:1.5rem;text-align:center}.timer-display{margin-bottom:1rem}.timer-time{color:#fff;display:block;font-family:Courier New,monospace;font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.timer-status{color:#fffc;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.timer-controls{flex-wrap:wrap;gap:.8rem}.timer-btn,.timer-controls{display:flex;justify-content:center}.timer-btn{align-items:center;border:none;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;gap:.5rem;min-width:120px;padding:.8rem 1.5rem;transition:all .3s ease}.timer-btn-start{background:linear-gradient(135deg,#51cf66,#40c057);box-shadow:0 4px 15px #51cf664d;color:#fff}.timer-btn-start:hover{box-shadow:0 6px 20px #51cf6666;transform:translateY(-2px)}.timer-btn-resume{background:linear-gradient(135deg,#51cf66,#40c057);box-shadow:0 4px 15px #51cf664d;color:#fff}.timer-btn-resume:hover{box-shadow:0 6px 20px #51cf6666;transform:translateY(-2px)}.timer-btn-pause{background:linear-gradient(135deg,#ffd43b,#fab005);box-shadow:0 4px 15px #ffd43b4d;color:#000}.timer-btn-pause:hover{box-shadow:0 6px 20px #ffd43b66;transform:translateY(-2px)}.timer-btn-reset{background:linear-gradient(135deg,#ff6b6b,#fa5252);box-shadow:0 4px 15px #ff6b6b4d;color:#fff}.timer-btn-reset:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.timer-btn:active{transform:translateY(0)}@media (max-width:768px){.timer-container{padding:1rem}.timer-time{font-size:2rem}.timer-controls{gap:.6rem}.timer-btn{font-size:.8rem;min-width:100px;padding:.6rem 1.2rem}}@media (max-width:480px){.timer-time{font-size:1.8rem}.timer-controls{align-items:center;flex-direction:column}.timer-btn{max-width:200px;width:100%}}.match-settings-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.match-settings-modal{background:linear-gradient(135deg,#8e44ad,#2c3e50);border:1px solid #8e44ad4d;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.settings-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.settings-header h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.close-btn:hover{background:#ffffff1a;transform:scale(1.1)}.settings-content{margin-bottom:2rem}.settings-group h3{color:#fff;font-size:1.3rem;font-weight:600;text-align:center}.setting-item,.settings-group h3{margin-bottom:1.5rem}.setting-item label{display:block;margin-bottom:.5rem}.setting-item input,.setting-item label{color:#fff;font-size:1rem;font-weight:600}.setting-item input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;padding:.8rem 1rem;transition:all .3s ease;width:100%}.setting-item input:focus{background:#ffffff26;border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a;outline:none}.setting-item input::placeholder{color:#fff9}.settings-footer{border-top:1px solid #fff3;display:flex;gap:1rem;justify-content:center;padding-top:1rem}.settings-btn{border-radius:25px;min-width:120px;padding:.8rem 2rem}.settings-btn-save{background:linear-gradient(135deg,#51cf66,#40c057);box-shadow:0 4px 15px #51cf664d;color:#fff}.settings-btn-save:hover{box-shadow:0 6px 20px #51cf6666;transform:translateY(-2px)}.settings-btn-save:active{transform:translateY(0)}@media (max-width:768px){.match-settings-modal{margin:1rem;padding:1.5rem}.settings-header h2{font-size:1.5rem}.setting-item input{font-size:.9rem;padding:.6rem .8rem}.settings-btn{font-size:.9rem;padding:.6rem 1.5rem}}@media (max-width:480px){.match-settings-overlay{padding:.5rem}.match-settings-modal{padding:1rem}.settings-header{margin-bottom:1.5rem}.settings-header h2{font-size:1.3rem}}.football-arena{min-height:100vh;padding:2rem 0;position:relative}.football-arena-container{margin:0 auto;max-width:1000px;padding:0 20px}.arena-title{background:linear-gradient(45deg,#27ae60,#2ecc71)}.football-scoreboard{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.goals{color:gold;font-size:4rem;font-weight:800;text-shadow:0 4px 8px #0000004d}.match-time{align-items:center;display:flex;flex-direction:column;gap:.5rem}.time{color:#fff;text-shadow:0 2px 4px #0000004d}.period{color:#fffc;font-size:1.1rem;font-weight:600}.cards-section,.goals-section{margin-bottom:2rem}.cards-buttons,.goals-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.score-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)}.score-btn:hover{box-shadow:0 8px 15px #27ae604d}.card-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:10px 14px;text-shadow:0 2px 4px #0000004d;transition:all .3s ease}.card-btn.yellow{background:linear-gradient(135deg,#f39c12,#e67e22)}.card-btn.yellow:hover{box-shadow:0 8px 15px #f39c124d;transform:translateY(-2px)}.card-btn.red{background:linear-gradient(135deg,#e74c3c,#c0392b)}.card-btn.red:hover{box-shadow:0 8px 15px #e74c3c4d;transform:translateY(-2px)}@media (max-width:768px){.football-arena{padding:1rem 0}.football-arena-container{padding:0 15px}.arena-title{font-size:2.5rem}.match-info{flex-direction:column;gap:1rem;padding:1rem}.football-scoreboard{gap:2rem;grid-template-columns:1fr}.goals{font-size:3rem}.cards-buttons,.goals-buttons{grid-template-columns:1fr}.actions-section{flex-direction:column}}@media (max-width:480px){.arena-title{font-size:2rem}.goals{font-size:2.5rem}.score-btn{font-size:.8rem;padding:10px 12px}.card-btn{font-size:.7rem;padding:8px 12px}.action-btn{font-size:.9rem;padding:10px 20px}}.football-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #8e44ad4d;border-radius:15px;margin:2rem 0;padding:2rem}.half-info,.period-info{align-items:center;display:flex;gap:.5rem}.half-label,.period-label{color:#fffc;font-weight:600}.half-label,.period-value{color:#fff;font-size:1.1rem;font-weight:700}@media (max-width:768px){.football-controls{padding:1.5rem}.controls-header{align-items:stretch;flex-direction:column;gap:1rem}.match-info-display{flex-direction:column;text-align:center}.completion-title{font-size:1.5rem}.winner-info{flex-direction:column;gap:.5rem}.winner-name{font-size:1.3rem}}.basketball-arena{min-height:100vh;padding:2rem 0;position:relative}.basketball-arena-container{margin:0 auto;max-width:1000px;padding:0 20px}.arena-title{background:linear-gradient(45deg,#f39c12,#e67e22)}.basketball-scoreboard{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.quarter-info{align-items:center;display:flex;flex-direction:column;gap:.5rem}.quarter{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.time{color:#fffc;font-size:1.2rem;font-weight:600}.fouls-section,.points-section{margin-bottom:2rem}.points-buttons{grid-template-columns:repeat(3,1fr)}.fouls-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.score-btn{background:linear-gradient(135deg,#f39c12,#e67e22)}.score-btn:hover{box-shadow:0 8px 15px #f39c124d}.foul-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 16px;text-shadow:0 2px 4px #0000004d;transition:all .3s ease}.foul-btn:hover{box-shadow:0 8px 15px #e74c3c4d;transform:translateY(-2px)}@media (max-width:768px){.basketball-arena{padding:1rem 0}.basketball-arena-container{padding:0 15px}.arena-title{font-size:2.5rem}.match-info{flex-direction:column;gap:1rem;padding:1rem}.basketball-scoreboard{gap:2rem;grid-template-columns:1fr}.points{font-size:3rem}.points-buttons{grid-template-columns:repeat(2,1fr)}.fouls-buttons{grid-template-columns:1fr}.actions-section{flex-direction:column}}@media (max-width:480px){.arena-title{font-size:2rem}.points{font-size:2.5rem}.foul-btn,.score-btn{font-size:.8rem;padding:10px 12px}.action-btn{font-size:.9rem;padding:10px 20px}}.basketball-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #8e44ad4d;border-radius:15px;margin:2rem 0;padding:2rem}.quarter-info,.quarter-progress{align-items:center;display:flex;gap:.5rem}.progress-label,.quarter-label{color:#fffc;font-weight:600}.progress-label,.quarter-value{color:#fff;font-size:1.1rem;font-weight:700}@media (max-width:768px){.basketball-controls{padding:1.5rem}.controls-header{align-items:stretch;flex-direction:column;gap:1rem}.match-info-display{flex-direction:column;text-align:center}.completion-title{font-size:1.5rem}.winner-info{flex-direction:column;gap:.5rem}.winner-name{font-size:1.3rem}}.chess-arena{min-height:100vh;padding:2rem 0;position:relative}.chess-arena-container{margin:0 auto;max-width:1000px;padding:0 20px}.arena-title{background:linear-gradient(45deg,#2c3e50,#34495e)}.chess-scoreboard{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.clocks{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.clock{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.clock.active{background:#3498db33;border-color:#3498db80;box-shadow:0 0 20px #3498db4d}.time{color:gold;font-size:2rem;font-weight:700;text-shadow:0 4px 8px #0000004d}.result{background:#2ecc7133;border:1px solid #2ecc714d;border-radius:12px;margin-top:1rem;padding:1rem}.result-text{color:#2ecc71;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.clock-section,.result-section{margin-bottom:2rem}.clock-buttons,.result-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}.result-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 16px;text-shadow:0 2px 4px #0000004d;transition:all .3s ease}.result-btn.white-win{background:linear-gradient(135deg,#ecf0f1,#bdc3c7);color:#2c3e50}.result-btn.white-win:hover{box-shadow:0 8px 15px #ecf0f14d;transform:translateY(-2px)}.result-btn.black-win{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff}.result-btn.black-win:hover{box-shadow:0 8px 15px #2c3e504d;transform:translateY(-2px)}.result-btn.draw{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.result-btn.draw:hover{box-shadow:0 8px 15px #95a5a64d;transform:translateY(-2px)}.clock-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 16px;text-shadow:0 2px 4px #0000004d;transition:all .3s ease}.clock-btn:hover{box-shadow:0 8px 15px #3498db4d;transform:translateY(-2px)}@media (max-width:768px){.chess-arena{padding:1rem 0}.chess-arena-container{padding:0 15px}.arena-title{font-size:2.5rem}.match-info{flex-direction:column;gap:1rem;padding:1rem}.chess-scoreboard{gap:2rem;grid-template-columns:1fr}.time{font-size:1.5rem}.actions-section{flex-direction:column}}@media (max-width:480px){.arena-title{font-size:2rem}.time{font-size:1.2rem}.clock-btn,.result-btn{font-size:.9rem;padding:10px 12px}.action-btn{font-size:.9rem;padding:10px 20px}}.chess-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #8e44ad4d;border-radius:15px;margin:2rem 0;padding:2rem}.controls-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.controls-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.settings-btn{align-items:center;background:linear-gradient(135deg,#8e44ad,#3498db);border-radius:20px;display:flex;gap:.5rem;padding:.6rem 1.2rem}.settings-btn:hover{box-shadow:0 6px 20px #8e44ad66}.match-info-display{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem;padding:1rem}.increment-info,.time-control-info{align-items:center;display:flex;gap:.5rem}.increment-label,.time-label{color:#fffc;font-weight:600}.increment-value,.time-value{color:#fff;font-size:1.1rem;font-weight:700}.match-completion-banner{background:linear-gradient(135deg,#8e44ad,#2c3e50);border:2px solid #ffd7004d;border-radius:15px;box-shadow:0 8px 32px #0000004d;margin:2rem 0;padding:2rem;text-align:center}.completion-content{color:#fff}.completion-title{color:gold;font-size:2rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.winner-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.winner-label{color:#ffffffe6;font-size:1.2rem;font-weight:600}.winner-name{color:gold;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.completion-reason{color:#fffc;font-size:1rem;font-style:italic}.match-status.completed{background:linear-gradient(135deg,gold,#ffed4e);color:#000;font-weight:700}@media (max-width:768px){.chess-controls{padding:1.5rem}.controls-header{align-items:stretch;flex-direction:column;gap:1rem}.match-info-display{flex-direction:column;text-align:center}.completion-title{font-size:1.5rem}.winner-info{flex-direction:column;gap:.5rem}.winner-name{font-size:1.3rem}}.turn-controls{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:1.5rem;padding:1rem}.turn-controls h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.switch-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.switch-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.chess-timer-display{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:1.5rem;padding:1rem}.timer-section{display:flex;justify-content:space-between;margin-bottom:1rem}.player-timer{align-items:center;border-radius:8px;display:flex;flex-direction:column;min-width:120px;padding:.75rem}.player-timer.white{background:#ffffff1a;border:2px solid #fff}.player-timer.black{background:#0000004d;border:2px solid #333}.player-label{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.time-display{color:#fff;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.current-player{background:#667eea33;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;padding:.5rem;text-align:center}.volleyball-arena{min-height:100vh;padding:2rem 0;position:relative}.volleyball-arena-container{margin:0 auto;max-width:1000px;padding:0 20px}.arena-title{background:linear-gradient(45deg,#9b59b6,#8e44ad)}.teams{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:600;gap:1rem}.volleyball-scoreboard{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.team-score{align-items:center;display:flex;flex-direction:column;gap:.5rem}.team-name{color:#fff;font-size:1.2rem;font-weight:600;text-shadow:0 2px 4px #0000004d}.sets{color:#fffc;font-size:1rem;font-weight:600}.set-info{align-items:center;display:flex;flex-direction:column;gap:.5rem}.current-set{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.score-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.score-btn:hover{box-shadow:0 8px 15px #9b59b64d}@media (max-width:768px){.volleyball-arena{padding:1rem 0}.volleyball-arena-container{padding:0 15px}.arena-title{font-size:2.5rem}.match-info{flex-direction:column;gap:1rem;padding:1rem}.volleyball-scoreboard{gap:2rem;grid-template-columns:1fr}.points{font-size:3rem}.points-buttons{grid-template-columns:1fr}.actions-section{flex-direction:column}}.badminton-arena{min-height:100vh;padding:2rem 0;position:relative}.badminton-arena-container{margin:0 auto;max-width:1000px;padding:0 20px}.arena-title{background:linear-gradient(45deg,#e67e22,#d35400)}.badminton-scoreboard{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.score-btn{background:linear-gradient(135deg,#e67e22,#d35400)}.score-btn:hover{box-shadow:0 8px 15px #e67e224d}@media (max-width:768px){.badminton-arena{padding:1rem 0}.badminton-arena-container{padding:0 15px}.arena-title{font-size:2.5rem}.match-info{flex-direction:column;gap:1rem;padding:1rem}.badminton-scoreboard{gap:2rem;grid-template-columns:1fr}.points{font-size:3rem}.points-buttons{grid-template-columns:1fr}.actions-section{flex-direction:column}}.table-tennis-arena{min-height:100vh;padding:2rem 0;position:relative}.table-tennis-arena-container{margin:0 auto;max-width:1000px;padding:0 20px}.arena-header{margin-bottom:3rem;text-align:center}.arena-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3498db,#2980b9);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:800;margin-bottom:2rem;text-shadow:0 4px 20px #0000004d}.match-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;justify-content:space-between;margin:0 auto;max-width:600px;padding:1.5rem 2rem}.match-info,.players{align-items:center;display:flex}.players{color:#fff;font-size:1.2rem;font-weight:600;gap:1rem}.vs{color:#ffffffb3;font-size:1rem;font-weight:700}.match-status{border-radius:20px;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.match-status.scheduled{background:#3498db33;border:1px solid #3498db4d;color:#3498db}.match-status.live{animation:pulse 2s infinite;background:#e74c3c33;border:1px solid #e74c3c4d;color:#e74c3c}.table-tennis-scoreboard{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.score-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem;text-align:center}.main-score{gap:2rem;justify-content:center;margin-bottom:2rem}.main-score,.player-score{align-items:center;display:flex}.player-score{flex-direction:column;gap:.5rem}.player-name{color:#fff;font-size:1.2rem;font-weight:600;text-shadow:0 2px 4px #0000004d}.points{color:gold;font-size:4rem;font-weight:800;text-shadow:0 4px 8px #0000004d}.games{color:#fffc;font-size:1rem;font-weight:600}.separator{color:#ffffffb3;font-size:3rem;font-weight:300}.game-info{align-items:center;display:flex;flex-direction:column;gap:.5rem}.current-game{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #0000004d}.serving{color:#fffc;font-size:1.1rem;font-weight:600}.scorer-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem}.scorer-controls h3{color:#fff;font-size:1.2rem;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.points-section{margin-bottom:2rem}.points-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.score-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 16px;text-shadow:0 2px 4px #0000004d;transition:all .3s ease}.score-btn:hover{box-shadow:0 8px 15px #3498db4d;transform:translateY(-2px)}.actions-section{display:flex;flex-wrap:wrap;gap:1rem}.action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.action-btn.start{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.action-btn.start:hover{box-shadow:0 8px 15px #27ae604d;transform:translateY(-2px)}.action-btn.end{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.action-btn.end:hover{box-shadow:0 8px 15px #e74c3c4d;transform:translateY(-2px)}@media (max-width:768px){.table-tennis-arena{padding:1rem 0}.table-tennis-arena-container{padding:0 15px}.arena-title{font-size:2.5rem}.match-info{flex-direction:column;gap:1rem;padding:1rem}.table-tennis-scoreboard{gap:2rem;grid-template-columns:1fr}.points{font-size:3rem}.points-buttons{grid-template-columns:1fr}.actions-section{flex-direction:column}}@media (max-width:480px){.arena-title{font-size:2rem}.points{font-size:2.5rem}.score-btn{font-size:.8rem;padding:10px 12px}.action-btn{font-size:.9rem;padding:10px 20px}}.settings-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-left:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.settings-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.tournament{min-height:100vh;padding:2rem 0;position:relative}.tournament-container{margin:0 auto;max-width:1200px;padding:0 20px}.tournament-header{margin-bottom:3rem;text-align:center}.tournament-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#8e44ad,#3498db);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 4px 20px #0000004d}.tournament-description{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.create-btn{margin-top:1rem}.create-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-bottom:3rem;padding:2rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#fff;font-size:.9rem;font-weight:600;text-shadow:0 2px 4px #0000004d}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 10px #ffffff1a;outline:none}.form-group select option{background:#2c3e50;color:#fff}.form-actions{display:flex;gap:1rem;justify-content:center}.form-actions,.tournaments-list{margin-top:2rem}.no-tournaments{color:#fff;padding:4rem 2rem;text-align:center}.no-tournaments-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.no-tournaments h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px #0000004d}.no-tournaments p{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:400px;opacity:.8}.tournaments-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.tournament-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.tournament-card:hover{border-color:#ffffff4d;box-shadow:0 15px 30px #0003;transform:translateY(-4px)}.tournament-header{justify-content:space-between;margin-bottom:1rem}.sport-info,.tournament-header{align-items:center;display:flex}.sport-info{gap:.5rem}.sport-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem}.sport-name{color:#fff;font-size:1rem;font-weight:600;text-shadow:0 2px 4px #0000004d}.status-badge{border-radius:12px;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.status-badge.upcoming{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.status-badge.ongoing{animation:pulse 2s infinite;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.status-badge.completed{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.status-badge.cancelled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.tournament-content{margin-bottom:1.5rem}.tournament-name{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.tournament-format{color:#fffc;font-size:.9rem;margin-bottom:.5rem;text-transform:capitalize}.tournament-dates,.tournament-venue{color:#ffffffb3;font-size:.9rem;margin-bottom:.5rem}.tournament-description{color:#fffc;font-size:.9rem;line-height:1.4}.tournament-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:1rem}.matches-count,.teams-count{color:#ffffffb3;font-size:.9rem;font-weight:600}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.loading{color:#fff;flex-direction:column;height:400px}.loading-spinner{margin-bottom:1rem}@media (max-width:768px){.tournament{padding:1rem 0}.tournament-container{padding:0 15px}.tournament-title{font-size:2.5rem}.tournament-description{font-size:1rem}.create-form{padding:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.tournaments-grid{gap:1.5rem;grid-template-columns:1fr}.tournament-card{padding:1rem}}@media (max-width:480px){.tournament-title{font-size:2rem}.tournament-description{font-size:.9rem}.create-form{padding:1rem}.tournament-name{font-size:1.1rem}.tournament-dates,.tournament-description,.tournament-format,.tournament-venue{font-size:.8rem}}.App{background:linear-gradient(135deg,#8e44ad,#2c3e50);min-height:100vh;position:relative}.App:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff08 0,#ffffff08 20px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.main-content{min-height:calc(100vh - 80px);padding-top:80px;position:relative;z-index:1}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s}.loading{align-items:center;display:flex;height:200px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.error-container h2{color:#ff6b6b;font-size:2rem;margin-bottom:1rem}.error-container p{font-size:1.1rem;margin-bottom:2rem;opacity:.8}.success-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.success-container h2{color:#51cf66;font-size:2rem;margin-bottom:1rem}.success-container p{font-size:1.1rem;margin-bottom:2rem;opacity:.8}@media (max-width:768px){.main-content{min-height:calc(100vh - 70px);padding-top:70px}}@media (max-width:480px){.main-content{min-height:calc(100vh - 60px);padding-top:60px}}
/*# sourceMappingURL=main.5fb5d8f2.css.map*/