*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #eef2f7;--ink: #0f172a;--muted: #5b6473;--panel: #ffffff;--line: #d9e1ec;--brand: #103a63;--brand-2: #1d5f98;--accent: #b88729;--good: #15803d;--bad: #b91c1c;--radius-lg: 20px;--radius-md: 14px;--shadow: 0 12px 30px rgba(16, 28, 46, .08)}body{font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 500px at 10% -20%,#d9e5f5,transparent),radial-gradient(1000px 450px at 90% -10%,#d5e0ef,transparent),var(--bg);color:var(--ink);line-height:1.5}.wrap{max-width:760px;margin:auto;padding:16px 14px 60px}.hero{background:linear-gradient(135deg,#071d3a,#0f4c81);color:#fff;border-radius:22px;padding:20px;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px #0614244d;display:flex;align-items:center;gap:14px}.hero .logo{width:56px;height:56px;object-fit:contain;flex:none}.hero h1{font-size:22px;line-height:1.1}.hero p{opacity:.9;font-size:13px;margin-top:4px}.nav{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.nav a{flex:1;text-align:center;padding:10px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-weight:700;color:var(--brand);font-size:14px;cursor:pointer}.nav a.active{background:var(--brand);color:#fff;border-color:var(--brand)}.tabs{display:flex;gap:8px;margin:14px 0;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{height:0}.tab-btn{border:none;padding:9px 14px;border-radius:20px;white-space:nowrap;background:#e3eaf3;cursor:pointer;font-weight:700;font-size:13px;transition:.2s;flex:none}.tab-btn.active{background:var(--brand);color:#fff}.fase-titulo{font-size:20px;font-weight:800;color:var(--brand);margin:6px 4px 14px}.grupo{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow)}.grupo-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.grupo-head .g-nom{font-weight:800;color:var(--brand);font-size:16px;letter-spacing:.3px}.grupo-head .g-meta{font-size:12px;color:var(--muted);font-weight:600}.grupo-head .chev{transition:transform .25s;color:var(--brand-2);font-size:14px}.grupo-head .chev.open{transform:rotate(180deg)}.grupo-body{padding:10px}.match{background:linear-gradient(135deg,#0c2a4d,#14467a);color:#fff;border-radius:18px;padding:14px 12px;margin-bottom:12px;box-shadow:0 10px 24px #0816282e;border:1px solid rgba(255,255,255,.08)}.match-top{text-align:center;margin-bottom:12px}.match-fecha{font-size:13px;font-weight:800;text-transform:capitalize}.match-hora{font-size:12px;opacity:.82;margin-top:1px}.chip-rel{display:inline-block;margin-top:7px;font-size:11px;font-weight:800;background:#ffffff29;padding:3px 11px;border-radius:20px;letter-spacing:.2px}.match-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:6px}.team{display:flex;flex-direction:column;align-items:center;gap:9px}.flag{width:62px;height:62px;border-radius:50%;overflow:hidden;background:#fff;border:3px solid rgba(255,255,255,.3);display:grid;place-items:center;box-shadow:0 4px 12px #0003}.flag img{width:100%;height:100%;object-fit:cover}.flag.tbd{background:#94a3b840;border-color:#ffffff2e;color:#cbd5e1;font-size:26px}.team-nom{font-weight:800;font-size:14px;text-align:center;line-height:1.15}.team-nom.tbd{color:#cbd5e1;font-weight:600;font-style:italic;font-size:13px}.center{text-align:center;min-width:78px;padding-top:12px}.score{font-size:28px;font-weight:900;letter-spacing:1px}.score .pen{display:block;font-size:11px;font-weight:700;opacity:.8}.vs{font-size:16px;font-weight:800;opacity:.55}.badge{display:inline-block;margin-top:8px;font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.badge.finalizado{background:#dcfce7;color:var(--good)}.badge.en_juego{background:#fee2e2;color:var(--bad)}.badge.programado{background:#ffffff29;color:#dbeafe}.badge.aplazado{background:#fef3c7;color:#92400e}.vista-switch{display:flex;gap:6px;background:#dde6f1;padding:4px;border-radius:14px;margin:14px 0}.vista-switch button{flex:1;border:none;background:transparent;padding:10px;border-radius:10px;font-weight:800;font-size:14px;color:var(--brand-2);cursor:pointer}.vista-switch button.active{background:#fff;color:var(--brand);box-shadow:0 2px 8px #101c2e1f}.subfiltro{display:flex;gap:6px;margin:4px 0 16px}.subfiltro button{flex:1;border:1px solid var(--line);background:var(--panel);cursor:pointer;padding:9px 8px;border-radius:12px;font-weight:700;font-size:13px;color:var(--brand-2);display:flex;align-items:center;justify-content:center;gap:6px}.subfiltro button.active{background:var(--brand);color:#fff;border-color:var(--brand)}.subfiltro .num{font-size:11px;font-weight:800;background:#0000001a;color:inherit;padding:1px 7px;border-radius:20px}.subfiltro button.active .num{background:#ffffff38}.dia{margin-bottom:18px}.dia-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:4px 4px 10px;border-bottom:2px solid var(--line);margin-bottom:12px}.dia-prefijo{background:var(--accent);color:#fff;font-weight:800;font-size:12px;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.dia-fecha{font-size:17px;font-weight:800;color:var(--brand);text-transform:capitalize}.dia-count{margin-left:auto;font-size:12px;color:var(--muted);font-weight:600}.match.proximo{background:linear-gradient(135deg,#0c2a4d,#14467a)}.match.hoy{background:linear-gradient(135deg,#134e7e,#1d6fab);border:2px solid var(--accent);box-shadow:0 10px 26px #b887294d}.match.en_juego{background:linear-gradient(135deg,#5b1414,#9b1c1c);border:2px solid #fca5a5}.match.finalizado{background:linear-gradient(135deg,#2a3340,#3c4654);opacity:.92}.match.aplazado{background:linear-gradient(135deg,#3a3320,#5c4f2c)}.tag-live,.tag-hoy,.match-ctx{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 10px;border-radius:20px;margin-bottom:6px;text-transform:uppercase}.tag-live{background:#fff;color:#b91c1c;animation:parpadeo 1.2s infinite}.tag-hoy{background:var(--accent);color:#fff}.match-ctx{background:#ffffff29;color:#dbeafe}@keyframes parpadeo{50%{opacity:.45}}.cargando,.vacio{text-align:center;color:var(--muted);padding:40px 10px}@media (min-width: 620px){.hero h1{font-size:28px}.flag{width:72px;height:72px}.team-nom{font-size:16px}.score{font-size:32px}}.hero{flex-wrap:wrap}.hero-txt{flex:1;min-width:140px}.hero-user{display:flex;align-items:center;gap:8px}.u-chip{background:#ffffff26;padding:6px 12px;border-radius:20px;font-weight:700;font-size:13px}.nav a{cursor:pointer}.btn{border:1px solid var(--line);background:var(--panel);color:var(--brand);font-weight:700;padding:11px 16px;border-radius:12px;cursor:pointer;font-size:14px}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.ghost{background:#ffffff24;color:#fff;border-color:#ffffff40}.btn.danger{background:#fee2e2;color:var(--bad);border-color:#fecaca}.btn.sm{padding:7px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.login{margin-top:6px}.nota{color:var(--muted);font-size:13px;margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#f7f9fc;padding:9px 14px;border-radius:30px;cursor:pointer;font-weight:700;color:var(--ink)}.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}.chip .av{font-size:17px}.form-col{display:flex;flex-direction:column;gap:10px;max-width:340px}.form-col input{padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:15px}.login-error{color:var(--bad);font-weight:700;margin-top:12px}.recordados{margin-bottom:16px}.rec-lbl{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.rec-chips{display:flex;flex-wrap:wrap;gap:8px}.rec-chip{display:flex;align-items:center;border:1px solid var(--brand-2);border-radius:30px;overflow:hidden;background:#eaf2fb}.rec-pick{display:flex;align-items:center;gap:7px;border:none;background:transparent;padding:9px 8px 9px 14px;font-weight:700;color:var(--brand);cursor:pointer}.rec-pick .av{font-size:18px}.rec-x{border:none;background:transparent;color:var(--muted);font-size:18px;line-height:1;padding:0 12px 0 4px;cursor:pointer}.buscador{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;font-size:16px}.resultados{margin-top:8px;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.res-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#f7f9fc;padding:11px 14px;border-radius:12px;cursor:pointer;font-weight:700;color:var(--ink);text-align:left}.res-item:hover{background:#eaf2fb}.res-item .av{font-size:20px}.sel-user{display:flex;align-items:center;gap:10px;background:#eaf2fb;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:14px}.sel-user .su-av{font-size:26px}.sel-user .su-nom{font-weight:800;font-size:18px;color:var(--brand);flex:1}.aviso{background:#eaf2fb;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:13px;color:#334155;margin-bottom:14px}.reglas-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:14px;box-shadow:var(--shadow)}.rp-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;cursor:pointer;font-weight:800;color:var(--brand);font-size:14px}.rp-toggle .chev{transition:transform .25s;color:var(--brand-2)}.rp-toggle .chev.open{transform:rotate(180deg)}.reglas-panel .rp-cuadros{margin-top:12px}.rp-cuadros{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rp-cuadro{background:#f1f5fb;border:1px solid var(--line);border-radius:12px;padding:12px 6px;text-align:center}.rp-cuadro b{display:block;font-size:26px;font-weight:900;color:var(--brand);line-height:1}.rp-cuadro span{display:block;font-size:11px;color:var(--muted);margin-top:6px;font-weight:600}.rp-cuadro.estrella{background:#fff7ea;border-color:#f3d9a6}.rp-cuadro.estrella b{color:var(--accent)}.comodin-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}.cs-lbl{font-size:12px;font-weight:800;color:#92400e}.cs-chip{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;background:#eef2f7;color:var(--muted)}.cs-chip.usado{background:#fff7ea;color:#92400e}.cs-chip.full{background:var(--accent);color:#fff}.rp-nota{font-size:12px;color:#475569;margin-top:12px;background:#eef2f7;padding:9px 11px;border-radius:10px}@media (max-width: 520px){.rp-cuadros{grid-template-columns:repeat(2,1fr)}}.apuesta{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:10px;box-shadow:var(--shadow)}.apuesta.cerrada{opacity:.85;background:#f7f9fc}.ap-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.ap-top .match-ctx{background:#e8eef6;color:var(--brand-2)}.ap-fecha{font-size:12px;color:var(--muted);text-transform:capitalize}.ap-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.ap-team{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-weight:700;font-size:13px}.ap-team .flag{border-color:var(--line);background:#fff}.ap-centro{min-width:96px;text-align:center}.ap-inputs{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800}.ap-inputs input{width:46px;height:46px;text-align:center;font-size:20px;font-weight:800;border:2px solid var(--brand-2);border-radius:12px;color:var(--brand)}.ap-pick strong{font-size:22px;color:var(--brand)}.ap-pick .sin{color:var(--muted);font-style:italic;font-size:13px}.ap-real{font-size:12px;color:var(--good);font-weight:700;margin-top:2px}.ap-pie{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.comodin{border:1px solid var(--accent);background:#fff7ea;color:#92400e;font-weight:700;padding:7px 12px;border-radius:20px;cursor:pointer;font-size:13px}.comodin.on{background:var(--accent);color:#fff}.comodin-tag{background:#fff7ea;color:#92400e;font-weight:700;padding:4px 10px;border-radius:20px;font-size:12px}.ap-estado{font-size:12px;font-weight:700}.ap-estado.guardado{color:var(--good)}.ap-estado.guardando{color:var(--muted)}.ap-estado.error{color:var(--bad)}.ap-puntos{margin-left:auto;background:#dcfce7;color:var(--good);font-weight:800;padding:4px 12px;border-radius:20px}.ap-puntos.pos{background:#dcfce7}.ap-error{color:var(--bad);font-size:12px;margin-top:8px}table.rank{width:100%;border-collapse:collapse}table.rank th{text-align:left;font-size:12px;color:var(--muted);padding:10px 8px;border-bottom:2px solid var(--line)}table.rank td{padding:12px 8px;border-bottom:1px solid #eef2f7}table.rank .pos{font-size:18px;width:40px}table.rank .pts{font-weight:800;color:var(--brand);font-size:16px}table.rank .nom{font-weight:700}table.rank .nom .av{margin-right:6px}table.rank tr.top .pts{color:var(--accent)}table.rank tr.yo{background:#eaf2fb}.tag-yo{background:var(--brand);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:20px;margin-left:7px;text-transform:uppercase}.flash{position:sticky;top:6px;z-index:5;background:var(--brand);color:#fff;padding:12px 16px;border-radius:12px;font-weight:700;margin-bottom:14px;box-shadow:var(--shadow)}.grid-reglas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.campo{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--muted)}.campo input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;color:var(--ink)}.lista-part{list-style:none;margin:0 0 14px}.lista-part li{display:flex;justify-content:space-between;align-items:center;padding:10px 6px;border-bottom:1px solid #eef2f7;font-weight:600}.lista-part em{color:var(--accent);font-style:normal;font-size:12px}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.form-row input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;flex:1;min-width:80px}.form-row input.mini,input.mini{flex:none;width:70px;text-align:center}.select-partido{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;margin-bottom:12px}.sep{border:none;border-top:1px solid var(--line);margin:16px 0}.pie{text-align:center;color:var(--muted);font-size:12px;padding:30px 0 10px}@media (min-width: 620px){.grid-reglas{grid-template-columns:repeat(4,1fr)}}.subtabs{display:flex;gap:6px;overflow-x:auto;margin:6px 0 16px;padding-bottom:4px}.subtabs button{flex:none;border:1px solid var(--line);background:var(--panel);color:var(--brand);font-weight:700;padding:10px 14px;border-radius:12px;cursor:pointer;font-size:14px;white-space:nowrap}.subtabs button.active{background:var(--brand);color:#fff;border-color:var(--brand)}.toggle{width:46px;height:26px;border-radius:20px;border:none;background:#cbd5e1;position:relative;cursor:pointer;flex:none;transition:.2s}.toggle .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #0000004d}.toggle.on{background:var(--good)}.toggle.on .knob{left:23px}.polla-list{display:flex;flex-direction:column;gap:10px}.polla-item{border:1px solid var(--line);background:#f7f9fc;padding:12px 14px;border-radius:12px}.polla-item.sel{border-color:var(--brand);background:#eaf2fb;box-shadow:0 0 0 2px #103a6326}.pi-head{display:flex;align-items:center;gap:10px}.pc-ico{font-size:22px}.pc-nom{font-weight:800;color:var(--brand);flex:1}.pc-meta-btn{border:none;background:#e3eaf3;color:var(--brand-2);font-weight:800;font-size:12px;padding:5px 10px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:4px}.pi-miembros{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.mini-chip{background:#fff;border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.pi-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.polla-item.inactiva{opacity:.72;background:#f1f2f4}.badge-inactiva{background:#e2e8f0;color:#64748b;font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.part-table{width:100%;border-collapse:collapse}.part-table th{text-align:left;font-size:12px;color:var(--muted);padding:8px;border-bottom:2px solid var(--line)}.part-table td{padding:10px 8px;border-bottom:1px solid #eef2f7}.part-table .pt-av{font-size:22px;width:38px}.part-table .pt-nom{font-weight:700}.part-table .pt-nom em{color:var(--accent);font-style:normal;font-size:11px}.part-table .pt-pollas{text-align:center;font-weight:800;color:var(--brand)}.part-table .pt-acc{display:flex;gap:6px;justify-content:flex-end}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08142480;z-index:60;display:flex;align-items:flex-end;justify-content:center}.modal-panel{background:#fff;width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:16px;max-height:82vh;overflow-y:auto;box-shadow:0 -10px 40px #00000040}.modal-panel.chico{max-width:380px}.modal-titulo{font-weight:800;color:var(--brand);margin-bottom:14px;font-size:17px}@media (min-width: 620px){.modal-overlay{align-items:center}.modal-panel{border-radius:18px}}.dual{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dual-col{border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.dual-cab{background:#eef2f7;padding:8px 10px;font-weight:800;font-size:12px;color:var(--brand)}.dual-list{padding:8px;display:flex;flex-direction:column;gap:6px;max-height:232px;overflow-y:auto}.dual-item{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid var(--line);background:#f7f9fc;padding:9px 11px;border-radius:10px;cursor:pointer;font-weight:600;font-size:13px;text-align:left}.dual-item.on{background:#eaf2fb;border-color:var(--brand-2)}.dual-acc{font-weight:800;color:var(--brand-2)}.dual-item.on .dual-acc{color:var(--bad)}.borrar-msg{font-size:14px;color:var(--ink)}.borrar-lista{margin:10px 0 10px 18px;font-size:13px;color:#475569}.borrar-lista li{margin-bottom:4px}.borrar-ok{font-size:13px;color:var(--good);background:#dcfce7;padding:8px 10px;border-radius:10px}.borrar-warn{font-size:13px;color:var(--bad);font-weight:700;margin-top:8px}.borrar-pide{font-size:13px;color:var(--muted);margin:12px 0 6px}.borrar-input{width:100%;padding:12px 14px;border:2px solid var(--bad);border-radius:12px;font-size:16px;font-weight:700}.regla{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px;background:#fbfcfe}.r-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.r-head strong{font-size:16px;color:var(--ink)}.r-exp{font-size:13px;color:var(--muted);margin:6px 0 10px}.r-mini{font-size:12px;color:#475569;margin-top:8px;background:#eef2f7;padding:8px 10px;border-radius:10px}.asig{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}.asig-head{font-weight:800;color:var(--brand);margin-bottom:10px}.asig-grid{display:flex;flex-wrap:wrap;gap:8px}.asig-chip{border:1px solid var(--line);background:#f7f9fc;color:var(--muted);font-weight:700;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:13px}.asig-chip.on{background:var(--good);color:#fff;border-color:var(--good)}.emoji-btn{display:flex;align-items:center;gap:3px;width:58px;height:46px;flex:none;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;justify-content:center}.emoji-val{font-size:22px;line-height:1}.emoji-caret{font-size:11px;color:var(--muted)}.form-inline{display:flex;align-items:center;gap:10px}.form-lbl{font-weight:700;color:var(--muted);font-size:14px}.emoji-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08142480;z-index:60;display:flex;align-items:flex-end;justify-content:center}.emoji-panel{background:#fff;width:100%;max-width:460px;border-radius:18px 18px 0 0;padding:16px 14px;max-height:72vh;display:flex;flex-direction:column;box-shadow:0 -10px 40px #00000040}.emoji-titulo{font-weight:800;color:var(--brand);margin-bottom:12px;text-align:center}.emoji-cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px}.emoji-cats button{flex:none;border:none;background:#e8eef6;padding:7px 12px;border-radius:20px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}.emoji-cats button.active{background:var(--brand);color:#fff}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;overflow-y:auto;padding:10px 2px}.emoji-cell{font-size:26px;background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;line-height:1}.emoji-cell:hover{background:#eef2f7}.emoji-close{align-self:center;margin-top:8px}@media (min-width: 620px){.emoji-overlay{align-items:center}.emoji-panel{border-radius:18px}}