.match-card-live{
      border: 1px solid var(--divider);
      border-radius: var(--radius);
      background: var(--card);
      box-shadow: var(--shadow);
      padding: 14px;
    }
    .tag{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding: 6px 10px;
      border-radius: 999px;
      border: 1px solid rgba(17,17,17,.14);
      background: rgba(255,255,255,.75);
      font-weight: 900;
      font-size: 12px;
      color: rgba(17,17,17,.78);
      white-space: nowrap;
    }
    .tag.live{ background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.25); color: rgba(245,158,11,.95); }
    .tag.done{ background: rgba(22,163,74,.12); border-color: rgba(22,163,74,.25); color: rgba(22,163,74,.95); }
    .tag.late{ background: rgba(220,53,69,.12); border-color: rgba(220,53,69,.25); color: rgba(220,53,69,.95); }

    .teamline{
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 12px;
      padding: 10px 10px;
      border-radius: 14px;
      border: 1px solid rgba(17,17,17,.10);
      background: rgba(17,17,17,.03);
      margin-top: 8px;
    }
    .names{ display:flex; align-items:center; gap:10px; min-width: 0; }
    .names .txt{ font-weight: 900; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
    .player-link{ color: inherit; text-decoration: none; font-weight: 900; }
    .player-link:hover{ color:#0d6efd; text-decoration: underline; }
    .metaRow{ display:flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 12px; }
    .subtle{ color: rgba(17,17,17,.70); font-weight:800; font-size: 13px; }
    .section-title{ font-weight: 950; letter-spacing: -0.02em; margin: 18px 0 10px; }

    .btn-touch{ min-height: 48px; padding: 10px 14px; font-weight: 900; }
    @media (max-width: 576px){
      .btn-touch{ width:100%; }
      .metaRow .btn{ width:100%; }
    }

    .score-chip{ border:1px solid rgba(17,17,17,.15); border-radius:999px; padding:6px 10px; background:rgba(255,255,255,.7); font-weight:900; cursor:pointer; }
    .score-chip:hover{ background:rgba(255,211,77,.25); }

    .op-summary-grid{
      display:grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap: 12px;
      margin: 0 0 16px;
    }
    .op-summary-card{
      border: 1px solid var(--divider);
      border-radius: 18px;
      background: rgba(255,255,255,.78);
      box-shadow: 0 10px 24px rgba(17,17,17,.05);
      padding: 14px;
      min-height: 92px;
    }
    .op-summary-card .n{
      font-size: 30px;
      line-height: 1;
      font-weight: 950;
      letter-spacing: -.04em;
    }
    .op-summary-card .l{
      color: rgba(17,17,17,.68);
      font-weight: 900;
      font-size: 13px;
      margin-top: 6px;
    }
    .op-summary-card.live .n{ color: #d97706; }
    .op-summary-card.late .n{ color: #dc3545; }
    .op-summary-card.done .n{ color: #198754; }
    .op-toolbar{
      display:flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items:center;
    }
    .op-filter-block{
      display:flex;
      gap: 10px;
      flex-wrap: wrap;
      align-items:center;
    }
    .op-category-chips{
      display:flex;
      gap: 8px;
      flex-wrap: nowrap;
      overflow-x: auto;
      padding: 4px 0 2px;
      -webkit-overflow-scrolling: touch;
    }
    .op-category-chip{
      border: 1px solid rgba(17,17,17,.12);
      border-radius: 999px;
      background: rgba(255,255,255,.78);
      padding: 7px 10px;
      font-weight: 900;
      font-size: 12px;
      color: rgba(17,17,17,.76);
      white-space: nowrap;
      display:inline-flex;
      gap: 6px;
      align-items:center;
    }
    .op-category-chip.active{
      background: rgba(255,211,77,.35);
      border-color: rgba(255,193,7,.45);
      color: rgba(17,17,17,.92);
    }
    .op-category-chip .count{
      min-width: 20px;
      height: 20px;
      border-radius: 999px;
      background: rgba(17,17,17,.08);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding: 0 6px;
      font-size: 11px;
    }
    .btn-call{
      border-color: rgba(13,110,253,.25);
      background: rgba(13,110,253,.08);
      color: #0d6efd;
    }
    .btn-call:hover{ background: rgba(13,110,253,.16); color:#0b5ed7; }
    .match-card-live.focus-live{ border-color: rgba(245,158,11,.45); }
    .match-card-live.focus-late{ border-color: rgba(220,53,69,.42); }
    .txt{ overflow-wrap:anywhere; }
    @media (max-width: 768px){
      .op-summary-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
    }
    @media (max-width: 420px){
      .op-summary-grid{ grid-template-columns: 1fr; }
    }


    .op-hub-grid{
      display:grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 14px;
    }
    .op-hub-card{
      border: 1px solid var(--divider);
      border-radius: 20px;
      background: var(--card);
      box-shadow: var(--shadow);
      overflow: hidden;
      height: 100%;
    }
    .op-hub-logo{
      height: 118px;
      background: rgba(17,17,17,.035);
      display:flex;
      align-items:center;
      justify-content:center;
      border-bottom: 1px solid rgba(17,17,17,.08);
    }
    .op-hub-logo img{ max-width:100%; max-height:100%; object-fit:contain; }
    .op-hub-placeholder{
      width:64px;height:64px;border-radius:22px;
      display:flex;align-items:center;justify-content:center;
      background: rgba(255,211,77,.35);
      border:1px solid rgba(17,17,17,.08);
      font-size:30px;
    }
    .op-hub-stats{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:8px; margin-top:12px; }
    .op-hub-stat{ border:1px solid rgba(17,17,17,.09); border-radius:14px; padding:8px 6px; text-align:center; background:rgba(17,17,17,.025); }
    .op-hub-stat .n{ font-weight:950; font-size:18px; line-height:1; }
    .op-hub-stat .l{ font-size:10px; color:rgba(17,17,17,.62); font-weight:900; margin-top:4px; }
    .op-hub-actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }
    .op-hub-actions .btn{ flex:1 1 auto; font-weight:900; }
    @media (max-width: 992px){ .op-hub-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
    @media (max-width: 576px){ .op-hub-grid{ grid-template-columns: 1fr; } }