:root{--fondo:#0d1117;--fondo-suave:#151b24;--tarjeta:#1a212c;--borde:#2a3441;--texto:#e8edf4;--texto-suave:#93a1b5;--verde:#2ecc71;--verde-oscuro:#229954;--ambar:#f0b429;--rojo:#e74c3c;--radio:12px;--sombra:0 4px 16px #00000059}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--texto);overscroll-behavior:none;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}#root{min-height:100vh}.app{max-width:720px;margin:0 auto;padding:0 16px 48px}.cabecera{justify-content:space-between;align-items:center;gap:12px;padding:20px 0 24px;display:flex}.marca{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.marca-escudo{background:linear-gradient(140deg, var(--verde), var(--verde-oscuro));border-radius:8px;place-items:center;width:30px;height:30px;font-size:1rem;display:grid}.quien{color:var(--texto-suave);text-align:right;font-size:.85rem}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);margin-bottom:16px;padding:20px}.tarjeta h2{margin:0 0 4px;font-size:1.1rem}.tarjeta .ayuda{color:var(--texto-suave);margin:0 0 16px;font-size:.88rem}label{color:var(--texto-suave);margin-bottom:14px;font-size:.85rem;display:block}input,select{background:var(--fondo-suave);border:1px solid var(--borde);width:100%;color:var(--texto);border-radius:8px;margin-top:6px;padding:11px 12px;font-family:inherit;font-size:1rem}input:focus,select:focus{outline:2px solid var(--verde);outline-offset:-1px;border-color:#0000}input::placeholder{color:#5d6b7f}.codigo-invitacion input{letter-spacing:.25em;text-align:center;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.3rem}button{cursor:pointer;background:var(--verde);color:#06120b;border:0;border-radius:8px;padding:11px 18px;font-family:inherit;font-size:1rem;font-weight:600;transition:filter .15s}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.5;cursor:progress}button.secundario{border:1px solid var(--borde);color:var(--texto);background:0 0}button.enlace{color:var(--verde);font-weight:500;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.acciones{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.aviso{border:1px solid;border-radius:8px;margin-bottom:14px;padding:11px 14px;font-size:.9rem}.aviso.error{color:#ffb4ab;background:#e74c3c1f;border-color:#e74c3c66}.aviso.bien{color:#9ae6b4;background:#2ecc711f;border-color:#2ecc7166}.lista{gap:10px;margin:0;padding:0;list-style:none;display:grid}.fila{text-align:left;background:var(--fondo-suave);border:1px solid var(--borde);width:100%;color:var(--texto);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:1rem;font-weight:400;display:flex}button.fila{cursor:pointer}button.fila:hover{border-color:var(--verde);filter:none}.fila-titulo{font-weight:600}.fila-detalle{color:var(--texto-suave);font-size:.82rem}.etiqueta{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:700}.etiqueta.pretemporada{color:var(--ambar);background:#f0b42926}.etiqueta.en-juego{color:var(--verde);background:#2ecc7126}.etiqueta.terminada{color:var(--texto-suave);background:#93a1b526}.etiqueta.comisario{color:var(--verde);background:#2ecc711f}.codigo-grande{letter-spacing:.3em;text-align:center;background:var(--fondo-suave);border:1px dashed var(--borde);color:var(--verde);-webkit-user-select:all;user-select:all;border-radius:10px;padding:18px 12px 18px .3em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:2rem;font-weight:700}.pestanas{background:var(--fondo-suave);border-radius:10px;gap:6px;margin-bottom:18px;padding:4px;display:flex}.pestanas button{color:var(--texto-suave);background:0 0;flex:1;padding:9px;font-size:.92rem}.pestanas button[aria-selected=true]{background:var(--tarjeta);color:var(--texto)}.vacio{color:var(--texto-suave);text-align:center;padding:28px 12px;font-size:.92rem}.cargando{color:var(--texto-suave);text-align:center;padding:48px 12px}.volver{color:var(--texto-suave);background:0 0;border:0;padding:0 0 12px;font-size:.9rem;font-weight:500}.pie{color:var(--texto-suave);text-align:center;padding-top:8px;font-size:.8rem}.ficha{background:var(--fondo-suave);border:1px solid var(--borde);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.retrato{background:var(--borde);border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:visible}.retrato.gk{background:#f0b4292e}.retrato.def{background:#3498db2e}.retrato.mid{background:#2ecc7129}.retrato.fwd{background:#e74c3c29}.retrato.coach{background:#9b59b62e}.retrato-foto{object-fit:cover;object-position:top center;border-radius:10px;width:44px;height:44px;display:block}.retrato-inicial{letter-spacing:.04em;color:var(--texto-suave);font-size:.68rem;font-weight:700}.retrato-escudo{background:var(--fondo);object-fit:contain;border-radius:50%;width:18px;height:18px;padding:1px;position:absolute;bottom:-4px;right:-4px}.posicion{letter-spacing:.04em;background:var(--borde);color:var(--texto-suave);border-radius:4px;margin-right:6px;padding:1px 5px;font-size:.68rem;font-weight:700}.posicion.gk{color:var(--ambar)}.posicion.def{color:#6cb6e8}.posicion.mid{color:var(--verde)}.posicion.fwd{color:#f1867a}.posicion.coach{color:#c39bd3}.visualmente-oculto{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ficha-datos{flex:auto;min-width:0}.ficha-nombre{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;display:block;overflow:hidden}.chincheta{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.chincheta.lesionado{background:var(--rojo)}.chincheta.sancionado{background:#c0392b}.chincheta.duda{background:var(--ambar)}.ficha-cifras{text-align:right;flex:none;line-height:1.25}.ficha-valor{font-size:.9rem;font-weight:700;display:block}.ficha-variacion{font-size:.72rem;display:block}.ficha-variacion.sube{color:var(--verde)}.ficha-variacion.baja{color:var(--rojo)}.ficha-accion{flex:none}button.fichar,button.vender{padding:7px 12px;font-size:.82rem}button.vender{border:1px solid var(--borde);color:var(--texto-suave);background:0 0}button.vender:hover:not(:disabled){border-color:var(--rojo);color:#f1867a;filter:none}.etiqueta.segunda{color:#c39bd3;background:#9b59b62e;margin-left:6px;padding:1px 6px;font-size:.62rem}.filtros{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 16px;display:flex}.filtros select{flex:0 auto;width:auto;margin-top:0;padding:8px 10px;font-size:.88rem}.casilla{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:.85rem;display:flex}.casilla input{width:auto;accent-color:var(--verde);margin:0}.marcadores{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.marcador{text-align:center;background:var(--fondo-suave);border:1px solid var(--borde);border-radius:10px;padding:10px 4px}.marcador-cifra{font-size:1.15rem;font-weight:700;display:block}.cabecera-liga{z-index:2;position:sticky;top:0}@media (width<=420px){.marcadores{grid-template-columns:repeat(2,1fr)}.retrato,.retrato-foto{width:40px;height:40px}}.ficha-datos .fila-detalle{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ficha-cifras{min-width:56px}.campo{border:1px solid var(--borde);border-radius:var(--radio);min-height:380px;box-shadow:var(--sombra);background:linear-gradient(#ffffff0a 0 12.5%,#0000 12.5% 25%,#ffffff0a 25% 37.5%,#0000 37.5% 50%,#ffffff0a 50% 62.5%,#0000 62.5% 75%,#ffffff0a 75% 87.5%,#0000 87.5% 100%),linear-gradient(160deg,#14532d,#0f3d22 60%,#0c3019);flex-direction:column;justify-content:space-around;gap:4px;margin-bottom:16px;padding:18px 8px;display:flex}.campo-linea{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hueco{width:68px;color:var(--texto);background:0 0;border:0;flex-direction:column;flex:0 auto;align-items:center;gap:4px;padding:6px 2px;font-weight:500;display:flex}.hueco:hover:not(:disabled){filter:brightness(1.15)}.hueco.eligiendo .hueco-retrato,.hueco.eligiendo .hueco-mas{outline:2px solid var(--verde);outline-offset:2px}.hueco-retrato{width:46px;height:46px;position:relative}.hueco-retrato img{object-fit:cover;object-position:top center;background:#00000040;border:2px solid #ffffff40;border-radius:50%;width:46px;height:46px}.hueco-escudo{padding:1px;position:absolute;bottom:-3px;right:-3px;background:var(--fondo)!important;object-fit:contain!important;border:0!important;border-radius:50%!important;width:18px!important;height:18px!important}.brazalete{background:var(--ambar);color:#21170a;border-radius:50%;place-items:center;width:19px;height:19px;font-size:.66rem;font-weight:800;display:grid;position:absolute;top:-4px;left:-4px}.brazalete.vice{color:#10161d;background:#93a1b5}.hueco-mas{color:#ffffff8c;background:#00000038;border:2px dashed #ffffff47;border-radius:50%;place-items:center;width:46px;height:46px;font-size:1.5rem;font-weight:300;display:grid}.hueco-nombre{text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #0009;max-width:68px;font-size:.7rem;line-height:1.15;overflow:hidden}.hueco.vacio .hueco-nombre{color:#ffffff8c}.selector{border-color:var(--verde)}.retrato-foto.mini{border-radius:8px;width:32px;height:32px}.banquillo .retrato-foto{border-radius:8px;flex:none;width:38px;height:38px}@media (width<=480px){.app{padding:0 10px 40px}.tarjeta{padding:16px 12px}.ficha{gap:8px;padding:9px 8px}.ficha-accion button{padding:7px 9px;font-size:.78rem}.codigo-grande{font-size:1.5rem}.hueco{width:58px}.hueco-nombre{max-width:58px;font-size:.65rem}.campo{padding:14px 4px}}.marcador.pendiente{border-color:#f0b42973}.marcador.pendiente .marcador-cifra{color:var(--ambar)}body{background:radial-gradient(circle at 15% -10%, #2a9a5e21, transparent 34rem), radial-gradient(circle at 95% 15%, #1c5c7b1c, transparent 32rem), var(--fondo)}.app-auth{max-width:1120px}.app-auth .cabecera{padding-block:28px 38px}.auth-shell{grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);align-items:center;gap:clamp(28px,6vw,88px);min-height:min(730px,100vh - 150px);padding-bottom:40px;display:grid}.auth-story{min-width:0}.auth-kicker,.auth-card-eyebrow,.lineup-eyebrow{color:#74d69f;letter-spacing:.16em;margin:0 0 12px;font-size:.7rem;font-weight:800}.auth-kicker{align-items:center;gap:9px;display:flex}.auth-kicker-dot{background:var(--verde);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #2ecc7121}.auth-story h1{letter-spacing:-.065em;max-width:650px;margin:0;font-size:clamp(2.7rem,5.8vw,5.2rem);line-height:.99}.auth-story h1 em{color:#61d88c;font-style:normal}.auth-lead{color:#b4c3ce;max-width:490px;margin:22px 0 26px;font-size:1.08rem;line-height:1.65}.auth-pitch{background:repeating-linear-gradient(90deg,#ffffff08 0 12.5%,#0000 12.5% 25%),linear-gradient(145deg,#145a37,#0d3d2b 75%);border:1px solid #83eba84d;border-radius:22px;max-width:560px;height:245px;position:relative;overflow:hidden;box-shadow:0 24px 55px #00000052,inset 0 1px #ffffff1f}.auth-pitch-lines{border:1px solid #dbffe15c;border-radius:3px;position:absolute;inset:16px}.auth-pitch-lines:before{content:"";border:1px solid #dbffe15c;border-radius:50%;width:88px;height:88px;position:absolute;top:calc(50% - 44px);left:calc(50% - 44px)}.auth-pitch-lines:after{content:"";border-inline:1px solid #dbffe15c;width:68px;height:100%;position:absolute;top:0;left:calc(50% - 34px)}.auth-pitch-caption{z-index:1;color:#e7ffe7;letter-spacing:.18em;font-size:.64rem;font-weight:800;position:absolute;top:27px;left:30px}.auth-pitch-players{position:absolute;inset:0}.auth-pitch-player{z-index:1;color:#12442c;background:#e8f5e8;border:2px solid #fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:.72rem;font-weight:900;display:grid;position:absolute;box-shadow:0 7px 18px #00000059}.auth-pitch-player.p1{top:35%;left:20%}.auth-pitch-player.p2{top:66%;left:20%}.auth-pitch-player.p3{top:25%;left:42%}.auth-pitch-player.p4{top:53%;left:42%}.auth-pitch-player.p5{top:38%;left:64%}.auth-pitch-player.p6{top:72%;left:68%}.auth-pitch-player.p7{top:52%;left:83%}.auth-pitch-score{z-index:2;background:#071e18d9;border:1px solid #ffffff3d;border-radius:12px;padding:10px 14px;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 8px 30px #00000040}.auth-pitch-score strong{font-size:.82rem}.auth-pitch-score span{color:#b9d5c4;font-size:.7rem}.auth-points{color:#aec1b4;flex-wrap:wrap;gap:13px 20px;margin-top:24px;font-size:.79rem;display:flex}.auth-points b{color:#65d890;margin-right:5px;font-size:.69rem}.auth-card{background:linear-gradient(155deg,#202b2a,#192228 65%);border-color:#33483d;border-radius:22px;margin:0;padding:clamp(24px,3vw,38px);position:relative;box-shadow:0 28px 75px #00000061}.auth-card-mark{color:#06351c;letter-spacing:-.06em;background:#2ecc71;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:20px;font-size:.87rem;font-weight:900;display:grid;box-shadow:0 8px 25px #2ecc7138}.auth-card-eyebrow{margin-bottom:5px}.auth-card h2{letter-spacing:-.045em;font-size:clamp(1.7rem,3vw,2.25rem)}.auth-card .auth-card-copy{color:#a8b9b2;margin:6px 0 22px;font-size:.91rem}.auth-tabs{background:#101a1b;border:1px solid #2d4138;margin-bottom:26px}.auth-tabs button[aria-selected=true]{color:#082713;background:#8fe5a6;box-shadow:0 2px 10px #0003}.auth-form label{color:#d2e0d8;font-weight:650}.auth-form input{background:#111b1d;border-color:#365044;min-height:48px}.auth-form input::placeholder{color:#789084}.auth-password{display:block;position:relative}.auth-password input{padding-right:85px}.auth-password-toggle{color:#8fdfa9;background:0 0;padding:5px 7px;font-size:.76rem;position:absolute;top:15px;right:10px}.auth-submit{background:linear-gradient(110deg,#71dc91,#2ecc71);border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:50px;margin-top:10px;padding-inline:18px;display:flex;box-shadow:0 10px 24px #2ecc7129}.auth-submit span{font-size:1.3rem;line-height:1}.auth-footnote{color:#799488;text-align:center;margin:18px 0 0;font-size:.75rem}.lineup-overview{background:radial-gradient(circle at 100% 0,#45c26f29,#0000 45%),linear-gradient(140deg,#1b2b26,#19222c);border-color:#345d45;overflow:hidden}.lineup-overview-top,.lineup-section-heading,.lineup-field-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lineup-overview h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,3vw,2rem)}.lineup-status{color:#9ae6b4;white-space:nowrap;background:#2ecc7124;border-radius:999px;padding:6px 10px;font-size:.73rem;font-weight:750}.lineup-status.closed{color:var(--texto-suave);background:#93a1b526}.lineup-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.lineup-stats>div{background:#0716104d;border:1px solid #bcf3cc26;border-radius:11px;gap:2px;padding:13px 14px;display:grid}.lineup-stats strong{letter-spacing:-.04em;font-size:1.45rem;line-height:1.1}.lineup-stats small{color:#83bd9a;font-size:.83rem}.lineup-stats span{color:#9bb9a9;font-size:.74rem}.lineup-hint{color:#a8c7b3;margin:14px 0 0;font-size:.83rem}.lineup-section-heading{align-items:end;margin-bottom:14px}.lineup-section-heading h2,.lineup-field-heading h2{letter-spacing:-.025em;margin:0;font-size:1.15rem}.lineup-section-heading .lineup-eyebrow,.lineup-field-heading .lineup-eyebrow{margin-bottom:2px}.formation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}button.formation-option{text-align:left;color:#dbe8df;background:#151f20;border:1px solid #354439;border-radius:10px;gap:2px;min-width:0;padding:11px 10px;display:grid}.formation-option strong{letter-spacing:.02em;font-size:1.12rem}.formation-option span{color:#91a49a;font-size:.66rem;font-weight:500}button.formation-option.active{background:linear-gradient(125deg,#204e37,#1d392e);border-color:#78e29a;box-shadow:inset 0 0 0 1px #78e29a4d}.formation-option.active strong{color:#a4f2bb}.lineup-field-heading{align-items:end;margin:24px 4px 12px}.campo{background:repeating-linear-gradient(#ffffff0a 0 12.5%,#0000 12.5% 25%),linear-gradient(145deg,#1d6842,#124e35 55%,#103e30);border:2px solid #3b6f50;border-radius:18px;min-height:500px;padding:25px 8px;position:relative;box-shadow:0 20px 35px #00000040,inset 0 0 35px #00000029}.campo:before{content:"";pointer-events:none;border:1px solid #dfffe661;border-radius:3px;position:absolute;inset:13px}.campo:after{content:"";pointer-events:none;border-top:1px solid #dfffe645;position:absolute;top:50%;left:15%;right:15%}.campo-linea{z-index:1;flex-wrap:nowrap;gap:clamp(2px,1vw,9px);position:relative}.hueco{border-radius:10px;flex:1 1 0;min-width:0;max-width:82px;padding:5px 1px}.hueco.ocupado{background:#08281a3d}.hueco.eligiendo{background:#0622179e}.hueco-retrato,.hueco-retrato img,.hueco-mas{width:clamp(37px,6vw,51px);height:clamp(37px,6vw,51px)}.hueco-retrato img{border-color:#ffffff8f;box-shadow:0 5px 13px #0000003d}.hueco-mas{background:#0522165c}.hueco-nombre{max-width:100%;font-size:.72rem;font-weight:650}.lineup-leadership{border-color:#2e4241}.lineup-selects{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lineup-selects label{min-width:0}.lineup-bench-count{color:#9deab5;white-space:nowrap;font-size:.82rem;font-weight:700}.lineup-bench-slots{gap:8px;margin:0 0 20px;padding:0;list-style:none;display:grid}.lineup-bench-slot{background:#141e20;border:1px dashed #3a4d42;border-radius:11px;align-items:center;gap:11px;min-height:62px;padding:8px 10px;display:flex}.lineup-bench-slot.filled{background:#192820;border-style:solid}.lineup-bench-number{color:#adf0bf;background:#254f36;border-radius:8px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:.8rem;font-weight:800;display:grid}.lineup-bench-slot>img{object-fit:cover;border-radius:8px;width:38px;height:38px}.lineup-bench-info{flex:1;min-width:0;display:grid}.lineup-bench-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.lineup-bench-info small{color:#a0b7a8;font-size:.72rem}.lineup-bench-empty{color:#759083;font-size:.8rem}.lineup-bench-actions{gap:4px;display:flex}.lineup-bench-actions button{min-width:30px;padding:5px 7px}.lineup-bench-subheading{margin:5px 0 12px;font-size:.87rem}.lineup-save-bar{z-index:4;background:#172922;border:1px solid #477d57;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;padding:12px 14px;display:flex;position:sticky;bottom:12px;box-shadow:0 12px 35px #0006}.lineup-save-bar span{color:#bddac5;font-size:.83rem}@media (width<=700px){.auth-shell{flex-direction:column;gap:30px;min-height:0;display:flex}.auth-story h1{max-width:700px}.auth-pitch{max-width:none;height:200px}.auth-card{order:-1;width:100%;max-width:620px;margin-inline:auto}}@media (width<=560px){.app-auth .cabecera{padding-bottom:22px}.auth-story h1{font-size:clamp(2.5rem,12vw,4rem)}.auth-lead{margin:15px 0 20px;font-size:.93rem}.auth-pitch{height:170px}.auth-pitch-score{padding:6px 9px}.auth-pitch-score span{display:none}.auth-points{margin-top:15px}.auth-card{padding:24px 18px}.formation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}button.formation-option{padding:8px 5px}.formation-option strong{font-size:.92rem}.formation-option span{display:none}.lineup-overview-top,.lineup-section-heading,.lineup-field-heading{gap:8px}.lineup-field-heading>.fila-detalle,.lineup-section-heading>.fila-detalle{display:none}.lineup-stats{gap:5px}.lineup-stats>div{padding:10px 7px}.lineup-stats strong{font-size:1.17rem}.lineup-selects{grid-template-columns:1fr;gap:0}.campo{min-height:435px;padding:18px 3px}.campo:before{inset:8px}.hueco-retrato,.hueco-retrato img,.hueco-mas{width:38px;height:38px}.hueco-nombre{font-size:.58rem}.lineup-save-bar{bottom:5px}.lineup-save-bar span{display:none}.lineup-save-bar button{width:100%}}