body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{margin-top:250px;padding:.5rem 0;top:0;width:100%;z-index:10}nav ul{display:flex;gap:2.5rem;justify-content:center;list-style:none;margin:0;padding:0}nav a{border-radius:25px;color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:.5rem 1.2rem;position:relative;text-decoration:none;transition:box-shadow .3s ease,background .3s ease}nav a:after{background:linear-gradient(90deg,#00eaff,#07f);bottom:6px;content:"";display:block;height:2px;left:0;margin-top:2px;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}nav a:hover{text-decoration:none}nav a:hover:after{width:100%}.menu-hamburguesa{background:linear-gradient(120deg,#232a34 60%,#07f);border:2px solid #00eaff;border-radius:14px;box-shadow:0 2px 12px #0077ff44;cursor:pointer;display:none;flex-direction:column;gap:7px;height:44px;justify-content:center;margin-left:1rem;position:relative;transition:box-shadow .3s,border .3s;width:44px;z-index:20}.menu-hamburguesa:hover{border:2px solid #61dbfb;box-shadow:0 4px 24px #00eaff88}.menu-hamburguesa span{background:linear-gradient(90deg,#00eaff,#61dbfb);border-radius:3px;box-shadow:0 1px 6px #00eaff44;display:block;height:4px;margin:0 auto;transition:.35s cubic-bezier(.4,0,.2,1);width:70%}.menu-hamburguesa[aria-expanded=true] span:first-child{transform:translateY(11px) rotate(45deg)}.menu-hamburguesa[aria-expanded=true] span:nth-child(2){opacity:0}.menu-hamburguesa[aria-expanded=true] span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}@media (max-width:750px){.menu-hamburguesa{display:flex;position:absolute;right:18px;top:10px}nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(120deg,#232a34 80%,#07f);border-bottom:3px solid #00eaff;border-radius:0 0 22px 22px;box-shadow:0 8px 32px #0077ff44,0 2px 8px #0002;display:none;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:15}nav.abierto{animation:fadeIn .3s;display:block}nav ul{align-items:center;background:#0000;border-radius:0 0 18px 18px;box-shadow:none;flex-direction:column;gap:1.2rem;padding:1.2rem .5rem 1.5rem}nav li{display:flex;justify-content:center;width:100%}nav a{background:linear-gradient(90deg,#07f3,#00eaff22);border-radius:16px;box-shadow:0 2px 12px #0077ff22;color:#f3e8e8;font-size:1.15rem;font-weight:700;margin:.2rem 0;padding:.7rem .5rem;text-align:center;transition:background .2s,color .2s,box-shadow .2s;width:90%}nav a:hover{background:linear-gradient(90deg,#00eaff,#07f);box-shadow:0 4px 24px #00eaff55;color:#232a34}header{margin-top:0}}.menu-hamburguesa,nav a,nav ul{font-family:Montserrat,Segoe UI,Arial,sans-serif;letter-spacing:1px}.hero-section{min-height:100vh;overflow:hidden;position:relative;scroll-margin-top:260px;width:100%}.particles{height:100%;left:0;position:absolute;top:0;width:100%}.home-content{align-items:center;color:#fff;display:flex;flex-direction:column;padding-bottom:3rem;padding-top:15vh;position:relative;z-index:1}.TextTittle{color:#61dbfb}.homeHeader{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center;position:relative;z-index:1}.homeHeader img{height:auto;max-width:30%;min-width:200px;width:50%}.speechBubble{border-radius:10px;color:#f3e8e8;font-size:1.5rem;position:relative;text-align:center}.react-typed{animation:gradientText 5s ease infinite;display:inline-block;font-weight:700}.skills{display:flex;gap:2rem;justify-content:center;margin-top:.5rem}.skill{background:var(--primary-color);border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;padding:.5rem 1rem;transition:background .3s ease}.skill.modern-skill{align-items:center;background:#0000;border-radius:18px;box-shadow:none;display:flex;flex-direction:column;min-width:90px;padding:1rem 1.2rem;transition:transform .2s}.skill.modern-skill:hover{transform:translateY(-6px) scale(1.07)}.skill-name{background:#1e1e2826;border-radius:8px;color:#fff;font-size:1rem;letter-spacing:1px;margin-bottom:.2em;margin-top:.7rem;padding:.2em .7em;text-align:center}.skill-name,.ver-mas-btn{font-weight:700}@media (max-width:1600px){.homeHeader img{width:200px}}@media (max-width:1200px){.homeHeader img{min-width:150px;width:150px}.AboutMe{margin-left:50px;margin-right:50px}}@media (max-width:950px){.homeHeader img{padding-top:0}.AboutMe{font-size:.85rem;margin-left:100px;margin-right:100px;padding:0 .5rem}.skill.modern-skill{min-width:60px;padding:.5rem .7rem}.skill-name{font-size:.85rem;padding:.15em .5em}}@media (max-width:750px){.hero-section{min-height:auto;scroll-margin-top:0}.particles{display:none!important}.home-content{padding-top:1rem}.homeHeader{flex-direction:column;gap:1.2rem;position:static}.homeHeader img{margin-bottom:-20px;padding-top:20px;width:150px}.speechBubble{font-size:1.1rem}.TextTittle{font-size:1.3rem}.react-typed{font-size:1rem}.AboutMe{font-size:.95rem;margin-left:50px;margin-right:50px;padding:0 .5rem}.skills{flex-wrap:wrap;gap:1rem}.skill.modern-skill{min-width:60px;padding:.5rem .7rem}.skill-name{font-size:.85rem;padding:.15em .5em}}@media (max-width:400px){.homeHeader{padding-top:0}.homeHeader img{width:120px}.TextTittle{font-size:1.05rem}.speechBubble{font-size:.95rem}.AboutMe{font-size:.85rem;margin-left:20px;margin-right:20px}}.AboutMe{letter-spacing:.02em;line-height:1.7;margin-left:auto;margin-right:auto;max-width:700px;padding:0 2rem;text-align:center}.AboutMe p{margin-bottom:1.1em;white-space:pre-line}#root,body,html{box-sizing:border-box;height:100%;margin:0;min-height:100vh;min-width:100vw;padding:0;width:100vw}.portfolio{padding:2rem}.featured-banner{animation:pulse-border 3s ease-in-out infinite;background:linear-gradient(135deg,#000,#151718 50%,#000);border:2px solid #00c6cf;border-radius:0;box-shadow:0 8px 32px #00c6cf4d,0 0 60px #00c6cf1a;left:0;margin-bottom:0;overflow:hidden;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.featured-banner:before{background:radial-gradient(circle at top right,#00c6cf26 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes pulse-border{0%,to{box-shadow:0 8px 32px #00c6cf4d,0 0 60px #00c6cf1a}50%{box-shadow:0 8px 32px #00c6cf80,0 0 80px #00c6cf33}}.featured-content{align-items:center;display:flex;gap:2rem;margin:0 auto;max-width:1200px;position:relative;z-index:1}.featured-icon{filter:drop-shadow(0 0 20px rgba(0,198,207,.6));font-size:8rem}.featured-icon,.featured-logo{animation:float 3s ease-in-out infinite}.featured-logo{border-radius:20px;filter:drop-shadow(0 0 30px rgba(0,198,207,.7));height:180px;width:180px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.featured-text{flex:1 1}.featured-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c6cf,#09c);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin:0 0 .5rem;text-align:left}.featured-text p{color:#9ba1a6;font-size:1.1rem;margin:0}.featured-button{align-items:center;background:linear-gradient(135deg,#00c6cf,#09c);border-radius:12px;box-shadow:0 4px 20px #00c6cf66;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.featured-button:hover{background:linear-gradient(135deg,#00d4e0,#00a3d9);box-shadow:0 6px 30px #00c6cf99;transform:translateY(-3px)}.portfolio h2{color:#61dbfb;margin-bottom:2rem;text-align:center}.portfolio h3{margin-bottom:1rem;text-align:center}.portfolio ul{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.portfolio li{background:linear-gradient(135deg,#232a34 80%,#0077ff22);border:2px solid #07f3;border-radius:18px;box-shadow:0 4px 24px #0077ff22,0 2px 8px #0002;color:#f3e8e8;font-family:inherit;padding:1.5rem 1rem;transition:transform .2s,box-shadow .2s;width:320px}.portfolio li:hover{border-color:#00eaff88;box-shadow:0 8px 32px #00eaff44,0 4px 16px #07f3;transform:translateY(-8px) scale(1.03)}.portfolio li.featured-project{background:linear-gradient(135deg,#1b1f22,#0f1214);border:2px solid #00c6cf;box-shadow:0 4px 24px #00c6cf4d,0 2px 8px #0002;position:relative}.portfolio li.featured-project:before{background:linear-gradient(135deg,#00c6cf,#09c);border-radius:12px;box-shadow:0 2px 8px #00c6cf66;color:#fff;content:"⭐ DESTACADO";font-size:.75rem;font-weight:700;letter-spacing:1px;padding:4px 12px;position:absolute;right:20px;top:-12px}.portfolio li.featured-project:hover{border-color:#00d4e0;box-shadow:0 12px 40px #00c6cf80,0 4px 16px #00c6cf4d;transform:translateY(-12px) scale(1.05)}.portfolio a{background:var(--primary-color);border-radius:4px;color:#fff;display:block;font-size:1rem;font-weight:700;margin-top:1rem;padding:.5rem;transition:background .3s ease}.gameFrameContainer{align-items:center;display:flex;flex-direction:column;padding:32px 0}.gameFrameHeader{animation:headerGlow 2s infinite alternate,gradientMove 6s linear infinite;background:linear-gradient(90deg,#00eaff,#07f);border:4px solid #fff;border-radius:32px;box-shadow:0 0 32px #00eaff88,0 8px 32px #0077ff44;color:#fff;font-size:2.3rem;font-weight:700;letter-spacing:2px;margin-bottom:24px;padding:18px 30px;position:relative;text-shadow:0 0 8px #00eaff,0 0 16px #07f,0 2px 4px #222;transition:transform .2s;z-index:2}.gameFrameHeader:hover{box-shadow:0 0 64px #00eaffcc,0 8px 48px #0077ff88;transform:scale(1.04) rotate(-1deg)}@keyframes headerGlow{0%{box-shadow:0 0 16px #00eaff88}to{box-shadow:0 0 32px #00eaffcc}}@keyframes gradientMove{0%{background-position:0 50%}to{background-position:100% 50%}}.gameFrameAnimatedBorder{animation:borderPulse 4s ease-in-out infinite;background:linear-gradient(120deg,#38bdf8);background-size:200% 200%;border-radius:24px;border-top:5px solid #0000;box-shadow:0 8px 32px #0000001f;max-width:800px;padding:10px;width:100%}@keyframes borderPulse{0%{background-position:0 50%;filter:brightness(1) opacity(.95)}50%{background-position:100% 50%;filter:brightness(1.08) opacity(1)}to{background-position:0 50%;filter:brightness(1) opacity(.95)}}.modal-overlay{background:#000000b3;z-index:9999}.modal-content{animation:modalIn .2s;background:linear-gradient(135deg,#232a34 80%,#0077ff22);border:2px solid #07f3;border-radius:18px;box-shadow:0 8px 32px #07f3,0 2px 8px #0002;color:#f3e8e8;max-height:85vh;max-width:700px;overflow-y:auto;position:relative;width:95vw}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-images img{border-radius:12px;max-width:150px;transition:transform .2s}.modal-images img:hover{transform:scale(1.05)}.modal-content .modal-images img[src*=Logo26]{border-radius:20px;filter:drop-shadow(0 4px 20px rgba(0,198,207,.4));max-width:280px!important}.dart-features,.feature-grid{margin-top:.5rem}.feature-grid{grid-gap:.6rem;align-items:stretch;display:grid;gap:.6rem;grid-template-columns:1fr 1fr}.feature-item{align-items:center;background:linear-gradient(135deg,#0077ff12,#00c6cf0d);border:1px solid #0077ff30;border-radius:10px;display:flex;font-size:.85rem;gap:.5rem;line-height:1.35;min-height:0;padding:.55rem .75rem;transition:border-color .2s,transform .2s}.feature-icon{flex-shrink:0;font-size:1.2rem;text-align:center;width:1.5rem}.feature-item:hover{border-color:#00c6cf88;transform:translateY(-2px)}@media (max-width:600px){.feature-grid{grid-template-columns:1fr}.feature-item{font-size:.82rem;padding:.5rem .6rem}}.wave-separator{background:linear-gradient(135deg,#07f,#07f 12%,#1a2330 40%,#232a34);line-height:0;margin:0;padding:0;position:relative;width:100vw;z-index:2}.experience{background:linear-gradient(135deg,#232a34 80%,#0077ff22);border:2px solid #07f3;border-radius:18px;box-shadow:0 4px 24px #0077ff22,0 2px 8px #0002;box-sizing:border-box;color:#f3e8e8;font-family:inherit;margin:2rem auto 3rem;max-width:700px;padding:2rem 2.5rem;transition:transform .2s,box-shadow .2s;width:100%}.experience h2{color:#61dbfb;margin-bottom:1.2rem;text-align:center}.experience-title,.experience-title2{color:#61dbfb;font-size:2rem;letter-spacing:1px;margin-bottom:.7rem;scroll-margin-top:260px;text-align:center}.experience-title2{margin-top:6rem}.experience-item{border-bottom:1px solid #2a334455;color:#f3e8e8;margin-bottom:1.5rem;padding:1.2rem .5rem}.experience-item:last-child{border-bottom:none}.experience-item h3{color:#fff;font-size:1.1rem;margin:0}.experience-item span{color:#61dbfb}.periodo{color:#bbb;font-size:.95rem;margin-bottom:.3rem}.no-hover,.no-hover:hover{box-shadow:0 4px 24px #0077ff22,0 2px 8px #0002!important;cursor:default!important;transform:none!important}.game-card{align-items:center;background:linear-gradient(135deg,#232a34 80%,#0077ff22);border:2px solid #07f3;border-radius:18px;box-shadow:0 4px 24px #0077ff22,0 2px 8px #0002;color:#f3e8e8;display:flex;flex-direction:column;font-family:inherit;margin:0 auto;padding:1.5rem 1rem;position:relative;transition:width .3s,transform .2s,box-shadow .2s,border-color .2s}.game-card:hover{border-color:#00eaff88}.cv-download-btn{background:linear-gradient(90deg,#00eaff,#07f);border:none;border-radius:8px;box-shadow:0 2px 8px #0077ff44;color:#fff;display:inline-block;font-size:.98rem;font-weight:700;margin-top:1rem;max-width:200px;padding:.5rem 2rem;text-align:center;text-decoration:none;transition:background .2s,transform .2s}.cv-download-btn:hover{background:linear-gradient(90deg,#07f,#00eaff);transform:scale(1.04)}.cv-download-btn:active{filter:brightness(.93);transform:scale(.97)}.experience .cv-download-btn{display:block;margin-left:auto;margin-right:auto}@media (max-width:700px){.modal-content{font-size:.85rem;max-width:95vw;padding:1rem .5rem;width:95vw}.modal-images img{max-width:90px!important}.dart-app-btn,.playstore-btn{flex:1 1 100%!important;font-size:1rem!important;min-width:100%!important;padding:.9rem 1.5rem!important}.experience{margin:1.5rem auto;max-width:95%;padding:1.5rem 1rem;width:95%}.experience-title{font-size:1.5rem}.experience-title2{font-size:1.5rem;margin-top:3rem}.experience-item{margin-bottom:1rem;padding:1rem .3rem}.experience-item h3{word-wrap:break-word;font-size:1rem;overflow-wrap:break-word}.experience-item p,.experience-item span,.periodo{word-wrap:break-word;font-size:.9rem;overflow-wrap:break-word}.featured-banner{margin-bottom:0;padding:1.5rem 1rem;position:relative}.featured-content{flex-direction:column;gap:1.5rem;text-align:center}.featured-icon{font-size:6rem}.featured-logo{height:150px;width:150px}.featured-text h2{font-size:1.75rem;text-align:center}.featured-text p{font-size:1rem}.featured-button{font-size:1.05rem;justify-content:center;padding:1rem 2rem;width:100%}.portfolio li.featured-project:before{font-size:.65rem;padding:3px 10px;right:10px;top:-10px}.modal-content .modal-images img[src*=Logo26]{max-width:180px!important}}@media (max-width:480px){.featured-banner{padding:1rem .8rem}.featured-icon{font-size:5rem}.featured-logo{height:140px;width:140px}.featured-text h2{font-size:1.3rem}.featured-text p{font-size:.85rem}.featured-button{font-size:.9rem;padding:.8rem 1.2rem}.modal-content .modal-images img[src*=Logo26]{max-width:150px!important}}@media (max-width:700px){.experience-title,.experience-title2{scroll-margin-top:0}}#root,body{animation:fondoMove 12s ease-in-out infinite;background:linear-gradient(120deg,#232a34 50%,#07f);background-attachment:fixed;background-size:200% 200%;box-sizing:border-box;height:100%;margin:0;min-height:100vh;min-width:100vw;padding:0;width:100vw}@keyframes fondoMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.contact,.contact-bg{align-items:center;display:flex;justify-content:center}.contact{background:linear-gradient(135deg,#232a34 80%,#0077ff22);border:2px solid #07f3;border-radius:18px;box-shadow:0 4px 24px #0077ff22,0 2px 8px #0002;color:#f3e8e8;flex-direction:column;font-family:inherit;margin-top:30px;padding:1rem 30px;text-align:center}.contact h2{color:#61dbfb;font-size:2.2rem;letter-spacing:2px;margin-bottom:2rem;text-shadow:0 2px 8px #0077ff55}.contact button:hover{background:linear-gradient(90deg,#07f,#00eaff);box-shadow:0 4px 24px #00eaff88;transform:scale(1.05)}.contact-info{align-items:stretch;color:#f3e8e8;display:flex;flex-direction:column;font-size:1.15rem;gap:1.2rem;margin:2rem 0 1.5rem}.contact-info a{color:#00eaff;font-weight:700;margin-left:.5rem;position:relative;transition:color .2s}.contact-info a,.contact-info a:hover{text-decoration:none}.contact-info a:after{background:linear-gradient(90deg,#00eaff,#07f);border-radius:2px;content:"";display:block;height:2px;margin-top:2px;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.contact-info a:hover{color:#61dbfb}.contact-info a:hover:after{width:100%}.contact-info svg{color:#07f;margin-right:.3rem;vertical-align:middle}.contact-title{color:#61dbfb;font-size:2rem;letter-spacing:1px;margin-bottom:.7rem;scroll-margin-top:260px;text-align:center}.contact-grid{grid-gap:2.5rem 3rem;align-items:center;display:grid;gap:2.5rem 3rem;grid-template-columns:repeat(2,1fr);justify-items:center;margin:2.5rem 0 1.5rem}.contact-grid-item{align-items:center;border-radius:12px;color:#f3e8e8;display:flex;flex-direction:column;min-width:120px;padding:.7rem .5rem;text-decoration:none;transition:transform .18s,box-shadow .18s}.contact-icon{color:#07f;color:var(--icon-color,#07f);font-size:2.5rem;margin-bottom:.5rem;transition:color .2s,transform .2s}.contact-label{color:#f3e8e8;font-size:1.08rem;font-weight:500;text-align:center;word-break:break-all}.contact-grid-item:hover .contact-icon{color:#00eaff;transform:scale(1.18) rotate(-6deg)}.contact-grid-item:hover .contact-label{color:#61dbfb}@media (max-width:900px){.contact-grid{gap:1.2rem 0;grid-template-columns:1fr}}footer{color:#b8c1ec;padding:1.5rem 0;position:relative;text-align:center}footer p{color:#b8c1ec;font-size:1rem;margin-top:50px}footer .social-links{display:flex;gap:1rem;justify-content:center;margin:1rem 0}footer .social-links a{color:#b8c1ec;font-size:1.5rem;transition:transform .3s ease,color .3s ease}footer .social-links a:hover{color:#eebbc3;transform:scale(1.2)}.corazon-late{animation:latido 1.8s ease-in-out infinite;display:inline-block;margin-left:6px;transform-origin:center}@keyframes latido{0%,to{transform:scale(1)}20%{transform:scale(1.22)}35%{transform:scale(.98)}50%{transform:scale(1.18)}70%{transform:scale(1)}}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden;width:100%}:root{--primary:#00c6cf;--primary-alt:#09c;--background:#002a2f;--surface:#1b1f22;--surface-elevated:#1f2427;--border:#262a2e;--text:#ecedee;--text-secondary:#9ba1a6;--success:#4caf50;--warning:#ffa726;--danger:#ef4444}.dart-league-app{background:linear-gradient(135deg,#000,#002a2f 50%,#000);background:linear-gradient(135deg,#000 0,var(--background) 50%,#000 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.dashboard-container{box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;overflow-y:auto;padding:20px 24px;width:100%}.dart-league-login{align-items:center;background:linear-gradient(135deg,#000,#002a2f 50%,#000);background:linear-gradient(135deg,#000 0,var(--background) 50%,#000 100%);display:flex;flex-direction:column;gap:40px;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-background-video{border:0;height:56.25vw;left:50%;min-height:100vh;min-width:177.78vh;opacity:.35;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:100vw;z-index:0}.dart-league-login:before{background:linear-gradient(180deg,#00000059 0,#0000001f 55%,#0000);content:"";height:110px;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}@media (max-width:1024px){.dart-league-login:before,.login-background-video{display:none}}.login-container{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#1b1f22,#1f2427);background:linear-gradient(135deg,var(--surface) 0,var(--surface-elevated) 100%);border:1px solid #00c6cf4d;border-radius:16px;box-shadow:0 20px 60px #00c6cf33;max-width:400px;overflow:hidden;padding:40px;position:relative;width:100%;z-index:2}.login-container:before{background:radial-gradient(circle at top right,#00c6cf1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-header{margin-bottom:30px;text-align:center}.login-logo{animation:glow 2s ease-in-out infinite;display:block;filter:drop-shadow(0 0 25px rgba(0,198,207,.6));height:200px;margin:0 auto 20px;width:200px}@keyframes glow{0%,to{filter:drop-shadow(0 0 25px rgba(0,198,207,.6))}50%{filter:drop-shadow(0 0 35px rgba(0,198,207,.8))}}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-alt) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 10px}.login-header p{color:#9ba1a6;color:var(--text-secondary);margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-weight:600}.form-group input{background:#1b1f22;background:var(--surface);border:2px solid #262a2e;border:2px solid var(--border);border-radius:8px;color:#ecedee;color:var(--text);font-size:1rem;padding:12px 16px;transition:all .2s}.form-group input:focus{background:#1f2427;background:var(--surface-elevated);border-color:#00c6cf;border-color:var(--primary);box-shadow:0 0 0 3px #00c6cf1a;outline:none}.form-group input::placeholder{color:#9ba1a6;color:var(--text-secondary)}.form-group input:disabled{background:#1b1f22;background:var(--surface);cursor:not-allowed;opacity:.5}.password-input{display:flex;position:relative}.password-input input{flex:1 1;padding-right:48px}.toggle-password{background:none;border:none;color:#9ba1a6;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;opacity:.6;padding:8px 12px;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:opacity .2s}.toggle-password:hover{color:#00c6cf;color:var(--primary);opacity:1}.error-message{background:#ef44441a;border-left:4px solid #ef4444;border-left:4px solid var(--danger);border-radius:8px;color:#ef4444;color:var(--danger);font-size:.9rem;padding:12px 16px}.login-button{background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-alt) 100%);border:none;border-radius:8px;box-shadow:0 4px 15px #00c6cf4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:all .2s}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #00c6cf80;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{color:#9ba1a6;color:var(--text-secondary);font-size:.9rem;margin-top:20px;text-align:center}.login-footer a{color:#00c6cf;color:var(--primary);text-decoration:none}.login-footer a:hover{text-decoration:underline}.colaborador-oficial-section{border-bottom:1px solid #00c6cf26;margin-bottom:20px;padding-bottom:16px;text-align:center}.colaborador-oficial-title{color:#ffffff80;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.colaborador-oficial-link{align-items:center;background:#ffffff08;border:1px solid #00c6cf33;border-radius:10px;display:inline-flex;flex-direction:column;gap:8px;max-width:100%;padding:16px 12px;text-decoration:none;transition:all .3s ease}.colaborador-oficial-link:hover{background:#00c6cf14;border-color:#00c6cf;border-color:var(--primary);box-shadow:0 8px 20px #00c6cf40;transform:translateY(-4px)}.colaborador-oficial-logo{border-radius:8px;display:block;flex-shrink:0;height:clamp(140px,22vw,280px);object-fit:contain;width:clamp(140px,22vw,280px)}.colaborador-oficial-name{color:#9ba1a6;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px}.login-sponsors-banner{animation:slideIn .5s ease-out .2s both;background:linear-gradient(135deg,#000,#002a2f 50%,#000);border:2px solid #00c6cf4d;border-radius:16px;box-shadow:0 10px 40px #00c6cf33;max-width:1200px;padding:24px 32px;width:100%}.sponsors-banner-content{text-align:center}.sponsors-banner-title{color:#ecedee;color:var(--text);font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.sponsors-banner-grid{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.sponsor-banner-item{background:#ffffff08;border:1px solid #00c6cf33;border-radius:10px;box-sizing:border-box;cursor:pointer;min-height:220px;overflow:hidden;padding:16px 12px;transition:all .3s ease}.sponsor-banner-placeholder,.sponsor-banner-with-image{height:100%;justify-content:center}.sponsor-banner-item:hover{background:#00c6cf14;border-color:#00c6cf;border-color:var(--primary);box-shadow:0 8px 20px #00c6cf40;transform:translateY(-4px)}.sponsor-banner-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px}.sponsor-banner-icon{filter:grayscale(.2);font-size:4.6rem;transition:filter .3s ease}.sponsor-banner-item:hover .sponsor-banner-icon{filter:grayscale(0)}.sponsor-banner-name{color:#9ba1a6;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px}.sponsors-banner-footer{color:#9ba1a6;color:var(--text-secondary);font-size:.9rem;margin-top:16px}.sponsors-banner-footer a{color:#00c6cf;color:var(--primary);font-weight:600;text-decoration:none;transition:all .2s}.sponsors-banner-footer a:hover{color:#00e5ef;text-decoration:underline}@media (max-width:1024px){.sponsor-banner-item{box-sizing:border-box;height:130px;min-height:0}.sponsor-banner-placeholder,.sponsor-banner-with-image{height:100%;justify-content:center}.sponsor-banner-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.2;min-height:2.4em;overflow:hidden}}@media (max-width:768px){.colaborador-oficial-section{margin-bottom:14px;padding-bottom:12px}.colaborador-oficial-link{padding:12px 10px}.colaborador-oficial-logo{height:120px;width:120px}.login-sponsors-banner{border-radius:12px;padding:22px 18px}.sponsors-banner-title{font-size:1rem;margin-bottom:16px}.sponsors-banner-grid{gap:14px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.sponsor-banner-item{box-sizing:border-box;height:120px;padding:12px 10px}.sponsor-banner-placeholder,.sponsor-banner-with-image{height:100%;justify-content:center}.sponsor-banner-icon{font-size:2.5rem}.sponsor-banner-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.75rem;line-height:1.2;min-height:2.4em;overflow:hidden}.sponsors-banner-footer{font-size:.85rem}}.info-message{background:#00c6cf1a;border:1px solid #00c6cf4d;border-radius:8px;color:#ecedee;color:var(--text);font-size:.85rem;line-height:1.5;margin-bottom:20px;padding:12px 16px}.info-message p{margin:0 0 8px}.info-message strong{color:#00c6cf;color:var(--primary)}.info-message ul{list-style-type:disc;margin:8px 0 0;padding-left:20px}.info-message li{color:#9ba1a6;color:var(--text-secondary);line-height:1.4;margin:6px 0}.toggle-mode-button{background:#0000;border:2px solid #00c6cf;border:2px solid var(--primary);border-radius:8px;color:#00c6cf;color:var(--primary);cursor:pointer;font-size:.95rem;font-weight:600;margin-top:16px;padding:12px;transition:all .2s;width:100%}.toggle-mode-button:hover:not(:disabled){background:#00c6cf1a;transform:translateY(-2px)}.toggle-mode-button:disabled{cursor:not-allowed;opacity:.5}.training-button{background:linear-gradient(180deg,#4ade80,#22c55e 50%,#16a34a);border:none;border-radius:8px;box-shadow:0 4px 15px #4ade804d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:12px;padding:14px;transition:all .2s;width:100%}.training-button:hover:not(:disabled){box-shadow:0 6px 20px #4ade8066;transform:translateY(-2px)}.training-button:disabled{cursor:not-allowed;opacity:.5}.validation-info{font-size:.85rem;margin-top:8px}.validation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.char-count{font-size:.8rem;font-style:italic}.char-count,.password-strength{color:#9ba1a6;color:var(--text-secondary)}.password-strength{font-size:.85rem}.help-btn{align-items:center;background:#00c6cf;background:var(--primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;transition:all .2s;width:20px}.help-btn:hover{background:#09c;background:var(--primary-alt);transform:scale(1.1)}.validation-errors{background:#0000004d;border-left:3px solid #ef4444;border-left:3px solid var(--danger);border-radius:8px;margin-top:8px;padding:10px 12px}.validation-errors.valid{background:#4caf501a;border-left-color:#4caf50;border-left-color:var(--success)}.validation-title{color:#ef4444;color:var(--danger);font-size:.8rem;font-weight:700;margin:0 0 6px}.validation-errors.valid .validation-title{color:#4caf50;color:var(--success)}.validation-error{color:#f99;font-size:.75rem;line-height:1.4;margin:3px 0}.validation-errors.valid .validation-error{color:#9f9}.dart-league-dashboard{box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;width:100%}.dashboard-header{background:linear-gradient(135deg,#1b1f22,#1f2427);background:linear-gradient(135deg,var(--surface) 0,var(--surface-elevated) 100%);border:1px solid #00c6cf33;border-radius:16px;box-shadow:0 8px 32px #00c6cf26;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;overflow:hidden;padding:24px 28px;position:relative;width:100%}.dashboard-header-pro{align-items:center;flex-direction:row;gap:20px;justify-content:space-between;padding:16px 24px}.header-brand{align-items:center;display:flex;gap:20px;position:relative;z-index:1}.dashboard-header-pro .dashboard-logo{filter:drop-shadow(0 0 12px rgba(0,198,207,.4));height:80px;width:80px}.header-brand-text{display:flex;flex-direction:column;gap:2px}.header-brand-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-alt) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.header-brand-subtitle{color:#9ba1a6;color:var(--text-secondary);font-size:.8rem;font-weight:400}.header-user-section{gap:12px;position:relative;z-index:1}.header-user-info,.header-user-section{align-items:flex-end;display:flex;flex-direction:column}.header-user-info{gap:6px}.header-greeting{color:#ecedee;color:var(--text);font-size:1.1rem;font-weight:500}.header-greeting strong{color:#00c6cf;color:var(--primary);font-size:1.25rem;font-weight:700}.header-stats-inline{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.stat-pill{align-items:center;background:#00c6cf1a;border:1px solid #00c6cf40;border-radius:20px;display:flex;gap:4px;padding:3px 10px}.stat-pill.stat-pill-online{background:#4caf501a;border-color:#4caf5040}.stat-pill-label{color:#9ba1a6;color:var(--text-secondary);font-size:.6rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-pill-value{color:#00c6cf;color:var(--primary);font-size:.8rem;font-weight:700}.stat-pill.stat-pill-online .stat-pill-value{color:#66bb6a}.header-actions{gap:10px}.btn-action,.header-actions{align-items:center;display:flex}.btn-action{border:none;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease}.btn-primary-action{background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-alt) 100%);color:#000}.btn-primary-action:hover{box-shadow:0 4px 15px #00c6cf66;transform:translateY(-2px)}.btn-secondary-action{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.btn-secondary-action:hover{background:#ef444440}.btn-training-action{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.btn-training-action:hover{box-shadow:0 4px 15px #4ade8066;transform:translateY(-2px)}.training-button-dashboard{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;box-shadow:0 4px 15px #4ade804d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.training-button-dashboard:hover{box-shadow:0 6px 20px #4ade8066;transform:translateY(-2px)}.btn-outline-action{background:#0000;border:1px solid #262a2e;border:1px solid var(--border);color:#9ba1a6;color:var(--text-secondary)}.btn-outline-action:hover{background:#ffffff0d;border-color:#00c6cf;border-color:var(--primary);color:#ecedee;color:var(--text)}.hitos-banner{align-items:center;background:linear-gradient(135deg,#ffc10726,#ff980026);border:1px solid #ffc1074d;border-radius:12px;display:flex;gap:10px;justify-content:center;margin-bottom:20px;padding:12px 20px}.hitos-icon{font-size:1.2rem}.hitos-text{color:#ffd54f;font-size:.9rem;font-weight:600}@media (min-width:768px){.dashboard-header-pro{padding:24px 32px}.dashboard-header-pro .dashboard-logo{height:140px;width:140px}.header-brand{gap:28px}.header-brand-text h1{font-size:2rem}.header-brand-subtitle{font-size:.9rem}.header-user-section{gap:24px}.header-greeting{font-size:1rem}}@media (min-width:1200px){.dashboard-header-pro .dashboard-logo{height:160px;width:160px}.header-brand-text h1{font-size:2.2rem}}@media (max-width:600px){.dashboard-header-pro{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.header-brand{width:100%}.dashboard-header-pro .dashboard-logo{height:70px;width:70px}.header-brand-text h1{font-size:1.3rem}.header-user-section{border-top:1px solid #262a2e;border-top:1px solid var(--border);gap:12px;padding-top:12px}.header-user-info,.header-user-section{align-items:flex-start;flex-direction:column;width:100%}.header-user-info{gap:8px}.header-stats-inline{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr;width:100%}.stat-pill{justify-content:center;padding:4px 8px}.stat-pill-label{font-size:.55rem}.stat-pill-value{font-size:.75rem}.header-actions{justify-content:space-between;width:100%}.btn-action{flex:1 1;font-size:.8rem;justify-content:center;padding:10px 12px}.hitos-banner{margin-bottom:16px;padding:10px 16px}.hitos-text{font-size:.8rem}}@media (min-width:768px){.dashboard-header:not(.dashboard-header-pro){align-items:center;flex-direction:row;padding:20px 32px}.dashboard-header:not(.dashboard-header-pro) .header-top-row,.dashboard-header:not(.dashboard-header-pro) .user-info{display:contents}.dashboard-header:not(.dashboard-header-pro) .dashboard-logo{flex-shrink:0;height:120px;margin-right:0;width:120px}.dashboard-header:not(.dashboard-header-pro) .user-info>div{display:contents}.dashboard-header:not(.dashboard-header-pro) .user-info h1{font-size:1.6rem;margin-left:24px;order:2;white-space:nowrap}.dashboard-header:not(.dashboard-header-pro) .user-info p{font-size:1rem;margin-left:auto;order:3;white-space:nowrap}.dashboard-header:not(.dashboard-header-pro) .admin-badge{margin:0 16px;order:4}.dashboard-header:not(.dashboard-header-pro) .header-buttons{flex-shrink:0;order:5}}.dashboard-header-clasificado{border:2px solid gold;box-shadow:0 8px 32px #ffd70033}.dashboard-header-bandera{height:100%;left:0;object-fit:cover;object-position:center;opacity:.55;position:absolute;top:0;width:100%;z-index:0}.header-top-row{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%;z-index:1}.dashboard-header:before{background:radial-gradient(circle at top right,#00c6cf1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dashboard-logo{filter:drop-shadow(0 0 15px rgba(0,198,207,.5));height:150px;margin-right:20px;width:150px}.user-info{align-items:flex-start;display:flex;gap:16px;position:relative;z-index:1}.user-info>div{display:flex;flex-direction:column;gap:4px}.user-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-alt) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;line-height:1.2;margin:0}.user-info p{color:#9ba1a6;color:var(--text-secondary);font-size:1.1rem;margin:0}.admin-badge{background:linear-gradient(135deg,#ff980026,#ffc10726);border:1px solid #ff98004d;border-radius:6px;box-shadow:0 2px 8px #ff980033;color:#ffa726}.admin-badge,.player-badge{align-items:center;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;margin-top:6px;padding:6px 12px}.player-badge{background:linear-gradient(135deg,#00c6cf26,#00a8b126);border:1px solid #00c6cf4d;border-radius:6px;box-shadow:0 2px 8px #00c6cf33;color:#00c6cf}.logout-button{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;color:var(--danger);cursor:pointer;font-weight:600;padding:10px 20px;position:relative;transition:all .2s;z-index:1}.logout-button:hover{background:#ef444433;border-color:#ef4444;border-color:var(--danger);transform:translateY(-2px)}.header-stats{align-items:center;background:#00c6cf26;border:1px solid #00c6cf;border-radius:10px;display:inline-flex;gap:18px;margin-top:8px;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.header-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.header-stat-label{color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 2px #000c;text-transform:uppercase}.header-stat-value{color:#fff;font-size:1.2rem;font-weight:800;line-height:1;text-shadow:1px 1px 3px #000c}.header-stat-divider{background:linear-gradient(180deg,#0000,#fff,#0000);height:30px;width:1px}.user-info-content{display:flex;flex-direction:column;gap:4px}.header-hitos{align-items:center;background:#0009;border:1px solid gold;border-radius:12px;display:flex;gap:8px;justify-content:center;padding:12px 20px;position:relative;z-index:1}.header-hitos-label{color:gold;font-weight:700}.header-hitos-label,.header-hitos-text{font-size:.9rem;text-shadow:1px 1px 2px #000c}.header-hitos-text{color:#fff;font-weight:600}.sponsors-banner{align-items:center;background:linear-gradient(135deg,#00c6cf14,#00c6cf08);border:1px solid #00c6cf33;border-radius:12px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;padding:12px 20px;transition:all .3s ease}.sponsors-banner:hover{background:linear-gradient(135deg,#00c6cf1f,#00c6cf0f);border-color:#00c6cf66;box-shadow:0 4px 12px #00c6cf26;transform:translateY(-2px)}.sponsors-banner-icon{flex-shrink:0;font-size:1.2rem}.sponsors-banner-text{color:#9ba1a6;color:var(--text-secondary);flex:1 1;font-size:.9rem;font-weight:500;text-align:center}.sponsors-banner-arrow{color:#00c6cf;color:var(--primary);flex-shrink:0;font-size:1.2rem;font-weight:700;transition:transform .3s ease}.sponsors-banner:hover .sponsors-banner-arrow{transform:translateX(4px)}.welcome-card{border:2px solid #00c6cf;border-radius:20px;box-shadow:0 6px 20px #00000026;margin-bottom:24px;overflow:hidden}.welcome-gradient{background:linear-gradient(135deg,#000,#002a2f 50%,#000);padding:32px 24px;position:relative}.welcome-gradient:before{background:radial-gradient(circle at 50% 0,#00c6cf33,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.welcome-content{align-items:center;display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.welcome-name{color:#fff;font-size:2rem;font-weight:800;letter-spacing:.5px;margin:0;text-align:center;text-shadow:2px 2px 4px #000c}.welcome-stats{background:#00c6cf26;border:1px solid #00c6cf;border-radius:16px;box-shadow:0 4px 12px #00c6cf33;gap:32px;justify-content:center;padding:20px 40px}.welcome-stat,.welcome-stats{align-items:center;display:flex}.welcome-stat{flex-direction:column;gap:8px;min-width:80px}.welcome-stat-label{color:#fff;font-size:.75rem;font-weight:800;letter-spacing:2px;text-shadow:1px 1px 2px #000c;text-transform:uppercase}.welcome-stat-value{color:#fff;font-size:1.75rem;font-weight:900;line-height:1;text-shadow:2px 2px 4px #000c}.welcome-divider{background:linear-gradient(180deg,#0000,#fff,#0000);box-shadow:0 0 8px #ffffff80;height:40px;width:2px}.welcome-card-clasificado{position:relative}.welcome-bandera-fondo{height:100%;left:0;object-fit:cover;opacity:.55;position:absolute;top:0;width:100%;z-index:0}.welcome-card-clasificado .welcome-gradient{background:linear-gradient(135deg,#000000b3,#002a2f99 50%,#000000b3)}.welcome-hitos{align-items:center;background:#0009;border:1px solid gold;border-radius:12px;display:flex;gap:8px;justify-content:center;margin-top:8px;padding:12px 20px}.welcome-hitos-label{color:gold;font-weight:700}.welcome-hitos-label,.welcome-hitos-text{font-size:.9rem;text-shadow:1px 1px 2px #000c}.welcome-hitos-text{color:#fff;font-weight:600}.liga-selector{align-items:center;background:linear-gradient(135deg,#000,#002a2f 50%,#000);border:2px solid #00c6cf;border-radius:12px;box-shadow:0 4px 12px #00c6cf1a;box-sizing:border-box;display:flex;gap:12px;margin-bottom:20px;overflow:hidden;padding:16px 20px;position:relative;width:100%}.liga-selector:before{background:radial-gradient(circle at 50% 0,#00c6cf33,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.liga-selector label{font-weight:600}.liga-selector label,.liga-selector select{color:#ecedee;color:var(--text);position:relative;z-index:1}.liga-selector select{background:#1b1f22;background:var(--surface);border:2px solid #262a2e;border:2px solid var(--border);border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;padding:10px 16px;transition:all .2s}.liga-selector select:focus{border-color:#00c6cf;border-color:var(--primary);box-shadow:0 0 0 3px #00c6cf1a;outline:none}.liga-selector select option{background:#1b1f22;background:var(--surface);color:#ecedee;color:var(--text)}.stat-card:hover{border-color:#00c6cf66;box-shadow:0 6px 20px #00c6cf33;transform:translateY(-4px)}.section{background:linear-gradient(135deg,#000,#002a2f 50%,#000);border:2px solid #00c6cf;border-radius:16px;box-shadow:0 6px 20px #00c6cf1a;box-sizing:border-box;margin-bottom:24px;overflow:hidden;padding:24px;position:relative;width:100%}.section:before{background:radial-gradient(circle at 50% 0,#00c6cf33,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.section h2{font-size:1.5rem;font-weight:700;margin:0 0 20px}.scroll-hint,.section h2{color:#ecedee;color:var(--text);position:relative;z-index:1}.scroll-hint{animation:fade-in .5s ease-in-out;background:linear-gradient(135deg,#00c6cf1a,#0099cc1a);border:1px solid #00c6cf;border:1px solid var(--primary);border-radius:8px;display:none;font-size:.85rem;margin-bottom:12px;padding:8px 12px;text-align:center}.scroll-icon{animation:bounce-horizontal 2s ease-in-out infinite;display:inline-block;margin-right:6px}@keyframes bounce-horizontal{0%,to{transform:translateX(0)}50%{transform:translateX(8px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.scroll-hint{display:block}}.table-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;position:relative;scrollbar-color:#00c6cf #00c6cf1a;scrollbar-color:var(--primary) #00c6cf1a;scrollbar-width:thin;width:100%;z-index:1}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#00c6cf1a;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:#00c6cf;background:var(--primary);border-radius:10px;-webkit-transition:background .3s;transition:background .3s}.table-container::-webkit-scrollbar-thumb:hover{background:#09c;background:var(--primary-alt)}.table-container:after{background:linear-gradient(90deg,#0000,#1b1f22 40%,#1b1f22);background:linear-gradient(90deg,#0000 0,var(--surface) 40%,var(--surface) 100%);color:#00c6cf;color:var(--primary);content:"→";font-size:1.5rem;font-weight:700;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .3s}.table-container.has-scroll:after{opacity:1}@media (max-width:768px){.table-container:after{animation:pulse-arrow 2s ease-in-out infinite;opacity:1}}@keyframes pulse-arrow{0%,to{opacity:.6;transform:translateY(-50%) translateX(0)}50%{opacity:1;transform:translateY(-50%) translateX(5px)}}.clasificacion-table{border-collapse:collapse;min-width:700px;width:100%}.clasificacion-table thead{background:#00c6cf1a;border-bottom:2px solid #00c6cf;border-bottom:2px solid var(--primary)}.clasificacion-table th{color:#ecedee;color:var(--text);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px 8px;text-align:center;text-transform:uppercase}.clasificacion-table th:first-child{text-align:center;width:50px}.clasificacion-table th:nth-child(2){padding-left:16px;text-align:left}.clasificacion-table td{border-bottom:1px solid #262a2e;border-bottom:1px solid var(--border);color:#ecedee;color:var(--text);font-size:.95rem;padding:14px 8px;text-align:center}.clasificacion-table tbody tr{transition:background .2s}.clasificacion-table tbody tr:hover{background:#00c6cf0d}.clasificacion-table .my-row{background:#00c6cf26;border-left:3px solid #00c6cf;border-left:3px solid var(--primary);font-weight:600}.clasificacion-table .my-row:hover{background:#00c6cf33}.clasificacion-table .pos{font-weight:700;text-align:center;width:50px}.clasificacion-table .medal-emoji{animation:float 3s ease-in-out infinite;display:inline-block;font-size:1.5rem}.clasificacion-table .top-1{background:#ffd7001a}.clasificacion-table .top-2{background:#c0c0c01a}.clasificacion-table .top-3{background:#cd7f321a}.clasificacion-table .jugador{font-weight:500;padding-left:16px;text-align:left}.clasificacion-table .wins{color:#4caf50;color:var(--success);font-weight:600}.clasificacion-table .losses{color:#ef4444;color:var(--danger);font-weight:600}.clasificacion-table .points{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-alt) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.clasificacion-table .games-diff{color:#9ba1a6;color:var(--text-secondary);font-size:.9rem}.clasificacion-table .diff{font-weight:600}.clasificacion-table .diff.positive{color:#4caf50;color:var(--success)}.clasificacion-table .diff.negative{color:#ef4444;color:var(--danger)}.clasificacion-table .diff.neutral{color:#9ba1a6;color:var(--text-secondary)}.clasificacion-table .ciento80s{color:#ffa726;color:var(--warning);font-weight:600}.clasificacion-table .average-col{color:#00c6cf;color:var(--primary);font-size:1.05rem;font-weight:700}.clasificacion-table .estado-col{color:#9ba1a6;color:var(--text-secondary);font-size:.9rem;font-weight:600}.clasificacion-table .estado-col.activo{color:#00c6cf;color:var(--primary)}.clasificacion-table .active-player-row{background:#00c6cf14!important}.ranking-info-text{color:#9ba1a6;color:var(--text-secondary);font-size:.85rem;margin:-8px 0 16px;opacity:.8;text-align:center}.jornadas-list{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.search-rival-container{margin-bottom:16px;position:relative;z-index:100}.search-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-input-wrapper{flex:1 1;min-width:200px;position:relative}.search-input{background:#1f2427;background:var(--surface-elevated);border:2px solid #262a2e;border:2px solid var(--border);border-radius:8px;color:#ecedee;color:var(--text);font-family:inherit;font-size:.95rem;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.search-input::placeholder{color:#9ba1a6;color:var(--text-secondary)}.search-input:focus{background:#00c6cf0d;border-color:#00c6cf;border-color:var(--primary);box-shadow:0 0 0 3px #00c6cf1a;outline:none}.clear-search{align-items:center;background:#ef53501a;border:1px solid #ef53504d;border-radius:50%;color:#ef5350;cursor:pointer;display:flex;font-size:.9rem;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s;width:24px}.clear-search:hover{background:#ef535033;border-color:#ef535080;transform:translateY(-50%) scale(1.1)}.clear-all-btn{background:linear-gradient(135deg,#ef5350,#c62828);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .2s;white-space:nowrap}.clear-all-btn:hover{box-shadow:0 4px 12px #ef53504d;transform:translateY(-2px)}.search-rival-input{background:#1f2427;background:var(--surface-elevated);border:2px solid #262a2e;border:2px solid var(--border);border-radius:8px;color:#ecedee;color:var(--text);font-family:inherit;font-size:.95rem;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.search-rival-input::placeholder{color:#9ba1a6;color:var(--text-secondary)}.search-rival-input:focus{background:#00c6cf0d;border-color:#00c6cf;border-color:var(--primary);box-shadow:0 0 0 3px #00c6cf1a;outline:none}.clear-search-btn{align-items:center;background:#ef53501a;border:1px solid #ef53504d;border-radius:50%;color:#ef5350;cursor:pointer;display:flex;font-size:.9rem;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s;width:24px}.clear-search-btn:hover{background:#ef535033;border-color:#ef5350;transform:translateY(-50%) scale(1.1)}.suggestions-list{background:#1f2427;background:var(--surface-elevated);border:2px solid #00c6cf;border:2px solid var(--primary);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000004d;left:0;margin-bottom:8px;margin-top:-8px;max-height:150px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{border-bottom:1px solid #262a2e;border-bottom:1px solid var(--border);color:#ecedee;color:var(--text);cursor:pointer;font-size:.9rem;padding:10px 16px;transition:all .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#00c6cf1a;color:#00c6cf;color:var(--primary);padding-left:20px}.jornada-container{background:#1b1f22;background:var(--surface);border:2px solid #262a2e;border:2px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s}.jornada-container:hover{border-color:#00c6cf;border-color:var(--primary);box-shadow:0 4px 16px #00c6cf33}.jornada-header-expand{background:#00c6cf0d;justify-content:space-between;padding:16px 20px}.jornada-header-expand:hover{background:#00c6cf1a}.jornada-num{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-alt) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.1rem}.jornada-check{animation:checkAppear .3s ease-out;color:#66bb6a;font-size:1.4rem}@keyframes checkAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.expand-icon{margin-left:8px;transition:transform .3s}.jornada-content{background:#0003;border-top:1px solid #262a2e;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:3px;padding:6px}.partida-card{background:#1f2427;background:var(--surface-elevated);border:1px solid #262a2e;border:1px solid var(--border);border-radius:5px;padding:4px 8px}.partida-card:hover{background:#00c6cf08;border-color:#00c6cf;border-color:var(--primary)}.partida-card.completada{background:#4caf5008;border-color:#4caf5033}.partida-card.pendiente{background:#00c6cf08;border-color:#00c6cf40}.partida-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.partida-fecha{color:#9ba1a6;color:var(--text-secondary);font-size:.65rem;font-weight:500}.status-icon{font-size:.8rem;line-height:1}.status-icon.completada{color:#66bb6a}.status-icon.pendiente{color:#00c6cf;color:var(--primary)}.enfrentamiento{align-items:center;display:flex;gap:6px;margin-bottom:3px}.jugador-item.ganador .jugador-nombre-text{color:#66bb6a;font-weight:700}.jugador-nombre-text{color:#ecedee;color:var(--text);font-weight:500}.jugador-nombre-text.mi-nombre{color:#00c6cf;color:var(--primary);font-weight:700}.vs-separator{color:#9ba1a6;color:var(--text-secondary);flex-shrink:0;font-size:.7rem;font-weight:600}.ver-stats-btn{align-items:center;background:#00c6cf14;border:1px solid #00c6cf40;border-radius:3px;color:#00c6cf;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.6rem;font-weight:500;line-height:1;margin-left:8px;margin-top:0;padding:2px 6px;text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.ver-stats-btn:hover{background:#00c6cf26;border-color:#00c6cf;border-color:var(--primary)}.ver-stats-text{color:#00c6cf;color:var(--primary);font-size:.6rem;font-weight:500;letter-spacing:.1px}.ver-stats-text-mobile{display:none}.ver-stats-text-desktop{display:inline}.partida-estadisticas{animation:slideDown .2s ease-out;border-top:1px solid #00c6cf33;display:flex;gap:5px;margin-top:4px;padding-top:4px}.stat-item{background:#00c6cf08;border-radius:4px;flex:1 1;gap:2px;padding:4px 6px}.stat-values{align-items:center;color:#ecedee;color:var(--text);display:flex;font-size:.8rem;font-weight:600;gap:5px}.vs-mini{color:#9ba1a6;color:var(--text-secondary);font-size:.65rem;font-weight:400}@media (max-width:768px){.jornada-content{gap:2px;padding:5px}.partida-card{padding:3px 6px}.partida-meta{margin-bottom:3px}.partida-fecha{font-size:.6rem}.status-badge{font-size:.55rem;padding:1px 4px}.enfrentamiento{gap:5px;margin-bottom:2px}.jugador-nombre{font-size:.7rem}.jugador-score{font-size:.85rem}.jugador-item.ganador .jugador-score{font-size:.9rem}.vs-separator{font-size:.65rem}.partida-estadisticas{gap:3px;margin-top:3px;padding-top:3px}.stat-item{gap:1px;padding:2px 3px}.stat-values{font-size:.65rem;gap:2px}.vs-mini{font-size:.55rem}.ver-stats-btn{line-height:1;margin-right:2px;margin-top:1px;padding:0}.ver-stats-btn,.ver-stats-btn:hover{background:#0000;border:none}.ver-stats-text-desktop{display:none}.ver-stats-text-mobile{display:inline}.ver-stats-text{color:#00c6cf;color:var(--primary);font-size:.85rem;line-height:1}}.jornada-card:hover{background:#00c6cf0d;border-color:#00c6cf;border-color:var(--primary);box-shadow:0 4px 16px #00c6cf33}.jornada-card.completed:hover{opacity:1}.jornada-header{margin-bottom:12px}.jugadores{align-items:center;color:#ecedee;color:var(--text);display:flex;flex:1 1;font-weight:500;gap:12px}.jugadores .vs{color:#9ba1a6;color:var(--text-secondary);font-size:.9rem}.jugadores .my-name{font-weight:700}.jugadores .my-name,.resultado-detail .score{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-alt) 100%);-webkit-background-clip:text;background-clip:text}.resultado-detail .score{font-weight:600}.loading,.loading-small{color:#00c6cf;color:var(--primary);font-size:1.2rem;padding:40px;text-align:center}.loading-small{font-size:1rem;padding:20px}.empty-state{margin-top:20px;padding:40px 20px 60px;text-align:center}.empty-state h2{color:#ecedee;color:var(--text);font-size:1.8rem;margin-bottom:12px}.empty-state-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:24px 0}.empty-state-info{background:#00c6cf1a;border:1px solid #00c6cf4d;border-radius:12px;margin:30px auto;max-width:500px;padding:24px}.empty-state-info p{color:#ecedee;color:var(--text);font-size:1rem;line-height:1.6;margin-bottom:20px}.empty-state p{color:#9ba1a6;color:var(--text-secondary);margin-bottom:24px}.whatsapp-button{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:8px;box-shadow:0 4px 15px #25d3664d;color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .2s}.whatsapp-button:hover{box-shadow:0 6px 20px #25d36680;transform:translateY(-2px)}.empty-message{color:#9ba1a6;color:var(--text-secondary);padding:20px;text-align:center}.error-banner{border:1px solid #ef44444d;font-weight:600;margin-bottom:20px;padding:16px}.sponsors-section{background:linear-gradient(135deg,#000,#002a2f 50%,#000);border:2px solid #00c6cf4d;border-radius:16px;margin-top:40px;padding:32px 24px;text-align:center}.sponsors-title{color:#ecedee;color:var(--text);font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin-bottom:24px}.sponsors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.sponsor-card{background:#ffffff0d;border:1px solid #00c6cf33;border-radius:12px;cursor:pointer;padding:24px;transition:all .3s ease}.sponsor-card:hover{background:#00c6cf1a;border-color:#00c6cf;border-color:var(--primary);box-shadow:0 8px 20px #00c6cf4d;transform:translateY(-4px)}.sponsor-placeholder,.sponsor-with-image{align-items:center;display:flex;flex-direction:column;gap:12px}.sponsor-with-image{color:inherit;text-decoration:none;transition:transform .2s ease}.sponsor-with-image:hover{transform:scale(1.05)}.sponsor-logo{height:180px;object-fit:contain;width:180px}.sponsor-logo--triple17{transform:scale(1.14);transform-origin:center}.sponsor-banner-with-image{align-items:center;color:inherit;display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:transform .2s ease}.sponsor-banner-with-image:hover{transform:scale(1.05)}.sponsor-banner-logo{height:140px;object-fit:contain;width:140px}.sponsor-banner-logo--triple17{transform:scale(1.14);transform-origin:center}.sponsor-banner-logo--large{transform:translateY(-6px) scale(1.38);transform-origin:center}.sponsor-banner-logo--cocktails{transform:translateY(-8px) scale(1.5);transform-origin:center}.sponsor-icon{filter:grayscale(.3);font-size:3rem}.sponsor-name{color:#9ba1a6;color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px}.sponsor-name--desktop{display:block}.sponsor-name--mobile{display:none}.sponsor-banner-name--desktop{display:block}.sponsor-banner-name--mobile{display:none}.sponsor-phone{display:block;font-size:.85em;margin-top:4px}.sponsors-footer{color:#9ba1a6;color:var(--text-secondary);font-size:.9rem;margin-top:16px}.sponsors-footer a{color:#00c6cf;color:var(--primary);font-weight:600;text-decoration:none;transition:all .2s}.sponsors-footer a:hover{color:#00e5ef;text-decoration:underline}@media (max-width:768px){.sponsor-logo{height:90px;width:90px}.sponsor-banner-logo{height:70px;width:70px}.sponsor-banner-logo--triple17,.sponsor-logo--triple17{transform:scale(1.08)}.sponsor-banner-logo--large{transform:translateY(-3px) scale(1.38)}.sponsor-banner-logo--cocktails{transform:translateY(-4px) scale(1.5)}.sponsor-banner-name--desktop,.sponsor-name--desktop{display:none}.sponsor-banner-name--mobile,.sponsor-name--mobile{display:block}.sponsor-phone{display:none}.dart-league-app{font-size:14px}.dart-league-dashboard{padding:8px}.dashboard-header{padding:20px 16px}.dashboard-header,.user-info{flex-direction:column;gap:12px;text-align:center}.user-info>div{align-items:center}.dashboard-logo{height:130px;width:130px}.user-info h1{font-size:1.5rem;margin:0}.user-info p{font-size:1rem}.header-stats{align-self:center;padding:8px 16px}.header-stat-value{font-size:1.1rem}.logout-button{font-size:.85rem;padding:8px 16px}.login-container{padding:24px 20px}.login-logo{height:220px;margin-bottom:12px;width:220px}.login-header h1{font-size:1.5rem}.login-header p{font-size:.9rem}.form-group label{font-size:.85rem}.form-group input{font-size:.95rem;padding:10px 14px}.login-button{font-size:.95rem;padding:12px}.welcome-card{margin-bottom:12px}.welcome-gradient{padding:16px 12px}.welcome-name{font-size:1.2rem;margin-bottom:12px}.welcome-stats{gap:12px;padding:12px 16px}.welcome-stat{min-width:50px}.welcome-stat-label{font-size:.65rem;letter-spacing:1px}.welcome-stat-value{font-size:1.3rem}.welcome-divider{height:28px;width:1px}.liga-selector{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px 14px}.liga-selector label{font-size:.85rem}.liga-selector select{font-size:.9rem;padding:10px 12px}.section{margin-bottom:12px;padding:16px}.section h2{font-size:1.2rem;margin:0 0 14px}.table-container{font-size:.85rem;margin:0 -8px}.clasificacion-table{min-width:600px}.clasificacion-table td,.clasificacion-table th{font-size:.8rem;padding:10px 4px}.clasificacion-table .pos{font-size:.9rem;width:40px}.clasificacion-table .medal-emoji{font-size:1.2rem}.clasificacion-table .jugador{font-size:.85rem;padding-left:8px}.clasificacion-table .points{font-size:1rem}.clasificacion-table .games-diff{font-size:.8rem;min-width:60px;padding:10px 8px;white-space:nowrap}.clasificacion-table .ciento80s,.clasificacion-table .diff{font-size:.85rem}.jornadas-list{gap:10px}.jornada-container{border-width:1px}.jornada-header-expand{padding:12px 16px}.jornada-num{font-size:1rem}.jornada-check{font-size:1.1rem}.jornada-content{gap:2px;padding:5px}.partida-card{padding:3px 6px}.partida-meta{align-items:center;flex-direction:row;gap:8px;margin-bottom:6px}.partida-fecha{font-size:.7rem}.enfrentamiento{flex-direction:row;gap:8px;margin-bottom:6px}.jugador-nombre{font-size:.8rem}.jugador-score{font-size:1rem}.jugador-item.ganador .jugador-score{font-size:1.05rem}.vs-separator{font-size:.75rem}.partida-estadisticas{gap:6px;padding-top:6px}.stat-item{gap:3px;padding:5px 6px}.stat-values{font-size:.75rem;gap:4px}.vs-mini{font-size:.65rem}.ver-stats-btn{margin-top:6px;padding:6px 10px}.ver-stats-text{font-size:.75rem}.jornada-header{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:10px}.jornada-num{font-size:.85rem}.jugadores{flex-wrap:wrap;font-size:.9rem;gap:8px}.jugadores .vs{font-size:.85rem}.status-badge{font-size:.75rem;padding:5px 10px}.empty-state{padding:40px 16px}.empty-state h2{font-size:1.2rem}.empty-state p{font-size:.9rem}.error-banner{font-size:.85rem;padding:12px}.loading,.loading-small{font-size:1rem;padding:30px 16px}.loading-small{font-size:.9rem;padding:16px}.sponsors-section{margin-top:24px;padding:20px 16px}.sponsors-title{font-size:1.2rem;margin-bottom:16px}.sponsors-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.sponsor-card{padding:16px}.sponsor-icon{font-size:2.5rem}.sponsor-name{font-size:.8rem}.sponsors-footer{font-size:.85rem}}@media (max-width:480px){.dart-league-app{font-size:13px}.dart-league-dashboard{padding:6px}.dashboard-header{padding:16px 14px}.dashboard-logo{height:110px;width:110px}.user-info h1{font-size:1.3rem}.user-info p{font-size:.95rem}.header-stats{gap:14px;padding:8px 14px}.header-stat-label{font-size:.7rem}.header-stat-value{font-size:1rem}.login-container{padding:20px 16px}.login-logo{height:180px;width:180px}.login-header h1{font-size:1.3rem}.login-header p{font-size:.85rem}.welcome-gradient{padding:14px 10px}.welcome-name{font-size:1.1rem;margin-bottom:10px}.welcome-stats{gap:10px;padding:10px 12px}.welcome-stat{min-width:45px}.welcome-stat-label{font-size:.6rem}.welcome-stat-value{font-size:1.2rem}.welcome-divider{height:24px}.liga-selector{padding:10px 12px}.liga-selector select{font-size:.85rem}.section{padding:12px}.section h2{font-size:1.1rem;margin:0 0 12px}.table-container{font-size:.75rem;margin:0 -6px}.clasificacion-table{min-width:100%}.clasificacion-table td,.clasificacion-table th{font-size:.75rem;padding:6px 4px}.clasificacion-table th{font-size:.7rem;padding:8px 4px}.clasificacion-table .pos{font-size:.8rem;padding:6px 2px;width:28px}.clasificacion-table .jugador{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clasificacion-table .points{font-size:.9rem}.jugadores{font-size:.85rem}.status-badge{font-size:.7rem;padding:4px 8px}}.jornada-wrapper{margin-bottom:2px}.jornada-header{align-items:center;background:#ffffff08;border:1.5px solid #00c6cf4d;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;position:relative;transition:all .2s}.jornada-header:hover{background:#00c6cf14;border-color:#00c6cf99}.jornada-header h3{color:#ecedee;color:var(--text);font-size:.9rem;font-weight:600;margin:0}.expand-icon{font-size:1rem;transition:transform .2s}.jornada-content{background:#0000;padding:10px}.partida-item{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:8px;padding:12px 14px;transition:all .2s}.partida-item:hover{background:#ffffff0f;border-color:#00c6cf4d}.partida-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between}.apuntador-badge{background:#ffc1071f;border:1px solid #ffc1074d;border-radius:12px;color:#ffc107;flex-basis:100%;font-size:.75rem;order:-1;padding:4px 10px;width:100%}.apuntador-badge strong{color:#ffd54f;margin-left:2px}.partida-players{align-items:center;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:10px}.partida-players span{color:#fff}.partida-players span:not(.vs){line-height:1.3;overflow-wrap:break-word;word-break:break-word}.partida-players .winner{color:#00c6cf;color:var(--primary);text-shadow:0 0 8px #00c6cf80}.partida-players .vs{color:#ffffff80;font-size:.85rem;font-weight:400}.partida-result-inline{align-items:center;display:flex;justify-content:center;min-width:80px}.result-score{color:#00c6cf;color:var(--primary);font-size:.9rem;font-weight:700;text-align:center}.pending{color:#ffffff80;font-size:.9rem;font-style:italic}.partida-actions{align-items:center;display:flex;gap:8px}.pago-checkbox{align-items:center;border:1px solid;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:4px 8px;transition:all .2s;white-space:nowrap}.pago-checkbox.pagada{background-color:#4caf501a;border-color:#4caf50}.pago-checkbox.pendiente{background-color:#ff98001a;border-color:#ff9800}.pago-checkbox input{cursor:pointer;margin:0}.pago-text{font-size:.85rem;font-weight:500}.pago-checkbox.pagada .pago-text{color:#4caf50}.pago-checkbox.pendiente .pago-text{color:#ff9800}.edit-btn-icon{align-items:center;background:#00c6cf26;border:1px solid #00c6cf4d;border-radius:6px;color:#00c6cf;color:var(--primary);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.edit-btn-icon:hover{background:#00c6cf40;border-color:#00c6cf;border-color:var(--primary);transform:scale(1.05)}.edit-form{background:#00c6cf0d;border:1px solid #00c6cf33;border-radius:8px;margin-top:12px;padding:16px}.edit-row{gap:12px;margin-bottom:12px}.edit-row,.edit-row label{align-items:center;display:flex}.edit-row label{color:#ecedee;color:var(--text);font-size:.9rem;font-weight:600;gap:8px;min-width:140px}.edit-row input[type=checkbox]{cursor:pointer;margin:0;width:auto}.edit-row input[type=number],.edit-row input[type=text],.edit-row select{background:#0000004d;border:1px solid #00c6cf4d;border-radius:6px;color:#ecedee;color:var(--text);flex:1 1;font-size:.9rem;padding:8px 12px}.edit-row input:focus,.edit-row select:focus{border-color:#00c6cf;border-color:var(--primary);box-shadow:0 0 0 2px #00c6cf1a;outline:none}.edit-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.save-btn{background:linear-gradient(135deg,#4caf50,#45b049);color:#fff}.save-btn:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;color:#ecedee;color:var(--text)}.cancel-btn:hover{background:#ffffff26}.reset-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.reset-btn:hover{background:linear-gradient(135deg,#ff5252,#ff3b3b);box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-2px)}.empty-jornada{color:#ffffff80;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.jornada-header{align-items:center;flex-wrap:nowrap;justify-content:space-between}.jornada-header h3{flex-shrink:1;line-height:1}.expand-icon{flex-shrink:0;line-height:1}}@media (max-width:480px){.jornada-header{align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important}.jornada-header h3{flex-shrink:1;line-height:1;white-space:nowrap}.expand-icon{flex-shrink:0;line-height:1}}.jornada-header-expand{background:#00c6cf1a;border-radius:12px;cursor:pointer;padding:12px 20px!important;transition:background .2s;-webkit-user-select:none;user-select:none}.jornada-header-expand,.jornada-title-row{align-items:center;display:flex;justify-content:center}.jornada-title-row{gap:12px;min-height:32px;position:relative}.jornada-check{background:#4caf50;border:2px solid #fff;border-radius:12px;box-shadow:0 2px 4px #4caf5080;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;left:15px;transform:translateY(-50%);width:24px}.jornada-check,.pago-warning{align-items:center;position:absolute;top:50%}.pago-warning{background:#ff980033;border:1px solid #ff980080;border-radius:4px;color:#ff9800;display:inline-flex;font-size:11px;font-weight:600;gap:5px;left:50%;padding:4px 10px;transform:translate(-50%,-50%);white-space:nowrap;z-index:10}@media (max-width:790px){.pago-warning{left:auto!important;position:absolute!important;right:8px!important;top:8px!important;transform:none!important}}@keyframes pulse-warning{0%,to{box-shadow:0 2px 6px #ff980066}50%{box-shadow:0 4px 12px #ff9800b3}}@media (min-width:791px){@keyframes pulse-warning{0%,to{box-shadow:0 2px 6px #ff980066;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 4px 12px #ff9800b3;transform:translate(-50%,-50%) scale(1.05)}}}@media (max-width:790px){@keyframes pulse-warning{0%,to{box-shadow:0 2px 6px #ff980066;transform:scale(1)}50%{box-shadow:0 4px 12px #ff9800b3;transform:scale(1.05)}}}.jornada-rest{align-items:center;background:#ffa726;border:2px solid #fff;border-radius:12px;box-shadow:0 2px 4px #ffa72680;display:flex;font-size:14px;height:24px;justify-content:center;left:15px;position:absolute;top:50%;transform:translateY(-50%);width:24px}.jornada-num{color:#fff;font-size:22px;font-weight:700;padding-left:45px}.expand-icon{color:#00c6cf;color:var(--primary);font-size:18px;font-weight:700;margin-left:12px}.enfrentamiento-horizontal{align-items:center;display:flex;gap:6px;justify-content:space-between;padding:2px 0}.enfrentamiento-horizontal .jugador-nombre-text{color:#fff;flex:1 1;font-size:14px;font-weight:600;text-align:center}.enfrentamiento-horizontal .jugador-nombre-text.mi-nombre{color:#00e6ff}.enfrentamiento-horizontal .jugador-score{color:#fff;font-size:20px;font-weight:700;min-width:25px;text-align:center}.enfrentamiento-horizontal .jugador-score.ganador{color:#4caf50}.enfrentamiento-horizontal .jugador-score.pendiente-score{opacity:.5}.enfrentamiento-horizontal .vs-separator{color:#00e6ff;font-size:14px;font-weight:700;padding:0 6px;text-shadow:0 0 8px #00e6ff80}.descanso-card-compact{align-items:center;background:#ffa7261a;border:1px solid #ffa7264d;border-radius:6px;display:flex;gap:6px;justify-content:center;margin-bottom:4px;padding:4px 8px}.descanso-emoji{font-size:14px}.descanso-nombre{color:#ffa726;font-size:13px;font-weight:500}.descanso-label{color:#888;font-size:11px;font-style:italic;font-weight:400}.partida-card{background:#23252b80;border:1px solid #00c6cf33;border-radius:6px;padding:6px 10px!important;transition:all .2s}.partida-card,.partida-meta{margin-bottom:4px}.jornada-content{margin-top:4px;padding:4px 8px}.jornada-container{margin-bottom:8px!important}@media (max-width:768px){.jornada-num{font-size:18px!important;padding-left:38px!important}.expand-icon{font-size:16px!important}.jornada-check,.jornada-rest{border-radius:10px!important;font-size:12px!important;height:20px!important;left:12px!important;width:20px!important}.enfrentamiento-horizontal .jugador-nombre-text{font-size:16px!important}.enfrentamiento-horizontal .jugador-score{font-size:20px!important;min-width:25px!important}.enfrentamiento-horizontal .vs-separator{font-size:14px!important;padding:0 8px!important}.partida-fecha{font-size:.65rem!important}.status-icon{font-size:.8rem!important}.ver-stats-btn{font-size:.75rem!important;padding:6px!important}.stat-values{font-size:.8rem!important}.descanso-emoji{font-size:14px!important}.descanso-nombre{font-size:12px!important}.descanso-label{font-size:11px!important}.partida-actions{flex:none!important;gap:4px!important;justify-content:flex-end!important;width:25%!important}.pago-checkbox{gap:4px!important;padding:3px 6px!important}.pago-text{font-size:.75rem!important}.partida-header-row{gap:6px!important}.partida-players{flex:none!important;width:60%!important}.partida-players span{flex:1 1!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important}.partida-players span:not(.vs){line-height:1.3!important;overflow-wrap:break-word!important;word-break:break-word!important}.partida-players .vs{flex:0 0 auto!important;white-space:nowrap!important}.partida-result-inline{flex:none!important;min-width:0!important;width:15%!important}.edit-btn-icon{font-size:.9rem!important;height:28px!important;width:28px!important}.partida-result-inline{display:none!important}.partida-header-row{gap:8px!important}.partida-players{font-size:.8rem!important;gap:6px!important}.partida-players .vs{font-size:.75rem!important}.pago-warning{font-size:10px;gap:4px;padding:3px 8px}}@media (max-width:480px){.jornada-header-expand{padding:10px 16px!important}.jornada-num{font-size:16px!important;padding-left:35px!important}.expand-icon{font-size:14px!important}.jornada-title-row{gap:8px!important}.pago-warning{font-size:9px;gap:3px;padding:2px 6px}.jornada-check,.jornada-rest{border-radius:9px!important;font-size:11px!important;height:18px!important;left:10px!important;width:18px!important}.enfrentamiento-horizontal{gap:4px!important}.enfrentamiento-horizontal .jugador-nombre-text{font-size:14px!important}.enfrentamiento-horizontal .jugador-score{font-size:18px!important;min-width:22px!important}.enfrentamiento-horizontal .vs-separator{font-size:12px!important;padding:0 6px!important}.partida-card{padding:8px!important}.partida-meta{margin-bottom:6px!important}.descanso-card-compact{gap:6px!important;padding:6px!important}.descanso-emoji{font-size:12px!important}.descanso-nombre{font-size:11px!important}.descanso-label{font-size:10px!important}.partida-actions{flex-wrap:nowrap;gap:6px!important}.pago-checkbox{gap:4px!important;min-width:auto!important;padding:4px 6px!important}.pago-text{display:none!important}.pago-checkbox input[type=checkbox]{height:18px!important;width:18px!important}.pago-checkbox:after{content:"💰";display:inline-block;font-size:14px}.pago-checkbox.pagada:after{color:#4caf50;content:"✓";font-size:16px;font-weight:700}.edit-btn-icon{font-size:1rem!important;height:32px!important;padding:0!important;width:32px!important}.partida-result-inline{display:flex!important;flex-shrink:0!important;font-size:.7rem!important;font-weight:600!important;gap:2px!important}.partida-header-row{align-items:center!important;flex-wrap:nowrap!important;gap:4px!important}.partida-players{flex:1 1!important;flex-shrink:1!important;font-size:.7rem!important;gap:3px!important;min-width:0!important}.partida-players span{max-width:60px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partida-players .vs{flex-shrink:0;font-size:.65rem!important}}.modal-overlay{animation:fadeIn .2s ease-in-out;background:#000000d9}.modal-confirm{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#000,#002a2f 50%,#000);border:2px solid #00c6cf;border-radius:16px;box-shadow:0 20px 60px #00c6cf4d,0 0 0 1px #00c6cf33;max-width:500px;overflow:hidden;padding:0;position:relative;width:90%}.modal-confirm:before{background:radial-gradient(circle at 50% 0,#00c6cf26,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#00c6cf,#09c);overflow:hidden;padding:24px 28px;position:relative;z-index:1}.modal-header:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff26,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.modal-header h3{color:#000;font-size:1.4rem;font-weight:800;letter-spacing:1px;margin:0;position:relative;text-shadow:0 2px 4px #0000001a;text-transform:uppercase;z-index:1}.modal-body{background:#0000;padding:32px 28px;position:relative;z-index:1}.modal-body p{color:#ecedee;font-size:1.1rem;font-weight:400;line-height:1.7;margin:0}.modal-actions{background:#0000;display:flex;gap:14px;padding:0 28px 28px;position:relative;z-index:1}.modal-btn{border:none;border-radius:10px;cursor:pointer;font-size:1.05rem;font-weight:700;letter-spacing:.8px;overflow:hidden;padding:14px 32px;position:relative;text-transform:uppercase;transition:all .3s ease}.modal-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.modal-btn:hover:before{height:300px;width:300px}.modal-btn-cancel{background:#1f2427;border:2px solid #262a2e;color:#9ba1a6}.modal-btn-cancel:hover{background:#262a2e;border-color:#9ba1a6;box-shadow:0 4px 12px #ffffff1a;color:#ecedee;transform:translateY(-2px)}.modal-btn-confirm{background:linear-gradient(135deg,#00c6cf,#09c);border:2px solid #0000;box-shadow:0 4px 15px #00c6cf66;color:#000;font-weight:800}.modal-btn-confirm:hover{background:linear-gradient(135deg,#00e6ff,#00c6cf);box-shadow:0 8px 25px #00e6ff99;transform:translateY(-3px)}.modal-btn:active{transform:translateY(0)}@media (max-width:480px){.modal-confirm{border-radius:12px;width:95%}.modal-header{padding:20px 24px}.modal-header h3{font-size:1.15rem}.modal-body{padding:24px 20px}.modal-body p{font-size:.95rem}.modal-actions{gap:10px;padding:0 20px 20px}.modal-btn{font-size:.9rem;padding:12px 24px}.edit-form{margin-top:8px;padding:12px}.edit-row{align-items:stretch;flex-direction:column;gap:6px;margin-bottom:10px}.edit-row label{flex-direction:row;font-size:.8rem;font-weight:500;justify-content:flex-start;min-width:0;min-width:auto}.edit-row input[type=number],.edit-row input[type=text],.edit-row select{font-size:.85rem;padding:8px 10px;width:100%}.edit-row input[type=checkbox]{height:18px;width:18px}.edit-actions{flex-direction:column;gap:8px;margin-top:12px}.cancel-btn,.reset-btn,.save-btn{font-size:.85rem;font-weight:500;padding:10px 16px;width:100%}}.torneos-dashboard{box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;width:100%}.torneos-header{align-items:center;background:linear-gradient(135deg,#1b1f22,#1f2427);background:linear-gradient(135deg,var(--surface) 0,var(--surface-elevated) 100%);border:1px solid #00c6cf33;border-radius:16px;box-shadow:0 8px 32px #00c6cf26;display:flex;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:24px 30px;position:relative}.torneos-header:before{background:radial-gradient(circle at top right,#00c6cf1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.torneos-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-alt) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0;position:relative;z-index:1}.back-button{background:#00c6cf1a;border:1px solid #00c6cf4d;color:var(--primary);font-weight:600;padding:10px 20px;position:relative;z-index:1}.back-button:hover{background:#00c6cf33;border-color:var(--primary);transform:translateY(-2px)}.header-buttons{display:flex;gap:12px;position:relative;z-index:1}.torneo-highlight-btn{align-items:flex-start;background:linear-gradient(135deg,#ff9f1c,#ff6f00 50%,#e65100);border:1px solid #ffc10780;border-radius:10px;box-shadow:0 10px 28px #ff7b0059,0 4px 12px #00000059;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:800;gap:4px;justify-content:center;min-width:190px;padding:12px 18px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.torneo-highlight-btn:hover{box-shadow:0 14px 34px #ff7b0066,0 6px 16px #0006;filter:brightness(1.02);transform:translateY(-2px) scale(1.01)}.torneo-highlight-title{letter-spacing:.3px}.torneo-highlight-note{color:#ffffffe6;font-size:.78rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.torneos-button{background:#00c6cf1a;border:1px solid #00c6cf4d;border-radius:8px;color:#00c6cf;color:var(--primary);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.torneos-button:hover{background:#00c6cf33;border-color:#00c6cf;border-color:var(--primary);transform:translateY(-2px)}.campeonato-selector:before{background:radial-gradient(circle at 50% 0,#00c6cf33,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.campeonato-selector label{font-weight:600}.campeonato-selector label,.campeonato-selector select{color:#ecedee;color:var(--text);position:relative;z-index:1}.campeonato-selector select{background:#1b1f22;background:var(--surface);border:2px solid #262a2e;border:2px solid var(--border);border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;padding:10px 16px;transition:all .2s}.campeonato-selector select:focus{border-color:#00c6cf;border-color:var(--primary);box-shadow:0 0 0 3px #00c6cf1a;outline:none}.campeonato-info-card h2{color:#ecedee;color:var(--text);font-size:1.4rem;margin:0}.campeonato-info-card p{color:#9ba1a6;color:var(--text-secondary);font-size:.9rem;margin:4px 0 0}.estado-badge{border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.estado-badge.estado-en_curso{background:#4caf5026;border:1px solid #4caf504d;color:#66bb6a}.estado-badge.estado-pendiente{background:#ffa72626;border:1px solid #ffa7264d;color:#ffa726}.estado-badge.estado-finalizado{background:#00c6cf26;border:1px solid #00c6cf4d;color:#00c6cf;color:var(--primary)}.campeonato-navigator{background:linear-gradient(135deg,#000,#001a1f 50%,#000);border:2px solid #00c6cf66;border-radius:16px;box-shadow:0 4px 16px #00c6cf26;gap:16px;margin-bottom:20px;padding:16px 24px}.campeonato-navigator,.nav-arrow{align-items:center;display:flex;justify-content:center}.nav-arrow{background:linear-gradient(135deg,#00c6cf33,#00c6cf0d);border:3px solid #00c6cf;border:3px solid var(--primary);border-radius:50%;color:#00c6cf;color:var(--primary);cursor:pointer;flex-shrink:0;font-size:24px;font-weight:700;height:56px;transition:all .3s ease;width:56px}.nav-arrow:hover:not(:disabled){background:#00c6cf;background:var(--primary);box-shadow:0 0 20px #00c6cf80;color:#000;transform:scale(1.1)}.nav-arrow:disabled{border-color:#00c6cf4d;cursor:not-allowed;opacity:.3}.nav-info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:500px;min-width:0}.nav-counter{color:#fff9;font-size:14px;font-weight:500}.nav-select{background:#0009;border:2px solid #00c6cf;border:2px solid var(--primary);border-radius:10px;color:#ecedee;color:var(--text);cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 16px;text-align:center;transition:all .2s;width:100%}.nav-select:focus{border-color:#00c6cf;border-color:var(--primary);box-shadow:0 0 0 3px #00c6cf33;outline:none}.nav-select option{background:#1b1f22;background:var(--surface);color:#ecedee;color:var(--text);padding:10px}.nav-badge-spectator{background:#ffc10726;border:1px solid #ffc1074d;border-radius:20px;color:#ffc107}.nav-badge-participant,.nav-badge-spectator{align-items:center;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:6px 14px}.nav-badge-participant{background:#00c6cf26;border:1px solid #00c6cf4d;border-radius:20px;color:#00c6cf;color:var(--primary)}.nav-badge-parejas{align-items:center;background:#8a2be226;border:1px solid #8a2be24d;border-radius:20px;color:#9b59b6;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:6px 14px}.campeonato-single-indicator{display:flex;justify-content:center;margin-bottom:16px}@media (max-width:480px){.campeonato-navigator{gap:8px;padding:12px 10px}.nav-arrow{flex-shrink:0;font-size:18px;height:44px;width:44px}.nav-info{flex:1 1;min-width:0}.nav-select{font-size:.95rem;padding:10px 8px;width:100%}.nav-badge-participant,.nav-badge-spectator{font-size:11px;padding:4px 10px}}.campeonato-hero{background:linear-gradient(135deg,#000,#001a1f 50%,#000);border:2px solid #00c6cf66;border-radius:20px;box-shadow:0 8px 32px #00c6cf26,inset 0 1px 0 #ffffff0d;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.campeonato-hero:before{background:radial-gradient(ellipse at 50% -20%,#00c6cf26 0,#0000 60%);content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0}.campeonato-hero-header{margin-bottom:20px;position:relative;z-index:1}.campeonato-titulo-container{align-items:center;display:flex;gap:16px}.campeonato-icon{animation:trophy-glow 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,198,207,.3));font-size:2.5rem}@keyframes trophy-glow{0%,to{filter:drop-shadow(0 4px 8px rgba(0,198,207,.3))}50%{filter:drop-shadow(0 4px 16px rgba(0,198,207,.6))}}.campeonato-titulo-info{display:flex;flex-direction:column;gap:8px}.campeonato-nombre{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00c6cf);background:linear-gradient(135deg,#fff 0,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:.5px;margin:0;text-shadow:0 2px 20px #00c6cf4d}.estado-badge-nuevo{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:700;gap:8px;letter-spacing:1px;padding:6px 14px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.estado-badge-nuevo .estado-dot{animation:pulse-dot 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.estado-badge-nuevo.configuracion{background:#9ca3af33;border:1px solid #9ca3af4d;color:#9ca3af}.estado-badge-nuevo.configuracion .estado-dot{background:#9ca3af}.estado-badge-nuevo.bracket_generado{background:#ffa72626;border:1px solid #ffa7264d;color:#ffa726}.estado-badge-nuevo.bracket_generado .estado-dot{background:#ffa726}.estado-badge-nuevo.en_curso{background:#4caf5026;border:1px solid #4caf504d;color:#66bb6a}.estado-badge-nuevo.en_curso .estado-dot{background:#66bb6a}.estado-badge-nuevo.finalizado{background:#00c6cf26;border:1px solid #00c6cf4d;color:#00c6cf;color:var(--primary)}.estado-badge-nuevo.finalizado .estado-dot{animation:none;background:#00c6cf;background:var(--primary)}.campeonato-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}.stat-card-nuevo{align-items:center;background:#00c6cf14;border:1px solid #00c6cf33;border-radius:14px;display:flex;gap:14px;padding:16px;transition:all .3s ease}.stat-card-nuevo:hover{background:#00c6cf1f;border-color:#00c6cf66;transform:translateY(-2px)}.stat-icon{flex-shrink:0;font-size:1.8rem}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-numero{color:#fff;font-size:1.4rem;font-weight:800;line-height:1.1}.stat-separador{color:#00c6cf;color:var(--primary);margin:0 2px}.stat-texto{color:#9ba1a6;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.campeon-banner-nuevo{align-items:center;background:linear-gradient(135deg,#ffd70026,#ffc1071a);border:1px solid #ffd7004d;border-radius:14px;display:flex;gap:16px;margin-top:20px;padding:16px 20px;position:relative;z-index:1}.campeon-trophy{animation:trophy-bounce 2s ease-in-out infinite;font-size:2rem}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.campeon-info{display:flex;flex-direction:column;gap:2px}.campeon-label{color:#ffc107;font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.campeon-nombre{color:gold;font-size:1.3rem;font-weight:800;text-shadow:0 2px 10px #ffd7004d}@media (max-width:768px){.campeonato-hero{border-radius:16px;padding:20px 16px}.campeonato-titulo-container{align-items:flex-start;flex-direction:column;gap:12px}.campeonato-icon{font-size:2rem}.campeonato-nombre{font-size:1.4rem}.campeonato-stats-grid{gap:12px;grid-template-columns:1fr}.stat-card-nuevo{padding:14px}.stat-icon{font-size:1.5rem}.stat-numero{font-size:1.2rem}.campeon-banner-nuevo{padding:14px 16px}.campeon-trophy{font-size:1.6rem}.campeon-nombre{font-size:1.1rem}}@media (max-width:480px){.campeonato-hero{padding:16px 14px}.campeonato-nombre{font-size:1.2rem}.estado-badge-nuevo{font-size:.7rem;padding:5px 10px}.stat-card-nuevo{gap:10px;padding:12px}.stat-icon{font-size:1.3rem}.stat-numero{font-size:1.1rem}.stat-texto{font-size:.65rem}}.tabs-container{display:flex;gap:12px;margin-bottom:20px}.tab-btn{background:#1b1f22;background:var(--surface);border:2px solid #262a2e;border:2px solid var(--border);border-radius:10px;color:#9ba1a6;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .2s}.tab-btn:hover{color:#ecedee;color:var(--text)}.tab-btn.active,.tab-btn:hover{border-color:#00c6cf;border-color:var(--primary)}.tab-btn.active{background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary) 0,var(--primary-alt) 100%);box-shadow:0 4px 12px #00c6cf4d;color:#fff}.bracket-viewer-container{--bracket-scale:1;--card-width:180px;--card-height:90px;--card-padding:8px;--horizontal-gap:70px;--vertical-gap:12px;--title-height:40px;--line-thickness:2px;--column-gap:30px;--font-scale:1;--scroll-max-height:75vh;background:linear-gradient(135deg,#000,#002a2f 50%,#000);border:2px solid #00c6cf;border-radius:16px;overflow:hidden;padding:20px;position:relative}.bracket-viewer-container:before{background:radial-gradient(circle at 50% 0,#00c6cf33,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.bracket-controls{justify-content:space-between;margin-bottom:20px;position:relative;z-index:100}.bracket-ganador-card{background:#00c6cf14;border:1px solid #00c6cf;border-radius:12px;box-shadow:0 6px 20px #00c6cf1f;color:#fff;display:inline-flex;flex-direction:column;gap:4px;margin-bottom:10px;margin-top:-4px;padding:12px 14px}.bracket-ganador-card .ganador-label{color:#00c6cf;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.bracket-ganador-card .ganador-nombre{color:#fff;font-size:18px;font-weight:800;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campeon-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.campeon-modal{animation:scaleIn .4s ease;background:linear-gradient(135deg,#0a1a1f,#002a2f 50%,#0a1a1f);border:3px solid #00c6cf;border-radius:24px;box-shadow:0 0 60px #00c6cf66,0 0 120px #00c6cf33,inset 0 0 60px #00c6cf0d;max-width:420px;padding:40px 50px;text-align:center;width:90%}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.campeon-modal-content{align-items:center;display:flex;flex-direction:column;gap:12px}.campeon-trophy{animation:bounce 1s ease infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.6));font-size:80px}.campeon-titulo{color:#00c6cf;font-size:28px;font-weight:800;letter-spacing:2px;margin:0;text-shadow:0 0 20px #00c6cf80;text-transform:uppercase}.campeon-nombre{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00c6cf);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:36px;font-weight:900;margin:10px 0;text-shadow:0 0 30px #ffffff4d}.campeon-subtitulo{color:#aaa;font-size:16px;font-weight:500;margin:0}.campeon-torneo{color:#00c6cf;font-size:14px;font-weight:600;margin:8px 0 0;opacity:.8}.campeon-cerrar-btn{background:linear-gradient(135deg,#00c6cf,#0099a8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;margin-top:24px;padding:14px 36px;text-transform:uppercase;transition:all .3s ease}.campeon-cerrar-btn:hover{box-shadow:0 8px 25px #00c6cf66;transform:translateY(-2px)}.bracket-toggle{background:#1b1f22;background:var(--surface);border:1px solid #262a2e;border:1px solid var(--border);border-radius:8px;display:flex;padding:4px}.bracket-badge-simple{align-items:center;background:linear-gradient(135deg,#ffa726,#ff9800);border-radius:8px;box-shadow:0 2px 8px #ffa7264d;color:#1a1a2e;display:flex;font-size:.9rem;font-weight:600;padding:8px 16px}.bracket-toggle-btn:hover{color:#ecedee;color:var(--text)}.find-me-btn:hover{background:#ffa72640;transform:translateY(-2px)}.bracket-scroll-container{height:var(--scroll-max-height);margin-top:20px;max-height:var(--scroll-max-height);overflow:auto;padding-bottom:20px;position:relative;scrollbar-color:#00c6cf #00c6cf1a;scrollbar-color:var(--primary) #00c6cf1a;scrollbar-width:thin}@media (max-width:768px){.bracket-viewer-container{--scroll-max-height:65vh}}.bracket-scroll-container::-webkit-scrollbar{height:8px;width:8px}.bracket-scroll-container::-webkit-scrollbar-track{background:#00c6cf1a;border-radius:10px}.bracket-scroll-container::-webkit-scrollbar-thumb{background:#00c6cf;background:var(--primary);border-radius:10px}.bracket-content{display:flex;gap:var(--column-gap);min-width:-webkit-max-content;min-width:max-content;padding:10px 0}.bracket-card:hover{border-color:#00c6cf;border-color:var(--primary);box-shadow:0 4px 12px #00c6cf26}@keyframes pulse-highlight{0%,to{box-shadow:0 0 15px #ffa7264d}50%{box-shadow:0 0 25px #ffa72680}}.bracket-player:last-child{margin-bottom:0}.bracket-player.winner .player-name{color:#66bb6a;font-weight:700}.bracket-player.is-me .player-name{color:#00c6cf;color:var(--primary);font-weight:700}.player-name{color:#ecedee;color:var(--text);font-size:.9rem;font-weight:500}.player-name.bye{color:#9ba1a6;color:var(--text-secondary);font-style:italic}.player-score{color:#ecedee;color:var(--text);font-size:.9rem;font-weight:700;min-width:20px;text-align:center}.bracket-player.winner .player-score{color:#66bb6a}.bracket-empty{color:#9ba1a6;color:var(--text-secondary);font-size:1.1rem;padding:40px 20px;text-align:center}.ranking-container:before{background:radial-gradient(circle at 50% 0,#00c6cf33,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ranking-container h3{color:#ecedee;color:var(--text);font-size:1.3rem;margin:0 0 20px;position:relative;z-index:1}.ranking-table thead{background:#00c6cf1a;border-bottom:2px solid #00c6cf;border-bottom:2px solid var(--primary)}.ranking-table th{color:#ecedee;color:var(--text);font-size:.85rem;letter-spacing:.5px;padding:12px 8px}.ranking-table th:nth-child(2){padding-left:16px}.ranking-table td{border-bottom:1px solid #262a2e;border-bottom:1px solid var(--border);font-size:.95rem;padding:14px 8px}.ranking-table td:nth-child(2){font-weight:500;padding-left:16px}.ranking-table tbody tr{transition:background .2s}.ranking-table tbody tr:hover{background:#00c6cf0d}.ranking-table tbody tr.my-row{background:#00c6cf26;font-weight:600}@media (max-width:768px){.torneos-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.torneos-header h1{font-size:1.5rem}.header-buttons{flex-wrap:wrap;justify-content:center;width:100%}.torneo-highlight-btn{align-items:center;text-align:center;width:100%}.bracket-controls,.tabs-container{flex-direction:column}.bracket-controls{align-items:stretch}.bracket-toggle{justify-content:center}.player-name{font-size:.8rem}}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#9ba1a6;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.toggle-btn:hover{color:#ecedee;color:var(--text)}.toggle-btn.active{box-shadow:0 2px 8px #00c6cf4d;color:#fff}.toggle-btn.active.winner{background:linear-gradient(135deg,#4caf50,#2e7d32);background:linear-gradient(135deg,var(--success) 0,#2e7d32 100%)}.toggle-btn.active.loser{background:linear-gradient(135deg,#ef5350,#c62828)}.buscar-btn{background:#ffa72626;border:1px solid #ffa72666;border-radius:8px;color:#ffa726;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.buscar-btn:hover{background:#ffa72640;transform:translateY(-2px)}.bracket-info{align-items:center;background:#00c6cf14;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px;position:relative;z-index:1}.bracket-tipo{font-size:1rem}.bracket-player.es-usuario .player-name,.bracket-tipo{color:#00c6cf;color:var(--primary);font-weight:700}.bracket-player.ganador .player-name,.bracket-player.ganador .player-score{color:#66bb6a;font-weight:700}.bracket-player.perdedor .player-name{color:#9ba1a6;color:var(--text-secondary);text-decoration:line-through}.bracket-leyenda-letras{align-items:center;background:#00c6cf14;border:1px solid #00c6cf33;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px;padding:10px 16px}.leyenda-letras-titulo{color:#00c6cf;font-size:.8rem;font-weight:600}.leyenda-letra-item{align-items:center;color:#9ba1a6;color:var(--text-secondary);display:flex;font-size:.75rem;gap:4px}.leyenda-letra-item .letra-badge{font-size:.65rem;height:16px;width:16px}.leyenda-letras-ellipsis{color:#9ba1a6;color:var(--text-secondary);font-size:.75rem}.bracket-leyenda{border-top:1px solid #262a2e;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:20px;padding-top:20px;position:relative;z-index:1}.leyenda-item{align-items:center;color:#9ba1a6;color:var(--text-secondary);display:flex;font-size:.85rem;gap:8px}.leyenda-color{border-radius:3px;height:12px;width:12px}.leyenda-color.ganador{background:#66bb6a}.leyenda-color.perdedor{background:#9ba1a6;background:var(--text-secondary)}.leyenda-color.usuario{background:#00c6cf;background:var(--primary)}.leyenda-color.pendiente{background:#262a2e;background:var(--border);border:1px dashed #9ba1a6;border:1px dashed var(--text-secondary)}@media (max-width:768px){.bracket-info{flex-direction:column;gap:8px;text-align:center}.bracket-leyenda{gap:12px}.leyenda-item{font-size:.75rem}}.bracket-content-wrapper{align-items:flex-start;background:linear-gradient(180deg,#000,#002a2f 50%,#000);border-radius:16px;display:flex;flex-direction:row;min-width:-webkit-max-content;min-width:max-content;overflow:hidden;padding:40px 60px;position:relative}.bracket-logo-pattern{align-content:flex-start;bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-start;left:0;opacity:.08;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.bracket-logo-item{flex-shrink:0;height:200px;margin:40px;object-fit:contain;width:200px}.bracket-ronda-wrapper{align-items:flex-start;display:flex;flex-direction:row;position:relative;z-index:1}.bracket-ronda-column{display:flex;flex-direction:column;flex-shrink:0}.bracket-ronda-header{align-items:center;display:flex;justify-content:center;padding:0 8px}.ronda-titulo{color:#00e5ee;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-align:center;text-shadow:0 0 8px #00c6cf99;text-transform:uppercase}.bracket-partidas-container{display:flex;flex-direction:column}.bracket-partida-slot{display:block}.bracket-conectores-column{flex-shrink:0;position:relative}.conectores-svg{display:block;overflow:visible}.bracket-match-card{background:linear-gradient(135deg,#1e2530,#252a35);border:2px solid #3a4556;border-radius:10px;box-shadow:0 2px 8px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;height:90px;justify-content:space-between;padding:8px;transition:all .2s ease;width:180px}.bracket-match-card:hover{border-color:#00c6cf;box-shadow:0 4px 16px #00c6cf33;transform:translateY(-2px)}.bracket-match-card.completada{background:linear-gradient(135deg,#0d3a3d,#1a3535);border-color:#00c6cf}.bracket-match-card.bye{background:linear-gradient(135deg,#1e2530,#1e2530);opacity:.5}.bracket-match-card.mi-partida{border-color:gold;border-width:2px;box-shadow:0 0 12px #ffd7004d}.match-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.match-header-left{align-items:center;display:flex;gap:5px}.match-position{color:#8892a0;font-size:.7rem;font-weight:600}.letra-badge{align-items:center;border-radius:4px;color:#000;display:inline-flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;min-width:22px;padding:0 4px}.letra-badge.winner{background:linear-gradient(135deg,#00c6cf,#00e6ff);box-shadow:0 1px 3px #00c6cf66}.letra-badge.loser{background:linear-gradient(135deg,#ff6b35,#ff8a5b);box-shadow:0 1px 3px #ff6b3566}.destino-loser-badge{background:#ff6b3526;border:1px solid #ff6b354d;border-radius:4px;color:#ff6b35;font-size:.55rem;font-weight:600;margin-left:4px;padding:2px 5px;white-space:nowrap}.match-badges{align-items:center;display:flex;gap:4px}.badge-usuario{font-size:.7rem}.badge-completada{color:#32cd32;font-size:.8rem;font-weight:700}.badge-bye{background:#ffa50033;border-radius:3px;color:orange;font-size:.65rem;font-weight:700;padding:1px 4px}.match-player{align-items:center;background:#ffffff05;border-radius:4px;display:flex;min-height:24px;padding:4px 6px;transition:all .2s ease}.match-player.es-usuario{background:#ffd70026}.match-player.ganador{background:#00c6cf40;border-left:3px solid #00c6cf}.match-player.perdedor{opacity:.6}.match-player.perdedor .player-name{color:#5a6577;text-decoration:line-through}.usuario-star{font-size:.7rem;margin-right:4px}.match-player .player-name{color:#ecedee;flex:1 1;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-player.ganador .player-name{color:#00c6cf;font-weight:700}.match-player .player-name.tbd{color:#5a6577;font-style:italic}.match-player .player-score{color:#b0b8c4;font-size:1rem;font-weight:600;margin-left:8px;min-width:16px;text-align:center}.match-player .player-score.ganador{color:#00c6cf;font-weight:700}.match-divider{background:linear-gradient(90deg,#0000,#3a4556,#0000);height:1px;margin:2px 0}.bracket-match-card.clickeable{cursor:pointer}.bracket-match-card.clickeable:hover{box-shadow:0 6px 20px #00c6cf4d;transform:translateY(-3px)}.badge-stats{font-size:calc(.65rem*var(--font-scale))}.stats-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.stats-modal{animation:slideUp .3s ease-out;background:linear-gradient(180deg,#0d1117,#161b22 50%,#1a2a3a);border:2px solid #00e67666;border-radius:20px;box-shadow:0 25px 80px #000c,0 0 50px #00c6cf26,inset 0 1px 0 #ffffff0d;max-width:480px;overflow:hidden;width:90%}.stats-modal-header{align-items:center;background:linear-gradient(135deg,#00e67626,#00c6cf1a);border-bottom:1px solid #00e6764d;display:flex;justify-content:space-between;padding:20px 24px}.stats-modal-header h3{align-items:center;color:#00e676;display:flex;font-size:1.25rem;gap:8px;margin:0;text-shadow:0 0 20px #00e67666}.stats-modal-content{padding:24px}.stats-match-info{align-items:center;background:linear-gradient(135deg,#00c6cf1f,#00e67614);border:1px solid #00c6cf40;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:14px 18px}.stats-ronda{color:#00c6cf;font-size:.95rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.stats-resultado{color:#fff;font-size:1.8rem;font-weight:800;text-shadow:0 2px 10px #0000004d}.stats-players-comparison{align-items:stretch;display:flex;gap:16px}.stats-player{background:#1e2837cc;border:2px solid #8b949e33;border-radius:14px;flex:1 1;padding:18px;text-align:center;transition:all .3s ease}.stats-player.winner{background:linear-gradient(135deg,#00e67626,#00c6cf1a);border-color:#00e676;box-shadow:0 0 25px #00e67633}.stats-player.loser{opacity:.75}.stats-player-name{align-items:center;color:#c9d1d9;display:flex;font-size:1.05rem;font-weight:700;gap:8px;justify-content:center;margin-bottom:14px}.stats-player.winner .stats-player-name{color:#00e676;text-shadow:0 0 15px #00e6764d}.winner-badge{filter:drop-shadow(0 0 8px rgba(255,215,0,.5));font-size:1.3rem}.stats-player-data{display:flex;flex-direction:column;gap:10px}.stat-item{align-items:center;background:#0000004d;border:1px solid #ffffff0d;justify-content:space-between;padding:10px 14px}.stat-item .stat-label{color:#8b949e;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-item .stat-value{color:#00e6ff;font-size:1.4rem;font-weight:800;text-shadow:0 0 15px #00e6ff66}.stat-item .stat-value.highlight-180{color:#fff;font-size:1.4rem;font-weight:800}.stats-vs{align-self:center;border-radius:50%;font-size:.9rem;font-weight:800;height:40px;width:40px}.modal-close,.stats-vs{align-items:center;background:#8b949e26;border:1px solid #8b949e40;color:#8b949e;display:flex;justify-content:center}.modal-close{border-radius:50%;height:36px;transition:all .2s ease;width:36px}.modal-close:hover{background:#ff6b6b33;border-color:#ff6b6b;color:#ff6b6b}.bracket-ranking-section{background:#00c6cf0d;border:1px solid #00c6cf33;border-radius:12px;margin-top:24px;padding:20px;position:relative;z-index:1}.ranking-title{color:#00c6cf;color:var(--primary);font-size:1.1rem;margin:0 0 4px;text-align:center}.ranking-subtitle{color:#9ba1a6;color:var(--text-secondary);font-size:.85rem;margin:0 0 16px;opacity:.8;text-align:center}.ranking-table-container{overflow-x:auto}.ranking-table th{border-bottom:1px solid #00c6cf33;color:#9ba1a6;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:10px 8px;text-align:center;text-transform:uppercase}.ranking-table th:nth-child(2){text-align:left}.ranking-table td{border-bottom:1px solid #ffffff0d;color:#ecedee;color:var(--text);font-size:.9rem;padding:12px 8px;text-align:center}.ranking-table td:nth-child(2){text-align:left}.ranking-table tbody tr:hover{background:#00c6cf14}.ranking-table tbody tr.top-player{background:#ffd7001a}.rank-position{font-size:1rem}.rank-name{font-weight:600}.rank-avg{color:#00c6cf;color:var(--primary);font-weight:700}.rank-180s{color:gold;font-weight:600}.rank-record{color:#9ba1a6;color:var(--text-secondary);font-size:.85rem}.rank-estado{font-size:.85rem;font-weight:600}.ranking-table tbody tr.active-player{background:#00c6cf26}.ranking-table tbody tr.active-player .rank-estado{color:#00c6cf}.ranking-table tbody tr:not(.active-player) .rank-estado{color:#9ba1a6;color:var(--text-secondary);opacity:.7}.bracket-estado{color:#9ba1a6;color:var(--text-secondary);font-size:.9rem}.bracket-formato{background:#00c6cf26;border-radius:4px;color:#00c6cf;font-size:.9rem;font-weight:600;margin-left:12px;padding:4px 10px}.bracket-admin-container{position:relative}.admin-banner{align-items:center;background:linear-gradient(135deg,#ffa72626,#ff572226);border:1px solid #ffa72666;border-radius:8px;color:#ffa726;display:flex;font-weight:600;gap:10px;justify-content:center;margin-bottom:16px;padding:12px 20px}.admin-banner .admin-icon{font-size:1.2rem}.admin-mensaje{animation:slideDown .3s ease-out;border-radius:8px;font-weight:600;margin-bottom:16px;padding:12px 20px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-mensaje.success{background:#4caf5026;border:1px solid #4caf5066;color:#66bb6a}.admin-mensaje.error{background:#ef444426;border:1px solid #ef444466;color:#ef4444}.bracket-match-card.admin-card{cursor:pointer;position:relative;transition:all .2s ease}.bracket-match-card.admin-card:hover{border-color:#ffa726;box-shadow:0 8px 24px #ffa7264d;transform:translateY(-4px)}.bracket-match-card.admin-card .admin-click-hint{bottom:-20px;color:#9ba1a6;color:var(--text-secondary);font-size:.65rem;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.bracket-match-card.admin-card:hover .admin-click-hint{opacity:1}.badge-admin{font-size:.7rem}.admin-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-modal{animation:slideUp .3s ease-out;background:linear-gradient(180deg,#1a2833,#0d1820);border:2px solid #00c6cf4d;border-radius:20px;box-shadow:0 25px 80px #000000b3,0 0 40px #00c6cf1a;max-height:85vh;max-width:420px;overflow-x:hidden;overflow-y:auto;width:90%}.admin-modal.large{max-width:520px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-modal-header{align-items:center;background:linear-gradient(135deg,#00c6cf1a,#00646e1a);border-bottom:1px solid #00c6cf33;display:flex;justify-content:space-between;padding:20px 24px}.admin-modal-header h3{color:#fff;font-size:1.25rem;margin:0;text-shadow:0 0 15px #00c6cf66}.modal-close{background:none;border:none;color:#9ba1a6;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s}.modal-close:hover{color:#ef4444;color:var(--danger)}.admin-modal-info{background:linear-gradient(180deg,#00c6cf14,#00a3ad08);border-bottom:1px solid #00c6cf26;flex-direction:column;padding:20px 24px}.admin-modal-info,.match-preview{align-items:center;display:flex;gap:16px}.match-preview{background:#00000040;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;padding:16px;width:100%}.preview-player{background:linear-gradient(135deg,#00c6cf1f,#00a3ad14);border:1px solid #00c6cf40;border-radius:12px;color:#fff;flex:1 1;font-size:1.1rem;font-weight:700;max-width:140px;min-width:100px;overflow:hidden;padding:12px 8px;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 4px #0000004d;white-space:nowrap}.preview-vs{background:#00c6cf1a;border-radius:8px;color:#00c6cfcc;font-size:1rem;font-weight:800;letter-spacing:2px;padding:8px 12px;text-transform:uppercase}.status-badge{border-radius:25px;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:8px 18px;text-transform:uppercase}.status-badge.completed{background:linear-gradient(135deg,#22c55e33,#16a34a26);border:1px solid #22c55e66;box-shadow:0 2px 10px #22c55e33;color:#4ade80}.status-badge.pending{background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border:1px solid #fbbf2466;box-shadow:0 2px 10px #fbbf2433;color:#fbbf24}.admin-stats-section{background:linear-gradient(135deg,#001e3ce6,#003250cc);border-bottom:1px solid #00e6ff33;border-top:1px solid #00e6ff33;padding:20px 24px}.admin-stats-header{color:#00e6ff;font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-align:center;text-shadow:0 0 10px #00e6ff80;text-transform:uppercase}.admin-stats-result{color:#fff;font-size:2.2rem;font-weight:800;letter-spacing:2px;margin-bottom:20px;text-align:center;text-shadow:0 0 15px #ffffff4d}.admin-stats-comparison{display:flex;gap:16px}.admin-stats-player{background:linear-gradient(180deg,#001428cc,#001e3299);border:1px solid #ffffff26;border-radius:12px;flex:1 1;padding:16px;transition:all .3s ease}.admin-stats-player:hover{border-color:#00e6ff4d;transform:translateY(-2px)}.admin-stats-player.winner{background:linear-gradient(180deg,#00e67626,#00c86414);border-color:#00e67666;box-shadow:0 0 20px #00e67626}.admin-stats-name{border-bottom:1px solid #ffffff1a;color:#fff;font-size:.95rem;font-weight:700;margin-bottom:12px;padding-bottom:8px;text-align:center}.admin-stats-player.winner .admin-stats-name{color:#00e676;text-shadow:0 0 10px #00e67666}.admin-stat-row{align-items:center;border-bottom:1px solid #ffffff0d;color:#ffffffb3;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 0}.admin-stat-row:last-child{border-bottom:none}.admin-stat-row strong{color:#00e6ff;font-size:1rem;font-weight:700;text-shadow:0 0 8px #00e6ff4d}.admin-stat-row strong.gold{color:gold;text-shadow:0 0 10px #ffd70066}.admin-stat-row.no-stats{color:#fff6;font-style:italic;justify-content:center;padding:12px 0}.admin-modal-actions{display:flex;flex-direction:column;gap:12px;padding:20px 24px 24px}.admin-action-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:12px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.admin-action-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.admin-action-btn:hover:before{left:100%}.admin-action-btn:disabled{cursor:not-allowed;opacity:.5}.admin-action-btn.edit{background:linear-gradient(135deg,#00c6cf40,#00a3ad40);border:1px solid #00c6cf80;box-shadow:0 4px 15px #00c6cf33;color:#fff;text-shadow:0 0 10px #00e5ee99}.admin-action-btn.edit:hover:not(:disabled){background:linear-gradient(135deg,#00c6cf66,#00a3ad66);box-shadow:0 8px 25px #00c6cf59;transform:translateY(-3px)}.admin-action-btn.reset{background:linear-gradient(135deg,#ffa72640,#ff704340);border:1px solid #ffa72680;box-shadow:0 4px 15px #ffa72633;color:#fff;text-shadow:0 0 10px #ffa72699}.admin-action-btn.reset:hover:not(:disabled){background:linear-gradient(135deg,#ffa72666,#ff704366);box-shadow:0 8px 25px #ffa72659;transform:translateY(-3px)}.admin-action-btn.assign{background:linear-gradient(135deg,#4caf5040,#66bb6a40);border:1px solid #4caf5080;box-shadow:0 4px 15px #4caf5033;color:#fff;text-shadow:0 0 10px #4caf5099}.admin-action-btn.assign:hover:not(:disabled){background:linear-gradient(135deg,#4caf5066,#66bb6a66);box-shadow:0 8px 25px #4caf5059;transform:translateY(-3px)}.admin-action-btn.change{background:linear-gradient(135deg,#3b82f640,#6366f140);border:1px solid #3b82f680;box-shadow:0 4px 15px #3b82f633;color:#fff;text-shadow:0 0 10px #3b82f699}.admin-action-btn.change:hover:not(:disabled){background:linear-gradient(135deg,#3b82f666,#6366f166);box-shadow:0 8px 25px #3b82f659;transform:translateY(-3px)}.admin-action-btn.bye{background:linear-gradient(135deg,#9e9e9e33,#75757533);border:1px solid #9e9e9e66;color:#bdbdbd}.admin-action-btn.bye:hover:not(:disabled){background:linear-gradient(135deg,#9e9e9e4d,#7575754d);transform:translateY(-2px)}.admin-form{padding:20px}.form-row{margin-bottom:16px}.form-row label{color:#9ba1a6;color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:8px}.form-row input[type=number],.form-row select{background:#1b1f22;background:var(--surface);border:2px solid #262a2e;border:2px solid var(--border);border-radius:8px;color:#ecedee;color:var(--text);font-size:1rem;padding:12px 16px;transition:all .2s;width:100%}.form-row input[type=number]:focus,.form-row select:focus{border-color:#00c6cf;border-color:var(--primary);box-shadow:0 0 0 3px #00c6cf1a;outline:none}.form-row.checkbox,.form-row.checkbox label{align-items:center;display:flex}.form-row.checkbox label{color:#ecedee;color:var(--text);cursor:pointer;gap:10px;margin-bottom:0}.form-row.checkbox input[type=checkbox]{accent-color:#00c6cf;accent-color:var(--primary);height:20px;width:20px}.form-actions{gap:14px;margin-top:24px}.btn-cancel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;color:#ffffffd9;padding:16px;transition:all .3s ease}.btn-cancel:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.btn-cancel.full,.bye-section{margin-top:16px}.bye-section{border-top:1px solid #ffffff1a;padding-top:16px}.btn-bye{background:#ffa5001a;border:2px dashed orange;border-radius:12px;color:orange;cursor:pointer;font-size:.95rem;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.btn-bye:hover:not(:disabled){background:#ffa50033;border-color:#ffb733}.btn-bye:disabled{cursor:not-allowed;opacity:.5}.btn-save{background:linear-gradient(135deg,#00c6cf,#00a3ad 50%,#0099a3);border-radius:14px;box-shadow:0 4px 20px #00c6cf59;color:#fff;flex:1 1;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.btn-save:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-save:hover:before{left:100%}.btn-save:hover:not(:disabled){box-shadow:0 8px 30px #00c6cf80;transform:translateY(-3px)}.modal-description{color:#9ba1a6;color:var(--text-secondary);margin:16px 0;padding:0 20px;text-align:center}.winner-btn:hover:not(:disabled){background:#4caf5033;border-color:#66bb6a;box-shadow:0 4px 16px #4caf504d;transform:translateY(-2px)}.winner-btn:disabled{cursor:not-allowed;opacity:.5}.player-search{background:linear-gradient(180deg,#001e2880,#00141eb3);padding:20px}.player-search input{background:linear-gradient(180deg,#1a2530,#0f1820);border:2px solid #00c6cf4d;border-radius:12px;color:#fff;font-size:1rem;padding:14px 18px;transition:all .2s;width:100%}.player-search input:focus{border-color:#00e5ee;box-shadow:0 0 20px #00e5ee33;outline:none}.player-search input::placeholder{color:#fff6}.players-list{background:linear-gradient(180deg,#00141e66,#000a1499);display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding:16px 20px}.player-option{align-items:center;background:linear-gradient(135deg,#00c6cf0d,#00646e0d);border:2px solid #00c6cf26;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:14px 18px;transition:all .25s;width:100%}.player-option:hover:not(:disabled){background:linear-gradient(135deg,#00c6cf26,#00646e26);border-color:#00e5ee;box-shadow:0 4px 15px #00c6cf33;transform:translateX(4px)}.player-option:disabled{cursor:not-allowed;opacity:.5}.player-option .player-name{font-weight:600;text-shadow:0 0 10px #00c6cf33}.player-option .player-badge{background:linear-gradient(135deg,#00c6cf4d,#0099a34d);border:1px solid #00c6cf66;border-radius:20px;color:#00e5ee;font-size:.75rem;font-weight:600;padding:4px 10px}.no-results{color:#ffffff80;font-size:.95rem;padding:30px 20px}.leyenda-color.admin{background:#ffa726}.torneos-menu{position:relative}.torneos-menu-container{margin:0 auto;max-width:600px;padding:20px}.torneos-menu--admin .torneos-menu-container{background:linear-gradient(135deg,#00c6cf1f,#0078ff1f 50%,#00c6cf1f);border:1px solid #00c6cf59;border-radius:18px;box-shadow:0 12px 36px #00c6cf38,0 6px 18px #00000059;overflow:hidden;position:relative}.torneos-menu--admin .torneos-menu-container:after,.torneos-menu--admin .torneos-menu-container:before{content:"";inset:0;pointer-events:none;position:absolute}.torneos-menu--admin .torneos-menu-container>*{position:relative;z-index:1}.torneos-menu--admin .torneos-menu-container:before{background:radial-gradient(circle at 20% 20%,#00c6cf38,#0000 40%),radial-gradient(circle at 80% 0,#ffc10729,#0000 38%);opacity:.8}.torneos-menu--admin .torneos-menu-container:after{background:linear-gradient(135deg,#00000059,#00000026);mix-blend-mode:soft-light}.torneos-menu-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.torneos-menu-card{align-items:center;background:#1b1f22;background:var(--surface);border:1px solid #262a2e;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s ease}.torneos-menu--admin .torneos-menu-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000f19b3;border-color:#00c6cf59;box-shadow:0 10px 28px #0006,0 6px 18px #00c6cf2e}.torneos-menu-card:hover{background:#1f2427;background:var(--surface-elevated);border-color:#00c6cf;border-color:var(--primary);box-shadow:0 4px 12px #00c6cf33;transform:translateY(-2px)}.torneos-menu--admin .torneos-menu-card:hover{background:#00c6cf1f;border-color:#00c6cf8c;box-shadow:0 14px 32px #00c6cf40}.menu-card-icon{align-items:center;background:#00c6cf1a;border-radius:12px;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.menu-card-content{flex:1 1}.menu-card-content h3{color:#ecedee;color:var(--text);font-size:1.1rem;margin:0 0 4px}.menu-card-content p{color:#9ba1a6;color:var(--text-secondary);font-size:.9rem;margin:0}.menu-card-arrow{color:#00c6cf;color:var(--primary);font-size:1.5rem}.torneos-menu-info{background:#00c6cf0d;border:1px solid #00c6cf33;border-radius:12px;padding:16px}.torneos-menu-info h4{color:#00c6cf;color:var(--primary);margin:0 0 8px}.torneos-menu-info p{color:#9ba1a6;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.crear-torneo-container{margin:0 auto;max-width:800px;padding:20px}.crear-torneo-form{display:flex;flex-direction:column;gap:24px}.form-section{border-radius:12px;padding:20px}.form-section h3{color:#00c6cf;color:var(--primary);font-size:1.1rem;margin:0 0 16px}.form-group label{color:#ecedee;color:var(--text);font-size:.9rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:1rem;padding:12px;transition:border-color .2s}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-help{color:#9ba1a6;color:var(--text-secondary,#888);display:block;font-size:.8rem;line-height:1.4;margin-top:6px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-row .form-group{margin-bottom:0}.search-group,.search-input-container{position:relative}.search-input-container .search-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-results-dropdown{background:#1f2427;background:var(--surface-elevated);border:1px solid #262a2e;border:1px solid var(--border);border-radius:8px;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.search-result-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s}.search-result-item:hover{background:#00c6cf1a}.search-result-item .player-name{color:#ecedee;color:var(--text)}.search-result-item .add-btn{color:#00c6cf;color:var(--primary);font-size:.85rem}.selected-players-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.empty-players{color:#9ba1a6;color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.selected-player-item{align-items:center;background:#00c6cf0d;border:1px solid #00c6cf33;border-radius:8px;display:flex;gap:12px;padding:10px 12px}.selected-player-item .player-number{align-items:center;background:#00c6cf;background:var(--primary);border-radius:50%;color:#000;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.selected-player-item .player-name{color:#ecedee;color:var(--text);flex:1 1}.remove-player-btn{background:#0000;border:none;border-radius:4px;color:#ef4444;color:var(--danger);cursor:pointer;font-size:1rem;padding:4px 8px;transition:background-color .2s}.remove-player-btn:hover{background:#ef44441a}.remove-player-btn:disabled{cursor:not-allowed;opacity:.5}.form-actions{justify-content:center;padding:20px 0}.submit-btn{background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary),var(--primary-alt));border:none;border-radius:12px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px 48px;transition:all .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 4px 20px #00c6cf66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.modalidad-selector{margin-bottom:20px}.modalidad-buttons{display:flex;gap:12px;margin:12px 0}.modalidad-btn{background:#00c6cf0d;border:2px solid #00c6cf33;color:#9ba1a6;color:var(--text-secondary);font-size:1rem;font-weight:600;padding:14px 20px}.modalidad-btn:hover:not(:disabled){background:#00c6cf1a;border-color:#00c6cf66}.modalidad-btn.active{background:#00c6cf26;color:#00c6cf;color:var(--primary)}.equipos-list{margin-top:16px}.equipo-item{align-items:center;background:#8a2be214;border:1px solid #8a2be24d;border-radius:10px;display:flex;gap:12px;padding:12px 14px}.equipo-number{background:linear-gradient(135deg,#8a2be2,#9b59b6);border-radius:6px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 10px}.equipo-players{color:#ecedee;color:var(--text);flex:1 1;font-weight:500}.cancel-pareja-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:50%;color:#ef4444;color:var(--danger);cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s;width:28px}.cancel-pareja-btn:hover{background:#ef444433}.pareja-pendiente-warning{background:#ffc1071a;border:1px solid #ffc10766;border-radius:8px;color:#ffc107;font-size:.9rem;margin-top:12px;padding:12px 16px}.pareja-pendiente-warning strong{color:#ffd54f}.success-banner{background:#4caf501a;border:1px solid #4caf50;border:1px solid var(--success);border-radius:8px;color:#4caf50;color:var(--success)}.error-banner,.success-banner{padding:12px 16px;text-align:center}.error-banner{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--danger);border-radius:8px;color:#ef4444;color:var(--danger)}@media (max-width:480px){.torneos-menu-container{padding:12px}.torneos-menu-card{padding:16px}.menu-card-icon{font-size:1.5rem;height:50px;width:50px}.crear-torneo-container{padding:12px}.form-section{padding:16px}.form-row{grid-template-columns:1fr}}.resultado-form{background:linear-gradient(180deg,#001e2899,#00141ecc);border-radius:16px;display:flex;flex-direction:column;gap:20px;margin:0 20px 20px;padding:24px}.resultado-row{align-items:center;background:linear-gradient(135deg,#00c6cf14,#00646e14);border:1px solid #00c6cf26;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.resultado-player{color:#fff;flex:1 1;font-size:1.1rem;font-weight:600;text-shadow:0 0 10px #00c6cf4d}.resultado-input-group{align-items:center;display:flex;gap:12px}.resultado-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;height:44px;justify-content:center;transition:all .2s;width:44px}.resultado-btn.minus{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.resultado-btn.minus:hover{box-shadow:0 6px 20px #ef444480;transform:translateY(-2px)}.resultado-btn.plus{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;color:#fff}.resultado-btn.plus:hover{box-shadow:0 6px 20px #22c55e80;transform:translateY(-2px)}.resultado-btn:active{transform:scale(.95)}.resultado-input{-webkit-appearance:textfield;appearance:textfield;background:linear-gradient(180deg,#1a2530,#0f1820);border:2px solid #00c6cf66;border-radius:12px;color:#00e5ee;font-size:2rem!important;font-weight:700;height:60px;padding:8px!important;text-align:center;text-shadow:0 0 10px #00e5ee80;width:70px!important}.resultado-input::-webkit-inner-spin-button,.resultado-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.resultado-input:focus{border-color:#00e5ee;box-shadow:0 0 20px #00e5ee4d;outline:none}.resultado-vs{color:#ffffff80;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:8px 0;text-align:center}.resultado-preview{animation:pulseGreen 2s ease-in-out infinite;background:linear-gradient(135deg,#22c55e26,#16a34a26);border:2px solid #22c55e80;border-radius:12px;color:#22c55e;font-size:1.1rem;margin-top:8px;padding:16px;text-align:center}@keyframes pulseGreen{0%,to{box-shadow:0 0 10px #22c55e4d}50%{box-shadow:0 0 25px #22c55e80}}.resultado-error{background:linear-gradient(135deg,#ef444426,#dc262626);border:2px solid #ef444480;border-radius:12px;color:#ef4444;font-size:1rem;margin-top:8px;padding:16px;text-align:center}.modal-description{background:#0003;border-bottom:1px solid #ffffff1a;color:#ffffffb3;font-size:.95rem;line-height:1.5;margin:0;padding:16px 20px}.form-actions{background:#0000004d;border-top:1px solid #ffffff1a;padding:20px}.btn-cancel{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fffc;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .2s}.btn-cancel:hover{background:#ffffff26;border-color:#ffffff4d}.btn-save{background:linear-gradient(135deg,#00c6cf,#0099a3);border:none;border-radius:10px;box-shadow:0 4px 15px #00c6cf66;color:#000;cursor:pointer;flex:1.5 1;font-size:1rem;font-weight:700;padding:14px 20px;transition:all .2s}.btn-save:hover:not(:disabled){box-shadow:0 6px 25px #00c6cf80;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-cancel.full{flex:none;margin:16px 20px 20px;width:100%}.bye-btn:hover:not(:disabled){box-shadow:0 4px 12px #ffa72666;transform:translateY(-2px)}.bye-btn:disabled{cursor:not-allowed;opacity:.6}.separator-text:after,.separator-text:before{background:#262a2e;background:var(--border);content:"";height:1px;position:absolute;top:50%;width:30%}.separator-text:before{left:0}.separator-text:after{right:0}.admin-action-btn.primary{background:linear-gradient(135deg,#00c6cf,#00a3ad 50%,#00858d);border:none;box-shadow:0 6px 25px #00c6cf66;color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:.5px;text-shadow:0 1px 2px #0003}.admin-action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#00d4de,#00b5bf 50%,#009ba5);box-shadow:0 10px 35px #00c6cf8c;transform:translateY(-3px)}.search-indicator{animation:pulse 1s ease-in-out infinite;color:#00c6cf;color:var(--primary);display:block;font-size:.85rem;margin-top:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.confirm-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.confirm-modal{animation:modalPop .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(165deg,#1e2332fa,#0f1219fa);border:1px solid #00c6cf26;border-radius:24px;box-shadow:0 0 40px #00c6cf14,0 20px 60px #00000080,inset 0 1px 0 #ffffff0d;max-width:380px;padding:28px;text-align:center;width:90%}@keyframes modalPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.confirm-icon{filter:drop-shadow(0 4px 8px rgba(255,167,38,.3));font-size:3.5rem;margin-bottom:16px}.confirm-modal h4{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px #0000004d}.confirm-modal p{font-size:.95rem;line-height:1.5;margin:0 0 24px}.confirm-buttons{display:flex;gap:14px;justify-content:center}.confirm-buttons .btn-cancel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#ffffffe6;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:14px 20px;transition:all .3s ease}.confirm-buttons .btn-cancel:hover:not(:disabled){background:#ffffff26;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.btn-confirm-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a24 50%,#d63031);border:none;border-radius:12px;box-shadow:0 4px 16px #ee5a2459;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;padding:14px 20px;transition:all .3s ease}.btn-confirm-danger:hover:not(:disabled){box-shadow:0 8px 24px #ee5a2480;transform:translateY(-3px)}.btn-confirm-danger:disabled{cursor:not-allowed;opacity:.7}.bracket-search-container{margin-left:16px;position:relative;z-index:1000}.bracket-search-btn{align-items:center;background:linear-gradient(135deg,#2a3441,#1e2530);border:1px solid #262a2e;border:1px solid var(--border);border-radius:8px;color:#ecedee;color:var(--text);cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .2s}.bracket-search-btn:hover{background:linear-gradient(135deg,#3a4556,#2a3441);border-color:#00c6cf;border-color:var(--primary)}.bracket-config-btn{align-items:center;background:linear-gradient(135deg,#2a3441,#1e2530);border:1px solid #262a2e;border:1px solid var(--border);border-radius:8px;color:#ecedee;color:var(--text);cursor:pointer;display:flex;font-size:.9rem;gap:6px;margin-left:12px;padding:8px 16px;transition:all .2s}.bracket-config-btn:hover{background:linear-gradient(135deg,#3a4556,#2a3441);border-color:#00c6cf}.bracket-search-dropdown{animation:dropdownFade .2s ease-out;background:#1b1f22;background:var(--surface);border:1px solid #262a2e;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0006;left:0;margin-top:8px;max-width:280px;min-width:220px;padding:12px;position:absolute;top:100%;z-index:9999}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bracket-search-input{background:var(--surface-light);border:1px solid #262a2e;border:1px solid var(--border);border-radius:8px;color:#ecedee;color:var(--text);font-size:.9rem;margin-bottom:8px;padding:10px 12px;width:100%}.bracket-search-input:focus{border-color:#00c6cf;border-color:var(--primary);outline:none}.bracket-search-results{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.bracket-search-item{background:#0000;border:1px solid #0000;border-radius:6px;color:#ecedee;color:var(--text);cursor:pointer;font-size:.9rem;padding:10px 12px;text-align:left;transition:all .15s;width:100%}.bracket-search-item:hover{background:#00c6cf1a;border-color:#00c6cf;border-color:var(--primary)}.bracket-search-empty{color:#9ba1a6;color:var(--text-secondary);font-size:.85rem;padding:12px;text-align:center}.bracket-match-card.resaltada{animation:resaltadoPulse 1s ease-in-out infinite;border-color:gold!important;box-shadow:0 0 20px #ffd70080,0 0 40px #ffd7004d!important}@keyframes resaltadoPulse{0%,to{box-shadow:0 0 20px #ffd70080,0 0 40px #ffd7004d}50%{box-shadow:0 0 30px #ffd700b3,0 0 60px #ffd70066}}.match-player.resaltado{background:#ffd70026!important}.match-player.resaltado .player-name{color:gold!important;font-weight:700}.bracket-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.puntos-circuito{background:linear-gradient(135deg,#0b1115,#0d161c 50%,#0b1115);border:1px solid #00c6cf33;border-radius:16px;box-shadow:0 20px 60px #00000059;margin-top:20px;overflow:hidden;padding:20px;position:relative}.puntos-circuito:before{background:radial-gradient(circle at 20% 20%,#00c6cf14,#0000 45%),radial-gradient(circle at 80% 0,#22c55e14,#0000 40%),radial-gradient(circle at 50% 100%,#ffd70012,#0000 45%);content:"";inset:-20%;pointer-events:none;position:absolute;z-index:0}.puntos-circuito>*{position:relative;z-index:1}.puntos-hero{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:12px;justify-content:space-between;padding-bottom:12px}.puntos-eyebrow{color:#9ba1a6;color:var(--text-secondary);font-size:12px;letter-spacing:.08em;margin:0;text-transform:uppercase}.puntos-title{color:#ecedee;color:var(--text);font-size:22px;margin:4px 0}.puntos-subtitle{margin:0}.puntos-legend,.puntos-subtitle{color:#9ba1a6;color:var(--text-secondary);font-size:14px}.puntos-legend{align-items:center;background:#00c6cf14;border:1px solid #00c6cf33;border-radius:12px;display:flex;gap:8px;padding:10px 12px}.legend-dot{background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:999px;box-shadow:0 0 10px #22c55e99;height:12px;width:12px}.puntos-table{border:1px solid #ffffff14;border-radius:14px;margin-top:14px;overflow:hidden}.puntos-row{grid-gap:12px;align-items:center;background:linear-gradient(135deg,#ffffff05,#ffffff03);border-bottom:1px solid #ffffff0f;display:grid;gap:12px;grid-template-columns:1.5fr 1fr 1fr 1fr .8fr;padding:12px 16px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.puntos-row:not(.header):nth-child(odd){background:linear-gradient(135deg,#00c6cf0d,#0099cc05)}.puntos-row:not(.header):nth-child(2n){background:linear-gradient(135deg,#22c55e0d,#00c6cf05)}.puntos-row:not(.header):hover{background:linear-gradient(135deg,#00c6cf1f,#0099cc14);box-shadow:0 10px 30px #00000040;transform:translateY(-2px)}.puntos-row.header{background:#00c6cf14;color:#9ba1a6;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.puntos-row:last-child{border-bottom:none}.jugador-cell{align-items:center;color:#ecedee;color:var(--text);display:flex;font-weight:600;gap:10px}.jugador-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-pill{background:linear-gradient(135deg,#ffffff1a,#ffffff08);border:1px solid #ffffff1f;border-radius:999px;color:#9ba1a6;color:var(--text-secondary);font-weight:800;min-width:32px;padding:6px 10px;text-align:center}.pos-pill.top1{background:linear-gradient(135deg,#ffd54f,#f6b400);box-shadow:0 0 12px #f6b40073;color:#0b1115}.pos-pill.top2{background:linear-gradient(135deg,#cfd8dc,#90a4ae);box-shadow:0 0 12px #90a4ae59;color:#0b1115}.pos-pill.top3{background:linear-gradient(135deg,#f5b98a,#d77d3e);box-shadow:0 0 12px #d77d3e59;color:#0b1115}.pos-pill.top8{border-color:#00c6cf99;box-shadow:0 0 10px #00c6cf40}.evento-cell{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.puntos-chip{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;color:#ecedee;color:var(--text);display:inline-flex;font-size:14px;font-weight:700;justify-content:center;letter-spacing:.01em;min-width:52px;padding:6px 10px}.puntos-chip.dark{background:#0000004d;color:#9ba1a6;color:var(--text-secondary)}.puntos-chip.pizarra{background:linear-gradient(135deg,#00c6cf59,#0099cc40);border-color:#00c6cf59}.puntos-chip.rocha{background:linear-gradient(135deg,#22c55e59,#10b98138);border-color:#22c55e59}.puntos-chip.zalero{background:linear-gradient(135deg,#ffd70059,#ffb81c40);border-color:#ffd70059;color:#0b1115}.total-cell{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:12px;color:#ecedee;color:var(--text);font-weight:800;justify-self:end;min-width:68px;padding:8px 12px;text-align:right}.total-cell.accent{background:linear-gradient(135deg,#00c6cf73,#0099cc8c);box-shadow:0 0 20px #00c6cf59}.total-cell.muted{background:linear-gradient(135deg,#ffffff08,#ffffff03);color:#9ba1a6;color:var(--text-secondary)}.puntos-row.clasificado{background:linear-gradient(135deg,#22c55e14,#22c55e08);border-left:4px solid #22c55ecc;box-shadow:inset 0 0 0 1px #22c55e33}@media (max-width:960px){.puntos-row{grid-template-columns:1.2fr 1fr 1fr 1fr}.total-cell{grid-column:span 4;justify-self:start}.puntos-row.header{display:none}}@media (max-width:640px){.puntos-circuito{padding:16px}.puntos-row{grid-template-columns:1fr}.evento-cell{gap:6px}.total-cell{text-align:center;width:100%}}.clasificados-container{background:linear-gradient(135deg,#0b1115,#0d161c 50%,#0b1115);border:2px solid #22c55e66;border-radius:20px;box-shadow:0 20px 60px #00000059,0 0 40px #22c55e26;margin-top:20px;overflow:hidden;padding:40px 30px;position:relative}.clasificados-container:before{animation:shimmer 8s ease-in-out infinite;background:radial-gradient(circle at 30% 10%,#22c55e1f,#0000 45%),radial-gradient(circle at 70% 90%,#ffd7001a,#0000 45%),radial-gradient(circle at 50% 50%,#00c6cf14,#0000 50%);content:"";inset:-20%;pointer-events:none;position:absolute}@keyframes shimmer{0%,to{opacity:.8}50%{opacity:1}}.clasificados-hero{margin-bottom:30px;position:relative;text-align:center;z-index:1}.clasificados-trophy{animation:bounce 2s ease-in-out infinite;font-size:64px;margin-bottom:10px}.clasificados-eyebrow{color:#fff9;font-size:14px;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.clasificados-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#86efac 50%,gold);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;margin:0 0 10px;text-shadow:0 4px 20px #22c55e4d}.clasificados-subtitle{color:#ffffffb3;font-size:18px;margin:0}.clasificados-message{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid #22c55e4d;border-radius:12px;margin-bottom:30px;padding:16px 24px;position:relative;text-align:center;z-index:1}.clasificados-message p{color:#86efac;font-size:18px;font-weight:600;margin:0}.clasificados-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;position:relative;z-index:1}.clasificado-card{background:linear-gradient(145deg,#22c55e26,#22c55e0d);border:1px solid #22c55e4d;border-radius:16px;overflow:hidden;padding:24px 16px;position:relative;text-align:center;transition:all .3s ease}.clasificado-card:before{background:linear-gradient(90deg,#22c55e,gold,#22c55e);content:"";height:4px;left:0;position:absolute;right:0;top:0}.clasificado-card:hover{border-color:#22c55e80;box-shadow:0 15px 40px #22c55e40;transform:translateY(-5px)}.clasificado-avatar{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;box-shadow:0 4px 15px #22c55e66;color:#fff;display:flex;font-size:28px;font-weight:700;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.clasificado-rank{font-size:36px;margin-bottom:12px}.clasificado-name{color:#fff;font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.clasificado-badge{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.badge-icon{font-weight:700}.clasificados-footer{border-top:1px solid #ffffff1a;padding-top:20px;position:relative;text-align:center;z-index:1}.clasificados-footer p{color:#ffffffb3;font-size:16px;margin:0}@media (max-width:900px){.clasificados-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.clasificados-container{border-radius:16px;margin-top:16px;padding:24px 16px}.clasificados-hero{margin-bottom:20px}.clasificados-trophy{font-size:42px}.clasificados-eyebrow{font-size:11px;letter-spacing:1.5px}.clasificados-title{font-size:28px}.clasificados-subtitle{font-size:15px}.clasificados-message{margin-bottom:20px;padding:12px 16px}.clasificados-message p{font-size:14px}.clasificados-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.clasificado-card{border-radius:12px;padding:16px 12px}.clasificado-card:before{height:3px}.clasificado-avatar{font-size:20px;height:44px;margin-bottom:10px;width:44px}.clasificado-name{font-size:13px;letter-spacing:.5px;margin-bottom:10px}.clasificado-badge{font-size:10px;gap:4px;padding:5px 10px}.clasificados-footer{padding-top:16px}.clasificados-footer p{font-size:14px}}@media (max-width:380px){.clasificados-title{font-size:24px}.clasificado-name{font-size:12px}.clasificado-avatar{font-size:18px;height:40px;width:40px}}.crear-liga-container{margin:0 auto;max-width:800px;padding:20px;position:relative}.crear-liga-header{border-bottom:1px solid #262a2e;border-bottom:1px solid var(--border);margin-bottom:30px;padding-bottom:20px;text-align:center}.crear-liga-header h1{color:#ecedee;color:var(--text);font-size:28px;margin-bottom:8px}.crear-liga-header p{color:#9ba1a6;color:var(--text-secondary);font-size:14px}.crear-liga-header .back-button{background:#1b1f22;background:var(--surface);border:1px solid #262a2e;border:1px solid var(--border);border-radius:8px;color:#ecedee;color:var(--text);cursor:pointer;font-size:14px;left:20px;padding:8px 16px;position:absolute;top:20px;transition:all .2s}.crear-liga-header .back-button:hover{background:#1f2427;background:var(--surface-elevated);border-color:#00c6cf;border-color:var(--primary)}.crear-liga-form{display:flex;flex-direction:column;gap:24px}.form-section{background:#1b1f22;background:var(--surface);border:1px solid #262a2e;border:1px solid var(--border);border-radius:16px;padding:24px}.form-section h2{align-items:center;color:#ecedee;color:var(--text);display:flex;font-size:18px;gap:8px;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{color:#9ba1a6;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#002a2f;background:var(--background);border:1px solid #262a2e;border:1px solid var(--border);border-radius:10px;color:#ecedee;color:var(--text);font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00c6cf;border-color:var(--primary);box-shadow:0 0 0 3px #00c6cf26;outline:none}.form-group textarea{min-height:80px;resize:vertical}.selected-users{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.user-chip{align-items:center;background:linear-gradient(135deg,#00c6cf26,#0099cc1a);border:1px solid #00c6cf4d;border-radius:50px;display:flex;gap:10px;padding:6px 12px 6px 6px;transition:all .2s}.user-chip:hover{border-color:#00c6cf;border-color:var(--primary)}.user-chip .user-avatar{align-items:center;background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary),var(--primary-alt));border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.user-chip .user-info{display:flex;flex-direction:column}.user-chip .username{color:#ecedee;color:var(--text);font-size:13px;font-weight:500}.user-chip .nombre{color:#9ba1a6;color:var(--text-secondary);font-size:11px}.user-chip .remove-user{align-items:center;background:#ef444433;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;margin-left:4px;transition:all .2s;width:20px}.user-chip .remove-user:hover{background:#ef4444;color:#fff}.search-container{position:relative}.search-loading{color:#9ba1a6;color:var(--text-secondary);font-size:12px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-dropdown{background:#1f2427;background:var(--surface-elevated);border:1px solid #262a2e;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px #0006;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.search-result{align-items:center;border-bottom:1px solid #262a2e;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.search-result:last-child{border-bottom:none}.search-result:hover{background:#00c6cf1a}.search-result .result-avatar{align-items:center;background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary),var(--primary-alt));border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.search-result .result-info{display:flex;flex:1 1;flex-direction:column}.search-result .result-username{color:#fff;font-size:14px;font-weight:500}.search-result .result-nombre{color:#ffffffb3;font-size:12px}.search-result .add-icon{color:#00c6cf;color:var(--primary);font-size:20px;font-weight:700}.no-results{color:#9ba1a6;color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:50}.date-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.fecha-calculada{background:linear-gradient(135deg,#00c6cf1a,#0099cc0d);border:1px solid #00c6cf4d;border-radius:8px;color:#00c6cf;color:var(--primary);font-size:.95rem;font-weight:500;padding:12px 16px;text-transform:capitalize}.formato-toggle{align-items:center;background:#002a2f;background:var(--background);border:1px solid #262a2e;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s}.formato-toggle.active,.formato-toggle:hover{border-color:#00c6cf;border-color:var(--primary)}.formato-toggle.active{background:linear-gradient(135deg,#00c6cf1a,#0099cc0d)}.formato-info{flex:1 1}.formato-title{color:#ecedee;color:var(--text);display:block;font-size:16px;font-weight:600;margin-bottom:4px}.formato-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;margin-left:8px;padding:3px 8px;text-transform:uppercase}.formato-badge.estandar{background:#9ca3af33;color:#9ca3af}.formato-badge.rapido{background:#ffd70033;color:gold}.formato-desc{color:#9ba1a6;color:var(--text-secondary);font-size:13px;margin-top:6px}.toggle-switch{background:#262a2e;background:var(--border);border-radius:13px;flex-shrink:0;height:26px;margin-left:16px;position:relative;transition:all .3s;width:48px}.toggle-switch.on{background:#00c6cf;background:var(--primary)}.toggle-circle{background:#fff;border-radius:50%;height:20px;left:3px;position:absolute;top:3px;transition:all .3s;width:20px}.toggle-switch.on .toggle-circle{left:25px}.estadisticas-preview{background:linear-gradient(135deg,#00c6cf14,#0099cc0a);border:1px solid #00c6cf33;border-radius:12px;display:flex;gap:40px;justify-content:center;margin-top:20px;padding:20px}.estadisticas-preview .stat{text-align:center}.estadisticas-preview .stat-value{color:#00c6cf;color:var(--primary);display:block;font-size:28px;font-weight:700}.estadisticas-preview .stat-label{color:#9ba1a6;color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.config-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.btn-primary{background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary),var(--primary-alt));border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #00c6cf4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#1b1f22;background:var(--surface);border:1px solid #262a2e;border:1px solid var(--border);border-radius:10px;color:#ecedee;color:var(--text);cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#1f2427;background:var(--surface-elevated);border-color:#00c6cf;border-color:var(--primary)}.alert{border-radius:12px;font-size:14px;margin-bottom:20px;padding:16px 20px}.alert-error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.alert-success{background:#4caf5026;border:1px solid #4caf504d;color:#4caf50}@media (max-width:600px){.crear-liga-header .back-button{left:0;margin-bottom:16px;position:relative;top:0}.config-grid,.date-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.estadisticas-preview{gap:20px}.estadisticas-preview .stat-value{font-size:24px}}.crear-liga-button{background:linear-gradient(135deg,#00c6cf,#09c);background:linear-gradient(135deg,var(--primary),var(--primary-alt));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.crear-liga-button:hover{box-shadow:0 6px 16px #00c6cf4d;transform:translateY(-2px)}.back-home-button{background:#1b1f22;background:var(--surface);border:1px solid #262a2e;border:1px solid var(--border);border-radius:8px;color:#ecedee;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.back-home-button:hover{background:#1f2427;background:var(--surface-elevated);border-color:#00c6cf;border-color:var(--primary);color:#00c6cf;color:var(--primary)}.empty-state-box{background:#1b1f22;background:var(--surface);border:1px solid #262a2e;border:1px solid var(--border);border-radius:16px;margin-top:40px;padding:60px 40px;text-align:center}.empty-state-box h2{color:#ecedee;color:var(--text);font-size:24px;margin-bottom:12px}.empty-state-box p{color:#9ba1a6;color:var(--text-secondary);font-size:16px}.admin-home{background:linear-gradient(135deg,#0a0b0c,#151718 50%,#0a0b0c);display:flex;flex-direction:column;min-height:100vh}.admin-home-main{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;padding:24px;width:100%}.admin-home-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:48px}.admin-stat-card{align-items:center;background:#1b1f22;background:var(--surface);border:1px solid #262a2e;border:1px solid var(--border);border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s}.admin-stat-card:hover{border-color:#00c6cf;border-color:var(--primary);box-shadow:0 12px 40px #00c6cf26;transform:translateY(-4px)}.admin-stat-icon{align-items:center;border-radius:14px;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.admin-stat-icon.ligas{background:linear-gradient(135deg,#ffd70033,#ffa5001a)}.admin-stat-icon.torneos{background:linear-gradient(135deg,#00c6cf33,#0099cc1a)}.admin-stat-icon.partidas{background:linear-gradient(135deg,#9ca3af33,#6b72801a)}.admin-stat-icon.promedio{background:linear-gradient(135deg,#4ade8033,#22c55e1a)}.admin-stat-icon.victorias{background:linear-gradient(135deg,#ffc10733,#ff98001a)}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-value{color:#ecedee;color:var(--text);font-size:32px;font-weight:700;line-height:1}.admin-stat-label{color:#9ba1a6;color:var(--text-secondary);font-size:13px;margin-top:4px}.admin-section-title{align-items:center;color:#ecedee;color:var(--text);display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:24px}.admin-section-title:after{background:linear-gradient(90deg,#262a2e,#0000);background:linear-gradient(to right,var(--border),#0000);content:"";flex:1 1;height:1px}.admin-action-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.admin-action-card{align-items:center;background:#1b1f22;background:var(--surface);border:1px solid #262a2e;border:1px solid var(--border);border-radius:20px;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:28px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-action-card:before{content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.admin-action-card:hover:before{opacity:1}.admin-action-card.ligas:before{background:linear-gradient(90deg,gold,orange)}.admin-action-card.torneos:before{background:linear-gradient(90deg,#00c6cf,#09c);background:linear-gradient(90deg,var(--primary),var(--primary-alt))}.admin-action-card.crear-liga:before{background:linear-gradient(90deg,#4caf50,#45a049)}.admin-action-card.crear-torneo:before{background:linear-gradient(90deg,#9c27b0,#7b1fa2)}.admin-action-card:hover{border-color:#ffffff1a;box-shadow:0 20px 60px #0006;transform:translateY(-6px)}.admin-action-icon-wrapper{flex-shrink:0}.admin-action-icon{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;transition:all .3s;width:64px}.admin-action-card.ligas .admin-action-icon{background:linear-gradient(135deg,#ffd70033,#ffa5001a);color:gold}.admin-action-card.torneos .admin-action-icon{background:linear-gradient(135deg,#00c6cf33,#0099cc1a);color:#00c6cf;color:var(--primary)}.admin-action-card.crear-liga .admin-action-icon{background:linear-gradient(135deg,#4caf5033,#45a0491a);color:#4caf50}.admin-action-card.crear-torneo .admin-action-icon{background:linear-gradient(135deg,#9c27b033,#7b1fa21a);color:#9c27b0}.admin-action-card.gestion-usuarios:before{background:linear-gradient(135deg,#ff98004d,#ffa72633)}.admin-action-card.gestion-usuarios .admin-action-icon{background:linear-gradient(135deg,#ff980033,#ffa7261a);color:#ff9800}.admin-action-card.entrenamiento:before{background:linear-gradient(135deg,#4ade804d,#22c55e33)}.admin-action-card.entrenamiento .admin-action-icon{background:linear-gradient(135deg,#4ade8033,#22c55e1a);color:#4ade80}.admin-action-card:hover .admin-action-icon{transform:scale(1.1)}.admin-action-content{flex:1 1;min-width:0}.admin-action-content h4{color:#ecedee;color:var(--text);font-size:18px;font-weight:600;margin:0 0 4px}.admin-action-content p{color:#9ba1a6;color:var(--text-secondary);font-size:14px;margin:0 0 8px}.admin-action-count{background:#00c6cf26;border-radius:20px;color:#00c6cf;color:var(--primary);display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.admin-action-tag{background:#ffffff14;border-radius:6px;display:inline-block;font-size:11px;font-weight:500;padding:4px 10px}.admin-action-arrow,.admin-action-tag{color:#9ba1a6;color:var(--text-secondary)}.admin-action-arrow{font-size:24px;opacity:0;transform:translateX(-10px);transition:all .3s}.admin-action-card:hover .admin-action-arrow{color:#00c6cf;color:var(--primary);opacity:1;transform:translateX(0)}.admin-home-tips{margin-top:48px}.admin-tip{align-items:flex-start;background:linear-gradient(135deg,#00c6cf14,#0099cc0a);border:1px solid #00c6cf33;border-radius:16px;display:flex;gap:16px;padding:20px 24px}.admin-tip-icon{flex-shrink:0;font-size:24px}.admin-tip p{color:#9ba1a6;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.admin-tip strong{color:#00c6cf;color:var(--primary)}@media (max-width:900px){.admin-action-grid,.admin-home-stats{grid-template-columns:1fr}.admin-home-stats{gap:12px}.admin-stat-card{padding:20px}.admin-stat-icon{font-size:24px;height:48px;width:48px}.admin-stat-value{font-size:28px}}@media (max-width:600px){.admin-home-main{padding:16px}.admin-action-card{border-radius:16px;padding:20px}.admin-action-icon{height:52px;width:52px}.admin-action-icon svg{height:26px;width:26px}.admin-action-content h4{font-size:16px}.admin-action-content p{font-size:13px}.admin-action-arrow{display:none}.admin-tip{flex-direction:column;gap:12px;padding:16px}}.modalidad-selector{display:flex;gap:12px;margin-bottom:16px}.modalidad-btn{align-items:center;background:#1f2427;background:var(--surface-elevated);border:2px solid #262a2e;border:2px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px;transition:all .2s ease}.modalidad-btn:hover{background:#22c55e0d}.modalidad-btn.active,.modalidad-btn:hover{border-color:#00c6cf;border-color:var(--primary)}.modalidad-btn.active{background:#22c55e1a}.modalidad-icon{font-size:28px}.modalidad-text{color:var(--text-primary);font-size:14px;font-weight:600}.equipos-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.equipo-card{background:#1f2427;background:var(--surface-elevated);border:1px solid #262a2e;border:1px solid var(--border);border-radius:10px;gap:12px;padding:12px 16px}.equipo-card,.equipo-numero{align-items:center;display:flex}.equipo-numero{background:#00c6cf;background:var(--primary);border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.equipo-jugadores{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.equipo-jugador{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:6px}.equipo-separator{color:#fff9;font-weight:600}.remove-equipo{background:#0000;border:none;border-radius:6px;color:#9ba1a6;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:4px 8px;transition:all .2s}.remove-equipo:hover{background:#ef44441a;color:#ef4444}.equipo-formacion{background:#1b1f22;background:var(--surface);border:2px dashed #262a2e;border:2px dashed var(--border);border-radius:12px;margin-bottom:16px;padding:16px}.equipo-formacion h4{color:#fffc;font-size:14px;margin:0 0 12px}.equipo-formacion-slots{gap:12px}.equipo-formacion-slots,.slot{align-items:center;display:flex;justify-content:center}.slot{background:#1f2427;background:var(--surface-elevated);border:2px dashed #262a2e;border:2px dashed var(--border);border-radius:10px;flex:1 1;gap:8px;max-width:180px;min-height:44px;padding:12px}.slot.filled{background:#22c55e0d;border-color:#00c6cf;border-color:var(--primary);border-style:solid}.slot span{color:#fff;font-size:13px;font-weight:500}.slot-placeholder{color:#ffffff80;font-size:13px}.slot-separator{color:#fff9;font-size:18px;font-weight:600}.equipo-formacion-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}.btn-confirmar-equipo{background:#00c6cf;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-confirmar-equipo:hover{background:var(--primary-hover)}.btn-cancelar-equipo{background:#0000;border:1px solid #262a2e;border:1px solid var(--border);border-radius:8px;color:#9ba1a6;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.btn-cancelar-equipo:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.user-avatar.small{font-size:11px;height:24px;width:24px}@media (max-width:600px){.equipo-formacion-slots,.modalidad-selector{flex-direction:column}.slot{max-width:100%;width:100%}.slot-separator{transform:rotate(90deg)}}.parejas-info-box{background:linear-gradient(135deg,#22c55e1a,#00c6cf1a);border:1px solid #22c55e4d;border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.parejas-info-icon{flex-shrink:0;font-size:32px}.parejas-info-content{flex:1 1}.parejas-info-title{color:#fff;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.parejas-info-desc{color:#fffc;font-size:13px;line-height:1.5;margin:0 0 12px}.parejas-info-badges{display:flex;flex-wrap:wrap;gap:8px}.parejas-badge{background:#22c55e33;border:1px solid #22c55e66;border-radius:20px;color:#22c55e;font-size:12px;font-weight:500;padding:4px 10px}@media (max-width:600px){.parejas-info-box{flex-direction:column;gap:12px;text-align:center}.parejas-info-badges{justify-content:center}}.gestion-usuarios-section{margin:0 auto;max-width:600px;padding:20px 0}.gestion-card{background:#1b1f22;background:var(--surface);border:1px solid #262a2e;border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:24px}.gestion-card h3{color:#ecedee;color:var(--text);font-size:18px;margin-bottom:16px}.gestion-card h4{border-top:1px solid #262a2e;border-top:1px solid var(--border);color:#ecedee;color:var(--text);font-size:15px;margin:20px 0 12px;padding-top:16px}.gestion-form{width:100%}.gestion-input-group{display:flex;gap:12px}.gestion-input{background:#002a2f;background:var(--background);border:1px solid #262a2e;border:1px solid var(--border);border-radius:8px;color:#ecedee;color:var(--text);flex:1 1;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s}.gestion-input:focus{border-color:#00c6cf;border-color:var(--primary)}.gestion-input::placeholder{color:#9ba1a6;color:var(--text-secondary)}.gestion-btn-change,.gestion-btn-search{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.gestion-btn-search{background:#00c6cf;background:var(--primary);color:#000}.gestion-btn-search:hover:not(:disabled){background:#09c;background:var(--primary-alt)}.gestion-btn-change{background:#4caf50;background:var(--success);color:#fff}.gestion-btn-change:hover:not(:disabled){background:#45a049}.gestion-btn-change:disabled,.gestion-btn-search:disabled{cursor:not-allowed;opacity:.5}.gestion-error{background:#ef444426;border:1px solid #ef4444;border:1px solid var(--danger);border-radius:8px;color:#ef4444;color:var(--danger)}.gestion-error,.gestion-success{font-size:14px;margin-bottom:20px;padding:12px 16px}.gestion-success{background:#4caf5026;border:1px solid #4caf50;border:1px solid var(--success);border-radius:8px;color:#4caf50;color:var(--success)}.gestion-user-card{border-color:#00c6cf;border-color:var(--primary)}.gestion-user-info{display:flex;flex-direction:column;gap:12px}.gestion-user-row{align-items:center;border-bottom:1px solid #262a2e;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0}.gestion-user-row:last-child{border-bottom:none}.gestion-label{color:#9ba1a6;color:var(--text-secondary);font-size:14px}.gestion-value{color:#ecedee;color:var(--text);font-size:14px;font-weight:500;text-align:right}.gestion-username{color:#00c6cf;color:var(--primary);font-size:16px;font-weight:700}.gestion-id{color:#9ba1a6;color:var(--text-secondary);font-family:monospace;font-size:11px}.gestion-activo{color:#4caf50;color:var(--success)}.gestion-inactivo{color:#ef4444;color:var(--danger)}.gestion-password-section{margin-top:16px}.gestion-stats-section{border-top:1px solid #262a2e;border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.gestion-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:12px}.gestion-stat-item{background:#002a2f;background:var(--background);border-radius:8px;padding:12px;text-align:center}.gestion-stat-value{color:#ecedee;color:var(--text);display:block;font-size:24px;font-weight:700}.gestion-stat-success{color:#4caf50;color:var(--success)}.gestion-stat-pending{color:#ffa726;color:var(--warning)}.gestion-stat-label{color:#9ba1a6;color:var(--text-secondary);display:block;font-size:11px;margin-top:4px;text-transform:uppercase}.gestion-ligas-section,.gestion-torneos-section{border-top:1px solid #262a2e;border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.gestion-ligas-list,.gestion-torneos-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.gestion-liga-item,.gestion-torneo-item{align-items:center;background:#002a2f;background:var(--background);border:1px solid #262a2e;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.gestion-liga-nombre,.gestion-torneo-nombre{color:#ecedee;color:var(--text);flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gestion-liga-estado,.gestion-torneo-estado{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.gestion-estado-activa,.gestion-estado-activo{background:#4caf5033;color:#4caf50;color:var(--success)}.gestion-estado-pendiente,.gestion-estado-preparacion{background:#ffa72633;color:#ffa726;color:var(--warning)}.gestion-estado-finalizada,.gestion-estado-finalizado{background:#9ba1a633;color:#9ba1a6;color:var(--text-secondary)}.gestion-no-competiciones{background:#9ba1a61a;border-radius:8px;margin-top:16px;padding:16px;text-align:center}.gestion-no-competiciones p{color:#9ba1a6;color:var(--text-secondary);font-size:13px;margin:0}.gestion-btn-clear{background:#0000;border:1px solid #262a2e;border:1px solid var(--border);border-radius:8px;color:#9ba1a6;color:var(--text-secondary);cursor:pointer;font-size:14px;margin-top:16px;padding:12px;transition:all .2s;width:100%}.gestion-btn-clear:hover{border-color:#9ba1a6;border-color:var(--text-secondary);color:#ecedee;color:var(--text)}.gestion-tips{background:#00c6cf1a;border:1px solid #00c6cf4d;border-radius:8px;padding:16px}.gestion-tips p{color:#9ba1a6;color:var(--text-secondary);font-size:13px;margin:0}.gestion-tips strong{color:#00c6cf;color:var(--primary)}@media (max-width:480px){.gestion-input-group{flex-direction:column}.gestion-btn-change,.gestion-btn-search{width:100%}.gestion-user-row{align-items:flex-start;flex-direction:column;gap:4px}.gestion-value{text-align:left}}.player-home-container{background:linear-gradient(180deg,#000,#001a1f 25%,#002a2f 50%,#001a1f 75%,#000);min-height:100vh;overflow:hidden;position:relative}.player-home-container:before{background:radial-gradient(circle,#00c6cf14 0,#0000 70%);border-radius:50%;content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:10%;transform:translateX(-50%);width:600px;z-index:0}.player-header{background:linear-gradient(135deg,#00c6cf26,#001a1fcc);border-bottom:1px solid #00c6cf4d;padding:20px 24px;position:relative;z-index:1}.player-header:after{background:linear-gradient(90deg,#0000,#00c6cf,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.player-badge-pro{align-items:center;background:linear-gradient(135deg,#00c6cf,#00a8b5);border-radius:20px;box-shadow:0 4px 15px #00c6cf66;color:#000;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.player-home-main{margin:0 auto;max-width:1100px;padding:32px 24px;position:relative;z-index:1}.player-stats-panel{background:linear-gradient(145deg,#00c6cf14,#002a2f99);border:1px solid #00c6cf40;border-radius:20px;margin-bottom:40px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.player-stats-panel:hover{border-color:#00c6cf80;box-shadow:0 0 30px #00c6cf26}.player-stats-panel-header{align-items:center;background:#00c6cf0d;border-bottom:1px solid #00c6cf26;display:flex;gap:10px;padding:16px 24px}.player-stats-panel-icon{font-size:20px}.player-stats-panel-title{color:#ffffffe6;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.player-stats-panel-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.player-stats-panel-item{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:20px 16px;position:relative}.player-stats-panel-item:first-child{border-bottom:1px solid #00c6cf1f;border-right:1px solid #00c6cf1f}.player-stats-panel-item:nth-child(2){border-bottom:1px solid #00c6cf1f}.player-stats-panel-item:nth-child(3){border-right:1px solid #00c6cf1f}.panel-item-emoji{font-size:22px;margin-bottom:4px}.panel-item-value{color:#fff;font-size:30px;font-weight:800;line-height:1;text-shadow:0 0 15px #00c6cf66}.player-stats-panel-item.online .panel-item-value{color:#66bb6a;text-shadow:0 0 15px #4caf5066}.player-stats-panel-item.online-wins .panel-item-value{color:#66bb6a;text-shadow:0 0 15px #4caf504d}.panel-item-label{color:#fff9;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.player-section-title{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:16px;margin-bottom:28px}.player-section-title:before{background:linear-gradient(180deg,#00c6cf,#00a8b5);border-radius:2px;content:"";height:24px;width:4px}.player-section-title:after{background:linear-gradient(90deg,#00c6cf80,#0000);content:"";flex:1 1;height:2px}.player-action-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.player-action-card{background:linear-gradient(145deg,#002a2fcc,#001a1fe6);border:1px solid #00c6cf40;border-radius:24px;cursor:pointer;display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:32px 28px;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.player-action-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:height .3s}.player-action-card.ligas:before{background:linear-gradient(90deg,gold,orange)}.player-action-card.torneos:before{background:linear-gradient(90deg,#00c6cf,#09c)}.player-action-card.entrenamiento:before{background:linear-gradient(90deg,#4ade80,#22c55e)}.player-action-card:hover:before{height:6px}.player-action-card:after{background:radial-gradient(circle at 50% 0,#00c6cf33 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s}.player-action-card:hover:after{opacity:1}.player-action-card:hover{border-color:#00c6cf;box-shadow:0 0 40px #00c6cf40,0 25px 50px #0006;transform:translateY(-8px)}.player-action-icon{align-items:center;border-radius:20px;display:flex;height:72px;justify-content:center;position:relative;transition:all .4s;width:72px;z-index:1}.player-action-card.ligas .player-action-icon{background:linear-gradient(145deg,#ffd70040,#ffa50026);box-shadow:0 0 30px #ffd70033;color:gold}.player-action-card.torneos .player-action-icon{background:linear-gradient(145deg,#00c6cf40,#0099cc26);box-shadow:0 0 30px #00c6cf33;color:#00c6cf}.player-action-card.entrenamiento .player-action-icon{background:linear-gradient(145deg,#4ade8040,#22c55e26);box-shadow:0 0 30px #4ade8033;color:#4ade80}.player-action-card:hover .player-action-icon{transform:scale(1.1) rotate(5deg)}.player-action-content{position:relative;z-index:1}.player-action-content h4{color:#fff;font-size:22px;font-weight:700;margin:0 0 8px}.player-action-content p{color:#fff9;font-size:14px;line-height:1.5;margin:0 0 12px}.player-action-badge{align-items:center;background:#00c6cf26;border:1px solid #00c6cf4d;border-radius:8px;color:#00c6cf;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.player-action-arrow{bottom:28px;color:#ffffff4d;font-size:28px;position:absolute;right:28px;transition:all .4s}.player-action-card:hover .player-action-arrow{color:#00c6cf;transform:translateX(8px)}.player-tips{margin-top:48px}.player-tip-box{align-items:center;background:linear-gradient(135deg,#00c6cf1f,#002a2f80);border:1px solid #00c6cf4d;border-radius:20px;display:flex;gap:16px;padding:24px 28px}.player-tip-icon{align-items:center;background:linear-gradient(135deg,#00c6cf,#00a8b5);border-radius:12px;box-shadow:0 8px 20px #00c6cf4d;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.player-tip-text{color:#fffc;font-size:15px;line-height:1.6}.player-tip-text strong{color:#00c6cf;font-weight:600}@media (max-width:900px){.player-stats-panel{margin-bottom:28px}.player-action-grid{gap:16px;grid-template-columns:1fr}.player-action-card{align-items:center;flex-direction:row;padding:24px}.player-action-icon{height:60px;width:60px}.player-action-content h4{font-size:18px}.player-action-arrow{margin-left:auto;position:static}}@media (max-width:600px){.player-home-main{padding:20px 16px}.player-stats-panel{border-radius:16px;margin-bottom:24px}.player-stats-panel-header{padding:12px 18px}.player-stats-panel-item{padding:16px 12px}.panel-item-value{font-size:24px}.panel-item-emoji{font-size:18px}.panel-item-label{font-size:10px}.player-section-title{font-size:18px;margin-bottom:20px}.player-action-card{gap:16px;padding:20px}.player-action-icon{height:52px;width:52px}.player-action-content h4{font-size:16px}.player-action-content p{font-size:13px}.player-tip-box{flex-direction:column;padding:20px;text-align:center}}.collaborators-section{border-bottom:1px solid #00c6cf26;margin-bottom:12px;padding-bottom:12px;text-align:center}.collaborators-section-label{color:#ffffff80;display:block;font-size:clamp(11px,1.2vw,14px);font-weight:600;letter-spacing:1.5px;margin-bottom:10px;text-align:center;text-transform:uppercase}.collaborators-grid{display:flex;justify-content:center}.collaborators-card{align-items:center;background:#ffffff08;border:1px solid #00c6cf33;border-radius:12px;display:inline-flex;flex-direction:column;gap:4px;padding:14px 12px;text-decoration:none;transition:all .3s ease;width:min(100%,320px)}.collaborators-card:hover{background:#00c6cf14;border-color:#00c6cf80;box-shadow:0 6px 20px #00c6cf33;transform:translateY(-3px)}.collaborators-logo-frame{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:clamp(190px,24vw,310px);justify-content:center;overflow:visible;width:clamp(190px,24vw,310px)}.collaborators-logo{display:block;height:118%;object-fit:contain;width:118%}.collaborators-name{color:#ffffffa6;font-size:clamp(11px,1.05vw,13px);font-weight:600;letter-spacing:.3px;line-height:1.1;margin-top:-8px;text-align:center}@media (max-width:768px){.collaborators-section{margin-bottom:10px;padding-bottom:10px}.collaborators-card{padding:12px 10px;width:min(100%,250px)}.collaborators-logo-frame{height:clamp(170px,52vw,230px);width:clamp(170px,52vw,230px)}.collaborators-logo{height:120%;width:120%}.collaborators-name{margin-top:-10px}}.training-menu-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:40px 20px 20px}.training-menu-header{margin-bottom:40px;margin-top:0;max-width:600px;text-align:center;width:100%}.training-header-top{display:flex;justify-content:flex-start;margin-bottom:20px}.training-header-icon{filter:drop-shadow(0 0 20px rgba(0,198,207,.5));margin-bottom:16px}.training-header-logo{height:180px;object-fit:contain;width:180px}.training-back-btn{align-items:center;background:#00c6cf26;border:1.5px solid #00c6cf99;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;letter-spacing:.3px;padding:8px 18px;text-shadow:0 0 10px #00c6cf66;transition:all .3s ease}.training-back-btn:hover{background:#00c6cf59;border-color:#00e5ef;box-shadow:0 0 20px #00c6cf4d;transform:translateX(-3px)}.training-menu-title{color:#fff;font-size:32px;margin:0 0 10px;text-shadow:0 0 20px #00c6cf80}.training-menu-subtitle{color:#fff9;font-size:16px;margin:0}.training-options-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:40px;max-width:600px;width:100%}.training-option-card{align-items:center;background:linear-gradient(145deg,#1e1e1ee6,#141414f2);border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;gap:20px;padding:24px;text-align:left;transition:all .3s ease;width:100%}.training-option-card:not(.disabled):hover{box-shadow:0 8px 32px #0000004d;transform:translateY(-2px)}.training-option-card.disabled{cursor:not-allowed;opacity:.5}.training-option-card.x01{border-left:4px solid #00c6cf}.training-option-card.x01:not(.disabled):hover{border-color:#00c6cf;box-shadow:0 0 20px #00c6cf33}.training-option-card.top-players{border-left:4px solid #9b59b6}.training-option-card.top-players:not(.disabled):hover{border-color:#9b59b6;box-shadow:0 0 20px #9b59b633}.training-option-card.checkouts{border-left:4px solid #1abc9c}.training-option-card.checkouts:not(.disabled):hover{border-color:#1abc9c;box-shadow:0 0 20px #1abc9c33}.training-option-card.mechanics{border-left:4px solid #e67e22}.training-option-card.mechanics:not(.disabled):hover{border-color:#e67e22;box-shadow:0 0 20px #e67e2233}.training-option-card.active{background:linear-gradient(145deg,#1abc9c26,#141414f2);border-color:#1abc9c4d}.training-option-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.training-option-card.x01 .training-option-icon{background:linear-gradient(135deg,#00c6cf33,#00a8b51a)}.training-option-card.top-players .training-option-icon{background:linear-gradient(135deg,#9b59b633,#8e44ad1a)}.training-option-card.checkouts .training-option-icon{background:linear-gradient(135deg,#1abc9c33,#16a0851a)}.training-option-card.mechanics .training-option-icon{background:linear-gradient(135deg,#e67e2233,#d354001a)}.training-option-content{flex:1 1}.training-option-content h3{color:#fff;font-size:20px;margin:0 0 4px}.training-option-content p{color:#fff9;font-size:14px;margin:0 0 8px}.training-option-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.training-option-badge.coming-soon{background:#ffc10726;border:1px solid #ffc1074d;color:#ffc107}.training-option-badge.available{background:#1abc9c26;border:1px solid #1abc9c4d;color:#1abc9c}.training-option-arrow{color:#ffffff4d;font-size:24px;transition:all .3s ease}.training-option-card:not(.disabled):hover .training-option-arrow{color:#fffc;transform:translateX(4px)}.training-info-section{max-width:600px;width:100%}.training-info-box{background:#1abc9c1a;border:1px solid #1abc9c33;border-radius:12px;display:flex;gap:16px;padding:20px}.training-info-icon{flex-shrink:0;font-size:24px}.training-info-text strong{color:#fff;display:block;margin-bottom:8px}.training-info-text p{color:#ffffffb3;font-size:14px;line-height:1.5;margin:0}@media (max-width:600px){.training-menu-container{justify-content:flex-start;padding:40px 16px 16px}.training-header-icon{font-size:48px}.training-menu-title{font-size:24px}.training-option-card{gap:12px;padding:16px}.training-option-icon{font-size:24px;height:48px;width:48px}.training-option-content h3{font-size:16px}.training-info-box{flex-direction:column;text-align:center}}@media (min-width:768px){.training-options-grid{max-width:700px}.training-option-card{padding:28px 32px}.training-option-icon{font-size:32px;height:72px;width:72px}.training-option-content h3{font-size:22px}.training-option-content p{font-size:15px}.training-info-section{max-width:700px}}.top-players-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:40px;max-width:600px;width:100%}.top-player-card{align-items:center;background:linear-gradient(145deg,#1e1e1ee6,#141414f2);border:1px solid #9b59b64d;border-left:4px solid #9b59b6;border-radius:16px;cursor:pointer;display:flex;gap:20px;padding:24px;text-align:left;transition:all .3s ease;width:100%}.top-player-card.active:hover{border-color:#9b59b6;box-shadow:0 8px 32px #9b59b640;transform:translateY(-2px)}.top-player-card.disabled{border-color:#ffffff1a #ffffff1a #ffffff1a #5a5a5a;cursor:not-allowed;opacity:.45}.top-player-logo{align-items:center;background:#9b59b61a;border:2px solid #9b59b666;border-radius:50%;display:flex;flex-shrink:0;height:70px;justify-content:center;overflow:hidden;width:70px}.top-player-logo img{height:100%;object-fit:cover;width:100%}.top-player-lock{font-size:28px}.top-player-card.disabled .top-player-logo{background:#ffffff0d;border-color:#ffffff26}.top-player-info{flex:1 1}.top-player-info h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px}.top-player-info p{color:#fff9;font-size:14px;margin:0}.top-player-badge-wrapper{flex-shrink:0}@media (max-width:600px){.top-player-card{gap:14px;padding:16px}.top-player-logo{height:56px;width:56px}.top-player-info h3{font-size:16px}.top-player-info p{font-size:12px}}@media (min-width:768px){.top-players-grid{max-width:700px}.top-player-card{padding:28px 32px}.top-player-logo{height:80px;width:80px}.top-player-info h3{font-size:22px}}.checkout-training{align-items:center;background:linear-gradient(135deg,#000,#002a2f 50%,#000);color:#e0e0e0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:0 clamp(10px,2vw,24px) 20px}.checkout-training.loading{align-items:center;font-size:1.5rem;justify-content:center}.training-header{align-items:center;display:flex;gap:clamp(10px,2vw,20px);max-width:1100px;padding:clamp(10px,1.5vw,18px) 0;width:100%}.back-button{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#00c6cf;cursor:pointer;font-size:clamp(13px,1.4vw,15px);padding:clamp(6px,1vw,10px) clamp(14px,2vw,22px);transition:all .2s;white-space:nowrap}.back-button:hover{background:#ffffff26;border-color:#00c6cf}.ct-logo-top{display:none;flex-shrink:0;width:100%}.ct-back-mobile{display:none}.ct-app-logo{filter:drop-shadow(0 0 16px rgba(0,198,207,.5));height:clamp(80px,14vw,160px);width:clamp(80px,14vw,160px)}.ct-app-logo,.ct-header-logo{flex-shrink:0;object-fit:contain}.ct-header-logo{filter:drop-shadow(0 0 12px rgba(0,198,207,.5));height:clamp(60px,9vw,110px);width:clamp(60px,9vw,110px)}.ct-challenge-info{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(8px,1.5vw,16px)}.ct-challenge-title{color:#fff;font-size:clamp(14px,1.6vw,20px);font-weight:700}.ct-challenge-desc{color:#00c6cf;font-size:clamp(13px,1.4vw,17px);font-weight:600}.ct-progress{align-items:center;display:flex;gap:clamp(12px,2.5vw,24px);margin:clamp(8px,1.2vw,14px) 0 clamp(12px,1.8vw,22px)}.ct-level-title{color:#fff;font-size:clamp(16px,2vw,24px);font-weight:800;margin:0}.ct-progress-text{color:#ffffffb3;font-size:clamp(12px,1.3vw,16px);margin:0}.ct-progress-dots{display:flex;gap:clamp(4px,.6vw,8px)}.ct-progress-dot{background:#fff3;border-radius:50%;height:clamp(10px,1.2vw,14px);transition:all .3s;width:clamp(10px,1.2vw,14px)}.ct-progress-dot.completed{background:#4ade80}.ct-progress-dot.current{background:#00c6cf;box-shadow:0 0 8px #00c6cf}.ct-game-body{align-items:flex-start;display:flex;flex:1 1;gap:clamp(20px,3.5vw,48px);justify-content:center;max-width:1100px;width:100%}.ct-levels-panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:10px;min-width:clamp(100px,12vw,150px);padding:clamp(12px,1.5vw,20px);width:clamp(100px,12vw,150px)}.ct-levels-panel h4{color:#888;font-size:clamp(11px,1.2vw,14px);letter-spacing:1px;margin:0;text-align:center;text-transform:uppercase}.ct-level-pill{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;display:flex;font-size:clamp(12px,1.3vw,15px);gap:8px;padding:clamp(8px,1vw,14px) clamp(10px,1.2vw,16px);transition:all .3s}.ct-level-pill.active{background:#00c6cf26;border-color:#00c6cf80;box-shadow:0 0 8px #00c6cf33}.ct-level-pill.completed{background:#4ade801a;border-color:#4ade804d}.ct-level-num{color:#ccc;font-weight:700}.ct-level-pill.active .ct-level-num{color:#00c6cf}.ct-level-pill.completed .ct-level-num{color:#4ade80}.ct-level-status{color:#666;font-size:clamp(10px,1.1vw,12px)}.ct-level-pill.active .ct-level-status{color:#00c6cf}.ct-level-pill.completed .ct-level-status{color:#4ade80}.ct-level-retries{color:#ff6b6b;font-size:clamp(9px,1vw,11px);margin-left:auto}.ct-score-panel{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:clamp(8px,1.2vw,18px);min-width:0;position:relative}.ct-target-number{color:#fff;font-family:Roboto Mono,monospace;font-size:clamp(64px,12vw,130px);font-weight:800;line-height:1;text-shadow:0 0 30px #00c6cf4d}.ct-checkouts{align-items:center;display:flex;flex-direction:column;gap:6px;margin-top:clamp(6px,1vw,14px)}.ct-checkout{font-weight:700;letter-spacing:.5px}.ct-checkout.primary{color:#fff;font-size:clamp(28px,4vw,48px);text-shadow:0 0 12px #00c6cf4d}.ct-checkout.secondary{color:#fff9;font-size:clamp(22px,3.2vw,38px)}.ct-retries{color:#00c6cfd9;font-size:clamp(14px,1.6vw,20px);font-weight:600;margin:clamp(6px,.8vw,12px) 0 0}.ct-retries.has-retries{color:#ff6b6b}.ct-buttons-panel{gap:clamp(12px,1.5vw,20px);min-width:clamp(220px,24vw,320px);width:clamp(220px,24vw,320px)}.ct-action-btn,.ct-buttons-panel{display:flex;flex-direction:column}.ct-action-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;justify-content:center;padding:clamp(14px,1.6vw,22px) clamp(14px,1.8vw,24px);position:relative;transition:all .2s}.ct-action-btn.success{background:linear-gradient(180deg,#4ade80,#22c55e 50%,#16a34a);box-shadow:0 4px 15px #4ade804d}.ct-action-btn.success:hover{box-shadow:0 6px 20px #4ade8066;transform:translateY(-2px)}.ct-action-btn.fail{background:linear-gradient(180deg,#ff6b6b,#ef4444 50%,#dc2626);box-shadow:0 4px 15px #ff6b6b4d}.ct-action-btn.fail:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.ct-action-btn:active{transform:scale(.98)}.ct-btn-icon{font-size:clamp(18px,2vw,26px);margin-bottom:4px}.ct-btn-text{color:#fff;font-size:clamp(13px,1.5vw,17px);font-weight:700}.ct-btn-sub{color:#fffc;font-size:clamp(10px,1.2vw,14px);font-weight:500;margin-top:2px}.ct-kbd-hint{background:#0003;border-radius:3px;bottom:4px;color:#fff6;font-size:clamp(8px,.8vw,10px);padding:1px 6px;position:absolute;right:8px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);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(180deg,#1a1c23,#0d0e12);border:2px solid #00c6cf;border-radius:20px;box-shadow:0 0 40px #00c6cf4d;max-width:420px;padding:2rem;text-align:center;width:90%}.modal-icon{font-size:3rem;margin-bottom:.75rem}.modal-icon.complete{animation:bounce .5s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.modal-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.modal-stats{margin-bottom:1.5rem}.modal-stats p{color:#fffc;margin:.4rem 0}.stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.stat-item{background:#ffffff1a;border-radius:10px;display:flex;flex-direction:column;gap:.2rem;padding:.75rem}.stat-item.total{background:#00c6cf33;border:1px solid #00c6cf4d;grid-column:span 2}.stat-label{color:#fff9;font-size:.8rem}.stat-value{color:#fff;font-size:1rem;font-weight:600}.next-level-text{color:#00c6cf;font-size:1.1rem;font-weight:600;margin-top:.75rem!important}.modal-buttons{display:flex;gap:.75rem;justify-content:center}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;transition:all .2s}.btn-primary{background:linear-gradient(180deg,#00c6cf,#00a0a8);color:#fff}.btn-primary:hover{box-shadow:0 4px 15px #00c6cf66;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#fff3}.btn-danger{background:linear-gradient(180deg,#ff6b6b,#dc2626);color:#fff}.btn-danger:hover{box-shadow:0 4px 15px #ff6b6b66;transform:translateY(-2px)}.confirm-modal h2{font-size:1.3rem;margin:0 0 .75rem}.confirm-modal p{color:#ffffffb3;margin-bottom:1.25rem}@media (max-width:768px){.ct-game-body{align-items:center;flex:0 1;flex-direction:column;gap:16px}.ct-levels-panel{flex-direction:row;gap:8px;justify-content:center;min-width:auto;overflow-x:auto;padding:8px;width:100%}.ct-levels-panel h4{display:none}.ct-buttons-panel{flex-direction:row;gap:10px;max-width:350px;min-width:auto;width:100%}.ct-action-btn{flex:1 1;padding:10px 8px}.ct-target-number{font-size:96px}.ct-logo-top{align-items:center;display:flex;gap:16px;justify-content:center;padding:8px 0 4px;position:relative}.ct-back-mobile{display:block;left:0;position:absolute}.ct-header-logo,.training-header .back-button:not(.ct-back-mobile){display:none}.ct-challenge-info,.training-header{justify-content:center}.ct-challenge-info{text-align:center}.ct-app-logo{height:100px;width:100px}.ct-challenge-desc{font-size:13px}.ct-challenge-title{font-size:15px}.ct-kbd-hint{display:none}.ct-sponsors-strip{padding:16px 8px 8px}.ct-sponsors-scroll{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);justify-items:center;overflow-x:visible;padding:6px 4px}.ct-sponsor-item{max-width:110px;padding:8px 6px;width:100%}.ct-sponsor-item img{height:60px;width:60px}.ct-sponsor-name{font-size:9px}}@media (max-width:768px) and (min-height:851px){.ct-app-logo{height:120px;width:120px}}@media (max-width:500px){.checkout-training{padding:0 8px 16px}.ct-target-number{font-size:80px}.ct-btn-text{font-size:11px}.ct-btn-sub{font-size:9px}.ct-btn-icon{font-size:14px}.ct-progress{gap:8px}.ct-level-title{font-size:14px}}@media (min-width:1200px){.ct-game-body{gap:28px;max-width:1100px}.ct-target-number{font-size:120px}.ct-levels-panel{min-width:130px;width:130px}.ct-buttons-panel{min-width:280px;width:280px}.ct-checkout.primary{font-size:42px}}.ct-colaborador-oficial{border-bottom:1px solid #00c6cf26;margin-bottom:12px;padding-bottom:12px;text-align:center}.ct-colaborador-label{color:#ffffff80;display:block;font-size:clamp(11px,1.2vw,14px);font-weight:600;letter-spacing:1.5px;margin-bottom:10px;text-align:center;text-transform:uppercase}.ct-colaborador-link{align-items:center;background:#ffffff08;border:1px solid #00c6cf33;border-radius:12px;display:inline-flex;flex-direction:column;gap:6px;padding:10px 8px;text-decoration:none;transition:all .3s ease}.ct-colaborador-link:hover{background:#00c6cf14;border-color:#00c6cf80;box-shadow:0 6px 20px #00c6cf33;transform:translateY(-3px)}.ct-colaborador-logo{border-radius:8px;display:block;flex-shrink:0;height:clamp(100px,14vw,180px);object-fit:contain;width:clamp(100px,14vw,180px)}.ct-colaborador-name{color:#ffffffa6;font-size:clamp(9px,1vw,12px);font-weight:600;letter-spacing:.3px;text-align:center}.ct-sponsors-strip{border-top:1px solid #00c6cf26;flex-shrink:0;margin:0 auto;max-width:1100px;padding:20px 12px 12px;width:100%}.ct-sponsors-label{color:#ffffff80;display:block;font-size:clamp(11px,1.2vw,14px);font-weight:600;letter-spacing:1.5px;margin-bottom:12px;text-align:center;text-transform:uppercase}.ct-sponsors-scroll{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;overflow-x:auto;padding:6px 8px 10px;scrollbar-color:#00c6cf4d #0000;scrollbar-width:thin}.ct-sponsors-scroll::-webkit-scrollbar{height:5px}.ct-sponsors-scroll::-webkit-scrollbar-track{background:#0000}.ct-sponsors-scroll::-webkit-scrollbar-thumb{background:#00c6cf4d;border-radius:4px}.ct-sponsor-item{align-items:center;background:#ffffff08;border:1px solid #00c6cf33;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;gap:6px;overflow:hidden;padding:10px 8px;text-decoration:none;transition:all .3s ease;width:clamp(90px,10vw,120px)}.ct-sponsor-item:hover{background:#00c6cf14;border-color:#00c6cf80;box-shadow:0 6px 20px #00c6cf33;transform:translateY(-3px)}.ct-sponsor-item img{border-radius:8px;height:clamp(60px,8vw,100px);object-fit:contain;width:clamp(60px,8vw,100px)}.ct-sponsor-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffa6;display:-webkit-box;font-size:clamp(9px,1vw,12px);font-weight:600;letter-spacing:.3px;line-height:1.2;overflow:hidden;text-align:center}.js-training{background:linear-gradient(135deg,#000,#002a2f 50%,#000);color:#e0e0e0;flex-direction:column;min-height:100vh;padding:0 clamp(10px,2vw,24px) 20px}.js-header-logos,.js-training{align-items:center;display:flex}.js-header-logos{flex-shrink:0;gap:clamp(8px,1.2vw,16px)}.js-app-logo{filter:drop-shadow(0 0 12px rgba(0,198,207,.5));height:clamp(50px,7vw,90px);object-fit:contain;width:clamp(50px,7vw,90px)}.js-jesus-logo{border:2px solid #ffd70066;border-radius:50%;filter:drop-shadow(0 0 10px rgba(255,215,0,.3));height:clamp(42px,6vw,75px);object-fit:cover;overflow:hidden;width:clamp(42px,6vw,75px)}.js-back-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#00c6cf;cursor:pointer;font-size:clamp(13px,1.4vw,15px);padding:clamp(6px,1vw,10px) clamp(14px,2vw,22px);transition:all .2s;white-space:nowrap}.js-back-btn:hover{background:#00c6cf26;border-color:#00c6cf}.js-intro{display:flex;flex-direction:column;gap:clamp(18px,2.5vw,28px);max-width:clamp(360px,60vw,700px);padding:clamp(20px,3vw,40px) clamp(16px,3vw,30px);width:100%}.js-intro-header{text-align:center}.js-intro-icon{border-radius:50%;filter:drop-shadow(0 0 15px rgba(255,215,0,.4));height:clamp(80px,14vw,140px);margin-bottom:10px;object-fit:contain;width:clamp(80px,14vw,140px)}.js-intro-header h1{color:#fff;font-size:clamp(22px,3.5vw,34px);font-weight:700;margin:0 0 8px}.js-intro-badge{background:linear-gradient(135deg,#00c6cf26,#00c6cf0d);border:1px solid #00c6cf4d;border-radius:20px;color:#00c6cf;display:inline-block;font-size:clamp(12px,1.3vw,15px);font-weight:600;padding:6px clamp(12px,2vw,20px)}.js-intro-description{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:clamp(16px,2vw,24px)}.js-intro-description h3{color:#fff;font-size:clamp(15px,1.6vw,18px);margin:0 0 10px}.js-intro-description p{color:#b0b0b0;font-size:clamp(13px,1.4vw,15px);line-height:1.6;margin:0}.js-gallery{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;padding:clamp(14px,2vw,24px) clamp(12px,1.5vw,20px) 12px;position:relative;width:100%}.js-gallery-track{-ms-overflow-style:none;display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.js-gallery-track::-webkit-scrollbar{display:none}.js-gallery-slide{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:10px;max-width:clamp(240px,42vw,340px);min-width:clamp(220px,40vw,320px);opacity:.6;scroll-snap-align:center;transition:transform .3s,opacity .3s}.js-gallery-slide.active{opacity:1;transform:scale(1.02)}.js-gallery-img-wrapper{background:#0000004d;border:2px solid #ffffff1a;border-radius:12px;height:clamp(260px,38vw,420px);overflow:hidden;width:100%}.js-gallery-img{display:block;height:100%;object-fit:cover;object-position:center top;width:100%}.js-gallery-title{color:#fff;font-size:clamp(13px,1.4vw,16px);font-weight:700;margin:0;text-align:center}.js-gallery-desc{color:#888;font-size:clamp(11px,1.2vw,14px);margin:0;text-align:center}.js-gallery-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.js-gallery-dot{background:#fff3;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s;width:10px}.js-gallery-dot.active{background:#00c6cf;box-shadow:0 0 8px #00c6cf80;transform:scale(1.2)}.js-gallery-dot:hover{background:#00c6cf80}.js-gallery-arrows{display:flex;justify-content:space-between;left:0;padding:0 4px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.js-gallery-arrow{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:clamp(18px,2.5vw,24px);height:clamp(30px,4vw,40px);justify-content:center;line-height:1;padding:0 0 2px;pointer-events:auto;transition:all .2s;width:clamp(30px,4vw,40px)}.js-gallery-arrow:hover:not(:disabled){background:#00c6cf4d;border-color:#00c6cf}.js-gallery-arrow:disabled{cursor:default;opacity:.3}.js-levels-preview{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:clamp(16px,2vw,24px)}.js-levels-preview h3{color:#fff;font-size:clamp(15px,1.6vw,18px);margin:0 0 14px}.js-levels-list{display:flex;flex-direction:column;gap:6px}.js-level-item{background:#ffffff08;border-radius:8px;color:silver;font-size:clamp(13px,1.4vw,15px);padding:clamp(5px,.8vw,8px) 12px}.js-mode-selection{display:flex;flex-direction:column;gap:12px}.js-mode-selection h3{color:#fff;font-size:clamp(15px,1.6vw,18px);margin:0;text-align:center}.js-mode-btn{align-items:center;border:2px solid #0000;border-radius:14px;cursor:pointer;display:flex;gap:16px;padding:clamp(14px,2vw,22px) clamp(16px,2vw,24px);text-align:left;transition:all .3s}.js-mode-btn.normal{background:linear-gradient(135deg,#dc354526,#dc35450d);border-color:#dc35454d;color:#e0e0e0}.js-mode-btn.normal:hover{background:linear-gradient(135deg,#dc354540,#dc35451a);border-color:#dc3545}.js-mode-btn.easy{background:linear-gradient(135deg,#00c6cf26,#00c6cf0d);border-color:#00c6cf4d;color:#e0e0e0}.js-mode-btn.easy:hover{background:linear-gradient(135deg,#00c6cf40,#00c6cf1a);border-color:#00c6cf}.js-mode-emoji{font-size:clamp(28px,3.5vw,40px)}.js-mode-btn strong{color:#fff;display:block;font-size:clamp(15px,1.6vw,18px);margin-bottom:4px}.js-mode-btn p{color:#b0b0b0;font-size:clamp(12px,1.3vw,14px);margin:0}.js-game-header{align-items:center;display:flex;gap:clamp(10px,2vw,20px);max-width:1100px;padding:clamp(10px,1.5vw,18px) 0;width:100%}.js-challenge-info{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(8px,1.5vw,16px)}.js-challenge-title{color:#fff;font-size:clamp(14px,1.6vw,20px);font-weight:700}.js-challenge-desc{color:#00c6cf;font-size:clamp(13px,1.4vw,17px);font-weight:600}.js-challenge-mode{color:#888;font-size:clamp(11px,1.2vw,14px)}.js-match-score{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;color:#e0e0e0;display:flex;font-size:clamp(16px,2vw,22px);gap:clamp(12px,2vw,20px);padding:clamp(8px,1.2vw,14px) clamp(20px,3vw,36px)}.js-match-score strong{color:#00c6cf;font-size:clamp(20px,2.5vw,30px)}.js-match-vs{color:#666;font-size:clamp(12px,1.4vw,16px);text-transform:uppercase}.js-progress{gap:clamp(6px,1vw,10px);margin:clamp(6px,1vw,10px) 0 clamp(8px,1.2vw,16px);max-width:1100px;width:100%}.js-progress,.js-progress-dot{display:flex;justify-content:center}.js-progress-dot{align-items:center;background:#ffffff0f;border:2px solid #ffffff1a;border-radius:50%;color:#666;font-size:clamp(11px,1.3vw,14px);font-weight:700;height:clamp(28px,3.5vw,38px);transition:all .3s;width:clamp(28px,3.5vw,38px)}.js-progress-dot.completed{background:#00c6cf33;border-color:#00c6cf;color:#00c6cf}.js-progress-dot.active{background:#00c6cf26;border-color:#00c6cf;box-shadow:0 0 10px #00c6cf4d;color:#fff}.js-game-body{align-items:flex-start;display:flex;flex:1 1;gap:clamp(12px,2vw,28px);justify-content:center;max-width:1100px;width:100%}.js-rounds-panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:6px;max-height:200px;min-width:clamp(90px,10vw,130px);overflow-y:auto;padding:clamp(8px,1.2vw,16px);scroll-behavior:smooth;scrollbar-color:#00c6cf4d #0000;scrollbar-width:thin;width:clamp(90px,10vw,130px)}.js-rounds-panel::-webkit-scrollbar{width:4px}.js-rounds-panel::-webkit-scrollbar-track{background:#0000}.js-rounds-panel::-webkit-scrollbar-thumb{background:#00c6cf4d;border-radius:4px}.js-rounds-panel h4{background:#0000;color:#888;font-size:clamp(11px,1.2vw,13px);margin:0 0 6px;padding:4px 0;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:1}.js-round-pill{background:#ffffff0a;border-radius:8px;display:flex;font-size:clamp(12px,1.3vw,14px);justify-content:space-between;padding:clamp(5px,.7vw,8px) clamp(8px,1vw,12px)}.js-round-pill.active{background:#00c6cf1a;border:1px solid #00c6cf4d}.js-round-index{color:#888;font-weight:600}.js-round-points{color:#fff;font-weight:700}.js-round-points.bust{color:#ff6b6b;font-size:clamp(10px,1.1vw,12px);font-weight:800}.js-rounds-empty{color:#555;font-size:clamp(11px,1.2vw,13px);margin:0;text-align:center}.js-score-panel{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:clamp(2px,.4vw,6px);min-width:0;position:relative}.js-score-display{color:#fff;font-family:Roboto Mono,monospace;font-size:clamp(64px,12vw,130px);font-weight:800;line-height:1;text-shadow:0 0 30px #00c6cf4d}.js-180-banner{align-items:center;animation:js-180-explode 2.2s ease-out forwards;display:flex;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.js-180-img{filter:drop-shadow(0 0 30px rgba(0,120,255,.8)) drop-shadow(0 0 60px rgba(0,120,255,.5)) drop-shadow(0 0 100px rgba(0,120,255,.3));height:auto;width:clamp(200px,45vw,450px)}.js-180-banner:before{animation:js-180-glow 2.2s ease-out forwards;background:radial-gradient(circle,#00b4ff40 0,#0064dc26 40%,#0000 70%);content:"";height:350%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:350%;z-index:-1}@keyframes js-180-explode{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-10deg)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(3deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(.95) rotate(-1deg)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(0deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.15) rotate(0deg)}}@keyframes js-180-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.js-checkouts{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(8px,1.2vw,14px);justify-content:center;min-height:32px}.js-checkout{border-radius:10px;font-family:Roboto Mono,monospace;font-size:clamp(20px,3vw,32px);font-weight:700;letter-spacing:.5px;padding:clamp(8px,1.2vw,14px) clamp(14px,2.5vw,28px)}.js-checkout.primary{background:#00c6cf26;border:1px solid #00c6cf66;color:#00c6cf;text-shadow:0 0 10px #00c6cf4d}.js-checkout.secondary{background:#ffffff0d;border:1px solid #ffffff26;color:#fff9}.js-stats-row{display:flex;gap:clamp(14px,3vw,30px)}.js-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.js-stat-label{color:#888;font-size:clamp(10px,1.1vw,13px);letter-spacing:.5px;text-transform:uppercase}.js-stat-value{color:#fff;font-size:clamp(15px,2vw,22px);font-weight:700}.js-stat-value.green{color:#00c6cf}.js-input-display{align-items:center;display:flex;gap:clamp(8px,1.5vw,16px);justify-content:center;min-height:52px}.js-input-value{color:#00c6cf;font-family:Roboto Mono,monospace;font-size:clamp(28px,4vw,48px);font-weight:700;min-width:clamp(70px,8vw,120px);text-align:center}.js-undo-btn{background:#ffc10726;border:1px solid #ffc1074d;border-radius:8px;color:#ffc107;cursor:pointer;font-size:clamp(12px,1.3vw,15px);padding:clamp(5px,.8vw,8px) clamp(10px,1.5vw,18px);transition:all .2s}.js-undo-btn:hover{background:#ffc10740}.js-numpad{flex-direction:column;min-width:clamp(200px,22vw,300px);width:clamp(200px,22vw,300px)}.js-numpad,.js-numpad-row{display:flex;gap:clamp(6px,.8vw,10px)}.js-numpad-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:clamp(10px,1.2vw,14px);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:clamp(18px,2.2vw,26px);font-weight:700;height:clamp(48px,6.5vw,72px);justify-content:center;transition:all .15s}.js-numpad-btn:hover{background:#ffffff1f;border-color:#fff3}.js-numpad-btn:active{transform:scale(.95)}.js-numpad-btn.danger{background:#dc354526;border-color:#dc35454d;color:#ff6b6b;font-size:clamp(12px,1.4vw,16px)}.js-numpad-btn.danger:hover{background:#dc354540}.js-numpad-btn.confirm{background:#00c6cf26;border-color:#00c6cf4d;color:#00c6cf;font-size:clamp(14px,1.6vw,20px);font-weight:800}.js-numpad-btn.confirm:hover{background:#00c6cf40}.js-doubles-layout{align-items:center;display:flex;flex-direction:column;gap:clamp(14px,2vw,24px);max-width:clamp(360px,50vw,600px);padding-top:10px;width:100%}.js-doubles-instructions{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:clamp(10px,1.5vw,18px) clamp(14px,2vw,24px);text-align:center;width:100%}.js-doubles-instructions p{color:#b0b0b0;font-size:clamp(12px,1.3vw,15px);margin:4px 0}.js-doubles-stats{display:flex;gap:clamp(20px,4vw,40px)}.js-doubles-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.js-doubles-stat-label{color:#888;font-size:clamp(10px,1.2vw,14px);text-transform:uppercase}.js-doubles-stat-value{font-size:clamp(24px,3.5vw,36px);font-weight:800}.js-doubles-stat-value.cyan{color:#00c6cf}.js-doubles-stat-value.green{color:#4ecdc4}.js-wheel-container{display:flex;justify-content:center;width:100%}.js-wheel-container svg{filter:drop-shadow(0 0 20px rgba(0,198,207,.1));height:clamp(280px,40vw,460px);width:clamp(280px,40vw,460px)}.js-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.js-modal{background:linear-gradient(135deg,#1a2a3e,#0d1b2a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:clamp(320px,40vw,480px);padding:clamp(20px,3vw,36px);text-align:center;width:100%}.js-modal.success{border-color:#00c6cf4d}.js-modal.warning{border-color:#dc35454d}.js-modal.info{border-color:#00c6cf4d}.js-modal h2{color:#fff;font-size:clamp(18px,2.2vw,26px);margin:0 0 12px}.js-modal-message{color:#b0b0b0;font-size:clamp(13px,1.4vw,16px);line-height:1.6;margin:0 0 24px;white-space:pre-line}.js-modal-buttons{display:flex;gap:10px;justify-content:center}.js-btn{border:none;border-radius:10px;cursor:pointer;font-size:clamp(14px,1.5vw,17px);font-weight:700;padding:clamp(10px,1.3vw,14px) clamp(20px,3vw,32px);transition:all .2s}.js-btn.primary{background:linear-gradient(135deg,#00c6cf,#0098a6);color:#fff}.js-btn.primary:hover{box-shadow:0 4px 15px #00c6cf66;transform:translateY(-1px)}.js-btn.success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.js-btn.success:hover{box-shadow:0 4px 15px #28a74566}.js-btn.secondary{background:#ffffff14;border:1px solid #ffffff26;color:#e0e0e0}.js-btn.secondary:hover{background:#ffffff1f}.js-btn.default{background:#ffffff0f;border:1px solid #ffffff1a;color:#b0b0b0}.js-btn.default:hover{background:#ffffff1a}.js-btn.bonus{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;font-weight:800;text-shadow:0 1px 0 #ffffff4d}.js-btn.bonus:hover{box-shadow:0 4px 20px #ffd70080;transform:translateY(-2px)}.js-btn.large{font-size:clamp(15px,1.7vw,19px);max-width:clamp(260px,30vw,380px);padding:clamp(12px,1.5vw,18px) clamp(24px,3vw,40px);width:100%}.js-darts-options{display:flex;flex-direction:column;gap:10px;margin-top:16px}.js-dart-btn{background:#00c6cf1a;border:1px solid #00c6cf40;border-radius:10px;color:#00c6cf;cursor:pointer;font-size:clamp(14px,1.6vw,18px);font-weight:700;padding:clamp(12px,1.5vw,18px);transition:all .2s}.js-dart-btn:hover{background:#00c6cf33;border-color:#00c6cf}.js-results{max-width:clamp(400px,55vw,700px);padding:clamp(20px,3vw,40px) clamp(16px,2vw,30px);width:100%}.js-results h1{color:#fff;font-size:clamp(20px,3vw,32px);margin:0 0 8px;text-align:center}.js-results-subtitle{color:#b0b0b0;font-size:clamp(13px,1.4vw,16px);margin:0 0 clamp(18px,2.5vw,32px);text-align:center}.js-results-section{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-bottom:16px;padding:clamp(14px,2vw,24px)}.js-results-section h3{color:#fff;font-size:clamp(14px,1.6vw,18px);margin:0 0 14px}.js-result-row{border-bottom:1px solid #ffffff0d;color:silver;display:flex;font-size:clamp(13px,1.4vw,16px);justify-content:space-between;padding:clamp(6px,.8vw,10px) 0}.js-result-row:last-child{border-bottom:none}.js-result-total{border-top:1px solid #00c6cf33;color:#00c6cf;font-size:clamp(13px,1.4vw,16px);font-weight:700;margin-top:10px;padding-top:10px}.js-results-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:clamp(18px,2.5vw,28px)}.js-bonus-section{background:#ffd7000d;border:2px solid #ffd7004d;border-radius:12px;padding:16px}.js-bonus-section h3{color:gold}.js-bonus-completed{color:#28a745;font-weight:700}.js-modal.bonus{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffd70066}.js-modal.bonus h2{color:gold}@media (max-width:768px){.js-training{gap:4px;justify-content:center;padding-bottom:10px;padding-top:10px}.js-game-header{padding:6px 0}.js-progress{margin:6px 0 10px}.js-game-body{align-items:center;flex:0 1;flex-direction:column;gap:16px}.js-score-panel{gap:10px;min-height:0}.js-rounds-panel{flex-direction:row;flex-wrap:nowrap;gap:8px;max-height:120px;min-width:0;min-width:auto;overflow-x:auto;overflow-y:hidden;padding:10px;scroll-behavior:smooth;width:100%}.js-rounds-panel h4{display:none}.js-round-pill{flex-shrink:0;min-width:65px}.js-numpad{margin-top:6px;max-width:340px;min-width:0;min-width:auto;padding-bottom:20px;width:100%}.js-numpad-btn{font-size:22px;height:58px}.js-numpad-btn.danger{font-size:13px}.js-numpad-btn.confirm{font-size:17px}.js-score-display{align-items:center;display:flex;font-size:110px;justify-content:center;margin-bottom:4px;min-height:110px}.js-checkouts{min-height:60px}.js-checkout{font-size:24px;padding:6px 14px}.js-input-value{font-size:34px;min-width:80px}.js-stats-row{margin-top:4px}.js-stat-value{font-size:20px}.js-stat-label{font-size:12px}.js-checkout{font-size:34px;padding:10px 20px}.js-challenge-title{font-size:15px}.js-challenge-desc{font-size:13px}.js-app-logo,.js-header-logos,.js-jesus-logo{display:none}}@media (max-width:768px) and (min-height:851px){.js-header-logos{display:flex}.js-app-logo{display:block;height:40px;width:40px}.js-jesus-logo{display:block;height:34px;width:34px}}@media (max-width:500px){.js-training{padding:0 8px 16px}.js-intro{gap:16px;padding:16px 12px}.js-intro-header h1{font-size:22px}.js-intro-icon{height:70px;width:70px}.js-intro-badge{font-size:11px;padding:5px 10px}.js-mode-btn{gap:12px;padding:12px 14px}.js-mode-emoji{font-size:26px}.js-mode-btn strong{font-size:14px}.js-mode-btn p{font-size:12px}.js-numpad{max-width:100%}.js-numpad-btn{border-radius:10px;font-size:20px;height:54px}.js-numpad-btn.danger{font-size:12px}.js-numpad-btn.confirm{font-size:16px}.js-score-display{font-size:82px}.js-input-value{font-size:28px;min-width:60px}.js-stats-row{gap:14px}.js-stat-value{font-size:17px}.js-game-header{padding:8px 0}.js-progress-dot{font-size:10px;height:26px;width:26px}.js-match-score{font-size:15px;padding:8px 16px}.js-match-score strong{font-size:20px}.js-gallery-slide{max-width:240px;min-width:220px}.js-gallery-img-wrapper{height:280px}.js-checkout{padding:6px 14px}.js-checkout,.js-doubles-stat-value{font-size:22px}.js-wheel-container svg{height:280px;width:280px}.js-back-btn{font-size:13px;padding:6px 12px}.js-results h1{font-size:20px}.js-result-row{font-size:13px}}@media (min-width:1200px){.js-game-body{gap:28px;max-width:1100px}.js-score-display{font-size:120px}.js-input-value{font-size:44px}.js-numpad{min-width:280px;width:280px}.js-numpad-btn{font-size:24px;height:68px}.js-numpad-btn.danger{font-size:15px}.js-numpad-btn.confirm{font-size:19px}.js-stat-value{font-size:22px}.js-stat-label{font-size:12px}.js-rounds-panel{min-width:130px;width:130px}.js-round-pill{font-size:14px;padding:7px 12px}.js-checkout{font-size:26px;padding:8px 18px}.js-challenge-title{font-size:20px}.js-challenge-desc{font-size:17px}.js-match-score{font-size:22px;padding:12px 36px}.js-match-score strong{font-size:30px}.js-doubles-stat-value{font-size:34px}.js-wheel-container svg{height:450px;width:450px}.js-modal{max-width:480px;padding:36px}.js-modal h2{font-size:26px}.js-modal-message{font-size:16px}.js-intro{max-width:700px}.js-gallery-slide{max-width:320px;min-width:300px}.js-gallery-img-wrapper{height:360px}}.colaborador-oficial-strip{border-bottom:1px solid #00c6cf26;margin-bottom:12px;padding-bottom:12px;text-align:center}.colaborador-oficial-strip-label{color:#ffffff80;display:block;font-size:clamp(11px,1.2vw,14px);font-weight:600;letter-spacing:1.5px;margin-bottom:10px;text-align:center;text-transform:uppercase}.colaborador-oficial-strip-link{align-items:center;background:#ffffff08;border:1px solid #00c6cf33;border-radius:12px;display:inline-flex;flex-direction:column;gap:6px;padding:10px 8px;text-decoration:none;transition:all .3s ease}.colaborador-oficial-strip-link:hover{background:#00c6cf14;border-color:#00c6cf80;box-shadow:0 6px 20px #00c6cf33;transform:translateY(-3px)}.colaborador-oficial-strip-logo{border-radius:8px;display:block;flex-shrink:0;height:clamp(100px,14vw,180px);object-fit:contain;width:clamp(100px,14vw,180px)}.colaborador-oficial-strip-name{color:#ffffffa6;font-size:clamp(9px,1vw,12px);font-weight:600;letter-spacing:.3px;text-align:center}.sponsors-strip{border-top:1px solid #00c6cf26;flex-shrink:0;margin:0 auto;max-width:1100px;padding:20px 0 12px;width:100%}.sponsors-label{color:#ffffff80;display:block;font-size:clamp(11px,1.2vw,14px);font-weight:600;letter-spacing:1.5px;margin-bottom:12px;text-align:center;text-transform:uppercase}.sponsors-scroll{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;overflow-x:auto;padding:6px 12px 10px;scrollbar-color:#00c6cf4d #0000;scrollbar-width:thin}.sponsors-scroll::-webkit-scrollbar{height:5px}.sponsors-scroll::-webkit-scrollbar-track{background:#0000}.sponsors-scroll::-webkit-scrollbar-thumb{background:#00c6cf4d;border-radius:4px}.sponsor-item{align-items:center;background:#ffffff08;border:1px solid #00c6cf33;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;gap:6px;overflow:hidden;padding:10px 8px;text-decoration:none;transition:all .3s ease;width:clamp(90px,10vw,120px)}.sponsor-item:hover{background:#00c6cf14;border-color:#00c6cf80;box-shadow:0 6px 20px #00c6cf33;transform:translateY(-3px)}.sponsor-item img{border-radius:8px;height:clamp(60px,8vw,100px);object-fit:contain;width:clamp(60px,8vw,100px)}.sponsor-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffa6;display:-webkit-box;font-size:clamp(9px,1vw,12px);font-weight:600;line-height:1.2;overflow:hidden}.sponsor-name,.sponsors-cta{letter-spacing:.3px;text-align:center}.sponsors-cta{border-top:1px solid #ffffff0f;color:#fff6;font-size:clamp(11px,1.2vw,13px);margin-top:14px;padding-top:10px}.sponsors-cta a{color:#00c6cf;color:var(--primary,#00c6cf);font-weight:600;text-decoration:none;transition:opacity .2s}.sponsors-cta a:hover{opacity:.8;text-decoration:underline}@media (max-width:768px){.sponsors-strip{padding:16px 8px 8px}.sponsors-scroll{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);justify-items:center;overflow-x:visible;padding:6px 4px}.sponsor-item{max-width:110px;padding:8px 6px;width:100%}.sponsor-item img{height:60px;width:60px}.sponsor-name{font-size:9px}}.jn-training{align-items:center;background:radial-gradient(ellipse at 20% 0,#00c6cf14 0,#0000 50%),radial-gradient(ellipse at 80% 100%,#0088cc0f 0,#0000 50%),linear-gradient(165deg,#050a0f,#0a1a20 40%,#081218);color:#e8eaed;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh;padding:0 clamp(8px,2vw,20px)}.jn-back-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#00c6cf;cursor:pointer;font-size:14px;font-weight:600;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.jn-back-btn:hover{background:#00c6cf1f;border-color:#00c6cf66}.jn-intro{display:flex;flex-direction:column;gap:clamp(16px,2.5vw,24px);max-width:clamp(340px,55vw,580px);padding:clamp(20px,3vw,40px) clamp(16px,2.5vw,28px);width:100%}.jn-intro-header,.jn-intro-title-block{align-items:center;display:flex}.jn-intro-title-block{flex-direction:column;gap:10px;text-align:center}.jn-intro-title-block h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,#00c6cf);-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,4.5vw,38px);font-weight:800;margin:0}.jn-intro-badge{background:linear-gradient(135deg,#00c6cf1f,#00c6cf0a);border:1px solid #00c6cf40;border-radius:20px;color:#00c6cf;display:inline-flex;font-size:13px;font-weight:600;padding:6px 16px}.jn-intro-description{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:clamp(14px,2vw,22px)}.jn-intro-description h3{color:#fff;font-size:clamp(14px,1.6vw,17px);font-weight:700;margin:0 0 10px}.jn-rules-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.jn-rules-list li{color:#a0a8b0;font-size:clamp(12px,1.3vw,14px);line-height:1.5;padding-left:18px;position:relative}.jn-rules-list li:before{background:#00c6cf;border-radius:50%;box-shadow:0 0 5px #00c6cf80;content:"";height:5px;left:0;position:absolute;top:7px;width:5px}.jn-intro-levels-preview{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:clamp(14px,2vw,22px)}.jn-intro-levels-preview h3{color:#fff;font-size:clamp(14px,1.6vw,17px);font-weight:700;margin:0 0 10px}.jn-levels-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr)}.jn-level-chip{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;display:flex;gap:3px;justify-content:center;padding:5px 3px}.jn-level-num{color:#00c6cf80;font-size:9px;font-weight:800}.jn-level-double{color:#fff;font-size:11px;font-weight:700}.jn-start-btn{background:linear-gradient(135deg,#00c6cf,#08c);border:none;border-radius:12px;box-shadow:0 4px 20px #00c6cf33;color:#fff;cursor:pointer;font-size:clamp(15px,2vw,19px);font-weight:800;padding:clamp(12px,1.8vw,18px);transition:all .2s ease;width:100%}.jn-start-btn:hover{box-shadow:0 8px 28px #00c6cf4d;transform:translateY(-2px)}.jn-game-header{align-items:center;display:flex;gap:clamp(10px,2vw,20px);max-width:520px;padding:clamp(10px,1.5vw,18px) 0;width:100%}.jn-header-logos{align-items:center;display:flex;flex-shrink:0;gap:clamp(8px,1.2vw,16px)}.jn-app-logo{filter:drop-shadow(0 0 12px rgba(0,198,207,.5));height:clamp(50px,9vw,110px);object-fit:contain;width:clamp(50px,9vw,110px)}.jn-player-logo{align-items:center;background:linear-gradient(135deg,#00c6cf26,#00c6cf0d);border:2px solid #00c6cf59;border-radius:50%;color:#00c6cf;display:flex;filter:drop-shadow(0 0 8px rgba(0,198,207,.3));flex-shrink:0;font-size:clamp(12px,2vw,24px);font-weight:800;height:clamp(42px,8vw,95px);justify-content:center;width:clamp(42px,8vw,95px)}.jn-challenge-info{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(6px,1.2vw,14px);min-width:0}.jn-challenge-title{color:#fff;font-size:clamp(14px,1.6vw,20px);font-weight:700;white-space:nowrap}.jn-challenge-desc{color:#00c6cf;font-size:clamp(12px,1.3vw,16px);font-weight:600}.jn-challenge-meta{color:#707880;font-size:clamp(11px,1.2vw,14px);font-weight:600}.jn-progress-bar{background:#ffffff0f;border-radius:2px;height:3px;margin-bottom:clamp(6px,1vw,10px);max-width:520px;overflow:hidden;width:100%}.jn-progress-fill{animation:jn-shimmer 3s ease infinite;background:linear-gradient(90deg,#00c6cf,#00e5a0,#00c6cf);background-size:200% 100%;border-radius:2px;box-shadow:0 0 8px #00c6cf66;height:100%;transition:width .4s ease}@keyframes jn-shimmer{0%,to{background-position:0 0}50%{background-position:100% 0}}.jn-score-row{align-items:center;display:flex;gap:clamp(12px,2.5vw,22px);justify-content:center;max-width:520px;padding:clamp(6px,1vw,12px) 0;width:100%}.jn-score-number{font-feature-settings:"tnum";color:#fff;font-family:Roboto Mono,monospace;font-size:clamp(64px,12vw,130px);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-2px;line-height:1;text-shadow:0 0 30px #00c6cf4d}.jn-phase-badge{border-radius:8px;font-size:clamp(12px,1.3vw,15px);font-weight:700;padding:5px 12px}.jn-phase-badge.activation{background:#ffa5001a;border:1px solid #ffa5004d;color:#fa3}.jn-phase-badge.scoring{background:#00c85314;border:1px solid #00c8534d;color:#00e053}.jn-checkouts-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.jn-checkout-tag{font-feature-settings:"tnum";background:#00c6cf14;border:1px solid #00c6cf40;border-radius:8px;color:#00c6cf;font-family:Roboto Mono,monospace;font-size:clamp(14px,1.5vw,18px);font-variant-numeric:tabular-nums;font-weight:700;padding:clamp(6px,1vw,10px) clamp(12px,1.5vw,18px);text-shadow:0 0 8px #00c6cf33}.jn-action-panel{align-items:center;background:#0003;border:1px solid #ffffff0a;border-radius:16px;display:flex;flex-direction:column;gap:clamp(10px,1.5vw,16px);max-width:520px;padding:clamp(16px,2vw,24px);width:100%}.jn-action-title{color:#c8ccd0;font-size:clamp(14px,1.5vw,17px);font-weight:700;margin:0;text-align:center}.jn-hint{color:#606870;font-weight:500}.jn-action-row{display:flex;gap:8px;width:100%}.jn-action-row .jn-btn{flex:1 1}.jn-action-col{display:flex;flex-direction:column;gap:10px;width:100%}.jn-action-col .jn-btn{font-size:clamp(16px,1.8vw,19px);padding:clamp(14px,2vw,18px);width:100%}.jn-input-display{font-feature-settings:"tnum";background:#00000073;border:2px solid #ffffff14;border-radius:12px;box-shadow:inset 0 2px 6px #0000004d;color:#fff;font-family:Roboto Mono,monospace;font-size:clamp(28px,4.5vw,44px);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-1px;min-width:90px;padding:clamp(8px,1.2vw,14px) clamp(20px,2.5vw,32px);text-align:center}.jn-numpad{display:flex;flex-direction:column;gap:clamp(6px,.8vw,8px);max-width:280px;width:100%}.jn-numpad.compact{max-width:240px}.jn-numpad-row{display:flex;gap:clamp(6px,.8vw,8px)}.jn-numpad-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:clamp(18px,2.2vw,24px);font-weight:700;height:clamp(48px,6.5vw,64px);justify-content:center;transition:all .12s ease;-webkit-user-select:none;user-select:none}.jn-numpad-btn:hover{background:#ffffff17;transform:translateY(-1px)}.jn-numpad-btn:active{transform:scale(.94)}.jn-numpad-btn.danger{background:#ff3c3c1a;border-color:#ff3c3c40;color:#ff6060}.jn-numpad-btn.danger:hover{background:#ff3c3c2e}.jn-numpad-btn.confirm{background:#00c8531a;border-color:#00c85340;color:#00e053}.jn-numpad-btn.confirm:hover{background:#00c8532e}.jn-numpad-spacer{flex:1 1}.jn-history-section{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.jn-history-label{color:#505860;font-size:clamp(10px,1.1vw,13px);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.jn-history-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:2px 0}.jn-history-tag{border-radius:6px;font-size:11px;font-weight:600;padding:3px 8px}.jn-history-tag.activation{background:#00c85314;color:#00e053}.jn-history-tag.miss{background:#ff3c3c14;color:#ff6060}.jn-history-tag.score{background:#ffffff0d;color:#a0a8b0}.jn-history-tag.bust{background:#ff3c3c1a;color:#ff5050}.jn-history-tag.checkout{background:#00c6cf14;color:#00c6cf}.jn-btn{border:none;border-radius:12px;cursor:pointer;font-size:clamp(14px,1.5vw,17px);font-weight:700;padding:clamp(11px,1.6vw,16px) clamp(16px,2.5vw,26px);transition:all .2s ease}.jn-btn:hover{transform:translateY(-1px)}.jn-btn:active{transform:translateY(0)}.jn-btn.primary{background:linear-gradient(135deg,#00c6cf,#08c);box-shadow:0 3px 12px #00c6cf33;color:#fff}.jn-btn.primary:hover{box-shadow:0 5px 18px #00c6cf4d}.jn-btn.secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#c8ccd0}.jn-btn.secondary:hover{background:#ffffff14}.jn-btn.danger{background:#ff3c3c1a;border:1px solid #ff3c3c40;color:#ff6060}.jn-btn.danger:hover{background:#ff3c3c2e}.jn-btn.large{font-size:clamp(15px,1.6vw,18px);padding:clamp(12px,1.8vw,16px);text-align:center}.jn-modal-overlay{align-items:center;animation:jn-fade-in .15s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes jn-fade-in{0%{opacity:0}to{opacity:1}}.jn-modal{animation:jn-modal-pop .2s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(160deg,#0c2830,#091820);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 50px #00000080;max-width:360px;padding:clamp(18px,3vw,28px);text-align:center;width:88%}@keyframes jn-modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.jn-modal h3{color:#fff;font-size:clamp(17px,2.5vw,22px);font-weight:800;margin:0 0 8px}.jn-modal p{color:#a0a8b0;font-size:clamp(13px,1.4vw,15px);line-height:1.5;margin:0 0 16px}.jn-modal.success{border-color:#00c8534d}.jn-modal.error{border-color:#ff3c3c4d}.jn-results{max-width:540px;padding:clamp(20px,3vw,40px) clamp(12px,2vw,24px);text-align:center;width:100%}.jn-results h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#00c6cf);-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,4vw,34px);font-weight:800;margin:0 0 clamp(14px,2.5vw,24px)}.jn-results-header{align-items:center;display:flex;flex-direction:column;gap:clamp(10px,1.5vw,16px);margin-bottom:clamp(14px,2.5vw,24px)}.jn-results-logos{align-items:center;display:flex;gap:clamp(10px,1.5vw,18px)}.jn-results-logo{filter:drop-shadow(0 0 14px rgba(0,198,207,.5));height:clamp(50px,8vw,80px);object-fit:contain;width:clamp(50px,8vw,80px)}.jn-results-player-logo{align-items:center;background:linear-gradient(135deg,#00c6cf2e,#00c6cf0d);border:2px solid #00c6cf66;border-radius:50%;color:#00c6cf;display:flex;filter:drop-shadow(0 0 10px rgba(0,198,207,.3));font-size:clamp(16px,2vw,22px);font-weight:800;height:clamp(44px,7vw,68px);justify-content:center;width:clamp(44px,7vw,68px)}.jn-results-desc-box{background:#00c6cf0f;border:1px solid #00c6cf33;border-radius:12px;display:flex;flex-direction:column;gap:4px;max-width:420px;padding:clamp(10px,1.5vw,16px) clamp(14px,2vw,22px);text-align:center}.jn-results-desc-box strong{color:#00c6cf;font-size:clamp(15px,1.8vw,20px);font-weight:800}.jn-results-desc-box span{color:#a0a8b0;font-size:clamp(12px,1.3vw,14px);line-height:1.5}.jn-results-summary{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:clamp(14px,2.5vw,24px)}.jn-stat-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-direction:column;gap:3px;padding:clamp(10px,1.5vw,16px)}.jn-stat-card.highlight{background:#00c6cf0d;border-color:#00c6cf4d}.jn-stat-value{color:#fff;font-size:clamp(22px,3.5vw,32px);font-weight:900;letter-spacing:-.5px}.jn-stat-value small{color:#606870;font-size:.6em}.jn-stat-card.highlight .jn-stat-value{color:#00c6cf;text-shadow:0 0 12px #00c6cf33}.jn-stat-label{color:#707880;font-size:clamp(10px,1.1vw,12px);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.jn-results-detail{margin-bottom:clamp(14px,2.5vw,24px)}.jn-results-detail h3{color:#a0a8b0;font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.jn-results-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.jn-result-cell{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;flex-direction:column;gap:1px;padding:clamp(4px,.6vw,8px) 2px}.jn-result-cell.first{background:#00c8530f;border-color:#00c8534d}.jn-result-cell.second{background:#ffa5000f;border-color:#ffa5004d}.jn-result-cell.hard{background:#ff3c3c0f;border-color:#ff3c3c4d}.jn-result-double{color:#c8ccd0;font-size:clamp(10px,1.2vw,13px);font-weight:700}.jn-result-attempts{font-size:clamp(9px,1vw,11px);font-weight:600}.jn-result-cell.first .jn-result-attempts{color:#00e053}.jn-result-cell.second .jn-result-attempts{color:#fa3}.jn-result-cell.hard .jn-result-attempts{color:#ff6060}.jn-results-legend{color:#606870;display:flex;font-size:11px;gap:12px;justify-content:center}.jn-legend.first{color:#00e053}.jn-legend.second{color:#fa3}.jn-legend.hard{color:#ff6060}.jn-results-actions{display:flex;gap:10px;justify-content:center}.jn-mobile-levels{flex-wrap:wrap;gap:3px;max-width:520px;padding:4px 0;width:100%}.jn-mlevel,.jn-mobile-levels{display:flex;justify-content:center}.jn-mlevel{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:5px;color:#404850;font-size:8px;font-weight:700;height:22px;transition:all .2s ease;width:28px}.jn-mlevel.done{background:#00c8531a;border-color:#00c8534d;color:#00e053;font-size:7px}.jn-mlevel.active{background:#00c6cf1f;border-color:#00c6cf80;box-shadow:0 0 8px #00c6cf33;color:#00c6cf;font-weight:800;transform:scale(1.1)}@media (min-width:769px){.jn-mobile-levels{display:none}}.jn-desktop-layout,.jn-game-center{align-items:center;display:flex;flex-direction:column;width:100%}.jn-game-center{gap:clamp(8px,1.2vw,14px);max-width:520px}.jn-sidebar{display:none}@media (min-width:769px){.jn-game-header{max-width:1100px}.jn-desktop-layout{align-items:flex-start;flex-direction:row;gap:20px;justify-content:center;max-width:1100px}.jn-sidebar{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:14px;padding-top:8px}.jn-sidebar-left{width:clamp(180px,20vw,260px)}.jn-sidebar-right{width:clamp(200px,22vw,280px)}.jn-mobile-only-panel{display:none}.jn-dartboard-svg{filter:drop-shadow(0 0 12px rgba(0,198,207,.1));height:auto;max-width:240px;width:100%}.jn-seg-active{animation:jn-seg-pulse 1.8s ease-in-out infinite}@keyframes jn-seg-pulse{0%,to{opacity:1}50%{opacity:.5}}.jn-sidebar-desc{align-items:center;background:linear-gradient(160deg,#00c6cf14,#00000040);border:1px solid #00c6cf33;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:clamp(12px,1.5vw,18px);text-align:center;width:100%}.jn-sidebar-desc h4{color:#00c6cf;font-size:clamp(14px,1.5vw,17px);font-weight:800;margin:0;text-shadow:0 0 12px #00c6cf33}.jn-sidebar-desc p{color:#b0b8c0;font-size:clamp(11px,1.2vw,13px);line-height:1.5;margin:0}.jn-sidebar-desc-sub{background:#00c6cf14;border:1px solid #00c6cf26;border-radius:12px;color:#00c6cf;display:inline-block;font-size:10px;font-weight:600;padding:3px 10px}.jn-desktop-numpad-panel{align-items:center;background:#0003;border:1px solid #ffffff0d;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:clamp(14px,1.5vw,20px);width:100%}.jn-desktop-numpad-panel .jn-action-title{font-size:13px;margin:0}.jn-desktop-numpad-panel .jn-input-display{font-size:clamp(26px,3vw,36px);padding:8px 20px;width:100%}.jn-desktop-numpad-panel .jn-numpad,.jn-desktop-numpad-panel .jn-numpad.compact{max-width:100%}.jn-desktop-numpad-panel .jn-numpad-btn{border-radius:10px;font-size:clamp(16px,1.8vw,20px);height:clamp(40px,5vw,52px)}.jn-desktop-numpad-panel .jn-action-col{width:100%}.jn-desktop-numpad-panel .jn-action-col .jn-btn{font-size:14px;padding:10px}.jn-numpad-waiting{opacity:.5;padding:30px 16px;text-align:center}.jn-waiting-icon{font-size:32px;margin-bottom:6px}.jn-numpad-waiting p{color:#606870;font-size:12px;line-height:1.5;margin:0}.jn-game-center{max-width:440px}.jn-action-col .jn-btn.large{font-size:clamp(17px,1.8vw,20px);padding:clamp(16px,2vw,22px)}.jn-checkout-tag{border-radius:10px;border-width:2px;font-size:clamp(16px,1.8vw,22px);padding:clamp(8px,1.2vw,14px) clamp(16px,2vw,24px)}.jn-checkouts-row{gap:12px}.jn-history-row{gap:10px;padding:6px 0}.jn-history-tag{border:1px solid #ffffff14;border-radius:8px;font-size:14px;padding:6px 14px}}@media (max-width:500px){.jn-training{padding:0 6px}.jn-app-logo{height:56px;width:56px}.jn-player-logo{font-size:16px;height:48px;width:48px}.jn-challenge-title{font-size:16px}.jn-challenge-desc{font-size:13px}.jn-challenge-meta{font-size:12px}.jn-action-title{font-size:16px}.jn-action-col .jn-btn{font-size:17px;padding:16px}.jn-score-number{font-size:64px}.jn-levels-grid{gap:3px;grid-template-columns:repeat(7,1fr)}.jn-level-chip{padding:4px 2px}.jn-level-num{font-size:8px}.jn-level-double{font-size:10px}.jn-results-grid{gap:3px}}.x01-setup-container{align-items:center;background:linear-gradient(135deg,#000,#002a2f 50%,#000);color:#e0e0e0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:flex-start;min-height:100vh;padding:40px 20px 20px}.x01-setup-header{margin-bottom:32px;max-width:500px;text-align:center;width:100%}.x01-setup-icon{filter:drop-shadow(0 0 20px rgba(0,198,207,.5));margin-bottom:16px}.x01-setup-logo{height:clamp(120px,18vw,180px);object-fit:contain;width:clamp(120px,18vw,180px)}.x01-setup-title{color:var(--text);font-size:32px;margin:0 0 8px;text-shadow:0 0 20px #00c6cf80}.x01-setup-subtitle{color:var(--text-secondary);font-size:16px;margin:0}.x01-setup-form{display:flex;flex-direction:column;gap:24px;max-width:500px;width:100%}.x01-setup-section{display:flex;flex-direction:column;gap:10px}.x01-setup-label{color:var(--primary);font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.x01-setup-input{background:var(--surface);border:2px solid #ffffff26;border-radius:12px;color:var(--text);font-size:16px;outline:none;padding:14px 18px;transition:border-color .3s}.x01-setup-input:focus{border-color:var(--primary)}.x01-setup-input::placeholder{color:var(--text-secondary)}.x01-setup-input-readonly{border-color:#00c6cf40;color:var(--primary);cursor:not-allowed;font-weight:700;opacity:.6}.x01-setup-toggle-group{display:flex;gap:8px}.x01-setup-toggle-group.three{gap:8px}.x01-setup-toggle-group.legs{flex-wrap:wrap;gap:6px}.x01-toggle-btn{background:var(--surface);border:2px solid #ffffff26;border-radius:12px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 12px;transition:all .3s ease}.x01-toggle-btn.small{font-size:18px;min-width:48px;padding:12px 8px}.x01-toggle-btn:hover{border-color:#00c6cf80;color:var(--text)}.x01-toggle-btn.active{background:linear-gradient(135deg,#00c6cf4d,#0099cc4d);border-color:var(--primary);box-shadow:0 0 15px #00c6cf33;color:var(--text)}.x01-setup-summary{color:var(--text-secondary);font-size:14px;text-align:center}.x01-setup-summary,.x01-start-btn{display:flex;gap:12px;justify-content:center}.x01-start-btn{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-alt));border:none;border-radius:16px;color:#000;cursor:pointer;font-size:20px;font-weight:800;letter-spacing:1px;margin-top:16px;padding:18px 32px;transition:all .3s ease}.x01-start-btn:hover{box-shadow:0 8px 32px #00c6cf66;transform:translateY(-2px)}.x01-start-icon{font-size:24px}.x01-game-container{align-items:center;background:linear-gradient(135deg,#000,#002a2f 50%,#000);display:flex;flex-direction:column;min-height:100vh;padding:0 clamp(10px,2vw,24px) 20px;position:relative;-webkit-user-select:none;user-select:none}.x01-game-header{align-items:center;display:flex;gap:clamp(10px,2vw,20px);max-width:1100px;padding:clamp(10px,1.5vw,18px) 0;width:100%}.x01-back-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:var(--primary);cursor:pointer;font-size:clamp(13px,1.4vw,15px);padding:clamp(6px,1vw,10px) clamp(14px,2vw,22px);transition:all .2s;white-space:nowrap}.x01-back-btn:hover{background:#00c6cf26;border-color:var(--primary)}.x01-match-info{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(8px,1.5vw,16px)}.x01-match-mode{color:var(--primary);font-size:clamp(16px,1.8vw,22px);font-weight:800}.x01-match-legs{color:var(--text-secondary);font-size:clamp(11px,1.2vw,14px);letter-spacing:.5px;text-transform:uppercase}.x01-undo-btn{background:#ffc10726;border:1px solid #ffc1074d;border-radius:8px;color:#ffc107;cursor:pointer;flex-shrink:0;font-size:clamp(12px,1.3vw,15px);padding:clamp(5px,.8vw,8px) clamp(10px,1.5vw,18px);transition:all .2s;white-space:nowrap}.x01-undo-btn:hover:not(.disabled){background:#ffc10740}.x01-undo-btn.disabled{cursor:not-allowed;opacity:.3}.x01-legs-display{display:flex;gap:clamp(20px,4vw,48px);justify-content:center;max-width:1100px;padding:clamp(6px,1vw,12px) 0;width:100%}.x01-leg-counter{align-items:center;display:flex;gap:clamp(6px,1vw,12px);opacity:.5;transition:opacity .2s}.x01-leg-counter.active{opacity:1}.x01-leg-name{color:var(--text-secondary);font-size:clamp(11px,1.2vw,14px);font-weight:600;text-transform:uppercase}.x01-leg-count{color:var(--primary);font-size:clamp(20px,2.5vw,28px);font-weight:800;min-width:20px;text-align:center}.x01-game-body{align-items:flex-start;display:flex;flex:1 1;gap:clamp(12px,2vw,28px);justify-content:center;max-width:1100px;width:100%}@media (min-width:769px){.x01-score-number{font-size:clamp(40px,6vw,72px);margin-bottom:2px;min-height:auto}.x01-score-panel{padding:clamp(8px,1.2vw,14px) clamp(8px,1.5vw,16px)}.x01-score-avg{font-size:clamp(11px,1.1vw,14px)}}.x01-rounds-panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;min-width:clamp(160px,22vw,280px);overflow:hidden;width:clamp(160px,22vw,280px)}.x01-rounds-app-logo-wrap{align-items:center;background:#0000001f;border-bottom:1px solid #ffffff0f;display:flex;justify-content:center;padding:10px 8px 6px}.x01-rounds-app-logo{filter:drop-shadow(0 0 10px rgba(0,198,207,.18));height:auto;object-fit:contain;opacity:.95;width:clamp(84px,10vw,128px)}.x01-rounds-desktop{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.x01-rounds-mobile{display:none}.x01-rounds-header{background:#00c6cf14;border-bottom:1px solid #00c6cf26;display:flex;padding:clamp(6px,.8vw,10px) clamp(8px,1vw,12px)}.x01-rounds-label{min-width:clamp(24px,3vw,36px);width:clamp(24px,3vw,36px)}.x01-rounds-label,.x01-rounds-player{color:#fff6;font-size:clamp(9px,1vw,11px);font-weight:700;text-align:center;text-transform:uppercase}.x01-rounds-player{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x01-rounds-player.active{color:var(--primary)}.x01-rounds-body{flex:1 1;max-height:400px;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:#00c6cf4d #0000;scrollbar-width:thin}.x01-rounds-body::-webkit-scrollbar{width:4px}.x01-rounds-body::-webkit-scrollbar-track{background:#0000}.x01-rounds-body::-webkit-scrollbar-thumb{background:#00c6cf4d;border-radius:4px}.x01-round-row{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;padding:clamp(4px,.5vw,7px) clamp(8px,1vw,12px);transition:background .2s}.x01-round-row:hover{background:#ffffff0a}.x01-round-row.latest{background:#00c6cf0f;border-left:2px solid var(--primary)}.x01-round-num{font-feature-settings:"tnum";color:#ffffff4d;font-size:clamp(10px,1.1vw,12px);font-variant-numeric:tabular-nums;font-weight:600;min-width:clamp(24px,3vw,36px);text-align:center;width:clamp(24px,3vw,36px)}.x01-round-score{font-feature-settings:"tnum";color:var(--text);flex:1 1;font-size:clamp(12px,1.3vw,15px);font-variant-numeric:tabular-nums;font-weight:700;text-align:center}.x01-round-score.one-eighty{color:gold;text-shadow:0 0 6px #ffd70066}.x01-round-score.ton{color:var(--success)}.x01-round-score.bust{color:var(--danger);font-size:clamp(9px,1vw,12px);font-weight:800}.x01-round-score.timeout{color:#f59e0bd9;font-size:clamp(9px,1vw,12px);font-style:italic;font-weight:800}.x01-rounds-empty{color:#ffffff4d;font-size:clamp(11px,1.2vw,13px);font-style:italic;margin:0;padding:16px;text-align:center}.x01-rounds-player-row{align-items:center;display:flex;height:28px;margin-bottom:3px}.x01-rounds-player-label{align-items:center;background:#00c6cf26;border:1px solid #00c6cf4d;border-radius:6px;display:flex;height:100%;justify-content:center;margin-right:6px;min-width:80px;width:80px}.x01-rounds-player-label span{color:var(--primary);font-size:13px;font-weight:700;max-width:70px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.x01-rounds-player-label.active{background:#00c6cf40;border-color:var(--primary)}.x01-rounds-player-scroll{align-items:center;display:flex;flex:1 1;gap:4px;height:100%;overflow-x:auto;overflow-y:hidden;padding:0 2px;scrollbar-width:none}.x01-rounds-player-scroll::-webkit-scrollbar{display:none}.x01-rounds-pill{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;color:var(--text);display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:26px;justify-content:center;min-width:65px;padding:3px 8px;white-space:nowrap}.x01-rounds-pill.latest{color:#fff;font-weight:700}.x01-rounds-pill.one-eighty{color:gold;text-shadow:0 0 4px #ffd7004d}.x01-rounds-pill.ton{color:var(--success)}.x01-rounds-pill.bust{color:var(--danger);font-size:11px;font-weight:800}.x01-rounds-pill.timeout{color:#f59e0be6;font-size:11px;font-style:italic;font-weight:800}.x01-center-panel{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:clamp(6px,1vw,14px);min-width:0;position:relative}.x01-180-banner{align-items:center;animation:x01-180-explode 2.2s ease-out forwards;display:flex;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.x01-180-img{filter:drop-shadow(0 0 30px rgba(0,120,255,.8)) drop-shadow(0 0 60px rgba(0,120,255,.5)) drop-shadow(0 0 100px rgba(0,120,255,.3));height:auto;width:clamp(200px,45vw,450px)}.x01-180-banner:before{animation:x01-180-glow 2.2s ease-out forwards;background:radial-gradient(circle,#00b4ff40 0,#0064dc26 40%,#0000 70%);content:"";height:350%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:350%;z-index:-1}@keyframes x01-180-explode{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-10deg)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(3deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(.95) rotate(-1deg)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(0deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.15) rotate(0deg)}}@keyframes x01-180-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.x01-scores-display{display:flex;gap:clamp(8px,1.5vw,24px);justify-content:center;width:100%}.x01-score-panel{background:#ffffff08;border:2px solid #0000;border-radius:16px;flex:1 1;max-width:300px;padding:clamp(12px,2vw,24px) clamp(8px,1.5vw,16px);text-align:center;transition:all .3s ease}.x01-score-panel.active{background:#00c6cf14;border-color:#00c6cf4d;box-shadow:0 0 20px #00c6cf1a}.x01-score-number{font-feature-settings:"tnum";align-items:center;color:var(--text);display:flex;font-family:Roboto Mono,monospace;font-size:clamp(48px,10vw,120px);font-variant-numeric:tabular-nums;font-weight:900;justify-content:center;line-height:1;margin-bottom:6px;min-height:1em;text-shadow:0 0 30px #00c6cf4d}.x01-score-panel.active .x01-score-number{text-shadow:0 0 40px #00c6cf80}.x01-score-avg{font-feature-settings:"tnum";color:var(--text-secondary);font-size:clamp(12px,1.3vw,16px);font-variant-numeric:tabular-nums;font-weight:600}.x01-checkout-hint-big{animation:x01-pulse 2s ease-in-out infinite;color:var(--primary);font-size:clamp(18px,3.5vw,32px);font-weight:700;letter-spacing:1px;text-shadow:0 0 12px #00c6cf66;white-space:nowrap}.x01-checkout-hint-big:empty{display:none}@keyframes x01-pulse{0%,to{opacity:1}50%{opacity:.6}}.x01-input-section{align-items:center;display:flex;gap:12px;justify-content:center;padding:clamp(4px,.8vw,12px) 0}.x01-input-section-right{align-items:stretch;flex-direction:column;padding-bottom:4px;width:100%}.x01-input-section-right .x01-input-display{min-width:0;width:100%}.x01-input-section-right .x01-undo-btn{width:100%}.x01-input-display{align-items:center;background:#0009;border:2px solid #00c6cf4d;border-radius:12px;display:flex;justify-content:center;min-height:52px;min-width:clamp(120px,14vw,200px);padding:clamp(8px,1.2vw,14px) clamp(24px,4vw,48px);text-align:center}.x01-input-value{font-feature-settings:"tnum";color:var(--primary);font-family:Roboto Mono,monospace;font-size:clamp(28px,4vw,48px);font-variant-numeric:tabular-nums;font-weight:800}.x01-right-panel{align-items:center;gap:8px;min-width:clamp(180px,20vw,280px);width:clamp(180px,20vw,280px)}.x01-numpad,.x01-right-panel{display:flex;flex-direction:column}.x01-numpad{gap:clamp(6px,.8vw,10px);margin-top:10px;width:100%}.x01-numpad-row{display:flex;gap:clamp(6px,.8vw,10px)}.x01-numpad-key{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:clamp(10px,1.2vw,14px);color:var(--text);cursor:pointer;display:flex;flex:1 1;font-size:clamp(18px,2.2vw,26px);font-weight:700;height:clamp(48px,6.5vw,72px);justify-content:center;transition:all .15s}.x01-numpad-key:hover{background:#ffffff1f;border-color:#fff3}.x01-numpad-key:active{transform:scale(.95)}.x01-numpad-key.ok{background:#00c6cf26;border-color:#00c6cf4d;color:var(--primary);font-size:clamp(14px,1.6vw,20px);font-weight:800}.x01-numpad-key.ok:hover{background:#00c6cf40}.x01-numpad-key.clear{background:#dc354526;border-color:#dc35454d;color:#ff6b6b;font-size:clamp(12px,1.4vw,16px);font-weight:700}.x01-numpad-key.clear:hover{background:#dc354540}.x01-keyboard-hint{color:var(--text-secondary);font-size:clamp(10px,1.1vw,12px);letter-spacing:.3px;max-width:1100px;opacity:.5;padding:clamp(6px,1vw,10px);text-align:center;width:100%}.x01-alert{animation:x01-alert-in .3s ease;background:var(--danger);border-radius:12px;color:var(--text);font-size:14px;font-weight:700;left:50%;max-width:90%;padding:12px 24px;position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:1000}@keyframes x01-alert-in{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.x01-modal-overlay{align-items:center;animation:x01-fade-in .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes x01-fade-in{0%{opacity:0}to{opacity:1}}.x01-modal{animation:x01-slide-up .4s ease;background:linear-gradient(135deg,#1a2a3e,#0d1b2a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:clamp(320px,40vw,480px);padding:clamp(20px,3vw,36px);text-align:center;width:100%}@keyframes x01-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.x01-dardos-modal h2{color:var(--primary);font-size:clamp(20px,2.5vw,26px);margin:0 0 8px}.x01-modal-subtitle{color:var(--text-secondary);font-size:clamp(13px,1.4vw,16px);margin:0 0 24px}.x01-dardos-options{display:flex;gap:12px}.x01-dardo-btn{align-items:center;background:#00c6cf1a;border:2px solid #00c6cf4d;border-radius:16px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:clamp(16px,2vw,24px) 12px;transition:all .2s}.x01-dardo-btn:hover:not(.disabled){background:#00c6cf40;border-color:var(--primary);transform:translateY(-2px)}.x01-dardo-btn.disabled{background:#ffffff08;border-color:#ffffff1a;cursor:not-allowed;opacity:.3}.x01-dardo-num{color:var(--primary);font-size:clamp(24px,3vw,36px);font-weight:900}.x01-dardo-btn.disabled .x01-dardo-num{color:var(--text-secondary);opacity:.5}.x01-dardo-label{color:var(--text-secondary);font-size:clamp(10px,1.1vw,13px);font-weight:600;text-transform:uppercase}.x01-dardo-impossible{color:var(--danger);font-size:clamp(9px,1vw,11px);font-weight:600;margin-top:4px}.x01-result-modal h2{color:var(--text);font-size:clamp(18px,2.2vw,24px);margin:0 0 20px}.x01-result-trophy{font-size:clamp(42px,5vw,60px);margin-bottom:12px}.x01-result-scoreboard{display:flex;gap:clamp(16px,2.5vw,28px);justify-content:center;margin-bottom:24px}.x01-result-player{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:6px;min-width:90px;padding:clamp(12px,1.5vw,20px) clamp(16px,2vw,28px);position:relative}.x01-result-player.winner{background:#00c6cf1a;border-color:#00c6cf4d}.x01-result-name{color:var(--text-secondary);font-size:clamp(11px,1.2vw,14px);font-weight:600;text-transform:uppercase}.x01-result-legs{color:var(--text);font-size:clamp(32px,4vw,46px);font-weight:900;line-height:1}.x01-result-player.winner .x01-result-legs{color:var(--primary)}.x01-result-crown{font-size:24px;position:absolute;right:-8px;top:-16px}.x01-result-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.x01-result-stat-row{align-items:center;background:#ffffff08;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.x01-stat-label{color:var(--text-secondary);font-size:clamp(11px,1.2vw,13px);font-weight:600}.x01-stat-values{display:flex;gap:20px}.x01-stat-value{color:var(--text-secondary);font-size:clamp(14px,1.5vw,18px);font-weight:700;min-width:50px;text-align:center}.x01-stat-value.highlight{color:var(--primary)}.x01-result-actions{display:flex;flex-direction:column;gap:10px}.x01-result-btn{border:none;border-radius:12px;cursor:pointer;font-size:clamp(14px,1.5vw,17px);font-weight:700;padding:clamp(12px,1.5vw,16px) 24px;transition:all .2s}.x01-result-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-alt));color:#000}.x01-result-btn.primary:hover{box-shadow:0 4px 20px #00c6cf66;transform:translateY(-2px)}.x01-result-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:var(--text)}.x01-result-btn.secondary:hover{background:#fff3}.x01-confirm-modal h3{color:var(--text);font-size:clamp(16px,2vw,22px);margin:0 0 12px}.x01-confirm-modal p{color:var(--text-secondary);font-size:clamp(13px,1.4vw,16px);margin:0 0 24px}.x01-confirm-actions{display:flex;gap:12px}.x01-confirm-actions .x01-result-btn{flex:1 1}@media (max-width:768px){.x01-game-container{gap:4px;justify-content:center;padding-bottom:10px;padding-top:10px}.x01-game-header{padding:6px 0}.x01-legs-display{gap:16px;padding:4px 0 8px}.x01-game-body{align-items:center;flex:0 1;flex-direction:column;gap:16px}.x01-rounds-desktop{display:none}.x01-rounds-mobile{display:flex;flex-direction:column;gap:0;padding:8px 10px}.x01-rounds-panel{background:#1a1c2366;border-color:#ffffff26;border-radius:14px;min-width:0;min-width:auto;width:100%}.x01-rounds-app-logo-wrap{display:none}.x01-center-panel{gap:10px;width:100%}.x01-score-panel{padding:10px 8px}.x01-score-number{font-size:clamp(48px,18vw,80px);min-height:80px}.x01-score-avg{font-size:13px}.x01-checkout-hint-big{font-size:clamp(22px,5.5vw,34px)}.x01-input-section{padding:4px 0}.x01-input-value{font-size:34px}.x01-right-panel{max-width:340px}.x01-numpad,.x01-right-panel{min-width:0;min-width:auto;width:100%}.x01-numpad{margin-top:6px;padding-bottom:env(safe-area-inset-bottom,24px)}.x01-numpad-key{font-size:22px;height:58px}.x01-numpad-key.clear{font-size:13px}.x01-numpad-key.ok{font-size:17px}.x01-keyboard-hint{display:none}.x01-setup-logo{height:90px;width:90px}}@media (max-width:500px){.x01-game-header{gap:8px}.x01-score-number{font-size:clamp(40px,16vw,64px)}.x01-input-value{font-size:28px}.x01-numpad,.x01-right-panel{max-width:100%}.x01-numpad-key{border-radius:10px;font-size:20px;height:54px}.x01-numpad-key.clear{font-size:12px}.x01-numpad-key.ok{font-size:16px}.x01-setup-title{font-size:26px}.x01-back-btn{font-size:13px;padding:6px 12px}.x01-round-row{min-width:42px;padding:4px 6px}.x01-round-score{font-size:12px}.x01-round-score.bust{font-size:9px}}@media (min-width:1200px){.x01-game-body{gap:28px;max-width:1100px}.x01-score-number{font-size:80px}.x01-input-value{font-size:44px}.x01-right-panel{min-width:280px;width:280px}.x01-numpad{width:100%}.x01-numpad-key{font-size:24px;height:68px}.x01-numpad-key.clear{font-size:15px}.x01-numpad-key.ok{font-size:19px}.x01-rounds-panel{min-width:280px;width:280px}.x01-round-row{padding:7px 14px}.x01-round-score{font-size:15px}.x01-round-num{font-size:12px}.x01-rounds-player{font-size:11px}}.bot-level-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%}.bot-level-card{align-items:center;background:var(--surface);border:2px solid #ffffff1a;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:14px 8px;transition:all .3s ease}.bot-level-card:hover{border-color:#00c6cf80;transform:translateY(-2px)}.bot-level-card.active{background:linear-gradient(135deg,#00c6cf40,#0099cc40);border-color:var(--primary);box-shadow:0 0 18px #00c6cf40}.bot-level-emoji{font-size:28px}.bot-level-name{color:var(--text);font-size:12px;font-weight:700;text-align:center}.bot-level-avg{color:var(--text-secondary);font-size:11px}.bot-level-description{align-items:flex-start;background:var(--surface);border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;margin-top:8px;padding:16px}.bot-level-desc-emoji{flex-shrink:0;font-size:36px}.bot-level-desc-text h4{color:var(--primary);font-size:16px;margin:0 0 6px}.bot-level-desc-text p{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0}.bot-level-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.bot-level-stats span{background:#ffffff0d;border-radius:8px;color:var(--text-secondary);font-size:12px;padding:4px 10px}.bot-thinking-indicator{align-items:center;display:flex;flex-direction:column;gap:12px;padding:24px}.bot-thinking-indicator p{animation:botFade 1.5s ease-in-out infinite;color:var(--text-secondary);font-size:15px;margin:0}.bot-thinking-dots{display:flex;gap:6px}.bot-thinking-dots span{animation:botDot 1.4s ease-in-out infinite;background:var(--primary);border-radius:50%;height:10px;width:10px}.bot-thinking-dots span:nth-child(2){animation-delay:.2s}.bot-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes botDot{0%,80%,to{opacity:.3;transform:scale(.4)}40%{opacity:1;transform:scale(1)}}@keyframes botFade{0%,to{opacity:.6}50%{opacity:1}}.bot-game-level-badge{background:#00c6cf26;border-radius:8px;color:var(--primary);font-size:12px;font-weight:600;padding:3px 10px}.bot-game-you-badge{color:var(--primary);font-size:10px;font-weight:400}.bot-game-bot-icon{margin-left:4px}.x01-numpad.disabled{opacity:.4}.player-action-card.online:before{background:linear-gradient(90deg,#8b5cf6,#6366f1)}.player-action-card.online .player-action-icon{background:linear-gradient(145deg,#8b5cf640,#6366f126);box-shadow:0 0 30px #8b5cf633;color:#a78bfa}.online-pulse-badge{align-items:center;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:8px;color:#a78bfa;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:6px 12px}.online-pulse-dot{animation:onlinePulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}@keyframes onlinePulse{0%,to{box-shadow:0 0 0 0 #22c55e66;opacity:1}50%{box-shadow:0 0 0 6px #22c55e00;opacity:.7}}.online-rules-header{max-width:900px}.online-rules-enter,.online-rules-grid,.online-rules-highlight{box-sizing:border-box;max-width:900px;width:100%}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.online-rules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:16px}.online-rules-section{background:linear-gradient(145deg,#002a2fcc,#001a1fe6);border:1px solid #00c6cf26;border-radius:20px;margin-bottom:0;overflow:hidden;padding:28px;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.online-rules-section:hover{border-color:#00c6cf4d;box-shadow:0 16px 40px #00000040;transform:translateY(-4px)}.online-rules-section:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.online-rules-section.camera:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.online-rules-section.fair-play:before{background:linear-gradient(90deg,#22c55e,#10b981)}.online-rules-section.match:before{background:linear-gradient(90deg,#3b82f6,#6366f1)}.online-rules-section.conduct:before{background:linear-gradient(90deg,#ef4444,#f43f5e)}.online-rules-section-header{align-items:center;display:flex;gap:14px;margin-bottom:20px}.online-rules-section-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.online-rules-section.camera .online-rules-section-icon{background:linear-gradient(145deg,#f59e0b40,#f9731626);box-shadow:0 0 20px #f59e0b26}.online-rules-section.fair-play .online-rules-section-icon{background:linear-gradient(145deg,#22c55e40,#10b98126);box-shadow:0 0 20px #22c55e26}.online-rules-section.match .online-rules-section-icon{background:linear-gradient(145deg,#3b82f640,#6366f126);box-shadow:0 0 20px #3b82f626}.online-rules-section.conduct .online-rules-section-icon{background:linear-gradient(145deg,#ef444440,#f43f5e26);box-shadow:0 0 20px #ef444426}.online-rules-section-header h2{color:#fff;font-size:20px;font-weight:700;margin:0}.online-rules-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.online-rules-list li{align-items:flex-start;color:#fffc;display:flex;font-size:15px;gap:12px;line-height:1.6}.online-rules-list li .rule-icon{flex-shrink:0;font-size:16px;margin-top:2px}.online-rules-highlight{align-items:center;background:linear-gradient(135deg,#f59e0b1a,#002a2f80);border:1px solid #f59e0b40;border-radius:16px;display:flex;gap:16px;margin-top:16px;padding:22px 26px;transition:all .3s}.online-rules-highlight:hover{border-color:#f59e0b66;box-shadow:0 0 20px #f59e0b14}.online-rules-highlight .highlight-icon{flex-shrink:0;font-size:28px}.online-rules-highlight p{color:#ffffffd9;font-size:14px;line-height:1.6;margin:0}.online-rules-highlight strong{color:#fbbf24}.online-rules-enter{align-items:center;border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:20px;margin-top:44px;padding-top:36px}.online-rules-enter-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#8b5cf6);background-size:200% 100%;border:none;border-radius:18px;box-shadow:0 8px 30px #8b5cf659;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:12px;justify-content:center;letter-spacing:.3px;max-width:440px;overflow:hidden;padding:20px 36px;position:relative;transition:all .4s;width:100%}.online-rules-enter-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.online-chat-widget{bottom:16px;position:fixed;right:16px;z-index:40}.online-chat-fab{align-items:center;background:#071418f2;border:1px solid #00c6cf4d;border-radius:14px;box-shadow:0 10px 30px #00000059;color:#e6f9fb;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:10px 14px}.online-chat-unread{background:#22c55e;border-radius:10px;color:#041316;font-size:11px;font-weight:800;padding:2px 6px}.online-chat-panel{background:#051012fa;border:1px solid #00c6cf40;border-radius:16px;box-shadow:0 16px 40px #0006;display:flex;flex-direction:column;max-height:60vh;overflow:hidden;position:relative;width:320px;z-index:41}.online-chat-header{align-items:center;background:#00c6cf14;color:#e6f9fb;display:flex;font-size:13px;font-weight:700;justify-content:space-between;padding:10px 12px}.online-chat-status{background:#ffffff0f;border-bottom:1px solid #ffffff14;color:#ffffffb3;font-size:11px;padding:6px 10px}.online-chat-close{background:#0000;border:none;color:#e6f9fb;cursor:pointer;font-size:16px}.online-chat-backdrop{background:#00000059;border:none;inset:0;padding:0;position:fixed;z-index:39}.online-chat-messages{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:10px 12px}.online-chat-empty{color:#fff9;font-size:12px;padding:10px 0;text-align:center}.online-chat-message{align-items:flex-start;display:flex;flex-direction:column}.online-chat-message.me{align-items:flex-end}.online-chat-user{color:#ffffff8c;font-size:11px;margin-bottom:2px}.online-chat-bubble{background:#00c6cf1f;border:1px solid #00c6cf33;border-radius:12px;color:#e6f9fb;font-size:12px;line-height:1.3;max-width:85%;padding:8px 10px}.online-chat-bubble.quick{background:#ffffff14}.online-chat-quick{border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px}.online-chat-quick-btn{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;color:#e6f9fb;cursor:pointer;font-size:11px;padding:6px 8px}.online-chat-input{border-top:1px solid #ffffff0f;display:flex;gap:8px;padding:8px 10px 12px}.online-chat-input input{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;color:#e6f9fb;flex:1 1;font-size:12px;padding:8px 10px}.online-chat-input button{background:#22c55e;border:none;border-radius:10px;color:#041316;cursor:pointer;font-size:12px;font-weight:700;padding:8px 12px}@media (min-width:769px){.online-chat-widget.docked.is-open .online-chat-panel{display:flex}.online-chat-widget.docked .online-chat-backdrop,.online-chat-widget.docked.is-open .online-chat-fab{display:none}}@media (max-width:768px){.online-chat-widget{bottom:12px;left:10px;right:10px}.online-chat-panel{max-height:45vh;width:100%}.online-chat-fab{justify-content:center;width:100%}.online-chat-widget.docked .online-chat-panel{display:none}.online-chat-widget.docked.is-open .online-chat-panel{display:flex}.online-chat-widget.docked.is-open .online-chat-fab{display:none}}.online-rules-enter-btn:hover:before{left:100%}.online-rules-enter-btn:hover{background-position:100%;box-shadow:0 12px 40px #8b5cf680,0 0 60px #8b5cf626;transform:translateY(-4px)}.online-rules-enter-btn:active{transform:translateY(-1px)}.online-rules-disclaimer{color:#fff6;font-size:13px;max-width:400px;text-align:center}.online-access-request{align-items:center;background:linear-gradient(145deg,#002a2fcc,#001a1ff2);border:1px solid #f59e0b40;border-radius:20px;display:flex;flex-direction:column;gap:16px;max-width:480px;overflow:hidden;padding:36px 28px;position:relative;text-align:center;width:100%}.online-access-request:before{background:linear-gradient(90deg,#f59e0b,#ef4444);content:"";height:3px;left:0;position:absolute;right:0;top:0}.online-access-request-icon{font-size:48px;margin-bottom:4px}.online-access-request-title{color:#fff;font-size:22px;font-weight:800;margin:0}.online-access-request-text{color:#ffffffbf;font-size:15px;line-height:1.6;margin:0;max-width:380px}.online-access-request-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:14px;box-shadow:0 6px 24px #25d3664d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;max-width:340px;padding:16px 32px;text-decoration:none;transition:all .3s;width:100%}.online-access-request-btn:hover{box-shadow:0 10px 32px #25d36673;transform:translateY(-2px)}.online-access-request-btn:active{transform:translateY(0)}.online-access-request-hint{color:#fff6;font-size:13px;line-height:1.5;margin:0}.online-rules-accept{align-items:center;background:#002a2f99;border:1px solid #00c6cf33;border-radius:14px;cursor:pointer;display:flex;gap:12px;max-width:400px;padding:16px 20px;transition:all .3s;width:100%}.online-rules-accept:hover{border-color:#8b5cf666}.online-rules-accept input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;flex-shrink:0;height:20px;width:20px}.online-rules-accept span{color:#fffc;font-size:14px;line-height:1.4}@media (max-width:768px){.online-rules-grid{grid-template-columns:1fr}.online-rules-enter,.online-rules-grid,.online-rules-highlight{padding-left:16px;padding-right:16px}.online-rules-header h1{font-size:28px}}@media (max-width:600px){.online-rules-enter,.online-rules-grid,.online-rules-highlight{padding-left:12px;padding-right:12px}.online-rules-icon{border-radius:18px;font-size:32px;height:64px;width:64px}.online-rules-header h1{font-size:24px}.online-rules-header p{font-size:14px}.online-rules-section{border-radius:16px;padding:22px 18px}.online-rules-section-header h2{font-size:17px}.online-rules-section-icon{font-size:20px;height:42px;width:42px}.online-rules-list li{font-size:14px}.online-rules-highlight{flex-direction:column;padding:16px;text-align:center}.online-rules-enter-btn{font-size:16px;padding:16px 24px}}.online-lobby-header{margin-bottom:20px;margin-top:-16px;max-width:860px;text-align:center}.online-lobby-header .training-header-icon{margin-bottom:6px}.online-challenge-banner,.online-lobby-players{box-sizing:border-box;max-width:860px;width:100%}.online-lobby-layout{display:flex;flex-direction:column;gap:20px;max-width:1100px;width:100%}.online-lobby-layout .online-lobby-players{max-width:none}.online-lobby-chat{display:block}@media (min-width:769px){.online-lobby-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:center;margin-bottom:20px;margin-top:-16px;max-width:100%;text-align:center}.online-lobby-header .training-header-top{margin-bottom:0;width:100%}.online-lobby-header .training-header-icon{margin-bottom:0}.online-lobby-header .training-header-logo{height:180px;width:180px}.online-lobby-header .online-lobby-live-badge{margin-bottom:0;order:2}.online-lobby-title{margin-top:2px;order:3;text-align:center;width:100%}.online-lobby-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;order:4;width:100%}.online-lobby-camera-status{margin:0}.online-lobby-subtitle{order:5;text-align:center;width:100%}.online-lobby-players{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);max-width:100%}.online-lobby-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 320px}.online-lobby-chat{position:-webkit-sticky;position:sticky;top:18px}.online-lobby-chat .online-chat-widget{position:static}.online-lobby-empty{flex-direction:row;gap:32px;grid-column:1/-1;margin:0;max-width:100%;padding:48px 40px;text-align:left}.online-lobby-empty-icon{flex-shrink:0;font-size:44px;height:88px;width:88px}.online-lobby-empty p{font-size:17px}.online-lobby-empty-hint{max-width:none}.online-challenge-banner{max-width:100%}.online-lobby-player-card{max-width:none}}@media (min-width:1100px){.online-lobby-players{gap:18px;grid-template-columns:repeat(3,1fr)}.online-lobby-player-card{gap:14px;padding:20px 22px}.online-player-avatar-wrapper{height:52px;width:52px}}.online-lobby-live-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.4px;margin-bottom:12px;padding:6px 16px;white-space:nowrap}.online-lobby-live-badge.connecting{background:#f59e0b33;border:1px solid #f59e0b66;color:#fbbf24}.online-lobby-live-badge.connected{background:#22c55e33;border:1px solid #22c55e66;color:#4ade80}.online-lobby-live-badge.error{background:#ef444433;border:1px solid #ef444466;color:#f87171}.online-lobby-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.online-lobby-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:6px}.online-lobby-camera-status{align-items:center;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;color:#ffffffe6;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;padding:8px 12px}.online-lobby-live-badge .online-lobby-status-dot{animation:onlinePulse 2s ease-in-out infinite;border-radius:50%;height:6px;width:6px}.online-lobby-live-badge.connecting .online-lobby-status-dot{background:#fbbf24}.online-lobby-live-badge.connected .online-lobby-status-dot{background:#4ade80}.online-lobby-live-badge.error .online-lobby-status-dot{animation:none;background:#f87171}.online-lobby-subtitle{color:#ffffffb8;font-size:15px;margin:0}.online-lobby-empty{align-items:center;background:linear-gradient(160deg,#8b5cf60f,#002a2f66 40%,#6366f10a);border:1px solid #8b5cf61f;border-radius:32px;display:flex;flex-direction:column;gap:24px;overflow:hidden;padding:80px 48px;position:relative;text-align:center}.online-lobby-empty:before{background:radial-gradient(ellipse 600px 400px at 50% 30%,#8b5cf614 0,#0000 70%),radial-gradient(ellipse 300px 200px at 70% 70%,#00c6cf0a 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.online-lobby-empty:after{background:linear-gradient(90deg,#0000,#8b5cf64d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.online-lobby-empty-icon{align-items:center;background:linear-gradient(145deg,#8b5cf626,#6366f114);border:1px solid #8b5cf633;border-radius:28px;display:flex;font-size:56px;height:100px;justify-content:center;position:relative;width:100px;z-index:1}.online-lobby-empty-icon:before{animation:radarPulse 3s ease-out infinite;border:2px solid #8b5cf626;border-radius:32px;content:"";inset:-8px;position:absolute}.online-lobby-empty-icon:after{animation:radarPulse 3s ease-out 1s infinite;border:1px solid #8b5cf614;border-radius:38px;content:"";inset:-20px;position:absolute}@keyframes radarPulse{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.3)}}.online-lobby-empty p{color:#ffffffbf;font-size:18px;font-weight:600;margin:0;position:relative;z-index:1}.online-lobby-empty-hint{background:#002a2f66;border:1px solid #00c6cf1a;border-radius:14px;color:#ffffffb3;font-size:14px;line-height:1.6;max-width:380px;padding:14px 20px;position:relative;z-index:1}.online-lobby-camera-hint{margin:14px auto 0;max-width:560px}.online-lobby-camera-hint-btn{display:block;margin:12px auto 0}.online-lobby-retry{background:linear-gradient(135deg,#8b5cf633,#6366f126);border:1px solid #8b5cf659;border-radius:14px;color:#c4b5fd;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.3px;padding:12px 28px;position:relative;transition:all .3s;z-index:1}.online-lobby-retry:hover{background:linear-gradient(135deg,#8b5cf64d,#6366f140);box-shadow:0 8px 20px #8b5cf64d;transform:translateY(-2px)}.online-lobby-players{display:flex;flex-direction:column;gap:16px}.online-lobby-player-card{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff12,#ffffff05);border:1px solid #ffffff14;border-radius:22px;display:flex;gap:20px;overflow:hidden;padding:24px 28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.online-lobby-player-card:before{background:linear-gradient(90deg,#0000,#8b5cf666,#0000);left:0;right:0;top:0}.online-lobby-player-card:after,.online-lobby-player-card:before{content:"";height:1px;opacity:0;position:absolute;transition:opacity .4s}.online-lobby-player-card:after{background:linear-gradient(90deg,#0000,#00c6cf33,#0000);bottom:0;left:20%;right:20%}.online-lobby-player-card.available:hover{border-color:#8b5cf666;box-shadow:0 24px 60px #00000059,0 0 40px #8b5cf61f,inset 0 1px 0 #ffffff0f;transform:translateY(-6px)}.online-lobby-player-card.available:hover:after,.online-lobby-player-card.available:hover:before{opacity:1}.online-lobby-player-card.in-game{border-color:#ef44441a;opacity:.55}.online-player-avatar-wrapper{flex-shrink:0;height:64px;position:relative;width:64px}.online-player-status-ring{border:3px solid #0000;border-radius:50%;inset:-4px;position:absolute;transition:all .4s}.online-lobby-player-card.available .online-player-status-ring{animation:statusRingPulse 2.5s ease-in-out infinite;border-color:#22c55e;box-shadow:0 0 18px #22c55e59}.online-lobby-player-card.in-game .online-player-status-ring{border-color:#ef4444;box-shadow:0 0 10px #ef444433}.online-lobby-player-card.challenged .online-player-status-ring,.online-lobby-player-card.challenging .online-player-status-ring{animation:statusRingPulse 1.5s ease-in-out infinite;border-color:#fbbf24;box-shadow:0 0 12px #fbbf2440}@keyframes statusRingPulse{0%,to{box-shadow:0 0 18px #22c55e59}50%{box-shadow:0 0 30px #22c55e8c}}.online-lobby-player-avatar{align-items:center;background:linear-gradient(145deg,#8b5cf64d,#6366f126);border-radius:50%;color:#c4b5fd;display:flex;flex-shrink:0;font-size:26px;font-weight:800;height:100%;justify-content:center;overflow:hidden;text-shadow:0 0 20px #8b5cf666;width:100%}.online-lobby-player-card.available:hover .online-lobby-player-avatar{box-shadow:0 0 25px #8b5cf64d}.online-lobby-player-avatar img{height:100%;object-fit:cover;width:100%}.online-lobby-player-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.online-lobby-player-name{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:8px;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-skill-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:800;gap:6px;letter-spacing:.2px;padding:3px 10px;text-shadow:0 0 10px #ffffff14}.online-skill-label{line-height:1}.online-skill-icon{align-items:center;display:inline-flex;flex-shrink:0;height:15px;justify-content:center;width:15px}.online-skill-icon-svg{fill:currentColor;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;height:100%;width:100%}.online-skill-badge.unranked{background:linear-gradient(135deg,#64748b47,#33415529);border-color:#94a3b880;color:#ffffffb3}.online-skill-badge.bronze{background:linear-gradient(135deg,#b4530985,#78350f3d);border-color:#f59e0bc7;box-shadow:0 0 18px #b453094d;color:#f8d9bf}.online-skill-badge.silver{background:linear-gradient(135deg,#94a3b894,#47556942);border-color:#e2e8f0d1;box-shadow:0 0 18px #94a3b852;color:#eef2f7}.online-skill-badge.gold{background:linear-gradient(135deg,#eab3089e,#a1620742);border-color:#fde047e6;box-shadow:0 0 20px #eab3085c;color:#fef3c7}.online-skill-badge.diamond{background:linear-gradient(135deg,#38bdf86b,#1e40af52);border-color:#7dd3fcf2;box-shadow:0 0 22px #38bdf873;color:#dbeafe}.online-lobby-player-card.skill-bronze{border-left:4px solid #f59e0bbf;border-top:4px solid #f59e0bbf;box-shadow:inset 0 0 24px #b4530924}.online-lobby-player-card.skill-silver{border-left:4px solid #cbd5e1bd;border-top:4px solid #cbd5e1bd;box-shadow:inset 0 0 24px #94a3b824}.online-lobby-player-card.skill-gold{border-left:4px solid #facc15cc;border-top:4px solid #facc15cc;box-shadow:inset 0 0 24px #eab3082e}.online-lobby-player-card.skill-diamond{border-left:4px solid #7dd3fce6;border-top:4px solid #7dd3fce6;box-shadow:inset 0 0 26px #38bdf82e,0 0 22px #38bdf829}.online-player-meta{align-items:center;display:flex;gap:14px}.online-lobby-player-status{align-items:center;color:#ffffff80;display:flex;font-size:13px;gap:6px}.online-player-time{font-feature-settings:"tnum";color:#ffffff4d;font-size:12px;font-variant-numeric:tabular-nums}.online-lobby-player-action{flex-shrink:0}.online-lobby-challenge-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6366f1);background-size:200% 100%;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.4px;overflow:hidden;padding:14px 28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.online-lobby-challenge-btn:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.online-lobby-challenge-btn:hover:before{left:100%}.online-lobby-challenge-btn:hover{background-position:100%;box-shadow:0 12px 30px #8b5cf680,0 0 50px #8b5cf626;transform:translateY(-3px) scale(1.04)}.online-lobby-challenge-btn:active{transform:translateY(-1px) scale(1.01)}.online-lobby-player-busy{background:#ef444414;border:1px solid #ef444426;border-radius:12px;color:#ffffff59;font-size:13px;font-style:italic;padding:10px 16px}.online-challenge-banner{animation:challengeSlideIn .4s cubic-bezier(.34,1.56,.64,1);border-radius:20px;margin-bottom:28px;overflow:hidden;padding:24px 28px;position:relative}@keyframes challengeSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.online-challenge-banner.received{background:linear-gradient(135deg,#8b5cf626,#002a2fcc);border:1px solid #8b5cf659;box-shadow:0 0 40px #8b5cf61f,inset 0 1px 0 #ffffff0d}.online-challenge-banner.sent{background:linear-gradient(135deg,#f59e0b26,#002a2fcc);border:1px solid #f59e0b4d}.online-challenge-banner-info{align-items:center;display:flex;gap:14px;margin-bottom:16px}.online-challenge-banner-icon{flex-shrink:0;font-size:28px}.online-challenge-banner-info strong{color:#a78bfa}.online-challenge-banner-config{color:#ffffff80;display:block;font-size:13px;margin-top:4px}.online-challenge-timer{font-feature-settings:"tnum";color:#fbbf24;flex-shrink:0;font-size:24px;font-variant-numeric:tabular-nums;font-weight:800;margin-left:auto}.online-challenge-banner-actions{display:flex;gap:12px}.online-challenge-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:10px 24px;transition:all .3s}.online-challenge-btn.accept{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.online-challenge-btn.accept:hover{box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.online-challenge-btn.reject{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.online-challenge-btn.reject:hover{background:#ef444440}.online-challenge-btn.cancel{background:#ffffff1a;color:#ffffffb3;flex:0 1;white-space:nowrap}.online-challenge-btn.cancel:hover{background:#ffffff26}.online-modal-overlay{align-items:center;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.online-modal{animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#0d2d32,#091a1d);border:1px solid #8b5cf64d;border-radius:28px;box-shadow:0 25px 60px #00000080,0 0 80px #8b5cf61a;max-width:460px;overflow:hidden;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.online-modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.online-modal-header h2{color:#fffffff5;font-size:20px;font-weight:700;margin:0}.online-modal-close{background:none;border:none;border-radius:8px;color:#fff6;cursor:pointer;font-size:20px;padding:8px;transition:all .2s}.online-modal-close:hover{background:#ffffff1a;color:#fff}.online-modal-body{display:flex;flex-direction:column;gap:24px;padding:24px}.online-modal-description{color:#ffffffe0;font-size:15px;line-height:1.55;margin:0}.online-modal-field label{color:#ffffffd1;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.online-modal-options{display:flex;gap:10px}.online-modal-option{background:#002a2f99;border:2px solid #00c6cf26;border-radius:14px;color:#ffffffe6;cursor:pointer;flex:1 1;font-size:17px;font-weight:700;padding:14px;text-align:center;transition:all .25s}.online-modal-option:hover{background:#8b5cf614;border-color:#8b5cf666;color:#fff}.online-modal-option.active{background:#8b5cf633;border-color:#8b5cf6;box-shadow:0 0 15px #8b5cf633,inset 0 0 15px #8b5cf60d;color:#a78bfa;transform:scale(1.03)}.online-modal-footer{display:flex;gap:12px;padding:0 24px 24px}.online-modal-cancel{background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;color:#ffffffe6;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .2s}.online-modal-cancel:hover{background:#ffffff1f}.online-modal-confirm{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:14px;color:#fff;cursor:pointer;flex:1.5 1;font-size:15px;font-weight:700;padding:14px;transition:all .3s}.online-modal-confirm:hover{box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}@media (max-width:768px){.online-lobby-header{margin-bottom:12px;margin-top:-30px}.online-lobby-header .training-menu-header{margin-bottom:8px}.online-lobby-header .training-header-icon{margin-bottom:4px}.online-lobby-header .training-header-logo{height:180px;width:180px}.online-challenge-banner,.online-lobby-players{padding-left:8px;padding-right:8px}.online-lobby-title{font-size:26px}.online-lobby-header .training-back-btn,.online-rules-header .training-back-btn{font-size:13px;padding:7px 14px}.online-lobby-player-card{border-radius:18px;gap:16px;padding:18px 20px}.online-player-avatar-wrapper{height:52px;width:52px}.online-lobby-player-name{font-size:16px}.online-lobby-challenge-btn{font-size:14px;padding:11px 20px}}@media (max-width:600px){.online-lobby-header .training-header-logo{height:150px;width:150px}.online-lobby-header .training-header-icon{margin-bottom:2px}.online-lobby-header{margin-bottom:10px;margin-top:-34px}.online-challenge-banner,.online-lobby-players{padding-left:4px;padding-right:4px}.online-lobby-title{font-size:22px}.online-lobby-player-card{border-radius:16px;gap:12px;padding:14px 16px}.online-player-avatar-wrapper{height:44px;width:44px}.online-lobby-player-avatar{font-size:18px}.online-lobby-player-name{font-size:14px}.online-player-meta{align-items:flex-start;flex-direction:column;gap:2px}.online-lobby-challenge-btn{border-radius:12px;font-size:13px;padding:8px 14px}.online-challenge-banner{border-radius:16px;padding:16px 18px}.online-challenge-banner-actions{flex-direction:column}.online-modal{border-radius:20px;width:95%}.online-modal-options{gap:8px}.online-modal-option{font-size:14px;padding:10px 8px}.online-lobby-empty{padding:48px 20px}.online-lobby-empty-icon{border-radius:22px;font-size:44px;height:76px;width:76px}.online-lobby-header .training-back-btn,.online-rules-header .training-back-btn{font-size:12px;gap:4px;padding:6px 12px}}.online-game-loading{align-items:center;color:#fffc;display:flex;flex-direction:column;font-size:18px;gap:16px;justify-content:center;min-height:60vh}.online-game-loading-spinner{animation:onlineGameSpin .8s linear infinite;border:4px solid #00c6cf33;border-radius:50%;border-top-color:#00c6cf;height:48px;width:48px}@keyframes onlineGameSpin{to{transform:rotate(1turn)}}.online-game-loading-players{color:#ffffff80;font-size:14px;margin-top:4px}.online-game-live-badge{animation:livePulse 2s ease-in-out infinite;background:#ef44441f;border:1px solid #ef44444d;border-radius:20px;color:#ef4444;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.6}}.online-turn-indicator{align-items:center;border-radius:12px;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin:0 auto 8px;max-width:400px;padding:10px 20px;text-align:center;transition:all .3s ease}.online-turn-indicator.my-turn{background:linear-gradient(135deg,#22c55e26,#10b98114);border:1px solid #22c55e4d;box-shadow:0 0 20px #22c55e1a;color:#22c55e}.online-turn-indicator.rival-turn{background:linear-gradient(135deg,#f59e0b1f,#f973160f);border:1px solid #f59e0b40;color:#f59e0b}.online-turn-indicator.setup{background:linear-gradient(135deg,#8b5cf626,#6366f114);border:1px solid #8b5cf64d;box-shadow:0 0 20px #8b5cf61a;color:#a78bfa}.online-turn-indicator.urgent{border-color:#f59e0b99;box-shadow:0 0 20px #f59e0b33}.online-turn-indicator.critical{animation:turnPulse .8s ease-in-out infinite;border-color:#ef4444b3;box-shadow:0 0 25px #ef44444d}.online-turn-text{flex:1 1}.online-turn-timer{font-feature-settings:"tnum";background:#ffffff14;border-radius:8px;color:#ffffffb3;font-size:15px;font-variant-numeric:tabular-nums;font-weight:800;min-width:42px;padding:4px 10px;text-align:center;transition:all .3s ease}.online-turn-timer.urgent{background:#f59e0b26;color:#f59e0b}.online-turn-timer.critical{animation:timerPulse .5s ease-in-out infinite;background:#ef444433;color:#ef4444}@keyframes turnPulse{0%,to{box-shadow:0 0 25px #ef44444d}50%{box-shadow:0 0 40px #ef444480}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.online-me-badge{color:#00c6cf;font-size:11px;font-weight:600;opacity:.8}.online-waiting-turn{align-items:center;color:#ffffff80;display:flex;flex-direction:column;font-size:15px;gap:12px;justify-content:center;padding:24px}.online-waiting-dots{display:flex;gap:8px}.online-waiting-dots span{animation:waitingDot 1.4s ease-in-out infinite;background:#00c6cf66;border-radius:50%;height:10px;width:10px}.online-waiting-dots span:nth-child(2){animation-delay:.2s}.online-waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes waitingDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.x01-numpad.disabled{filter:grayscale(.5);opacity:.3;pointer-events:none}.online-disconnect-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.online-disconnect-box{background:linear-gradient(145deg,#002a2ff2,#001419fa);border:1px solid #f59e0b4d;border-radius:24px;box-shadow:0 20px 60px #00000080;max-width:380px;padding:40px;text-align:center;width:90%}.online-disconnect-icon{animation:shakeIcon .5s ease-in-out;font-size:48px;margin-bottom:12px}@keyframes shakeIcon{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.online-disconnect-box h3{color:#f59e0b;font-size:20px;margin:0 0 8px}.online-disconnect-box p{color:#ffffffb3;font-size:15px;margin:0 0 16px}.online-disconnect-timer{color:#f59e0b;font-family:Courier New,monospace;font-size:48px;font-weight:800;margin-bottom:12px;text-shadow:0 0 20px #f59e0b66}.online-disconnect-hint{color:#fff6;font-size:13px;margin:0}.online-forfeit-reason{color:#f59e0bcc;font-size:14px;font-style:italic;margin-bottom:16px;margin-top:-8px}.online-turn-skip-banner{align-items:center;animation:turn-skip-slide-in .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 8px 32px #0006;display:flex;gap:12px;justify-content:space-between;left:50%;max-width:92%;padding:14px 20px;position:fixed;top:16px;transform:translateX(-50%);width:480px;z-index:1100}.online-turn-skip-banner.warning-me{background:linear-gradient(135deg,#dc2626eb,#b91c1ceb);border:1px solid #f8717166}.online-turn-skip-banner.warning-rival{background:linear-gradient(135deg,#3b82f6e0,#2563ebe0);border:1px solid #93c5fd4d}.online-turn-skip-content{align-items:center;display:flex;flex:1 1;gap:10px}.online-turn-skip-icon{flex-shrink:0;font-size:20px}.online-turn-skip-text{color:#fff;font-size:13px;font-weight:600;line-height:1.4}.online-turn-skip-dismiss{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;transition:background .2s;width:28px}.online-turn-skip-dismiss:hover{background:#ffffff40}@keyframes turn-skip-slide-in{0%{opacity:0;transform:translateX(-50%) translateY(-30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.online-turn-indicator{font-size:14px;margin-bottom:6px;padding:8px 16px}.online-disconnect-box{padding:28px 20px}.online-disconnect-timer{font-size:36px}.online-game-live-badge{font-size:10px;padding:2px 8px}}.online-contact-setup-banner{align-items:center;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-size:13px;gap:10px;margin:0 16px 12px;padding:12px 16px;transition:all .2s}.online-contact-setup-banner:hover{background:#8b5cf640;border-color:#8b5cf680}.online-contact-setup-arrow{color:#8b5cf6;font-weight:700;margin-left:auto}.online-player-contact-badge{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:10px;color:#8b5cf6cc;font-size:11px;padding:1px 8px;white-space:nowrap}.online-modal-contact-info{align-items:center;background:#4caf501a;border:1px solid #4caf5040;border-radius:10px;color:#ffffffd9;display:flex;font-size:13px;gap:8px;margin:0 16px;padding:10px 16px}.online-modal-contact-info.no-contact{background:#ff98001a;border-color:#ff980040;color:#ffffffd6}.online-modal-contact-info strong{color:#66bb6a}.online-challenge-contact-info{color:#8b5cf6e6;display:block;font-size:12px;margin-top:2px}.online-contact-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;box-sizing:border-box;color:#fff;font-size:14px;margin-top:6px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.online-contact-input:focus{border-color:#8b5cf6}.online-contact-input::placeholder{color:#ffffff4d}.online-lobby-my-card-section{padding:0 16px 8px}.online-lobby-my-card-label{color:#fff6;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.online-lobby-player-card.my-card{background:#8b5cf614;border:1px solid #8b5cf64d;cursor:pointer;transition:all .2s}.online-lobby-player-card.my-card:hover{background:#8b5cf61f;border-color:#8b5cf680}.online-my-card-edit{font-size:16px;opacity:.5;transition:opacity .2s}.online-lobby-player-card.my-card:hover .online-my-card-edit{opacity:1}.online-my-card-stats{display:flex;gap:8px;margin:2px 0}.online-my-card-stat{background:#ffffff14;border-radius:10px;color:#ffffffe6;font-size:12px;font-weight:600;letter-spacing:.3px;padding:2px 8px}.online-my-card-stat[title="Media online"]{background:#4caf5026;color:#81c784}.online-my-card-stat[title="Victorias online"]{background:#ffd70026;color:#ffd740}.online-player-contact-badge.no-contact{background:#ff98001a;border-color:#ff980033;color:#ff9800cc}.support-banner{align-items:center;background:linear-gradient(135deg,#002a2f80,#00191cb3);border:1px solid #ffffff0f;border-radius:14px;box-sizing:border-box;cursor:pointer;display:flex;gap:16px;margin-bottom:16px;max-width:900px;padding:18px 24px;text-decoration:none;transition:all .3s;width:100%}.support-banner:hover{background:linear-gradient(135deg,#002a2f99,#00191ccc);border-color:#00ffaa26}.support-banner-icon{flex-shrink:0;font-size:28px}.support-banner-text{flex:1 1}.support-banner-text p{color:#ffffff80;font-size:13px;line-height:1.5;margin:0}.support-banner-text strong{color:#ffffffbf;font-size:14px}.support-banner-paypal{border-radius:8px;flex-shrink:0;height:50px;object-fit:cover;opacity:.85;transition:opacity .2s;width:50px}.support-banner:hover .support-banner-paypal{opacity:1}.support-banner-arrow{color:#ffffff40;flex-shrink:0;font-size:18px;transition:color .2s}.support-banner:hover .support-banner-arrow{color:#00ffaa80}.support-info-main{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:28px;margin:0 auto;max-width:750px;padding:0 16px 60px;width:100%}.support-intro{padding:10px 0;text-align:center}.support-intro h2{color:#fff;font-size:22px;margin-bottom:12px}.support-intro p{color:#fff9;font-size:15px;line-height:1.7;margin:0 auto;max-width:600px}.support-intro strong{color:#0fa}.support-costs,.support-future{width:100%}.support-costs h3,.support-donate h3,.support-future h3,.support-promise h3{color:#fff;font-size:18px;margin-bottom:16px;text-align:center}.cost-grid{display:flex;flex-direction:column;gap:10px}.cost-item{align-items:center;background:#002a2f80;border:1px solid #00ffaa14;border-radius:12px;display:flex;gap:14px;padding:14px 18px}.cost-item.future{background:#1e143266;border-color:#8b5cf626}.cost-icon{flex-shrink:0;font-size:24px}.cost-detail{display:flex;flex:1 1;flex-direction:column;gap:2px}.cost-name{color:#ffffffd9;font-size:14px;font-weight:600}.cost-desc{color:#fff6;font-size:12px}.cost-price{color:#fbbf24;flex-shrink:0;font-size:14px;font-weight:700;text-align:right}.cost-item.future .cost-price{color:#a78bfa}.cost-footnote{color:#ffffff59;font-size:12px;font-style:italic;margin-top:8px;text-align:center}.support-promise{width:100%}.promise-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.promise-item{align-items:center;background:#00ffaa0d;border:1px solid #00ffaa1a;border-radius:10px;color:#ffffffb3;display:flex;font-size:13px;gap:10px;padding:12px 16px}.promise-icon{flex-shrink:0;font-size:18px}.support-donate{text-align:center;width:100%}.support-donate>p{color:#ffffff80;font-size:14px;margin-bottom:20px}.support-paypal-container{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:24px}.support-paypal-qr{border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:200px;width:100%}.support-paypal-note{color:#ffffff59;font-size:12px;margin:0}.support-paypal-btn{background:linear-gradient(135deg,#0070ba,#003087);border-radius:10px;color:#fff;display:inline-block;font-size:15px;font-weight:700;letter-spacing:.3px;padding:12px 32px;text-decoration:none;transition:all .3s}.support-paypal-btn:hover{box-shadow:0 4px 20px #0070ba66;transform:translateY(-2px)}.support-thanks{color:#fff9;font-size:16px;font-weight:500}@media (max-width:480px){.support-banner{gap:12px;padding:14px 16px}.support-banner-paypal{height:40px;width:40px}.support-banner-text p{font-size:12px}.promise-grid{grid-template-columns:1fr}.cost-item{flex-wrap:wrap}.cost-price{font-size:13px;padding-left:38px;text-align:left;width:100%}}.camera-setup-overlay{align-items:center;background:#041316f7;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:100}.camera-setup-container{align-items:center;animation:cameraSetupIn .4s ease-out;display:flex;flex-direction:column;gap:24px;margin-top:80px;max-width:800px;width:100%}@media (max-height:820px){.camera-setup-container{margin-top:56px}}@media (max-height:700px){.camera-setup-container{margin-top:40px}}@keyframes cameraSetupIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.camera-setup-header{position:relative;text-align:center}.camera-setup-header h2{color:#fff;font-size:26px;font-weight:800;margin:0 0 8px}.camera-setup-subtitle{color:#fff9;font-size:15px;margin:0}.camera-setup-timer{align-items:center;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:10px;color:#fbbf24;display:inline-flex;font-size:14px;font-weight:800;justify-content:center;margin-bottom:12px;padding:6px 14px}.camera-setup-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:16px;max-width:500px;padding:20px 24px;text-align:center;width:100%}.camera-setup-error-icon{display:block;font-size:32px;margin-bottom:8px}.camera-setup-error p{color:#fca5a5;font-size:14px;line-height:1.5;margin:0 0 12px}.camera-setup-retry-btn{background:#ef444433;border:1px solid #ef444466;border-radius:10px;color:#fca5a5;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.camera-setup-retry-btn:hover{background:#ef44444d}.camera-setup-videos{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;width:100%}.camera-setup-video-box{background:#002a2f99;border:2px solid #00c6cf26;border-radius:16px;overflow:hidden;position:relative}.camera-setup-video-box.local{border-color:#22c55e40}.camera-setup-video-box.remote{border-color:#8b5cf640}.camera-setup-video-label{align-items:center;background:#0000004d;color:#e6f9fb;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 14px}.camera-setup-video-dot{border-radius:50%;height:8px;width:8px}.camera-setup-video-dot.local{background:#22c55e;box-shadow:0 0 8px #22c55e80}.camera-setup-video-dot.remote{background:#8b5cf6;box-shadow:0 0 8px #8b5cf680}.camera-setup-select{background:#00c6cf1a;border:1px solid #00c6cf40;border-radius:6px;color:#e6f9fb;cursor:pointer;font-size:11px;font-weight:600;margin-left:auto;max-width:160px;outline:none;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;transition:border-color .2s}.camera-setup-select:focus,.camera-setup-select:hover{border-color:#00c6cf80}.camera-setup-select option{background:#0a1a1d;color:#e6f9fb}.camera-setup-video-wrapper{aspect-ratio:4/3;background:#0a1a1d;position:relative;width:100%}.camera-setup-video{display:block;height:100%;object-fit:cover;width:100%}.camera-setup-video-placeholder{align-items:center;background:#041316d9;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute}.camera-setup-video-placeholder p{color:#fff9;font-size:13px;margin:0}.camera-setup-spinner{animation:cameraSpin .8s linear infinite;border:3px solid #00c6cf33;border-radius:50%;border-top-color:#00c6cf;height:36px;width:36px}.camera-setup-spinner.small{border-width:2px;height:20px;width:20px}@keyframes cameraSpin{to{transform:rotate(1turn)}}.camera-setup-steps{align-items:center;display:flex;gap:8px;max-width:600px;width:100%}.camera-setup-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;opacity:.4;transition:all .3s}.camera-setup-step.active,.camera-setup-step.done{opacity:1}.camera-setup-step-icon{align-items:center;background:#ffffff14;border:2px solid #ffffff26;border-radius:50%;color:#fff9;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;transition:all .3s;width:32px}.camera-setup-step.active .camera-setup-step-icon{background:#00c6cf1a;border-color:#00c6cf;color:#00c6cf}.camera-setup-step.done .camera-setup-step-icon{background:#22c55e26;border-color:#22c55e;color:#22c55e}.camera-setup-step-spinner{animation:cameraSpin .8s linear infinite;border:2px solid #00c6cf4d;border-radius:50%;border-top-color:#00c6cf;height:14px;width:14px}.camera-setup-step-label{color:#ffffffb3;font-size:11px;font-weight:600;text-align:center}.camera-setup-confirm{animation:cameraSetupIn .3s ease-out;background:linear-gradient(145deg,#22c55e14,#002a2f80);border:1px solid #22c55e40;border-radius:16px;max-width:500px;padding:20px 24px;text-align:center;width:100%}.camera-setup-confirm-question{color:#e6f9fb;font-size:15px;margin:0 0 14px}.camera-setup-confirm-question strong{color:#22c55e}.camera-setup-confirm-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 6px 20px #22c55e4d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;transition:all .2s}.camera-setup-confirm-btn:hover{box-shadow:0 8px 28px #22c55e73;transform:translateY(-2px)}.camera-setup-waiting{align-items:center;background:#00c6cf14;border:1px solid #00c6cf26;border-radius:12px;display:flex;gap:12px;padding:16px 20px}.camera-setup-waiting p{color:#ffffffb3;font-size:14px;margin:0}.camera-setup-success{align-items:center;animation:cameraSetupIn .3s ease-out;background:linear-gradient(135deg,#22c55e26,#002a2f80);border:1px solid #22c55e4d;border-radius:14px;display:flex;gap:12px;padding:16px 24px}.camera-setup-success-icon{font-size:28px}.camera-setup-success p{color:#22c55e;font-size:16px;font-weight:700;margin:0}.camera-setup-cancel-btn{background:#0000;border:1px solid #ffffff26;border-radius:10px;color:#ffffff80;cursor:pointer;font-size:13px;padding:10px 20px;transition:all .2s}.camera-setup-cancel-btn:hover{background:#ef444414;border-color:#ef444466;color:#fca5a5}.video-overlay-dual{align-items:center;display:flex;flex-direction:column;gap:6px;width:100%}.video-dual-cameras{display:flex;gap:clamp(8px,1.5vw,16px);justify-content:center;width:100%}.video-dual-panel{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;max-width:280px}.video-dual-video-wrap{aspect-ratio:4/3;background:#0a1a1d;border:2px solid #8b5cf640;border-radius:12px;overflow:hidden;position:relative;transition:border-color .3s,box-shadow .3s;width:100%}.video-dual-panel.rival .video-dual-video-wrap{cursor:pointer}.video-dual-panel.rival.active .video-dual-video-wrap{border-color:#22c55e59;box-shadow:0 0 16px #22c55e14}.video-dual-panel.local .video-dual-video-wrap{border-color:#00c6cf33}.video-dual-video{display:block;height:100%;object-fit:cover;width:100%}.video-dual-label{color:#ffffff8c;font-size:11px;font-weight:700;letter-spacing:.3px;text-align:center}.video-dual-status{align-items:center;border-radius:5px;display:flex;font-size:9px;font-weight:800;gap:4px;left:5px;letter-spacing:.5px;padding:2px 7px;position:absolute;text-transform:uppercase;top:5px;z-index:2}.video-dual-status.connected{background:#ef4444d9;color:#fff}.video-dual-status.connecting{background:#f59e0bcc;color:#fff}.video-dual-status-dot{animation:onlinePulse 2s ease-in-out infinite;background:currentColor;border-radius:50%;height:5px;width:5px}.video-dual-placeholder{align-items:center;background:#041316cc;display:flex;inset:0;justify-content:center;position:absolute}.video-dual-spinner{animation:cameraSpin .8s linear infinite;border:2px solid #00c6cf33;border-radius:50%;border-top-color:#00c6cf;height:22px;width:22px}.video-expand-btn-mobile,.video-overlay-dual.expanded .video-dual-panel.local{display:none}.video-overlay-dual.expanded .video-dual-panel.rival{max-width:430px;transition:max-width .3s ease}.video-overlay-dual.expanded .video-dual-video-wrap{border-color:#22c55e66;box-shadow:0 0 24px #22c55e1f}.video-dual-hint{color:#ffffff59;cursor:pointer;font-size:10px;transition:color .2s}.video-dual-hint:hover{color:#fff9}.video-overlay-dual .video-overlay-controls{display:flex;gap:6px;justify-content:center}.video-control-btn{align-items:center;background:#071418e6;border:1px solid #ffffff26;border-radius:10px;color:#e6f9fb;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;padding:0;transition:all .2s;width:34px}.video-control-btn:hover{background:#00c6cf1f;border-color:#00c6cf4d}.video-control-btn.muted{background:#ef444426;border-color:#ef44444d}.video-control-btn.active{background:#22c55e1f;border-color:#22c55e4d}.video-cam-status-btn{position:relative}.video-cam-status-dot{border:1.5px solid #071418e6;border-radius:50%;bottom:3px;height:8px;position:absolute;right:3px;width:8px}.video-cam-status-dot.alive{animation:camDotPulse 2s ease-in-out infinite;background:#22c55e}.video-cam-status-dot.dead{background:#ef4444}@keyframes camDotPulse{0%,to{opacity:1}50%{opacity:.4}}.video-peek-preview{align-self:flex-end;animation:peekIn .25s ease-out;aspect-ratio:4/3;background:#0a1a1d;border:2px solid #22c55e59;border-radius:10px;box-shadow:0 4px 20px #0006;cursor:pointer;overflow:hidden;position:relative;width:120px}.video-peek-video{display:block;height:100%;object-fit:cover;width:100%}.video-peek-label{background:linear-gradient(#0000,#000000b3);bottom:0;color:#22c55e;font-size:9px;font-weight:700;left:0;padding:2px 4px;position:absolute;right:0;text-align:center}@keyframes peekIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.video-overlay-camera-lost{animation:cameraSetupIn .3s ease-out;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;padding:8px 10px}.video-camera-lost-content{align-items:center;display:flex;gap:8px}.video-camera-lost-icon{flex-shrink:0;font-size:20px}.video-camera-lost-title{color:#fbbf24;font-size:12px;font-weight:700;margin:0}.video-camera-lost-timer{color:#fff9;font-size:11px;margin:0}.video-overlay-camera-timeout{background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;padding:10px 12px;text-align:center}.video-overlay-camera-timeout p{color:#fca5a5;font-size:12px;margin:4px 0 0}.checkout-confirm-overlay{z-index:110}.checkout-confirm-modal{max-width:420px;text-align:center}.checkout-confirm-icon{font-size:48px;margin-bottom:8px}.checkout-confirm-modal h2{color:#fff;font-size:22px;font-weight:800;margin:0 0 8px}.checkout-confirm-score{color:#ffffffb3;font-size:16px;margin:0 0 16px}.checkout-confirm-score strong{color:#22c55e;font-size:20px}.checkout-confirm-question{color:#e6f9fb;font-size:15px;line-height:1.5;margin:0 0 12px}.checkout-confirm-timer{align-items:center;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:10px;color:#fbbf24;display:inline-flex;font-size:18px;font-weight:800;justify-content:center;margin-bottom:16px;padding:6px 16px;transition:all .3s}.checkout-confirm-timer.critical{animation:checkoutPulse .5s ease-in-out infinite alternate;background:#ef444426;border-color:#ef44444d;color:#ef4444}@keyframes checkoutPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.checkout-confirm-waiting{align-items:center;display:flex;flex-direction:column;gap:10px}.checkout-confirm-waiting p{color:#fff9;font-size:14px;margin:0}.checkout-confirm-actions{display:flex;flex-direction:column;gap:10px;width:100%}.checkout-confirm-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s;width:100%}.checkout-confirm-btn.confirm{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 20px #22c55e4d;color:#fff}.checkout-confirm-btn.confirm:hover{box-shadow:0 8px 28px #22c55e73;transform:translateY(-2px)}.checkout-confirm-btn.dispute{background:#f59e0b1f;border:1px solid #f59e0b4d;color:#fbbf24}.checkout-confirm-btn.dispute:hover{background:#f59e0b33;border-color:#f59e0b80}@media (max-width:1024px){.video-dual-panel{max-width:220px}.camera-setup-videos{gap:12px}}@media (max-width:768px){.camera-setup-videos{gap:12px;grid-template-columns:1fr}.camera-setup-video-wrapper{aspect-ratio:16/9}.camera-setup-header h2{font-size:20px}.camera-setup-steps{gap:4px}.camera-setup-step-label{font-size:10px}.camera-setup-step-icon{font-size:12px;height:28px;width:28px}.video-overlay-dual{align-items:flex-end;cursor:grab;position:fixed;right:10px;top:10px;touch-action:none;width:auto;z-index:50}.video-overlay-dual:active{cursor:grabbing}.video-dual-cameras{width:auto}.video-dual-panel.local{display:none}.video-dual-panel.rival{max-width:none}.video-dual-video-wrap{border-radius:10px;box-shadow:0 8px 32px #00000080;width:150px}.video-overlay-dual.expanded .video-dual-video-wrap{width:260px}.video-dual-label{font-size:9px}.video-dual-hint{display:none}.video-dual-status{font-size:8px;padding:2px 5px}.video-expand-btn-mobile{align-items:center;background:#00000080;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;padding:0;position:absolute;right:4px;top:4px;width:22px;z-index:3}.video-control-btn{border-radius:8px;font-size:14px;height:30px;width:30px}.video-overlay-dual .video-overlay-controls{align-self:flex-end}.video-overlay-camera-lost{align-self:flex-end;max-width:200px;padding:6px 8px}.video-camera-lost-title{font-size:11px}.video-camera-lost-timer{font-size:10px}.video-overlay-camera-timeout{align-self:flex-end;max-width:200px}.checkout-confirm-modal{max-width:340px}.checkout-confirm-icon{font-size:36px}.checkout-confirm-modal h2{font-size:18px}}@media (max-width:480px){.camera-setup-overlay{padding:12px}.camera-setup-container{gap:16px}.camera-setup-header h2{font-size:18px}.camera-setup-subtitle{font-size:13px}.camera-setup-video-label{font-size:11px;padding:8px 10px}.camera-setup-confirm{padding:14px 16px}.camera-setup-confirm-question{font-size:13px}.camera-setup-confirm-btn{font-size:14px;padding:12px 20px}.video-dual-video-wrap{border-radius:8px;width:120px}.video-overlay-dual.expanded .video-dual-video-wrap{width:200px}.video-overlay-dual .video-overlay-controls{gap:3px}.video-control-btn{border-radius:7px;font-size:12px;height:28px;width:28px}}@media (max-height:500px) and (orientation:landscape){.camera-setup-videos{gap:10px;grid-template-columns:1fr 1fr}.camera-setup-video-wrapper{aspect-ratio:16/9}.camera-setup-header h2{font-size:18px}.camera-setup-steps{gap:6px}.video-overlay-dual{right:8px;top:8px}.video-dual-video-wrap{width:140px}.video-overlay-dual.expanded .video-dual-video-wrap{width:240px}}.player-action-card.historial:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.player-action-card.historial .player-action-icon{background:linear-gradient(145deg,#f59e0b40,#d9770626);box-shadow:0 0 30px #f59e0b33;color:#fbbf24}.match-history-list{gap:12px;max-width:100%;padding:0}.match-history-content-layout-v2,.match-history-list{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.match-history-content-layout-v2{gap:18px;max-width:1120px;padding:0 16px}.match-history-chart-section{width:100%}.match-history-main-column-v2{margin:0 auto;max-width:720px;min-width:0;width:100%}.match-history-count-bar{color:#ffffff73;font-size:13px;padding:4px 0 0;text-align:center}.match-history-card{background:linear-gradient(145deg,#002a2fb3,#00191ce6);border:1px solid #00ffaa1a;border-radius:14px;cursor:pointer;padding:16px;transition:all .3s ease}.match-history-card:hover{border-color:#00ffaa40;box-shadow:0 4px 20px #00ffaa14;transform:translateY(-1px)}.match-history-card.win{border-left:3px solid #0fa}.match-history-card.loss{border-left:3px solid #ff4d6a}.match-history-card.forfeit{opacity:.75}.match-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.match-history-result{border-radius:6px;font-size:13px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.match-history-result.win{background:#00ffaa26;color:#0fa}.match-history-result.loss{background:#ff4d6a26;color:#ff4d6a}.match-history-date{color:#fff6;font-size:12px}.match-history-versus{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:10px}.match-history-player{color:#ffffffe6;flex:1 1;font-size:15px;font-weight:600}.match-history-player.me{color:#0fa;text-align:right}.match-history-player.rival{color:#ffffffb3;text-align:left}.match-history-vs{color:#ffffff4d;font-size:12px;font-weight:700}.match-history-score{background:#0000004d;border-radius:8px;color:#fff;font-size:20px;font-weight:800;letter-spacing:2px;min-width:60px;padding:4px 14px;text-align:center}.match-history-stats{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.match-history-stat{align-items:center;color:#ffffff80;display:flex;font-size:12px;gap:5px}.match-history-stat .stat-value{color:#fffc;font-weight:600}.match-history-stat .stat-label{font-size:11px}.match-history-detail{animation:matchDetailFadeIn .2s ease;border-top:1px solid #ffffff12;margin-top:12px;padding-top:12px}@keyframes matchDetailFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.match-detail-grid{grid-gap:8px;display:grid;font-size:13px;gap:8px;grid-template-columns:1fr auto 1fr}.match-detail-label{color:#ffffff59;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 0;text-align:center;text-transform:uppercase}.match-detail-row{display:contents}.match-detail-row .me-val{color:#fffc;padding:3px 8px;text-align:right}.match-detail-row .rival-val{color:#fff9;padding:3px 8px;text-align:left}.match-detail-row .detail-label{color:#fff6;font-size:11px;padding:3px 4px;text-align:center}.match-history-forfeit{color:#ffa500b3;font-size:11px;margin-top:6px;text-align:center}.match-history-pagination-v2{flex-wrap:wrap;gap:6px;padding:24px 0 8px}.match-history-pagination-v2,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background:#002a2f99;border:1px solid #00ffaa1f;border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:600;height:38px;transition:all .2s ease;width:38px}.pagination-btn:hover:not(:disabled):not(.active){background:#00ffaa1f;border-color:#00ffaa4d;color:#0fa;transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(145deg,#00ffaa40,#00c88c26);border-color:#0fa;box-shadow:0 0 14px #0fa3;color:#0fa;font-weight:800}.pagination-btn:disabled{cursor:not-allowed;opacity:.25}.pagination-arrow{font-size:18px;font-weight:400}.pagination-dots{color:#ffffff4d;font-size:16px;text-align:center;-webkit-user-select:none;user-select:none;width:24px}.match-history-empty{color:#fff6;padding:60px 20px;text-align:center}.match-history-empty .empty-icon{font-size:48px;margin-bottom:16px}.match-history-empty h3{color:#fff9;font-size:18px;margin-bottom:8px}.match-history-empty p{font-size:14px;line-height:1.5}.match-history-loading{color:#fff6;font-size:14px;padding:40px;text-align:center}.match-history-summary{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;max-width:1120px;padding:0 16px;width:100%}.match-summary-item{background:#002a2f80;border:1px solid #00ffaa14;border-radius:10px;padding:12px 8px;text-align:center}.match-summary-value{color:#0fa;display:block;font-size:20px;font-weight:800}.match-summary-label{color:#fff6;display:block;font-size:11px;letter-spacing:.3px;margin-top:4px;text-transform:uppercase}.match-history-trend-card{background:linear-gradient(145deg,#002a2f99,#00191cd9);border:1px solid #00ffaa1a;border-radius:16px;box-sizing:border-box;margin:0;max-width:100%;padding:22px 24px 18px;width:100%}.match-history-trend-header{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.match-history-trend-header h3{color:#ffffffeb;font-size:16px;font-weight:700;margin:0}.match-history-trend-header span{color:#ffffff80;font-size:12px}.match-history-trend-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.trend-metric-item{background:#0003;border:1px solid #00ffaa1f;border-radius:10px;padding:10px 12px;text-align:center}.trend-metric-label{color:#ffffff73;display:block;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase}.trend-metric-value{color:#0fa;display:block;font-size:18px;font-weight:700;margin-top:3px}.match-history-trend-chart-wrap{position:relative;width:100%}.match-history-trend-chart{display:block;height:auto;width:100%}.trend-axis{stroke:#ffffff2e;stroke-width:1}.trend-grid{stroke:#ffffff0f;stroke-width:1;stroke-dasharray:4 4}.trend-y-label-new{fill:#ffffff80;font-size:13px;font-weight:600}.trend-x-label{fill:#fff6;font-size:12px;font-weight:500}.trend-line-new{fill:none;stroke:#0fa;stroke-width:2.8;stroke-linejoin:round;stroke-linecap:round}.trend-point-new{fill:#00ffaab3;stroke:#001214cc;stroke-width:1.5;transition:r .15s ease}.trend-point-new:hover{fill:#0fa;r:7}.trend-key-point.best{fill:#0fa;stroke:#001214e6;stroke-width:2}.trend-key-point.worst{fill:#ff4d6a;stroke:#001214e6;stroke-width:2}.trend-key-point.last{fill:#00d4ff;stroke:#001214e6;stroke-width:2}.trend-key-label{stroke:#001214f2;stroke-width:3px;font-size:14px;font-weight:800;paint-order:stroke}.trend-key-label.best{fill:#0fa}.trend-key-label.worst{fill:#ff4d6a}.trend-key-label.last{fill:#00d4ff}.trend-hover-line{stroke:#fff3;stroke-width:1;stroke-dasharray:4 3}.trend-hover-dot{fill:#fff;stroke:#0fa;stroke-width:2.5}.trend-tooltip{pointer-events:none;position:absolute;transform:translate(-50%,-120%);z-index:20}.trend-tooltip-inner{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#001216f0;border:1px solid #0fa6;border-radius:10px;box-shadow:0 6px 24px #00000080;display:flex;flex-direction:column;gap:2px;padding:8px 14px;white-space:nowrap}.trend-tooltip-avg{color:#0fa;font-size:20px;font-weight:800;line-height:1.2}.trend-tooltip-date{color:#fff9;font-size:12px}.trend-tooltip-matches{color:#fff6;font-size:11px}.match-history-trend-empty{border:1px dashed #0fa3;border-radius:12px;box-sizing:border-box;color:#ffffff8c;font-size:13px;margin:0;max-width:100%;padding:12px 14px;text-align:center;width:100%}@media (max-width:980px){.match-history-main-column-v2{max-width:100%}}@media (max-width:480px){.match-history-summary{grid-template-columns:repeat(2,1fr)}.match-history-trend-metrics{grid-template-columns:1fr}.match-history-versus{gap:8px}.match-history-player{font-size:13px}.match-history-score{font-size:17px;min-width:50px;padding:3px 10px}.match-history-stats{gap:10px}.match-detail-grid{font-size:12px}.pagination-btn{border-radius:8px;font-size:13px;height:34px;width:34px}.match-history-pagination-v2{gap:4px}.match-history-trend-card{padding:14px 12px}.trend-metric-value{font-size:16px}}.mechanics-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:700px;min-height:100vh;padding:40px 20px 20px;width:100%}.mechanics-header{margin-bottom:32px;text-align:center;width:100%}.mechanics-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mechanics-back-btn{align-items:center;background:#00c6cf26;border:1.5px solid #00c6cf99;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;letter-spacing:.3px;padding:8px 18px;text-shadow:0 0 10px #00c6cf66;transition:all .3s ease}.mechanics-back-btn:hover{background:#00c6cf59;border-color:#00e5ef;transform:translateX(-3px)}.mechanics-history-btn{background:#9b59b626;border:1.5px solid #9b59b699;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:all .3s ease}.mechanics-history-btn:hover{background:#9b59b659}.mechanics-history-btn.full{font-size:16px;margin-top:20px;padding:14px;width:100%}.mechanics-header-icon{filter:drop-shadow(0 0 20px rgba(0,198,207,.5));font-size:64px;margin-bottom:12px}.mechanics-title{color:#fff;font-size:28px;margin:0 0 8px;text-shadow:0 0 20px #00c6cf80}.mechanics-subtitle{color:#fff9;font-size:15px;margin:0}.mechanics-error{align-items:center;background:#e74c3c26;border:1px solid #e74c3c66;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px 20px;width:100%}.mechanics-error span{flex-shrink:0;font-size:24px}.mechanics-error p{color:#e74c3c;font-size:14px;margin:0}.mechanics-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.mechanics-loading p{color:#fff9;font-size:16px}.mechanics-spinner{animation:mechanics-spin .8s linear infinite;border:3px solid #00c6cf33;border-radius:50%;border-top-color:#00c6cf;height:40px;width:40px}.mechanics-spinner.large{border-width:4px;height:60px;width:60px}@keyframes mechanics-spin{to{transform:rotate(1turn)}}.mechanics-instructions{width:100%}.mechanics-instruction-card{align-items:flex-start;background:linear-gradient(145deg,#1e1e1ee6,#141414f2);border:1px solid #ffffff1a;border-radius:14px;display:flex;gap:16px;margin-bottom:12px;padding:20px}.mechanics-instruction-step{align-items:center;background:linear-gradient(135deg,#00c6cf,#009da5);border-radius:50%;color:#000;display:flex;flex-shrink:0;font-size:16px;font-weight:800;height:36px;justify-content:center;width:36px}.mechanics-instruction-content h3{color:#fff;font-size:16px;margin:0 0 4px}.mechanics-instruction-content p{color:#fff9;font-size:14px;line-height:1.5;margin:0}.mechanics-instruction-tips{background:#00c6cf14;border:1px solid #00c6cf33;border-radius:14px;margin:20px 0 24px;padding:20px}.mechanics-instruction-tips h4{color:#00c6cf;font-size:15px;margin:0 0 12px}.mechanics-instruction-tips ul{list-style:none;margin:0;padding:0 0 0 20px}.mechanics-instruction-tips li{color:#ffffffb3;font-size:13px;padding:4px 0;position:relative}.mechanics-instruction-tips li:before{color:#00c6cf;content:"•";left:-16px;position:absolute}.mechanics-start-btn{background:linear-gradient(135deg,#00c6cf,#009da5);border:none;border-radius:14px;color:#000;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:.5px;padding:16px 24px;transition:all .3s ease;width:100%}.mechanics-start-btn:hover{box-shadow:0 8px 32px #00c6cf66;transform:translateY(-2px)}.mechanics-cooldown-note{color:#fff6;font-size:13px;margin-top:12px;text-align:center}.mechanics-camera{width:100%}.mechanics-video-wrapper{aspect-ratio:16/9;background:#000;border:2px solid #ffffff1a;border-radius:16px;overflow:hidden;position:relative;width:100%}.mechanics-video{height:100%;object-fit:cover;width:100%}.mechanics-camera-actions{margin-top:20px;text-align:center}.mechanics-camera-hint{color:#fff9;font-size:14px;margin:0 0 16px}.mechanics-record-btn{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;gap:10px;padding:16px 40px;transition:all .3s ease}.mechanics-record-btn:hover{box-shadow:0 0 30px #e74c3c80;transform:scale(1.05)}.mechanics-record-dot{animation:mechanics-pulse-dot 1.5s ease infinite;background:#fff;border-radius:50%;height:14px;width:14px}@keyframes mechanics-pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.mechanics-countdown-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:10}.mechanics-countdown-number{animation:mechanics-countdown-pop 1s ease infinite;color:#00c6cf;font-size:120px;font-weight:900;text-shadow:0 0 40px #00c6cf99}@keyframes mechanics-countdown-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.mechanics-countdown-overlay p{color:#fffc;font-size:18px;margin-top:12px}.mechanics-recording-indicator{align-items:center;background:#e74c3ce6;border-radius:20px;color:#fff;display:flex;font-size:13px;font-weight:700;gap:8px;left:16px;padding:8px 16px;position:absolute;top:16px;z-index:10}.mechanics-rec-dot{animation:mechanics-rec-blink 1s ease infinite;background:#fff;border-radius:50%;height:10px;width:10px}@keyframes mechanics-rec-blink{0%,to{opacity:1}50%{opacity:0}}.mechanics-progress-bar-bg{background:#ffffff1a;border-radius:3px;height:6px;margin-top:12px;overflow:hidden;width:100%}.mechanics-progress-bar-fill{background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:3px;height:100%;transition:width .1s linear}.mechanics-review{text-align:center;width:100%}.mechanics-review-title{color:#fff;font-size:22px;margin:0 0 16px}.mechanics-review-hint{color:#fff9;font-size:14px;margin:16px 0 20px}.mechanics-review-actions{display:flex;gap:12px;width:100%}.mechanics-retry-btn{background:#ffffff14;border:1.5px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.mechanics-retry-btn:hover{background:#ffffff26;border-color:#fff6}.mechanics-send-btn{background:linear-gradient(135deg,#00c6cf,#009da5);border:none;border-radius:12px;color:#000;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:14px;transition:all .3s ease}.mechanics-send-btn:hover{box-shadow:0 8px 32px #00c6cf66;transform:translateY(-2px)}.mechanics-uploading{flex-direction:column;min-height:50vh;text-align:center;width:100%}.mechanics-uploading,.mechanics-uploading-animation{align-items:center;display:flex;justify-content:center}.mechanics-uploading-animation{height:100px;margin-bottom:24px;position:relative;width:100px}.mechanics-uploading-animation .mechanics-spinner{height:100px;inset:0;position:absolute;width:100px}.mechanics-uploading-icon{animation:mechanics-uploading-pulse 2s ease infinite;font-size:40px;z-index:1}@keyframes mechanics-uploading-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mechanics-uploading h2{color:#fff;font-size:22px;margin:0 0 8px}.mechanics-uploading p{color:#ffffff80;font-size:14px;margin:0 0 32px}.mechanics-uploading-steps{display:flex;flex-direction:column;gap:12px;max-width:280px;width:100%}.mechanics-uploading-step{align-items:center;animation:mechanics-step-cascade 3s ease infinite;background:#ffffff08;border-radius:10px;color:#ffffff4d;display:flex;font-size:14px;gap:10px;padding:10px 16px;transition:all .5s ease}.mechanics-uploading-step:first-child{animation-delay:0s}.mechanics-uploading-step:nth-child(2){animation-delay:1s}.mechanics-uploading-step:nth-child(3){animation-delay:2s}@keyframes mechanics-step-cascade{0%,30%{background:#ffffff08;color:#ffffff4d}35%,65%{background:#00c6cf1a;color:#00c6cf}70%,to{background:#ffffff08;color:#ffffff4d}}.mechanics-results-header{margin-bottom:24px;text-align:center;width:100%}.mechanics-results-header h2{color:#fff;font-size:24px;margin:0}.mechanics-results{width:100%}.mechanics-overall{align-items:center;background:linear-gradient(145deg,#1e1e1ee6,#141414f2);border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:20px;margin-bottom:24px;padding:24px}.mechanics-overall-score{align-items:center;border:3px solid;border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;height:80px;justify-content:center;width:80px}.mechanics-overall-number{color:#fff;font-size:36px;font-weight:900;line-height:1}.mechanics-overall-max{color:#fff6;font-size:14px}.mechanics-overall-info{display:flex;flex-direction:column;gap:8px}.mechanics-level-badge{border-radius:20px;color:#000;display:inline-block;font-size:14px;font-weight:700;padding:5px 14px;width:-webkit-fit-content;width:fit-content}.mechanics-overall-date{color:#fff6;font-size:13px}.mechanics-scores{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.mechanics-score-row{background:linear-gradient(145deg,#1e1e1eb3,#141414cc);border:1px solid #ffffff0f;border-radius:12px;padding:16px}.mechanics-score-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.mechanics-score-icon{flex-shrink:0;font-size:20px}.mechanics-score-label{color:#fff;flex:1 1;font-size:15px;font-weight:600}.mechanics-score-value{font-size:20px;font-weight:800}.mechanics-score-bar-bg{background:#ffffff14;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.mechanics-score-bar-fill{border-radius:3px;height:100%;transition:width .8s ease}.mechanics-score-detail{color:#ffffff8c;font-size:13px;font-style:italic;line-height:1.5;margin:0}.mechanics-tips{background:#00c6cf0f;border:1px solid #00c6cf26;border-radius:14px;margin-bottom:24px;padding:20px}.mechanics-tips-title{color:#00c6cf;font-size:17px;margin:0 0 16px}.mechanics-tip-item{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.mechanics-tip-item:last-child{margin-bottom:0}.mechanics-tip-number{align-items:center;background:#00c6cf33;border-radius:50%;color:#00c6cf;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.mechanics-tip-text{color:#ffffffbf;font-size:14px;line-height:1.6;margin:0}.mechanics-feedback{background:linear-gradient(145deg,#1e1e1eb3,#141414cc);border:1px solid #ffffff14;border-radius:14px;margin-bottom:16px;padding:20px;text-align:center}.mechanics-feedback-question{color:#ffffffb3;font-size:15px;margin:0 0 16px}.mechanics-feedback-buttons{display:flex;gap:12px;justify-content:center}.mechanics-feedback-btn{background:#0000;border:1.5px solid;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.mechanics-feedback-btn.positive{border-color:#2ecc7180}.mechanics-feedback-btn.positive:hover{background:#2ecc7133;border-color:#2ecc71}.mechanics-feedback-btn.negative{border-color:#e74c3c80}.mechanics-feedback-btn.negative:hover{background:#e74c3c33;border-color:#e74c3c}.mechanics-feedback-thanks{background:#2ecc7114;border-radius:12px;color:#2ecc71;font-size:14px;margin-bottom:16px;padding:16px;text-align:center}.mechanics-disclaimer{border-top:1px solid #ffffff0d;color:#ffffff4d;font-size:12px;margin-top:8px;padding:16px;text-align:center}.mechanics-results-actions{margin-top:24px;padding-bottom:40px;width:100%}.mechanics-back-to-menu-btn{background:#00c6cf26;border:1.5px solid #00c6cf80;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.mechanics-back-to-menu-btn:hover{background:#00c6cf4d}.mechanics-cooldown{text-align:center;width:100%}.mechanics-cooldown-icon{font-size:64px;margin-bottom:16px}.mechanics-cooldown h2{color:#fff;font-size:22px;margin:0 0 8px}.mechanics-cooldown>p{color:#ffffff80;font-size:14px;margin:0 0 24px}.mechanics-last-result{text-align:left}.mechanics-last-result h3{color:#fff9;font-size:15px;margin:0 0 16px;text-align:center}.mechanics-history{width:100%}.mechanics-history-empty{color:#fff6;padding:60px 20px;text-align:center}.mechanics-history-empty span{display:block;font-size:48px;margin-bottom:16px}.mechanics-history-list{display:flex;flex-direction:column;gap:10px}.mechanics-history-item{align-items:center;background:linear-gradient(145deg,#1e1e1ee6,#141414f2);border:1px solid #ffffff14;border-radius:14px;color:#fff;cursor:pointer;display:flex;gap:16px;padding:16px 20px;text-align:left;transition:all .3s ease;width:100%}.mechanics-history-item:hover{border-color:#00c6cf4d;transform:translateY(-1px)}.mechanics-history-score{align-items:center;border:2.5px solid;border-radius:50%;display:flex;flex-shrink:0;font-size:22px;font-weight:800;height:48px;justify-content:center;width:48px}.mechanics-history-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.mechanics-history-level{font-size:15px;font-weight:700}.mechanics-history-date{color:#fff6;font-size:13px}.mechanics-history-arrow{color:#ffffff4d;font-size:20px}@media (max-width:480px){.mechanics-container{padding:24px 16px 16px}.mechanics-title{font-size:24px}.mechanics-header-icon{font-size:48px}.mechanics-instruction-card{padding:16px}.mechanics-overall{padding:18px}.mechanics-overall-score{height:64px;width:64px}.mechanics-overall-number{font-size:28px}.mechanics-countdown-number{font-size:80px}.mechanics-feedback-buttons{flex-direction:column}.mechanics-feedback-btn{width:100%}}.error-boundary-container{align-items:center;background:linear-gradient(135deg,#0a1628,#0d1f2d 50%,#0a1628);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-card{background:linear-gradient(145deg,#002a2fcc,#001a1ff2);border:1px solid #ef44444d;border-radius:24px;box-shadow:0 0 40px #ef44441a,0 20px 60px #0006;max-width:480px;padding:48px 40px;text-align:center;width:100%}.error-boundary-icon{font-size:56px;margin-bottom:16px}.error-boundary-title{color:#fff;font-size:24px;font-weight:800;margin:0 0 12px}.error-boundary-message{color:#ffffffa6;font-size:15px;line-height:1.6;margin:0 0 28px}.error-boundary-details{border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;overflow:hidden;text-align:left}.error-boundary-details summary{background:#ffffff08;color:#ffffff80;cursor:pointer;font-size:13px;padding:10px 16px}.error-boundary-details pre{background:#0000004d;color:#ef4444;font-size:11px;margin:0;max-height:200px;overflow-x:auto;overflow-y:auto;padding:12px 16px;white-space:pre-wrap;word-break:break-word}.error-boundary-actions{display:flex;gap:12px;justify-content:center}.error-boundary-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:6px;justify-content:center;padding:14px 24px;transition:all .2s ease}.error-boundary-btn.primary{background:linear-gradient(135deg,#00c6cf,#00a8b5);box-shadow:0 4px 20px #00c6cf4d;color:#000}.error-boundary-btn.primary:hover{box-shadow:0 6px 25px #00c6cf66;transform:translateY(-2px)}.error-boundary-btn.secondary{background:#ffffff14;border:1px solid #ffffff26;color:#ffffffb3}.error-boundary-btn.secondary:hover{background:#ffffff1f;color:#fff}@media (max-width:600px){.error-boundary-card{padding:32px 24px}.error-boundary-icon{font-size:44px}.error-boundary-title{font-size:20px}.error-boundary-actions{flex-direction:column}.error-boundary-btn{width:100%}}:root{--primary-color:#3f8be1;--secondary-color:gold;--background-color:#f5f5f5;--text-color:#333;--accent-color:#ff6f61;--font-family-base:"Inter","Segoe UI",Arial,sans-serif;--font-family-title:"Montserrat","Segoe UI",Arial,sans-serif;--font-family-mono:"Fira Mono","Menlo","Monaco","Consolas",monospace}body{background-color:#f5f5f5;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Inter,Segoe UI,Arial,sans-serif;font-family:var(--font-family-base);line-height:1.6;margin:0}h1,h2,h3{color:#3f8be1;color:var(--primary-color);margin-bottom:.5rem}.menu-hamburguesa,h1,h2,h3,nav a{font-family:Montserrat,Segoe UI,Arial,sans-serif;font-family:var(--font-family-title);font-weight:700}.menu-hamburguesa,nav a{letter-spacing:1px}.code-block,code,pre{font-family:Fira Mono,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono)}button,div,input,li,p,span,textarea{font-family:Inter,Segoe UI,Arial,sans-serif;font-family:var(--font-family-base)}p{margin-bottom:1rem}
/*# sourceMappingURL=main.ba859385.css.map*/