/* ============================
============================ */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&family=Tajawal:wght@300;400;500;700;900&family=Share+Tech+Mono&display=swap');
#cb-cl-match {
--navy: #0b111c;
--navy2: #101a29;
--paper: #f7f5ef;
--ink: #13181f;
--muted: #8592a3;
--spain: #c60b1e;
--spain-gold: #ffc400;
--portugal: #046a38;
--portugal-red: #da020e;
--clock: #ff4545;
--radius: 18px;
background: var(--navy);
color: #eef1f5;
font-family: 'Tajawal', 'Arial', sans-serif;
direction: rtl;
padding: 0;
overflow: hidden;
}
#cb-cl-match * { box-sizing: border-box; margin: 0; padding: 0; }
#cb-cl-match h1, #cb-cl-match h2, #cb-cl-match h3, #cb-cl-match .brand {
font-family: 'Almarai', 'Arial', sans-serif;
}
#cb-cl-match .mono { font-family: 'Share Tech Mono', monospace; }
#cb-cl-match .wrap { max-width: 1000px; margin: 0 auto; padding: 0 22px; }
#cb-cl-match .topbar {
position: sticky;
top: 0;
z-index: 50;
background: rgba(11,17,28,.92);
backdrop-filter: blur(8px);
border-bottom: 1px solid rgba(255,196,0,.2);
}
#cb-cl-match .topbar .wrap { display: flex; align-items: center; justify-content: space-between; padding: 12px 22px; }
#cb-cl-match .brand { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 1.05rem; color: #fff; }
#cb-cl-match .brand .drop {
width: 20px; height: 24px; background: linear-gradient(180deg, var(--spain-gold), #fff2b8);
clip-path: path('M10 0 C10 0 20 14 20 18 A10 10 0 1 1 0 18 C0 14 10 0 10 0 Z');
}
#cb-cl-match .brand small { color: var(--muted); font-family: 'Tajawal', sans-serif; font-weight: 400; font-size: .72rem; display: block; }
#cb-cl-match .pill { border: 1px solid rgba(238,241,245,.22); padding: 6px 14px; border-radius: 999px; font-size: .78rem; color: var(--muted); }
/* HERO */
#cb-cl-match .hero {
position: relative;
min-height: 85vh;
display: flex;
flex-direction: column;
justify-content: center;
background: radial-gradient(120% 90% at 50% 0%, #16233a 0%, #0b111c 65%);
overflow: hidden;
text-align: center;
}
#cb-cl-match .hero::after {
content: ""; position: absolute; inset: 0;
background: repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 80px);
pointer-events: none;
}
#cb-cl-match .hero-inner { position: relative; z-index: 2; padding: 60px 20px 30px; }
#cb-cl-match .eyebrow { color: var(--spain-gold); letter-spacing: 3px; font-size: .76rem; font-weight: 700; text-transform: uppercase; }
#cb-cl-match .clockbox {
display: inline-flex; align-items: center; gap: 10px; background: #000; border: 2px solid var(--clock);
border-radius: 12px; padding: 10px 22px; margin: 22px auto 4px; box-shadow: 0 0 24px rgba(255,69,69,.35);
}
#cb-cl-match .clockbox .t { font-size: 2.6rem; color: var(--clock); letter-spacing: 2px; text-shadow: 0 0 12px rgba(255,69,69,.7); }
#cb-cl-match .clockbox .lbl { font-size: .7rem; color: #ff9d9d; letter-spacing: 1px; }
#cb-cl-match .score-row { display: flex; align-items: center; justify-content: center; gap: 24px; margin: 22px 0 8px; }
#cb-cl-match .side { display: flex; flex-direction: column; align-items: center; gap: 8px; }
#cb-cl-match .flag { width: 54px; height: 36px; border-radius: 6px; box-shadow: 0 6px 16px rgba(0,0,0,.4); }
#cb-cl-match .flag.esp { background: linear-gradient(180deg,#c60b1e 0 25%,#ffc400 25% 75%,#c60b1e 75% 100%); }
#cb-cl-match .flag.por { background: linear-gradient(90deg,#046a38 0 40%,#da020e 40% 100%); }
#cb-cl-match .side span { font-size: .85rem; color: var(--muted); }
#cb-cl-match .score { font-size: 4.6rem; font-weight: 800; line-height: 1; color: #fff; }
#cb-cl-match .score .dash { color: var(--spain-gold); font-size: 2.2rem; margin: 0 8px; }
#cb-cl-match h1.headline { font-size: 1.9rem; margin: 12px auto 8px; max-width: 640px; font-weight: 800; color: #fff; }
#cb-cl-match .sub { color: #c3ccd8; max-width: 580px; margin: 0 auto; font-size: 1rem; line-height: 1.95; }
#cb-cl-match .matchbar { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
#cb-cl-match .chip { background: rgba(238,241,245,.05); border: 1px solid rgba(238,241,245,.14); padding: 8px 16px; border-radius: 999px; font-size: .82rem; color: #fff; }
#cb-cl-match .chip b { color: var(--spain-gold); }
#cb-cl-match section { padding: 50px 0; }
#cb-cl-match .paper { background: var(--paper); color: var(--ink); }
#cb-cl-match .kicker { color: var(--spain); font-weight: 700; font-size: .78rem; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; }
#cb-cl-match .dark .kicker { color: var(--spain-gold); }
#cb-cl-match h2.title { font-size: 1.65rem; margin: 0 0 20px; font-weight: 800; color: var(--ink); }
#cb-cl-match .dark h2.title { color: #eef1f5; }
#cb-cl-match .lede { font-size: 1.02rem; line-height: 2; color: #3a4048; max-width: 760px; }
#cb-cl-match .dark .lede { color: #b9c3d0; }
#cb-cl-match .reveal { opacity: 0; transform: translateY(22px); transition: opacity .8s ease, transform .8s ease; }
#cb-cl-match .reveal.in { opacity: 1; transform: none; }
#cb-cl-match .story p { font-size: 1.02rem; line-height: 2.05; color: #2c343c; margin: 0 0 18px; }
#cb-cl-match .story strong { color: var(--spain); }
#cb-cl-match .drop-line { border-right: 3px solid var(--spain-gold); padding-right: 16px; margin: 28px 0; font-weight: 700; font-size: 1.12rem; color: #1a2027; }
#cb-cl-match .timeline { position: relative; padding-right: 26px; border-right: 2px dashed rgba(13, 21, 31, 0.3); }
#cb-cl-match .tl-item { position: relative; padding: 0 0 32px 0; margin-right: 20px; }
#cb-cl-match .tl-item::before {
content: ""; position: absolute; right: -34px; top: 4px; width: 14px; height: 14px; border-radius: 50%;
background: var(--spain-gold); border: 3px solid var(--paper); z-index: 2;
}
#cb-cl-match .tl-item.por::before { background: var(--portugal); }
#cb-cl-match .tl-item.win::before { background: var(--clock); box-shadow: 0 0 0 4px rgba(255,69,69,.25); }
#cb-cl-match .tl-min { display: inline-block; font-weight: 800; font-family: 'Share Tech Mono', monospace; background: var(--ink); color: var(--spain-gold); padding: 3px 12px; border-radius: 8px; font-size:.85rem; margin-bottom:8px; }
#cb-cl-match .tl-item h3 { margin: 4px 0 4px; font-size: 1.03rem; color: var(--ink); }
#cb-cl-match .tl-item p { margin: 0; color: #495159; line-height: 1.9; font-size: .95rem; }
/* Signature clock */
#cb-cl-match .clock-signature { background: linear-gradient(160deg,#0f1a2b,#0b111c); border: 1px solid rgba(255,69,69,.28); border-radius: 22px; padding: 36px 24px; text-align: center; margin-top: 10px; }
#cb-cl-match .big-clock { font-family: 'Share Tech Mono', monospace; font-size: 3.6rem; color: var(--clock); text-shadow: 0 0 20px rgba(255,69,69,.5); letter-spacing: 2px; }
#cb-cl-match .clock-caption { color: #b9c3d0; font-size: .9rem; margin-top: 6px; }
#cb-cl-match .beat-row { display: flex; justify-content: center; gap: 6px; margin: 20px 0; }
#cb-cl-match .beat { width: 6px; height: 26px; background: rgba(255,69,69,.25); border-radius: 3px; transition: .3s; }
#cb-cl-match .beat.hit { background: var(--clock); height: 38px; }
#cb-cl-match .flash-goal { opacity: 0; font-weight: 800; font-size: 1.5rem; color: var(--spain-gold); transition: opacity .5s ease; margin-top: 6px; }
#cb-cl-match .flash-goal.show { opacity: 1; }
#cb-cl-match .tabs { display: flex; gap: 8px; margin-bottom: 24px; flex-wrap: wrap; }
#cb-cl-match .tab-btn { background: transparent; border: 1px solid rgba(19,24,31,.2); color: #2c343c; padding: 9px 20px; border-radius: 999px; font-weight: 700; font-size: .87rem; cursor: pointer; font-family: 'Tajawal', sans-serif; }
#cb-cl-match .tab-btn.active { background: var(--ink); color: var(--spain-gold); border-color: var(--ink); }
#cb-cl-match .stat-row { margin-bottom: 20px; }
#cb-cl-match .stat-labels { display: flex; justify-content: space-between; font-size: .9rem; font-weight: 700; margin-bottom: 6px; }
#cb-cl-match .stat-labels .por { color: var(--portugal); } #cb-cl-match .stat-labels .esp { color: var(--spain); }
#cb-cl-match .bar-track { height: 12px; background: #e5e2d9; border-radius: 999px; overflow: hidden; display: flex; }
#cb-cl-match .bar-por { background: var(--portugal); height: 100%; width: 0; transition: width 1.1s ease; }
#cb-cl-match .bar-esp { background: var(--spain); height: 100%; width: 0; transition: width 1.1s ease; }
#cb-cl-match .stat-name { text-align: center; font-size: .77rem; color: #6f7882; margin-top: 6px; }
#cb-cl-match .stat-cat { display: none; } #cb-cl-match .stat-cat.active { display: block; }
#cb-cl-match .xg-card { background: #0f1a2b; border: 1px solid rgba(255,196,0,.22); border-radius: 18px; padding: 22px; margin-top: 24px; display: flex; justify-content: center; gap: 50px; flex-wrap: wrap; }
#cb-cl-match .xg-card div { text-align: center; }
#cb-cl-match .xg-card .num { font-size: 1.8rem; font-weight: 800; font-family: 'Share Tech Mono', monospace; }
#cb-cl-match .xg-card .esp .num { color: var(--spain-gold); } #cb-cl-match .xg-card .por .num { color: #3fae7c; }
#cb-cl-match .xg-card small { color: var(--muted); }
#cb-cl-match .keepers { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
#cb-cl-match .k-card { background: #fff; border: 1px solid #e5e2d9; border-radius: var(--radius); padding: 20px; }
#cb-cl-match .k-card h3 { margin: 0 0 2px; font-size: 1.05rem; color: var(--ink); }
#cb-cl-match .k-card .role { color: #8b95a0; font-size: .78rem; margin-bottom: 14px; }
#cb-cl-match .k-rating { display: inline-block; background: var(--ink); color: var(--spain-gold); font-family: 'Share Tech Mono', monospace; padding: 3px 12px; border-radius: 8px; font-size: .9rem; margin-bottom: 10px; }
#cb-cl-match .k-stats { display: flex; flex-wrap: wrap; gap: 10px 18px; }
#cb-cl-match .k-stats div { text-align: center; min-width: 64px; }
#cb-cl-match .k-stats .num { font-weight: 800; font-size: 1.2rem; color: var(--ink); }
#cb-cl-match .k-stats small { color: #8b95a0; font-size: .68rem; }
@media(max-width:680px){#cb-cl-match .keepers { grid-template-columns: 1fr; }}
#cb-cl-match .motm { background: linear-gradient(120deg,#fff,#fbf3d8); border: 1px solid #eadfa8; border-radius: 22px; padding: 28px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 22px; }
#cb-cl-match .motm-badge { width: 74px; height: 74px; border-radius: 50%; background: var(--ink); color: var(--spain-gold); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.6rem; flex: none; }
#cb-cl-match .motm h3 { margin: 0 0 4px; font-size: 1.2rem; color: var(--ink); }
#cb-cl-match .motm .rate { display: inline-block; background: var(--spain); color: #fff; font-family: 'Share Tech Mono', monospace; padding: 2px 10px; border-radius: 6px; font-size: .85rem; margin-inline-start: 8px; }
#cb-cl-match .motm p { margin: 8px 0 0; color: #4a4330; line-height: 1.9; font-size: .95rem; max-width: 560px; }
/* Farewell */
#cb-cl-match .farewell { background: linear-gradient(160deg,#1a0d10,#0b111c); border: 1px solid rgba(218,2,14,.3); border-radius: 22px; padding: 30px 24px; }
#cb-cl-match .fw-head { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; flex-wrap: wrap; }
#cb-cl-match .fw-badge { width: 60px; height: 60px; border-radius: 50%; background: var(--portugal-red); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.4rem; color: #fff; }
#cb-cl-match .fw-title { font-size: 1.15rem; font-weight: 800; color: #fff; }
#cb-cl-match .fw-sub { color: #e0a9ab; font-size: .85rem; }
#cb-cl-match .ron-rows { display: flex; flex-direction: column; gap: 8px; }
#cb-cl-match .ron-row { display: grid; grid-template-columns: 90px 1fr 40px; align-items: center; gap: 10px; font-size: .82rem; color: #dfe6ee; }
#cb-cl-match .ron-bar-track { height: 10px; background: rgba(255,255,255,.08); border-radius: 6px; overflow: hidden; }
#cb-cl-match .ron-bar { height: 100%; background: linear-gradient(90deg,var(--portugal-red),#ff6b6b); width: 0; transition: width 1.2s ease; }
#cb-cl-match .ron-row b { text-align: left; color: var(--spain-gold); font-family: 'Share Tech Mono', monospace; }
#cb-cl-match .ron-total { margin-top: 18px; display: flex; gap: 26px; flex-wrap: wrap; justify-content: center; background: rgba(255,255,255,.04); padding: 14px; border-radius: 12px; }
#cb-cl-match .ron-total div { text-align: center; }
#cb-cl-match .ron-total .num { font-family: 'Share Tech Mono', monospace; font-size: 1.4rem; color: var(--spain-gold); font-weight: 800; }
#cb-cl-match .ron-total small { color: var(--muted); }
/* Torch */
#cb-cl-match .torch { margin-top: 22px; background: #0f1a2b; border: 1px solid rgba(255,196,0,.22); border-radius: 18px; padding: 22px 24px; display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
#cb-cl-match .torch-badge { width: 54px; height: 54px; border-radius: 50%; background: var(--spain); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.2rem; flex: none; }
#cb-cl-match .torch h3 { margin: 0 0 6px; font-size: 1.05rem; }
#cb-cl-match .torch p { margin: 0; color: #b9c3d0; line-height: 1.9; font-size: .93rem; }
#cb-cl-match .torch-stats { display: flex; gap: 16px; margin-top: 12px; flex-wrap: wrap; }
#cb-cl-match .torch-stats div { text-align: center; }
#cb-cl-match .torch-stats .num { font-weight: 800; font-family: 'Share Tech Mono', monospace; color: var(--spain-gold); font-size: 1.1rem; }
#cb-cl-match .torch-stats small { color: var(--muted); font-size: .68rem; }
#cb-cl-match .facts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
#cb-cl-match .fact { background: #0f1a2b; border: 1px solid rgba(255,196,0,.2); border-radius: 14px; padding: 16px 18px; color: #dbe3ec; font-size: .91rem; line-height: 1.85; display: flex; gap: 12px; }
#cb-cl-match .fact .n { font-family: 'Share Tech Mono', monospace; font-weight: 800; color: var(--spain-gold); font-size: 1rem; min-width: 26px; }
@media(max-width:760px){#cb-cl-match .facts-grid { grid-template-columns: 1fr; }}
#cb-cl-match .next { background: linear-gradient(120deg,#0f1a2b,#1a2740); border-radius: 22px; border: 1px solid rgba(255,196,0,.28); padding: 32px 26px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; }
#cb-cl-match .next .vs { font-weight: 800; font-size: 1.25rem; color: #fff; }
#cb-cl-match .next .info { color: var(--muted); font-size: .85rem; }
#cb-cl-match .btn-ghost { border: 1px solid var(--spain-gold); color: var(--spain-gold); padding: 10px 22px; border-radius: 999px; font-weight: 700; font-size: .85rem; text-decoration: none; white-space: nowrap; }
#cb-cl-match footer { padding: 40px 0 60px; text-align: center; color: var(--muted); font-size: .8rem; background: var(--navy); }
#cb-cl-match footer .brand { justify-content: center; margin-bottom: 8px; }
Cooling Breakتغطية كأس العالم 2026
دور الـ16 · AT&T ستاديوم
مباراة قررتها دقيقة واحدة فقط
90:00 الوقت الأصلي المحتسب
ميرينو يهدم أحلام رونالدو الأخيرة بهدف في الدقيقة 90+1
مباراة شطرنجية عالية المستوى بلا أهداف طوال 90 دقيقة، حسمها بديل دخل قبل الصافرة بست دقائق بس. إسبانيا لكأس العالم 2026 تتأهل، والبرتغال تودّع البطولة، ورونالدو يودّع كأس العالم للأبد .
📅 الاثنين 6 يوليو 2026
🏟️ ملعب AT&T (دالاس - أرلينجتون)
👥 70,649 متفرج
🧑⚖️ الحكم: أنتوني تايلور
حكاية المباراة
شطرنج بلا أهداف .. لغاية اللحظة الأخيرة
أداء الفريقين كان أقرب لمباراة قوة إرادة منه لعرض هجومي، وده طبيعي في مواجهة بحجم دور الـ16 . المكسب كان محسوب: ميكيل أوياثابال ضيّع أوضح فرصة في الدقيقة الثامنة بعد تمريرة رائعة من داني أولمو، بينما كريستيانو رونالدو كان الأخطر من ناحية البرتغال، بتسديدة أجبرت خط دفاع إسبانيا على أول اختبار حقيقي طوال البطولة .
نونو مينديز خرج مصاباً في الدقيقة 56، والفراغ اللي تركه كان بداية الطريق لهدف الحسم .
الشوط الثاني استمر هادئ نسبياً، مع تسديدات مبعثرة من الطرفين ومباراة كانت متجهة لشوطين إضافيين . لكن المدرب لويس دي لا فوينتي غيّر كل حاجة بقراره إدخال فيران توريس وميكيل ميرينو في آخر ربع ساعة .
ميرينو، اللي دخل بديلاً بعد 85 دقيقة، استلم تمريرة ذكية من توريس، وبكل هدوء وضع الكرة في الركن الأيسر السفلي متجاوزاً ديوجو كوستا في الدقيقة 90+1، ليقتل أي أمل في العودة للبرتغال وينهي مشوار رونالدو الأخير في كأس العالم .
لحظة بلحظة
خط زمني لأهم اللحظات
08'
أوياثابال يضيع فرصة الافتتاح
تمريرة مثالية من أولمو تكسر التسلل، لكن التسديدة تطير بعيدة عن المرمى .
12'
أول تسديدة على مرمى إسبانيا بالبطولة
رونالدو يسدد تسديدة فورية بعد مجهود من جواو فيليكس، لكن أوناي سيمون يتصدى لها .
33'
مينديز يهز العارضة
تسديدة قوية من ركنية قصيرة ترتد من رأس بيدرو بورتو وتضرب العارضة مباشرة .
56'
إصابة مينديز تغيّر المعادلة
أفضل مدافعي البرتغال يخرج مصاباً، ويفتح الطريق قدام لامين يامال لاحقاً .
85'
قرار جريء من المدرب
دي لا فوينتي يدخل توريس وميرينو معاً في تغيير هيكل الهجوم بالكامل .
90+1'
هدف الحسم
توريس يمرر بذكاء، وميرينو يسجل بتسديدته الوحيدة على المرمى طوال المباراة.. وينهي كل شيء .
مكيال Cooling Break
العد التنازلي اللي غيّر مصير مباراتين منتخبين
90 دقيقة من التوازن التكتيكي، وثانية واحدة قلبت كل حسابات البرتغال ورونالدو .
00:00
الوقت المحتسب بعد الشوط الثاني
⚽ ميرينو يسجل .. إسبانيا في ربع النهائي!
أرقام المباراة
سيطرة إسبانية هادئة .. وفعالية غابت عن الطرفين
إسبانيا امتلكت الكرة أكتر وصنعت فرص أوضح، لكن الرقم الحقيقي اللي فرّق كان جودة التسديدات لا عددها .
عام
هجوم
دفاع
33 30
استحواذ مفقود بالعمق الدفاعي
41 37
استحواذ مفقود بالعرض
صراع الحراس
مبارزة قفازات بلا أهداف حتى النهاية
ديوجو كوستا
حارس البرتغال
7.5
أوناي سيمون
حارس إسبانيا
7.5
6
ميكيل ميرينو 7.7
دخل في الدقيقة 85 ولمس الكرة 8 مرات بس، لكن كل لمسة كانت فارقة . في 14 دقيقة، حوّل فرصته الوحيدة على المرمى (0.55xG و0.78xGOT) لهدف قتل مباراة كاملة .
وداع أسطورة
كريستيانو رونالدو .. آخر رقصة في كأس العالم
أكد قبل المباراة إنها هتكون آخر كأس عالم ليه مع البرتغال . الحلم الوحيد اللي فاته طول مشواره لسه بعيد، لكن الأرقام بتحكي مسيرة أسطورية مالهاش مثيل .
CR7
27 مباراة .. ست نسخ كأس عالم
ثاني لاعب في التاريخ من حيث عدد المباريات الأساسية (25)، بعد ميسي (27)
شعلة جديدة
لامين يامال .. الجيل القادم يطرق الباب
19
لامين يامال
وفي نفس الليلة اللي ودّع فيها رونالدو كأس العالم، كان يامال بيمد الملعب من الطرف الأيمن . ركلة حرة منحنية أُنقذت فوق العارضة بالكاد، ومجهود دفاعي مستمر ضيّق الخناق على البرتغال .
حقائق Cooling Break
أرقام تاريخية من ليلة دالاس
01 إسبانيا أول منتخب في تاريخ كأس العالم يحافظ على نظافة شباكه في 6 مباريات متتالية، بمجموع 10 ساعات و9 دقائق بلا هدف .
02 هدف ميرينو هو عاشر هدف حاسم يُسجل في الدقائق الأخيرة (90 أو 120) بنسخة 2026، أكثر عدد في تاريخ البطولة بنسخة واحدة .
03 هدف ميرينو ثاني هدف لإسبانيا يُسجل في الدقيقة التسعين بتاريخها بكأس العالم، بعد هدف بيرو أمام المكسيك سنة 1962 .
04 هذا الفوز هو انتصار إسبانيا الحادي عشر بنتيجة 1-0 في كأس العالم، ولا يتفوق عليها غير ألمانيا (17) والبرازيل (13) .
05 البرتغال خسرت أو خرجت من 6 من آخر 8 مباريات إقصائية لها بكأس العالم، بعد ما خسرت مباراة واحدة بس من أول 5 مباريات إقصائية بتاريخها .
06 البرتغال لم تسدد ولا كرة واحدة على المرمى في الشوط الثاني بالكامل، من أصل 5 تسديدات بعد الاستراحة .
07 ميرينو أصبح خامس لاعب مختلف من آرسنال يسجل بنسخة 2026، أكبر عدد لاعبين من نادٍ واحد يسجلون بنسخة واحدة .
08 رونالدو سجل 3 أهداف في نسخة 2026 من 5 مباريات، ليختتم مسيرته الدولية بكأس العالم برصيد 11 هدفاً و27 مباراة .
