:root{--color-bg:#f5f5f4;--color-surface:#fff;--color-surface-alt:#ececea;--color-border:#d4d4d2;--color-text:#2a2a28;--color-text-muted:#6b6b68;--color-accent:#3f7d52;--color-accent-text:#fff;--color-success:#3f7d52;--color-success-bg:#3f7d521f;--color-danger:#b3463c;--color-danger-bg:#b3463c1f;--color-locked-bg:#e8e8e6;--color-locked-text:#9b9b98;--color-chip-bg:#fff;--color-chip-border:#d4d4d2;--radius-card:6px;--radius-pill:6px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}#root{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex}@media (width>=768px){#root{max-width:960px}}button{font-family:inherit}img{max-width:100%;display:block}.app{flex-direction:column;min-height:100svh;display:flex}.header{z-index:10;background:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.header__brand{align-items:center;gap:8px;min-width:0;display:flex}.header__logo{object-fit:cover;border-radius:6px;flex-shrink:0;width:28px;height:28px}.header__title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.header__connect{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-pill);cursor:pointer;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:500}.header__connect--active{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success);font-weight:600}.app-main{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex}.app-main--with-bottom-bar{padding-bottom:84px}.connect-banner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);align-items:center;gap:12px;padding:12px 14px;display:flex}.connect-banner__icon{flex-shrink:0;font-size:22px}.connect-banner__text{color:var(--color-text-muted);flex:1;margin:0;font-size:13px}.connect-banner__button{background:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600}.filter-bar{flex-direction:column;gap:8px;display:flex}.filter-bar__row{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.filter-bar__row::-webkit-scrollbar{display:none}@media (width>=768px){.filter-bar__row{flex-wrap:wrap;overflow-x:visible}}.chip{border-radius:var(--radius-pill);background:var(--color-chip-bg);border:1px solid var(--color-chip-border);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:7px 16px;font-size:14px;font-weight:500}.chip--fase{padding:5px 12px;font-size:12px}.chip--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text);font-weight:600}.partido-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.partido-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}}.partido-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:16px}.partido-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.partido-card__fecha{color:var(--color-text-muted);font-size:13px}.partido-card__badge{border-radius:var(--radius-pill);border:1px solid var(--color-accent);color:var(--color-accent);white-space:nowrap;padding:2px 10px;font-size:12px;font-weight:600}.partido-card__equipos{text-align:center;color:var(--color-text);margin:16px 0;font-size:18px;font-weight:600}.partido-card__bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.partido-card__estadio{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.partido-card__action{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600}.partido-card__action--locked{background:var(--color-locked-bg);color:var(--color-locked-text);cursor:not-allowed}.partido-card__action--add{background:var(--color-accent);color:var(--color-accent-text)}.partido-card__action--remove{background:var(--color-danger-bg);color:var(--color-danger)}.toast{border-radius:var(--radius-card);text-align:center;z-index:50;border:1px solid;width:calc(100% - 32px);max-width:448px;padding:12px 16px;font-size:14px;font-weight:500;display:block;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast--lifted{bottom:88px}.toast--success{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.toast--error{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.bottom-bar{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:40;gap:8px;width:100%;max-width:480px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (width>=768px){.bottom-bar{max-width:960px}}.bottom-bar__button{border-radius:var(--radius-pill);cursor:pointer;border:none;flex:1;padding:12px;font-size:14px;font-weight:600}.bottom-bar__button:disabled{opacity:.6;cursor:not-allowed}.bottom-bar__button--add{background:var(--color-accent);color:var(--color-accent-text)}.bottom-bar__button--remove{background:var(--color-danger-bg);color:var(--color-danger)}.bottom-bar__button--stop{color:var(--color-danger);background:#b3463c14;border:1px solid #b3463c40}.modal-overlay{z-index:60;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);text-align:center;width:100%;max-width:320px;padding:24px}.modal__icon{font-size:36px}.modal__title{color:var(--color-text);margin:12px 0 4px;font-size:16px;font-weight:600}.modal__text{color:var(--color-text-muted);margin:0;font-size:13px}.modal__actions{gap:8px;margin-top:20px;display:flex}.modal__button{border-radius:var(--radius-pill);cursor:pointer;flex:1;padding:10px;font-size:14px;font-weight:600}.modal__button--secondary{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0}.modal__button--primary{background:var(--color-accent);color:var(--color-accent-text);border:none}.empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:12px;padding:64px 16px;display:flex}.empty-state__icon{font-size:48px}.empty-state__text{margin:0;font-size:14px}.empty-state__button{border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:10px 20px;font-size:14px;font-weight:600}