@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--pitch: #ffffff;--pitch-2: #d1d4d1;--line: #474a4a;--gold: #2a398d;--gold-dim: #1f2b6a;--chalk: #474a4a;--chalk-dim: #6f7474;--exact: #2a398d;--hit: #3cac3b;--miss: #e61d25;--pending: #eceeed;--radius: 6px;--display: "Barlow Condensed", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#ffffff 0%,#f2f4f2 45%,var(--pitch) 75%);color:var(--chalk);font-family:var(--body);-webkit-font-smoothing:antialiased}.app{max-width:1280px;margin:0 auto;padding:24px 20px 60px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;border-bottom:2px solid var(--line);padding-bottom:18px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-size:34px;color:var(--gold);filter:drop-shadow(0 0 8px rgba(232,184,75,.35))}.topbar h1{font-family:var(--display);font-weight:700;letter-spacing:.5px;font-size:30px;margin:0;text-transform:uppercase}.subtitle{margin:2px 0 0;color:var(--chalk-dim);font-size:13px}.refresh-info{display:flex;flex-direction:column;gap:4px;text-align:right;font-size:12px;color:var(--chalk-dim)}.dot-loading{color:var(--gold)}.tabs{display:flex;gap:4px;flex-wrap:wrap;background:var(--pitch-2);padding:6px;border-radius:var(--radius);border:1px solid var(--line)}.tab{font-family:var(--display);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--chalk-dim);background:transparent;border:none;padding:9px 14px;border-radius:4px;cursor:pointer;transition:background .15s,color .15s}.tab:hover:not(:disabled){color:var(--chalk);background:#2a398d14}.tab-active,.tab-active:hover{background:var(--gold);color:#fff}.tab:disabled{opacity:.35;cursor:not-allowed}.subtabs{display:flex;gap:18px;margin:22px 2px 14px;border-bottom:1px solid var(--line)}.subtab{background:none;border:none;cursor:pointer;font-family:var(--display);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.4px;color:var(--chalk-dim);padding:8px 2px 12px;border-bottom:3px solid transparent;margin-bottom:-1px}.subtab-active{color:var(--gold);border-bottom-color:var(--gold)}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--chalk-dim);margin-bottom:12px}.legend span{display:inline-flex;align-items:center;gap:6px}.sw{width:13px;height:13px;border-radius:3px;display:inline-block}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6}table.grid{border-collapse:collapse;width:100%;font-size:13px}.grid th,.grid td{padding:8px 10px;text-align:center;white-space:nowrap;border-bottom:1px solid rgba(71,74,74,.18)}.grid thead th{position:sticky;top:0;z-index:2;background:var(--pitch-2);color:var(--chalk);font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:12.5px}.th-partido,.td-partido{text-align:left;min-width:230px}.sticky-col{position:sticky;left:0;z-index:1;background:var(--pitch-2)}.grid thead .sticky-col{z-index:3}.td-partido{font-weight:500}.partido-nombre{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.partido-vs{font-size:11px;color:var(--chalk-dim);letter-spacing:.3px}.th-real{min-width:120px}.td-real{display:flex;flex-direction:column;gap:3px;align-items:center}.real-score{font-family:var(--display);font-weight:700;font-size:16px;color:var(--gold)}.td-pred{font-variant-numeric:tabular-nums;font-weight:500}.cell-exact{background:#2a398d24;color:var(--exact);font-weight:700}.cell-hit{background:#3cac3b26;color:var(--hit)}.cell-miss{background:#e61d251f;color:var(--miss)}.cell-pending{background:var(--pending);color:var(--chalk-dim)}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:1px 7px;border-radius:99px;font-weight:600}.st-final{background:#474a4a14;color:var(--chalk-dim)}.st-live{background:var(--miss);color:#fff;animation:pulse 1.6s infinite}.st-sched{background:transparent;color:var(--chalk-dim);border:1px solid var(--line)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.ranking-title{font-family:var(--display);font-size:20px;text-transform:uppercase;letter-spacing:.5px;margin:4px 0 12px;color:var(--chalk)}.ranking-grid{max-width:560px}.ranking-grid th,.ranking-grid td{text-align:center}.th-name,.td-name{text-align:left;font-weight:600}.th-pos,.td-pos{width:38px;color:var(--chalk-dim)}.td-pts{font-family:var(--display);font-weight:700;font-size:17px;color:var(--gold)}.row-leader{background:#2a398d14}.row-leader .td-pos{color:var(--gold)}.global{margin-top:40px;padding-top:26px;border-top:2px solid var(--line)}.alert{background:#e61d251a;border:1px solid var(--miss);padding:10px 14px;border-radius:var(--radius);margin-bottom:16px}.empty{text-align:center;padding:50px 20px;color:var(--chalk-dim)}.empty-hint{font-size:13px}code{background:#2a398d14;padding:1px 6px;border-radius:4px;font-size:12px;color:var(--gold-dim)}@media (max-width: 640px){.topbar h1{font-size:23px}.refresh-info{text-align:left}.th-partido,.td-partido{min-width:148px;max-width:148px}.grid .th-partido,.grid .td-partido{text-align:center;white-space:normal;line-height:1.25}.partido-nombre{display:flex;flex-direction:column;align-items:center;gap:1px}}@media (prefers-reduced-motion: reduce){.st-live{animation:none}}