:root{--text: #f2f6ff;--muted: rgba(228, 236, 252, .6);--accent: #ffd56b;--accent-2: #f59e0b;--ok: #4ade80;--bad: #fb7185;--primary: #6366f1;--glass: rgba(255, 255, 255, .07);--glass-strong: rgba(255, 255, 255, .12);--glass-inner: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .14);--border-soft: rgba(255, 255, 255, .08);--blur: blur(24px) saturate(180%);--blur-lite: blur(12px) saturate(160%);--hl: inset 0 1px 0 rgba(255, 255, 255, .22);--shadow: 0 10px 40px rgba(0, 0, 0, .35);--radius: 22px;--radius-sm: 16px;--page-bg: #070b1a;--surface: rgba(16, 21, 40, .98);--surface-nav: rgba(13, 17, 33, .88);--drawer: rgba(15, 20, 38, .97);--bg-grad: 1}[data-theme=light]{--text: #1f2937;--muted: rgba(31, 41, 55, .62);--accent: #d97706;--accent-2: #b45309;--ok: #16a34a;--bad: #e11d48;--glass: rgba(255, 255, 255, .72);--glass-strong: rgba(255, 255, 255, .9);--glass-inner: rgba(255, 255, 255, .55);--border: rgba(15, 23, 42, .12);--border-soft: rgba(15, 23, 42, .07);--hl: inset 0 1px 0 rgba(255, 255, 255, .7);--shadow: 0 10px 30px rgba(15, 23, 42, .12);--page-bg: #eef2f9;--surface: rgba(255, 255, 255, .98);--surface-nav: rgba(255, 255, 255, .82);--drawer: rgba(255, 255, 255, .98);--bg-grad: .35}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,SF Pro Display,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--page-bg);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-1;opacity:var(--bg-grad);background:radial-gradient(38% 38% at 18% 22%,rgba(99,102,241,.55),transparent 62%),radial-gradient(34% 34% at 82% 14%,rgba(236,72,153,.45),transparent 62%),radial-gradient(44% 44% at 78% 82%,rgba(56,189,248,.5),transparent 62%),radial-gradient(40% 40% at 22% 84%,rgba(251,191,36,.32),transparent 62%)}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2{letter-spacing:-.02em}input,select{background:#ffffff0f;border:1px solid var(--border);color:var(--text);border-radius:12px;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder{color:var(--muted);opacity:.7}input:focus,select:focus{outline:none;border-color:#ffd56bb3;box-shadow:0 0 0 4px #ffd56b2e;background:#ffffff1a}input:disabled{opacity:.45}select option{background:#131a30;color:var(--text)}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.contenedor{max-width:1140px;margin:0 auto;padding:28px 18px 70px}.cargando{text-align:center;padding:90px;color:var(--muted)}.page-head{margin-bottom:24px}.page-head h1{margin:0;font-size:32px;font-weight:800;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mundial-tag{font-size:12px;font-weight:700;letter-spacing:.4px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#2a1c02;padding:5px 12px;border-radius:999px;box-shadow:0 4px 14px #f59e0b66,var(--hl)}.page-sub{color:var(--muted);margin:8px 0 0;display:flex;align-items:center;gap:6px;font-size:15px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin:0 2px;box-shadow:0 0 #4ade8099;animation:pulse 1.6s infinite}.navbar,.auth-card,.grupo-card,.tabla-card,.admin-card,.podio-card,.resumen-item{background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow),var(--hl)}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:11px 18px;font-weight:600;box-shadow:0 6px 20px #6366f173,var(--hl);transition:transform .1s,filter .15s,box-shadow .15s}.btn-primary:hover{filter:brightness(1.12);box-shadow:0 8px 26px #6366f199,var(--hl)}.btn-primary:active{transform:translateY(1px) scale(.99)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;filter:none;box-shadow:none}.btn-primary.chico{padding:8px 14px;font-size:13px}.btn-ghost{background:var(--glass-inner);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:8px 14px}.btn-ghost:hover{background:var(--glass-strong)}.navbar{display:flex;align-items:center;gap:24px;padding:14px 24px;border-radius:0;border-left:none;border-right:none;border-top:none;position:sticky;top:0;z-index:20;background:var(--surface-nav)}.nav-brand{display:flex;align-items:center;gap:9px;color:var(--text)}.nav-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:18px;box-shadow:0 4px 14px #6366f173,var(--hl)}.nav-brand-text{font-weight:600;font-size:17px;letter-spacing:-.01em}.nav-brand-text b{font-weight:800}.nav-menu{display:flex;flex:1;align-items:center;gap:8px}.nav-links{display:flex;gap:4px;flex:1}.nav-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted);padding:8px 14px;border-radius:999px;font-weight:600;font-size:14px;transition:all .15s;position:relative}.nav-link:hover{color:var(--text);background:var(--glass-inner)}.nav-link.activo{color:var(--text);background:var(--glass-strong);box-shadow:var(--hl)}.nav-ico{font-size:15px;line-height:1}.nav-userhead,.nav-logout{display:none}.nav-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#2a1c02;font-weight:800;font-size:15px;flex-shrink:0;box-shadow:var(--hl)}.nav-avatar.grande{width:46px;height:46px;font-size:19px}.tema-btn{background:var(--glass-inner);border:1px solid var(--border);color:var(--text);border-radius:12px;width:40px;height:38px;font-size:16px;flex-shrink:0}.tema-btn:hover{background:var(--glass-strong)}.notif{position:relative;flex-shrink:0}.notif-btn{background:var(--glass-inner);border:1px solid var(--border);border-radius:12px;width:40px;height:38px;font-size:17px;position:relative}.notif-btn:hover{background:var(--glass-strong)}.notif-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;min-width:17px;height:17px;border-radius:999px;display:grid;place-items:center;padding:0 4px;box-shadow:0 0 0 2px #0d1121f2}.notif-panel{position:fixed;top:64px;right:12px;left:auto;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 84px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow),var(--hl);z-index:60;overflow:hidden;animation:pop .18s ease}.notif-head{padding:12px 14px;font-weight:700;font-size:12px;border-bottom:1px solid var(--border-soft);color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.notif-vacio{padding:22px 14px;text-align:center;color:var(--muted)}.notif-lista{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto}.notif-head,.notif-foot{flex-shrink:0}.notif-lista li{display:flex;align-items:center;gap:8px;padding:9px 8px;border-radius:10px;cursor:pointer;font-size:13px}.notif-lista li:hover{background:var(--glass-inner)}.notif-flag.flag-img{width:22px;height:16px}.notif-match{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.notif-cierra{color:var(--accent);font-weight:700;font-size:11px;white-space:nowrap}.notif-foot{width:100%;padding:11px;background:var(--glass-inner);border:none;border-top:1px solid var(--border-soft);color:var(--accent);font-weight:700;font-size:13px}.notif-foot:hover{background:var(--glass-strong)}.nav-user{display:flex;align-items:center;gap:12px;font-size:14px}.nav-toggle{display:none;position:relative;width:42px;height:38px;background:var(--glass-inner);border:1px solid var(--border);border-radius:12px}.nav-toggle:hover{background:var(--glass-strong)}.burger,.burger:before,.burger:after{position:absolute;left:50%;top:50%;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform .25s,opacity .2s}.burger{transform:translate(-50%,-50%)}.burger:before{content:"";transform:translate(-50%,-7px)}.burger:after{content:"";transform:translate(-50%,5px)}.nav-toggle.abierto .burger{background:transparent}.nav-toggle.abierto .burger:before{transform:translate(-50%,-1px) rotate(45deg);background:var(--accent)}.nav-toggle.abierto .burger:after{transform:translate(-50%,-1px) rotate(-45deg);background:var(--accent)}.auth-card{max-width:410px;margin:8vh auto;padding:38px;border-radius:var(--radius)}.auth-card h1{text-align:center;margin:0 0 4px;font-size:32px}.auth-card h2{text-align:center;margin:0 0 28px;color:var(--muted);font-weight:500;font-size:16px}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted)}.auth-card .btn-primary{margin-top:4px;padding:13px;font-size:15px}.auth-alt{text-align:center;margin-top:20px;color:var(--muted);font-size:14px}.input-pass{position:relative;display:flex}.input-pass input{width:100%;padding-right:44px}.toggle-pass{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:17px;line-height:1;padding:5px;opacity:.75;border-radius:8px}.toggle-pass:hover{opacity:1}.perfil-head-card{display:flex;align-items:center;gap:16px}.perfil-info{display:flex;flex-direction:column;gap:2px;min-width:0}.perfil-nombre{font-size:20px;font-weight:800}.perfil-email{color:var(--muted);font-size:14px}.perfil-rol{margin-top:6px;align-self:flex-start;font-size:11px;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--glass-strong);color:var(--accent);box-shadow:var(--hl)}.perfil-form{display:flex;flex-direction:column;gap:14px;max-width:420px}.push-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.push-txt{color:var(--muted);font-size:14px;flex:1;min-width:200px}a.nav-avatar{text-decoration:none}.esp-form{display:flex;flex-direction:column;gap:14px;max-width:460px}.esp-pts{color:var(--accent);font-weight:700;font-size:12px;margin-left:6px}.esp-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border-soft)}.esp-item:last-of-type{border-bottom:none}.esp-label{color:var(--muted);min-width:130px}.esp-item b{flex:1}.esp-real{margin-top:12px;color:var(--muted);font-size:13px}.admin-cols2{display:flex;gap:8px;flex-wrap:wrap}.admin-cols2>*{flex:1;min-width:120px}.stats-aciertos{display:flex;flex-direction:column;gap:10px}.stat-a{display:flex;align-items:center;gap:10px;font-size:14px}.stat-a .mc-puntos{min-width:36px;text-align:center;font-size:14px}.stats-etapas{display:flex;flex-direction:column;gap:10px}.stats-etapa{display:grid;grid-template-columns:1.2fr 2fr auto;align-items:center;gap:10px}.se-nombre{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se-bar{height:10px;background:var(--glass-inner);border-radius:999px;overflow:hidden;border:1px solid var(--border-soft)}.se-fill{height:100%;background:linear-gradient(90deg,var(--primary),#8b5cf6);transition:width .5s ease}.se-pts{font-weight:800;color:var(--accent);min-width:28px;text-align:right}.error{color:var(--bad);font-size:13px;margin:0}.toast-stack{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;align-items:center;width:max-content;max-width:92vw;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:11px 16px;border-radius:12px;box-shadow:var(--shadow),var(--hl);font-weight:600;font-size:14px;animation:toastIn .25s ease}.toast-ico{font-size:14px;line-height:1}.toast-ok{border-color:#4ade8080}.toast-ok .toast-ico{color:var(--ok)}.toast-error{border-color:#fb71858c}.toast-info{border-color:#6366f18c}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.onb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0009;display:grid;place-items:center;padding:18px;animation:fade .2s ease}.onb-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow),var(--hl);padding:28px 24px;text-align:center;animation:pop .3s ease}.onb-ico{font-size:52px}.onb-titulo{margin:12px 0 6px;font-size:20px}.onb-txt{color:var(--muted);font-size:14px;margin:0 0 18px;line-height:1.5}.onb-dots{display:flex;gap:7px;justify-content:center;margin-bottom:20px}.onb-dots span{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .2s}.onb-dots span.on{background:var(--accent);width:22px;border-radius:999px}.onb-acciones{display:flex;gap:10px}.onb-acciones .btn-ghost{flex:1}.onb-acciones .btn-primary{flex:2}.ok-msg{color:var(--ok);font-size:13px;font-weight:600}.etapas-tabs{display:flex;flex-wrap:nowrap;gap:8px;margin:4px 0 20px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch}.etapas-tabs::-webkit-scrollbar{height:6px}.etapas-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.etapas-tabs::-webkit-scrollbar-track{background:transparent}.etapas-select{display:none;width:100%;margin:4px 0 20px;padding:13px 14px;font-size:15px;font-weight:600}.tab{background:var(--glass);border:1px solid var(--border);color:var(--muted);padding:9px 16px;border-radius:999px;font-size:13px;font-weight:500;transition:all .15s;box-shadow:var(--hl);flex-shrink:0;white-space:nowrap;scroll-snap-align:start}.tab:hover{color:var(--text);background:var(--glass-strong)}.tab.activo{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#ffffff40;box-shadow:0 6px 18px #6366f173,var(--hl)}.tab.cerrada{opacity:.65}.lock{margin-left:6px}.etapa-info{margin-bottom:18px}.badge-cerrada{color:var(--bad);font-size:13px;font-weight:500}.badge-abierta{color:var(--ok);font-size:13px;font-weight:500}.fix-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.fix-filtros{display:flex;gap:6px}.fix-fbtn{background:var(--glass);border:1px solid var(--border);color:var(--muted);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:var(--hl)}.fix-fbtn:hover{color:var(--text)}.fix-fbtn.activo{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.fix-progreso{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;max-width:340px}.fix-prog-label{font-size:12px;color:var(--muted);white-space:nowrap;font-weight:600}.fix-prog-bar{flex:1;height:9px;background:var(--glass-inner);border-radius:999px;overflow:hidden;border:1px solid var(--border-soft)}.fix-prog-fill{height:100%;background:linear-gradient(90deg,var(--ok),#86efac);transition:width .4s ease}.mc-quick{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.mc-qchip{background:var(--glass-inner);border:1px solid var(--border-soft);color:var(--muted);font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px}.mc-qchip:hover{background:var(--glass-strong);color:var(--text)}.empty-state{text-align:center;padding:56px;color:var(--muted)}.empty-emoji{font-size:50px;display:block;margin-bottom:10px}.td-vacio{color:var(--muted);text-align:center;padding:18px}.br-zoom{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;background:var(--glass);border:1px solid var(--border);border-radius:999px;padding:4px;box-shadow:var(--hl)}.br-zoom button{width:32px;height:32px;border-radius:50%;border:none;background:var(--glass-inner);color:var(--text);font-size:18px;font-weight:700;line-height:1}.br-zoom button:hover{background:var(--glass-strong)}.br-zoom-val{min-width:46px;text-align:center;font-size:13px;font-weight:700;color:var(--muted)}.br-zoom-reset{font-size:14px!important}.br-tree{overflow:auto;padding:6px 4px 20px}.br-inner{display:flex;align-items:flex-start;width:max-content}.br-round{display:flex;flex-direction:column;flex:0 0 auto;margin-right:40px}.br-round.last{margin-right:0}.br-ronda{font-size:13px;color:var(--accent);margin:0;height:30px;line-height:30px;text-align:center;font-weight:800;white-space:nowrap}.br-slot{position:relative;width:206px}.br-match{height:60px;box-sizing:border-box;background:var(--glass);border:1px solid var(--border);border-radius:10px;padding:3px;box-shadow:var(--hl);display:flex;flex-direction:column;justify-content:center;gap:2px}.br-eq{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:6px;font-size:12px;height:25px}.br-eq.gana{background:#4ade802e;font-weight:700}.br-flag.flag-img{width:18px;height:13px}.br-flag.ph{width:18px;text-align:center;color:var(--muted);flex-shrink:0}.br-nombre{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-gol{font-weight:800;min-width:16px;text-align:center}.br-round:not(.last) .br-slot:after{content:"";position:absolute;left:100%;width:20px;box-sizing:border-box;border-right:2px solid var(--border)}.br-round:not(.last) .br-slot.top:after{top:calc(50% - 1px);height:var(--conn);border-top:2px solid var(--border)}.br-round:not(.last) .br-slot.bot:after{bottom:calc(50% - 1px);height:var(--conn);border-bottom:2px solid var(--border)}.br-round:not(.first) .br-slot:before{content:"";position:absolute;right:100%;top:calc(50% - 1px);width:20px;height:2px;background:var(--border)}.br-tercer{margin-top:18px;max-width:250px}.br-tercer .br-ronda{text-align:left}.fixture-dias{display:flex;flex-direction:column;gap:26px}.dia-grupo{display:flex;flex-direction:column;gap:14px}.dia-titulo{margin:0;font-size:15px;font-weight:700;color:var(--accent);text-transform:capitalize;letter-spacing:.2px;border-bottom:1px solid var(--border-soft);padding-bottom:8px}.dia-partidos{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.mc-grupo{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:10px;font-weight:800;letter-spacing:.4px;padding:2px 8px;border-radius:999px;box-shadow:var(--hl)}.mc-hora{margin-left:auto}.mc-cierra{font-size:11px;color:var(--muted);opacity:.8}.match-list{display:flex;flex-direction:column;gap:14px}.mc{background:var(--glass-inner);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:13px 15px;transition:border-color .15s,background .15s;box-shadow:var(--hl)}.match-list .mc{background:var(--glass);border-color:var(--border);box-shadow:var(--shadow),var(--hl)}.mc:hover{border-color:var(--border);background:#ffffff17}.mc-pred{border-color:#8b5cf680}.mc-jugado{border-color:#4ade8066}.mc-fecha{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);letter-spacing:.4px;margin-bottom:9px}.mc-equipos{display:flex;flex-direction:column}.mc-team-row{display:flex;align-items:center;gap:11px;padding:9px 0}.mc-team-row+.mc-team-row{border-top:1px solid var(--border-soft)}.mc-flag{font-size:26px;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.flag-img{width:30px;height:22px;object-fit:cover;border-radius:4px;flex-shrink:0;display:block;box-shadow:0 1px 3px #00000073}.flag-emoji{flex-shrink:0;line-height:1}.proximo-flag.flag-img{width:36px;height:26px}.mc-nombre{flex:1;min-width:0;font-weight:600;font-size:15px;line-height:1.2;overflow-wrap:break-word}.mc-score{width:56px;flex-shrink:0;text-align:center;padding:9px;font-size:17px;font-weight:700}.mc-score-real{width:44px;flex-shrink:0;text-align:center;font-size:22px;font-weight:800;color:var(--ok);text-shadow:0 2px 10px rgba(74,222,128,.35)}.mc-pie{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:11px;min-height:24px;flex-wrap:wrap}.mc-tupred{font-size:12px;color:var(--muted);margin-right:auto}.mc-puntos{font-weight:800;font-size:13px;padding:3px 9px;border-radius:999px;box-shadow:var(--hl)}.mc-puntos.p3{background:#ffd56b33;color:var(--accent)}.mc-puntos.p1{background:#8b5cf638;color:#c4b5fd}.mc-puntos.p0{background:#fb71852e;color:var(--bad)}.mc-lock{font-size:12px;color:var(--muted)}.mc-detalle{margin-top:10px;padding-top:8px;border-top:1px solid var(--border-soft);font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.mc-goles div{color:var(--text)}.mc-estadio{opacity:.85}.mc-ver{margin-top:10px;border-top:1px solid var(--border-soft);padding-top:10px}.mc-ver-btn{display:inline-flex;align-items:center;gap:7px;background:var(--glass-inner);border:1px solid var(--border);color:var(--accent);font-size:12px;font-weight:700;padding:7px 14px;border-radius:999px;transition:all .15s;box-shadow:var(--hl)}.mc-ver-btn:hover{background:var(--glass-strong);border-color:#ffd56b80}.mc-ver-btn.abierto{background:#ffd56b24;border-color:#ffd56b80}.mc-ver-ico{font-size:14px;line-height:1}.mc-ver-count{background:var(--accent);color:#1a1206;font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px}.mc-ver-chevron{font-size:11px;transition:transform .2s}.mc-ver-chevron.up{transform:rotate(180deg)}.pred-lista{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.pred-lista li{display:flex;align-items:center;gap:8px;padding:6px 9px;background:var(--glass-inner);border-radius:8px;font-size:13px}.pred-lista li.propio{background:#6366f12e}.pred-nombre{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pred-marcador{font-weight:800;color:var(--text)}.pred-vacio{color:var(--muted);justify-content:center}.aviso-lider{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#2a1c02;font-weight:800;padding:14px 18px;border-radius:var(--radius-sm);margin-bottom:16px;text-align:center;box-shadow:0 10px 30px #f59e0b73,var(--hl);animation:pop .4s ease}.proximo-card{background:linear-gradient(135deg,rgba(99,102,241,.18),var(--glass));border:1px solid rgba(99,102,241,.4);border-radius:var(--radius);padding:16px 20px;margin-bottom:18px;box-shadow:var(--shadow),var(--hl)}.proximo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.proximo-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.proximo-falta{background:var(--accent);color:#1a1206;font-size:12px;font-weight:800;padding:3px 11px;border-radius:999px;box-shadow:var(--hl)}.proximo-match{display:flex;align-items:center;justify-content:center;gap:14px;font-size:18px;font-weight:700}.proximo-equipo{display:flex;align-items:center;gap:8px}.proximo-flag{font-size:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.proximo-vs{color:var(--muted);font-weight:500;font-size:14px}.proximo-meta{text-align:center;color:var(--muted);font-size:13px;margin-top:10px}.live-pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef444499;animation:pulseRed 1.4s infinite}@keyframes pulseRed{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.envivo-card{background:linear-gradient(135deg,rgba(239,68,68,.16),var(--glass));border:1px solid rgba(239,68,68,.4);border-radius:var(--radius);padding:16px 20px;margin-bottom:18px;box-shadow:var(--shadow),var(--hl)}.envivo-head{display:flex;align-items:center;gap:8px;color:#fca5a5;font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.envivo-lista{display:flex;flex-direction:column;gap:10px}.envivo-match{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:10px}.envivo-eq{display:flex;align-items:center;gap:8px;font-weight:700;min-width:0}.envivo-eq.izq{justify-content:flex-end;text-align:right}.envivo-eq.der{justify-content:flex-start}.envivo-score{font-size:20px;font-weight:800;color:var(--text);white-space:nowrap}.envivo-min{font-size:12px;font-weight:800;color:#fca5a5;min-width:34px;text-align:right}.mc-envivo{border-color:#ef444480}.mc-livebanner{display:flex;align-items:center;gap:8px;background:#ef444424;color:#fca5a5;font-weight:800;font-size:12px;padding:6px 10px;border-radius:10px;margin-bottom:10px}.mc-livescore{margin-left:auto;color:var(--text);font-size:15px}.podio-card{border-radius:var(--radius);padding:22px;margin-bottom:18px}.podio-card.flash{animation:flash .9s ease}.podio-vacio{text-align:center;color:var(--muted);padding:22px}.lider-banner{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:8px}.lider-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.lider-nombre{font-size:21px;font-weight:800;color:var(--accent);text-shadow:0 2px 16px rgba(255,213,107,.35)}.podio{display:flex;align-items:stretch;justify-content:center;gap:14px}.podio-puesto{flex:1;max-width:185px;background:var(--glass-inner);border:1px solid var(--border-soft);border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:16px 10px 0;text-align:center;box-shadow:var(--hl);display:flex;flex-direction:column}.podio-puesto.propio{border-color:#6366f199;box-shadow:0 0 0 2px #6366f159,var(--hl)}.podio-puesto.p1{background:linear-gradient(180deg,rgba(255,213,107,.28),var(--glass-inner));border-color:#ffd56b8c}.podio-medalla{font-size:32px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.podio-nombre{font-weight:700;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podio-pts{color:var(--accent);font-weight:700;font-size:14px}.podio-base{margin-top:auto;font-weight:800;font-size:18px;color:var(--muted);padding:14px 0;background:#00000038}.resumen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.resumen-item{border-radius:var(--radius-sm);padding:18px;text-align:center;display:flex;flex-direction:column;gap:4px}.resumen-item.destacado{border-color:#ffd56b73}.resumen-num{font-size:28px;font-weight:800;color:var(--accent)}.resumen-label{font-size:12px;color:var(--muted)}.dashboard-cols{display:grid;grid-template-columns:2fr 1fr;gap:18px}.tabla-card{border-radius:var(--radius);padding:20px}.tabla-card h2{margin:0 0 16px;font-size:17px}.tabla-posiciones{width:100%;border-collapse:collapse;font-size:14px}.tabla-posiciones th{text-align:left;color:var(--muted);font-weight:500;padding:7px 8px;border-bottom:1px solid var(--border-soft);font-size:12px}.tabla-posiciones td{padding:10px 8px;border-bottom:1px solid var(--border-soft)}.tabla-posiciones tr:last-child td{border-bottom:none}.tabla-posiciones .pos{font-weight:700}.tabla-posiciones .total{font-weight:800;color:var(--accent)}.fila-propia{background:#6366f12e}.tabla-posiciones tr.fila-up{animation:rowUp 1.6s ease}.tabla-posiciones tr.fila-down{animation:rowDown 1.6s ease}@keyframes rowUp{0%{background:#4ade804d}to{background:transparent}}@keyframes rowDown{0%{background:#fb718538}to{background:transparent}}.vos-tag{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:10px;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:middle;box-shadow:var(--hl)}.mov{font-size:11px;font-weight:800}.mov.subio{color:var(--ok)}.mov.bajo{color:var(--bad)}.mov.igual{color:var(--muted)}.mini .etapa-nombre{color:var(--accent);font-size:13px;margin:0 0 12px;font-weight:600}.mini-ranking{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.mini-ranking li{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--glass-inner);border:1px solid var(--border-soft);border-radius:12px;box-shadow:var(--hl)}.mini-pos{color:var(--accent);font-weight:800;width:26px}.mini-nombre{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-pts{font-weight:800}.admin-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.admin-card{border-radius:var(--radius);padding:20px}.admin-card h2{margin:0 0 16px;font-size:16px}.admin-card form{display:flex;flex-direction:column;gap:11px}.campo-fecha{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.admin-msg{background:#4ade8029;color:#bbf7d0;border:1px solid rgba(74,222,128,.35);padding:12px 16px;border-radius:12px;margin-bottom:14px;font-weight:600;box-shadow:var(--hl)}.resultados-lista{display:flex;flex-direction:column;gap:9px}.resultado-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--glass-inner);border:1px solid var(--border-soft);padding:11px 14px;border-radius:12px;flex-wrap:wrap;box-shadow:var(--hl)}.rr-equipos{display:flex;align-items:center;gap:7px;font-weight:500;font-size:14px}.rr-grupo{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:7px;box-shadow:var(--hl)}.rr-vs{color:var(--muted);font-weight:400;margin:0 2px}.rr-inputs{display:flex;align-items:center;gap:8px}.rr-inputs input{width:54px;text-align:center;font-weight:700}.rr-jugado{color:var(--ok);font-size:13px;font-weight:600}.sugerencias-card{border-color:#ffd56b73;margin-bottom:18px}.sug-hint{color:var(--muted);font-size:13px;margin:0 0 12px}.sug-row{background:#ffd56b14}.sug-marcador{font-weight:800;color:var(--accent);margin:0 8px;font-size:16px}@keyframes flash{0%{box-shadow:0 0 0 2px var(--accent),var(--shadow),var(--hl)}to{box-shadow:var(--shadow),var(--hl)}}@keyframes pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #4ade8099}70%{box-shadow:0 0 0 8px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes floaty{0%{transform:translate(0) scale(1)}50%{transform:translate(3%,-2%) scale(1.05)}to{transform:translate(-2%,3%) scale(1.02)}}@media (max-width: 820px){.dashboard-cols,.admin-cols{grid-template-columns:1fr}.resumen-grid{grid-template-columns:repeat(2,1fr)}.grupos-grid{grid-template-columns:1fr}}@media (max-width: 640px){.navbar{gap:10px;padding:13px 16px}.nav-brand{flex:1}.nav-toggle{display:block;z-index:32}.nav-user{display:none}.contenedor{padding:20px 14px 50px}.page-head h1{font-size:25px}.etapas-tabs{display:none}.etapas-select{display:block}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:30;animation:fade .2s ease}.nav-menu{position:fixed;top:0;right:0;height:100vh;width:280px;max-width:84vw;flex-direction:column;align-items:stretch;gap:0;background:var(--drawer);border-left:1px solid var(--border);padding:18px 16px 20px;z-index:31;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:-12px 0 40px #00000073}.nav-menu.abierto{transform:translate(0)}.nav-userhead{display:flex;align-items:center;gap:12px;padding:6px 6px 18px;margin-bottom:14px;border-bottom:1px solid var(--border-soft)}.nav-userinfo{display:flex;flex-direction:column;min-width:0}.nav-username{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-useremail{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-links{flex-direction:column;flex:none;gap:4px}.nav-link{padding:13px 14px;font-size:16px;border-radius:12px}.nav-link.activo{background:linear-gradient(135deg,rgba(99,102,241,.3),var(--glass-strong))}.nav-logout{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;width:100%;padding:13px;font-size:15px;font-weight:600;background:#fb71851f;color:#fda4af;border:1px solid rgba(251,113,133,.35);border-radius:12px}.nav-logout:hover{background:#fb718533}}@media (max-width: 560px){.mc-score{width:60px;height:46px}.mc-nombre{font-size:16px}.tabla-posiciones{font-size:13px}.tabla-posiciones th,.tabla-posiciones td{padding:9px 6px}.tabla-posiciones th:nth-child(5),.tabla-posiciones td:nth-child(5),.tabla-posiciones th:nth-child(6),.tabla-posiciones td:nth-child(6){display:none}.proximo-match{flex-direction:column;gap:5px;font-size:17px}.envivo-match{grid-template-columns:1fr auto 1fr;gap:6px}.envivo-eq{font-size:13px}.envivo-min{grid-column:1 / -1;text-align:center;min-width:0}.podio{gap:8px}.podio-puesto{padding:12px 6px 0}.podio-medalla{font-size:28px}.podio-nombre{font-size:13px}.lider-nombre{font-size:18px}.resultado-row{flex-direction:column;align-items:stretch}.rr-inputs{justify-content:center}}@media (max-width: 380px){.resumen-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){body:before{animation:none}}