:root{--verde: #0b6e4f;--verde-claro: #12925f;--celeste: #6ca9e0;--celeste-arg: #74acdf;--bg: #f4f6f5;--card: #ffffff;--texto: #14201b;--suave: #6b7a73;--borde: #e2e8e4;--ok: #1f9d55;--error: #d64545;--dorado: #d9a521;--radio: 14px;--sombra: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--max: 560px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--texto);-webkit-tap-highlight-color:transparent}.app{max-width:var(--max);margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px calc(14px + env(safe-area-inset-top));padding-top:max(14px,env(safe-area-inset-top));background:linear-gradient(135deg,var(--verde),var(--verde-claro));color:#fff}.topbar h1{font-size:1.05rem;margin:0;font-weight:700}.topbar .sub{font-size:.75rem;opacity:.85}.topbar button{background:#ffffff26;color:#fff;border:none;border-radius:999px;padding:6px 12px;font-size:.8rem;cursor:pointer}.content{flex:1;padding:16px 14px 88px}.card{background:var(--card);border-radius:var(--radio);box-shadow:var(--sombra);padding:14px;margin-bottom:12px}h2{font-size:1.1rem;margin:4px 0 12px}h3{font-size:.95rem;margin:0 0 8px;color:var(--suave);text-transform:uppercase;letter-spacing:.04em}.muted{color:var(--suave);font-size:.85rem}.center{text-align:center}.btn{width:100%;border:none;border-radius:12px;padding:13px;font-size:1rem;font-weight:600;cursor:pointer;background:var(--verde);color:#fff}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.secundario{background:#eef2f0;color:var(--texto)}.btn.peligro{background:var(--error)}.btn.chico{width:auto;padding:8px 14px;font-size:.85rem}.input{width:100%;padding:12px;border:1px solid var(--borde);border-radius:12px;font-size:1rem;background:#fff}label{display:block;font-size:.85rem;margin:10px 0 4px;color:var(--suave)}.alert{padding:10px 12px;border-radius:10px;font-size:.9rem;margin:8px 0}.alert.error{background:#fde8e8;color:var(--error)}.alert.ok{background:#e6f6ec;color:var(--ok)}.alert.info{background:#eef4fb;color:#2a5d8f}.match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px 4px;border-bottom:1px solid var(--borde)}.match:last-child{border-bottom:none}.match .team{display:flex;align-items:center;gap:6px;font-size:.9rem;min-width:0}.match .team.home{justify-content:flex-end;text-align:right}.match .team .flag{font-size:1.2rem}.match .team .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match .scorebox{display:flex;align-items:center;gap:6px}.match .scorebox input{width:42px;height:42px;text-align:center;font-size:1.1rem;font-weight:700;border:1px solid var(--borde);border-radius:10px;background:#fff}.match .scorebox input:disabled{background:#f1f3f2;color:var(--texto)}.match .scorebox .sep{color:var(--suave)}.match .meta{grid-column:1 / -1;text-align:center;font-size:.7rem;color:var(--suave)}.match.locked{opacity:.92}.lock-tag{font-size:.68rem;color:var(--suave)}.pen-row{grid-column:1 / -1;display:flex;gap:6px;justify-content:center;margin-top:4px}.pen-row button{font-size:.72rem;padding:4px 8px;border-radius:999px;border:1px solid var(--borde);background:#fff;cursor:pointer}.pen-row button.on{background:var(--verde);color:#fff;border-color:var(--verde)}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{padding:7px 6px;text-align:center}th{color:var(--suave);font-weight:600;font-size:.72rem;text-transform:uppercase}td.left,th.left{text-align:left}tr.qualify td{background:#eaf7ef}tr.qualify-3 td{background:#fbf3e0}.pos{color:var(--suave);width:18px}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px}.tabs button{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid var(--borde);background:#fff;font-size:.85rem;cursor:pointer;white-space:nowrap}.tabs button.on{background:var(--verde);color:#fff;border-color:var(--verde)}.group-jump{position:sticky;top:var(--topbar-h, 60px);z-index:9;background:var(--bg);margin:0 -14px 12px;padding:8px 14px 6px;box-shadow:0 4px 6px -4px #0000001f}.lb-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--borde)}.lb-row:last-child{border-bottom:none}.lb-row .rank{width:28px;text-align:center;font-weight:700;color:var(--suave)}.lb-row .rank.top{color:var(--dorado)}.lb-row .who{flex:1;font-weight:600}.lb-row .pts{font-weight:700}.lb-row .pts small{font-weight:400;color:var(--suave)}.lb-row.me{background:#eef4fb;border-radius:10px}.bracket-col h3{margin-top:14px}.ko{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--borde);border-radius:10px;margin-bottom:8px;background:#fff}.ko .side{display:flex;align-items:center;gap:6px;font-size:.85rem}.ko .side.win{font-weight:700}.ko .sc{font-variant-numeric:tabular-nums;color:var(--suave)}.champion{text-align:center;padding:18px;background:linear-gradient(135deg,var(--dorado),#f0c14b);border-radius:var(--radio);color:#3a2c00;font-weight:800;font-size:1.1rem}.bottomnav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max);display:flex;background:#fff;border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);z-index:10}.bottomnav a{flex:1;text-align:center;padding:10px 4px;font-size:.7rem;color:var(--suave);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px}.bottomnav a .ic{font-size:1.25rem}.bottomnav a.active{color:var(--verde);font-weight:700}.spinner{text-align:center;padding:40px;color:var(--suave)}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.7rem;background:#eef2f0;color:var(--suave)}.pill.live{background:#fde8e8;color:var(--error)}.pill.done{background:#e6f6ec;color:var(--ok)}.progress{height:6px;background:#eef2f0;border-radius:999px;overflow:hidden;margin-top:6px}.progress>div{height:100%;background:var(--verde)}.cmp-grid{display:grid;gap:6px}.cmp-cell{padding:8px 6px;border:1px solid var(--borde);border-radius:8px;font-size:.85rem;text-align:center}.cmp-cell.head{font-weight:700;background:#eef2f0}.bottomnav a{font-size:.66rem;padding:8px 2px}.bottomnav a .ic{font-size:1.15rem}