صراع الأساطير – أفضل لاعب في آخر 25 سنة

اختار من هو أفضل لاعب في آخر 25 سنة من خلال محاكاة صراع الأساطير المقدَّمة من 365Scores، والتي تعتمد على تحليل شامل لمسيرة أبرز نجوم كرة القدم الحديثة، وفق معايير دقيقة تشمل البطولات والألقاب، الإنجازات الفردية والجماعية، الأرقام القياسية، والاستمرارية في القمة عبر سنوات طويلة، للوصول إلى النتيجة الأكثر موضوعية بعيدًا عن الانحياز والعاطفة. أساطير الكرة | 365Scores :root { --brand-blue: #2194FF; --brand-dark: #151E22; --brand-gray: #F4F6F9; --text-main: #151E22; --text-light: #5F6B72; } body { font-family: 'Cairo', sans-serif; background-color: var(--brand-gray); color: var(--text-main); margin: 0; padding: 30px 0 50px 0; display: flex; flex-direction: column; align-items: center; min-height: 100vh; } /* --- الهيدر --- */ .header { text-align: center; margin-bottom: 25px; padding: 0 20px; } .logo-box { width: 110px; height: 35px; margin: 0 auto 10px auto; background-color: var(--brand-blue); -webkit-mask-image: url(https://imagecache.365scores.com/image/upload/f_png,c_limit,q_auto:eco,dpr_1/v3/Website/logo_new); mask-image: url(https://imagecache.365scores.com/image/upload/f_png,c_limit,q_auto:eco,dpr_1/v3/Website/logo_new); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; } h1 { font-size: 1.6rem; margin: 0; color: var(--brand-dark); text-transform: uppercase; } p.subtitle { margin: 5px 0 0 0; color: var(--text-light); font-size: 0.9rem; font-weight: 600; } /* --- الأزرار --- */ .btn-container { margin-bottom: 30px; text-align: center; width: 100%; } .btn-main { background-color: var(--brand-blue); color: white; border: none; padding: 12px 60px; font-size: 1rem; font-weight: bold; border-radius: 6px; cursor: pointer; box-shadow: 0 4px 10px rgba(33, 148, 255, 0.2); font-family: inherit; transition: background 0.2s, transform 0.1s; } .btn-main:active { transform: scale(0.98); } /* زر الإعادة (Secondary) */ .btn-retry { background-color: white; color: var(--brand-blue); border: 2px solid var(--brand-blue); padding: 12px 60px; font-size: 1rem; font-weight: bold; border-radius: 6px; cursor: pointer; font-family: inherit; margin-top: 20px; } .btn-retry:active { background-color: #f0f8ff; } /* --- حاوية البراكيت العمودية --- */ .bracket-container { display: none; flex-direction: column; align-items: center; width: 100%; max-width: 600px; padding: 0 15px; } /* --- الأدوار --- */ .round-section { width: 100%; margin-bottom: 40px; position: relative; display: flex; flex-direction: column; align-items: center; } .round-section:not(:last-child)::after { content: '▼'; color: #ccc; font-size: 1.2rem; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); } .round-title { font-size: 0.9rem; color: var(--brand-blue); font-weight: bold; margin-bottom: 15px; background: #eef4fb; padding: 5px 15px; border-radius: 20px; } .matches-grid { display: grid; width: 100%; gap: 10px; } .grid-2 { grid-template-columns: 1fr 1fr; } .grid-1 { grid-template-columns: 1fr; max-width: 350px; } .card { background: white; border: 1px solid #E1E4E8; border-radius: 8px; padding: 0; box-shadow: 0 2px 5px rgba(0,0,0,0.03); display: flex; flex-direction: column; } .player { padding: 8px 10px; font-size: 0.8rem; font-weight: 600; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; justify-content: space-between; color: var(--text-light); } .player:last-child { border-bottom: none; } .winner { background-color: #F0F7FF; color: var(--brand-dark); border-right: 3px solid var(--brand-blue); } .winner::after { content: '✔'; font-size: 0.7rem; color: var(--brand-blue); } /* --- الحالة الفارغة --- */ .empty-state { margin: 20px auto; text-align: center; color: #aaa; font-size: 1rem; font-weight: bold; border: 2px dashed #e0e0e0; padding: 40px; border-radius: 10px; background: rgba(255,255,255,0.5); width: 90%; max-width: 350px; } /* --- قسم التحليل --- */ #analysis-section { width: 90%; max-width: 600px; margin-top: 20px; display: none; } .analysis-card { background: white; border-radius: 8px; border: 1px solid #E1E4E8; overflow: hidden; } .analysis-head { background: var(--brand-dark); color: white; padding: 10px 15px; font-size: 0.95rem; font-weight: bold; display: flex; justify-content: space-between; } .analysis-body { padding: 20px; } .stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 15px; } .stat-box { background: #f8f9fa; padding: 10px; border-radius: 6px; border-right: 3px solid var(--brand-blue); } .stat-label { font-size: 0.75rem; color: var(--text-light); } .stat-val { font-weight: bold; font-size: 0.9rem; color: var(--brand-dark); } /* --- بطاقة البطل --- */ .champ-card { background: linear-gradient(135deg, #FFB800, #FF9900); padding: 3px; border-radius: 12px; width: 100%; text-align: center; margin-top: 10px; } .champ-inner { background: white; border-radius: 9px; padding: 20px; } .champ-img { width: 100px; height: 100px; border-radius: 50%; border: 4px solid var(--brand-blue); object-fit: cover; margin-bottom: 10px; } /* قسم زر الإعادة */ #retry-section { display: none; margin-top: 30px; margin-bottom: 30px; text-align: center; width: 100%; } صراع الأساطير أفضل لاعب في آخر 25 سنة ابدأ المحاكاة النظام جاهز للبدء تحليل النتائج النهائي محاكاة جديدة ↻ const IMG_MESSI = "https://imagecache.365scores.com/image/upload/f_png,w_80,h_80,c_limit,q_auto:eco,dpr_2,d_Athletes:default.png,r_max,c_thumb,g_face,z_0.65/Athletes/874"; const IMG_RONALDO = "https://imagecache.365scores.com/image/upload/f_png,w_80,h_80,c_limit,q_auto:eco,dpr_2,d_Athletes:default.png,r_max,c_thumb,g_face,z_0.65/Athletes/817"; const legends = ["رونالدينيو", "نيمار", "لويس سواريز", "رونالدو الظاهرة", "مانويل نوير", "بوفون", "مبابي", "ليفاندوفسكي", "مودريتش", "لامبارد", "انيستا", "زيدان", "كورتوا", "تشافي", "بيرلو", "بنزيما", "روبين", "راموس", "مالديني", "هنري", "صلاح", "دي بروين", "كاكا"]; function runSimulation(isRetry = false) { const container = document.getElementById('bracketBox'); const analysisSec = document.getElementById('analysis-section'); const emptyBox = document.getElementById('emptyBox'); const retrySec = document.getElementById('retry-section'); // إخفاء الحالة الفارغة وإظهار البراكيت emptyBox.style.display = 'none'; container.style.display = 'flex'; // تجهيز البيانات let pool = legends.sort(() => Math.random() - 0.5).slice(0, 14); let pathA = pool.slice(0, 7); let pathB = pool.slice(7, 14); let r16 = [ {p1: "ليونيل ميسي", p2: pathA[0], w: "ليونيل ميسي"}, randMatch(pathA[1], pathA[2]), randMatch(pathA[3], pathA[4]), randMatch(pathA[5], pathA[6]), randMatch(pathB[0], pathB[1]), randMatch(pathB[2], pathB[3]), randMatch(pathB[4], pathB[5]), {p1: "كريستيانو رونالدو", p2: pathB[6], w: "كريستيانو رونالدو"} ]; let qf = [ {p1: r16[0].w, p2: r16[1].w, w: "ليونيل ميسي"}, randMatch(r16[2].w, r16[3].w), randMatch(r16[4].w, r16[5].w), {p1: r16[6].w, p2: r16[7].w, w: "كريستيانو رونالدو"} ]; let sf = [ {p1: qf[0].w, p2: qf[1].w, w: "ليونيل ميسي"}, {p1: qf[2].w, p2: qf[3].w, w: "كريستيانو رونالدو"} ]; let winner = Math.random() > 0.5 ? "ليونيل ميسي" : "كريستيانو رونالدو"; let final = {p1: "ليونيل ميسي", p2: "كريستيانو رونالدو", w: winner}; // رسم الأقسام container.innerHTML = ''; container.appendChild(createSection(r16, "دور الـ 16", "grid-2")); container.appendChild(createSection(qf, "ربع النهائي", "grid-1")); container.appendChild(createSection(sf, "نصف النهائي", "grid-1")); container.appendChild(createSection([final], "النهائي الكبير", "grid-1", true)); container.appendChild(createChampion(winner)); // عرض التحليل وزر الإعادة showAnalysis(winner); analysisSec.style.display = 'block'; retrySec.style.display = 'block'; // في حال الضغط على زر الإعادة، اصعد للأعلى لرؤية النتيجة الجديدة if(isRetry) { window.scrollTo({ top: 150, behavior: 'smooth' }); } } function randMatch(p1, p2) { return {p1: p1, p2: p2, w: Math.random() > 0.5 ? p1 : p2}; } function createSection(matches, title, gridClass, isFinal = false) { let section = document.createElement('div'); section.className = 'round-section'; let titleDiv = document.createElement('div'); titleDiv.className = 'round-title'; titleDiv.innerText = title; section.appendChild(titleDiv); let grid = document.createElement('div'); grid.className = `matches-grid ${gridClass}`; matches.forEach(m => { let card = document.createElement('div'); card.className = 'card'; if(isFinal) card.style.border = "2px solid #FFB800"; card.innerHTML = ` ${m.p1} ${m.p2} `; grid.appendChild(card); }); section.appendChild(grid); return section; } function createChampion(name) { let section = document.createElement('div'); section.className = 'round-section'; section.innerHTML = `البطل`; let img = name === "ليونيل ميسي" ? IMG_MESSI : IMG_RONALDO; let card = document.createElement('div'); card.innerHTML = ` ${name} `; section.appendChild(card); return section; } function showAnalysis(name) { const div = document.getElementById('analysis-content'); if(name === "ليونيل ميسي") { div.innerHTML = ` لماذا ميسي؟ اللاعب الأكثر تكاملاً في التاريخ. يجمع بين العبقرية في صناعة اللعب والأرقام القياسية في التهديف. حسم الجدل نهائياً بعد التتويج بكأس العالم 2022. الكرة الذهبية8 كرات (قياسي) الإنجاز الأهمكأس العالم 2022 نقاط القوةالمراوغة والرؤية مجموع الألقاب48 لقباً `; } else { div.innerHTML = ` لماذا رونالدو؟ رمز الاستمرارية والعقلية الانتصارية. الهداف التاريخي لكرة القدم، وبطل دوري الأبطال التاريخي. نجح في تحديات كبرى في إنجلترا وإسبانيا وإيطاليا. دوري الأبطال5 ألقاب + الهداف الأهداف الرسميةالهداف التاريخي نقاط القوةالقوة والحسم التحدي الدوليبطل في 3 دوريات `; } }

صراع الأساطير

365Scores Arabic