:root{--azul: #2563eb;--azul-vivo: #3b82f6;--azul-claro: #60a5fa;--naranja: #f97316;--naranja-vivo: #fb923c;--fondo: #0a0e1a;--superficie: #141b2d;--superficie-alta: #1e2943;--superficie-tope: #2a3654;--borde: #2d3a57;--borde-vivo: #3d4d70;--texto: #f1f5f9;--texto-medio: #b8c5db;--texto-suave: #93a3bd;--e1: 4px;--e2: 8px;--e3: 12px;--e4: 16px;--e5: 24px;--e6: 32px;--oro: #fbbf24;--plata: #cbd5e1;--bronce: #f97316;--ok: #22c55e;--peligro: #ef4444;--r-sm: 10px;--r: 16px;--r-lg: 22px;--sombra: 0 4px 16px rgba(0, 0, 0, .4);--sombra-alta: 0 8px 30px rgba(0, 0, 0, .5);--glow-azul: 0 0 24px rgba(59, 130, 246, .35);--glow-naranja: 0 0 24px rgba(249, 115, 22, .35);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 0%,rgba(37,99,235,.13),transparent 45%),radial-gradient(circle at 85% 12%,rgba(249,115,22,.09),transparent 42%);pointer-events:none;z-index:0}.app{position:relative;z-index:1;max-width:680px;margin:0 auto;padding-bottom:92px}.cabecera{position:sticky;top:0;z-index:20;background:#0a0e1ae0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--borde);padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:12px}.marca{display:flex;align-items:center;gap:10px}.escudo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--azul) 0%,var(--azul-vivo) 100%);display:grid;place-items:center;font-size:20px;box-shadow:var(--glow-azul);flex-shrink:0}.marca h1{font-size:19px;margin:0;font-weight:800;letter-spacing:-.4px;line-height:1.1}.marca .lema{display:block;font-size:11px;color:var(--texto-suave);letter-spacing:1.4px;text-transform:uppercase;font-weight:600;line-height:1.3}.contenido{padding:18px}.conexion{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--texto-suave);background:var(--superficie);border:1px solid var(--borde);padding:6px 11px;border-radius:999px;white-space:nowrap}.punto{width:7px;height:7px;border-radius:50%;background:var(--texto-suave)}.punto.en-linea{background:var(--ok);box-shadow:0 0 10px var(--ok);animation:latido 2.4s ease-in-out infinite}@keyframes latido{0%,to{opacity:1}50%{opacity:.45}}.nav-inferior{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;background:#141b2df2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom)}.nav-inferior a{flex:1;padding:10px 4px;text-align:center;color:var(--texto-suave);text-decoration:none;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:62px;justify-content:center;position:relative;transition:color .15s}.nav-inferior a.activo{color:var(--azul-claro)}.nav-inferior a.activo:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:34px;height:3px;border-radius:0 0 3px 3px;background:var(--azul-vivo);box-shadow:var(--glow-azul)}.nav-inferior .icono{font-size:21px;line-height:1}.volver{display:inline-flex;align-items:center;gap:8px;background:var(--superficie);border:1px solid var(--borde);color:var(--texto-medio);font-size:14px;font-weight:600;padding:10px 16px;border-radius:999px;margin-bottom:16px;min-height:44px}.volver span[aria-hidden]{font-size:17px;line-height:1}.volver:active{background:var(--superficie-alta);transform:scale(.97)}.ayuda{display:flex;gap:10px;align-items:flex-start;background:#3b82f612;border:1px solid rgba(59,130,246,.18);border-radius:var(--r-sm);padding:12px 14px;margin-bottom:16px;font-size:13px;color:var(--texto-medio);line-height:1.5}.ayuda .icono-ayuda{font-size:16px;flex-shrink:0;line-height:1.3}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--sombra)}.tarjeta.destacada{background:linear-gradient(145deg,var(--superficie-alta),var(--superficie));border-color:var(--borde-vivo)}.tarjeta h2{margin:0 0 14px;font-size:20px;font-weight:800;letter-spacing:-.3px}.tarjeta h3{margin:0 0 14px;font-size:16px;font-weight:700}.podio{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;align-items:end}.podio-lugar{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r);padding:14px 8px;text-align:center;position:relative}.podio-lugar.p1{border-color:var(--oro);background:linear-gradient(160deg,rgba(251,191,36,.16),var(--superficie));padding-top:22px;padding-bottom:20px}.podio-lugar.p2{border-color:var(--plata);background:linear-gradient(160deg,rgba(203,213,225,.1),var(--superficie))}.podio-lugar.p3{border-color:var(--bronce);background:linear-gradient(160deg,rgba(249,115,22,.1),var(--superficie))}.podio-medalla{font-size:26px;line-height:1;margin-bottom:6px}.podio-nombre{font-size:13px;font-weight:700;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podio-valor{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.podio-lugar.p1 .podio-valor{color:var(--oro)}.podio-lugar.p2 .podio-valor{color:var(--plata)}.podio-lugar.p3 .podio-valor{color:var(--bronce)}.podio-unidad{font-size:10px;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.fila-jugador{display:flex;align-items:center;gap:13px;padding:13px 14px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-sm);margin-bottom:8px;text-decoration:none;color:inherit;transition:border-color .15s,transform .1s}.fila-jugador:active{transform:scale(.99);border-color:var(--borde-vivo)}.fila-jugador.atenuada{opacity:.48}.puesto-num{width:30px;flex-shrink:0;text-align:center;font-size:15px;font-weight:800;color:var(--texto-suave);font-variant-numeric:tabular-nums}.avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--azul),var(--azul-vivo))}.avatar.naranja{background:linear-gradient(135deg,var(--naranja),var(--naranja-vivo))}.fila-datos{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.fila-nombre{display:block;font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.fila-detalle{display:block;font-size:12px;color:var(--texto-suave);line-height:1.4}.fila-valor .numero,.fila-valor .unidad,.podio-valor,.podio-unidad{display:block}.fila-valor{text-align:right;flex-shrink:0}.fila-valor .numero{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--azul-claro)}.fila-valor .unidad{font-size:10px;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.6px;font-weight:600}.pastillas{display:flex;gap:9px;overflow-x:auto;padding:4px 0 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pastillas::-webkit-scrollbar{display:none}.pastilla{flex-shrink:0;padding:10px 17px;border-radius:999px;border:1px solid var(--borde);background:var(--superficie);color:var(--texto-medio);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;min-height:42px}.pastilla.activa{background:linear-gradient(135deg,#1d4ed8,var(--azul));border-color:var(--azul-vivo);color:#fff;box-shadow:var(--glow-azul)}label{display:block;margin-bottom:16px;font-size:13px;font-weight:600;color:var(--texto-medio)}input,select,textarea{width:100%;margin-top:7px;padding:14px;background:var(--fondo);border:1.5px solid var(--borde);border-radius:var(--r-sm);color:var(--texto);font-size:16px;font-family:inherit;font-weight:500}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--azul-vivo);box-shadow:0 0 0 3px #3b82f629}button{padding:14px 20px;border:none;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--azul),var(--azul-vivo));color:#fff;font-size:15px;font-weight:700;cursor:pointer;min-height:50px;font-family:inherit;transition:transform .1s,opacity .15s}button:active{transform:scale(.97)}button:disabled{opacity:.35;cursor:not-allowed}button.secundario{background:var(--superficie-alta);color:var(--texto);border:1px solid var(--borde)}button.naranja{background:linear-gradient(135deg,var(--naranja),var(--naranja-vivo));color:#1a0f03;box-shadow:var(--glow-naranja)}button.peligro{background:var(--peligro)}button.ancho{width:100%}button.grande{min-height:62px;font-size:17px;border-radius:var(--r)}.botonera{display:flex;gap:9px;flex-wrap:wrap}.chip{padding:11px 16px;border-radius:999px;border:1.5px solid var(--borde);background:var(--superficie);color:var(--texto-medio);font-size:14px;font-weight:600;min-height:44px;cursor:pointer}.chip.activo{background:linear-gradient(135deg,#1d4ed8,var(--azul));border-color:var(--azul-vivo);color:#fff}.chip.naranja.activo{background:linear-gradient(135deg,var(--naranja),var(--naranja-vivo));border-color:var(--naranja-vivo);color:#1a0f03}.chip.tenue{opacity:.32}.chip.ancho{width:100%;border-radius:var(--r-sm);padding:var(--e3) var(--e4)}.aviso{padding:13px 16px;border-radius:var(--r-sm);margin-bottom:14px;font-size:14px;border:1px solid;display:flex;gap:10px;align-items:flex-start}.aviso.error{background:#ef44441f;border-color:#ef444466;color:#fca5a5}.aviso.exito{background:#22c55e1f;border-color:#22c55e66;color:#86efac}.aviso.info{background:#3b82f61a;border-color:#3b82f64d;color:var(--azul-claro)}.marcador{display:flex;align-items:center;justify-content:space-between;gap:var(--e3);padding:var(--e4) 0}.equipo-nombre{flex:1;min-width:0;font-size:15px;font-weight:700;text-align:center;overflow-wrap:anywhere}.equipo-nombre.derecha{text-align:center}.goles{flex-shrink:0;font-size:42px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-1.5px;padding:0 var(--e1)}.marcador-jugadores{display:flex;align-items:flex-start;gap:var(--e3);font-size:12px;color:var(--texto-suave);line-height:1.5;padding-top:var(--e3);border-top:1px solid var(--borde)}.marcador-jugadores>span:first-child{flex:1;text-align:center}.marcador-jugadores>span:last-child{flex:1;text-align:center}.marcador-jugadores .divisor{width:1px;align-self:stretch;background:var(--borde);flex:0 0 1px}.goleadores{display:flex;flex-direction:column;gap:5px;align-items:center}.goleador{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--texto-medio);line-height:1.3}.icono-gol{font-size:13px;line-height:1;flex-shrink:0}.marcador.compacto{padding:var(--e2) 0}.marcador.compacto .goles{font-size:24px;letter-spacing:-.5px}.marcador.compacto .equipo-nombre{font-size:14px}.destacado{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--azul-claro)}.grupo-equipo{background:var(--superficie-alta);border:1px solid var(--borde);border-radius:var(--r-sm);padding:var(--e3)}.grupo-equipo-titulo{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--azul-claro);padding-bottom:var(--e2);margin-bottom:var(--e2);border-bottom:1px solid var(--borde)}.jugador-lista{display:flex;align-items:center;gap:var(--e2);padding:6px 0;font-size:14px}.jugador-lista-nombre{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nombres-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--e3)}.nombre-chip{background:var(--superficie-alta);border:1px solid var(--borde);border-radius:999px;padding:5px 11px;font-size:13px;color:var(--texto-medio)}.cruce{display:flex;align-items:center;gap:var(--e2)}.cruce-equipo{flex:1;min-width:0;margin-top:0;padding:11px 10px;font-size:14px;font-weight:600;text-align:center;text-align-last:center}.cruce-equipo.fijo{background:var(--fondo);border:1.5px solid var(--borde);border-radius:var(--r-sm);color:var(--texto-medio);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cruce-pendiente{padding:13px 14px;background:var(--fondo);border:1.5px dashed var(--borde);border-radius:var(--r-sm);font-size:13px;color:var(--texto-suave);text-align:center}.cruce .vs{flex-shrink:0;font-size:13px;font-weight:800;color:var(--texto-suave);letter-spacing:.5px}.columnas-equipos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--e3);margin-bottom:var(--e3);align-items:start}.columna-equipo{margin-bottom:0;padding:var(--e3)}.jugador-equipo{display:flex;flex-direction:column;gap:5px;padding:8px;background:var(--fondo);border:1px solid var(--borde);border-radius:var(--r-sm);margin-bottom:6px}.jugador-equipo-nombre{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jugador-equipo .roles{display:flex;gap:4px}.rol{background:var(--superficie-alta);border:1px solid var(--borde);border-radius:var(--r-sm);padding:0;flex:1;min-height:38px;font-size:15px;opacity:.4}.rol.activo{opacity:1;background:linear-gradient(135deg,var(--naranja),var(--naranja-vivo));border-color:var(--naranja-vivo)}.rol.quitar{opacity:.55;font-size:14px;color:var(--texto-suave)}.rol:active{transform:scale(.94)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#05080fd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--e4);padding-bottom:max(var(--e4),env(safe-area-inset-bottom));animation:aparecer .15s ease-out}.modal{width:100%;max-width:520px;background:var(--superficie);border:1px solid var(--borde-vivo);border-radius:var(--r-lg);padding:var(--e5) var(--e4) var(--e4);box-shadow:var(--sombra-alta);animation:subir .2s cubic-bezier(.2,.8,.3,1);max-height:85vh;overflow-y:auto}.modal h3{margin:0 0 var(--e2);font-size:19px}.modal .subtitulo{color:var(--texto-suave);font-size:14px;margin:0 0 var(--e4)}.opcion-modal{width:100%;min-height:64px;margin-bottom:var(--e2);font-size:17px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;gap:var(--e2)}@keyframes aparecer{0%{opacity:0}to{opacity:1}}@keyframes subir{0%{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.modal-fondo,.modal{animation:none}}.icono-editar{background:none;border:none;padding:6px 10px;min-height:40px;font-size:17px;color:var(--texto-suave);cursor:pointer;border-radius:var(--r-sm)}.icono-editar:active{background:var(--superficie-alta)}.cargando,.vacio{text-align:center;padding:48px 20px;color:var(--texto-suave)}.vacio .emoji{font-size:46px;display:block;margin-bottom:14px;opacity:.5}.suave{color:var(--texto-suave);font-size:13px}.fila-entre{display:flex;justify-content:space-between;align-items:center;gap:12px}.rejilla-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dato{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r);padding:16px}.dato .etiqueta{font-size:11px;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.9px;font-weight:700;margin-bottom:5px}.dato .valor{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.dato .valor.azul{color:var(--azul-claro)}.dato .valor.naranja{color:var(--naranja-vivo)}.dato .pie{font-size:12px;color:var(--texto-suave);margin-top:3px}.pasos{display:flex;gap:8px;margin-bottom:20px}.paso{flex:1;height:4px;border-radius:2px;background:var(--superficie-alta)}.paso.hecho{background:var(--azul-vivo)}.paso.actual{background:var(--naranja);box-shadow:var(--glow-naranja)}.titulo-paso{font-size:22px;font-weight:800;letter-spacing:-.4px;margin:0 0 6px}.subtitulo-paso{color:var(--texto-suave);font-size:14px;margin:0 0 20px}@keyframes entrada{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.anima{animation:entrada .25s ease-out}@keyframes destello{0%{background:#f973164d}to{background:transparent}}.nuevo{animation:destello 1.4s ease-out}@media(prefers-reduced-motion:reduce){.anima,.nuevo,.punto.en-linea{animation:none}}