.mcp{--bg:#fff;--card:#f9f9f9;--text:#1f2024;--muted:#6b7280;--line:#e6e8ec;--hover:#f2f4f7;--upcoming:#0277bd;--soon:#35bd53;--live:#e00025;--done:#1f2024;--pen:#ffa007;
  color:var(--text);font-family:inherit;line-height:1.55;box-sizing:border-box}
.mcp *,.mcp *::before,.mcp *::after{box-sizing:border-box}
.mcp--dark{--bg:#19232d;--card:#202a34;--text:#eef1f5;--muted:#9fb0c0;--line:#2c3a47;--hover:#26323d;--done:#3b4856}
.mcp a{text-decoration:none;color:inherit}
.mcp img{max-width:100%;height:auto}

/* ── الرأس والتبويبات ── */
.mcp-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}
.mcp-title{margin:0;font-size:1.25rem;font-weight:800;color:var(--text)}
.mcp-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mcp-tabs{display:flex;gap:6px}
.mcp-tab{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--text);padding:7px 18px;border-radius:999px;font:inherit;font-size:.88rem;cursor:pointer;transition:.15s}
.mcp-tab:hover{background:var(--hover)}
.mcp-tab.is-active{background:var(--mcp-accent,#0277bd);border-color:var(--mcp-accent,#0277bd);color:#fff}
.mcp-tzpick{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted)}
.mcp-tz{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:6px 10px;font:inherit;font-size:.85rem}
.mcp-body{transition:opacity .15s}
.mcp-body.is-loading{opacity:.45}
.mcp-empty{padding:30px 14px;text-align:center;color:var(--muted);background:var(--card);border-radius:12px;margin:0}

/* ── بطاقة المباراة ── */
.mcp-cards{display:grid;gap:14px}
.mcp-card{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:hidden;--st:var(--upcoming);transition:box-shadow .2s,transform .2s}
.mcp-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px)}
.mcp-st-soon{--st:var(--soon)}.mcp-st-live{--st:var(--live)}.mcp-st-finished,.mcp-st-postponed{--st:var(--done)}.mcp-st-penalty{--st:var(--pen)}
.mcp-card__main{display:grid;grid-template-columns:1fr minmax(150px,200px) 1fr;align-items:center;gap:8px;padding:18px 16px}
.mcp-team{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0}
.mcp-team img{width:72px;height:72px;object-fit:contain}
.mcp-team__name{font-weight:700;font-size:.98rem}
.mcp-mid{display:flex;flex-direction:column;align-items:center;gap:8px}
.mcp-res{display:flex;align-items:center;justify-content:center;gap:12px;direction:ltr}
.mcp-goal{font-size:2.3rem;font-weight:800;line-height:1;min-width:26px;text-align:center}
.mcp-info{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:84px}
.mcp-tzname{font-size:.7rem;color:var(--muted)}
.mcp-time{font-size:1.05rem;font-weight:700;direction:ltr;display:inline-block}
.mcp-status{display:inline-block;background:var(--st);color:#fff;font-size:.72rem;font-weight:700;padding:2px 12px;border-radius:999px;white-space:nowrap}
.mcp-st-live .mcp-status{animation:mcp-blink 1.3s infinite}
@keyframes mcp-blink{50%{opacity:.55}}
.mcp-pen{display:flex;align-items:center;gap:8px;font-size:.78rem;background:var(--card);border-radius:8px;padding:2px 10px}
.mcp-pen b{color:var(--pen)}
.mcp-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;padding:10px 12px;border-top:1px solid var(--line);background:var(--card);font-size:.82rem;color:var(--muted)}
.mcp-foot span{display:inline-flex;align-items:center;gap:6px}
.mcp-i{color:var(--mcp-accent,#0277bd);flex:none}
.mcp-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,18,28,.62);opacity:0;transition:.2s}
.mcp-mask span{background:var(--mcp-accent,#0277bd);color:#fff;padding:9px 22px;border-radius:999px;font-weight:700;font-size:.9rem}
.mcp-card:hover .mcp-mask,.mcp-mask:focus-visible{opacity:1}

/* ── الصفوف المصغّرة ── */
.mcp-group{background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:12px}
.mcp-group header{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--card);border-bottom:1px solid var(--line)}
.mcp-group h3{margin:0;font-size:.92rem;font-weight:700;color:var(--text)}
.mcp-row{display:grid;grid-template-columns:1fr 96px 1fr;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);--st:var(--upcoming)}
.mcp-row:last-child{border-bottom:0}
.mcp-row:hover{background:var(--hover)}
.mcp-row__team{display:flex;align-items:center;gap:9px;font-weight:600;font-size:.9rem;min-width:0}
.mcp-row__team span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcp-row__team img{width:30px;height:30px;object-fit:contain;flex:none}
.mcp-row__mid{display:flex;flex-direction:column;align-items:center;gap:3px}
.mcp-sc{display:flex;gap:6px;font-size:1.15rem;font-weight:800;direction:ltr}.mcp-sc i{font-style:normal;color:var(--muted)}
.mcp-row .mcp-status{font-size:.68rem;padding:1px 9px}

/* ── السلايدر ── */
.mcp-slider{position:relative}
.mcp-slider__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px}
.mcp-slider__track::-webkit-scrollbar{display:none}
.mcp-slider__item{flex:0 0 min(340px,86%);scroll-snap-align:start}
.mcp-slider .mcp-card__main{grid-template-columns:1fr 120px 1fr;padding:14px 8px}
.mcp-slider .mcp-team img{width:54px;height:54px}
.mcp-slider .mcp-goal{font-size:1.7rem}
.mcp-slider__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:var(--mcp-accent,#0277bd);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.mcp-slider__prev{inset-inline-start:-6px}.mcp-slider__next{inset-inline-end:-6px}

/* ── ترويسة صفحة المباراة ── */
.mcp-hero{border-radius:16px;overflow:hidden;margin-bottom:18px;--st:var(--upcoming)}
.mcp-hero__link{display:block}
.mcp-hero__date{text-align:center;font-size:.9rem;padding-top:16px}
.mcp-hero__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:14px 18px}
.mcp-hero__team{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-weight:800;font-size:1.05rem}
.mcp-hero__team img{width:96px;height:96px;object-fit:contain}
.mcp-hero__score{display:flex;align-items:center;gap:14px;direction:ltr;font-size:3.6rem;font-weight:800;line-height:1}
.mcp-hero__score i{font-style:normal;opacity:.55}
.mcp-hero__state{text-align:center;padding-bottom:16px}
.mcp-hero .mcp-pen{margin:0 auto 8px;width:max-content}
.mcp-hero__bar{display:flex;flex-wrap:wrap;justify-content:space-around;gap:8px 16px;background:#fff;color:#1f2024;margin:0 14px 14px;padding:11px 14px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.15);font-size:.88rem}
.mcp-hero__bar span{display:inline-flex;align-items:center;gap:7px}
.mcp-hero--1{color:#fff;background:
  radial-gradient(ellipse at 50% 120%,rgba(255,255,255,.18),transparent 55%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 60px,transparent 60px 120px),
  linear-gradient(180deg,#0f3d22 0%,#1a6b3a 55%,#0d2f1b 100%)}
.mcp-hero--1 .mcp-time{color:#fff}
.mcp-hero--2{background:var(--card);border:1px solid var(--line);color:var(--text)}
.mcp-hero--2 .mcp-hero__score{color:#12263a}
.mcp--dark .mcp-hero--2 .mcp-hero__score{color:var(--text)}
.mcp-hero--2 .mcp-hero__score i{color:#b4b4b4;opacity:1}
.mcp-hero--2 .mcp-hero__bar{box-shadow:none;border:1px solid var(--line)}

/* ── الصناديق ── */
.mcp-box{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:18px}
.mcp-box__title{margin:0 0 14px;font-size:1.05rem;font-weight:800;color:var(--text)}
.mcp-ad{margin:0 0 18px;text-align:center}
.mcp-content{overflow-wrap:anywhere}

/* السيرفرات */
.mcp-srv__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.mcp-srv__tab{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--text);padding:8px 18px;border-radius:10px;font:inherit;font-weight:700;font-size:.88rem;cursor:pointer}
.mcp-srv__tab.is-active{background:var(--mcp-accent,#0277bd);color:#fff;border-color:var(--mcp-accent,#0277bd)}
.mcp-srv__panel{display:none}.mcp-srv__panel.is-active{display:block}
.mcp-srv__frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}
.mcp-srv__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mcp-btn{display:inline-block;background:var(--mcp-accent,#0277bd);color:#fff!important;padding:10px 22px;border-radius:10px;font-weight:700}

/* خط الأحداث الزمني */
.mcp-tl{list-style:none;margin:0;padding:0;position:relative}
.mcp-tl::before{content:"";position:absolute;inset-block:0;inset-inline-start:50%;width:2px;background:var(--line);transform:translateX(-50%)}
.mcp-tl__state{text-align:center;position:relative;margin-bottom:14px}
.mcp-pill-state{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px 40px;font-weight:700;font-size:.85rem}
.mcp-ev{display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;gap:8px;margin-bottom:10px;position:relative}
.mcp-ev__min{width:40px;height:40px;border-radius:50%;background:var(--bg);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#f0a30a;justify-self:center;direction:ltr}
.mcp-ev__side{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.9rem}
.mcp-ev__side--h{align-items:flex-end;text-align:end}
.mcp-ev__side--a{align-items:flex-start;text-align:start}
.mcp-ev__l{display:inline-flex;align-items:center;gap:7px}
.mcp-cardico{display:inline-block;width:12px;height:16px;border-radius:2px}
.mcp-cardico--y{background:#f5b800}.mcp-cardico--r{background:#e00025}

/* الملعب */
.mcp-pitch{position:relative;max-width:520px;margin:0 auto 18px;aspect-ratio:2/3;border-radius:10px;overflow:hidden;border:3px solid #2f6b3f;
  background:repeating-linear-gradient(180deg,#2e7d3c 0 8.33%,#276a33 8.33% 16.66%)}
.mcp-pitch__lines i{position:absolute;border:2px solid rgba(255,255,255,.45);display:block}
.mcp-pl-mid{left:0;right:0;top:50%;height:0;border-width:2px 0 0!important}
.mcp-pl-circle{width:26%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
.mcp-pl-box{left:22%;right:22%;height:15%}
.mcp-pl-box--t{top:-2px}.mcp-pl-box--b{bottom:-2px}
.mcp-pitch__fm{position:absolute;z-index:3;background:rgba(255,255,255,.28);color:#fff;font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:999px;direction:ltr}
.mcp-pitch__fm--t{top:8px;inset-inline-start:8px}.mcp-pitch__fm--b{bottom:8px;inset-inline-end:8px}
.mcp-pl{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;width:19%;z-index:2}
.mcp-shirt{width:34px;height:31px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
.mcp-pl span{background:rgba(0,0,0,.5);color:#fff;font-size:.62rem;padding:0 5px;border-radius:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcp-lu{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mcp-lu__h{margin:0 0 6px;padding:8px 12px;background:var(--card);border-radius:8px;font-size:.95rem}
.mcp-lu__coach{margin:0 0 6px;font-size:.82rem;color:var(--muted)}
.mcp-lu h5{margin:10px 0 4px;font-size:.82rem;color:var(--muted)}
.mcp-lu ul{list-style:none;margin:0;padding:0}
.mcp-lu li{display:flex;align-items:center;gap:10px;padding:6px 4px;border-bottom:1px solid var(--line);font-size:.88rem}
.mcp-lu li em{margin-inline-start:auto;font-style:normal;font-size:.75rem;color:var(--muted)}
.mcp-lu__n{min-width:24px;text-align:center;font-weight:800}
.mcp-lu__n--r{color:#e74c3c}.mcp-lu__n--b{color:#3498db}

/* الإحصائيات + المواجهات */
.mcp-stat{margin-bottom:14px}
.mcp-stat__row{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:5px}
.mcp-stat__row span{color:var(--muted)}
.mcp-stat__bar{height:7px;background:var(--line);border-radius:7px;overflow:hidden}
.mcp-stat__bar i{display:block;height:100%;background:var(--mcp-accent,#0277bd)}
.mcp-h2h{list-style:none;margin:0;padding:0}
.mcp-h2h li{display:grid;grid-template-columns:96px 1fr;gap:3px 12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:.9rem}
.mcp-h2h__d{color:var(--muted);direction:ltr;text-align:start}
.mcp-h2h__c{grid-column:2;font-size:.78rem;color:var(--muted)}

@media (max-width:600px){
  .mcp-card__main{grid-template-columns:1fr 112px 1fr;padding:14px 8px}
  .mcp-team img{width:52px;height:52px}.mcp-team__name{font-size:.8rem}
  .mcp-goal{font-size:1.7rem}.mcp-info{min-width:60px}
  .mcp-hero__row{gap:6px;padding:10px 8px}.mcp-hero__team img{width:62px;height:62px}.mcp-hero__team{font-size:.85rem}
  .mcp-hero__score{font-size:2.3rem;gap:8px}
  .mcp-row{grid-template-columns:1fr 78px 1fr;padding:9px 8px}
  .mcp-row__team{flex-direction:column;text-align:center;gap:3px;font-size:.78rem}
  .mcp-lu{grid-template-columns:1fr}
  .mcp-shirt{width:26px;height:24px}.mcp-pl span{font-size:.52rem}
}